:root{--cyan:#58e8d1;--amber:#e9bd78;--glass:rgba(11,21,29,.84);--light:#edf6f4;--muted:#98aeb5;--border:rgba(156,208,208,.23)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#070e14;color:var(--light);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}button,select{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:active{transform:scale(.96)}#world{width:100vw;height:100dvh;position:absolute;inset:0;display:block;touch-action:none}#shade{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 45% 55%,transparent 28%,rgba(0,0,0,.24) 96%)}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#joystick{pointer-events:auto}#headbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 16px) 0 calc(env(safe-area-inset-left,0px) + 16px);background:linear-gradient(#03090bd9,transparent)}.brand{display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 9px #000}.brand .eyebrow{letter-spacing:.21em;font-size:8px;font-weight:800;color:var(--amber)}.brand b{font-size:11px;letter-spacing:.13em}.brand b i{font-style:normal;color:var(--cyan)}.topactions{display:flex;gap:10px;align-items:center}.wave-tag{background:#1a272dbf;border:1px solid var(--border);padding:9px 11px;letter-spacing:.13em;font-size:10px;font-weight:900}.iconbtn{width:35px;height:35px;border-radius:10px;border:1px solid var(--border);background:#15232cce;font-weight:900}.meters{display:flex;flex-direction:column;gap:6px;min-width:145px;width:clamp(145px,23vw,238px)}#status{position:absolute;top:calc(env(safe-area-inset-top,0px) + 56px);left:calc(env(safe-area-inset-left,0px) + 15px);right:calc(env(safe-area-inset-right,0px) + 13px);display:flex;justify-content:space-between;align-items:flex-start}.meter{display:flex;flex-direction:column;gap:4px}.meter span{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--muted);text-shadow:0 1px 7px #000}.meter b{color:#e6f1ed;font-variant-numeric:tabular-nums}.track{height:6px;border-radius:2px;background:#15242ae0;overflow:hidden;border:1px solid #53717855}.fill{height:100%;transition:width .14s;box-shadow:0 0 12px currentColor}.health{background:linear-gradient(90deg,#bb334c,#ff666e);color:#f36372}.stamina{background:linear-gradient(90deg,#1e988b,#65f1dc);color:#5cf8dd}.miniStats{display:flex;gap:9px;font-size:8px;font-weight:800;letter-spacing:.05em;color:#d1cbc0;flex-wrap:wrap}.minimap{width:clamp(92px,14vw,130px);background:#0c1821dd;padding:4px;border:1px solid #508c8890;box-shadow:0 7px 24px #0007;backdrop-filter:blur(9px)}.minimap canvas{width:100%;height:auto;display:block}.miniCaption{text-align:center;font-size:8px;color:var(--muted);letter-spacing:.14em;font-weight:800}#objective{position:absolute;top:calc(env(safe-area-inset-top,0px) + 149px);left:calc(env(safe-area-inset-left,0px) + 15px);display:flex;align-items:center;gap:8px;padding:9px 11px;background:#0b1921d6;min-width:192px;border:1px solid #5ec3be30;border-left:2px solid var(--cyan)}#objectiveIcon{font-size:18px;color:var(--cyan)}#objective div{display:flex;flex-direction:column;gap:3px}#objective small{font-size:8px;color:var(--muted);letter-spacing:.18em}#objective b{font-size:10px;letter-spacing:.08em}#killsText{margin-left:auto;white-space:nowrap;font-size:8px;color:var(--amber)}#toast{position:absolute;top:30%;left:50%;transform:translateX(-50%);text-align:center;min-width:180px;max-width:72%;font-size:12px;letter-spacing:.1em;font-weight:900;color:#edfff8;text-shadow:0 3px 10px #000;transition:opacity .2s;opacity:0}#toast.on{opacity:1}#toast small{display:block;font-size:10px;font-weight:500;margin-top:4px;letter-spacing:.02em;color:#bfe1d9}#footbar{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 17px);right:calc(env(safe-area-inset-right,0px) + 17px);display:flex;align-items:end;justify-content:space-between;gap:13px}#joystick{width:138px;height:140px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;touch-action:none}.ring{width:122px;height:122px;border:1px solid #89a6a17a;border-radius:50%;background:radial-gradient(circle,#1b383b88,#0c171fa8);box-shadow:inset 0 0 40px #4fc5b10e,0 3px 40px #0006;display:flex;justify-content:center;align-items:center;position:relative}.ring:after{content:'';position:absolute;width:82%;height:82%;border-radius:50%;border:1px dashed #81dbd33d}.stick{position:relative;z-index:2;width:54px;height:54px;background:radial-gradient(circle at 35% 27%,#4d777d,#152e36);border:1px solid #c2e3e19c;border-radius:50%;box-shadow:0 0 22px #57f1e632,inset 0 0 12px #7cceca22;transform:translate(0px,0px);pointer-events:none}.joyCaption{font-size:8px;letter-spacing:.2em;color:#adbebd;font-weight:800;padding-top:4px}#auxControls{display:flex;flex-direction:column;gap:8px;margin-right:auto;margin-left:7px}.auxbtn{width:58px;height:48px;background:#111f29c9;border:1px solid #4768759c;font-size:10px;font-weight:800;letter-spacing:.12em}.auxbtn small,.skill small{display:block;font-size:7px;color:#abc6c5;font-weight:700;margin-top:2px}.auxbtn.pressed{border-color:var(--cyan);background:#1a514ecb}#combat{width:205px;display:grid;grid-template-rows:auto auto auto;gap:6px;justify-items:stretch;pointer-events:auto}.combatTop{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.skill{height:48px;font-size:19px;border-radius:11px;background:#12212aca;border:1px solid #53726d9c;font-weight:800}.skill.med{color:#85fbd6}.fire{height:66px;border-radius:14px;border:2px solid #d99a75;background:linear-gradient(145deg,#ac4f45df,#522e37ee);box-shadow:0 0 29px #e9715840,inset 0 0 19px #ffb69023;font-weight:950;font-size:24px;letter-spacing:.16em;text-shadow:0 1px 8px #0008}.fire span{display:block;font-size:10px;color:#ffe3bf;letter-spacing:.06em;font-variant-numeric:tabular-nums}.fire.firing{filter:brightness(1.35)}.reload{height:24px;border:1px solid #45656f55;background:#1b2c35b0;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#b6d0d0}#hitFlash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 35%,rgba(255,40,65,.34));transition:opacity .17s}#rotateHint{display:none;position:absolute;bottom:calc(155px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.12em;border:1px solid #aab8b35a;padding:8px 10px;background:#07121de0}#rotateHint button{margin-left:10px;color:#baf0e3;background:transparent;border:0}.overlay{position:fixed;inset:0;z-index:10;background:linear-gradient(145deg,#030911b3,#051319d0),url('assets/ui/cover.webp') center / cover;display:flex;align-items:center;justify-content:center;overflow:auto;padding:18px calc(env(safe-area-inset-right,0px) + 18px) 18px calc(env(safe-area-inset-left,0px) + 18px);backdrop-filter:blur(8px);touch-action:pan-y}.startPanel,.modal{width:min(100%,690px);max-height:min(98%,680px);overflow-y:auto;padding:clamp(18px,3vh,26px);background:linear-gradient(145deg,#0c1823f0,#080f18f0);border:1px solid #6ab2ab69;box-shadow:0 22px 110px #000e,inset 0 0 60px #3b8e884d;border-radius:8px;touch-action:pan-y}.tinyline{font-size:9px;font-weight:850;color:var(--cyan);letter-spacing:.19em;display:flex;justify-content:space-between}.build{color:#d1a779}.startPanel h1{font-size:clamp(30px,6vw,57px);line-height:.92;letter-spacing:-.065em;font-weight:1000;margin:15px 0 11px;text-shadow:0 3px 15px #000}.startPanel h1 span{color:var(--amber);font-size:.75em;letter-spacing:.012em}.hook{font-size:12px;color:#c5d7d7;margin:4px 0 18px}.heroTitle{font-size:10px;letter-spacing:.19em;font-weight:900;margin:0 0 9px;color:#b0c0ba}.heroGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.heroCard{min-width:0;background:#15232d;border:1px solid #45595d;border-radius:7px;padding:11px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.heroCard.active{border-color:var(--cyan);background:linear-gradient(170deg,#1d4649,#14222b);box-shadow:inset 0 0 18px #3ce3ce17}.avatar{font-size:23px;background:linear-gradient(#314b52,#14242e);width:45px;height:45px;border:1px solid #688883;border-radius:50%;display:grid;place-items:center;color:var(--amber);font-weight:900}.heroCard b{font-size:11px;letter-spacing:.12em}.heroCard small{font-size:8px;color:#b4c5c9}.heroCard em{font-style:normal;font-size:8px;color:var(--cyan)}.startOptions{margin:14px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.startOptions label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em}.startOptions select{background:#172b36;border:1px solid #527474;border-radius:3px;padding:7px;font-size:10px}.warning{font-size:9px;color:#adc3c3;text-align:right}.primary,.secondary{display:block;width:100%;padding:12px 14px;margin-top:7px;border-radius:5px;letter-spacing:.14em;font-size:11px;font-weight:950}.primary{color:#061211;background:linear-gradient(120deg,#8bffdb,#35c7b1);border:1px solid #a3ffe8;box-shadow:0 0 20px #5ae8c742}.primary span{float:right;font-size:20px;line-height:10px}.secondary{background:#172936;color:#c6dbda;border:1px solid #61848270}.subline{font-size:9px;letter-spacing:.1em;text-align:center;color:#97b7b9;margin-top:11px}.modal{max-width:385px;overflow:visible}.modal h2{font-size:35px;margin:12px 0 10px;letter-spacing:.04em}.modal p{color:#bbcdcc;font-size:13px}.inventoryStats{background:#0a1720cc;border:1px solid #51737852;border-radius:6px;margin:13px 0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.inventoryStats div{font-size:9px;color:#9dbbbc;letter-spacing:.1em}.inventoryStats b{display:block;color:#fff;font-size:16px;margin-top:4px;letter-spacing:.02em}@media (orientation:portrait){#footbar{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)}#joystick{height:154px;width:130px}.ring{width:113px;height:113px}#auxControls{margin-left:0;gap:8px}.auxbtn{width:51px;height:47px}#combat{width:min(46vw,195px)}.fire{height:70px}#rotateHint{display:block}#status{top:calc(env(safe-area-inset-top,0px) + 60px)}#objective{top:calc(env(safe-area-inset-top,0px) + 165px)}}@media (max-width:410px){#combat{width:46vw}.skill{font-size:17px;height:45px}.ring{width:99px;height:99px}.stick{width:46px;height:46px}#joystick{width:102px;height:120px}#auxControls{margin-left:-6px}#footbar{left:10px;right:10px;gap:3px}.auxbtn{width:45px;height:44px}.brand b{font-size:9px}#status{left:10px;right:10px}.minimap{width:94px}#objective{left:10px;top:calc(env(safe-area-inset-top,0px) + 160px)}.startPanel{padding:18px 14px}.startPanel h1{font-size:32px}.warning{max-width:140px}}@media (orientation:landscape) and (max-height:450px){#status{top:calc(env(safe-area-inset-top,0px) + 42px)}#headbar{padding-top:calc(env(safe-area-inset-top,0px) + 5px)}#objective{top:calc(env(safe-area-inset-top,0px) + 130px)}#footbar{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}#joystick{height:107px;width:105px}.ring{width:93px;height:93px}.stick{width:41px;height:41px}#combat{width:190px}.skill{height:33px;font-size:14px}.fire{height:45px;font-size:17px}.reload{height:17px}.auxbtn{height:36px}.heroGrid .avatar{width:32px;height:32px;font-size:16px}.startPanel{max-height:96vh}.startPanel h1{font-size:30px;margin:7px 0}.hook{margin:2px 0 8px}.heroCard{padding:5px}.startOptions{margin:7px 0}}

/* v0.2 premium responsive release refinements */
.heroGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.heroCard{padding:7px 5px;min-height:91px;transition:background .15s,border-color .15s,transform .15s}.heroCard:hover{border-color:#81efda;transform:translateY(-1px)}.heroCard.active{background:linear-gradient(155deg,#274d4c,#15262d);box-shadow:inset 0 0 24px #3ae2b52b,0 0 0 1px #4dcdb62c}.avatar{width:37px;height:37px;font-size:18px}.startPanel{max-height:min(97dvh,800px)}.startPanel h1{margin:10px 0 8px}.hook{margin:3px 0 13px}.heroTitle{margin-bottom:7px}.startOptions{margin:10px 0}.overlay{scrollbar-width:thin;scrollbar-color:#73999d transparent}@media (orientation:landscape) and (max-height:500px){.heroGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.heroCard{min-height:69px}.heroCard .avatar{width:27px;height:27px;font-size:14px}.startPanel{max-height:98dvh}.startPanel h1{font-size:31px;margin:6px 0}.heroCard small,.heroCard em{font-size:7px}}
/* Browser-specific presentation skins; semantic damage and economy remain unchanged. */
body[data-hud="NEON"]{--cyan:#36f6e7;--amber:#eab0ff;--border:#36f6e755}
body[data-hud="CHROME"]{--cyan:#cfe7f2;--amber:#f3d294;--border:#d1e2f475}
body[data-hud="TACTICAL"]{--cyan:#b6e38b;--amber:#e5d190;--glass:#151e13e5;--border:#82af6980}
body[data-hud="ACCESSIBLE"]{--cyan:#ffffff;--amber:#ffde69;--muted:#ffffff;--border:#ffffffb0}
body[data-hud="MINIMAL"] #headbar{background:transparent}
body[data-hud="MINIMAL"] .miniCaption,body[data-hud="MINIMAL"] .brand .eyebrow,body[data-hud="MINIMAL"] .wave-tag{display:none}
body[data-hud="FIELD"]{--cyan:#58e8d1;--amber:#e9bd78}
body.highContrast #status,body.highContrast #objective,body.highContrast .modal{filter:contrast(1.2)}
body.highContrast .meter span,body.highContrast .warning{color:#ffffff}
body.reduceMotion *,body.reduceMotion *::before,body.reduceMotion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* v0.4: independent interaction and reload affordances */
.interactRow{display:flex;gap:5px;align-items:center;justify-content:center}.interactRow .reload{flex:1;min-width:0;padding-left:5px;padding-right:5px}.interactRow #interactBtn{color:#fae0a5;border-color:#d6a55c88}.startPanel{scrollbar-width:thin;scrollbar-color:#5a8e92 #091621}button:focus-visible,select:focus-visible{outline:2px solid #a1f3e4;outline-offset:2px}
@media(max-width:760px){.interactRow .reload{font-size:9px}}