@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(./big-shoulders-display-vietnamese-800-normal-TfqTMNKp.woff2) format("woff2"),url(./big-shoulders-display-vietnamese-800-normal-zHzF0To4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(./big-shoulders-display-latin-ext-800-normal-fpv_pHPA.woff2) format("woff2"),url(./big-shoulders-display-latin-ext-800-normal-BQnXNQRw.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(./big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2) format("woff2"),url(./big-shoulders-display-latin-800-normal-CI0lhnTM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(./big-shoulders-display-vietnamese-900-normal-B_uE6zXf.woff2) format("woff2"),url(./big-shoulders-display-vietnamese-900-normal-BKSkdzuv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(./big-shoulders-display-latin-ext-900-normal-HMld4L9H.woff2) format("woff2"),url(./big-shoulders-display-latin-ext-900-normal-DkuviPcI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(./big-shoulders-display-latin-900-normal-CW8trzgu.woff2) format("woff2"),url(./big-shoulders-display-latin-900-normal-DMT-1gsg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:500;src:url(./big-shoulders-text-vietnamese-500-normal-DyIerKn-.woff2) format("woff2"),url(./big-shoulders-text-vietnamese-500-normal-qOavviNq.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:500;src:url(./big-shoulders-text-latin-ext-500-normal-Bn3uKoMn.woff2) format("woff2"),url(./big-shoulders-text-latin-ext-500-normal-Bqi6iHQE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:500;src:url(./big-shoulders-text-latin-500-normal-ign0YyOp.woff2) format("woff2"),url(./big-shoulders-text-latin-500-normal-Dmeo3MDH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-text-vietnamese-600-normal-BXdV1-uF.woff2) format("woff2"),url(./big-shoulders-text-vietnamese-600-normal-uM5jlHpk.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-text-latin-ext-600-normal-PH5BJ30Y.woff2) format("woff2"),url(./big-shoulders-text-latin-ext-600-normal-CNPgzoTO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:600;src:url(./big-shoulders-text-latin-600-normal-B21dLi4s.woff2) format("woff2"),url(./big-shoulders-text-latin-600-normal-kQ7ish5x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-text-vietnamese-700-normal-0jx5IGWm.woff2) format("woff2"),url(./big-shoulders-text-vietnamese-700-normal-B-wh8kuN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-text-latin-ext-700-normal-DtkcmmYB.woff2) format("woff2"),url(./big-shoulders-text-latin-ext-700-normal-4pmp379s.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Text;font-style:normal;font-display:swap;font-weight:700;src:url(./big-shoulders-text-latin-700-normal-Dd7cXfYX.woff2) format("woff2"),url(./big-shoulders-text-latin-700-normal-B1Bb-vUn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #f5f3ec;--ink-dim: #f5f3eca8;--safe: #12f09b;--danger: #ff2b3d;--amber: #ffb128;--gold: #ffd978;--hit: #ff6a1c;--display: "Big Shoulders Display", Impact, "Arial Narrow", sans-serif;--text: "Big Shoulders Text", "Arial Narrow", sans-serif;--gutter: clamp(16px, 2.4vw, 36px);--safe-top: max(var(--gutter), env(safe-area-inset-top));--safe-right: max(var(--gutter), env(safe-area-inset-right));--safe-bottom: max(var(--gutter), env(safe-area-inset-bottom));--safe-left: max(var(--gutter), env(safe-area-inset-left));font-family:var(--text);color:var(--ink);background:#000;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;touch-action:none}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}body[data-mode=playing] #world,body[data-mode=intro] #world{cursor:crosshair}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}p{margin:0}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hud{position:fixed;top:0;left:0;right:0;padding:var(--safe-top) var(--safe-right) var(--gutter) var(--safe-left);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none;opacity:0;transition:opacity .25s;background:linear-gradient(#000a,#0000) top / 100% clamp(110px,19vh,180px) no-repeat;text-shadow:0 1px 2px #0009,0 0 22px #000c}body[data-mode=playing] .hud,body[data-mode=falling] .hud,body[data-mode=paused] .hud{opacity:1}.hud strong{display:block;font-family:var(--display);font-weight:900;font-variant-numeric:tabular-nums;line-height:.86}.hud-left{flex:none;display:grid;gap:clamp(8px,1.5vmin,14px);width:fit-content;max-width:min(340px,62vw)}.hud-pattern{display:flex;flex-direction:column;align-items:flex-end;width:min(260px,34vw);text-align:right}.hud-level{font-family:var(--display);font-weight:900;font-size:clamp(26px,2.8vw,42px);line-height:.86;white-space:nowrap}#level{display:inline;font-size:clamp(52px,6vw,90px)}#pattern{display:block;margin:8px 0 6px;font-size:clamp(19px,1.6vw,24px);font-weight:700;color:#f5f3eccc;white-space:nowrap}.hud-pattern.urgent #pattern{color:var(--amber)}.meter{display:block;width:100%;height:4px;background:#ffffff2e;overflow:hidden}.meter i{display:block;height:100%;background:var(--ink);transform-origin:left center}.hud-pattern .meter i{transform-origin:right center}.hud-pattern.urgent .meter i{background:var(--amber)}.hud-score{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:8px}#score{font-size:clamp(52px,6vw,90px)}.multiplier{font-family:var(--display);font-weight:900;font-size:clamp(26px,2.8vw,42px);line-height:1;color:#ffffff40;font-variant-numeric:tabular-nums}.multiplier.live{color:var(--safe);text-shadow:0 0 22px #12f09b99}.lives{grid-column:1 / -1;display:flex;gap:8px;margin-top:12px}.lives i{display:block;width:30px;height:12px;background:var(--safe);box-shadow:0 0 16px #12f09bb0;transition:background .2s,box-shadow .2s}.lives i.lost{background:#ffffff24;box-shadow:none}.face{position:relative;display:block;flex:none;width:var(--face, 44px);height:var(--face, 44px);overflow:hidden;border:2px solid var(--player, var(--ink));background:#05070a;box-shadow:0 0 12px color-mix(in srgb,var(--player, #fff) 45%,transparent)}.face img{position:absolute;max-width:none}.rivals{--face: clamp(28px, 4.6vmin, 44px);--ground: #0000008c;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:var(--face) minmax(0,auto) auto;gap:clamp(4px,.9vmin,8px) clamp(7px,1.1vmin,10px);contain:layout style}.rivals:before{content:"";position:absolute;inset:4px 0 4px -60px;z-index:-1;background:var(--ground);box-shadow:0 0 18px 12px var(--ground)}.rival{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:1fr 1fr;row-gap:0;align-items:center;transition:opacity .3s}.rival .face{grid-row:1 / 3}.rival-name{align-self:end;overflow:hidden;font-size:clamp(14px,2.3vmin,21px);font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.rival-lives{align-self:start;display:flex;gap:4px;margin-top:clamp(1px,.4vmin,3px)}.rival-lives i{display:block;width:clamp(12px,2vmin,18px);height:clamp(4px,.6vmin,6px);background:var(--player)}.rival-lives i.lost{background:#ffffff24}.rival-score{grid-column:3;grid-row:1 / 3;min-width:2.6ch;padding-left:.4em;font-family:var(--display);font-weight:900;font-size:clamp(20px,3.5vmin,32px);line-height:1;font-variant-numeric:tabular-nums;text-align:right}.rival.out{opacity:.55}.rival.out .rival-name{text-decoration:line-through 2px var(--danger)}.rival.out .rival-lives i{background:#ffffff24}.rival.out .face{border-color:#ffffff40;box-shadow:none}.rival.out .face img{filter:grayscale(1) brightness(.7)}.rival.out .face:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#0000 45%,var(--danger) 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,var(--danger) 45% 55%,#0000 55%)}.sudden-sign{display:none;margin:0 0 4px;font-family:var(--display);font-weight:900;font-size:clamp(30px,4.2vw,62px);line-height:.95;color:#fff;text-shadow:0 0 10px var(--danger),0 0 34px var(--danger),0 1px 2px #000;white-space:nowrap}.hud:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:clamp(110px,24vh,220px);background:linear-gradient(#ff2b3d80,#ff2b3d00);opacity:0}.hud.sudden:before{opacity:1;animation:sudden-pulse .9s ease-in-out infinite alternate}@keyframes sudden-pulse{0%{opacity:.45}to{opacity:1}}.hud.sudden .sudden-sign{display:block}.hud.sudden .hud-level,.hud.sudden #level{text-shadow:0 0 18px var(--danger),0 1px 2px #000}.hud.sudden #pattern{color:#ffc2c6}.hud.sudden .meter i{background:var(--danger)}.hud.sudden .lives i:not(.lost){background:var(--danger);box-shadow:0 0 16px #ff2b3db0}.versus{position:fixed;left:50%;bottom:12%;width:min(94vw,1200px);transform:translate(-50%);pointer-events:none;font-family:var(--display);font-weight:800;font-size:clamp(22px,3vw,44px);line-height:1.1;color:var(--ink-dim);text-align:center;text-wrap:balance;text-shadow:0 2px 3px #000b,0 0 28px #000c;opacity:0;transition:opacity .5s .15s}.versus b{font-weight:900;font-size:1.25em;white-space:nowrap}body[data-mode=intro] .versus{opacity:1;transition:opacity .12s}.reticle{position:fixed;top:50%;left:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #0007;pointer-events:none;opacity:0}.target{position:fixed;top:50%;left:50%;width:170px;height:170px;color:var(--safe);pointer-events:none;opacity:0}.target svg{position:absolute;top:0;left:50%;margin-left:-12px}body[data-mode=playing] .reticle,body[data-mode=playing] .target{opacity:1}.reticle-ring{position:fixed;top:50%;left:50%;width:30px;height:30px;margin:-15px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(var(--ring, #ffffff85) calc(var(--ready, 1) * 360deg),#ffffff1c 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px))}body[data-mode=playing] .reticle-ring{opacity:1}body.in-reach .reticle-ring{--ring: var(--hit);filter:drop-shadow(0 0 5px var(--hit))}.callout{position:fixed;top:30%;left:50%;width:max-content;max-width:94vw;transform:translate(-50%);pointer-events:none;font-family:var(--display);font-weight:900;font-size:clamp(36px,5vw,72px);line-height:1;text-align:center;text-wrap:balance;opacity:0;text-shadow:0 2px 3px #000b,0 0 28px #000c}.callout.medium{font-size:clamp(26px,3.2vw,46px)}.callout.minor{font-size:clamp(20px,2.2vw,32px);font-weight:800}.callout.safe{color:var(--safe)}.callout.danger{color:var(--danger)}.callout.amber{color:var(--amber)}.callout.gold{color:var(--gold)}.callout.show{animation:callout 1.1s cubic-bezier(.2,.9,.3,1) both}@keyframes callout{0%{opacity:0;transform:translate(-50%) scale(1.35)}12%{opacity:1;transform:translate(-50%) scale(1)}72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.look-hint{position:fixed;left:50%;bottom:12px;transform:translate(-50%);font-size:18px;font-weight:700;padding:8px 14px;background:#000a;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.look-hint.show{opacity:1}.corner-buttons{position:fixed;top:var(--safe-top);right:var(--safe-right);display:flex;gap:6px;z-index:5}body[data-mode=playing] .corner-buttons,body[data-mode=intro] .corner-buttons,body[data-mode=falling] .corner-buttons{display:none}.corner-buttons button{padding:8px 12px;min-height:36px;border:1px solid #ffffff38;border-radius:4px;background:#000b;font-size:16px;font-weight:600}.corner-buttons button:hover{background:#ffffff24}#pause,#view-toggle{display:none}body[data-mode=paused] .corner-buttons{top:auto;bottom:var(--safe-bottom)}.screen{position:fixed;inset:0;z-index:3;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.menu{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;pointer-events:none;background:linear-gradient(transparent 58%,#000d)}.menu>*{pointer-events:auto}.menu-copy{max-width:620px}.headline{font-family:var(--display);font-weight:900;font-size:clamp(42px,5.6vw,84px);line-height:.92;text-wrap:balance}.rules{margin-top:14px;font-size:clamp(18px,1.6vw,23px);font-weight:500;line-height:1.3;color:#f5f3ecd9;max-width:44ch}.controls{margin-top:8px;font-size:clamp(16px,1.3vw,19px);font-weight:500;color:var(--ink-dim)}.touch-only{display:none}.menu-links{display:flex;gap:18px;margin-top:4px;font-size:clamp(15px,1.1vw,17px);font-weight:600}.menu-links a{padding:6px 0;color:var(--ink-dim);text-underline-offset:3px}.menu-links a:hover,.menu-links a:focus-visible{color:var(--ink)}.menu-action{display:grid;justify-items:stretch;gap:10px;flex:none;width:min(440px,40vw)}.best{justify-self:end;font-size:20px;font-weight:600;color:var(--ink-dim)}.best b{font-family:var(--display);font-weight:900;font-size:34px;color:var(--ink);margin-left:4px;font-variant-numeric:tabular-nums}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-choice{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.level-choice .tile{padding:clamp(6px,.6vw,9px) 8px;font-size:clamp(20px,1.9vw,27px)}.brand{position:absolute;top:var(--safe-top);left:var(--safe-left);margin:0;pointer-events:none;font-family:var(--display);font-weight:900;font-size:min(clamp(34px,4.4vw,64px),calc(62vw / (var(--letters, 15) * .5)));line-height:.9;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.brand-word{color:var(--safe);text-shadow:0 0 26px #12f09b66,0 2px 3px #000c}.brand-word+.brand-word{color:var(--danger);text-shadow:0 0 26px #ff2b3d66,0 2px 3px #000c}.menu-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.menu-home>.pad,.menu-panel>.pad{grid-column:1 / -1;min-width:0}.menu-panel>.pad{padding:clamp(10px,1.1vw,15px) 24px;font-size:clamp(32px,3vw,44px)}.menu-home .tile{padding:clamp(9px,1vw,14px) 6px;font-size:clamp(24px,2.3vw,34px)}.online-note{grid-column:1 / -1;display:flex;align-items:center;gap:10px;font-size:clamp(15px,1.2vw,18px);font-weight:600;line-height:1.25;color:var(--ink-dim)}.online-note:before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--amber);box-shadow:0 0 10px var(--amber)}.menu-home.offline #practice-button{grid-column:1 / -1;order:-2}.menu-home.offline .online-note{order:-1}.menu-home.offline #play-online{grid-column:auto;min-width:0;padding:clamp(9px,1vw,14px) 6px;border:1.5px solid #ffffff2e;color:#f5f3ec70;font-size:clamp(24px,2.3vw,34px);background:#0009;box-shadow:none;cursor:default;transform:none}.menu-home.offline #friends-button{border-color:#ffffff2e;color:#f5f3ec70;background:#0009;cursor:default}.menu[data-panel=practice] .menu-home,.menu[data-panel=friends] .menu-home{display:none}.menu:not([data-panel=practice]) #practice,.menu:not([data-panel=friends]) #friends{display:none}.menu-panel{display:grid;gap:10px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(28px,2.8vw,40px);line-height:1}.panel-label{font-size:clamp(15px,1.2vw,18px);font-weight:600;color:var(--ink-dim)}.friends-join{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:10px}.friends-join .panel-label{padding-right:2px}.code-field{min-width:0;margin:0;padding:8px 10px 6px;border:1.5px solid #ffffff42;border-radius:7px;background:#000b;color:var(--ink);font-family:var(--display);font-weight:900;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;text-align:center;caret-color:var(--safe);-webkit-appearance:none;appearance:none}.code-field::placeholder{color:#ffffff30}.code-field:focus{outline:none;border-color:var(--ink);box-shadow:0 0 22px #ffffff2e}.code-field:focus-visible{outline:3px solid var(--ink);outline-offset:4px}#join-room{padding:clamp(9px,1vw,14px) 6px;font-size:clamp(24px,2.3vw,34px)}#join-room.ready{border-color:var(--safe);color:#02170e;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,var(--safe);box-shadow:0 0 26px #12f09b8c}.tile{padding:clamp(9px,1vw,14px) 12px;border:1.5px solid #ffffff42;border-radius:7px;background:#000b;color:var(--ink);font-family:var(--display);font-weight:900;font-size:clamp(30px,3vw,44px);line-height:1;transition:background .12s,box-shadow .12s,border-color .12s}.tile:hover{border-color:#ffffffa0;background:#ffffff1c}.tile small{display:block;margin-top:3px;font-family:var(--text);font-weight:600;font-size:clamp(14px,1.1vw,17px);color:var(--ink-dim)}.tile[aria-checked=false]{color:var(--ink-dim)}.tile[aria-checked=true]{border-color:var(--ink);color:#06100c;background:radial-gradient(circle,#fff 0 1px,#fff0 1.6px) 0 0 / 7px 7px,#e9e6dc;box-shadow:0 0 26px #f5f3ec59}.tile[aria-checked=true] small{color:#06100ccc}.pad,.menu-home.offline #practice-button{display:inline-grid;place-items:center;min-width:clamp(190px,18vw,260px);padding:clamp(14px,1.6vw,22px) 34px;border:0;border-radius:7px;color:#02170e;font-family:var(--display);font-weight:900;font-size:clamp(38px,3.8vw,54px);line-height:1;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,var(--safe);box-shadow:inset 0 0 0 1px #fff6,0 0 34px #12f09b8c,0 0 110px #12f09b40;transition:box-shadow .15s,transform .1s}.pad:hover,.menu-home.offline #practice-button:hover{box-shadow:inset 0 0 0 1px #ffffffa0,0 0 50px #12f09bc4,0 0 150px #12f09b66}.pad:active,.menu-home.offline #practice-button:active{transform:scale(.97)}.result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:clamp(24px,9vw,150px);gap:4px;background:linear-gradient(90deg,#000e,#0008 52%,#0000 82%)}.result h2{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(44px,6vw,88px);line-height:.95}.plain{padding:8px 0;border:0;background:none;font-size:clamp(18px,1.6vw,22px);font-weight:600;color:var(--ink-dim)}.plain:hover{color:var(--ink)}#paused .pad{margin:14px 0 8px}.end{padding-left:clamp(24px,6vw,96px);gap:clamp(8px,1.5vh,14px);background:linear-gradient(90deg,#000,#000c 44%,#0000 72%)}.end h2{max-width:min(780px,58vw);font-size:clamp(44px,min(6vw,10vh),88px);text-wrap:balance}.end h2.won{color:var(--safe);text-shadow:0 0 34px #12f09b66}.result-detail{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,38px);line-height:1.05;color:var(--ink)}.result-detail b{font-weight:900}.standings{width:min(640px,52vw);margin-top:2px;border-collapse:collapse;font-size:clamp(18px,1.6vw,24px);font-weight:700;font-variant-numeric:tabular-nums}.standings th{padding:0 0 2px 16px;font-size:clamp(14px,1.15vw,17px);font-weight:600;color:var(--ink-dim);text-align:right}.standings .short{display:none}.standing td{padding:clamp(2px,.5vh,5px) 0}.standing .face{--face: clamp(30px, 4.6vh, 44px)}.standing .place{padding-right:.6em;font-family:var(--display);font-weight:900;color:var(--ink-dim);white-space:nowrap}.standing .portrait{width:1px;padding-right:10px}.standing .name{width:100%;color:var(--player);line-height:1.05}.standing-who{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px}.standing-lives{display:flex;flex:none;gap:4px}.standing-lives i{display:block;width:clamp(13px,1.25vw,19px);height:clamp(6px,.6vw,8px);background:var(--player)}.standing-lives i.lost{background:none;box-shadow:inset 0 0 0 1px #fff6}.standing.out .standing-lives i:not(.lost){opacity:.45}.standing-out{font-size:.74em;font-weight:600;color:var(--danger);white-space:nowrap}.standing .number{padding-left:16px;color:var(--ink-dim);text-align:right}.standing .total{font-family:var(--display);font-weight:900;font-size:1.25em;color:var(--ink)}.standing.winner .place{color:var(--gold)}.standing.you{background:linear-gradient(90deg,#ffffff1f,#fff0)}.result-you{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:6px;font-size:clamp(18px,1.6vw,23px);font-weight:600;color:var(--ink-dim)}.result-score{font-family:var(--display);font-weight:900;font-size:clamp(56px,min(7.4vw,12vh),108px);line-height:.92;color:var(--ink);font-variant-numeric:tabular-nums}.result-best{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.8vw,40px);color:var(--gold);text-shadow:0 0 22px #ffd97899}.result-buttons{display:flex;align-items:center;gap:24px;margin-top:4px}.touch-controls{display:none;position:fixed;left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}body[data-mode=playing] .touch-controls{opacity:1}#joystick{position:relative;width:132px;height:132px;border-radius:50%;border:1.5px solid #ffffff55;background:#0007;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#joystick.engaged{border-color:var(--safe);box-shadow:0 0 26px #12f09b70}.joystick-stick{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;border-radius:50%;background:#f5f3ecd9;box-shadow:0 3px 14px #000a;pointer-events:none;will-change:transform}.touch-actions{position:relative;pointer-events:none}.touch-jump{width:112px;height:112px;border:0;border-radius:16px;color:#02170e;font-family:var(--display);font-weight:900;font-size:34px;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,var(--safe);box-shadow:0 0 30px #12f09b70;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-jump:active{transform:scale(.95);filter:brightness(1.2)}.touch-hit{position:absolute;right:calc(100% + 12px);bottom:26px;width:66px;height:66px;border:0;border-radius:50%;color:#2b0a00;font-family:var(--display);font-weight:900;font-size:24px;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,var(--hit);box-shadow:0 0 30px #ff6a1c70;opacity:calc(.55 + .45 * var(--ready, 1));pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-hit:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#fff calc(var(--ready, 1) * 360deg),#ffffff24 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.touch-hit:active{transform:scale(.95);filter:brightness(1.2)}body.in-reach .touch-hit{opacity:1;box-shadow:0 0 44px #ff6a1cc8,inset 0 0 0 2px #fff6}.touch-block{position:absolute;right:0;bottom:calc(100% + 12px);width:58px;height:58px;border:0;border-radius:14px;color:#041a2e;font-family:var(--display);font-weight:900;font-size:18px;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,#52c8ff;box-shadow:0 0 30px #52c8ff70;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-block:active{transform:scale(.95);filter:brightness(1.2)}@media(pointer:coarse){.touch-controls{display:flex}.touch-only{display:block}.desktop-only,.reticle-ring{display:none}body[data-mode=playing] .corner-buttons{display:flex;flex-direction:column;align-items:stretch;width:62px;top:auto;bottom:calc(var(--safe-bottom) + 194px)}body[data-mode=playing] .corner-buttons button{min-height:40px;padding:4px 6px;font-size:14px;line-height:1.05}body[data-mode=playing] #sound{display:none}body[data-mode=playing] #pause,body[data-mode=playing] #view-toggle{display:block}}@media(max-width:800px),(max-height:520px){.lives i{width:22px;height:10px}.lives{margin-top:8px}#pattern{font-size:15px;margin:5px 0 4px}.target{width:130px;height:130px}}@media(max-width:700px),(max-aspect-ratio:1/1){.rivals{--ground: #000000d9}.menu{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:14px}.menu-action{width:100%}.tile small{display:inline;margin:0 0 0 6px}.end{justify-content:flex-end;padding-left:var(--safe-left);background:linear-gradient(#0000 18%,#000d 42%,#000)}.end h2{max-width:none;font-size:clamp(36px,11vw,60px)}.standings{width:100%}.standings .long{display:none}.standings .short{display:inline}.standings th,.standing .number{padding-left:8px}.standing .place{padding-right:.4em}.standing .portrait{padding-right:8px}.result-score{font-size:clamp(48px,15vw,76px)}}@media(max-height:520px){.callout{max-width:54vw;font-size:30px}.callout.medium{font-size:24px}.callout.minor{font-size:19px}.menu{gap:20px;background:linear-gradient(transparent 44%,#000d)}.headline{font-size:30px}.rules{font-size:15px;margin-top:4px;max-width:46ch}.controls{font-size:14px;margin-top:3px}.menu-action{gap:6px;width:min(300px,40vw)}.best{font-size:14px}.best b{font-size:20px}.mode-choice,.level-choice,.menu-buttons{gap:6px}.level-choice .tile{padding:4px 6px;font-size:18px}.tile{padding:7px 8px;font-size:24px}.tile small{display:none}.menu-action .pad,.menu-home.offline #practice-button{min-width:0;padding:8px 12px;font-size:28px}#joystick{width:104px;height:104px}.joystick-stick{width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px)}.touch-jump{width:92px;height:92px;font-size:28px}.touch-hit{width:58px;height:58px;font-size:20px;right:calc(100% + 10px);bottom:22px}.touch-block{width:50px;height:50px;font-size:16px;bottom:calc(100% + 8px)}body[data-mode=playing] .corner-buttons{bottom:calc(var(--safe-bottom) + 158px)}.result h2{font-size:38px}#paused{padding-left:34vw}.end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:24px;row-gap:4px;align-content:center;padding:12px var(--safe-right) 12px var(--safe-left);background:linear-gradient(90deg,#000,#000c 48%,#0006)}.end h2{grid-column:1;max-width:none;font-size:32px}.result-detail{grid-column:1;font-size:20px}.result-you{grid-column:1;font-size:15px}.result-score{font-size:44px}.result-best{font-size:20px}.result-buttons{grid-column:1;gap:16px}.result-buttons .pad{min-width:0;padding:9px 18px;font-size:26px}.standings{grid-column:2;grid-row:1 / span 4;align-self:center;width:100%;font-size:16px}.standings .long{display:none}.standings .short{display:inline}.standing .face{--face: 30px}.standing .number,.standings th{padding-left:8px}.standing .place{padding-right:.4em}.standing .portrait{padding-right:8px}}.lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(24px,4vw,64px);row-gap:clamp(10px,2.4vh,24px);padding-left:clamp(24px,6vw,96px);background:linear-gradient(90deg,#000,#000c 44%,#0000 72%)}.lobby-sign{grid-column:1;grid-row:1;display:grid;justify-items:start;gap:clamp(4px,1vh,10px);min-width:0}.lobby-label{font-size:clamp(16px,1.4vw,20px);font-weight:600;color:var(--ink-dim)}.lobby-code{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(88px,11vw,190px);line-height:.88;letter-spacing:.06em;color:var(--ink);text-shadow:0 0 44px #ffffff33,0 2px 3px #000b;outline:none}.lobby-link{max-width:100%;overflow:hidden;font-size:clamp(14px,1.1vw,17px);font-weight:600;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text}.lobby-title{margin:clamp(6px,1.5vh,16px) 0 0;font-family:var(--display);font-weight:900;font-size:clamp(30px,3.4vw,50px);line-height:.95}.lobby-line{max-width:40ch;font-size:clamp(16px,1.4vw,21px);font-weight:500;line-height:1.3;color:#f5f3ecd9}.lobby-buttons{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.lobby-buttons .pad{min-width:clamp(150px,13vw,200px);padding:clamp(10px,1.2vw,16px) 28px;font-size:clamp(30px,3vw,44px)}.lobby-buttons .tile{padding:clamp(9px,1vw,14px) 22px;font-size:clamp(22px,2vw,30px)}.lobby-wait{font-size:clamp(16px,1.4vw,20px);font-weight:600;color:var(--ink-dim)}.seats{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:0;display:grid;align-self:center;gap:clamp(6px,1vh,10px);width:min(100%,520px)}.seat{--face: clamp(40px, 5vh, 56px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:clamp(8px,1vh,12px) 14px clamp(8px,1vh,12px) 12px;border:1.5px solid #ffffff2e;border-left:6px solid var(--player);border-radius:7px;background:#000b}.seat-name{overflow:hidden;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.1;color:var(--player);text-overflow:ellipsis;white-space:nowrap}.seat-tags{display:flex;gap:6px}.tag{padding:3px 6px 1px;border:1px solid #ffffff55;border-radius:3px;font-family:var(--text);font-size:clamp(12px,1vw,14px);font-weight:700;line-height:1.1;letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap}.tag.host{color:var(--gold);border-color:#ffd97899}.tag.you{color:#000;background:var(--ink);border-color:var(--ink)}.seat.bot{border-style:dashed;border-left-style:solid;background:#0007}.seat.bot .seat-name{color:var(--ink-dim)}.seat.bot .face{opacity:.7}.standing-who .tag{font-size:.62em}.wait{z-index:4;display:grid;place-content:center;justify-items:center;gap:clamp(12px,2.4vh,22px);text-align:center;background:linear-gradient(#0009,#000d)}.wait-lights{--light: var(--safe);display:grid;grid-template-columns:repeat(8,clamp(16px,3.6vmin,30px));gap:6px}.wait-lights i{aspect-ratio:1;border-radius:3px;background:radial-gradient(circle,#ffffff5c 0 1px,#fff0 1.6px) 0 0 / 7px 7px,var(--light);box-shadow:0 0 16px color-mix(in srgb,var(--light) 55%,transparent);opacity:.1;animation:wait-chase 1.04s linear calc(var(--at) * .13s) infinite}@keyframes wait-chase{0%,25%{opacity:1}75%,to{opacity:.1}}.wait h2{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(36px,5vw,72px);line-height:.95;outline:none}.wait p{max-width:34em;font-size:clamp(16px,1.5vw,21px);font-weight:500;line-height:1.35;color:#f5f3ecd9}.wait .plain{margin-top:6px}.reconnect .wait-lights{--light: var(--amber)}.reconnect-meter{display:block;width:min(60vw,320px);height:4px;background:#ffffff2e}.reconnect-meter i{display:block;height:100%;width:calc(var(--left, 1) * 100%);background:var(--amber);transition:width .3s linear}.reconnect-seconds{font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,40px);line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}.wall{z-index:7;display:grid;place-content:center;justify-items:center;gap:clamp(12px,2.4vh,22px);text-align:center;background:#000}.wall h2{margin:0;max-width:18em;font-family:var(--display);font-weight:900;font-size:clamp(40px,6vw,80px);line-height:.95}.wall p{max-width:34em;font-size:clamp(17px,1.6vw,22px);font-weight:500;line-height:1.35;color:#f5f3ecd9}.wall-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:6px}a.pad{text-decoration:none}.chip{position:fixed;top:var(--safe-top);left:50%;z-index:5;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px 5px;border:1px solid #ffffff38;border-radius:4px;background:#000c;font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap;pointer-events:none}.chip:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--amber);box-shadow:0 0 10px var(--amber)}.chip.bad:before,.chip.lost:before{background:var(--danger);box-shadow:0 0 10px var(--danger)}.chip small{font-size:13px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums}.chip small:empty{display:none}.banner{position:fixed;top:calc(var(--safe-top) + clamp(56px,8vh,80px));left:50%;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:min(92vw,640px);padding:10px 10px 10px 16px;border:1px solid #ffffff38;border-radius:7px;background:#000d;font-size:clamp(16px,1.4vw,19px);font-weight:600;line-height:1.25}.banner:before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--amber);box-shadow:0 0 10px var(--amber)}.banner .plain{flex:none;padding:4px 8px;color:var(--ink)}.spectate{position:fixed;left:50%;bottom:var(--safe-bottom);z-index:5;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - var(--safe-left) - var(--safe-right));padding:8px 10px 8px 16px;border:1px solid #ffffff38;border-radius:7px;background:#000c;white-space:nowrap}.spectate-watching{font-size:16px;font-weight:600;color:var(--ink-dim)}.spectate-name{max-width:34vw;overflow:hidden;font-family:var(--display);font-weight:900;font-size:clamp(24px,2.4vw,34px);line-height:1;color:var(--ink);text-overflow:ellipsis}.spectate-hint{font-size:14px;font-weight:600;color:var(--ink-dim)}.spectate .tile{padding:6px 12px;font-size:20px}.spectate .plain{padding:6px 4px}body[data-mode=spectating] .hud{opacity:1}body[data-mode=spectating] #world{cursor:pointer}body[data-mode=spectating] .corner-buttons,body[data-mode=spectating] .look-hint{display:none}.results-wait,.pause-note{font-size:clamp(16px,1.4vw,20px);font-weight:600;color:var(--ink-dim)}.pause-note{max-width:36ch;margin-top:4px}.end.online #locker-from-results{display:none}@media(max-width:700px),(max-aspect-ratio:1/1){.brand{font-size:min(clamp(30px,9vw,44px),calc(70vw / (var(--letters, 15) * .5)))}.menu[data-panel=practice] .controls,.menu[data-panel=friends] .controls,.menu[data-panel=practice] .menu-links,.menu[data-panel=friends] .menu-links{display:none}.menu-home.offline #play-online{font-size:clamp(19px,5vw,24px)}.chip{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:5px 10px 4px;font-size:13px}.chip small{grid-column:2;font-size:12px}.lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;row-gap:14px;padding-left:var(--safe-left);background:linear-gradient(#000e,#0009 26%,#0006 50%,#000c 78%,#000e)}.lobby-sign{grid-row:1;justify-items:center;text-align:center}.lobby-code{font-size:clamp(72px,24vw,120px)}.lobby-line{max-width:none}.seats{grid-column:1;grid-row:2;align-self:start;width:100%;min-height:0;overflow:hidden auto}.lobby-buttons{grid-column:1;grid-row:3;justify-content:center}.spectate{gap:10px;padding:6px 8px 6px 12px}.spectate-hint{display:none}}@media(max-height:520px){.brand{font-size:min(28px,calc(40vw / (var(--letters, 15) * .5)))}.menu-home,.menu-panel,.friends-join{gap:6px}.menu-links{margin-top:0;font-size:14px}.menu-links a{padding:5px 0}.menu-home .tile,#join-room,.menu-home.offline #play-online{padding:6px 4px;font-size:20px}.panel-head h2{font-size:24px}.panel-label,.online-note{font-size:13px}.code-field{padding:5px 8px 3px;font-size:26px}.lobby{column-gap:20px;row-gap:8px;padding:10px var(--safe-right) 10px var(--safe-left);background:linear-gradient(90deg,#000,#000c 48%,#0006)}.lobby-code{font-size:72px}.lobby-title{margin-top:2px;font-size:26px}.lobby-line{font-size:14px}.lobby-label,.lobby-link,.lobby-wait{font-size:13px}.lobby-buttons{gap:8px 14px}.lobby-buttons .pad{min-width:0;padding:8px 18px;font-size:26px}.lobby-buttons .tile{padding:6px 14px;font-size:18px}.seats{gap:5px}.seat{--face: 30px;column-gap:10px;padding:5px 10px 5px 8px;border-left-width:5px}.seat-name{font-size:17px}.tag{padding:2px 5px 1px;font-size:11px}.wait{gap:10px}.wait h2{font-size:34px}.wait p{font-size:15px}.wait-lights{grid-template-columns:repeat(8,18px)}.reconnect-seconds{font-size:24px}.wall h2{font-size:38px}.wall p{font-size:15px}.spectate{gap:8px;padding:5px 8px 5px 12px}.spectate-name{font-size:22px}.spectate .tile{padding:4px 10px;font-size:17px}}@media(prefers-reduced-motion:reduce){.wait-lights i{animation:none;opacity:.75}.reconnect-meter i{transition:none}.callout.show{animation-duration:.01s;animation-delay:0s;opacity:1}.pad,.look-hint,.hud,.versus,.rival,.tile,.touch-hit{transition:none}.hud.sudden:before{animation:none}}