:root{color:#eff5ef;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;background:#0b0f0d;font-family:Courier New,Liberation Mono,monospace;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{min-height:100svh}h1,h2,p{margin:0}button,input,textarea,select{font:inherit}:root{--bg-0:#0e120f;--bg-1:#161c18;--bg-2:#222a26;--line:#334039;--text:#eff5ef;--muted:#9fb0a4;--danger:#ff5b63;--xp:#63d9ff;--accent:#68f0b5;--gold:#ffd34c}.game-page{min-height:100svh;color:var(--text);background:linear-gradient(#30423824,#0000 22%),linear-gradient(#0b0f0d 0%,#101512 100%);overflow:hidden}.game-shell{width:100%;min-height:100svh;padding:0;position:relative}.top-hud,.side-panel,.overlay,.pixel-card,.pixel-stat,.meter,.arena{border:2px solid var(--line);box-shadow:4px 4px #00000061}.top-hud{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#101512cc;grid-template-columns:1fr;gap:5px;width:min(300px,100% - 28px);padding:6px;display:grid;position:absolute;top:14px;left:14px}.top-hud-main,.top-hud-stats{gap:4px;display:grid}.top-hud-stats{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.pixel-stat{background:var(--bg-1);padding:6px}.pixel-stat span,.meter-label,.weapon-list span,.overlay-label,.pixel-card span,.legend,.help-text{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.pixel-stat strong,.meter-label-row strong,.weapon-list strong,.pixel-card strong{color:var(--text);margin-top:2px;font-size:13px;display:block}.top-hud-stats .pixel-stat{white-space:nowrap;align-items:center;gap:3px;min-height:0;padding:2px 4px;display:inline-flex}.top-hud-stats .pixel-stat span{font-size:8px;line-height:1}.top-hud-stats .pixel-stat strong{margin-top:0;font-size:10px;line-height:1;display:inline}.top-hud-stats .pixel-stat:nth-child(2){display:none}.pixel-stat.bright{background:#1b2b20}.pixel-stat.danger{background:#2d1719;border-color:#6e3438}.meter-block{background:var(--bg-1);border:2px solid var(--line);padding:5px}.meter-label-row{justify-content:space-between;gap:4px;margin-bottom:3px;display:flex}.meter-label{align-items:center;gap:8px;display:inline-flex}.meter{background:#0c100d;height:8px;padding:1px}.meter>div{height:100%}.hp-meter>div{background:var(--danger)}.xp-meter>div{background:var(--xp)}.pixel-icon{width:16px;height:16px;image-rendering:pixelated;background-image:url(/visual-system/ui-icons.svg);background-repeat:no-repeat;background-size:48px 16px;display:inline-block}.pixel-icon.heart{background-position:0 0}.pixel-icon.star{background-position:-16px 0}.pixel-icon.skull{background-position:-32px 0}.arena-wrap{place-items:center;width:100%;height:100svh;min-height:100svh;padding:56px 24px 24px;display:grid;position:relative}.time-banner{z-index:3;border:2px solid var(--line);min-width:88px;color:var(--text);text-align:center;letter-spacing:.04em;pointer-events:none;background:#101512d6;padding:5px 10px;font-size:13px;line-height:1;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000061}.arena{aspect-ratio:16/9;width:min(66vw,960px);height:auto;image-rendering:pixelated;background:#111317;display:block}.side-panel,.mobile-controls{display:none}.mobile-joystick{touch-action:none;-webkit-user-select:none;user-select:none;width:112px;height:112px}.mobile-joystick-base{border:2px solid var(--line);background:radial-gradient(circle,#68f0b52e,#0000 55%),#101512d1;border-radius:999px;width:100%;height:100%;position:relative;box-shadow:4px 4px #00000061}.mobile-joystick-knob{border:2px solid var(--line);background:#1b2b20;border-radius:999px;width:46px;height:46px;margin-top:-23px;margin-left:-23px;position:absolute;top:50%;left:50%;box-shadow:2px 2px #00000057}.overlay{z-index:4;background:#101512f0;max-width:440px;max-height:340px;margin:0 auto;padding:10px;position:absolute;inset:92px 0 0;overflow:auto}.overlay h2{margin:0 0 6px;font-size:15px}.card-grid{grid-template-columns:1fr;gap:6px;display:grid}.pixel-card{text-align:left;background:var(--bg-1);color:var(--text);font:inherit;cursor:pointer;padding:8px}.pixel-card p{color:#c7d3c9;margin:4px 0 0;font-size:11px}.overlay-label,.pixel-card span{font-size:9px}.pixel-card strong{font-size:12px}.pixel-card:disabled{opacity:.45;cursor:not-allowed}.gameover-overlay{max-width:none;max-height:none;inset:24px}.restart-button{border:2px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#1b2b20;margin-top:14px;padding:10px 14px;box-shadow:4px 4px #00000061}button{appearance:none}@media (width<=1100px){.overlay,.gameover-overlay{inset:24px}}@media (width<=760px){.game-shell{min-height:100svh}.top-hud{grid-template-columns:1fr;width:calc(100% - 16px);max-width:none;top:40px;left:8px}.top-hud-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.top-hud-stats .pixel-stat{justify-content:space-between;width:100%;min-width:0}.time-banner{min-width:80px;padding:4px 8px;font-size:12px;top:8px}.overlay{max-width:none;max-height:none;inset:204px 12px 12px}.arena-wrap{padding:138px 12px 108px}.arena{width:min(92vw,720px)}.mobile-controls{z-index:3;display:block;position:absolute;bottom:12px;left:12px}.card-grid{grid-template-columns:1fr}}.landing-page{color:#eff5ef;background:radial-gradient(circle at top,#68f0b529,#0000 32%),linear-gradient(#09110d 0%,#101713 100%);min-height:100svh;padding:32px}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.landing-copy,.landing-card{background:#0e1310e6;border:2px solid #334039;box-shadow:6px 6px #00000057}.landing-copy{align-content:start;gap:16px;padding:24px;display:grid}.landing-copy h1,.landing-card h2{margin:0}.landing-copy h1{font-size:clamp(36px,6vw,72px);line-height:.95}.landing-copy p,.landing-note,.landing-error,.session-box p{color:#c6d5ca;font-size:14px;line-height:1.5}.landing-kicker{text-transform:uppercase;letter-spacing:.12em;color:#9fb0a4;font-size:11px}.landing-stack{gap:20px;display:grid}.landing-card{padding:18px}.landing-card-head{gap:6px;margin-bottom:14px;display:grid}.landing-actions,.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.landing-button,.floating-home{appearance:none;color:#eff5ef;font:inherit;cursor:pointer;background:#17201a;border:2px solid #334039;padding:10px 14px;box-shadow:4px 4px #00000057}.landing-button.primary{background:#1b3425}.landing-status{background:#121914;border:2px solid #334039;justify-self:start;gap:4px;padding:12px 14px;display:inline-grid}.landing-status span,.auth-form label span{text-transform:uppercase;letter-spacing:.08em;color:#9fb0a4;font-size:11px}.landing-status strong{font-size:28px}.leaderboard-list{gap:8px;display:grid}.leaderboard-row{background:#141b17;border:1px solid #334039;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.auth-form{gap:12px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form input{color:#eff5ef;width:100%;font:inherit;background:#0f1511;border:2px solid #334039;padding:10px 12px}.landing-error{color:#ff8f95}.floating-home{z-index:20;position:fixed;top:12px;right:12px}.auth-modal-backdrop{z-index:40;background:#040806b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-modal{background:#0e1310f5;border:2px solid #334039;width:min(440px,100%);padding:20px;box-shadow:8px 8px #00000057}@media (width<=960px){.landing-page{padding:18px}.landing-hero{grid-template-columns:1fr}.floating-home{top:auto;bottom:12px;right:12px}}