:root{color-scheme:dark;--red:#ff5b69;--blue:#6bafff;--muted:#8591ab;--text:#eef2ff;--border:#ffffff10;--surface:#121827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d17;color:var(--text);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#090d17}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b5cfff;outline-offset:4px}a{color:inherit;text-decoration:none}button{touch-action:manipulation}button,summary{user-select:none}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.red{color:var(--red)}.blue{color:var(--blue)}
body.compact-play{height:100svh;height:100dvh;overflow:hidden;overscroll-behavior:none}.grid{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 7% 65%,#3c15232b,transparent 48%),radial-gradient(ellipse at 96% 26%,#17334c35,transparent 48%)}.grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent 85%)}
.play-shell{position:relative;width:100%;max-width:1120px;height:100%;margin:auto;padding:18px 32px 12px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-rows:64px minmax(0,1fr) 24px;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:30}.brand{display:flex;gap:12px;align-items:center}.brand-copy{display:grid;gap:4px}.brand-copy strong{font-size:14px;font-weight:750;letter-spacing:.2px}.brand-copy small{font-size:8px;letter-spacing:2.1px;color:#77849f}.brand-mark{width:34px;height:34px;position:relative;display:block}.brand-mark i{position:absolute;display:block;width:13px;height:29px;border-radius:10px;transform:rotate(36deg);top:2px;left:3px;background:linear-gradient(110deg,#ffacb0,#e53c52 65%,#6b1524);box-shadow:0 0 20px #ff3c5130,inset 1px 1px 1px #ffd5d67a}.brand-mark i+i{left:19px;top:5px;background:linear-gradient(110deg,#c1e3ff,#4b8cf4 65%,#163d89);box-shadow:0 0 20px #438bf430,inset 1px 1px 1px #d2ecff80}.top-actions{display:flex;align-items:center;gap:14px}#connection{font-size:9px;font-weight:650;letter-spacing:1px;color:#8390a7;padding:0 6px;white-space:nowrap}#connection.live{color:#6bd5b4}.top-button{display:flex;align-items:center;gap:8px;height:44px;padding:0 15px;border:1px solid #ffffff0b;border-radius:12px;background:#121927;color:#aebbd2;font-size:11px;font-weight:650;transition:background .15s}.top-button:hover{background:#1b263b;color:#fff}.top-button .icon{width:17px;height:17px}
.account-menu{position:relative;font-size:12px}.account-menu summary{display:flex;align-items:center;gap:11px;height:48px;min-width:182px;padding:0 12px 0 8px;border:1px solid #ffffff0d;border-radius:13px;background:linear-gradient(110deg,#1a2236,#141b2b);cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{width:32px;height:32px;border:1px solid #8272a42b;background:linear-gradient(135deg,#7464a02b,#55406312);border-radius:10px;display:grid;place-items:center;color:#b6a1e6}.account-avatar .icon{width:19px;height:19px}.account-summary{display:grid;gap:5px;min-width:0;flex:1;max-width:134px}.account-summary strong{font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-summary small{font-size:7px;letter-spacing:1px;color:#8390aa}.xp-paused{font-size:6px;color:#baa1e4;background:#7c5fa120;padding:2px 4px;border-radius:3px;margin-left:5px}.menu-chevron{width:13px;height:13px;color:#78849c}.account-menu[open] summary{border-color:#7f70af55}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:290px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 110px);overflow:auto;padding:10px;border:1px solid #39425a;background:#121928f5;backdrop-filter:blur(24px);border-radius:15px;box-shadow:0 24px 70px #0008}.menu-heading{padding:12px 10px;color:#8390a9;font-size:8px;letter-spacing:1px}.menu-heading span{float:right;font-size:7px;color:#b39ad6}.account-dropdown>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:11px 10px;border:0;border-radius:8px;color:#c9d4e9;background:transparent;text-align:left;font-size:12px}.account-dropdown>button:hover:not(:disabled){background:#23304b}.menu-note,.pwa-status{font-size:10px;line-height:1.6;color:#7c8aa4;margin:0;padding:0 10px 10px}.pwa-status:empty{display:none}.account-dropdown hr{border:0;border-top:1px solid #ffffff0b;margin:7px 8px}
.compact-arena{min-height:0;display:grid;grid-template-rows:32px minmax(92px,1fr) 31px minmax(160px,1.6fr) auto;gap:18px;position:relative;padding:22px 46px 16px;border:1px solid #ffffff0b;border-radius:26px;background:radial-gradient(ellipse at 50% 55%,#1c243d62,transparent 70%),linear-gradient(135deg,#131a2aea,#101622eb);box-shadow:inset 0 1px 0 #ffffff04,0 24px 80px #0002;isolation:isolate}.roundline{display:flex;align-items:center;justify-content:space-between;gap:14px}h1{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:1.4px;font-weight:850;line-height:1}h1 em{font-size:9px;font-style:normal;color:#536078;font-weight:500;letter-spacing:0;margin:0 2px}.arena-subtitle{font-weight:450;font-size:8px;letter-spacing:1.2px;color:#66738c;margin-left:12px;border-left:1px solid #ffffff12;padding-left:17px}#roundLabel{font-size:8px;letter-spacing:1.2px;color:#7c88a1;border:1px solid #ffffff0a;border-radius:20px;padding:6px 10px;white-space:nowrap}.scorewrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:0}.score-caption{font-size:9px;color:#71809c;letter-spacing:3px;font-weight:600;margin-bottom:9px}#score{font-size:clamp(64px,12dvh,116px);line-height:1;font-weight:760;font-variant-numeric:tabular-nums;letter-spacing:-5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 3px 30px #0002}#headline{font-size:11px;line-height:1.5;color:#8d9ab2;margin-top:10px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.battle-track{width:min(100%,690px);justify-self:center;align-self:center}.tracklabels{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1px;margin-bottom:11px;color:#7e93b7}.tracklabels>span{display:flex;gap:6px;align-items:center}.team-dot{height:4px;width:4px;border-radius:100%;display:inline-block}.blue-dot{background:var(--blue);box-shadow:0 0 8px #6bafff66}.red-dot{background:var(--red);box-shadow:0 0 8px #ff5b6966}.track{height:4px;position:relative;border-radius:20px;background:linear-gradient(90deg,#b64e6180,#55607833 50%,#4b7baf80)}.track-center{position:absolute;left:50%;top:-3px;height:10px;width:1px;background:#8390aa66}#marker{position:absolute;left:50%;top:-4px;width:5px;height:12px;border-radius:5px;transform:translateX(-50%);background:#dfe9ff;box-shadow:0 0 16px #cfddff6b;transition:left .12s ease}
.battle-controls{min-height:0;display:grid}#playing{display:grid;grid-template-rows:minmax(94px,1fr) 66px;gap:16px;min-height:0}.pill-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 0 22px;isolation:isolate}.pill-platform{position:absolute;bottom:9%;width:65%;max-width:410px;height:35%;border-radius:50%;border:1px solid #7a8bad0b;background:radial-gradient(ellipse,#7285b616,#11172500 70%);transform:perspective(250px) rotateX(50deg);z-index:-1}.hero-pill{--pill-light:#ff8991;--pill:#eb4257;--pill-dark:#8f1930;--pill-shadow:#e92b4845;position:relative;display:flex;align-items:center;justify-content:center;gap:28px;width:min(100%,450px);height:clamp(82px,15dvh,135px);max-height:95%;padding:15px 34px;border:1px solid #ffb2b648;border-radius:999px;color:white;overflow:hidden;background:linear-gradient(180deg,#ffffff22 0%,transparent 24%,#00000015 75%,#0000004a),linear-gradient(110deg,var(--pill-light) -25%,var(--pill) 35%,var(--pill-dark) 100%);box-shadow:inset 0 3px 2px #ffffff3b,inset 0 -8px 15px #3e081d73,0 7px 0 #380b1e,0 15px 28px #0006,0 0 65px var(--pill-shadow);transform:translateY(-5px) rotate(-3deg);transition:transform .08s ease,box-shadow .1s ease,filter .1s ease;user-select:none;touch-action:manipulation}.hero-pill.bluebutton{--pill-light:#92d0ff;--pill:#377ef5;--pill-dark:#1b3e96;--pill-shadow:#3079ff40;border-color:#c5e1ff3b;box-shadow:inset 0 3px 2px #ffffff3b,inset 0 -8px 15px #07183973,0 7px 0 #10244f,0 15px 28px #0006,0 0 65px var(--pill-shadow)}.hero-pill:hover:not(:disabled){filter:brightness(1.06)}.hero-pill:active:not(:disabled){transform:translateY(1px) rotate(-3deg) scale(.985);filter:brightness(.96);box-shadow:inset 0 2px 3px #ffffff20,inset 0 -3px 10px #0003,0 2px 0 #11192d,0 8px 20px #0004,0 0 45px var(--pill-shadow)}.pill-glint{pointer-events:none;position:absolute;inset:5px 8% auto 9%;height:22%;border-radius:80%;background:linear-gradient(180deg,#fff5,#fff0);filter:blur(.5px);transform:rotate(-2deg)}.pill-delta{font-size:32px;font-weight:500;letter-spacing:-1px;color:#fff;border:1px solid #fff3;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;background:#fff1;box-shadow:inset 0 0 12px #fff1;flex:none}.pill-copy{display:grid;gap:8px;text-align:left;position:relative}.pill-copy strong{font-size:22px;letter-spacing:4px;font-weight:750}.pill-copy>span{font-size:11px;letter-spacing:.3px;color:#ffffffb8}.pill-seam{position:absolute;height:160%;width:1px;background:linear-gradient(transparent,#ffffff26,transparent);left:47%;top:-30%;transform:rotate(12deg);pointer-events:none}.tap-hint{position:absolute;bottom:0;font-size:7px;letter-spacing:2.6px;color:#596880;pointer-events:none}.attempt-bar{align-self:stretch;width:min(100%,540px);justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#080d1770;border:1px solid #ffffff0b;border-radius:14px;padding:12px 14px 12px 22px;box-shadow:inset 0 1px 0 #ffffff03}.attempt-bar>div{display:flex;align-items:center;gap:20px;min-width:0}.attempt-bar>div>span{font-size:8px;letter-spacing:1.5px;color:#7b8aa5;max-width:90px;line-height:1.5}.attempt-bar strong{font-size:26px;line-height:1;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.submit{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #c3d4ff19;background:#dde8ff;color:#1b273f;border-radius:9px;padding:12px 17px;font-weight:650;font-size:11px;white-space:nowrap;transition:filter .15s}.submit:hover:not(:disabled){filter:brightness(1.08)}.attempt-bar .submit{background:#25334b;color:#c8d7f2;border-color:#849ac72b}.submit span{font-size:16px;color:#a8bde1}
#choice{min-height:0;width:min(100%,580px);justify-self:center;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}.join-label{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#7889a8}input{border:1px solid #303c55;background:#0a1120;border-radius:9px;padding:12px 14px;color:white;font-size:16px;outline:none;min-width:0}input:focus{border-color:#7b8cb6;box-shadow:0 0 0 3px #8295bf13}#name{width:220px;padding:9px 12px}.choices{display:flex;gap:18px;min-height:0}.choices button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:20px 12px;border:1px solid #567ac13b;border-radius:18px;background:radial-gradient(ellipse at top,#347fff19,#0c192a);color:#91c4ff;transition:background .15s,transform .15s}.choices .redchoice{border-color:#ca5b6a36;background:radial-gradient(ellipse at top,#ff4d6a14,#24121d);color:#ff8f9a}.choices button:hover:not(:disabled){transform:translateY(-3px);background-color:#1d2a44}.choices strong{font-size:13px;letter-spacing:.8px}.choices small{font-size:10px;color:#8494b0}.mini-pill{display:block;width:46px;height:22px;transform:rotate(-28deg);border:1px solid #96d4ff60;border-radius:30px;background:linear-gradient(135deg,#a9dcff,#3f84e9 50%,#20408e);box-shadow:inset 0 2px 2px #fff6,0 7px 12px #0003;position:relative;margin:0 0 6px}.mini-pill:after{content:"";height:100%;position:absolute;left:50%;width:1px;background:#ffffff2b}.redchoice .mini-pill{background:linear-gradient(135deg,#ffafb4,#ed4d60 50%,#96253d);border-color:#ffb2b64a}.hint{font-size:9px;line-height:1.5;color:#6c7c97;margin:0}.cancel-choice{border:0;background:transparent;color:#a2afc9;text-decoration:underline;font-size:10px;padding:3px}
.arena-bottom{min-height:0}.arenafoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff08;padding-top:13px;gap:12px;font-size:9px;color:#6c7d99}.arenafoot span{display:flex;align-items:center;gap:5px}.arenafoot b{font-weight:600;color:#92a0ba;font-variant-numeric:tabular-nums}.arenafoot i{display:inline-block;width:4px;height:4px;border-radius:50%}.blueDot{background:var(--blue)}.redDot{background:var(--red)}.battle-notices{font-size:9px;line-height:1.5;text-align:center;color:#a99bc9;max-width:100%}.battle-notices>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-notices>div:not(:empty){margin:0 0 8px}#error{color:#d1b282}.play-footer{display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:8px;color:#475671;letter-spacing:.3px}.play-footer a{color:#687892}.play-footer a:hover{color:#adbbd2}#particles{position:absolute;inset:0;overflow:visible;pointer-events:none}.particle{position:absolute;top:80%;font-size:20px;font-weight:700;animation:float-up .8s ease-out forwards;pointer-events:none}@keyframes float-up{0%{opacity:.9;transform:translate(0,15px)}100%{opacity:0;transform:translate(var(--x),-70px)}}
.feature-dialog{width:min(760px,calc(100vw - 32px));max-height:85svh;overflow:auto;overscroll-behavior:contain;color:var(--text);border:1px solid #39415b;border-radius:22px;background:radial-gradient(ellipse at top left,#28325250,transparent 65%),#121929;box-shadow:0 35px 100px #0008;padding:32px}.feature-dialog::backdrop{background:#040814c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff0a;border-radius:9px;background:#ffffff05;color:#a7b4ce;font-size:21px}.feature-dialog h2{font-size:26px;font-weight:650;letter-spacing:-.7px;margin:0 28px 14px 0}.feature-dialog h3{font-size:13px;font-weight:650;margin:16px 0 8px}.eyebrow{font-size:8px;letter-spacing:2px;color:#8798b8;margin-bottom:12px}.feature-intro,.help-copy p{font-size:12px;line-height:1.8;color:#91a0bd}.shop-note{font-size:10px;line-height:1.8;color:#6f819f;margin:18px 0 0}.shop-note:empty{display:none}.soon-badge,.paused-badge{display:inline-block;font-size:7px;letter-spacing:1px;border:1px solid #8d6abb32;border-radius:5px;padding:4px 6px;color:#bba1dd;background:#71508e19;line-height:1.4}.submit-dialog,.install-dialog{max-width:430px}.submission-label{display:block;font-size:8px;letter-spacing:1.2px;color:#8d9bb5;margin:22px 0 9px}#submissionName{width:100%;margin-bottom:13px}.submit-dialog>.submit{width:100%;min-height:44px}.install-dialog img{border-radius:18px;margin-bottom:18px}.install-dialog p{font-size:12px;line-height:1.8;color:#94a4c0}.lifetime-panel{padding:20px;border:1px solid #ffffff0c;border-radius:16px;background:#0c1321;margin:20px 0}.lifetime-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.lifetime-heading h2{font-size:19px;margin:0}.lifetime-heading .eyebrow{font-size:7px}.lifetime-panel p{font-size:11px;color:#8193af;line-height:1.7;margin-top:20px}.lifetime-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.lifetime-stats strong{display:block;font-size:23px;letter-spacing:-.6px;overflow-wrap:anywhere}.lifetime-stats span{display:block;font-size:9px;color:#8394b0;margin-top:7px;line-height:1.5}.boards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.boards article,.shop-grid article{padding:18px;border:1px solid #ffffff0b;border-radius:14px;background:#0d1524}.boardhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.boardhead h2{font-size:10px;letter-spacing:1px;margin:0}.boardhead>span{font-size:9px;color:#6c7e9e}.boards ol{list-style:none;margin:0;padding:0}.boards li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff06;padding:12px 2px;font-size:11px}.boards li>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#afbdd5}.boards li>b{font-weight:600;color:#e0e8f9;font-variant-numeric:tabular-nums}.boards li:first-child>span{color:#e9cf8e}.boards .empty{color:#6d7b96;font-size:11px;line-height:1.7}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.shop-grid article>p{color:#7f91ae;font-size:11px;line-height:1.6}.shop-grid article>small{color:#9b85ba;font-size:9px;display:block}.shop-grid article>button{width:100%;margin-top:16px;border:1px solid #ad8fd021;border-radius:7px;background:#51416d20;color:#b4a0d1;padding:10px;font-size:10px}.shop-preview{height:100px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;letter-spacing:2px;font-weight:650;overflow:hidden}.rain-preview{gap:8px;background:repeating-linear-gradient(90deg,#123429,#0d1c1c 3px,#0d1c1c 20px);color:#6eecc0;font-size:12px}.rain-preview span{font-size:10px}.alias-preview{background:linear-gradient(135deg,#371e35,#142b4c);font-size:32px;color:#e6eeff;text-shadow:-3px 0 13px #ef5571,3px 0 13px #5aabff}.sky-preview{background:linear-gradient(125deg,#742b46,#1c1730 46%,#5990cc 47%,#172c4f 52%);font-size:12px}.title-preview{background:radial-gradient(ellipse,#46315c,#151b2d);color:#c1a2ed;font-size:11px}.help-copy h3{font-size:14px;margin-top:26px;color:#d6e1f4}.help-permalink,.back-to-game{font-size:12px;color:#a792ce}.help-page-main{max-width:700px;margin:40px auto;padding:20px 26px}.help-page h1{display:block;font-size:34px;font-weight:650;letter-spacing:-1px;margin:32px 0}.help-page{overflow:auto}
@media(max-width:700px){.play-shell{padding-left:16px;padding-right:16px;grid-template-rows:54px minmax(0,1fr) 20px;gap:10px}.topbar{gap:10px}.brand-mark{width:30px;transform:scale(.85);transform-origin:left center;margin-right:-3px}.brand{gap:7px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:6px;letter-spacing:1.2px}.top-actions{gap:8px}.top-actions #connection{font-size:7px;padding:0}.top-button{height:40px;padding:0 11px;font-size:10px;gap:6px}.top-button .icon{width:15px}.account-menu summary{min-width:144px;height:44px;gap:8px;padding:0 9px 0 6px}.account-summary strong{font-size:10px;max-width:86px}.account-summary small{font-size:6px}.account-avatar{width:29px;height:29px}.compact-arena{padding:18px 22px 14px;border-radius:22px;gap:15px;grid-template-rows:26px minmax(88px,1fr) 30px minmax(155px,1.55fr) auto}.arena-subtitle{display:none}h1{font-size:12px;gap:6px}#roundLabel{font-size:6px;letter-spacing:1px;padding:5px 8px}#score{font-size:clamp(64px,12dvh,100px);letter-spacing:-4px}.score-caption{font-size:7px;letter-spacing:2.5px}#headline{font-size:10px}.tracklabels{font-size:6px;letter-spacing:.8px}.hero-pill{width:min(96%,400px);gap:20px;height:clamp(90px,14dvh,120px);padding:14px 23px}.pill-delta{width:47px;height:47px;font-size:26px}.pill-copy{gap:7px}.pill-copy strong{font-size:19px;letter-spacing:3px}.pill-copy>span{font-size:10px}.tap-hint{font-size:6px;letter-spacing:2px}.attempt-bar{padding:11px 12px 11px 16px;gap:12px}.attempt-bar>div{gap:13px}.attempt-bar>div>span{font-size:7px;letter-spacing:1px;max-width:68px}.attempt-bar strong{font-size:24px}.attempt-bar .submit{font-size:10px;padding:12px;gap:8px}.arenafoot{font-size:8px;padding-top:12px;gap:7px}.play-footer{font-size:7px}.feature-dialog{padding:26px 22px}.feature-dialog h2{font-size:24px}.boardhead{align-items:flex-start;flex-direction:column;gap:6px}.boards{gap:10px}.boards article{padding:13px}.boards li{font-size:10px}.lifetime-stats{gap:12px}.lifetime-stats strong{font-size:19px}.shop-grid{gap:10px}.shop-grid article{padding:13px}}
@media(max-width:480px){.top-actions #connection{display:none}.play-shell{padding-left:12px;padding-right:12px;gap:9px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));grid-template-rows:50px minmax(0,1fr) 18px}.brand-copy strong{font-size:11px}.top-button{padding:0 9px}.top-button .icon{display:none}.account-menu summary{min-width:131px;gap:7px}.account-summary strong{max-width:77px}.account-summary small{font-size:5px;letter-spacing:.7px}.xp-paused{font-size:5px;margin-left:2px}.menu-chevron{width:11px}.account-avatar{width:26px;height:28px}.compact-arena{padding:16px;gap:14px;grid-template-rows:25px minmax(78px,1fr) 28px minmax(160px,1.6fr) auto}.hero-pill{gap:15px;padding:15px 20px;width:96%}.pill-delta{width:42px;height:42px;font-size:23px}.pill-copy strong{font-size:17px;letter-spacing:2.8px}.pill-copy>span{font-size:9px}.attempt-bar>div{gap:10px}.attempt-bar>div>span{font-size:6px;max-width:54px}.attempt-bar strong{font-size:22px}.attempt-bar .submit{font-size:9px;padding:11px 10px}.attempt-bar .submit span{font-size:13px}.tracklabels{font-size:6px;letter-spacing:.3px}.arenafoot{font-size:7px}.arenafoot span{gap:4px}.lifetime-heading{flex-direction:column;gap:12px}.lifetime-stats{grid-template-columns:1fr;gap:15px}.lifetime-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lifetime-stats span{margin:0;text-align:right}.boards{grid-template-columns:1fr}.shop-grid article{padding:10px}.shop-preview{height:80px}.rain-preview{font-size:8px;gap:4px}.rain-preview span{font-size:8px;letter-spacing:0}.shop-grid article>small{font-size:8px}.feature-dialog{padding:25px 18px}.feature-dialog h2{font-size:23px}}
@media(max-width:360px){.brand-copy small{display:none}.brand{gap:2px}.brand-mark{transform:scale(.75);width:27px}.brand-copy strong{font-size:10px}.top-actions{gap:6px}.top-button{padding:0 8px;font-size:9px}.account-menu summary{min-width:123px}.account-summary strong{max-width:64px}.compact-arena{padding:13px}.hero-pill{gap:12px}.pill-copy strong{font-size:15px}.pill-copy>span{font-size:8px}.pill-delta{width:38px;height:38px}.attempt-bar{padding:11px}.attempt-bar>div{gap:8px}.attempt-bar>div>span{font-size:6px;letter-spacing:.6px;max-width:48px}.attempt-bar strong{font-size:20px}.attempt-bar .submit{font-size:8px;gap:5px}}
@media(max-height:600px){.play-shell{padding-top:max(7px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom));grid-template-rows:44px minmax(0,1fr) 14px;gap:7px}.compact-arena{grid-template-rows:24px minmax(65px,.85fr) 25px minmax(125px,1.5fr) auto;gap:9px;padding:13px 24px}.score-caption{font-size:6px;margin-bottom:5px}#score{font-size:clamp(44px,11dvh,70px);letter-spacing:-3px}#headline{font-size:9px;margin-top:5px}#playing{grid-template-rows:minmax(65px,1fr) 49px;gap:10px}.hero-pill{height:80px;max-height:90%;width:340px;padding:10px 25px;gap:22px}.pill-delta{width:38px;height:38px;font-size:22px}.pill-copy strong{font-size:17px}.pill-copy>span{font-size:8px}.pill-copy{gap:5px}.pill-stage{padding-bottom:12px}.tap-hint{font-size:5px;letter-spacing:1.8px}.attempt-bar{padding:7px 12px}.attempt-bar strong{font-size:20px}.attempt-bar .submit{padding:9px 12px}.arenafoot{padding-top:8px;font-size:8px}.choices button{padding:12px}.choices{gap:12px}.mini-pill{height:17px;width:37px;margin-bottom:1px}.choices strong{font-size:11px}.choices small{font-size:8px}#choice{gap:9px}#name{padding:7px 10px}.hint{font-size:8px}.join-label{font-size:9px}.battle-notices{font-size:8px}.battle-notices>div:not(:empty){margin-bottom:4px}.play-footer{font-size:7px}}
@media(max-height:430px){.play-shell{grid-template-rows:40px minmax(0,1fr) 10px;gap:5px}.compact-arena{grid-template-rows:18px minmax(42px,.65fr) 19px minmax(85px,1.1fr) auto;gap:7px;padding:9px 28px;border-radius:18px}.roundline h1{font-size:11px}#roundLabel{font-size:6px;padding:3px 8px}.arena-subtitle{display:none}#score{font-size:39px;letter-spacing:-2px}.score-caption{font-size:5px;margin-bottom:2px;letter-spacing:2px}#headline{display:none}#playing{grid-template-columns:1fr 230px;grid-template-rows:minmax(65px,1fr);gap:26px;align-items:center}.pill-stage{height:100%;min-height:65px;padding-bottom:10px}.hero-pill{height:65px;width:300px;gap:17px;max-height:90%;padding:8px 20px}.pill-copy strong{font-size:15px}.pill-delta{width:32px;height:32px;font-size:19px}.pill-copy>span{font-size:7px}.attempt-bar{height:57px;padding:9px;gap:10px}.attempt-bar>div{gap:9px}.attempt-bar>div>span{font-size:6px;max-width:46px}.attempt-bar strong{font-size:21px}.attempt-bar .submit{font-size:8px;padding:9px;gap:5px}.tracklabels{font-size:6px;margin-bottom:7px}.arenafoot{padding-top:7px;font-size:7px}.choices button{padding:9px}.choices .mini-pill{display:none}.choices strong{font-size:11px}.join-label{font-size:8px}#name{font-size:16px;width:200px;padding:5px 10px}#choice{gap:6px}.hint{font-size:7px;line-height:1.3}.cancel-choice{font-size:8px}.account-menu summary{height:37px}.top-button{height:35px}.account-avatar{height:25px}.account-dropdown{max-height:calc(100dvh - 70px)}}
@media(max-height:430px) and (max-width:600px){#playing{grid-template-columns:1fr;grid-template-rows:50px 40px;gap:6px}.hero-pill{height:43px;width:245px;gap:17px}.pill-delta{height:27px;width:27px;font-size:15px}.pill-copy strong{font-size:12px}.pill-copy>span{font-size:6px}.pill-copy{gap:3px}.tap-hint{display:none}.pill-stage{padding:0;min-height:0}.attempt-bar{height:40px;width:100%;padding:5px 10px}.compact-arena{grid-template-rows:18px minmax(30px,.5fr) 18px minmax(96px,1fr) auto;padding:8px 14px;gap:6px}.play-footer>span{display:none}.play-footer{justify-content:flex-end}.battle-notices>div:not(:empty){margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}}
.account-dialog{max-width:470px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #ffffff0b;border-radius:11px;background:#080f1d;margin:22px 0 18px}.auth-tabs button{border:0;border-radius:7px;background:none;color:#8090ad;padding:11px;font-size:11px}.auth-tabs button.selected{background:#27354f;color:#e2ebfd}.account-form{display:grid;gap:10px}.account-form>label{font-size:10px;color:#a1b0ca;margin-top:6px}.account-form>input{width:100%;font-size:16px}.account-form>small{font-size:9px;line-height:1.6;color:#7588a7}.account-form .shop-note{margin:5px 0;font-size:10px}.account-form .submit{margin-top:9px;min-height:43px}.guest-link{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.guest-link input{width:16px;height:16px;flex:none;margin:3px 0}.guest-link small{display:block;color:#7184a2;font-size:9px;line-height:1.7;margin-top:3px}.auth-link{border:0;background:none;color:#a68acb;font-size:10px;padding:9px 0;text-decoration:underline}.auth-message{font-size:11px;line-height:1.7;color:#d1bbef;margin:16px 0 0}.auth-message:empty{display:none}.account-signed-in{display:flex;align-items:center;gap:14px;margin-top:24px;padding:17px;background:#13282a;border:1px solid #70be9a20;border-radius:12px}.account-signed-in strong{font-size:14px;display:block}.account-signed-in small{display:block;color:#78b29b;font-size:10px;margin-top:5px}.recovery-panel{background:#33271c60;border:1px solid #b9944930;border-radius:12px;padding:16px;margin-top:20px}.recovery-panel p{font-size:10px;line-height:1.7;color:#b6a687}.recovery-panel code{display:block;word-break:break-all;padding:13px;border:1px solid #ffffff12;background:#080f1b;border-radius:8px;font-size:12px;color:#e5d8b7;user-select:all}.recovery-panel>div{display:grid;gap:8px;margin-top:12px}.inventory-teaser{margin-top:20px;border-top:1px solid #ffffff0b;padding-top:10px}.inventory-teaser p{font-size:11px;color:#8192af;line-height:1.6}