:root{--ink:#e7f1ef;--muted:#9bb4bd;--accent:#7ce6d0;--panel:#102431f2}*{box-sizing:border-box}body{margin:0;background:#142c3c;color:var(--ink);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;min-height:46px;border:1px solid #56717f;border-radius:12px;background:#213b4b;color:var(--ink);padding:10px 17px}button:hover,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}canvas#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:22px;pointer-events:none}.brand{font-size:29px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 8px #071825}.brand span{color:var(--accent)}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#c6d9de}header #connection{margin-left:auto;background:#102431ed;border:1px solid #355260;border-radius:24px;padding:11px 20px;font-size:12px}header button{pointer-events:auto}.panel{position:fixed;top:100px;left:5vw;width:480px;max-width:90vw;max-height:calc(100dvh - 120px);overflow:auto;padding:30px;background:var(--panel);border:1px solid #42616e;border-radius:24px;box-shadow:0 24px 80px #071622a8;backdrop-filter:blur(20px)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:39px;line-height:1.12;font-weight:650;letter-spacing:-1.6px;margin:20px 0}h1 em{font-style:normal;color:#ffda9f}.intro{line-height:1.6;color:#c3d3db;font-size:14px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.badges span{font-size:10px;border:1px solid #46616d;border-radius:20px;padding:7px 9px}label{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:14px 0}input,select{display:block;border:1px solid #526a76;border-radius:9px;color:var(--ink);background:#152e3d;width:100%;padding:13px 12px;margin-top:7px;min-width:0;font-size:14px}.row{display:flex;gap:14px}.row label{flex:1;min-width:0}.primary{background:var(--accent);color:#102c32;border:0;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between;width:100%;margin:12px 0}.fine{font-size:11px;line-height:1.6;color:var(--muted)}footer{border-top:1px solid #355260;padding-top:16px;margin-top:20px;font-size:9px;letter-spacing:1px}footer span{float:right;color:var(--muted)}#hud{pointer-events:none}#hud button{pointer-events:auto}.vitals,.weapon{position:fixed;bottom:88px;left:24px;background:var(--panel);padding:16px 20px;border:1px solid #4b6472;border-radius:14px;width:240px}.vitals strong{display:block}.vitals span{font-size:11px;color:var(--muted)}.bar{height:5px;background:#3a5361;border-radius:6px;overflow:hidden;margin:10px 0 5px}.bar i{display:block;width:100%;height:100%;background:var(--accent);transition:width .1s}.vitals small,.weapon small{font-size:10px;letter-spacing:1px}.weapon{left:280px;width:185px}.weapon strong{display:block;margin:7px 0}.charge i{background:#ffd697;width:0}#radar{position:fixed;right:24px;bottom:24px;border:1px solid #5b7380;border-radius:12px;background:#102431eb}#leaders{position:fixed;right:24px;top:93px;font-size:12px;background:var(--panel);padding:18px 24px 18px 38px;border-radius:14px;line-height:2;min-width:170px}#gear{position:fixed;left:24px;bottom:24px;display:flex;gap:8px}#gear button{font-size:10px;background:#102431df}#gear button.active{border-color:var(--accent);color:var(--accent)}#respawn{position:fixed;top:40%;width:100%;text-align:center;font-size:32px;font-weight:700;text-shadow:0 2px 10px #000}#notice{position:fixed;top:82px;left:50%;transform:translateX(-50%);font-size:13px;padding:10px 20px;border-radius:20px;background:#142a38;display:none}#touch{display:none}#touch>*{touch-action:none;position:fixed;user-select:none}#stick,#aim{width:116px;height:116px;border:1px solid #a3d6df70;background:#142e3b70;border-radius:50%;bottom:max(25px,env(safe-area-inset-bottom))}#stick{left:24px}#aim{right:24px}#stick i,#aim i{display:block;position:absolute;top:37px;left:37px;width:40px;height:40px;border:1px solid #b3e0df;background:#5ca69e88;border-radius:50%;pointer-events:none}#aim span{position:absolute;bottom:12px;width:100%;text-align:center;font-size:9px;pointer-events:none}#jump{right:152px;bottom:36px;width:66px;height:66px;border-radius:50%;background:#244958cf}#swap{right:158px;bottom:112px;font-size:10px}#touch.playing{display:block}@media(pointer:fine){#touch.playing{display:none}}[hidden]{display:none!important}@media(max-width:760px){header{left:16px;right:16px;top:12px;gap:8px}.brand{font-size:23px}.brand small{font-size:8px}header #connection{font-size:10px;padding:9px 12px}.panel{left:5vw;top:82px;padding:22px;max-height:calc(100dvh - 96px)}h1{font-size:32px}.vitals{bottom:auto;top:82px;left:16px;width:170px;padding:10px 14px}.weapon{bottom:auto;top:82px;left:196px;width:130px;padding:10px 14px}#leaders{display:none}#gear{display:none}#radar{width:110px;height:74px;right:16px;bottom:166px}}@media(max-height:510px){.panel{top:70px;max-height:calc(100dvh - 82px);width:430px}.panel h1{font-size:26px;margin:8px 0}.panel .intro{display:none}.badges{margin:10px 0}.vitals,.weapon{top:76px;bottom:auto;padding:8px 12px}.vitals{width:160px}.weapon{left:194px;width:130px}.vitals strong{font-size:12px}#leaders{display:none}#radar{width:100px;height:67px;bottom:165px}#gear{display:none}}

/* 0.35: original wordmark, warm readable panels and district navigation. */
.brand img{display:block;width:142px;height:56px;object-fit:contain}.brand small{text-align:center;margin-top:3px}
#district{font-size:11px;letter-spacing:2px;color:#f6d3a2;border-left:2px solid #8adbc7;padding-left:16px;text-shadow:0 1px 4px #13242e}
header{z-index:3}.panel{top:112px;border-color:#7a949d}.vitals,.weapon{box-shadow:0 7px 24px #12273655}.bar{height:7px}#radar{box-shadow:0 6px 20px #10243155}
@media(max-width:760px){.brand img{width:106px;height:41px}#district{display:none}.panel{top:89px;max-height:calc(100dvh - 105px)}}
@media(max-height:510px){.brand img{width:105px;height:40px}#district{display:none}.panel{top:77px;max-height:calc(100dvh - 90px)}}