:root{font-family:Courier New,monospace;color:#e9f5ff;background:#071326}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{height:100vh}#world-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;image-rendering:pixelated}.menu{position:relative;z-index:2;width:100%;height:100%;padding:clamp(30px,7vw,80px);background:linear-gradient(90deg,#071326f5 0%,#071326dc 39%,transparent 74%);display:flex;justify-content:flex-start}.menu-copy{width:min(570px,100%);padding-top:2vh}.brand{font:500 14px Courier New,monospace;letter-spacing:.12em;color:#e4f6ff}.brand span{color:#75ddff}.brand b{color:#8494b0;font-weight:400}.eyebrow{margin:25px 0 11px;font:12px Courier New,monospace;letter-spacing:.14em;text-transform:uppercase;color:#65e1b3}.player-card{display:flex;align-items:baseline;gap:14px;margin:0 0 15px}.player-card strong{font-size:20px;letter-spacing:.08em}.player-card span,.avatar-label{color:#83a1bf;font:10px Courier New,monospace;letter-spacing:.1em}h1{font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.065em;margin:0 0 24px;font-weight:600}h1 em{font-style:normal;color:#83d8ff}.lede{color:#9daec7;line-height:1.6;max-width:440px;margin:0 0 22px}.menu-grid,.seed-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:7px 0}label{display:flex;flex-direction:column;gap:7px;color:#8c9eb9;font:10px Courier New,monospace;letter-spacing:.1em}input,select{border:1px solid #274261;background:#0c1c34;color:#d9edff;padding:12px 13px;border-radius:3px;font:13px Courier New,monospace;outline:none}input:focus,select:focus{border-color:#6ddaff}.primary,.ghost,.menu-nav button{border:0;cursor:pointer;border-radius:3px;font:600 12px Courier New,monospace;letter-spacing:.08em;padding:14px 17px}.primary{background:#9ce9ff;color:#061527;margin-top:18px;text-align:left}.primary span{float:right;font-size:18px}.ghost{background:#142944;color:#9bc1e0}.primary:hover{background:#fff;transform:translateY(-1px)}.menu-nav{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px}.menu-nav button{padding:0;background:none;color:#8aa2be;font-size:10px}.menu-nav button:hover{color:#9ce9ff}.controls{display:flex;gap:20px;margin-top:25px;color:#e7f6ff;font:11px Courier New,monospace}.controls small{display:block;color:#778ba9;font-size:9px;margin-top:4px}.validation{margin-top:15px;color:#62dda9;font:10px Courier New,monospace;letter-spacing:.06em;min-height:14px}.avatar-label{position:absolute;right:15%;bottom:13%;display:flex;flex-direction:column;gap:6px;color:#d8efff}.avatar-label span{color:#65ddb3}.hud{position:relative;width:100%;height:100%;z-index:1}.hud-top{position:absolute;top:0;left:0;right:0;padding:26px 32px;display:flex;gap:45px;align-items:center;background:linear-gradient(#071326cc,transparent)}.small{font-size:11px;margin-right:auto}.stat{display:flex;flex-direction:column;gap:5px}.stat small{color:#7690b0;font:9px Courier New,monospace;letter-spacing:.12em}.stat strong{font:500 13px Courier New,monospace;color:#dff4ff}.crosshair{position:absolute;inset:50% auto auto 50%;color:#bdefff;font:18px Courier New,monospace;text-shadow:0 0 12px #73dfff}.run-toast{position:absolute;top:110px;left:50%;transform:translate(-50%,-10px);opacity:0;color:#8ee6ff;font:11px Courier New,monospace;letter-spacing:.12em;transition:.3s}.run-toast.show{opacity:1;transform:translate(-50%)}.fall-screen,.finish-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071326aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fall-screen{color:#ff9d9d;font:600 22px Courier New,monospace}.fall-screen small{color:#bfcedd;font:12px Courier New,monospace;margin-top:10px}.finish-card{margin:auto;width:420px;height:330px;top:0;right:0;bottom:0;left:0;background:#0d1f39ee;border:1px solid #4c789f;text-align:center}.finish-card span{color:#75ddb4;font:10px Courier New,monospace;letter-spacing:.15em}.finish-card h2{font:600 52px Courier New,monospace;margin:14px 0;color:#e3f8ff}.finish-card p{color:#9aafc8;font:11px Courier New,monospace}.finish-card .primary{width:250px;margin-top:15px}.finish-card .ghost{margin-top:10px;background:transparent}.debug{position:absolute;bottom:12px;left:12px;color:#fc6;font:10px Courier New,monospace}@media(max-width:650px){.menu{padding:28px;background:#071326ee}.avatar-label{display:none}.hud-top{padding:18px;gap:15px}.hud-top .small{position:absolute;top:18px}.stat:first-of-type{margin-top:30px}.stat{margin-top:30px}.controls{margin-top:25px}}.panel{position:absolute;z-index:5;right:6vw;top:9vh;width:min(390px,calc(100% - 40px));padding:32px;background:#0b1c34f5;border:1px solid #45698b;box-shadow:0 18px 70px #0008}.panel h2{font-size:34px;margin:8px 0 22px}.panel-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#9db9d4;font-size:25px;cursor:pointer}.panel-note,.panel-message{color:#9db2c9;line-height:1.5;font:12px DM Mono,monospace}.panel label{margin:12px 0}.panel-actions{display:flex;gap:10px;margin-top:15px}.panel-actions .primary{margin:0}.friend-row{display:flex;justify-content:space-between;border-bottom:1px solid #26415e;padding:13px 0;font:12px DM Mono,monospace}.friend-row span{color:#65ddb3;font-size:10px}.editor-preview{height:130px;margin:14px 0;background:radial-gradient(circle at 50% 35%,#3d769c55,transparent 55%),#08172b;border:1px solid #315577;display:flex;align-items:flex-end;justify-content:center}.editor-avatar-mark{font:10px DM Mono,monospace;letter-spacing:.14em;color:#78e0ff;margin-bottom:12px}.paint-tools,.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.shape-grid{grid-template-columns:repeat(2,1fr)}.paint-tools label,.shape-grid label{font-size:9px}.paint-tools input{height:36px;padding:3px}.paint-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:7px;background:#071326;border:1px solid #294867}.paint-cell{aspect-ratio:1;border:1px solid #5a7790;cursor:crosshair;padding:0}.paint-cell:hover{outline:2px solid #b9f1ff;z-index:1}.panel select{width:100%;padding:9px 7px}.panel h3{color:#8de7ff;font:18px DM Mono,monospace}.hidden,.seed-row{display:none!important}.menu-grid select{min-height:48px;font-size:14px}.menu-nav{gap:18px;margin-top:24px}.menu-nav button{font-size:12px;padding:10px 0}.primary,.ghost{min-height:48px;padding:15px 22px;font-size:13px}.menu-copy{max-width:650px}.editor-preview{height:360px;min-height:360px;position:relative;overflow:hidden}.editor-preview canvas{width:100%;height:100%;display:block;cursor:crosshair}.paint-grid{display:none}.panel{width:min(620px,calc(100% - 32px));max-height:90vh;overflow:auto}.paint-tools{grid-template-columns:repeat(3,1fr)}.mode-vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-vote{min-height:170px;border:1px solid #315b7d;background:linear-gradient(160deg,#15395b,#0b1934);color:#b8eaff;cursor:pointer;font:600 11px DM Mono,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:inset 0 0 30px #163a5b66}.mode-vote:hover,.mode-vote.selected{border-color:#9ce9ff;background:linear-gradient(160deg,#276989,#112b4b);transform:translateY(-3px)}.mode-art{font-size:45px;filter:drop-shadow(0 0 12px #65dfff)}.mode-vote strong{font-size:12px}.mode-vote small{color:#7faac4;font-size:9px}.respawn-flash{animation:respawnFlash .65s ease-out}@keyframes respawnFlash{0%{filter:brightness(3) saturate(.3)}45%{filter:brightness(1.8)}to{filter:brightness(1)}}.lobby-hud{position:fixed;z-index:4;top:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid #4f89b3;background:linear-gradient(100deg,#081a32ef,#0b2845d9);box-shadow:0 0 35px #05152e99;pointer-events:none}.lobby-hud>div{display:flex;flex-direction:column;gap:5px}.lobby-hud .eyebrow{margin:0;color:#67e3b2}.lobby-hud strong{font:600 17px DM Mono,monospace;color:#e6f8ff}.lobby-hud small{font:10px DM Mono,monospace;color:#8eb0c9}.lobby-hud button{pointer-events:auto;margin:0}.gun-hud{position:absolute;left:32px;bottom:30px;width:260px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:14px 16px;background:#071326d9;border:1px solid #6b3341;box-shadow:0 0 25px #09050aaa}.health-bar{height:12px;grid-column:1/-1;background:#2b1820;border:1px solid #8e3948}.health-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff304c,#ffb13b);transition:width .2s}.gun-hud #health-value{font:600 13px DM Mono,monospace;color:#ffb7ae}.ammo-readout{grid-column:2;grid-row:2;text-align:right;font:600 30px DM Mono,monospace;color:#f7eee4}.ammo-readout small{font-size:12px;color:#a99191}.gun-hud>small{grid-column:1/-1;color:#bd9eaa;font:9px DM Mono,monospace}.damaged-flash{animation:damageFlash .35s ease-out}.healed-flash{animation:healFlash .5s ease-out}@keyframes damageFlash{0%{filter:brightness(2) sepia(1) saturate(6)}to{filter:brightness(1)}}@keyframes healFlash{0%{filter:brightness(2) hue-rotate(100deg)}to{filter:brightness(1)}}.menu{align-items:center;justify-content:center;padding:clamp(24px,5vw,70px);background:linear-gradient(90deg,#040a1ea3,#040a1e29)}.menu-copy{width:min(760px,100%);padding:0;text-align:center}.menu .brand{width:100%;margin-left:auto;margin-right:auto;text-align:center;font-family:Skyline Display,Arial Black,sans-serif;font-size:clamp(62px,12vw,150px);line-height:.82;letter-spacing:.08em;color:#e7fbff;text-shadow:0 0 18px #36cfff,0 8px 0 #162b66,0 18px 38px #05091f;transform:skew(-6deg);margin-bottom:42px}.menu .brand b,.menu h1,.menu .avatar-label,.menu .eyebrow,.menu .player-card,.menu .lede,.menu .menu-grid,.menu .seed-row,.menu .controls,.menu .validation{display:none}.menu #start{display:block;width:min(390px,86vw);margin:0 auto;padding:23px 30px;border:1px solid #c5f8ff;box-shadow:0 0 0 5px #69dcff22,0 0 35px #36cfff99,0 12px 30px #02061799;font-family:Skyline Display,Arial Black,sans-serif;font-size:clamp(20px,3vw,30px);letter-spacing:.12em;text-align:center;animation:soloPlayPulse 2.2s ease-in-out infinite}.menu #start span{display:none}.menu #start:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 0 0 7px #69dcff2e,0 0 55px #36cffff0,0 16px 35px #020617bb}.menu .menu-nav{justify-content:center;margin-top:24px}.menu .menu-nav button{font-family:Skyline Display,Arial Black,sans-serif;font-size:13px;letter-spacing:.16em;color:#d6f7ff;padding:11px 20px;border:1px solid #83cce855;background:#081a36aa;box-shadow:0 0 18px #1f9dcc33}.menu .menu-nav button:hover{color:#fff;background:#1c5888aa;transform:translateY(-2px)}@keyframes soloPlayPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.018)}}@font-face{font-family:Skyline Display;src:url(/assets/skyline-display-CJaKrMyi.ttf) format("truetype");font-weight:900;font-display:swap}.panel h2{font-family:Skyline Display,Arial Black,sans-serif;letter-spacing:.08em}.settings-stat{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #21405e;color:#9bb8d1;font:11px Courier New,monospace}.settings-stat strong{color:#e8f8ff}.settings-actions{display:flex;gap:10px;margin-top:18px}.settings-actions>*{flex:1}.settings-section{margin:18px 0 8px;color:#68dfba;font:10px Courier New,monospace;letter-spacing:.14em}.menu .brand{display:block;position:relative;left:50%;transform:translate(-50%) skew(-6deg)}.menu .brand{animation:titleFloat 3.8s ease-in-out infinite;transform-origin:50% 50%}button.button-clicked{animation:buttonWiggle .34s cubic-bezier(.2,.9,.25,1.25) both!important}@keyframes buttonWiggle{0%{transform:scale(1) rotate(0)}28%{transform:scale(1.12) rotate(-2deg)}55%{transform:scale(1.08) rotate(2deg)}78%{transform:scale(1.045) rotate(-.8deg)}to{transform:scale(1) rotate(0)}}.menu-copy{transition:transform .55s cubic-bezier(.22,.8,.25,1),opacity .4s ease}.menu.menu-settings-open .menu-copy{transform:translate(-18vw) scale(.9);opacity:.12;pointer-events:none}.panel.settings-tab-open{position:fixed;inset:0 0 0 auto;right:0;top:0;width:min(570px,100%);height:100vh;max-height:none;overflow-y:auto;border:0;border-left:1px solid #477a9d;background:linear-gradient(145deg,#102f4dec,#071426f8 72%);box-shadow:-28px 0 80px #020714aa;padding:clamp(28px,5vw,64px);animation:settingsSlideIn .55s cubic-bezier(.22,.8,.25,1)}.panel.settings-tab-open h2{font-size:clamp(38px,6vw,58px);margin-top:22px}.settings-back{display:block;width:100%;margin-top:30px;text-align:center}.panel.settings-tab-open .panel-close{display:none}@keyframes settingsSlideIn{0%{transform:translate(100%);opacity:.4}to{transform:translate(0);opacity:1}}.level-transition{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:30;pointer-events:none;opacity:0;transform:scale(.1) rotate(-20deg);background:conic-gradient(from 0deg at 50% 50%,transparent 0 10deg,#72e8ff 16deg 24deg,transparent 30deg 78deg,#b284ff 84deg 94deg,transparent 100deg 160deg,#5fffd0 168deg 178deg,transparent 184deg 360deg);mix-blend-mode:screen}.level-transition.swirling{animation:levelSwirl .85s cubic-bezier(.6,0,.2,1) both}@keyframes levelSwirl{0%{opacity:0;transform:scale(.1) rotate(-20deg)}35%{opacity:.82}to{opacity:0;transform:scale(2.2) rotate(210deg)}}.menu-copy{padding-top:clamp(105px,15vh,180px)}.menu .brand{position:absolute;left:50%;top:clamp(40px,12vh,140px);width:max-content;margin:0;transform:translate(-50%) skew(-6deg)}@keyframes titleFloat{0%,to{transform:translate(-50%) skew(-6deg) translateY(0) rotate(0)}50%{transform:translate(-50%) skew(-6deg) translateY(-8px) rotate(-1deg)}}.hud .hud-top{justify-content:center;padding:26px 20px;background:linear-gradient(#071326dd,transparent)}.hud .hud-top .stat{align-items:center;gap:2px}.hud .hud-top .stat small{font-size:11px;letter-spacing:.22em;color:#9ddfff}.hud #timer{font-family:Skyline Display,Arial Black,sans-serif;font-size:clamp(42px,7vw,78px);line-height:.9;letter-spacing:.08em;color:#f2fdff;text-shadow:0 0 12px #48dcff,0 0 30px #238dff;animation:timerFlash 1.15s ease-in-out infinite}@keyframes timerFlash{0%,to{opacity:.78;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.45);text-shadow:0 0 16px #8af0ff,0 0 42px #43a7ff}}.account-file-tools{margin-top:28px;padding-top:20px;border-top:1px solid #315978}.account-file-tools .settings-actions{margin-top:12px}.account-file-tools .settings-actions>*{font-size:11px}.title-platform{display:inline-block;position:relative;width:.78em;height:.72em;margin:0 .02em;vertical-align:-.04em;transform:skew(-6deg);animation:platformLogoFloat 2.7s ease-in-out infinite}.title-platform:before{content:"";position:absolute;left:2%;right:2%;top:35%;height:.18em;background:linear-gradient(90deg,#63dfff,#f0fdff 45%,#6de4ff);border:2px solid #b7f7ff;box-shadow:0 0 .18em #55dcff,0 .08em .2em #102e73;transform:skew(-18deg)}.title-platform:after{content:"";position:absolute;left:16%;right:16%;top:52%;height:.3em;background:linear-gradient(135deg,#163d79,#4e80bd 55%,#142e63);clip-path:polygon(7% 0,93% 0,78% 100%,22% 100%);filter:drop-shadow(0 .05em .03em #050b26)}@keyframes platformLogoFloat{0%,to{transform:skew(-6deg) translateY(0)}50%{transform:skew(-6deg) translateY(-.06em) rotate(-2deg)}}.title-platform{width:.9em;height:.68em;background:linear-gradient(145deg,#9ff6ff,#3999d5 30%,#173e80 78%,#0c2457);clip-path:polygon(12% 8%,88% 8%,100% 50%,88% 92%,12% 92%,0 50%);filter:drop-shadow(0 0 .12em #4cdfff) drop-shadow(0 .08em .08em #06143e);transform:skew(-6deg) rotate(0)}.title-platform:before{content:"";position:absolute;top:11%;right:11%;bottom:11%;left:11%;background:linear-gradient(135deg,transparent 0 44%,#78eaff 45% 48%,transparent 49%),linear-gradient(45deg,transparent 0 48%,#235991 49% 52%,transparent 53%),repeating-linear-gradient(90deg,#2b6dab 0,#2b6dab 2px,#21548e 2px,#21548e 5px);clip-path:polygon(10% 5%,90% 5%,100% 50%,90% 95%,10% 95%,0 50%);opacity:.9}.title-platform:after{content:"";position:absolute;left:25%;right:25%;top:47%;height:7%;background:#d9ffff;box-shadow:0 0 .15em #5de6ff,0 0 .3em #5de6ff;transform:skew(-16deg)}.menu #resume{display:block;width:min(250px,72vw);margin:14px auto 0;border:1px solid #67d8ad66;background:#123b3cbb;text-align:center;font-family:Skyline Display,Arial Black,sans-serif;letter-spacing:.14em}.menu #resume:hover{border-color:#7fffd0;color:#eafff8;box-shadow:0 0 25px #56e0b466}