@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,sans-serif;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}.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 DM Mono,monospace;letter-spacing:.12em;color:#e4f6ff}.brand span{color:#75ddff}.brand b{color:#8494b0;font-weight:400}.eyebrow{margin:25px 0 11px;font:12px DM Mono,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 DM Mono,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 DM Mono,monospace;letter-spacing:.1em}input,select{border:1px solid #274261;background:#0c1c34;color:#d9edff;padding:12px 13px;border-radius:3px;font:13px DM Mono,monospace;outline:none}input:focus,select:focus{border-color:#6ddaff}.seed-row{grid-template-columns:1fr auto;align-items:end}.seed-row .ghost{height:39px}.primary,.ghost,.menu-nav button{border:0;cursor:pointer;border-radius:3px;font:600 12px DM Mono,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 DM Mono,monospace}.controls small{display:block;color:#778ba9;font-size:9px;margin-top:4px}.validation{margin-top:15px;color:#62dda9;font:10px DM Mono,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 DM Mono,monospace;letter-spacing:.12em}.stat strong{font:500 13px DM Mono,monospace;color:#dff4ff}.crosshair{position:absolute;inset:50% auto auto 50%;color:#bdefff;font:18px DM Mono,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 DM Mono,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 DM Mono,monospace}.fall-screen small{color:#bfcedd;font:12px DM Mono,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 DM Mono,monospace;letter-spacing:.15em}.finish-card h2{font:600 52px DM Mono,monospace;margin:14px 0;color:#e3f8ff}.finish-card p{color:#9aafc8;font:11px DM Mono,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 DM Mono,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)}}