:root{color-scheme:dark;--bg:#100b17;--panel:#1b1424;--white:#fff5e7;--muted:#aaa0af;--red:#ff483c;--gold:#ffcc79;--line:#ffffff19;--green:#88e3be;font-family:'Open Sans',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3,.button,.brand,.eyebrow,.hud strong,.run-stat b,.result-score,.float-label,.hero-base,.home-stats strong,.announcement,.dash-button,.combo-panel,.board-tabs,.board-score{font-family:Anton,Impact,sans-serif;font-weight:400}h2{font-size:clamp(38px,5vw,68px);line-height:1.06;margin-bottom:22px}h3{font-size:21px}p{line-height:1.65}button{border:0}a{text-underline-offset:4px}.arcade-shell{min-height:100dvh;background:radial-gradient(ellipse at 75% 40%,#5c233330,transparent 60%)}.game-top{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);position:relative;z-index:5;background:#100b1799}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:17px;letter-spacing:1px}.brand small{display:block;font:9px 'Open Sans',sans-serif;color:var(--muted);letter-spacing:4px;margin-top:2px}.brand-mark{width:38px;height:38px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:17px}.top-tools{display:flex;gap:9px;align-items:center}.connection{font-size:10px;font-weight:700;letter-spacing:1.5px;margin-right:15px;color:var(--muted)}.icon-button{border:1px solid var(--line);background:#ffffff06;border-radius:50%;width:40px;height:40px;font:24px Arial;display:grid;place-items:center;position:relative}.icon-button:hover{background:#ffffff18}.sound-line{position:absolute;transform:rotate(-40deg);width:20px;height:2px;background:var(--red)}.icon-button.on .sound-line{display:none}.screen{display:none}.screen.active{display:flex}.home{min-height:calc(100dvh - 80px);max-width:1600px;margin:auto;position:relative;padding:clamp(32px,5vw,72px) clamp(24px,7vw,112px) 84px;align-items:center}.home-copy{position:relative;z-index:2;flex:1}.eyebrow{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--gold);display:flex;align-items:center;gap:9px}.live-dot{height:6px;width:6px;background:var(--red);box-shadow:0 0 10px var(--red);border-radius:50%}.home h1{font-size:clamp(74px,8.6vw,145px);line-height:.95;letter-spacing:-1px;margin:28px 0 22px;position:relative;display:inline-block}.home h1 span{color:var(--red)}.home h1 b{font-size:.46em;color:var(--gold);position:absolute;bottom:3px;left:calc(100% + 16px);font-weight:400;transform:rotate(-9deg)}.tagline{font-size:17px;color:#d1c4d0;line-height:1.5}.home-stats{display:flex;gap:32px;margin:30px 0;color:var(--muted);font-size:8px;letter-spacing:1px}.home-stats strong{display:block;color:var(--white);font-size:26px;line-height:1.2}.start-actions{max-width:385px}.button{border-radius:10px;min-height:54px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;letter-spacing:.9px;font-size:18px;text-decoration:none;transition:transform .15s,background .15s;width:100%}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--red);color:white;box-shadow:0 8px 28px #e62c2135}.button.primary:hover{background:#ff6055}.button.secondary{background:var(--white);color:#1e1321}.button.subtle{border:1px solid #ffffff22;background:#ffffff04;color:var(--white);font-size:15px}.start-actions>.button{margin-bottom:10px}.two-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.two-actions .button{font-size:13px;min-height:45px;padding:12px 16px}.home-foot{font-size:10px;color:var(--muted);margin:14px 0 0}.hero-art{width:57%;position:absolute;right:0;top:6%;bottom:80px;display:flex;align-items:center;justify-content:center;isolation:isolate;pointer-events:none}.hero-art img{width:107%;max-width:830px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 30px 30px #0008);animation:float 5s ease-in-out infinite}.hero-burst{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#f15b3340,#ed40300a 65%,transparent 72%);filter:blur(25px)}.orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #fc906221;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:93%;border-style:dashed;border-color:#fc906218}.orbit-one:before{content:'✦';font-size:24px;color:var(--gold);position:absolute;top:17%;left:10%}.float-label{position:absolute;z-index:3;background:#241d2ddd;border:1px solid #ffffff26;padding:12px 16px;border-radius:12px;font-size:12px;letter-spacing:1px;box-shadow:0 12px 30px #0005;line-height:1.6}.float-label strong{color:var(--gold);font-weight:400}.float-one{right:7%;top:21%;transform:rotate(8deg)}.float-two{left:11%;bottom:15%;transform:rotate(-8deg);font-size:16px}.float-two strong{font-size:30px;margin-left:8px}.hero-base{position:absolute;bottom:0;font-size:14px;letter-spacing:6px;color:#a57473}.home-bottom{position:absolute;left:clamp(24px,7vw,112px);right:clamp(24px,7vw,112px);bottom:25px;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.text-button{padding:5px 0;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.5px}.text-button:hover{color:var(--white)}.status{font-size:13px;color:var(--gold);line-height:1.55;margin-top:12px}.status:empty{display:none}.play{height:calc(100dvh - 80px);justify-content:center;gap:clamp(20px,5vw,80px);overflow:hidden;padding:18px 22px}.arena-wrap{height:100%;aspect-ratio:720/1180;max-width:680px;min-width:0;display:flex;flex-direction:column;flex-shrink:1}.hud{height:64px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:8px}.hud small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px}.hud strong{font-size:27px}.hud-center{text-align:center}.hud-center strong{font-size:19px}.hud-center strong span{color:#7d7087;font-size:11px}.hud-right{display:flex;align-items:center;gap:12px}.hud-right #lives{display:flex;gap:3px;color:var(--red)}.hud-right svg{width:16px;height:17px}.hud-right svg.lost{color:#47333e}.pause-button{font:20px Arial;border-radius:7px;width:30px;height:34px;border:1px solid var(--line);background:transparent}.stage-progress{height:3px;background:#ffffff10;margin-bottom:6px;flex-shrink:0}.stage-progress span{display:block;background:var(--gold);height:100%;width:0;transition:width .2s}.arena{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:14px;border:1px solid #ffffff1a;box-shadow:0 18px 60px #0005;aspect-ratio:720/1024;align-self:center;width:100%;touch-action:none;background:#130c1e}canvas{display:block;width:100%;height:100%;object-fit:fill;touch-action:none;outline:none!important}.arena-meta{position:absolute;left:16px;right:16px;top:12px;display:flex;justify-content:space-between;pointer-events:none;color:#c7bbc9;font-size:9px;font-weight:700;letter-spacing:.6px}.arena-meta #timer{font-variant-numeric:tabular-nums}.boss-hud{position:absolute;left:15%;right:15%;top:36px;pointer-events:none}.boss-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px}.boss-hud small{color:var(--muted)}.boss-bar{height:5px;border-radius:4px;background:#ffffff18;overflow:hidden;margin-top:6px}.boss-bar span{height:100%;display:block;background:var(--red);transition:width .15s}.boss-hud p{text-align:center;font-size:8px;margin:7px 0;color:var(--gold);letter-spacing:1px}.announcement{position:absolute;top:42%;left:6%;right:6%;text-align:center;pointer-events:none;text-shadow:0 4px 18px #000;opacity:0;transform:scale(.88);transition:opacity .2s,transform .2s;line-height:1.1;font-size:clamp(26px,4vw,52px);color:var(--gold)}.announcement.show{opacity:1;transform:scale(1)}.announcement small{display:block;color:white;font:10px 'Open Sans';margin-top:12px;letter-spacing:2px}.arena-bottom{position:absolute;bottom:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none}.combo-panel{min-width:60px;text-shadow:0 2px 10px #000}.combo-panel strong{font-size:24px;color:var(--gold);font-weight:400}.combo-panel>span{font:7px 'Open Sans';letter-spacing:1px;display:block;margin:0 0 5px}.fever-track{width:66px;height:3px;background:#ffffff24}.fever-track i{background:var(--gold);height:3px;display:block;width:0}.power-list{display:flex;gap:5px}.power-pill{font-size:10px;font-weight:700;color:#fff;border:1px solid #ffffff44;background:#131421bb;border-radius:7px;padding:5px 7px;display:flex;gap:4px;align-items:center}.power-pill small{font-size:8px;color:var(--muted)}.dash-button{pointer-events:auto;width:56px;height:56px;border:1px solid #ffe2ab77;background:#2a1b27ba;border-radius:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 22px #ffcc7922}.dash-button>span{font-size:24px;line-height:1;color:var(--gold);z-index:1}.dash-button b{font:8px 'Open Sans';letter-spacing:1px;z-index:1}.dash-button i{position:absolute;bottom:0;left:0;right:0;height:0;background:#ffcc7925}.dash-button.ready{box-shadow:0 0 18px #ffcc793c}.touch-hint{position:absolute;bottom:95px;left:0;right:0;text-align:center;pointer-events:none;font-size:8px;letter-spacing:1px;color:#e6d7bd99}.arena-footer{height:25px;display:flex;flex-shrink:0;justify-content:space-between;align-items:center;font-size:7px;font-weight:700;letter-spacing:1px;color:var(--muted)}.arena-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);vertical-align:middle;margin-right:3px}.play-side{width:190px;align-self:center;max-height:100%;overflow:hidden;flex-shrink:0}.play-side h2{font-size:53px;margin-top:25px;line-height:1.12}.play-side em{font-style:normal;color:var(--red)}.play-side p{font-size:12px;color:var(--muted)}.side-tip{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.side-tip>span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:var(--gold)}.side-tip p{font-size:11px;margin:10px 0 0}.controls-legend{font-size:9px;line-height:2.8;color:var(--muted);margin-top:30px}kbd{display:inline-block;border:1px solid #ffffff28;border-radius:4px;padding:0 5px;color:#e8d5e5;line-height:1.8;font-size:9px}.run-stat{padding:22px 0;border-bottom:1px solid var(--line)}.run-stat b{display:block;font-size:36px}.run-stat span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.muted{font-size:11px;color:var(--muted)}.result-stats{display:flex;justify-content:center;gap:35px;margin:24px 0}.result-stats b{font-family:Anton;font-size:25px;font-weight:400;display:block}.result-stats span{font-size:9px;color:var(--muted)}.badges{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.badges span{font-size:8px;letter-spacing:1px;padding:7px 12px;border:1px solid #ffcc7944;color:var(--gold);border-radius:20px;background:#ffcc7906}.inline-link{background:none;padding:0;color:var(--gold);font:inherit;text-decoration:underline}.tiny{font-size:10px;color:var(--muted);line-height:1.7}
.modal{border:1px solid #ffffff28;background:#1a1323;color:var(--white);border-radius:20px;width:min(710px,calc(100% - 26px));max-height:90dvh;padding:42px;box-shadow:0 30px 100px #000b;overflow-y:auto}.modal::backdrop{background:#08040dda;backdrop-filter:blur(12px)}.modal.compact{max-width:450px;text-align:center}.modal.compact .eyebrow{justify-content:center}.modal.compact h2{margin-top:20px}.modal.compact .button{margin:12px 0}.modal.compact p{font-size:13px;color:var(--muted)}.modal.compact .text-button{margin-top:8px}.modal h2{margin-top:18px}.modal p{font-size:12px}.modal-close{position:absolute;right:15px;top:15px}.board-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#100b17;padding:5px;border-radius:9px}.board-tabs button{font-family:inherit;letter-spacing:.7px;background:transparent;border-radius:6px;padding:12px 5px;font-size:13px;color:var(--muted)}.board-tabs button[aria-selected=true]{background:var(--red);color:white}.board-head,.board-row{display:grid;grid-template-columns:1fr 55px 95px;align-items:center;gap:10px}.board-head{font-size:8px;color:var(--muted);letter-spacing:1px;padding:16px 12px;border-bottom:1px solid var(--line)}.board-row{padding:17px 12px;border-bottom:1px solid var(--line);font-size:12px}.board-row>span:first-child{display:flex;align-items:center;gap:13px;min-width:0}.board-row .rank{width:23px;color:var(--muted);font-weight:700;font-size:11px}.board-row .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row.is-leader .rank,.board-row.is-leader .board-score{color:var(--gold)}.board-score{font-size:19px;text-align:right}.board-head>span:last-child{text-align:right}.board-row>span:nth-child(2){color:var(--muted);font-size:11px}.empty-board{text-align:center;padding:38px 16px;color:var(--muted);font-size:13px;line-height:1.7}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help-grid b{font-family:Anton;font-size:24px;color:var(--red);font-weight:400}.help-grid h3{font-size:18px;margin:5px 0}.help-grid p{color:var(--muted)}.power-guide{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);margin-top:10px}.power-guide span{font-size:9px;color:var(--gold);padding:7px 9px;border:1px solid #ffcc7922;border-radius:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff3e2;color:#251726;padding:12px 22px;border-radius:50px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1500px){.arena-wrap{max-width:620px}}@media(max-width:1000px){.play-side{width:140px}.play-side h2{font-size:42px}.right-side{display:none}.hero-art{right:-4%;width:62%}.float-one{right:8%;top:20%}.float-two{left:15%;bottom:12%}.home h1{font-size:100px}.home{padding-left:6%;padding-right:6%}.home-copy{max-width:440px}.home-bottom{left:6%;right:6%}}@media(max-width:700px){.game-top{height:58px;padding:0 16px}.brand{font-size:12px;gap:8px;letter-spacing:.7px}.brand small{font-size:7px;letter-spacing:2px}.brand-mark{width:30px;height:30px;font-size:13px}.connection{display:none}.top-tools{gap:6px}.icon-button{width:32px;height:32px;font-size:21px}.home{min-height:calc(100dvh - 58px);display:none;flex-direction:column;padding:26px 24px 90px;align-items:flex-start;overflow:hidden}.home-copy{width:100%;max-width:none}.home .eyebrow{font-size:8px;letter-spacing:1.7px}.home h1{font-size:clamp(67px,19vw,100px);margin:29px 0 18px;z-index:2}.home h1 b{left:calc(100% + 10px)}.tagline{font-size:13px;position:relative;z-index:2;max-width:170px}.home-stats{gap:24px;margin:26px 0 22px}.home-stats strong{font-size:22px}.home-stats span{font-size:7px}.hero-art{width:69%;top:32px;right:-15%;bottom:auto;height:330px}.hero-art img{width:125%;max-width:none}.hero-base,.float-one,.float-two{display:none}.orbit{width:85%;}.hero-burst{inset:0}.start-actions{max-width:none;position:relative;z-index:3}.button{min-height:52px}.home-foot{text-align:center;font-size:9px}.home-bottom{left:24px;right:24px;bottom:18px;display:flex;flex-wrap:wrap;gap:12px;padding-top:14px}.home-bottom>span{display:none}.home-bottom>.text-button:first-of-type{margin-right:auto;font-size:10px}.play{height:calc(100dvh - 58px);padding:0 8px max(4px,env(safe-area-inset-bottom));gap:0}.play-side{display:none}.arena-wrap{width:100%;max-width:600px;aspect-ratio:auto}.hud{height:56px;padding:0 6px}.hud strong{font-size:23px}.hud-center strong{font-size:17px}.hud small{font-size:7px}.hud-right{gap:7px}.hud-right svg{width:13px}.arena{border-radius:12px;width:100%;flex:1;aspect-ratio:auto}.arena-footer{height:20px;padding:0 5px;font-size:6px}.stage-progress{margin-bottom:4px}.arena-meta{top:10px;font-size:8px;left:12px;right:12px}.arena-bottom{bottom:14px;left:13px;right:13px}.dash-button{width:61px;height:61px}.power-list{gap:4px}.power-pill{font-size:9px;padding:4px 5px}.announcement{font-size:36px}.boss-hud{top:31px}.result{min-height:calc(100dvh - 58px);padding:12px 10px 30px}.result h2{font-size:25px}.result .eyebrow{font-size:8px}.result-stats{gap:35px}.result form{padding:18px}.form-grid{grid-template-columns:1fr}.result-actions .button{font-size:14px;padding:14px}.share-row{gap:20px}.share-row .text-button{font-size:9px}.modal{padding:35px 22px 26px;border-radius:16px}.modal h2{font-size:36px}.modal .eyebrow{font-size:8px;letter-spacing:1.5px;padding-right:20px}.help-grid{gap:18px;grid-template-columns:1fr}.help-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.help-grid p{grid-column:2}.help-grid h3{margin:4px 0 8px}.board-row{padding:15px 2px;grid-template-columns:1fr 36px 75px;gap:7px}.board-head{padding:16px 2px;grid-template-columns:1fr 36px 75px;gap:7px}.board-score{font-size:18px}.board-tabs button{font-size:11px}}@media(max-height:680px) and (min-width:701px){.game-top{height:58px}.home{padding-top:28px;min-height:calc(100dvh - 58px)}.home h1{font-size:80px;margin:18px 0}.home-stats{margin:18px 0}.tagline{font-size:13px}.play{height:calc(100dvh - 58px);padding-top:6px}.play-side h2{font-size:36px}.side-tip{margin-top:16px}.hero-art{top:0}.home-foot{font-size:9px}}@media(orientation:landscape) and (max-height:550px){.game-top{height:44px}.brand small{display:none}.play{height:calc(100dvh - 44px);padding:0 10px}.arena-wrap{width:min(52vw,520px);aspect-ratio:720/850}.hud{height:42px}.hud strong{font-size:19px}.arena-footer{height:15px}.play-side{display:block;width:130px}.play-side h2{font-size:27px;margin-top:14px}.play-side p{font-size:10px}.controls-legend{margin-top:15px}.right-side,.side-tip{display:none}.arena-meta{font-size:7px}.dash-button{width:40px;height:40px}.dash-button>span{font-size:19px}.dash-button b{font-size:6px}.combo-panel strong{font-size:18px}.arena-bottom{bottom:6px}.touch-hint{display:none}.home{min-height:calc(100dvh - 44px);padding:20px 5% 70px}.home h1{font-size:64px;margin:17px 0}.home-stats{margin:18px 0}.hero-art{width:50%;right:0;height:auto;bottom:50px}.home-copy{width:50%}.home-foot{font-size:8px}.home-bottom{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--topbar:80px;--safe-top:env(safe-area-inset-top,0px)}.game-top{height:calc(var(--topbar) + var(--safe-top));padding-top:var(--safe-top)}.home,.result{min-height:calc(100dvh - var(--topbar) - var(--safe-top))}.play{height:calc(100dvh - var(--topbar) - var(--safe-top))}@media(max-width:700px),(max-height:680px){:root{--topbar:58px}}@media(orientation:landscape) and (max-height:550px){:root{--topbar:44px}}
/* Longer stages: three visible assault waves and a clear survival objective. */
.wave-hud{position:absolute;top:35px;left:16px;right:16px;display:flex;align-items:center;gap:10px;font:700 8px 'Open Sans';letter-spacing:.8px;color:#dbccd9;pointer-events:none}.wave-hud>span:last-child{margin-left:auto;font-size:7px;color:var(--gold)}#wave-dots{display:flex;gap:4px}#wave-dots i{width:21px;height:4px;border-radius:2px;background:#ffffff20}#wave-dots i.active{background:var(--red);box-shadow:0 0 9px #ff483c77}#wave-dots i.done{background:var(--gold)}
/* One-screen pinball entry: the table yields space to the always-visible form. */
body.in-results{overflow:hidden;overscroll-behavior:none}body.in-results .game-top{display:none}
.result{position:fixed;inset:var(--result-offset,0px) 0 auto;z-index:10;height:var(--result-height,100dvh);min-height:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#63362955,transparent 65%),var(--bg)}
.result-card{--result-row-min:46px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(660px,100%);height:100%;max-height:850px;min-width:0;min-height:0}
.result-top{display:flex;align-items:center;gap:12px;min-width:0}.result-top>div:first-child{flex:1;min-width:0}.result-top .eyebrow{font-size:9px;letter-spacing:1.5px}.result .result-top h2{font-size:29px;line-height:1.1;margin:5px 0 0}.result-top h2:focus,#saved-title:focus{outline:none}.result-total{text-align:right;min-width:0}.result-total .result-score{display:block;font-family:Anton,Impact,sans-serif;font-size:34px;font-weight:400;color:var(--gold);line-height:1.05;overflow-wrap:anywhere}.result-total>span{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.result-top .icon-button{flex-shrink:0;width:34px;height:34px;margin-left:3px}
.result-body{display:flex;flex-direction:column;gap:10px;min-height:0}
.placement{display:flex;flex-direction:column;flex:1 1 auto;min-height:180px;margin:0;padding:12px 14px;border:1px solid #ffcc7955;border-radius:12px;background:#140f1bf2;overflow:hidden;text-align:left}
.placement-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;margin:0 0 8px}.placement-heading h3{font-size:21px;letter-spacing:1px;margin:0}.placement-heading .text-button{font-size:9px;padding:6px 0;color:var(--gold);white-space:nowrap}
.placement-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;background:#ffffff08;flex-shrink:0}.placement-tabs button{font-family:Anton,Impact,sans-serif;font-size:14px;letter-spacing:.6px;min-width:0;min-height:38px;padding:7px 3px;border-radius:5px;background:transparent;color:#c8bacd}.placement-tabs button[aria-selected=true]{background:var(--gold);color:#20131d;box-shadow:0 2px 10px #ffcc7922}
.placement-panel{display:flex;flex-direction:column;flex:1;min-height:0}.placement-caption{flex-shrink:0;font-size:9px;letter-spacing:.2px;line-height:1.4;color:#c2b5c7;margin:8px 0 3px}.placement .board-head{flex-shrink:0;grid-template-columns:minmax(0,1fr) 38px 94px;padding:7px 8px;font-size:9px;color:#c4b6ca;letter-spacing:.6px}.placement #placement-rows{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.placement .board-row{flex:1 1 0;min-height:0;max-height:64px;grid-template-columns:minmax(0,1fr) 38px 94px;gap:8px;padding:6px 8px;font-size:15px;font-weight:700;border-bottom:1px solid #ffffff1c}.placement .board-row>span:first-child{min-width:0;gap:12px}.placement .board-row .rank{font-family:Anton,Impact,sans-serif;flex-shrink:0;font-size:18px;font-weight:400;color:#f2dfc2}.placement .board-row .nick{min-width:0;line-height:1.25}.placement .board-score{font-size:25px;font-weight:400;line-height:1.1;color:var(--white)}.placement .board-row>span:nth-child(2){font-size:11px;color:#c4b6ca}.placement .board-row.is-leader .rank,.placement .board-row.is-leader .board-score{color:var(--gold)}
.board-row.is-you{background:#ffcc791a;border:1px solid #ffcc7988;border-radius:7px}.board-row.is-you .rank,.board-row.is-you .board-score{color:var(--gold)}.board-row .rank{width:auto;min-width:28px;white-space:nowrap}.board-row .nick{line-height:1.35}.you-tag{display:block;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.7px;margin-top:3px}.placement .board-row.is-you{margin:3px 0;border:1px solid var(--gold);background:#ffcc7914}.placement .board-row.is-provisional{cursor:pointer;animation:pinball-entry 1.6s ease-in-out infinite}.placement .board-row.is-provisional .nick{color:#fff5cf}.placement .after-rank-gap{border-top:1px dashed #ffcc7999}.placement-empty{margin:auto;padding:8px;text-align:center;color:var(--muted);font-size:12px}.placement #placement-note{flex-shrink:0;font-size:10px;line-height:1.35;margin:7px 0 0;color:#d0c3d3}.placement #placement-retry{flex-shrink:0;color:var(--gold);padding:5px 0;font-size:11px}
.entry-panel{flex:0 0 auto;max-height:calc(100% - 190px);min-height:0;overflow:auto;overscroll-behavior:contain;background:#231925;border:1px solid #ffcc7980;border-radius:12px;padding:12px 14px}.result #score-form{margin:0;padding:0;background:none;border:0;text-align:left}.entry-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.entry-arrow{font-size:30px;line-height:1;color:var(--gold)}.result .entry-heading h3{font-size:24px;line-height:1.15;margin:0;color:var(--gold)}.entry-heading p{font-size:11px;line-height:1.4;margin:4px 0 0;color:#f0e1ee}
.result .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result .form-grid label{min-width:0;font-size:9px;font-weight:700;letter-spacing:.5px;color:#dacee0}.result .form-grid input{display:block;width:100%;min-width:0;height:44px;padding:9px 10px;margin-top:5px;border:1px solid #ffffff4a;background:#100b17;border-radius:6px;color:var(--white);font:16px 'Open Sans',sans-serif}.result .form-grid input::placeholder{color:#9e92a7}.result #player-nickname{border-color:var(--gold);box-shadow:0 0 0 1px #ffcc7914}
.result .check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:11px;line-height:1.35;color:#d7cbdc}.result .check input{flex-shrink:0;width:17px;height:17px;margin:1px 0 0;accent-color:var(--gold)}.result #save-score{width:100%;min-height:46px;padding:10px 8px;background:var(--gold);color:#20131d;font-size:19px;letter-spacing:.35px;border:1px solid #ffe6b8;box-shadow:0 3px 16px #ffcc7922}.result #save-score:disabled{opacity:.5;box-shadow:none}.result .status{font-size:11px;line-height:1.4;margin:7px 0 0}.result .status:empty{display:none}
.result-saved{display:flex;gap:12px;align-items:center;text-align:left;padding:9px 0}.result-saved>span{font-size:35px;color:var(--green)}.result-saved h3{font-size:25px;color:var(--gold);margin:0 0 4px;line-height:1.15}.result-saved p{font-size:12px;color:#e1d5e4;margin:0;line-height:1.4}
.result-footer{min-height:0}.result-actions{display:flex;gap:14px;align-items:center;margin:0}.result-actions #again{flex:1;min-height:38px;font:700 11px 'Open Sans',sans-serif;letter-spacing:.2px;padding:8px 12px;border:1px solid #ffffff24;background:#ffffff05;color:#cfc3d5;border-radius:7px}.result-actions #show-run-details{flex-shrink:0;font-size:8px;padding:6px 3px;line-height:1.5}.result .share-row{display:none;align-items:center;justify-content:center;gap:20px;padding:9px 0 0}.result .share-row .text-button{font-size:9px}.result-card.is-saved .share-row,.result-card.is-training .share-row{display:flex}.result-card.is-training .result-body{justify-content:center}.result-card.is-training .entry-panel{padding:24px}
@keyframes pinball-entry{0%,100%{background:#ffcc790c;box-shadow:inset 0 0 0 1px #ffcc7955,0 0 4px #ffcc7910}50%{background:#ffcc7936;box-shadow:inset 0 0 0 1px #ffe3a9,0 0 16px #ffcc7944}}
@media(max-width:700px){.wave-hud{top:29px;left:12px;right:12px;font-size:7px;gap:7px}#wave-dots i{width:15px}.wave-hud>span:last-child{font-size:6px}.result{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.result-card{gap:8px;--result-row-min:44px}.result .result-top h2{font-size:26px}.result-total .result-score{font-size:30px}.result-body{gap:8px}.placement{padding:10px;min-height:164px}.placement-heading{margin-bottom:6px}.placement-heading h3{font-size:19px}.placement-tabs button{font-size:13px;min-height:36px}.placement .board-head,.placement .board-row{grid-template-columns:minmax(0,1fr) 29px 82px;gap:6px;padding-left:6px;padding-right:6px}.placement .board-row{font-size:14px}.placement .board-row>span:first-child{gap:8px}.placement .board-row .rank{font-size:17px;min-width:24px}.placement .board-score{font-size:23px}.placement .board-head{font-size:8px}.placement #placement-note{font-size:9px}.entry-panel{padding:11px;max-height:calc(100% - 172px)}.result .entry-heading h3{font-size:22px}.entry-heading p{font-size:10px}.result .form-grid{gap:8px}.result .form-grid label{font-size:8px;letter-spacing:.2px}.result .check{font-size:10px;line-height:1.35;margin:7px 0}.result #save-score{font-size:17px;min-height:44px}.result-actions #again{font-size:10px;min-height:36px}}
@media(max-height:610px){.result-card{gap:6px}.result-body{gap:6px}.result .result-top h2{font-size:21px}.result-top .eyebrow{font-size:8px}.result-total .result-score{font-size:27px}.placement{min-height:130px;padding:8px}.placement-heading{margin-bottom:4px}.placement-heading h3{font-size:17px}.placement-tabs button{min-height:30px;padding:4px 2px;font-size:12px}.placement-caption{margin-top:4px;font-size:8px}.placement .board-head{padding-top:4px;padding-bottom:4px}.placement #placement-note{display:none}.entry-panel{padding:9px 10px;max-height:calc(100% - 136px)}.entry-heading{margin-bottom:7px}.result .entry-heading h3{font-size:20px}.entry-heading p{display:none}.entry-arrow{font-size:23px}.result .form-grid input{height:38px;margin-top:4px;padding:6px 8px}.result .check{font-size:10px;margin:6px 0}.result #save-score{min-height:40px;padding:8px;font-size:16px}.result-actions #again{min-height:32px}.result .status{font-size:10px;margin-top:5px}}
@media(min-width:700px) and (max-height:620px){.result-card{width:min(1060px,100%);max-height:none}.result-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.placement{min-height:0}.entry-panel{align-self:center;max-height:100%}.result .check{font-size:11px}.result-card.is-saved .result-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
body.result-typing .result-top,body.result-typing .result-footer{display:none}body.result-typing .result-card{grid-template-rows:minmax(0,1fr);gap:0}body.result-typing .result-body{display:flex;gap:6px}body.result-typing .placement{flex:0 0 56px;min-height:56px;padding:3px 8px}body.result-typing .placement-heading,body.result-typing .placement-tabs,body.result-typing .placement-caption,body.result-typing .placement .board-head,body.result-typing #placement-note,body.result-typing #placement-retry{display:none}body.result-typing .entry-heading{display:none}body.result-typing .entry-panel{flex:1;min-height:0;max-height:none;align-self:stretch}body.result-typing .result-card{--result-row-min:44px}
@media(prefers-reduced-motion:reduce){.placement .board-row.is-provisional{animation:none;background:#ffcc7928;box-shadow:inset 0 0 0 1px var(--gold)}}

/* Scroll only the leaderboard, keeping entry controls outside its viewport. */
.scroll-board{position:relative;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--gold) #211827;outline-offset:-3px}
.placement #placement-rows.scroll-board{display:block;min-height:52px;flex:1 1 0}
.scroll-board-content{position:relative;min-height:52px;width:100%}.scroll-board-item{position:absolute;left:0;right:0;height:52px;padding:2px 0}.scroll-board-item .board-row,.scroll-board-content>.board-row{height:48px!important;min-height:48px!important;max-height:48px!important;flex:none!important;margin:0!important}
.scroll-board .row-loading{display:flex;align-items:center;width:100%;font:11px 'Open Sans',sans-serif;color:var(--muted);background:#ffffff04;text-align:left;border:0;border-bottom:1px solid var(--line)}
.run-stamp{display:block;font:9px 'Open Sans',sans-serif;line-height:1.2;color:#bdb0c6;margin-top:3px}.scroll-board .placement-empty{padding:12px;font-size:11px}
.placement-navigation{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;margin-top:4px}.placement-navigation .text-button{font-size:9px;padding:5px 0;color:var(--gold)}.placement-navigation>span{font-size:8px;color:var(--muted);letter-spacing:.5px}
#board-rows.scroll-board{height:min(50dvh,470px);min-height:150px}#board-rows .board-row{padding:6px 8px}#board-status{min-height:18px}
body.result-typing .placement-navigation{display:none}body.result-typing .placement{flex-basis:60px;min-height:60px}
@media(max-height:610px){.placement-navigation{margin-top:2px}.placement-navigation .text-button{padding:3px 0;font-size:8px}.placement{min-height:146px}.entry-panel{max-height:calc(100% - 152px)}}
@media(min-width:700px) and (max-height:620px){.entry-panel{max-height:100%}}