:root{color-scheme:dark;--ink:#f7fff5;--lime:#b8f35a;--cyan:#6df6eb;--red:#ff5e68;--panel:#101912e8;--line:#ffffff24}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#07100f;color:var(--ink);font-family:Inter,ui-rounded,"Segoe UI",sans-serif;touch-action:none}
button,input{font:inherit}
.game-shell{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 25%,#243f43,#091617 60%,#040808)}
canvas{display:block;width:100%;height:100%;touch-action:none}
.topbar{position:absolute;z-index:8;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;pointer-events:none}
.brand,.hud-pill,.icon-btn{min-height:42px;border:1px solid var(--line);border-radius:13px;background:#07100dbd;box-shadow:0 7px 22px #0007;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:7px;padding:0 11px;color:var(--ink);text-decoration:none;font-size:.72rem;font-weight:1000;letter-spacing:.12em;pointer-events:auto}.brand span{display:grid;place-items:center;width:24px;aspect-ratio:1;border-radius:8px 8px 8px 3px;color:#15210f;background:var(--lime)}
.hud-pill{display:flex;align-items:baseline;gap:7px;padding:7px 12px}.hud-pill small{color:#9cad9f;font-size:.58rem;font-weight:1000;letter-spacing:.1em}.hud-pill strong{font-size:1.05rem}.alive strong{color:var(--lime)}.kills strong{color:#ffbd52}.time{margin-left:auto}
.icon-btn{display:grid;place-items:center;width:42px;padding:0;color:var(--ink);font-weight:1000;cursor:pointer;pointer-events:auto}.icon-btn:focus-visible,.icon-btn:hover{outline:none;border-color:var(--lime);color:var(--lime)}
.killfeed{position:absolute;z-index:7;top:68px;right:12px;width:min(300px,55vw);display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.kill{max-width:100%;padding:7px 10px;border-left:3px solid var(--red);border-radius:8px;background:#07100dd9;box-shadow:0 7px 18px #0007;font-size:.68rem;font-weight:750;animation:kill-in .2s ease-out}.kill.fade{opacity:0;transform:translateX(10px);transition:.35s}
@keyframes kill-in{from{opacity:0;transform:translateX(12px)}}
.live-score{position:absolute;z-index:8;top:63px;left:max(10px,env(safe-area-inset-left));min-width:108px;padding:7px 11px;border:1px solid #6ef5ff42;border-radius:6px;background:#080d12e8;box-shadow:0 7px 22px #0009;pointer-events:none}.live-score small,.live-score strong{display:block}.live-score small{color:#84979e;font-size:.5rem;font-weight:1000;letter-spacing:.14em}.live-score strong{margin-top:1px;color:#6ef5ff;font-size:1rem;letter-spacing:.03em}
.kill-standings{position:absolute;z-index:8;top:116px;left:max(10px,env(safe-area-inset-left));width:154px;padding:9px 10px 8px;border:1px solid #ffffff20;border-radius:5px;color:#dce8eb;background:#080d12df;box-shadow:0 10px 26px #0008;backdrop-filter:blur(8px);pointer-events:none}.kill-standings-title{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #ffffff14}.kill-standings-title span{color:#ffbd52;font-size:.58rem;font-weight:1000;letter-spacing:.12em}.kill-standings-title small{color:#718188;font-size:.42rem;font-weight:900;letter-spacing:.08em}.kill-standings ol{margin:5px 0 0;padding:0;list-style:none}.kill-standings li{display:grid;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;gap:4px;min-height:19px;color:#9eacb1;font-size:.58rem;font-weight:800}.kill-standings li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kill-standings li b:first-child{color:#65757b}.kill-standings li b:last-child{text-align:right;color:#edf7f8}.kill-standings li.you{margin:2px -5px 0;padding:0 5px;border-left:2px solid #6ef5ff;color:#c9fbff;background:#6ef5ff13}.kill-standings li.you b{color:#6ef5ff}.kill-standings li.you.extra{margin-top:5px;border-top:1px solid #6ef5ff22}
.score-popups{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.death-notice{position:absolute;z-index:18;left:50%;top:44%;width:min(440px,88vw);padding:24px 18px 20px;transform:translate(-50%,-50%) scale(.84);border-top:1px solid currentColor;border-bottom:1px solid currentColor;color:#79efff;background:linear-gradient(90deg,transparent,#05090ded 18%,#05090df7 82%,transparent);opacity:0;visibility:hidden;text-align:center;pointer-events:none}.death-notice.show{visibility:visible;animation:death-notice 1.7s ease-out forwards}.death-notice small,.death-notice strong,.death-notice p{position:relative;z-index:2;display:block}.death-notice small{font-size:.58rem;font-weight:1000;letter-spacing:.3em}.death-notice strong{margin-top:4px;color:#fff;font-size:clamp(1.55rem,7vw,3.2rem);line-height:1;font-weight:1000;letter-spacing:-.045em;text-shadow:0 5px 24px #000}.death-notice p{margin:8px 0 0;color:#b6c6ca;font-size:.7rem;font-weight:750;letter-spacing:.06em}.death-symbol{position:absolute;left:50%;top:50%;width:106px;height:106px;transform:translate(-50%,-50%);border:2px solid currentColor;border-radius:50%;opacity:.34}.death-symbol:before,.death-symbol:after,.death-symbol span{content:"";position:absolute;inset:15px;border:1px solid currentColor;border-radius:50%}.death-symbol:after{inset:30px;background:currentColor;opacity:.2}.death-notice.show .death-symbol{animation:death-ring 1.45s ease-out}.death-notice.hole{color:#b486ff}.death-notice.lava{color:#ff6a27}.death-notice.collapse{color:#ffbd52}.death-notice.edge{color:#68eaff}.game-shell.death-sequence .joystick,.game-shell.death-sequence .dash-btn{opacity:.25;transition:opacity .2s}
@keyframes death-notice{0%{opacity:0;transform:translate(-50%,-50%) scale(.76)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}23%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-56%) scale(.97)}}
@keyframes death-ring{0%{transform:translate(-50%,-50%) scale(.25);opacity:.75}55%{opacity:.3}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
.milestone,.countdown{position:absolute;z-index:9;left:50%;top:20%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-size:clamp(2.2rem,9vw,5.8rem);font-weight:1000;letter-spacing:-.07em;text-shadow:0 8px 30px #000,0 0 40px currentColor}.milestone{top:17%;padding:7px 18px;border-top:1px solid #6ef5ff99;border-bottom:1px solid #6ef5ff66;color:#fff;background:#05090db8;font-size:clamp(1.15rem,4vw,2.6rem);letter-spacing:.04em;opacity:0}.milestone.show{animation:milestone 1.05s ease-out}.countdown{color:var(--lime)}
@keyframes milestone{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}64%{opacity:.94}100%{opacity:0;transform:translate(-50%,-62%) scale(.98)}}
.joystick{position:absolute;z-index:10;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:126px;height:126px;display:none;place-items:center;pointer-events:auto}.joystick-ring{position:relative;width:112px;height:112px;border:2px solid #ffffff4a;border-radius:50%;background:#08110db8;box-shadow:inset 0 0 30px #0008,0 10px 30px #0007}.joystick-knob{position:absolute;left:50%;top:50%;width:49px;height:49px;border-radius:50%;background:linear-gradient(145deg,#d9ff9e,var(--lime));box-shadow:0 6px 18px #0008;transform:translate(-50%,-50%)}
.dash-btn{position:absolute;z-index:10;right:max(22px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:92px;height:92px;overflow:hidden;border:2px solid #ffffff4d;border-radius:50%;color:#10190e;background:#b8f35a;box-shadow:0 10px 35px #0008,0 0 30px #b8f35a3a;cursor:pointer;pointer-events:auto}.dash-btn b,.dash-btn small{position:relative;z-index:2;display:block}.dash-btn b{font-size:.92rem;letter-spacing:.04em}.dash-btn small{font-size:.55rem;font-weight:900}.dash-btn.cooling{color:#dce7dd;background:#26322a}.dash-sweep{position:absolute;z-index:1;inset:0;background:conic-gradient(#0009 var(--cooldown,0deg),transparent 0)}
.screen{position:absolute;z-index:20;inset:0;display:none;place-items:center;padding:76px 14px 20px;background:radial-gradient(circle at 50% 45%,transparent,#030706b8 70%);overflow:auto;touch-action:pan-y}.screen.visible{display:grid}.panel{width:min(490px,100%);padding:clamp(20px,4vw,32px);border:1px solid #ffffff28;border-radius:26px;background:linear-gradient(150deg,#14221beF,#09110eef);box-shadow:0 30px 90px #000b,0 0 0 1px #b8f35a0c inset;backdrop-filter:blur(12px);text-align:center}.eyebrow{margin:0 0 10px;color:var(--lime);font-size:.66rem;font-weight:1000;letter-spacing:.18em}.intro-panel h1{margin:0;font-size:clamp(2.7rem,11vw,5rem);line-height:.78;letter-spacing:-.08em}.intro-panel h1 em{color:var(--lime);font-style:normal}.tagline{margin:20px 0;color:#c7d1c9;font-weight:700}.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.howto div{min-width:0;padding:10px 5px;border:1px solid #ffffff15;border-radius:13px;background:#ffffff08}.howto span,.howto b,.howto small{display:block}.howto span{height:27px;color:var(--cyan);font-size:1.3rem}.howto b{font-size:.66rem}.howto small{margin-top:3px;color:#8fa097;font-size:.55rem;line-height:1.25}.primary{width:100%;min-height:50px;border:0;border-radius:14px;color:#11190f;background:var(--lime);font-weight:1000;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 28px #b8f35a21}.primary:hover,.primary:focus-visible{filter:brightness(1.08);outline:3px solid #fff;outline-offset:2px}.best{margin:12px 0 0;color:#78897e;font-size:.62rem;letter-spacing:.08em}.best strong{color:#d4ddd5}
.result-panel{width:min(520px,100%)}.result-panel h2{margin:0 0 18px;font-size:clamp(2.1rem,9vw,4rem);line-height:.9;letter-spacing:-.06em}.result-panel.victory h2{color:var(--lime);text-shadow:0 0 30px #b8f35a42}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.result-grid div{padding:10px 4px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff07}.result-grid small,.result-grid strong{display:block}.result-grid small{color:#84938a;font-size:.52rem;font-weight:900}.result-grid strong{margin-top:4px;font-size:1.05rem}.winner-line{min-height:1.2em;margin:5px;color:#b8c4bb;font-size:.74rem}.score-form{margin-top:13px;padding-top:12px;border-top:1px solid #ffffff18;text-align:left}.score-form label{font-size:.6rem;font-weight:1000;letter-spacing:.12em}.score-form>div{display:flex;gap:7px;margin-top:6px}.score-form input{min-width:0;flex:1;height:40px;padding:0 11px;border:1px solid #ffffff27;border-radius:10px;color:#fff;background:#050a08}.score-form button{width:78px;border:0;border-radius:10px;color:#13200e;background:var(--lime);font-size:.7rem;font-weight:1000}.score-form p{min-height:1.2em;margin:5px 2px 0;color:#98aa9e;font-size:.62rem}.leaderboard{max-height:150px;margin:7px 0 0;padding:0;overflow:auto;list-style:none;text-align:left}.leaderboard li{display:grid;grid-template-columns:24px 1fr auto;gap:7px;padding:5px 2px;border-top:1px solid #ffffff0e;font-size:.65rem}.leaderboard li b:last-child{color:var(--lime)}
.rotate-hint{display:none;position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 9px;border-radius:8px;color:#aebab0;background:#07100daa;font-size:.55rem;pointer-events:none}
@media(pointer:coarse),(max-width:820px){.joystick{display:grid}.dash-btn{display:block}.brand{padding:0 8px}.brand>span+*{display:none}}
@media(pointer:fine) and (min-width:821px){.dash-btn{display:none}}
@media(max-width:600px){.topbar{gap:4px}.brand,.hud-pill,.icon-btn{min-height:38px;border-radius:11px}.brand{font-size:0;width:36px;padding:0 6px}.hud-pill{gap:4px;padding:5px 7px}.hud-pill small{font-size:.46rem}.hud-pill strong{font-size:.84rem}.icon-btn{width:35px}.killfeed{top:57px}.live-score{top:54px;min-width:96px;padding:6px 9px}.kill-standings{top:103px;width:135px;padding:7px 8px}.kill-standings li{min-height:17px;font-size:.53rem}.result-grid{grid-template-columns:repeat(2,1fr)}.panel{border-radius:20px}.screen{padding-top:64px}}
@media(max-width:460px) and (orientation:portrait){.rotate-hint{display:block}.joystick{width:112px;height:112px}.joystick-ring{width:98px;height:98px}.dash-btn{width:84px;height:84px}.howto{margin:14px 0}.intro-panel{padding:20px}.intro-panel h1{font-size:3.1rem}.tagline{margin:15px 0}.killfeed{width:55vw}.kill{font-size:.59rem}.kill-standings{width:126px}.kill-standings-title small{display:none}}
@media(max-height:560px){.screen{align-items:start;padding-top:62px}.panel{padding:16px}.intro-panel h1{font-size:2.8rem}.tagline{margin:10px}.howto{margin:10px 0}.howto div{padding:6px 3px}.result-panel h2{font-size:2.2rem;margin-bottom:9px}.result-grid{margin-bottom:5px}.leaderboard{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Industrial arena visual system */
:root{--ink:#edf6f8;--lime:#6ef5ff;--cyan:#6ef5ff;--amber:#ff9d2e;--red:#ff4a58;--panel:#0c1218f2;--line:#8aa0aa31}
html,body{background:#030507;font-family:Inter,"Segoe UI",sans-serif}.game-shell{background:radial-gradient(circle at 50% 25%,#17242c,#070b0f 60%,#020304)}
.brand,.hud-pill,.icon-btn{border-radius:7px;background:#080d12dc;box-shadow:0 7px 22px #0009,0 0 20px #6ef5ff0b inset}.brand{letter-spacing:.16em}.brand span{border-radius:3px;color:#071014;box-shadow:0 0 16px #6ef5ff66}
.killfeed{width:min(320px,58vw)}.kill{padding:7px 11px;border-radius:3px;background:#080d12ec;box-shadow:0 7px 18px #0009;letter-spacing:.01em}
.joystick-ring{border:1px solid #6ef5ff70;background:#071016cf;box-shadow:inset 0 0 30px #000b,0 0 24px #6ef5ff18}.joystick-knob{border:2px solid #bffcff;background:radial-gradient(circle,#d7fdff 0 18%,#25a7b0 22%,#10262d 70%);box-shadow:0 0 22px #6ef5ff88}
.dash-btn{border-color:#ffe3b54d;color:#190d03;background:linear-gradient(145deg,#ffd36b,var(--amber));box-shadow:0 10px 35px #000b,0 0 30px #ff9d2e52}.dash-btn b{letter-spacing:.08em}.dash-btn.cooling{color:#a9b8bd;background:#1b262c}.dash-sweep{background:conic-gradient(#000b var(--cooldown,0deg),transparent 0)}
.screen{background:radial-gradient(circle at 50% 45%,transparent,#020407df 72%)}.panel{position:relative;width:min(500px,100%);padding:clamp(20px,4vw,34px);border-color:#78909c42;border-radius:6px;background:linear-gradient(145deg,#111921f5,#070b10f8);box-shadow:0 30px 100px #000e,0 0 60px #6ef5ff0b inset;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}.panel:before{content:"";position:absolute;inset:8px;border-top:1px solid #6ef5ff22;border-bottom:1px solid #ff9d2e1f;pointer-events:none}.eyebrow{color:var(--amber);font-size:.64rem;letter-spacing:.22em}.intro-panel h1{letter-spacing:-.07em}.intro-panel h1 em{color:var(--lime);text-shadow:0 0 28px #6ef5ff3b}.tagline{color:#b8c5ca;font-weight:650;letter-spacing:.02em}.howto div{padding:11px 5px;border-color:#76909b22;border-radius:3px;background:linear-gradient(#ffffff08,#ffffff03)}.howto b{letter-spacing:.08em}.howto small{color:#83949b}.primary{min-height:52px;border:1px solid #c9fbff;border-radius:3px;color:#051014;background:linear-gradient(90deg,#51dce7,#91fbff);letter-spacing:.1em;box-shadow:0 10px 28px #4ee8f02b,0 0 26px #6ef5ff20}.primary:hover,.primary:focus-visible{outline-width:2px;outline-offset:3px}.best{color:#72838a;letter-spacing:.1em}.best strong{color:#d4e2e5}.rotate-hint{border-radius:3px;color:#8fa2a8;background:#070c11cc;letter-spacing:.08em}
@media(max-width:600px){.brand,.hud-pill,.icon-btn{border-radius:6px}.panel{border-radius:4px}}
.dash-btn{display:block;width:104px;height:104px;border-width:3px;font-size:1.05rem;box-shadow:0 12px 42px #000c,0 0 38px #ff9d2e80,0 0 0 7px #ff9d2e13}.dash-btn b{font-size:1rem}.dash-btn small{margin-top:2px;font-size:.58rem;letter-spacing:.08em}.dash-btn:not(.cooling){animation:dash-ready 1.15s ease-in-out infinite}.dash-btn:not(.cooling):after{content:"SPACE";position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);font-size:.43rem;font-weight:1000;letter-spacing:.14em;opacity:.68}.dash-btn.cooling{border-color:#617078;box-shadow:0 10px 30px #000b}
@keyframes dash-ready{50%{transform:scale(1.055);box-shadow:0 12px 42px #000c,0 0 54px #ffad3cbb,0 0 0 9px #ff9d2e1d}}
@media(max-width:460px){.dash-btn{width:92px;height:92px}.dash-btn:not(.cooling):after{bottom:9px}}
@media(pointer:coarse),(max-width:820px){.joystick{left:max(30px,calc(env(safe-area-inset-left) + 18px));bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px))}.dash-btn{right:max(30px,calc(env(safe-area-inset-right) + 18px));bottom:max(34px,calc(env(safe-area-inset-bottom) + 22px))}}