*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b1020;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#title-screen,#death-screen,#pause-menu,#lb-screen,#pause-btn,.menu-btn,#restart-btn,#name-input{touch-action:manipulation}#vignette{opacity:0;background:radial-gradient(#0000 42%,#be1414bf 100%);transition:opacity 90ms linear;position:absolute;inset:0}#hud{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;gap:6px;width:min(34vw,230px);display:flex;position:absolute}.bar{background:#0a0e188c;border:1px solid #ffffff40;border-radius:7px;height:15px;position:relative;overflow:hidden}.bar-label{letter-spacing:1.2px;color:#ffffffeb;text-shadow:0 1px 2px #000000d9;pointer-events:none;font-size:9px;font-weight:800;line-height:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.bar-fill{transform-origin:0;border-radius:6px;width:100%;height:100%;transform:scaleX(1)}.bar-health .bar-fill{background:linear-gradient(#e5574a,#b32d22)}.bar-health.regen .bar-fill{animation:1.4s ease-in-out infinite regen-pulse}@keyframes regen-pulse{50%{filter:brightness(1.55)}}.popup-heal{color:#ff8f80}.bar-fire .bar-fill{background:linear-gradient(#ffd24a,#e0561a)}.bar-boost .bar-fill{background:linear-gradient(#6cc7ff,#2f7fd1)}.bar-food .bar-fill{background:linear-gradient(#b5713f,#7d4a26)}.bar-boost{height:12px}.bar-boost .bar-label,.bar-xp .bar-label{font-size:8px}.bar-xp{height:11px}.bar-xp .bar-fill{background:linear-gradient(#9fe06c,#5ca33a)}#level-badge{color:#ffe9a8;background:radial-gradient(#3a4a6b,#1c2438);border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex;position:absolute;top:-6px;left:-4px;transform:translate(-100%)}#hud{margin-left:40px}#level-badge.pulse{animation:.7s ease-out badge-pulse}#score{color:#ffe9a8;text-shadow:0 1px 3px #000000b3;margin-top:2px;font-size:17px;font-weight:800}.popup-score{color:#fff3c8}@keyframes badge-pulse{0%{transform:translate(-100%)scale(1)}35%{transform:translate(-100%)scale(1.45);box-shadow:0 0 22px 6px #ffe9a8cc}to{transform:translate(-100%)scale(1)}}.target-bar{pointer-events:none;background:#080a10b3;border:1px solid #fff6;border-radius:3px;height:6px;position:absolute;overflow:hidden}.target-bar-fill{transform-origin:0;background:linear-gradient(#ff7a5c,#c93a26);width:100%;height:100%}.popup{text-shadow:0 1px 3px #000000b3;white-space:nowrap;will-change:top, opacity;font-size:18px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.popup-food{color:#ffd24a}.popup-xp{color:#9fe388}.popup-level{color:#ffec8a;letter-spacing:1px;font-size:30px}#death-screen{opacity:0;pointer-events:none;z-index:30;background:#05060c00;justify-content:center;align-items:center;transition:opacity 1.4s,background 1.4s;display:flex;position:absolute;inset:0}#ui.player-dead #joy-zone,#ui.player-dead .touch-btn,#ui.player-dead #pause-btn{display:none}#title-screen{z-index:25}#death-screen.visible{opacity:1;pointer-events:auto;background:#05060cd1}.death-inner{text-align:center;color:#e8e4da}.death-inner h1{color:#ff9d6c;margin-bottom:14px;font-size:34px;font-weight:800}.death-level{margin-bottom:6px;font-size:20px}.death-level strong{color:#ffe9a8;font-size:26px}.death-best{opacity:.7;margin-bottom:26px;font-size:14px}#death-screen button,.menu-btn{pointer-events:auto;font:inherit;color:#ffe9d6;cursor:pointer;background:linear-gradient(#b03a2e,#7d241b);border:2px solid #ffffff59;border-radius:12px;padding:12px 34px;font-size:18px;font-weight:700}#death-screen button:active,.menu-btn:active{transform:scale(.96)}.menu-btn.small{background:linear-gradient(#2c3a57,#1c2438);padding:9px 18px;font-size:14px}.toggle-row{justify-content:center;gap:10px;margin-top:18px;display:flex}#title-screen{pointer-events:auto;cursor:pointer;background:radial-gradient(at 50% 30%,#0a102240,#060912c7);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.title-inner{text-align:center;color:#eef2f5}.title-inner h1{letter-spacing:4px;color:#ff9d6c;text-shadow:0 4px 24px #b03a2e8c;font-size:clamp(44px,9vw,84px);font-weight:900;line-height:.95}.title-inner h1 span{color:#ffe9a8;letter-spacing:12px;font-size:.62em;display:block}.title-controls{opacity:.85;margin-top:18px;font-size:14px}.title-best{opacity:.65;margin-top:8px;font-size:13px}.title-start{color:#ffe9a8;margin-top:22px;font-size:19px;font-weight:700;animation:1.6s ease-in-out infinite start-blink}#identity-row{flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}#title-name{font:inherit;text-align:center;color:#eef2f5;pointer-events:auto;touch-action:manipulation;background:#0a0e18b3;border:1px solid #ffffff73;border-radius:10px;outline:none;width:190px;padding:9px 14px;font-size:16px}#title-name:focus{border-color:#ffd24a}#skin-row{gap:10px;display:flex}.skin-swatch{cursor:pointer;pointer-events:auto;touch-action:manipulation;border:2px solid #ffffff59;border-radius:50%;width:44px;height:44px;padding:0;position:relative}.skin-swatch span{letter-spacing:.5px;color:#ffffffbf;pointer-events:none;font-size:9px;font-weight:700;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.skin-swatch.selected{border-color:#ffd24a;transform:scale(1.12);box-shadow:0 0 14px 3px #ffd24a8c}.peer-name{color:#fff;text-shadow:0 1px 3px #000000e6;letter-spacing:.5px;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%,-100%)}#online-count{top:calc(12px + env(safe-area-inset-top));right:calc(100px + env(safe-area-inset-right));color:#ffffffd9;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:700;position:absolute}@keyframes start-blink{50%{opacity:.45}}#pause-menu{pointer-events:auto;background:#06091299;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#pause-menu.visible{display:flex}.pause-inner{color:#eef2f5;flex-direction:column;align-items:center;gap:14px;display:flex}.pause-inner h2{font-size:30px;font-weight:800}#pause-btn{top:calc(10px + env(safe-area-inset-top));right:calc(54px + env(safe-area-inset-right));color:#fff;pointer-events:auto;cursor:pointer;background:#0a0e188c;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:absolute}#joy-zone{pointer-events:auto;touch-action:none;width:50%;height:65%;position:absolute;bottom:0;left:0}#joy-base{background:#141a2c4d;border:2px solid #fff6;border-radius:50%;width:116px;height:116px;display:none;position:absolute;transform:translate(-50%,-50%)}#joy-base.active{display:block}#joy-knob{background:#ffffff8c;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-btn{right:calc(18px + env(safe-area-inset-right));color:#ffffffe6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;font-size:15px;font-weight:800;display:flex;position:absolute}#btn-fire{bottom:calc(26px + env(safe-area-inset-bottom));background:radial-gradient(#dc5a2880,#a032198c)}#btn-boost{bottom:calc(128px + env(safe-area-inset-bottom));right:calc(34px + env(safe-area-inset-right));background:radial-gradient(#4682c873,#28508c80);width:70px;height:70px;font-size:12px}.touch-btn.held{filter:brightness(1.5);transform:scale(.94)}.touch-btn .btn-glyph{font-size:22px;line-height:1}.touch-btn .btn-caption{letter-spacing:.5px;opacity:.85;margin-top:1px;font-size:8px}#btn-speed-up,#btn-speed-down{width:58px;height:58px;right:calc(40px + env(safe-area-inset-right));background:radial-gradient(#78829166,#46505f80);flex-direction:column}#btn-speed-up{bottom:calc(286px + env(safe-area-inset-bottom))}#btn-speed-down{bottom:calc(216px + env(safe-area-inset-bottom))}#lb-screen{pointer-events:auto;z-index:20;background:#060912c7;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#lb-screen.visible{display:flex}.lb-inner{color:#eef2f5;flex-direction:column;align-items:center;gap:12px;width:min(86vw,380px);max-height:80vh;display:flex}.lb-inner h2{color:#ffe9a8;font-size:26px;font-weight:800}.lb-list{flex-direction:column;gap:4px;width:100%;display:flex;overflow-y:auto}.lb-list.compact{max-height:30vh;margin-top:10px}.lb-row{background:#ffffff12;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font-size:15px;display:flex}.lb-row.me{background:#ffe9a82e;border:1px solid #ffe9a866}.lb-rank{color:#ffd24a;width:26px;font-weight:800}.lb-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.lb-score{color:#ffd24a;font-variant-numeric:tabular-nums;font-weight:700}.lb-level{color:#9fe388;text-align:right;width:46px;font-weight:700}.lb-empty,.lb-local{opacity:.7;text-align:center;font-size:13px}.death-rank{color:#ffd24a;margin:6px 0;font-size:22px;font-weight:800}.submit-row{justify-content:center;gap:8px;margin:10px 0 4px;display:flex}#name-input{font:inherit;color:#eef2f5;background:#0a0e18b3;border:1px solid #fff6;border-radius:10px;outline:none;width:150px;padding:9px 12px;font-size:16px}#name-input:focus{border-color:#ffd24a}#world-fade{opacity:0;pointer-events:none;z-index:15;background:#06090f;position:absolute;inset:0}#world-toast{text-align:center;letter-spacing:5px;color:#ffe9a8;text-shadow:0 3px 18px #000000a6;opacity:0;pointer-events:none;font-size:clamp(26px,5vw,44px);font-weight:900;transition:opacity .8s;position:absolute;top:18%;left:0;right:0}#world-toast.visible{opacity:1}@media (max-height:430px){.touch-btn,#btn-fire{width:66px;height:66px;font-size:12px}#btn-fire{bottom:calc(14px + env(safe-area-inset-bottom))}#btn-boost{width:54px;height:54px;bottom:calc(92px + env(safe-area-inset-bottom));font-size:10px}#btn-speed-up,#btn-speed-down{width:46px;height:46px}#btn-speed-down{bottom:calc(154px + env(safe-area-inset-bottom))}#btn-speed-up{bottom:calc(208px + env(safe-area-inset-bottom))}.touch-btn .btn-glyph{font-size:16px}.touch-btn .btn-caption{font-size:7px}#hud{width:min(30vw,190px)}}#fps{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));color:#8f8;white-space:pre;text-align:right;background:#0000008c;border-radius:6px;padding:4px 8px;font:11px/1.5 ui-monospace,Menlo,monospace;position:absolute}