:root{--pink:#ff2e88;--pink-d:#c4165f;--lime:#c8ee1c;--orange:#ff8a1f;--bts:#74c043;--gold:#f0b84a;--red:#ff4a3d;--ink:#0d0a10cc;--ink-2:#0d0a10e0;--line:#ffffff24;--text:#fff8ee;--dim:#fff8ee9e;--font:"Kanit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html{font-size:clamp(11px,1.78vh,30px)}html,body{background:#0d0a10;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0;overflow:hidden}#hud button,#hud input,#hud .screen>*{pointer-events:auto}.hidden{display:none!important}.plate{background:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.5rem;box-shadow:0 2px 10px #00000059}.shadow-t{text-shadow:0 1px 3px #000000e6,0 0 8px #0009}.key{text-align:center;color:#1a1220;background:linear-gradient(#fff4dc,#e8d5aa);border-radius:.3rem;min-width:1.5rem;padding:0 .4rem;font-size:.8rem;font-weight:600;line-height:1.45rem;display:inline-block;box-shadow:0 2px #8c7a52,0 3px 4px #0006}.btn{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:#1a0710;background:linear-gradient(180deg, #ff63a5, var(--pink));cursor:pointer;box-shadow:0 4px 0 var(--pink-d), 0 8px 18px #ff2e8859;border:0;border-radius:.55rem;padding:.7rem 2.2rem;font-size:1.3rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .1s}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:0 1px 0 var(--pink-d), 0 3px 8px #ff2e884d;transform:translateY(3px)}.btn.alt{color:var(--text);border:1px solid var(--line);background:linear-gradient(#3a3140,#28212d);box-shadow:0 4px #120d16,0 8px 18px #0006}.btn.big{padding:.75rem 3.2rem;font-size:1.7rem}.screens{position:absolute;inset:0}.screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(at 50% 40%,#280e228c,#0a070ee6 75%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.clear{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(#14050a40,#3c050fb3)}.screen[data-name=menu]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0d0a10;justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden}.menu-art{will-change:transform;background-color:#1a1020;animation:38s ease-in-out infinite alternate menuDrift,1.2s ease-out both menuFade;position:absolute;inset:-3%}@keyframes menuFade{0%{opacity:0}to{opacity:1}}@keyframes menuDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.4%,-1%)scale(1.06)}}.ms-stage{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;width:1730px;height:909px;position:absolute;top:0;left:0}.ms-l{will-change:transform;width:1730px;height:909px;position:absolute;top:0;left:0}.ms-plate{width:1730px;height:909px;display:block;position:absolute;top:0;left:0}.ms-glow{opacity:.6;border-radius:50%;position:absolute}.ms-neon{animation:5.3s step-end infinite msNeon}.ms-bulb{animation:2.7s ease-in-out infinite msBulb}.ms-lamp{animation:4.6s ease-in-out infinite alternate msLamp}@keyframes msNeon{0%,to{opacity:.9}40%{opacity:.25}42%{opacity:.9}44%{opacity:.35}46%{opacity:.95}77%{opacity:.8}79%{opacity:.2}80%{opacity:.9}}@keyframes msBulb{0%,to{opacity:.8}30%{opacity:.55}33%{opacity:.9}62%{opacity:.62}}@keyframes msLamp{0%{opacity:.4}to{opacity:.8}}.ms-track{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16%);mask-image:linear-gradient(90deg,#0000 0,#000 16%)}.ms-train{opacity:0;will-change:transform;transition:opacity .5s;position:absolute;top:0;left:0}.ms-train.on{opacity:1}.ms-car{background-position:0 0;background-repeat:no-repeat;background-size:100% 200%;position:absolute;top:0}.ms-car:not(.cab){background-position:0 100%}.ms-car.rear{transform:scaleX(-1)}.ms-plane,.ms-glider{will-change:transform, opacity;position:absolute;top:0;left:0}.ms-sway{transform-origin:50% 14%;position:absolute;inset:0}.ms-sprite{background-repeat:no-repeat;display:block;position:absolute;top:0;left:0}.ms-trail{filter:blur(1.2px);background:linear-gradient(90deg,#fff0,#ffffff73 70%,#ffffffbf);border-radius:3px;height:5px;position:absolute}.ms-rider{transform-origin:50% 100%;will-change:transform, opacity;position:absolute}.ms-rider-img{width:100%;height:100%;display:block;position:relative}.ms-shadow{background:radial-gradient(closest-side,#08040a99,#08040a40 60%,#08040a00);border-radius:50%;height:11%;position:absolute;bottom:3%;left:4%;right:6%}.ms-fx{width:1730px;height:909px;position:absolute;top:0;left:0}.menu-art.ms-still{animation:1.2s ease-out both menuFade}.ms-still .ms-glow{animation:none}@media (prefers-reduced-motion:reduce){.menu-art{animation:1.2s ease-out both menuFade}.ms-glow{animation:none}}.menu-scrim{background:linear-gradient(90deg,#0e0812eb 0%,#0e0812c7 30%,#0e081247 55%,#0e081214 100%),linear-gradient(#0a060c40 0%,#0a060c00 30%,#0a060c8c 100%);position:absolute;inset:0}.screen[data-name=menu] .menu-grid{z-index:1;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;grid-template-columns:minmax(0,36rem) 1fr;justify-content:space-between;align-items:center;gap:2rem;width:100%;height:100%;padding:2.2rem 3rem 1rem 4.5vw;position:relative;overflow-y:auto}.play-row{flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;display:flex}.menu-foot{flex-wrap:wrap;align-items:baseline;gap:.15rem 1rem;margin:0;display:flex}.menu-foot .menu-contact{margin-top:0}.screen[data-name=menu] .menu-main{text-align:left;align-items:flex-start;gap:.9rem;max-width:36rem}.screen[data-name=menu] .title-wrap{text-align:left}.screen[data-name=menu] .title{filter:drop-shadow(0 .35rem #3a0a22)drop-shadow(0 0 1.6rem #ff2e888c)drop-shadow(0 0 3rem #ff8c1f4d);font-size:clamp(4.2rem,8.6vw,8rem)}.screen[data-name=menu] .tape{width:70%;margin-left:0}.screen[data-name=menu] .title.title-logo{-webkit-text-stroke:0;filter:drop-shadow(0 .5rem 1.4rem #08040c8c);background:0 0;font-size:0;line-height:0}.title-logo img{--lw:min(30rem, 100%);width:var(--lw);height:auto;margin:0 0 calc(var(--lw) * -.1) -.25rem;-webkit-user-select:none;user-select:none;display:block}.screen[data-name=menu] .title-logo+.tape{display:none}.screen[data-name=menu] .hero{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ff2e8847,#0d0a10c7 62%);align-items:flex-start;max-width:34rem}.screen[data-name=menu] .mode-tiles{justify-content:flex-start}.screen[data-name=menu] .name-row{align-items:flex-start;margin-top:.3rem}.screen[data-name=menu] .name-row input,.screen[data-name=menu] .kb-note{text-align:left}.screen[data-name=menu] .menu-side{place-self:start end;width:min(22rem,26vw);margin-top:.5rem}.screen[data-name=menu] .plate{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0a10b8;border:1px solid #ffffff14}button.controls{cursor:pointer;width:100%;font:inherit;color:var(--gold);text-align:left;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem 1.1rem;transition:border-color .15s,background-color .15s;display:flex}button.controls:hover,button.controls:focus-visible{border-color:#f0b84a8c;outline:none}.controls .ctl-lab{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.controls .ctl-lab:before{content:"▸";font-size:.8em}.controls .ctl-hint{color:var(--dim);letter-spacing:.04em;font-size:.75rem}@media (aspect-ratio<=6/5){.screen[data-name=menu] .menu-grid{grid-template-columns:1fr;align-content:start;padding:1.4rem 1.2rem}.screen[data-name=menu] .menu-side{justify-self:stretch;width:100%}.menu-scrim{background:linear-gradient(#0e0812e6,#0e0812b3)}}@media (height<=640px) and (aspect-ratio>=6/5){html:not(.touch-on) .screen[data-name=menu] .menu-grid{padding-top:1.2rem;padding-bottom:.8rem}html:not(.touch-on) .screen[data-name=menu] .menu-main{gap:.7rem}html:not(.touch-on) .screen[data-name=menu] .title-logo img{--lw:min(30rem, 100%, calc((100vh - 41rem) * 2.4))}}.screen[data-name=menu] .menu-more{display:none}@media (aspect-ratio<=6/5){.screen[data-name=menu] .menu-more{align-items:center;gap:.35rem;display:inline-flex}}.menu-more svg{width:1em;height:1em;animation:1.6s ease-in-out infinite moreNudge}@keyframes moreNudge{0%,to{transform:translateY(-.1em)}50%{transform:translateY(.2em)}}@media (prefers-reduced-motion:reduce){.menu-more svg{animation:none}}@media (width<=640px){html:not(.touch-on) .screen[data-name=menu] .mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}html:not(.touch-on) .screen[data-name=menu] .mode-tile{text-align:center;grid-template-columns:1fr;grid-template-areas:"ico""name";justify-items:center;row-gap:.2rem;padding:.45rem .3rem}html:not(.touch-on) .screen[data-name=menu] .mode-tile .mt-short{display:none}}.title-wrap{text-align:center}.title{white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(180deg, #ffe45e 0%, var(--orange) 38%, var(--pink) 78%);color:#0000;filter:drop-shadow(0 .3rem #3a0a22)drop-shadow(0 0 1.2rem #ff2e8873);-webkit-text-stroke:.1rem #28081899;-webkit-background-clip:text;background-clip:text;margin:0;font-size:7rem;font-style:italic;font-weight:900;line-height:.95}.title-th{color:var(--gold);letter-spacing:.12em;text-shadow:0 2px #0009;margin:.2rem 0 0;font-size:2.1rem;font-weight:600}.tape{background:repeating-linear-gradient(-45deg, var(--lime) 0 1rem, #17120a 1rem 2rem);border-radius:.2rem;width:100%;height:.7rem;margin:.9rem auto .8rem;box-shadow:0 2px 8px #00000080}.tagline{color:var(--text);text-shadow:0 2px 4px #000000b3;margin:0;font-size:1.35rem;font-weight:400}.menu-grid{grid-template-columns:minmax(0,37rem) minmax(0,21rem);align-items:center;gap:3rem;display:grid}.menu-main{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.name-row{flex-direction:column;gap:.3rem;width:100%;max-width:21rem;margin-top:.8rem;display:flex}.name-row label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.8rem}.name-row input{font-family:var(--font);color:var(--text);text-align:center;background:#0a080ecc;border:2px solid #fff3;border-radius:.5rem;outline:none;width:100%;padding:.45rem .8rem;font-size:1.5rem;font-weight:500}.name-row input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c8ee1c33}.touch-note{text-align:center;max-width:24rem;color:var(--orange);background:#ff8a1f1a;border:1px solid #ff8a1f80;border-radius:.5rem;padding:.5rem .8rem;font-size:.95rem}.kb-note{color:var(--dim);font-size:.85rem}.center-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner{border:.4rem solid #ffffff26;border-top-color:var(--pink);border-right-color:var(--lime);border-radius:50%;width:4rem;height:4rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.h2{letter-spacing:.04em;margin:0;font-size:2.2rem;font-weight:700}.sub{color:var(--dim);margin:0;font-size:1.05rem}.err-box{color:#ffd4cf;border-color:#ff4a3d99;max-width:36rem;padding:1rem 1.5rem;font-size:1.1rem}.lobby-grid{grid-template-columns:17rem minmax(0,24rem);align-items:center;gap:3rem;display:grid}.ring-wrap{width:15rem;height:15rem;margin:0 auto;position:relative}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:#0d0a10b3;stroke:#ffffff1f;stroke-width:7px}.ring-fg{fill:none;stroke:url(#ringGrad);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ring-wrap.waiting .ring-fg{transform-origin:60px 60px;animation:1.6s linear infinite spin-svg;stroke-dasharray:60 280!important;stroke-dashoffset:0!important}@keyframes spin-svg{to{transform:rotate(360deg)}}.ring-num{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-num b{color:var(--lime);text-shadow:0 3px #0009;font-size:5.2rem;font-style:italic;font-weight:900;line-height:1}.ring-num span{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:.85rem}.ring-num.wait b{color:var(--text);text-align:center;font-size:1.8rem;font-style:normal;line-height:1.1}.lobby-side{flex-direction:column;gap:.9rem;display:flex}.room-id{align-items:baseline;gap:.6rem;display:flex}.room-id span{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.room-id b{color:var(--gold);letter-spacing:.08em;font-size:1.5rem;font-weight:700}.players{max-height:17rem;padding:.7rem .9rem;overflow:hidden}.players h4{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 .5rem;font-size:.8rem;font-weight:500}.players ul{grid-template-columns:1fr 1fr;gap:.25rem .8rem;margin:0;padding:0;list-style:none;display:grid}.players li{white-space:nowrap;text-overflow:ellipsis;padding-left:.9rem;font-size:1.02rem;position:relative;overflow:hidden}.players li:before{content:"";background:var(--bts);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.55em;left:0}.players li.clankers{color:#ffffff8c;grid-column:1/-1;font-style:italic}.players li.clankers:before{background:var(--vest,#ff8a1f);border-radius:2px}.tip{border-left:.35rem solid var(--pink);min-height:4.2rem;padding:.7rem 1rem;font-size:1.02rem}.tip small{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.15rem;font-size:.72rem;display:block}.tip p{margin:0;animation:.5s tipin}@keyframes tipin{0%{opacity:0;transform:translateY(.4rem)}}.dead-title{letter-spacing:.02em;color:var(--red);text-shadow:0 .25rem #3a0a08,0 0 2rem #ff4a3d80;text-transform:uppercase;margin:0;font-size:6.4rem;font-style:italic;font-weight:900}.dead-by{margin:.2rem 0 .1rem;font-size:1.9rem;font-weight:500}.dead-by b{color:var(--orange);font-weight:700}.dead-place{color:var(--gold);text-shadow:0 3px #0009;margin:.6rem 0 0;font-size:3.6rem;font-style:italic;font-weight:900;line-height:1}.dead-place small{color:var(--dim);font-size:1.5rem;font-style:normal;font-weight:400}.btn-row{gap:1.2rem;margin-top:1.8rem;display:flex}.end-title{text-transform:uppercase;text-align:center;text-wrap:balance;max-width:94vw;margin:0;font-style:italic;font-weight:900;line-height:1}.end-title.win{background:linear-gradient(180deg, #fff27a, var(--lime) 45%, var(--bts));color:#0000;filter:drop-shadow(0 .25rem #1d2a08)drop-shadow(0 0 1.4rem #c8ee1c66);-webkit-background-clip:text;background-clip:text;font-size:6.2rem}.end-title.lose{color:var(--gold);text-shadow:0 .25rem #3a2a08;font-size:6.6rem}.end-th{color:var(--gold);letter-spacing:.14em;margin:.3rem 0 0;font-size:1.5rem;font-weight:500}.end-winner{margin:.5rem 0 0;font-size:1.6rem}.end-winner b{color:var(--lime)}.standings{pointer-events:auto;width:33rem;max-height:21rem;margin-top:1.2rem;padding:.4rem .6rem;overflow:auto}.standings table{border-collapse:collapse;width:100%;font-size:1rem}.standings th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:.3rem .5rem;font-size:.75rem;font-weight:500}.standings td{border-top:1px solid #ffffff12;padding:.22rem .5rem}.standings td:first-child,.standings th:first-child{width:3.2rem;color:var(--gold);font-weight:700}.standings td.k,.standings th.k{text-align:right;width:4rem}.standings tr.me td{background:#ff2e8838;font-weight:600}.standings tr.first td:first-child{color:var(--lime)}.badge{letter-spacing:.1em;color:var(--dim);vertical-align:.1em;background:#ffffff24;border-radius:.25rem;margin-left:.4rem;padding:0 .35rem;font-size:.62rem;font-weight:600;display:inline-block}#confetti{width:100%;height:100%;position:absolute;inset:0;pointer-events:none!important}.game{position:absolute;inset:0}#hud[data-screen=menu] .game,#hud[data-screen=connecting] .game,#hud[data-screen=lobby] .game,#hud[data-screen=error] .game,#hud[data-screen=end] .game .hide-end,#hud[data-screen=dead] .hide-dead,#hud[data-screen=respawn] .hide-dead{display:none}.crosshair{--gap:6px;width:0;height:0;position:absolute;top:50%;left:50%}.crosshair i{background:#fff;border-radius:1px;position:absolute;box-shadow:0 0 0 1px #000000bf}.crosshair .l,.crosshair .r{width:9px;height:2px;top:-1px}.crosshair .l{left:calc(-1 * var(--gap) - 9px)}.crosshair .r{left:var(--gap)}.crosshair .t,.crosshair .b{width:2px;height:9px;left:-1px}.crosshair .t{top:calc(-1 * var(--gap) - 9px)}.crosshair .b{top:var(--gap)}.crosshair .dot{background:var(--lime);width:2px;height:2px;box-shadow:none;top:-1px;left:-1px}.crosshair.off{display:none}.scope{background:radial-gradient(circle,#0000 0 41vh,#000 41.4vh);position:absolute;inset:0}.scope:before,.scope:after{content:"";background:#000000d9;position:absolute}.scope:before{width:2px;height:82vh;margin-left:-1px;top:calc(50% - 41vh);left:50%}.scope:after{width:82vh;height:2px;margin-top:-1px;top:50%;left:calc(50% - 41vh)}.scope .ring{border-radius:50%;width:82.8vh;height:82.8vh;margin:-41.4vh 0 0 -41.4vh;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 6vh 2vh #000c}.scope .mil{background:var(--red);z-index:1;border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%}.optic{pointer-events:none;--cx:50vw;--cy:50vh;--rp:30vh;position:absolute;inset:0;overflow:hidden}.optic-vig{background:radial-gradient(circle at var(--cx) var(--cy), transparent 0, transparent var(--rp), #05060866 calc(var(--rp) * 1.03), #0506088c calc(var(--rp) * 1.4), #050608db calc(var(--rp) * 2.7));position:absolute;inset:0}.optic-lens{left:calc(var(--cx) - var(--rp));top:calc(var(--cy) - var(--rp));width:calc(var(--rp) * 2);height:calc(var(--rp) * 2);background:radial-gradient(circle,#0000 0 72%,#0003 89%,#0009 100%),radial-gradient(60% 40% at 34% 20%,#bedcff17,#0000 70%);border-radius:50%;position:absolute}.optic-ret{position:absolute}.hm{width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;animation:.42s ease-out forwards hm;position:absolute;top:50%;left:50%}.hm svg{width:100%;height:100%;overflow:visible}.hm path{stroke:#fff;stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 2px #000000e6)}.hm.head path{stroke:var(--red)}.hm.kill{width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;animation-duration:.8s}.hm.kill path{stroke:var(--red);stroke-width:4px}@keyframes hm{0%{opacity:1;transform:scale(.6)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.hold .hm,.hold .dmg{animation-duration:600s!important}.dmg{width:0;height:0;animation:1.1s ease-out forwards dmg;position:absolute;top:50%;left:50%}.dmg svg{width:30rem;height:30rem;position:absolute;top:-15rem;left:-15rem;overflow:visible}.dmg path{fill:none;stroke:var(--red);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff281ee6)}@keyframes dmg{0%{opacity:0}12%{opacity:1}to{opacity:0}}.banner{text-align:center;text-transform:uppercase;letter-spacing:.03em;color:#fff;text-shadow:0 .18rem #000000bf,0 0 1.4rem #ff2e88b3,0 2px 12px #000c;font-size:3.2rem;font-style:italic;font-weight:900;animation:.35s ease-out pop;position:absolute;top:13%;left:0;right:0}.banner span{background:linear-gradient(90deg,#0000,#0d0a1099 20% 80%,#0000);padding:.1rem 1.6rem;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(1.35)}}.prompt{white-space:nowrap;flex-direction:column;align-items:stretch;gap:.35rem;padding:.4rem 1rem;font-size:1.25rem;font-weight:500;display:flex;position:absolute;top:61%;left:50%;transform:translate(-50%)}.prompt .pl{align-items:center;gap:.6rem;display:flex}.prompt .key{font-size:1rem}.speedo{text-align:center;width:11rem;padding:.35rem .9rem .55rem;position:absolute;bottom:5.4rem;left:50%;transform:translate(-50%)}.speedo .sn b{font-variant-numeric:tabular-nums;font-size:3.2rem;font-style:italic;font-weight:800;line-height:1}.speedo .sn span{letter-spacing:.1em;color:var(--dim);margin-left:.4rem;font-size:.85rem}.speedo .sbar{background:#ffffff1f;border-radius:.2rem;height:.5rem;margin-top:.3rem;overflow:hidden;transform:skew(-14deg)}.speedo .sbar i{background:linear-gradient(90deg, var(--lime), var(--orange));width:0;height:100%;display:block}.speedo.fast .sn b{color:var(--orange)}#hud.riding .weapons,#hud.riding .heals{opacity:.25}.toasts{flex-direction:column-reverse;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.toast{border-left:.3rem solid var(--lime);padding:.35rem 1rem;font-size:1.05rem;font-weight:500;animation:3s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(.6rem)}8%{opacity:1;transform:none}82%{opacity:1}to{opacity:0}}.hold .toast{animation-duration:600s}.vitals{gap:.45rem;width:21rem;padding:.7rem .9rem .8rem;display:grid;position:absolute;bottom:1.5rem;left:1.6rem}.vrow{grid-template-columns:4.6rem 1fr 3rem;align-items:center;gap:.7rem;display:grid}.vrow .lbl{letter-spacing:.12em;color:var(--dim);white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.vrow .bar{margin-left:.25rem}.vrow .num{text-align:right;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700;line-height:1}.bar{background:#ffffff1f;border-radius:.2rem;height:.9rem;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:inset 0 0 0 1px #00000080}.bar i{background:linear-gradient(180deg, #d6ff4d, var(--lime) 60%, #8fb80d);width:100%;transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.bar.hp.mid i{background:linear-gradient(180deg, #ffd24d, var(--orange))}.bar.hp.low i{background:linear-gradient(180deg, #ff7468, var(--red));animation:.8s ease-in-out infinite alternate lowpulse}.bar.armor{height:.6rem}.bar.armor i{background:linear-gradient(180deg, #ffb15c, var(--orange) 60%, #c25d00)}.vrow.armor .num{color:var(--orange);font-size:1.3rem}.vrow.hp .num.low{color:var(--red)}@keyframes lowpulse{to{filter:brightness(1.4)}}.weapons{flex-direction:column;align-items:stretch;gap:.5rem;width:21rem;display:flex;position:absolute;bottom:1.5rem;right:1.6rem}.wslots{grid-template-columns:1fr 1fr .7fr;gap:.4rem;display:grid}.wslot{background:var(--ink);border:1px solid var(--line);border-radius:.45rem;min-height:3.3rem;padding:.3rem .55rem .4rem;transition:border-color .12s,background .12s,transform .12s}.wslot .k{color:var(--dim);letter-spacing:.1em;font-size:.7rem;font-weight:600}.wslot .n{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:600;line-height:1.15;overflow:hidden}.wslot .m{color:var(--dim);font-variant-numeric:tabular-nums;font-size:.78rem}.wslot.empty .n{color:#ffffff47;font-weight:400}.wslot.cur{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink), 0 4px 14px #ff2e8859;background:linear-gradient(#d61c70d9,#780e42d1);transform:translateY(-.2rem)}.wslot.cur .k{color:#fff}.ammo{justify-content:flex-end;align-items:baseline;gap:.5rem;padding:.4rem 1rem .55rem;display:flex;position:relative;overflow:hidden}.ammo .wn{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-right:auto;font-size:1rem;font-weight:600}.ammo .mag{font-variant-numeric:tabular-nums;font-size:3.4rem;font-style:italic;font-weight:900;line-height:1}.ammo .mag.low{color:var(--red)}.ammo .res{color:var(--dim);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.ammo .res:before{content:"/ "}.ammo .atype{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;align-self:flex-end;font-size:.6rem}.ammo .rl{background:var(--lime);width:0;height:.28rem;position:absolute;bottom:0;left:0}.ammo{white-space:nowrap}.ammo .rlt{letter-spacing:.06em;color:var(--lime);margin-right:auto;font-size:.85rem;font-weight:700;animation:.5s ease-in-out infinite alternate lowpulse}.ammo.reloading .wn,.ammo.fists .mag,.ammo.fists .res,.ammo.fists .atype{display:none}.heals{gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.heal{background:var(--ink);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.5rem;width:10.6rem;padding:.35rem .6rem .45rem;display:grid;position:relative;overflow:hidden}.heal .key{min-width:1.3rem;font-size:.78rem;line-height:1.3rem}.heal .txt{flex-direction:column;min-width:0;display:flex}.heal .t{white-space:nowrap;font-size:.86rem;font-weight:500;line-height:1.15}.heal .e{color:var(--dim);font-size:.7rem}.heal .c{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1}.heal.zero{opacity:.42}.heal.using{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 0 14px #c8ee1c66}.heal .prog{background:var(--lime);width:0;height:.28rem;position:absolute;bottom:0;left:0}.heal[data-item=balm]{border-bottom:.25rem solid var(--bts)}.heal[data-item=medkit]{border-bottom:.25rem solid var(--pink)}.heal[data-item=tonic]{border-bottom:.25rem solid var(--orange)}@media (aspect-ratio<=3/2){html:not(.touch-on) .keystrip{flex-wrap:wrap;justify-content:center;row-gap:.3rem;max-width:calc(100vw - 46.2rem)}html:not(.touch-on) #hud[data-screen=none] .chat:not(.open){width:21rem}}@media (aspect-ratio<=10/7){html:not(.touch-on) :is(.vitals,.dry,.weapons,.heals){zoom:.9}html:not(.touch-on) .keystrip{max-width:calc(100vw - 41.7rem)}html:not(.touch-on) #hud[data-screen=none] .chat:not(.open){width:18.75rem}}@media (aspect-ratio<=5/4){html:not(.touch-on) :is(.vitals,.dry,.weapons,.heals){zoom:.8}}@media (aspect-ratio<=9/8){html:not(.touch-on) :is(.vitals,.dry,.weapons,.heals){zoom:.7}}.topright{flex-direction:column;align-items:stretch;gap:.6rem;width:12.5rem;display:flex;position:absolute;top:1.2rem;right:1.4rem}.counts{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.count{text-align:center;padding:.15rem .3rem .25rem}.count b{font-variant-numeric:tabular-nums;font-size:2.1rem;font-style:italic;font-weight:900;line-height:1.05;display:block}.count span{letter-spacing:.2em;color:var(--dim);font-size:.68rem;font-weight:600}.count.alive b{color:var(--lime)}.count.kills b{color:var(--pink)}.minimap{background:#3a3440;border:2px solid #ffffff8c;border-radius:.5rem;width:12.5rem;height:12.5rem;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000008c}.minimap canvas{width:100%;height:100%;display:block}.minimap .n{color:#fff;text-shadow:0 1px 2px #000;font-size:.7rem;font-weight:700;position:absolute;top:.2rem;left:50%;transform:translate(-50%)}.killfeed{flex-direction:column;align-items:flex-end;gap:.25rem;width:20rem;margin-left:-7.5rem;display:flex}.kf{background:var(--ink);white-space:nowrap;border-right:.25rem solid #ffffff4d;border-radius:.3rem;align-items:center;gap:.4rem;padding:.15rem .6rem;font-size:.92rem;animation:.25s ease-out kfin;display:flex}.kf.you{border-right-color:var(--pink);background:#ff2e888c}.kf.dead{border-right-color:var(--red);background:#ff4a3d73}.kf .w{color:var(--gold);align-items:center;gap:.25rem;font-size:.78rem;display:inline-flex}.kf .hs{letter-spacing:.1em;background:var(--red);color:#fff;border-radius:.2rem;padding:0 .3rem;font-size:.62rem;font-weight:700}.kf svg{fill:#fff;width:1rem;height:1rem}.kf.out{opacity:0;transition:opacity .4s}@keyframes kfin{0%{opacity:0;transform:translate(2rem)}}.kf b{text-overflow:ellipsis;vertical-align:bottom;max-width:7rem;font-weight:600;display:inline-block;overflow:hidden}.zone{text-align:center;border-top:.25rem solid var(--bts);min-width:17rem;padding:.3rem 1.2rem .4rem;transition:border-color .2s,background .2s;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.zone .z1{letter-spacing:.04em;font-size:1.15rem;font-weight:600}.zone .z2{color:var(--dim);font-size:.88rem}.zone.closing{border-top-color:var(--orange)}.zone.closing .z1{color:var(--orange)}.zone.warn{border-top-color:var(--red);background:#5a0e0ac7;animation:.9s ease-in-out infinite alternate warn}.zone.warn .z1{color:#ffb3a8}.zone.warn .z2{color:#fff;font-weight:500}@keyframes warn{to{box-shadow:0 0 1.4rem #ff3c28a6}}.smogveil{pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 12rem 3rem #965a1e8c}.smogveil.on{opacity:1}.stats{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:.7rem;position:absolute;top:.6rem;left:.8rem}.keystrip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);pointer-events:none;white-space:nowrap;z-index:5;background:#0d0a108c;border-radius:.5rem;align-items:center;gap:.9rem;padding:.3rem .8rem;font-size:.78rem;display:flex;position:absolute;bottom:7.9rem;left:50%;transform:translate(-50%)}.keystrip[data-sit=drive]{bottom:11.3rem}.keystrip .ks-item{align-items:center;gap:.35rem;display:inline-flex}.keystrip .key{min-width:1.2rem;font-size:.7rem;line-height:1.15rem}.keystrip .ks-label{color:var(--text);opacity:.85}@media (width<=1100px){.keystrip{gap:.6rem;font-size:.72rem;bottom:7.2rem}}.ctl-overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08060cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ctl-card{box-sizing:border-box;overscroll-behavior:contain;width:min(92vw,46rem);max-height:calc(100% - 2rem);padding:1rem 1.4rem 1.1rem;position:relative;overflow:auto}.ctl-close{border:1px solid var(--line);width:2.2rem;height:2.2rem;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;top:.55rem;right:.6rem}.ctl-close:hover,.ctl-close:focus-visible{background:#ffffff24;outline:none}.ctl-card .h2{margin:0 0 .6rem;font-size:1.6rem}.ctl-card ul{grid-template-columns:1fr 1fr;gap:.35rem 1.2rem;margin:0;padding:0;list-style:none;display:grid}.ctl-card li{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.ctl-card li .keys{flex-wrap:wrap;flex:0 0 6.4rem;gap:.2rem;display:flex}.ctl-card li .keys .key{min-width:1.3rem;font-size:.72rem;line-height:1.25rem}.ctl-foot{color:var(--dim);margin:.8rem 0 0;font-size:.8rem}@media (width<=900px){.ctl-card ul{grid-template-columns:1fr}}.bigmap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08060cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bigmap .frame{border:3px solid #ffffffb3;border-radius:.6rem;width:90vh;height:90vh;position:relative;overflow:hidden;box-shadow:0 8px 40px #000000b3}.bigmap canvas{width:100%;height:100%;display:block}.bigmap .cap{text-align:center;color:#fff;text-shadow:0 1px 3px #000;font-size:.9rem;position:absolute;bottom:.5rem;left:0;right:0}@media (height<=640px){html{font-size:11px}}@media (aspect-ratio<=6/5){.menu-grid{grid-template-columns:1fr}.controls{display:none}}.btn.sm{padding:.4rem 1.3rem;font-size:.95rem;text-decoration:none;display:inline-block;box-shadow:0 3px #120d16,0 6px 14px #0006}.btn:not(.alt).sm{box-shadow:0 3px 0 var(--pink-d), 0 6px 14px #ff2e884d}.btn.alt.big{box-shadow:0 4px #120d16,0 8px 18px #0006}.end-row{justify-content:center}.lobby-actions{justify-content:flex-start;display:flex}.menu-side{flex-direction:column;gap:.9rem;min-width:0;display:flex}.whatsnew{border-left:.35rem solid var(--lime);padding:.8rem 1.1rem .9rem}.whatsnew h3{letter-spacing:.2em;text-transform:uppercase;color:var(--lime);margin:0 0 .5rem;font-size:.85rem;font-weight:600}.whatsnew ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.whatsnew li{flex-direction:column;line-height:1.2;display:flex}.whatsnew li b{font-size:.98rem;font-weight:500}.whatsnew .wn-head{align-items:baseline;gap:.45rem;min-width:0;display:flex}.whatsnew .wn-head b{min-width:0}.whatsnew .wn-kind{letter-spacing:.1em;text-transform:uppercase;border-radius:.25rem;flex:none;padding:.08rem .38rem .04rem;font-size:.6rem;font-weight:700;line-height:1.25;position:relative;top:-.08rem}.whatsnew .wn-kind.feat{color:#1a2204;background:var(--lime)}.whatsnew .wn-kind.fix{color:#2a1200;background:var(--orange)}.whatsnew li span{color:var(--dim);font-size:.78rem}.whatsnew .wn-meta{flex-wrap:wrap;gap:0 .4rem;margin-top:.1rem;display:flex}.whatsnew .wn-by:before{content:"·";margin-right:.4rem}.whatsnew li.fresh .wn-ago{color:var(--lime);font-weight:600}.whatsnew li.fresh .wn-ago:after{content:"!"}@media (height<=760px){.whatsnew li:nth-child(n+5){display:none}}@media (aspect-ratio<=6/5){.menu-side{max-width:24rem;margin:0 auto}}.chat{z-index:30;pointer-events:none;flex-direction:column;gap:.35rem;width:min(30rem,46vw);font-size:.92rem;display:flex;position:absolute;bottom:8.6rem;left:1.6rem}.chat.open{pointer-events:auto}.chat-log{flex-direction:column;justify-content:flex-end;gap:.18rem;max-height:14rem;display:flex;overflow:hidden}.chat.open .chat-log{-webkit-user-select:text;user-select:text;scrollbar-width:thin;justify-content:flex-start;max-height:17rem;overflow-y:auto}.chat-line{text-shadow:0 1px 2px #000000e6;overflow-wrap:anywhere;word-break:break-word;background:#0d0a1094;border-radius:.3rem;align-self:flex-start;max-width:100%;padding:.12rem .6rem .16rem;line-height:1.3;transition:opacity .7s}.chat.open .chat-line{background:#0d0a10c7}.chat-line .cn{margin-right:.4rem;font-weight:600}.chat-line .cn:after{content:":"}.chat-line.system{color:#fff8eea8;font-style:italic}.chat-line.ack{color:var(--lime);border-left:.25rem solid var(--lime);background:#283408b3}.chat-line.update{color:#fff;border-left:.25rem solid var(--pink);background:linear-gradient(90deg,#d61c70d1,#780e42b8);font-weight:500}.chat-line.old{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.chat.open .chat-line.old{opacity:1;height:auto;padding:.12rem .6rem .16rem}.chat-form{margin:0}.chat-input{width:100%;font-family:var(--font);color:var(--text);border:2px solid var(--lime);resize:none;scrollbar-width:thin;-webkit-user-select:text;user-select:text;background:#0a080ee6;border-radius:.45rem;outline:none;padding:.4rem .7rem;font-size:.98rem;font-weight:400;line-height:1.4;display:block;overflow-y:auto;box-shadow:0 0 0 3px #c8ee1c2e}.chat.open{width:min(35rem,100vw - 3.2rem)}.chat.open .chat-input{min-height:calc(4.2em + 1.05rem);max-height:calc(5.6em + 1.05rem);padding:.5rem .8rem;font-size:1.02rem}.chat-foot{color:#fff8eeb3;text-shadow:0 1px 2px #000;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.25rem;padding:0 .2rem;font-size:.74rem;display:none}.chat.open .chat-foot{display:flex}.chat-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.chat-count.warn{color:var(--gold,#ffd24d)}.chat-count.full{color:#ff8a7a;font-weight:700}.chat-input::placeholder{color:#fff8ee73}.chat-hint{color:var(--dim);opacity:.75;text-shadow:0 1px 2px #000;align-items:center;gap:.35rem;font-size:.74rem;display:flex}.chat-hint .key{min-width:1.1rem;font-size:.68rem;line-height:1.1rem}.chat-hint span+.key{margin-left:.5rem}#hud[data-screen=menu] .chat,#hud[data-screen=connecting] .chat,#hud[data-screen=error] .chat{display:none}#hud[data-screen=lobby] .chat,#hud[data-screen=dead] .chat,#hud[data-screen=end] .chat{bottom:1.6rem}.bd-wrap{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#08060cc7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bd{background:var(--ink-2);-webkit-user-select:none;user-select:none;flex-direction:column;width:min(96vw,88rem);height:min(92vh,60rem);padding:1rem 1.2rem 1.1rem;display:flex;position:relative}.bd-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.bd-title{text-transform:uppercase;background:linear-gradient(180deg, #ffe45e, var(--orange) 45%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.1rem;font-style:italic;font-weight:900;line-height:1}.bd-sub{color:var(--dim);margin:.25rem 0 0;font-size:.92rem}.bd-headr{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.bd-mode{letter-spacing:.04em;color:var(--dim);border:1px solid var(--line);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:.2rem .65rem;font-size:.76rem;font-weight:500}.bd-mode[data-mode=live]{color:var(--lime);border-color:#c8ee1c66}.bd-mode[data-mode=off]{color:var(--orange);border-color:#ff8a1f73}.bd-close{font-family:var(--font);color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:.4rem;align-items:center;gap:.5rem;padding:.3rem .5rem .3rem .8rem;font-size:.9rem;font-weight:500;display:flex}.bd-close:hover{background:#ffffff29}.bd-close .key{font-size:.7rem;line-height:1.1rem}.bd-strip{flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem;margin:.7rem 0 .6rem;font-size:.95rem;display:flex}.bd-next{color:var(--gold);font-weight:500}.bd-next.building{color:var(--lime)}.bd-hint{color:var(--dim);font-size:.86rem}.bd-hint a{color:var(--lime)}.bd-err{color:#ffd4cf;background:#ff4a3d29;border:1px solid #ff4a3d73;border-radius:.35rem;margin:0 0 .5rem;padding:.3rem .7rem;font-size:.88rem}.bd-tabs{display:none}.bd-cols{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:.9rem;min-height:0;display:grid}.bd-col{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;gap:1rem;min-width:0;min-height:0;padding-right:.3rem;display:flex;overflow-y:auto}.bd-sec{flex:none}.bd-h{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;margin:0 0 .5rem;padding-bottom:.3rem;font-size:.82rem;font-weight:600;display:flex}.bd-h i{letter-spacing:0;color:var(--dim);background:#ffffff14;border-radius:999px;padding:0 .55rem;font-size:.78rem;font-style:normal}.s-planned .bd-h{color:var(--pink);border-color:#ff2e888c}.s-next .bd-h{color:var(--lime);border-color:#c8ee1c80}.s-shipped .bd-h{color:var(--bts);border-color:#74c04380}.s-later .bd-h{color:var(--orange);border-color:#ff8a1f73}.s-wontdo .bd-h{color:var(--dim)}.bd-list{flex-direction:column;gap:.5rem;display:flex}.bd-empty{color:var(--dim);margin:0;padding:.5rem .2rem;font-size:.9rem;font-style:italic}.bc{border:1px solid var(--line);border-left:.3rem solid var(--pink);background:#ffffff0e;border-radius:.45rem;align-items:stretch;gap:.7rem;padding:.55rem .7rem .6rem .8rem;display:flex}.bc.k-bug{border-left-color:var(--red)}.bc.k-improvement{border-left-color:var(--orange)}.bc.k-feature{border-left-color:var(--lime)}.bc-body{flex:1;min-width:0}.bc-top{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;display:flex}.bc-kind{color:var(--lime)}.bc.k-bug .bc-kind{color:#ff8b80}.bc.k-improvement .bc-kind{color:var(--orange)}.bc-id{color:var(--dim);letter-spacing:.04em}.bc-flag{color:#1a0710;background:var(--orange);letter-spacing:.08em;border-radius:.2rem;padding:0 .4rem}.bc-title{overflow-wrap:anywhere;margin:.1rem 0 0;font-size:1.05rem;font-weight:600;line-height:1.2}.bc-sum{color:#fff8eed1;overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.86rem;line-height:1.3}.bc-meta{color:var(--dim);margin:.3rem 0 0;font-size:.76rem}.bc-meta.why{color:#fff8eeb3;font-size:.82rem;font-style:italic;font-weight:400}.bc-count{color:var(--dim);white-space:nowrap;align-self:center;font-size:.78rem}.bc-votes{flex:none;align-self:center;gap:.4rem;display:flex}.bc-vote{width:3rem;font-family:var(--font);color:var(--text);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff4d;border-radius:.5rem;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem 0 .3rem;transition:background .1s,border-color .1s,transform 80ms;display:flex}.bc-vote svg{fill:currentColor;width:.85rem;height:.85rem}.bc-vote b{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;line-height:1}.bc-vote.like:hover:not(:disabled){border-color:var(--lime);color:var(--lime);background:#c8ee1c33}.bc-vote.dislike:hover:not(:disabled){border-color:var(--red);color:#ff8b80;background:#ff4a3d33}.bc-vote:active:not(:disabled){transform:translateY(2px)}.bc-vote.like.on{background:var(--lime);border-color:var(--lime);color:#1a2204}.bc-vote.dislike.on{background:var(--red);border-color:var(--red);color:#2a0805}.bc-vote:disabled:not(.on){opacity:.5;cursor:not-allowed}.bc-vote:disabled.on{cursor:default}.bc-vote:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.bc-sent{letter-spacing:.06em;border:1px solid;border-radius:999px;margin-left:auto;padding:0 .45rem;font-size:.68rem}.bc-sent.s-liked{color:var(--bts);background:#74c04324}.bc-sent.s-neutral{color:#fff8ee99;background:#ffffff0f}.bc-sent.s-disliked{color:#ff8b80;background:#ff4a3d24}.bc.disliked{opacity:.55;filter:saturate(.5);border-left-color:var(--red)}.bc-dis{color:#ff8b80;margin:.25rem 0 0;font-size:.78rem;font-style:italic}.bd-run{border:1px solid var(--line);border-left:.3rem solid var(--gold);background:#ffffff0d;border-radius:.45rem;flex-wrap:wrap;align-items:center;gap:.2rem .8rem;margin:.7rem 0 0;padding:.5rem .9rem;display:flex}.bd-run-lab{color:var(--text);font-size:1.05rem;font-weight:500}.bd-run-clock{letter-spacing:.02em;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 1rem #f0b84a59;font-size:2rem;font-style:italic;font-weight:900;line-height:1}.bd-run-clock:empty{display:none}.bd-run-note{color:var(--orange);border:1px solid #ff8a1f73;border-radius:999px;margin-left:auto;padding:.1rem .6rem;font-size:.8rem}.bd-run-dot{background:var(--lime);border-radius:50%;width:.8rem;height:.8rem;display:none;box-shadow:0 0 #c8ee1cb3}.bd-run[data-state=running]{border-left-color:var(--lime)}.bd-run[data-state=running] .bd-run-dot{animation:1.2s ease-out infinite bdpulse;display:block}.bd-run[data-state=running] .bd-run-lab{color:var(--lime);font-weight:600}.bd-run[data-state=off]{border-left-color:var(--orange)}.bd-run[data-state=idle] .bd-run-lab{color:var(--dim);font-size:.95rem}@keyframes bdpulse{0%{box-shadow:0 0 #c8ee1cb3}to{box-shadow:0 0 0 .7rem #c8ee1c00}}@media (width<=820px){.bd-cols{display:block;overflow-y:auto}.bd-col{display:contents}.bd-sec{display:none}.bd[data-tab=planned] .s-planned,.bd[data-tab=next] .s-next,.bd[data-tab=shipped] .s-shipped,.bd[data-tab=later] .s-later,.bd[data-tab=wontdo] .s-wontdo{display:block}.bd-h{display:none}.bd-tabs{scrollbar-width:none;gap:.35rem;margin:0 0 .7rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.bd-tab{font-family:var(--font);color:var(--dim);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.9rem;font-weight:500;display:flex}.bd-tab i{background:#ffffff1f;border-radius:999px;padding:0 .4rem;font-size:.74rem;font-style:normal}.bd[data-tab=planned] .bd-tab:first-child,.bd[data-tab=next] .bd-tab:nth-child(2),.bd[data-tab=shipped] .bd-tab:nth-child(3),.bd[data-tab=later] .bd-tab:nth-child(4),.bd[data-tab=wontdo] .bd-tab:nth-child(5){color:#1a0710;background:var(--pink);border-color:var(--pink);font-weight:600}.bd{padding:.8rem}.bd-title{font-size:1.8rem}}html:has(body.board-page){font-size:16px}body.board-page{-webkit-user-select:text;user-select:text;background:radial-gradient(at 50% 0,#2a1024,#0d0a10 60%) fixed;height:auto;min-height:100%;overflow:auto}.bp-top{justify-content:space-between;align-items:center;width:min(96vw,80rem);margin:0 auto;padding:.9rem 0 .2rem;display:flex}.bp-logo{text-transform:uppercase;background:linear-gradient(180deg, #ffe45e, var(--orange) 45%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-style:italic;font-weight:900;text-decoration:none}.bp-logo img{width:auto;height:3.5rem;display:block}#board-root{width:min(96vw,80rem);margin:0 auto;padding-bottom:2rem}.bd-page .bd{width:100%;height:auto}.bd-page .bd-cols{flex:none;min-height:0}.bd-page .bd-col{overflow:visible}@media (width<=820px){.bd-page .bd-cols{overflow:visible}.bp-top{padding-top:.7rem}.bd-sub{font-size:.85rem}.bd-head{flex-direction:column;gap:.6rem}}.bd-page .bd{-webkit-user-select:text;user-select:text}.cfx{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cfx-cv{width:100%;height:100%;position:absolute;inset:0}.cfx-stage{left:50%;top:calc(16px + var(--upd-h,0px));width:min(620px,48vw);position:absolute;transform:translate(-50%)}.planehint{text-align:center;color:#fff;pointer-events:none;text-shadow:0 1px 4px #000c;max-width:90vw;padding:.5rem 1.2rem;font-size:1.05rem;font-weight:700;position:absolute;top:calc(13% + 5.5rem);left:50%;transform:translate(-50%)}#hud .zone,#hud .banner{transition:opacity .3s}#hud.cfx-on .zone,#hud.cfx-on .banner{opacity:0}.cfx-card{background:var(--ink-2);border:1px solid var(--line);border-left:.35rem solid var(--pink);opacity:0;border-radius:.55rem;padding:14px 20px 16px 22px;transition:opacity .3s ease-out,transform .45s cubic-bezier(.2,1.5,.4,1);position:relative;transform:translateY(-3rem)scale(.85);box-shadow:0 .6rem 2rem #0000008c,0 0 1.6rem #ff2e8840}.upd-strip{z-index:60;color:#1a1208;text-align:center;pointer-events:none;background:#f0b84af5;border-radius:0 0 .6rem .6rem;max-width:min(92vw,56rem);padding:.45rem 1rem .5rem;font-size:.95rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 .4rem 1.2rem #00000073}.upd-strip[data-phase=now]{color:#fff;background:#ff2e88f5;animation:.9s ease-in-out infinite alternate updPulse}@keyframes updPulse{0%{filter:brightness()}to{filter:brightness(1.25)}}.upd-box{align-items:center;gap:.8rem;display:flex}.upd-spin{border:.22rem solid #ffffff40;border-top-color:var(--lime);border-radius:50%;flex:none;width:1.2rem;height:1.2rem;animation:.9s linear infinite updSpin}@keyframes updSpin{to{transform:rotate(360deg)}}.cfx-card.other{transform-origin:top}.cfx-card.other.in{transform:translateY(0)scale(.82)}.cfx-card.other .cfx-ribbon{background:var(--ink-3,#2a2630);color:var(--lime)}.cfx-card.k-bug{border-left-color:var(--red)}.cfx-card.k-improvement{border-left-color:var(--orange)}.cfx-card.k-feature{border-left-color:var(--lime)}.cfx-card.in{opacity:1;transform:none}.cfx-top{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:clamp(12px,1.6vh,15px);font-weight:600;display:flex}.cfx-kind{color:var(--lime)}.cfx-card.k-bug .cfx-kind{color:#ff8b80}.cfx-card.k-improvement .cfx-kind{color:var(--orange)}.cfx-id{color:var(--dim);letter-spacing:.04em}.cfx-title{overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(26px,3.8vh,34px);font-weight:700;line-height:1.15}.cfx-sum{color:#fff8eed9;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(15px,2vh,18px);line-height:1.3}.cfx-row{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.6rem;display:flex}.cfx-ribbon{letter-spacing:.04em;color:#1a2204;background:var(--lime);clip-path:polygon(0 0,100% 0,calc(100% - .55rem) 50%,100% 100%,0 100%);opacity:0;padding:4px 26px 4px 16px;font-size:clamp(17px,2.5vh,22px);font-weight:600;transition:transform .35s cubic-bezier(.2,1.3,.4,1),opacity .2s;transform:translate(-2rem)}.cfx-card.ribbon .cfx-ribbon,.cfx-card.ev-voted.in .cfx-ribbon{opacity:1;transform:none}.cfx-likes{color:var(--lime);border:1.5px solid var(--lime);background:#c8ee1c1f;border-radius:.5rem;align-items:center;gap:8px;padding:3px 14px;font-size:clamp(18px,2.7vh,24px);display:flex}.cfx-likes svg{fill:currentColor;width:16px;height:16px}.cfx-likes b{font-variant-numeric:tabular-nums;font-weight:700}.cfx-likes.bump{background:var(--lime);color:#1a2204;animation:.6s cubic-bezier(.2,1.6,.4,1) cfxbump}.cfx-likes.bump:after{content:"+1";color:var(--lime);text-shadow:0 2px 6px #000c;margin-top:-3.2rem;font-size:1.6rem;font-style:italic;font-weight:900;animation:1.1s ease-out forwards cfxplus;position:absolute;right:.6rem}.cfx-likes{position:relative}@keyframes cfxbump{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes cfxplus{0%{opacity:0;transform:translateY(1rem)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-1.8rem)scale(1)}}.cfx-run{color:var(--gold);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(14px,1.9vh,17px)}.cfx-why{color:#fff8eee6;overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(15px,2vh,18px);font-style:italic;line-height:1.3}.cfx-stamp{letter-spacing:.08em;text-transform:uppercase;opacity:0;mix-blend-mode:normal;text-shadow:0 0 .6rem #00000059;border:.28rem solid;border-radius:.4rem;padding:0 16px;font-size:clamp(34px,5vh,46px);font-weight:900;position:absolute;top:50%;right:1rem;transform:translateY(-50%)rotate(-9deg)scale(3)}.cfx-stamp.parked{color:#ffb02e;background:#3c26048c;top:36%}.cfx-stamp.rejected{color:#ff3b30;background:#32060499;border-width:5px;margin-right:-130px;font-size:clamp(44px,7.2vh,66px);right:50%}.cfx-card.stamped .cfx-stamp{animation:.28s cubic-bezier(.5,0,.8,.4) forwards cfxstamp}@keyframes cfxstamp{0%{opacity:0;transform:translateY(-50%)rotate(-9deg)scale(3.2)}70%{opacity:1;transform:translateY(-50%)rotate(-9deg)scale(.92)}to{opacity:1;transform:translateY(-50%)rotate(-9deg)scale(1)}}.cfx-card.ev-parked{border-left-color:#ffb02e}.cfx-card.ev-rejected{border-left-color:var(--red);box-shadow:0 .6rem 2rem #0000008c,0 0 1.6rem #ff3b304d}.cfx-card.grey>:not(.cfx-stamp){filter:grayscale()brightness(.7);opacity:.7;transition:filter .5s,opacity .5s}.cfx-card.grey{border-left-color:#777;box-shadow:0 .6rem 2rem #0000008c}.cfx-card.fly{opacity:0;transition:opacity .55s ease-in,transform .6s cubic-bezier(.6,0,.9,.5);transform:translateY(-14vh)scale(.2)}.cfx-card.slide{opacity:0;transition:opacity .6s ease-in,transform .65s ease-in;transform:translate(60vw)rotate(8deg)}.cfx-card.half{opacity:1;margin:0;transition:none;position:absolute;transform:none}.cfx-card.half-l{transform-origin:0 100%;animation:1.1s cubic-bezier(.5,0,.9,.6) forwards cfxfl}.cfx-card.half-r{transform-origin:100% 100%;animation:1.15s cubic-bezier(.5,0,.9,.6) forwards cfxfr}@keyframes cfxfl{0%{transform:none}20%{transform:translate(-.6rem,-.6rem)rotate(-6deg)}to{opacity:.8;transform:translate(-14rem,75vh)rotate(-48deg)}}@keyframes cfxfr{0%{transform:none}20%{transform:translate(.6rem,-1rem)rotate(7deg)}to{opacity:.8;transform:translate(14rem,80vh)rotate(55deg)}}.cfx-vig{opacity:0;-webkit-backdrop-filter:grayscale()contrast(1.1);position:absolute;inset:0;box-shadow:inset 0 0 12rem 2rem #7800008c;-webkit-mask-image:radial-gradient(#0000 35%,#000 95%);mask-image:radial-gradient(#0000 35%,#000 95%)}.cfx-vig.on{animation:2.4s ease-out forwards cfxvig}@keyframes cfxvig{0%{opacity:0}12%{opacity:1}70%{opacity:.9}to{opacity:0}}.cfx-hint{color:var(--text);background:var(--ink-2);border:1px solid var(--line);opacity:0;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .8rem;font-size:.9rem;display:flex;position:absolute;top:7%;left:50%;transform:translate(-50%)}.cfx-hint.show{animation:2.2s ease-out forwards cfxhint}@keyframes cfxhint{0%{opacity:0;transform:translate(-50%)translateY(.8rem)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.cfx.frozen *,.cfx.frozen :before,.cfx.frozen :after{animation-play-state:paused!important}#hud.cfx-shake{animation:.42s linear cfxshake}@keyframes cfxshake{0%,to{transform:none}10%{transform:translate(-10px,6px)rotate(-.4deg)}25%{transform:translate(9px,-7px)rotate(.35deg)}40%{transform:translate(-7px,-5px)}55%{transform:translate(6px,5px)rotate(-.2deg)}75%{transform:translate(-3px,2px)}}@media (prefers-reduced-motion:reduce){#hud.cfx-shake{animation:none}}.cfx-card.half .cfx-stamp{opacity:1;transform:translateY(-50%)rotate(-9deg);animation:none!important}.cfx-toast{text-align:center;max-width:min(560px,44vw);color:var(--text);opacity:0;overflow-wrap:anywhere;background:#c4165fe6;border:1px solid #ffffff40;border-radius:999px;padding:7px 18px;font-size:clamp(14px,1.9vh,17px);font-weight:500;position:absolute;top:min(30vh,290px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000073}.cfx-toast.show{animation:4s ease-out forwards cfxtoast}@keyframes cfxtoast{0%{opacity:0;transform:translate(-50%)translateY(-10px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.screen[data-name=lobby]{gap:1.1rem}.live-wrap{flex-direction:column;align-items:center;gap:.55rem;width:min(46rem,94vw);display:flex}.live-panel{border-left:.4rem solid var(--vest,#ff8a1f);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1.6rem;width:100%;padding:.9rem 1.3rem 1rem;display:flex}.live-main{min-width:0}.live-head{align-items:center;gap:.7rem;display:flex}.live-head h3{letter-spacing:.02em;margin:0;font-size:1.55rem;font-weight:700}.live-tag{background:var(--red,#ff4a3d);color:#fff;letter-spacing:.18em;border-radius:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;animation:1.6s ease-in-out infinite livepulse}@keyframes livepulse{50%{opacity:.55}}.live-stats{color:var(--dim);flex-wrap:wrap;gap:.2rem 1.1rem;margin-top:.4rem;font-size:1rem;display:flex}.live-stats b{color:var(--lime);font-size:1.15rem;font-weight:700}.live-hp{color:var(--text);margin:.45rem 0 0;font-size:1rem}.live-join{white-space:nowrap;flex:none;padding:.7rem 2.2rem;font-size:1.6rem}.live-join:disabled{filter:grayscale(.6)brightness(.8);cursor:default;transform:none}.or-wait{color:var(--dim);letter-spacing:.04em;font-size:1.05rem}.live-note{border-left:.3rem solid var(--red,#ff4a3d);margin:0;padding:.4rem 1.1rem;font-size:1.05rem}.toast.joined{border-left-color:var(--pink)}@media (width<=700px){.live-panel{flex-direction:column;align-items:stretch}.live-join{width:100%}}.btn.lime{background:linear-gradient(180deg, #e2ff5a, var(--lime));color:#141a02;box-shadow:0 3px #7d9a0a,0 6px 14px #c8ee1c47}.btn.lime:active{box-shadow:0 1px #7d9a0a,0 3px 8px #c8ee1c40}.hero{text-align:center;border-left:.35rem solid var(--pink);background:linear-gradient(135deg,#ff2e883d,#0d0a10db 62%);flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:31rem;padding:.85rem 1.2rem 1rem;display:flex}.hero-h{text-shadow:0 2px #00000080;margin:0;font-size:1.65rem;font-weight:700;line-height:1.1}.hero-h em{color:var(--lime);text-transform:uppercase;font-style:italic;font-weight:900}.hero-how{color:var(--text);max-width:26rem;margin:0;font-size:1rem;line-height:1.3}.hero-stats{color:var(--gold);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0;font-size:.92rem;font-weight:500}.hero .btn{margin-top:.3rem}.menu-main{gap:.9rem}.menu-main .name-row{margin-top:.1rem}.chat-nudge{color:#141a02;background:linear-gradient(90deg, var(--lime), #a8d014);pointer-events:auto;border-radius:.35rem;align-self:flex-start;padding:.22rem .7rem .26rem;font-size:.9rem;font-weight:500;box-shadow:0 2px 6px #00000073}.chat.docked .chat-form{pointer-events:auto}.chat.docked:not(.open) .chat-input{cursor:text;border-color:#c8ee1c99;box-shadow:0 0 0 3px #c8ee1c1a}.chat.docked:not(.open) .chat-input::placeholder{color:#fff8ee9e}#hud[data-screen=lobby] .chat{width:min(30rem,42vw)}#hud[data-screen=lobby] .chat.open{width:min(35rem,100vw - 3.2rem)}.ideabox{border-left:.35rem solid var(--lime);text-align:left;flex-direction:column;gap:.45rem;width:min(31rem,92vw);margin-top:1.4rem;padding:.8rem 1.1rem .9rem;display:flex}.ideabox-q{color:var(--text);font-size:1.25rem;font-weight:600}.ideabox-row{align-items:stretch;gap:.6rem;display:flex}.ideabox-row input{min-width:0;font-family:var(--font);color:var(--text);-webkit-user-select:text;user-select:text;background:#0a080ed9;border:2px solid #fff3;border-radius:.45rem;outline:none;flex:1;padding:.35rem .7rem;font-size:1.05rem}.ideabox-row input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c8ee1c33}.ideabox-row input::placeholder{color:#fff8ee6b}.ideabox-row .btn{padding:.3rem 1.3rem}.ideabox-done{color:var(--lime);text-align:center;margin:0;font-size:1.2rem;font-weight:600}.ideabox-done.bad{color:var(--orange)}.ideabox:has(.ideabox-row.hidden){border-left-color:var(--bts)}.toast.nudge{border-left-color:var(--pink);text-align:center;max-width:min(48rem,92vw)}.bd-stats{color:var(--gold);font-variant-numeric:tabular-nums;margin:.35rem 0 0;font-size:1rem;font-weight:500}@media (height<=760px){.hero{gap:.25rem;padding:.65rem 1rem .75rem}.hero-h{font-size:1.45rem}.ideabox{margin-top:.9rem}.dead-title{font-size:5.2rem}}.bd-hlead{align-items:center;gap:.55rem;display:inline-flex}.bd-work{align-items:center;gap:.22rem;display:inline-flex}.bd-work.hidden{display:none}.bd-work span{background:var(--lime);opacity:.25;border-radius:50%;width:.38rem;height:.38rem;animation:1.2s ease-in-out infinite bdwork}.bd-work span:nth-child(2){animation-delay:.2s}.bd-work span:nth-child(3){animation-delay:.4s}@keyframes bdwork{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-.18rem)}}.bc-pipe{margin-top:.5rem}.bc-steps{gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.bc-step{letter-spacing:-.01em;min-width:0;color:var(--dim);opacity:.55;flex-direction:column;flex:1 1 0;gap:.25rem;font-size:.62rem;line-height:1.15;display:flex}.bc-tick{color:#10190a;background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;height:.8rem;font-size:.58rem;font-weight:700;line-height:1;display:flex;position:relative}.bc-sname{overflow-wrap:normal}.bc-step.done{opacity:1;color:#fff8eecc}.bc-step.done .bc-tick{background:var(--bts)}.bc-step.done .bc-tick:before{content:"✓"}.bc-step.now{opacity:1;color:var(--lime);font-weight:600}.bc-step.now .bc-tick{background:var(--lime);animation:1.6s ease-in-out infinite bdstep}@keyframes bdstep{0%,to{opacity:1;box-shadow:0 0 #c8ee1c80}50%{opacity:.55;box-shadow:0 0 .5rem #c8ee1c73}}.bc-pnote{color:var(--gold);margin:.35rem 0 0;font-size:.78rem}.bc-fail{color:#fff8ee8c;margin:.3rem 0 0;font-size:.76rem;font-style:italic}@media (prefers-reduced-motion:reduce){.bd-work span,.bc-step.now .bc-tick{opacity:1;animation:none}}:root{--water:#3fb6ff;--water-d:#1f8fe0;--water-l:#bfe8ff;--marigold:#ffb200;--orchid:#ff6fb0;--air:#74c043;--sky:#7fd4ff;--fresh:#b8f27a;--dropmask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cpath d='M10 1C10 1 2 11 2 17a8 8 0 0 0 16 0C18 11 10 1 10 1z'/%3E%3C/svg%3E")}#hud{--mc:var(--pink)}#hud[data-mode=songkran]{--mc:var(--water)}#hud[data-mode=cleanair]{--mc:var(--air)}.mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%;display:grid}.mode-tile.soon{cursor:not-allowed;background:#1410188c;border-color:#ffffff12;position:relative}.mode-tile.soon>:not(.mt-soon){opacity:.42;filter:grayscale(.85)}.mode-tile.soon .mt-soon{letter-spacing:.1em;text-transform:uppercase;color:#1a0d00;background:var(--vest,#ff8a1f);filter:none;white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:800;display:block;position:absolute;top:-.55rem;right:-.4rem;box-shadow:0 2px 6px #00000080}.mode-pill.soon{opacity:.4;cursor:not-allowed}.mode-tile{--mc:var(--pink);--mc-a:#ff2e8842;--mc-b:#ff2e8852;--mc-c:#ff2e8899;text-align:left;font-family:var(--font);color:var(--text);background:var(--ink);border:2px solid var(--line);cursor:pointer;border-radius:.6rem;grid-template-columns:2.5rem minmax(0,1fr);grid-template-areas:"ico name""short short";align-items:center;gap:.32rem .55rem;padding:.5rem .6rem .6rem;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s;display:grid}.mode-tile.m-songkran{--mc:var(--water);--mc-a:#3fb6ff42;--mc-b:#3fb6ff52;--mc-c:#3fb6ff99}.mode-tile.m-cleanair{--mc:var(--air);--mc-a:#74c04342;--mc-b:#74c04352;--mc-c:#74c04399}.mode-tile:hover{border-color:var(--mc-c);transform:translateY(-1px)}.mode-tile:active{transform:translateY(1px)}.mode-tile:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.mode-tile.on{border-color:var(--mc);background:linear-gradient(160deg, var(--mc-a), var(--ink-2) 72%);box-shadow:0 0 0 1px var(--mc), 0 6px 18px var(--mc-b)}.mt-ico{filter:drop-shadow(0 2px 2px #00000080);grid-area:ico;width:2.5rem;height:2.5rem}.mt-ico svg{width:100%;height:100%;display:block}.mt-name{grid-area:name;font-size:1.02rem;font-weight:700;line-height:1.08}.mt-short{color:var(--dim);grid-area:short;font-size:.8rem;line-height:1.24}.mode-tile.on .mt-short{color:#fff8eedb}.mode-tile.on .mt-name{color:#fff}.mode-box{flex-direction:column;gap:.4rem;display:flex}.mode-name{text-transform:uppercase;color:var(--mc);text-shadow:0 2px #0000008c;font-size:1.55rem;font-style:italic;font-weight:800;line-height:1}.mode-pills{flex-wrap:wrap;gap:.35rem;display:flex}.mode-pill{--mc:var(--pink);font-family:var(--font);color:var(--dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:.2rem .8rem;font-size:.82rem;font-weight:600;transition:background .1s,color .1s,border-color .1s}.mode-pill.m-songkran{--mc:var(--water)}.mode-pill.m-cleanair{--mc:var(--air)}.mode-pill:hover:not(.on){color:var(--text);border-color:var(--mc)}.mode-pill.on{color:#0d0a10;background:var(--mc);border-color:var(--mc);cursor:default}.mode-pill:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.mode-desc{color:var(--dim);margin:0;font-size:.9rem;line-height:1.25}#hud[data-mode=songkran] #ringGrad stop:first-child{stop-color:#bfe8ff}#hud[data-mode=songkran] #ringGrad stop:nth-child(2){stop-color:#3fb6ff}#hud[data-mode=songkran] .ring-num b{color:var(--water-l)}#hud[data-mode=cleanair] #ringGrad stop:first-child{stop-color:#d6ff4d}#hud[data-mode=cleanair] #ringGrad stop:nth-child(2){stop-color:#74c043}#hud[data-mode=cleanair] .ring-num b{color:var(--fresh)}#hud[data-mode=songkran] .tip{border-left-color:var(--water)}#hud[data-mode=cleanair] .tip{border-left-color:var(--air)}.dry{border-top:.25rem solid var(--water);gap:.3rem;width:21rem;padding:.5rem .9rem .7rem;transition:border-color .2s;display:none;position:absolute;bottom:1.5rem;left:1.6rem}#hud[data-mode=songkran] .dry{display:grid}#hud[data-mode=songkran] .vitals,#hud[data-mode=songkran] .heals,#hud[data-mode=songkran] .zone,#hud[data-mode=cleanair] .weapons,#hud[data-mode=cleanair] .crosshair{display:none}#hud[data-mode=songkran] .wslots{grid-template-columns:1fr 1fr}#hud[data-mode=songkran] .wslot:nth-child(3){display:none}#hud[data-mode=songkran] .wslot.cur{border-color:var(--water);box-shadow:0 0 0 1px var(--water), 0 4px 14px #3fb6ff59;background:linear-gradient(#1f8fe0e0,#0a4280d6)}.dry-top{justify-content:space-between;align-items:baseline;display:flex}.dry .lbl{letter-spacing:.16em;color:var(--water-l);font-size:.78rem;font-weight:600}.dry .num{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1}.dry-drops{filter:drop-shadow(0 1px 1px #000000b3);justify-content:space-between;display:flex}.dd{--f:1;background:linear-gradient(to top, #1f8fe0, #7ddcff calc(var(--f) * 100%), #ffffff29 calc(var(--f) * 100%));width:1.55rem;height:1.9rem;-webkit-mask:var(--dropmask) center / contain no-repeat;-webkit-mask:var(--dropmask) center / contain no-repeat;mask:var(--dropmask) center / contain no-repeat}.dry-bar{height:.45rem}.dry-bar i{background:linear-gradient(180deg, #a9e6ff, var(--water) 55%, var(--water-d))}.dry.low{border-top-color:var(--orchid);animation:.9s ease-in-out infinite alternate warn}.dry.low .dd{background:linear-gradient(to top, #d4166f, #ff7ab8 calc(var(--f) * 100%), #ffffff29 calc(var(--f) * 100%))}.dry.low .dry-bar i{background:linear-gradient(180deg, #ff9ac6, var(--pink))}.dry.low .num{color:#ff9ac6}.wetveil{pointer-events:none;opacity:0;transition:opacity .35s;display:none;position:absolute;inset:0;box-shadow:inset 0 0 9rem 2rem #1f8fe08c,inset 0 0 3rem #8fdcff66}#hud[data-mode=songkran] .wetveil{display:block}#hud[data-mode=songkran] .count.alive b{color:var(--water-l)}#hud[data-mode=songkran] .count.kills b{color:var(--orchid)}#hud[data-mode=cleanair] .count.kills b{color:var(--fresh)}#hud[data-mode=songkran] .dmg path{stroke:var(--water);filter:drop-shadow(0 0 6px #3fb6ffe6)}#hud[data-mode=songkran] .hm.head path,#hud[data-mode=songkran] .hm.kill path{stroke:var(--water-l)}.kf .w.drop{color:var(--water-l)}.kf .w.drop svg{fill:var(--water)}.modebar{text-align:center;border-top:.25rem solid var(--mc);min-width:11rem;padding:.1rem 1.4rem .3rem;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.mb-t{font-variant-numeric:tabular-nums;font-size:2.3rem;font-style:italic;font-weight:800;line-height:1.05}.mb-l{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:.68rem;font-weight:600}.modebar.low{border-top-color:var(--red);background:#5a0e0ac7}.modebar.low .mb-t{color:#ffb3a8;animation:.8s ease-in-out infinite alternate lowpulse}#hud[data-mode=cleanair] .zone{top:5.5rem}.herepill{white-space:nowrap;border-left:.3rem solid var(--lime);background:#1e340cd1;padding:.3rem 1.1rem .35rem;font-size:1.05rem;font-weight:600;position:absolute;top:9.9rem;left:50%;transform:translate(-50%)}.lb{border-left:.3rem solid var(--water);width:14.5rem;padding:.5rem .75rem .6rem;position:absolute;top:1.9rem;left:1.4rem}.lb h4{letter-spacing:.2em;text-transform:uppercase;color:var(--water-l);margin:0 0 .35rem;font-size:.74rem;font-weight:600}.lb ol{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.lb li{border-radius:.25rem;grid-template-columns:1.3rem minmax(0,1fr) auto;align-items:baseline;gap:.4rem;margin:0 -.3rem;padding:0 .3rem;font-size:.97rem;display:grid}.lb .r{color:var(--dim);font-variant-numeric:tabular-nums;font-weight:600}.lb .n{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb .s{color:var(--water-l);font-variant-numeric:tabular-nums;font-weight:700}.lb li.first .r{color:var(--marigold)}.lb li.me{background:#ff2e8852}.lb li.gap{margin-top:.3rem}.dpanel{border-left:.3rem solid var(--air);width:19.5rem;padding:.5rem .7rem .6rem;position:absolute;top:1.9rem;left:1.4rem}.dpanel h4{letter-spacing:.2em;text-transform:uppercase;color:var(--fresh);justify-content:space-between;align-items:baseline;margin:0 0 .4rem;font-size:.74rem;font-weight:600;display:flex}.dpanel h4 b{color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.95rem}.drows{gap:.2rem;display:grid}.dr{border-left:.2rem solid #0000;border-radius:.3rem;grid-template-columns:.8rem minmax(0,1fr) 3.6rem 2.5rem;align-items:center;gap:.45rem;padding:.06rem .3rem;font-size:.9rem;line-height:1.2;display:grid}.dt{background:#78728659;border:2px solid #8c8798;border-radius:50%;width:.7rem;height:.7rem}.dn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dbar{background:#ffffff24;border-radius:.2rem;height:.5rem;position:relative;overflow:hidden;transform:skew(-14deg)}.dbar i{background:linear-gradient(#9af0b8,#3ddc84 60%,#1f9a55);width:0;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.dp{color:#fff;justify-content:flex-end;align-items:center;gap:.2rem;font-size:.86rem;display:flex}.dp svg{fill:currentColor;width:.85rem;height:.85rem}.dp b{text-align:right;font-variant-numeric:tabular-nums;min-width:.8rem;font-weight:700}.dp.zero{color:#ffffff57}.dr.done .dt{background:var(--air);border-color:#fff;position:relative}.dr.done .dt:after{content:"";border:.12rem solid #fff;border-width:0 .12rem .12rem 0;width:.2rem;height:.38rem;position:absolute;top:0;left:.14rem;transform:rotate(42deg)}.dr.done .dn{color:var(--fresh)}.dr.done .dbar i{background:linear-gradient(180deg, #d6ff4d, var(--lime) 60%, #8fb80d)}.dr.here{border-left-color:var(--lime);background:#c8ee1c24}.flash{text-align:center;text-wrap:balance;text-transform:uppercase;letter-spacing:.02em;color:#fff;pointer-events:none;text-shadow:0 .18rem #000000b3,0 0 1.6rem #3ddc84d9,0 2px 12px #000c;padding:0 2rem;font-size:2.7rem;font-style:italic;font-weight:900;animation:3.4s forwards flashpop;position:absolute;top:24%;left:0;right:0}.flash.water{text-shadow:0 .18rem #000000b3,0 0 1.6rem #3fb6ffe6,0 2px 12px #000c}@keyframes flashpop{0%{opacity:0;transform:scale(1.5)}8%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-1.2rem)}}.hold .flash{opacity:1;animation:none}.screen[data-name=respawn]{overflow:hidden}.screen[data-name=respawn][data-variant=songkran]{background:radial-gradient(at 50% 45%,#146ec81f,#08388099 82%);box-shadow:inset 0 0 14rem 3rem #3fb6ff73}.screen[data-name=respawn][data-variant=cleanair]{background:radial-gradient(at 50% 45%,#462c121f,#543410a8 82%);box-shadow:inset 0 0 14rem 3rem #965a1e80}.rs-card{text-align:center;padding:0 2rem}.rs-title{text-transform:uppercase;color:#0000;background:linear-gradient(180deg, #fff 0%, var(--water-l) 38%, var(--water) 82%);filter:drop-shadow(0 .3rem #06304f)drop-shadow(0 0 1.6rem #3fb6ff99);-webkit-text-stroke:.08rem #06304f8c;-webkit-background-clip:text;background-clip:text;margin:0;font-size:7rem;font-style:italic;font-weight:900;line-height:1}.screen[data-variant=cleanair] .rs-title{background:linear-gradient(#fff1d6,#f0b84a 55%,#c8761a);filter:drop-shadow(0 .3rem #3a2208)drop-shadow(0 0 1.6rem #c8822899);-webkit-text-stroke-color:#3a220880;-webkit-background-clip:text;background-clip:text;font-size:5rem}.rs-by{text-shadow:0 2px 6px #000000b3;margin:.5rem 0 0;font-size:2rem;font-weight:500}.rs-by b{color:var(--marigold);font-weight:700}.rs-count{text-shadow:0 2px 6px #000000b3;margin:1.1rem 0 0;font-size:2.1rem;font-weight:600}.rs-num{min-width:2.6rem;color:var(--lime);vertical-align:-.45rem;text-shadow:0 .2rem #0009;margin-left:.5rem;font-size:5rem;font-style:italic;font-weight:900;line-height:1;display:inline-block}.drip{top:-3rem;left:calc(4% + var(--i) * 11.5%);background:linear-gradient(180deg, var(--water-l), var(--water));width:1.1rem;height:1.45rem;-webkit-mask:var(--dropmask) center / contain no-repeat;-webkit-mask:var(--dropmask) center / contain no-repeat;mask:var(--dropmask) center / contain no-repeat;opacity:0;animation:2.6s ease-in infinite drip;animation-delay:calc(var(--i) * -.41s);position:absolute}.drip:nth-child(odd){width:1.5rem;height:1.95rem;animation-duration:3.2s}@keyframes drip{0%{opacity:0;transform:translateY(0)}8%{opacity:.9}to{opacity:.9;transform:translateY(105vh)}}@media (prefers-reduced-motion:reduce){.drip{animation:none}}.end-title.win.water{background:linear-gradient(180deg, #fff, var(--water-l) 35%, var(--water) 78%);filter:drop-shadow(0 .25rem #06304f)drop-shadow(0 0 1.4rem #3fb6ff80);-webkit-background-clip:text;background-clip:text;font-size:5.6rem}.end-title.lose.water{color:var(--water-l);text-shadow:0 .25rem #06304f}.end-title.win.air{background:linear-gradient(180deg, #f2ffd9, var(--fresh) 40%, var(--air));filter:drop-shadow(0 .25rem #14340a)drop-shadow(0 0 1.4rem #74c04380);-webkit-background-clip:text;background-clip:text;font-size:5.6rem}.end-title.lose.smog{color:#e0b070;text-shadow:0 .25rem #3a2a08,0 0 2rem #965a1e80;font-size:4.8rem}.end-sub{color:var(--dim);margin:.3rem 0 0;font-size:1.3rem}.screen[data-name=end][data-variant=songkran]{background:radial-gradient(at 50% 40%,#0c468280,#080a14e6 75%)}.screen[data-name=end][data-variant=cleanair]{background:radial-gradient(at 50% 40%,#184e2880,#080c0ae6 75%)}.screen[data-name=end][data-variant=songkran] .end-winner b,.screen[data-name=end][data-variant=songkran] .standings tr.first td:first-child{color:var(--marigold)}.screen[data-name=end][data-variant=songkran] .standings tr.me td{background:#3fb6ff3d}.screen[data-name=end][data-variant=cleanair] .standings tr.me td{background:#74c04342}@media (height<=760px){.rs-title{font-size:5.6rem}}@media (width<=640px){.mode-tiles{grid-template-columns:1fr}}.vstam{background:#ffffff24;border-radius:.15rem;height:.28rem;position:absolute;top:-.55rem;left:.9rem;right:.9rem;overflow:hidden;box-shadow:0 1px 4px #00000080}.vstam i{background:linear-gradient(90deg,#7fe6ff,#35b8ff);width:100%;position:absolute;inset:0 auto 0 0}.vstam.low i{background:linear-gradient(90deg, #ffb15c, var(--orange))}.boosttimer{border-color:#ffb020b3;align-items:center;gap:.4rem;padding:.3rem .7rem .4rem .55rem;display:flex;position:absolute;bottom:calc(100% + .55rem);left:0;overflow:hidden;box-shadow:0 0 14px #ff961459,0 2px 10px #00000059}.boosttimer .bottle{fill:#d68a14;stroke:#ffd36b;stroke-width:.9px;width:.95rem;height:1.4rem}.boosttimer .bottle .lb{fill:#fff3cf;stroke:none}.boosttimer b{color:#ffc233;font-variant-numeric:tabular-nums;text-align:right;min-width:1.5rem;font-size:1.5rem;font-weight:800;line-height:1}.boosttimer span{color:var(--dim);margin-left:-.2rem;font-size:.8rem}.boosttimer .bt-bar{background:#ffffff1a;height:.22rem;position:absolute;bottom:0;left:0;right:0}.boosttimer .bt-bar i{background:linear-gradient(90deg,#ff9a1f,#ffd24d);width:100%;position:absolute;inset:0 auto 0 0}.boosttimer.ending b{color:var(--red);animation:.5s ease-in-out infinite alternate lowpulse}.heal[data-item=drink]{border-bottom:.25rem solid #ffc233;position:absolute;bottom:calc(100% + .55rem);right:0}.plist{z-index:25;pointer-events:none;border-top:.25rem solid var(--bts);background:#0d0a10db;width:max-content;min-width:17rem;max-width:calc(100vw - 31rem);max-height:calc(50vh - 6.4rem);padding:.5rem .8rem .6rem;position:absolute;top:5.4rem;left:50%;overflow:hidden;transform:translate(-50%)}.plist.hidden{display:none}.plist.docked{background:#0d0a1099;border-top-width:.18rem;min-width:12rem;max-width:17rem;max-height:calc(100vh - 22rem);padding:.35rem .6rem .45rem;top:2.1rem;left:.8rem;transform:none}.plist.docked .pl-head{margin-bottom:.2rem;font-size:.62rem}.plist.docked .pl-alive{font-size:.72rem}.plist.docked .pl-alive b{font-size:.85rem}.plist.docked .pl-grid{grid-auto-flow:row;grid-template-rows:none!important;grid-template-columns:1fr!important}.plist.docked .pl-row{grid-template-columns:minmax(5.5rem,1fr) auto auto;height:1.15rem;font-size:.8rem}.plist.docked .pl-k{min-width:1.8rem}@media (width<=1100px){.plist.docked{max-width:14rem}}.pl-head{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.35rem;font-size:.74rem;font-weight:600;display:flex}.pl-head>b{color:#fff}.pl-alive{letter-spacing:.04em;text-transform:none;font-size:.85rem;font-weight:500}.pl-alive b{color:var(--lime);font-variant-numeric:tabular-nums;font-size:1rem}.pl-grid{grid-auto-flow:column;column-gap:1.2rem;display:grid}.pl-row{border-radius:.25rem;grid-template-columns:minmax(7rem,1fr) auto auto;align-items:center;gap:.5rem;min-width:0;height:1.4rem;margin:0 -.35rem;padding:0 .35rem;font-size:.95rem;line-height:1;display:grid}.pl-n{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pl-n i{color:var(--pink);font-style:normal;font-weight:600}.pl-st{letter-spacing:.12em;text-transform:uppercase;color:#ffb3a8;font-size:.64rem;font-weight:700}.pl-k{font-variant-numeric:tabular-nums;min-width:2.3rem;color:var(--lime);justify-content:flex-end;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.pl-ic{width:.85rem;height:.85rem;display:inline-flex}.pl-ic svg{fill:currentColor;opacity:.8;width:100%;height:100%}.pl-row.me{background:#ff2e8857}.pl-row.out,.pl-row.out .pl-k{color:#fff8ee73}.pl-row.out .pl-n{-webkit-text-decoration:line-through #fff8ee4d;text-decoration:line-through #fff8ee4d}.pl-row.out.me{color:#fff8eeb3}.acct-plate{flex-direction:column;gap:.45rem;padding:.75rem 1.1rem .85rem;display:flex;border-left:.35rem solid var(--pink)!important}.acct-plate h3{letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin:0;font-size:.85rem;font-weight:600}.acct-plate.in{border-left-color:var(--lime)!important}.acct-who{margin:0;font-size:1rem;line-height:1.25}.acct-who b{color:var(--lime);font-weight:600}.acct-btns{flex-wrap:wrap;gap:.6rem;display:flex}.acct-btns .btn.sm{padding:.35rem 1.1rem;font-size:.85rem}.acct-wrap{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#08060cb8;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.acct{background:var(--ink-2);border-left:.35rem solid var(--pink);flex-direction:column;gap:.8rem;width:min(92vw,34rem);max-height:92vh;padding:1.1rem 1.3rem 1.2rem;animation:.22s cubic-bezier(.2,1.3,.4,1) acctIn;display:flex;position:relative;box-shadow:0 1rem 3rem #0009,0 0 2rem #ff2e882e}.acct-wrap[data-kind=stats] .acct{border-left-color:var(--lime);width:min(94vw,50rem);max-height:min(92vh,46rem);box-shadow:0 1rem 3rem #0009,0 0 2rem #c8ee1c1f}@keyframes acctIn{0%{opacity:0;transform:translateY(.8rem)scale(.97)}}.acct-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.acct-title{text-transform:uppercase;background:linear-gradient(180deg, #ffe45e, var(--orange) 45%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-right:.2rem;font-size:2.1rem;font-style:italic;font-weight:900;line-height:1}.acct-sub{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin:.35rem 0 0;font-size:.98rem;display:flex}.acct-sub b{color:var(--lime);font-weight:600}.acct-email{color:var(--dim);-webkit-user-select:text;user-select:text;font-size:.82rem}.acct-lead{margin:0;font-size:1.05rem;line-height:1.4}.acct-small{color:var(--dim);margin:0;font-size:.85rem;line-height:1.4}.acct-small b{color:var(--text);-webkit-user-select:text;user-select:text;font-weight:500}.acct-form{flex-direction:column;gap:.35rem;display:flex}.acct-lab{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.8rem}.acct-inrow{align-items:stretch;gap:.6rem;display:flex}.acct-input{min-width:0;font-family:var(--font);color:var(--text);-webkit-user-select:text;user-select:text;background:#0a080ed9;border:2px solid #fff3;border-radius:.5rem;outline:none;flex:1;padding:.4rem .75rem;font-size:1.15rem;font-weight:400}.acct-input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c8ee1c33}.acct-inrow .btn{white-space:nowrap}.acct .btn:disabled{filter:saturate(.4)brightness(.8);cursor:default}.acct-err{margin:.2rem 0 0}.acct-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.acct-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.acct-tile{border:1px solid var(--line);background:#ffffff0d;border-radius:.45rem;flex-direction:column;align-items:flex-start;min-width:0;padding:.5rem .7rem .45rem;display:flex}.acct-tile b{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.75rem;font-style:italic;font-weight:900;line-height:1.05;overflow:hidden}.acct-tile span{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:.72rem}.acct-tile.lime b{color:var(--lime)}.acct-tile.pink b{color:var(--pink)}.acct-tile.water b{color:#5fd4ff}.acct-tile.gold b{color:var(--gold)}.acct-body{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;flex:1;gap:.9rem;min-height:0;padding-right:.3rem;display:flex;overflow-y:auto}.acct-h{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:2px solid var(--line);margin:0 0 .45rem;padding-bottom:.3rem;font-size:.82rem;font-weight:600}.acct-modes{flex-direction:column;gap:.35rem;display:flex}.acct-mode{border-left:.25rem solid var(--pink);background:#ffffff0a;border-radius:.4rem;align-items:center;gap:.8rem;padding:.35rem .6rem;display:flex}.acct-mode.m-songkran{border-left-color:#5fd4ff}.acct-mode.m-cleanair{border-left-color:var(--lime)}.acct-mname{flex:0 0 9.5rem;font-size:1rem;font-weight:600}.acct-chips{color:var(--dim);flex-wrap:wrap;gap:.3rem .9rem;font-size:.9rem;display:flex}.acct-chip b{color:var(--text);font-weight:600}.acct-recent{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.acct-recent li{border-bottom:1px solid #ffffff0f;grid-template-columns:9rem 1fr 8rem 7rem;align-items:baseline;gap:.6rem;padding:.3rem .4rem;font-size:.95rem;display:grid}.acct-recent li:nth-child(odd){background:#ffffff06}.acct-recent .r-date{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.acct-recent .r-mode{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-recent .r-mode i{color:var(--orange);margin-left:.5rem;font-size:.72rem;font-style:normal}.acct-recent .r-res{color:var(--gold);white-space:nowrap;font-weight:600}.acct-recent .r-res.good{color:var(--lime)}.acct-recent .r-det{color:var(--dim);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.acct-empty{color:var(--dim);margin:0;padding:.4rem .2rem;font-size:.92rem;font-style:italic}.acct-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.acct-del{font-family:var(--font);color:var(--dim);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:.2rem 0;font-size:.82rem;text-decoration:underline}.acct-del:hover{color:#ffb3aa}.acct-confirm{background:#ff4a3d1a;border:1px solid #ff4a3d73;border-radius:.45rem;flex-direction:column;flex:1;gap:.5rem;padding:.6rem .8rem;display:flex}.acct-confirm p{margin:0;font-size:.95rem;line-height:1.35}.btn.danger{background:linear-gradient(180deg, #ff7a6e, var(--red));color:#1f0503;box-shadow:0 3px #8f1d14,0 6px 14px #ff4a3d4d}.acct-toast{z-index:46;border-left:.3rem solid var(--lime);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:90vw;padding:.45rem 1.2rem;font-size:1.05rem;font-weight:500;position:absolute;top:1.2rem;left:50%;overflow:hidden;transform:translate(-50%)}.acct-toast.show{animation:4.2s forwards acctToast}@keyframes acctToast{0%{opacity:0;transform:translate(-50%,-.6rem)}6%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.hold .acct-toast.show{opacity:1;animation:none}@media (width<=900px){.acct-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.acct-recent li{grid-template-columns:1fr auto}.acct-recent .r-mode,.acct-recent .r-det{display:none}.acct-mname{flex-basis:7rem}}.acct-wrap[data-kind=settings] .acct{border-left-color:var(--gold);outline:none;width:min(94vw,37rem);max-height:min(94vh,46rem);box-shadow:0 1rem 3rem #0009,0 0 2rem #f0b84a24}.set-body{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;flex:1;gap:1.1rem;min-height:0;padding-right:.3rem;display:flex;overflow-y:auto}.set-sec{flex-direction:column;gap:.6rem;display:flex}.set-sec .acct-h{margin-bottom:.05rem}.set-row{grid-template-columns:10.5rem minmax(0,1fr) 3.4rem;align-items:center;gap:.9rem;min-height:1.6rem;display:grid}.set-row-seg{grid-template-columns:10.5rem auto;justify-content:start}.set-lab{color:var(--text);font-size:1rem}.set-val{text-align:right;color:var(--lime);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.set-range{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:1.5rem;margin:0}.set-range:focus{outline:none}.set-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--pink), var(--lime)) 0 0 / var(--p) 100% no-repeat, #ffffff24;border-radius:.21rem;height:.42rem}.set-range::-webkit-slider-thumb{appearance:none;background:#fff8ee;border-radius:50%;width:1.15rem;height:1.15rem;margin-top:-.365rem;transition:box-shadow .12s;box-shadow:0 0 0 3px #c8ee1c4d,0 2px 6px #0000008c}.set-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #c8ee1c73,0 2px 6px #0000008c}.set-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #c8ee1c73,0 2px 6px #0000008c}.set-range::-moz-range-track{background:#ffffff24;border-radius:.21rem;height:.42rem}.set-range::-moz-range-progress{background:linear-gradient(90deg, var(--pink), var(--lime));border-radius:.21rem;height:.42rem}.set-range::-moz-range-thumb{background:#fff8ee;border:0;border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:0 0 0 3px #c8ee1c4d,0 2px 6px #0000008c}.set-check{cursor:pointer;align-items:center;gap:.65rem;width:fit-content;font-size:.98rem;display:flex}.set-check input{width:1.1rem;height:1.1rem;accent-color:var(--lime);cursor:pointer;margin:0}.set-seg{border:1px solid var(--line);border-radius:.45rem;justify-self:start;display:inline-flex;overflow:hidden}.set-seg button{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:#ffffff0d;border:0;padding:.32rem 1.3rem;font-size:.88rem;font-weight:600}.set-seg button+button{border-left:1px solid var(--line)}.set-seg button:hover{color:var(--text);background:#ffffff1a}.set-seg button.on{background:linear-gradient(180deg, #e2ff5a, var(--lime));color:#141a02}.set-note{color:var(--dim);margin:-.15rem 0 0;font-size:.84rem;line-height:1.4}.set-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.set-foot .key{min-width:1.2rem;font-size:.7rem;line-height:1.1rem}.menu-btns{flex-wrap:wrap;gap:.7rem;display:flex}.pause-set{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0a10c7;border-radius:.5rem;align-items:center;gap:.55rem;padding:.35rem .55rem .35rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex;position:absolute;top:calc(13% + 5.4rem);left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}.pause-set:hover{background:#281e2eeb}.pause-set .key{min-width:1.2rem;font-size:.7rem;line-height:1.15rem}@media (width<=640px){.set-row{grid-template-columns:1fr 3rem;gap:.3rem .7rem}.set-row .set-lab{grid-column:1/-1}.set-row-seg{grid-template-columns:1fr}.set-foot{flex-direction:column;align-items:stretch}}@media (hover:none) and (pointer:coarse){.set-foot .acct-small{display:none}}.end-sub{justify-content:center;gap:.6rem;margin-top:.7rem}:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}.chat-send,.chat-x,.tc,.tc-rotate{display:none}html.touch-on,html.touch-on body{touch-action:manipulation;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-on #game{touch-action:none}.tc.on{z-index:20;pointer-events:none;display:block;position:absolute;inset:0}.tc-zone{pointer-events:none;touch-action:none;position:absolute;inset:0}.tc.look .tc-zone{pointer-events:auto}.tc-btn{pointer-events:auto;touch-action:none;width:60px;height:60px;font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:#fff8eef2;-webkit-backdrop-filter:blur(3px);text-shadow:0 1px 2px #000c;-webkit-user-select:none;user-select:none;cursor:default;background:#0d0a105c;border:2px solid #ffffff5c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:10px;font-weight:600;line-height:1.05;display:flex;position:absolute;box-shadow:0 2px 10px #0000004d}.tc-btn svg{filter:drop-shadow(0 1px 1px #0009);flex:none;width:24px;height:24px}.tc-btn.on{border-color:var(--pink);background:#ff2e888c;transform:scale(.94)}.tc-l{white-space:nowrap;max-width:100%;display:block}.tc-fire{width:88px;height:88px;right:calc(var(--sr) + 92px);bottom:calc(var(--sb) + 62px);background:#ff2e884d;border-color:#ff8cbecc;font-size:11px}.tc-fire svg{width:36px;height:36px}.tc-jump{width:70px;height:70px;right:calc(var(--sr) + 12px);bottom:calc(var(--sb) + 18px)}.tc-jump svg{width:28px;height:28px}.tc-reload{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 104px)}.tc-heal{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 176px);color:#c9f7a6}.tc-aim{right:calc(var(--sr) + 196px);bottom:calc(var(--sb) + 30px)}.tc-aim.on{border-color:var(--lime);background:#c8ee1c6b;transform:none}.tc-use{width:66px;height:66px;right:calc(var(--sr) + 104px);bottom:calc(var(--sb) + 164px);border-color:var(--lime);background:#3c500a80}.tc-ride{width:66px;height:66px;right:calc(var(--sr) + 184px);bottom:calc(var(--sb) + 108px);border-color:var(--orange);background:#5a2d0580}.tc-horn{width:62px;height:62px;right:calc(var(--sr) + 16px);bottom:calc(var(--sb) + 100px);border-color:var(--gold)}.tc[data-sit=drive] .tc-ride{right:calc(var(--sr) + 104px);bottom:calc(var(--sb) + 80px)}.tc[data-sit=drive] .tc-use{bottom:calc(var(--sb) + 160px)}.tc[data-sit=plane] .tc-jump{width:96px;height:96px;right:calc(var(--sr) + 40px);bottom:calc(var(--sb) + 40px);border-color:var(--pink);background:#ff2e886b;font-size:13px}.tc[data-sit=plane] .tc-jump svg{width:40px;height:40px}.tc-next{width:76px;height:76px;right:calc(var(--sr) + 92px);bottom:calc(var(--sb) + 62px)}.tc-back{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 150px)}.tc-map,.tc-chat,.tc-board,.tc-settings{width:56px;height:56px;top:calc(var(--st) + .5rem);border-radius:14px}.tc-board{right:calc(var(--sr) + .6rem + 9rem + 8px)}.tc-chat{right:calc(var(--sr) + .6rem + 9rem + 70px)}.tc-map{right:calc(var(--sr) + .6rem + 9rem + 132px)}.tc-settings{right:calc(var(--sr) + .6rem + 9rem + 194px)}.tc:is([data-sit=dead],[data-sit=end]) :is(.tc-chat,.tc-voice){right:calc(var(--sr) + .6rem);top:calc(var(--st) + 14rem)}.tc:is([data-sit=dead],[data-sit=end]) .tc-voice{top:calc(var(--st) + 14rem + 62px)}.tc-stick{left:calc(var(--sl) + 96px);top:calc(100% - var(--sb) - 100px);pointer-events:none;opacity:.55;background:radial-gradient(circle,#0d0a101f 30%,#0d0a106b);border:2px solid #ffffff52;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute}.tc-stick.active{opacity:1;transition:none}.tc-stick.hidden{display:none}.tc-knob{background:#fff8ee80;border:2px solid #ffffffd9;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000073}.tc-stick.sprint{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a1f59}.tc-stick.sprint .tc-knob{background:#ff8a1fd9;border-color:#ffd2a6}.touch-on .keystrip,.touch-on .chat-hint,.touch-on .chat-keys,.touch-on .heal .key,.touch-on .heal .e,.touch-on .prompt .key,.touch-on .ammo .wn,.touch-on .ammo .atype{display:none}.touch-on .vitals,.touch-on .dry{left:50%;bottom:calc(var(--sb) + .3rem);gap:.25rem;width:18rem;padding:.35rem .7rem .45rem;transform:translate(-50%)}.touch-on .vrow{grid-template-columns:3.8rem 1fr 2.4rem;gap:.45rem}.touch-on .vrow .num{font-size:1.45rem}.touch-on .vrow.armor .num{font-size:1.05rem}.touch-on .weapons{left:50%;right:auto;bottom:calc(var(--sb) + 5.2rem);z-index:21;flex-direction:row;align-items:stretch;gap:.35rem;width:27rem;transform:translate(-50%)}.touch-on .wslots{flex:1;min-width:0}.touch-on .wslot{pointer-events:auto;touch-action:none;flex-direction:column;justify-content:center;min-height:52px;display:flex}.touch-on .wslot.cur{transform:none}.touch-on .wslot.on,.touch-on .heal.on,.touch-on .minimap.on{filter:brightness(1.4)}.touch-on .ammo{flex:0 0 7rem;justify-content:center;align-items:center;padding:.2rem .5rem .3rem}.touch-on .ammo .mag{font-size:2.3rem}.touch-on .ammo .res{font-size:1.1rem}.touch-on .ammo .rlt{margin:0;font-size:.75rem}.touch-on .ammo.reloading .mag,.touch-on .ammo.reloading .res,.touch-on .ammo.fists{display:none}.touch-on .game:has(>.bigmap:not(.hidden)) :is(.weapons,.heals,.minimap){z-index:auto}.touch-on .bd-close .key{display:none}.touch-on .heals{bottom:calc(var(--sb) + 5.2rem + 52px + .4rem);z-index:21;gap:.35rem}.touch-on .heal{pointer-events:auto;touch-action:none;grid-template-columns:1fr auto;column-gap:.4rem;width:auto;min-width:5.6rem;min-height:40px;padding:.2rem .5rem .3rem}.touch-on .heal .t{font-size:.78rem}.touch-on .heal .c{font-size:1.25rem}.touch-on .boosttimer{bottom:calc(100% + .4rem)}.touch-on .topright{right:calc(var(--sr) + .6rem);top:calc(var(--st) + .5rem);gap:.35rem;width:9rem}.touch-on .count b{font-size:1.5rem}.touch-on .count span{letter-spacing:.12em;font-size:.6rem}.touch-on .minimap{pointer-events:auto;touch-action:none;z-index:21;width:9rem;height:9rem}.touch-on .killfeed{width:15rem;margin-left:-6rem}.touch-on .kf{font-size:.8rem}.touch-on .zone{min-width:12rem;top:calc(var(--st) + .5rem);padding:.2rem .9rem .3rem}.touch-on .zone .z1{font-size:1rem}.touch-on .zone .z2{font-size:.78rem}.touch-on .zone{width:15rem;min-width:0;left:max(calc(var(--sl) + .5rem), min(calc(50% - 7.5rem), calc(100% - var(--sr) - 9.6rem - 256px - 15rem)));transform:none}.touch-on .prompt{padding:.3rem .8rem;font-size:1.05rem;top:23%}.touch-on .toasts{top:31%;bottom:auto}.touch-on .speedo{bottom:auto;top:calc(var(--st) + 4.4rem);width:9rem}.touch-on .speedo .sn b{font-size:2.2rem}.touch-on .stats{left:calc(var(--sl) + .5rem);top:calc(var(--st) + .2rem)}.touch-on .plist.docked{left:calc(var(--sl) + .5rem);top:calc(var(--st) + 1.4rem);min-width:10rem;max-width:12rem;max-height:32vh}.touch-on .chat{left:calc(var(--sl) + .6rem);bottom:calc(var(--sb) + 170px);width:min(24rem,36vw);font-size:.85rem}.touch-on .chat-log{max-height:8rem}.touch-on #hud[data-screen=lobby] .chat,.touch-on #hud[data-screen=dead] .chat,.touch-on #hud[data-screen=end] .chat{bottom:calc(var(--sb) + .8rem)}.touch-on .chat.open{top:calc(var(--st) + .5rem);width:min(40rem, calc(100vw - 1.5rem - var(--sl) - var(--sr)));bottom:auto;left:50%;transform:translate(-50%)}.touch-on .chat.open .chat-form{order:-1}.touch-on .chat.open .chat-log{max-height:30vh}.touch-on .chat.open .chat-input{min-height:calc(2.8em + 1rem);max-height:calc(4.2em + 1rem);font-size:16px}.touch-on .chat.open .chat-send,.touch-on .chat.open .chat-x{min-width:76px;min-height:44px;font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;touch-action:manipulation;border-radius:.45rem;justify-content:center;align-items:center;padding:0 1rem;font-size:15px;font-weight:700;display:inline-flex}.touch-on .chat-send{background:var(--lime);color:#17200a;border:0}.touch-on .chat-x{color:var(--text);border:1px solid var(--line);background:#0d0a10d9;margin-left:auto}.touch-on .chat.open .chat-foot{gap:.5rem}.touch-on .chat-count{order:-1}.touch-on input,.touch-on textarea{font-size:max(16px,1em)}.touch-on .bigmap .frame{width:min(86vh,86vw);height:min(86vh,86vw)}.touch-on .scope .ring{box-shadow:inset 0 0 4vh 1vh #000c}.touch-on .screen:not([data-name=menu]){overscroll-behavior:contain;padding:calc(var(--st) + .8rem) calc(var(--sr) + 1rem) calc(var(--sb) + .8rem) calc(var(--sl) + 1rem);justify-content:flex-start;overflow-y:auto}.touch-on .screen:is([data-name=dead],[data-name=end]){padding-right:calc(var(--sr) + .6rem + 56px + .8rem)}@media (orientation:portrait){.tc:is([data-sit=dead],[data-sit=end]) :is(.tc-chat,.tc-voice){top:calc(var(--st) + .5rem)}.tc:is([data-sit=dead],[data-sit=end]) .tc-voice{right:calc(var(--sr) + .6rem + 62px)}.touch-on .screen:is([data-name=dead],[data-name=end]){padding-right:calc(var(--sr) + 1rem);padding-top:calc(var(--st) + .5rem + 56px + .8rem)}.touch-on #hud:is([data-screen=dead],[data-screen=end]) :is(.plist.docked,.topright){display:none}}.touch-on .screen:not([data-name=menu]):before,.touch-on .screen:not([data-name=menu]):after{content:"";flex:1 0 0}.touch-on .screen:not(.clear){pointer-events:auto}.touch-on .controls,.touch-on .ctl-overlay .ctl-foot{display:none}.touch-note{color:var(--lime);background:#c8ee1c1a;border-color:#c8ee1c73}.touch-on .screen[data-name=menu] .menu-grid{overscroll-behavior:contain;padding:calc(var(--st) + 1rem) calc(var(--sr) + 1.2rem) calc(var(--sb) + 1.2rem) calc(var(--sl) + 1.2rem);overflow-y:auto}.touch-on .screen[data-name=menu] .touch-note{text-align:left}.touch-on .kb-note input[type=checkbox]{vertical-align:-.25rem;width:1.3rem;height:1.3rem}.touch-on .kb-note{padding:.15rem 0}.touch-on .mode-tile{grid-template-areas:"ico name";min-height:48px;padding:.35rem .5rem}.touch-on .mode-tile .mt-short{display:none!important}.touch-on .mt-ico{width:2rem;height:2rem}@media (orientation:landscape) and (height<=540px){.touch-on .screen[data-name=menu] .menu-grid{grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:start;gap:1.2rem}.touch-on .screen[data-name=menu] .menu-side{width:100%;max-width:none;margin:0}.touch-on .screen[data-name=menu] .menu-grid{padding-top:calc(var(--st) + .6rem)}.touch-on .screen[data-name=menu] .title{font-size:3.5rem}.touch-on .screen[data-name=menu] .title-logo img{--lw:min(15rem, 100%)}.touch-on .screen[data-name=menu] .title-th{margin-top:0;font-size:1.15rem}.touch-on .screen[data-name=menu] .tape{height:.45rem;margin:.35rem 0 0}.touch-on .screen[data-name=menu] .menu-main{gap:.55rem;max-width:34rem}.touch-on .screen[data-name=menu] .hero{flex-flow:wrap;align-items:center;gap:.2rem .8rem;padding:.45rem .8rem .55rem}.touch-on .screen[data-name=menu] .hero-h{font-size:1.2rem}.touch-on .screen[data-name=menu] .hero-how{display:none}.touch-on .screen[data-name=menu] .hero .btn{margin:0 0 0 auto}.touch-on .screen[data-name=menu] .name-row{flex-direction:row;align-items:center;gap:.6rem;max-width:34rem;margin-top:0}.touch-on .screen[data-name=menu] .name-row label{flex:none}.touch-on .screen[data-name=menu] .name-row input{padding:.3rem .7rem}.touch-on .screen[data-name=menu] .btn.big{padding:.5rem 3rem;font-size:1.5rem}.touch-on .lobby-grid{grid-template-columns:12rem minmax(0,24rem);gap:1.6rem}.touch-on .ring-wrap{width:11rem;height:11rem}.touch-on .ring-num b{font-size:3.8rem}.touch-on .players{max-height:9rem}.touch-on .dead-title{font-size:4.2rem}.touch-on .dead-place{margin-top:.3rem;font-size:2.8rem}.touch-on .btn-row{margin-top:1rem}.touch-on .end-title.win,.touch-on .end-title.lose{font-size:4.2rem}.touch-on .standings{max-height:none}.touch-on .ideabox{margin-top:.8rem}}@media (orientation:portrait){.touch-on .screen[data-name=menu] .menu-grid{grid-template-columns:1fr;align-content:start}.touch-on .screen[data-name=menu] .menu-main{max-width:none}.touch-on .screen[data-name=menu] .title{font-size:3.6rem}.touch-on .screen[data-name=menu] .title-logo img{--lw:min(20rem, 100%)}.touch-on .screen[data-name=menu] .tape{margin:.5rem 0 .2rem}.touch-on .screen[data-name=menu] .mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-on .mode-tile{text-align:center;grid-template-columns:1fr;grid-template-areas:"ico""name";justify-items:center;row-gap:.2rem;padding:.45rem .3rem}.touch-on .mt-name{font-size:.9rem}.touch-on .screen[data-name=menu] .menu-side{width:100%;max-width:none}.touch-on .lobby-grid{grid-template-columns:1fr;gap:1rem}.touch-on .screen[data-name=lobby]{padding-bottom:calc(var(--sb) + 8.5rem)}.touch-on #hud[data-screen=lobby] .chat{width:calc(100vw - 1.2rem - var(--sl) - var(--sr))}.touch-on .btn-row{flex-wrap:wrap;justify-content:center}.touch-on .standings{width:100%;max-height:none}.touch-on .dead-title{font-size:min(4.4rem,14vw)}.touch-on .end-title.win,.touch-on .end-title.lose{font-size:4rem}.touch-on #hud[data-screen=none]>.tc-rotate{z-index:66;pointer-events:none;background:#08060c99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}}.tc-rot-card{border:1px solid var(--line);border-top:.3rem solid var(--lime);text-align:center;background:#0d0a10e0;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;max-width:80vw;padding:1.4rem 1.8rem;display:flex}.tc-rot-card svg{width:64px;height:64px;color:var(--lime);animation:2.6s ease-in-out infinite tcRot}.tc-rot-card b{text-transform:uppercase;font-size:1.5rem;font-style:italic;font-weight:800}.tc-rot-card span{color:var(--dim);font-size:1rem}@keyframes tcRot{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}.name-look{flex-wrap:wrap;align-items:flex-start;gap:1rem;width:100%;display:flex}.name-look .name-row{flex:12rem;min-width:12rem;max-width:18rem}.look-pick{flex-direction:column;flex:none;gap:.25rem;display:flex}.lp-lab{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.8rem}.lp-body{align-items:center;gap:.55rem;display:flex}.lp-prev{border:1px solid var(--line);background:radial-gradient(at 50% 80%,#ff2e8847,#0a080ebf 70%);border-radius:.5rem;width:4.6rem;height:5.6rem;display:block}.lp-rows{flex-direction:column;gap:.35rem;display:flex}.lp-row{gap:.25rem;display:flex}.lp-o{flex-wrap:wrap;max-width:15rem}.lp-sw{cursor:pointer;border:2px solid #ffffff29;border-radius:.4rem;width:1.85rem;height:1.85rem;padding:0;transition:transform 80ms,border-color .1s;box-shadow:0 2px 4px #00000073}.lp-u .lp-sw{border-radius:50%;width:1.45rem;height:1.45rem}.lp-sw:hover{border-color:#ffffff80;transform:translateY(-1px)}.lp-sw.on{border-color:var(--lime);box-shadow:0 0 0 2px #c8ee1c59,0 2px 4px #00000073}.lp-sw:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.lp-name{max-width:15.5rem;color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;margin:0;font-size:.78rem;overflow:hidden}@media (width<=640px){.name-look .name-row{max-width:none}}.drophud{white-space:nowrap;background:#3c0a08c7;border-left:.3rem solid #ff3b2a;align-items:center;gap:.55rem;padding:.25rem .95rem .3rem .6rem;animation:.4s ease-out dropin;display:flex;position:absolute;top:5.3rem;left:50%;transform:translate(-50%)}.drophud .dh-ic svg{width:1.7rem;height:1.7rem;display:block}.drophud .dh-l{letter-spacing:.16em;text-transform:uppercase;color:#ffb3a8;font-size:.78rem;font-weight:700}.drophud .dh-d{font-variant-numeric:tabular-nums;text-align:right;min-width:3.6rem;font-size:1.25rem;font-style:italic;font-weight:800}.drophud .dh-a{width:1.25rem;height:1.25rem;display:inline-flex}.drophud .dh-a svg{fill:#fff;filter:drop-shadow(0 1px 2px #000c);width:100%;height:100%}.drophud .dh-w{color:var(--dim);font-variant-numeric:tabular-nums;font-size:.85rem}.drophud.landed{border-left-color:var(--gold)}.drophud.landed .dh-w{color:var(--gold);font-weight:600}@media (orientation:landscape) and (height<=540px){.touch-on .drophud{left:calc(max(calc(var(--sl) + .5rem), min(calc(50% - 7.5rem), calc(100% - var(--sr) - 9.6rem - 256px - 15rem))) + 7.5rem);top:calc(var(--st) + .5rem + 4.8rem);box-sizing:border-box;justify-content:center;gap:.45rem;width:15rem;padding:.1rem .6rem .15rem .45rem;line-height:1.15}.touch-on .drophud .dh-l{display:none}.touch-on .drophud .dh-ic svg{width:1.3rem;height:1.3rem}.touch-on .drophud .dh-d{min-width:0;font-size:1.05rem}.touch-on .drophud .dh-a{width:1.05rem;height:1.05rem}.touch-on .drophud .dh-w{font-size:.8rem}}@keyframes dropin{0%{opacity:0;transform:translate(-50%,-.8rem)}}.dropmarks{pointer-events:none;position:absolute;inset:0}.dropmark{will-change:transform;filter:drop-shadow(0 1px 3px #000000d9);flex-direction:column;align-items:center;width:2.4rem;margin:-3.4rem 0 0 -1.2rem;display:flex;position:absolute;top:0;left:0}.dropmark svg{width:1.9rem;height:1.9rem;display:block}.dropmark span{color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #000000b3;font-variant-numeric:tabular-nums;margin-top:.05rem;font-size:.78rem;font-weight:700}.flash.drop{text-shadow:0 .18rem #000000b3,0 0 1.6rem #ff3b2af2,0 2px 12px #000c}.upd-count{z-index:61;border:2px solid var(--pink);pointer-events:none;text-align:center;background:#0d0a10db;border-radius:1rem;flex-direction:column;align-items:center;gap:.2rem;max-width:min(90vw,30rem);padding:1rem 2rem 1.1rem;display:flex;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #0009}.upd-count small{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:.85rem;font-weight:700}.upd-count b{color:#fff;text-shadow:0 0 1.2rem #ff2e88cc;font-variant-numeric:tabular-nums;font-size:5rem;font-style:italic;font-weight:900;line-height:1}.upd-count.zero b{color:var(--lime);font-size:3rem}.upd-count span{color:var(--text);opacity:.9;font-size:.95rem}.signin-offer{border-left:.35rem solid var(--lime);align-items:center;gap:.9rem;margin-top:.9rem;padding:.5rem .6rem .5rem 1rem;display:flex}.signin-offer .so-t{color:var(--text);margin:0;font-size:1rem}.signin-offer .so-t b{color:var(--lime);font-weight:700}.set-row-name{grid-template-columns:10.5rem minmax(0,1fr) auto}.set-name{padding:.3rem .65rem;font-size:1rem}.set-name-msg.bad{color:#ff7a6b}.set-name-msg.good{color:var(--lime)}@media (width<=640px){.set-row-name{grid-template-columns:minmax(0,1fr) auto}}.heal.nade{border-bottom:.25rem solid #8fae3c;position:absolute;bottom:calc(100% + .55rem);left:0}.heal.nade .e{letter-spacing:.04em}.heal.nade .prog{background:linear-gradient(90deg,#c8ee1c,#ff8a1f)}.heals.has-nade .boosttimer{left:11.1rem}.touch-on .heal.nade{bottom:calc(100% + .4rem)}.touch-on .heals.has-nade .boosttimer{left:7.4rem}.tc-nade{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 248px);color:#d7f59a;background:#28340e80;border-color:#8fae3c}.game.has-nade .keystrip{bottom:10.9rem}.game.has-nade .keystrip[data-sit=drive]{bottom:11.3rem}.ct-main{width:min(92vw,52rem);margin:0 auto;padding:1.5rem 0 4rem}.ct-h{text-transform:uppercase;background:linear-gradient(180deg, #ffe45e, var(--orange) 45%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.6rem 0 .4rem;font-size:2.4rem;font-style:italic;font-weight:900}.ct-lead{color:var(--text);max-width:40rem;font-size:1.1rem;line-height:1.5}.ct-open{margin:.6rem 0 1.4rem}.ct-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.ct-card{padding:1rem 1.1rem}.ct-card h2{margin:0 0 .4rem;font-size:1.1rem}.ct-card p{color:var(--dim);margin:0;line-height:1.5}.ct-card a{color:var(--lime)}.menu-contact{color:var(--dim);text-underline-offset:2px;margin-top:.35rem;font-size:.8rem;text-decoration:underline;display:inline-block}.menu-contact:hover{color:var(--text)}.bp-links{align-items:center;gap:1rem;display:inline-flex}.bp-contact{color:var(--dim);font-size:.95rem}#hud{--side-top:19rem;--side-mid:22rem}html:not(.touch-on) .banner span{max-width:calc(100vw - 2 * var(--side-top));text-wrap:balance}html:not(.touch-on) .banner.long{font-size:2.2rem}html:not(.touch-on) .flash{padding:0 var(--side-top)}html:not(.touch-on) .callouts{padding:0 var(--side-mid)}html:not(.touch-on) .callouts .co{max-width:100%}html:not(.touch-on) .cfx-toast{max-width:min(560px, calc(100vw - 2 * var(--side-mid)))}html:not(.touch-on) .toasts .toast{text-align:center;text-wrap:balance;max-width:max(24rem,100vw + -5.2rem - 2*min(30rem,46vw))}#hud:has(>.upd-count:not(.hidden)) :is(.banner,.planehint,.pause-set,.flash,.callouts,.cfx-toast){visibility:hidden}.cfx-toast.lane-held{visibility:hidden}#hud:has(>.plist:not(.docked):not(.hidden)) .game :is(.banner,.flash,.planehint,.pause-set,.drophud,.herepill){visibility:hidden}#hud:is([data-screen=dead],[data-screen=end]) .game .flash{display:none}