.sh{--sh-ink:#f4f7fa;--sh-ink-dim:#c2ccd6;--sh-bg:#141a21;--sh-panel:#10161df0;--sh-line:#f4f7fa2e;--sh-accent:#e0ac4e;--sh-accent-ink:#141a21;z-index:10;color:var(--sh-ink);pointer-events:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font:400 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}.sh *{box-sizing:border-box}.sh :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sh [hidden]{display:none!important}.sh-btn{pointer-events:auto;border:1px solid var(--sh-line);text-align:left;background:#f4f7fa1a;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;font-size:17px;display:flex}.sh-btn:hover{background:#f4f7fa2e}.sh-btn:focus-visible{outline:2px solid var(--sh-accent);outline-offset:2px}.sh-btn--main{background:var(--sh-accent);color:var(--sh-accent-ink);border-color:#0000;font-weight:600}.sh-btn--main:hover{background:#eebc63}.sh-btn svg{flex:none;width:22px;height:22px}.sh-load{pointer-events:auto;background:var(--sh-bg);padding:var(--sh-top) var(--sh-right) var(--sh-bottom) var(--sh-left);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.sh-logo{opacity:.95;width:96px;height:96px}.sh-load h1{letter-spacing:.04em;margin:0;font-size:22px;font-weight:600}.sh-bars{gap:10px;width:min(320px,78vw);display:grid}.sh-bar{color:var(--sh-ink-dim);grid-template-columns:1fr auto;gap:4px 8px;font-size:15px;display:grid}.sh-bar i{background:#f4f7fa29;border-radius:3px;grid-column:1/-1;height:6px;display:block;overflow:hidden}.sh-bar i:after{content:"";height:100%;width:var(--p,0%);background:var(--sh-accent);transition:width .25s linear;display:block}.sh-hint{color:var(--sh-ink-dim);text-align:center;max-width:80%;font-size:15px}.sh-stick{bottom:var(--sh-bottom);width:var(--sh-stick,128px);height:var(--sh-stick,128px);pointer-events:auto;touch-action:none;background:#141a214d;border:2px solid #f4f7fa73;border-radius:50%;position:absolute}.sh[data-stick=left] .sh-stick{left:var(--sh-left)}.sh[data-stick=right] .sh-stick{right:var(--sh-right)}.sh-knob{background:#f4f7fab8;border-radius:50%;width:44%;height:44%;margin:-22% 0 0 -22%;position:absolute;top:50%;left:50%}.sh-fab{pointer-events:auto;right:var(--sh-right);bottom:var(--sh-bottom);width:var(--sh-fab);height:var(--sh-fab);background:#202a35eb;border:1px solid #f4f7fa66;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 4px 14px #00000073}.sh-fab svg{width:26px;height:26px}.sh-jump{pointer-events:auto;right:var(--sh-right);bottom:calc(var(--sh-bottom) + var(--sh-fab) + 14px);background:#202a35c7;border:1px solid #f4f7fa57;border-radius:50%;place-items:center;width:64px;height:64px;font-size:15px;display:grid;position:absolute;box-shadow:0 4px 14px #00000059}.sh-jump svg,.sh-crouch svg{width:26px;height:26px}.sh-crouch{pointer-events:auto;touch-action:none;right:calc(var(--sh-right) + 64px + 14px);bottom:calc(var(--sh-bottom) + var(--sh-fab) + 14px);background:#202a35c7;border:1px solid #f4f7fa57;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute}.sh-arc{right:calc(var(--sh-right) - 7px);bottom:calc(var(--sh-bottom) - 7px);width:calc(var(--sh-fab) + 14px);height:calc(var(--sh-fab) + 14px);pointer-events:none;position:absolute}.sh-arc circle{fill:none;stroke:var(--sh-accent);stroke-width:3px;stroke-dasharray:44 160;stroke-linecap:round;transform-origin:50%;animation:1.1s linear infinite sh-spin}@keyframes sh-spin{to{transform:rotate(360deg)}}.sh-place{left:50%;bottom:var(--sh-bottom);border:1px solid var(--sh-line);font-variant-numeric:tabular-nums;letter-spacing:.06em;background:#141a219e;border-radius:12px;padding:7px 12px;font-size:15px;position:absolute;transform:translate(-50%)}@media (hover:none),(pointer:coarse){.sh[data-stick=left] .sh-place{box-sizing:border-box;left:var(--sh-left);bottom:calc(var(--sh-bottom) + var(--sh-stick,128px) + 12px);max-width:calc(100% - var(--sh-left) - var(--sh-right) - 134px - 8px);transform:none}.sh[data-stick=right] .sh-place{box-sizing:border-box;left:var(--sh-left);max-width:calc(100% - var(--sh-left) - var(--sh-right) - max(var(--sh-stick,128px), 134px) - 12px);transform:none}}.sh-fps{right:var(--sh-right);top:var(--sh-top);font-variant-numeric:tabular-nums;background:#141a219e;border-radius:9px;padding:4px 8px;font-size:15px;position:absolute}.sh-scrim{pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#0a0e1280;animation:.18s ease-out sh-fade;position:absolute;inset:0}@keyframes sh-fade{0%{opacity:0}}.sh-tap{pointer-events:auto;left:0;right:0;top:var(--sh-top);position:absolute;bottom:0}.sh-sheet{pointer-events:auto;max-height:min(var(--sh-sheet-max), calc(100% - var(--sh-top)));background:var(--sh-panel);border-top:1px solid var(--sh-line);padding:10px var(--sh-left) calc(var(--sh-bottom) + 4px) var(--sh-right);border-radius:20px 20px 0 0;flex-direction:column;animation:.2s ease-out sh-rise;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes sh-rise{0%{opacity:0;transform:translateY(24px)}}.sh-sheet header{align-items:center;gap:10px;min-height:44px;display:flex}.sh-sheet header h2{flex:1;margin:0;font-size:18px;font-weight:600}.sh-back{pointer-events:auto;background:0 0;border-radius:12px;place-items:center;min-width:44px;min-height:44px;display:grid}.sh-back svg{width:22px;height:22px}.sh-body{overscroll-behavior:contain;gap:8px;min-height:0;padding:6px 0 2px;display:grid;overflow-y:auto}.sh[data-orient=landscape] .sh-sheet{left:auto;top:var(--sh-top);border-radius:20px 0 0;width:min(460px,60vw);max-height:none}@media (hover:hover) and (pointer:fine){.sh-stick,.sh-jump,.sh-crouch{display:none}}.sh-row{border-bottom:1px solid #f4f7fa14;gap:6px;padding:8px 2px;display:grid}.sh-row>span{font-size:16px}.sh-row output{color:var(--sh-ink-dim);font-variant-numeric:tabular-nums;font-size:15px}.sh-row input[type=range]{pointer-events:auto;width:100%;height:44px;accent-color:var(--sh-accent)}.sh-seg{flex-wrap:wrap;gap:6px;display:flex}.sh-seg button{pointer-events:auto;border:1px solid var(--sh-line);background:#f4f7fa14;border-radius:12px;min-height:44px;padding:10px 14px;font-size:15px}.sh-seg button[aria-pressed=true]{background:var(--sh-accent);color:var(--sh-accent-ink);border-color:#0000;font-weight:600}.sh-seg button:focus-visible{outline:2px solid var(--sh-accent);outline-offset:2px}.sh-group{color:var(--sh-accent);letter-spacing:.02em;margin:12px 2px 0;font-size:15px;font-weight:600}.sh[data-screen=metrics] .sh-scrim{-webkit-backdrop-filter:none;background:#0a0e121f}.sh-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;grid-auto-rows:max-content;align-content:start}.sh-kv{grid-template-columns:auto 1fr;gap:6px 14px;padding:6px 2px;font-size:15px;display:grid}.sh-kv dt{color:var(--sh-ink-dim)}.sh-kv dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.sh-note{color:var(--sh-ink-dim);min-height:20px;font-size:15px}.sh-list{color:var(--sh-ink-dim);gap:4px;padding:2px 2px 8px;font-size:15px;display:grid}.sh-list b{color:var(--sh-ink);font-size:16px;font-weight:600}@media (prefers-reduced-motion:reduce){.sh *,.sh :after{transition:none!important;animation:none!important}}.sh-hud{left:var(--sh-left);top:max(var(--sh-top), 96px);max-width:min(300px, calc(100vw - var(--sh-left) - var(--sh-right)));border:1px solid var(--sh-line);font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;background:#0a0e12c7;border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.25;position:absolute}.sh-hud[hidden]{display:none}.sh-hud-grid{grid-template-columns:auto 1fr;gap:1px 10px;display:grid}.sh-hud .l{opacity:.7;white-space:nowrap}.sh-hud .v{text-align:right;white-space:nowrap;font-weight:600}.sh-hud-graph{border-radius:6px;width:100%;height:52px;margin-top:6px;display:block}.sh-hud-copy{pointer-events:auto;border:1px solid var(--sh-line);width:100%;min-height:36px;color:inherit;font:inherit;background:#ffffff1a;border-radius:8px;margin-top:6px}.sh-name{pointer-events:auto;z-index:20;padding:max(var(--sh-top), 96px) var(--sh-right) var(--sh-bottom) var(--sh-left);-webkit-backdrop-filter:blur(6px);background:#0a0e129e;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow-y:auto}.sh-name-card{color:#1c242c;-webkit-user-select:text;user-select:text;background:#f7f2e7;border-radius:20px;gap:12px;width:min(380px,100%);margin:0;padding:20px 18px 18px;display:grid;box-shadow:0 14px 40px #00000073}.sh-name-card h2{margin:0;font-size:22px;font-weight:650}.sh-name-hint{color:#4a5560;margin:0;font-size:15px}.sh-name-row{align-items:stretch;gap:8px;display:flex}.sh-name-input{min-width:0;min-height:48px;font:inherit;color:#1c242c;-webkit-user-select:text;user-select:text;pointer-events:auto;background:#fff;border:1.5px solid #b9a77a;border-radius:12px;flex:1;padding:10px 12px;font-size:18px}.sh-name-input:focus-visible{outline-offset:1px;outline:3px solid #e0ac4e}.sh-dice{pointer-events:auto;background:#ece3cc;border:1.5px solid #b9a77a;border-radius:12px;flex:none;width:48px;min-height:48px;font-size:24px;line-height:1}.sh-dice:hover{background:#e3d6b5}.sh-dice:focus-visible{outline-offset:1px;outline:3px solid #e0ac4e}.sh-name-go{pointer-events:auto;color:#141a21;background:#e0ac4e;border-radius:14px;min-height:52px;font-size:18px;font-weight:650}.sh-name-go:hover{background:#eebc63}.sh-name-go:focus-visible{outline-offset:2px;outline:3px solid #1c242c}.sh-row--name .sh-name-input{background:#f4f7faf5}.sh-row--name .sh-dice{border-color:var(--sh-line);background:#f4f7fa1a}