:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#0e121c;--bg-bottom:#04060b;--panel:#080a10f0;--panel-border:#abb9e429;--text:#eff4ff;--muted:#97a6c7;--accent:#d9c89e;--light:#d8cfb0;--shadow:#6f7bc7;--fire:#ff7b4a;--health:#f0ede6;--health-ghost:#db626261;--panel-soft:#ffffff09;--panel-strong:#0a0c12eb}*{box-sizing:border-box}html,body{height:100%}body{min-height:100vh;background:radial-gradient(circle at top, #5b689638, transparent 35%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-height:100dvh;color:var(--text);overscroll-behavior:none;touch-action:none;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}.app{min-height:100vh;grid-template-columns:320px 1fr;align-items:start;min-height:100dvh;display:grid}.hud-panel{background:var(--panel);border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:100dvh;padding:24px;overflow:auto}.brand-lockup{border:1px solid var(--panel-border);background:radial-gradient(circle at top,#6f7bc724,#0000 55%),linear-gradient(#ffffff08,#ffffff04);border-radius:20px;padding:18px 18px 20px}.eyebrow,.panel-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem}.hud-panel h1,.screen-panel h2{letter-spacing:.04em;margin:0;font-size:clamp(2rem,3vw,3.2rem)}.subtitle{color:var(--muted);margin:8px 0 0}.stats,.controls,.legend{border:1px solid var(--panel-border);background:var(--panel-soft);border-radius:16px;margin-top:18px;padding:16px}.stats div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.stats div:last-child{border-bottom:0}.stats span{color:var(--muted)}.debug-toggle-row{align-items:center;gap:10px;display:flex}.debug-toggle-row button{color:var(--text);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px}.debug-toggle-row button:hover{background:#ffffff1f}.health-row{align-items:center}.health-readout{justify-items:end;gap:6px;min-width:170px;display:grid}.health-bar-shell{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;width:150px;height:12px;position:relative;overflow:hidden}.health-bar-fill,.health-bar-ghost{border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:auto}.health-bar-fill{z-index:2;background:linear-gradient(90deg, var(--health), #cad3e4);width:100%;transition:width 80ms linear}.health-bar-ghost{z-index:1;background:linear-gradient(90deg, var(--health-ghost), #a02c2c1f);width:100%;transition:width .3s ease-out}.controls p,.legend p{margin:10px 0}.control-grid{gap:10px;display:grid}.control-grid p{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-grid span{color:var(--muted);text-align:right}kbd{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;margin-right:6px;padding:3px 8px;font-size:.9rem;display:inline-block}.chip{border-radius:999px;width:14px;height:14px;margin-right:8px;display:inline-block}.chip.light{background:var(--light)}.chip.shadow{background:var(--shadow)}.chip.fire{background:var(--fire)}.game-panel{touch-action:none;place-items:center;min-height:min(78dvh,900px);padding:20px;display:grid;position:relative;overflow:hidden}canvas{aspect-ratio:1280/720;border:1px solid var(--panel-border);background:#0b1020;border-radius:24px;width:min(100%,1280px);max-width:100%;height:auto;max-height:calc(100dvh - 56px);display:block;box-shadow:0 30px 60px #00000085}.screen-overlay,.message-overlay{display:grid;position:absolute;top:20px;bottom:20px;left:20px;right:20px}.message-overlay{text-shadow:0 2px 12px #00000080;pointer-events:none;place-items:start center;padding-top:28px;font-size:1rem;font-weight:600}.screen-overlay{background:radial-gradient(circle at 50% 32%,#6f7bc724,#0000 25%),radial-gradient(circle,#1210183d,#05060ad1);border-radius:24px;place-items:center}.death-overlay{background:radial-gradient(circle,#18121659,#05060ad1);border-radius:24px;place-items:center;display:grid;position:absolute;top:20px;bottom:20px;left:20px;right:20px}.screen-panel{text-align:center;background:linear-gradient(180deg, #ffffff0a, #ffffff04), var(--panel-strong);border:1px solid #ffffff24;border-radius:22px;width:min(92vw,520px);padding:30px 32px;box-shadow:0 24px 50px #00000080}.screen-panel h2{letter-spacing:.06em;margin:0 0 12px}.panel-copy,.death-panel p,.win-panel p{color:var(--muted);margin:0 0 18px;line-height:1.6}.title-panel{text-align:left}.title-panel h2{font-size:clamp(2.6rem,4vw,4rem)}.panel-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.panel-actions-center{justify-content:center}.hint-text{color:var(--muted);font-size:.92rem}.death-panel h2{color:#f4dedf}.win-panel h2{color:#e7f0eb}.screen-panel button{color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#e7deca2e,#78675a2e);border:1px solid #ffffff1f;border-radius:999px;padding:10px 18px}.screen-panel button:hover{background:linear-gradient(#e7deca3d,#78675a3d)}.touch-hud{inset:auto max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;gap:18px;display:none;position:absolute}.touch-cluster{pointer-events:auto;gap:10px;display:flex}.touch-facepad{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.facepad-secondary{justify-content:flex-end;align-items:center;gap:8px;display:flex}.facepad-grid{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px);gap:3px;display:grid}.facepad-empty{display:block}.facepad-btn{width:54px;height:54px;min-width:unset;min-height:unset;letter-spacing:.04em;border-radius:999px;place-items:center;padding:0;font-size:.76rem;font-weight:600;display:grid}.facepad-a{color:#8ce6a8eb;border-color:#5ad2824d}.facepad-b{color:#f59494eb;border-color:#e664644d}.facepad-x{color:#94c0f8eb;border-color:#64a0f04d}.facepad-y{color:#f5e084eb;border-color:#f0d4504d}.facepad-sm{min-width:unset;letter-spacing:.05em;border-radius:10px;place-items:center;width:38px;height:28px;padding:0;font-size:.63rem;font-weight:600;display:grid}.touch-move{align-items:end}.touch-joystick{pointer-events:auto;touch-action:none;place-items:center;width:132px;height:132px;display:grid}.touch-joystick-base{opacity:.36;background:radial-gradient(circle at 35% 30%,#dde5f829,#3b425624 48%,#0b0e1838 100%),#080b1333;border:1px solid #dce7ff33;border-radius:999px;place-items:center;width:100%;height:100%;transition:opacity .14s,border-color .14s,background-color .14s;display:grid;box-shadow:inset 0 2px 14px #0000004d}.touch-joystick-thumb{width:56px;height:56px;transform:translate3d(var(--joy-x,0px), var(--joy-y,0px), 0);background:radial-gradient(circle at 32% 28%,#f4f8ff47,#7b87af2e 60%,#0d101a57),#1116224d;border:1px solid #e7eeff47;border-radius:999px;transition:transform 70ms linear;box-shadow:0 4px 14px #0000004d}.touch-joystick.is-active .touch-joystick-base{opacity:.58;border-color:#e3ecff57}.touch-button{min-width:56px;min-height:56px;color:var(--text);font:inherit;letter-spacing:.06em;text-transform:uppercase;opacity:.74;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#f7f0e214,#5954601a),#0e111a70;border:1px solid #e3ecff29;border-radius:18px;padding:8px 10px;font-size:.74rem;transition:opacity .12s,background-color .12s,transform .1s}.touch-button:active,.touch-button.is-active{opacity:.94;background:linear-gradient(#f7f0e233,#6f7bc72e),#121722b8;transform:translateY(1px)scale(.98)}.hidden,body.touch-mode .controls,body.touch-mode .legend,body.touch-mode .brand-lockup{display:none}body.touch-mode .screen-overlay,body.touch-mode .death-overlay{inset:10px max(10px, env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}body.touch-mode .app{grid-template-columns:1fr}body.touch-mode .hud-panel{display:none}body.touch-mode .game-panel{min-height:100dvh;padding:0}body.touch-mode canvas{border-radius:0;max-width:100vw;max-height:100dvh}@media (max-width:1080px){.app{grid-template-columns:1fr}.game-panel{order:-1;place-items:start center;min-height:62dvh;padding-top:12px}.hud-panel{border-right:0;border-bottom:1px solid var(--panel-border)}}@media (max-width:720px){.hud-panel{padding:16px}.stats,.controls,.legend,.brand-lockup{border-radius:14px}.stats div,.health-row{flex-direction:column;align-items:flex-start}.health-readout{justify-items:start;width:100%;min-width:0}.health-bar-shell{width:100%;max-width:220px}.control-grid p{flex-wrap:wrap;align-items:flex-start}.game-panel{min-height:58dvh;padding:14px}.screen-overlay,.death-overlay{top:14px;bottom:14px;left:14px;right:14px}.screen-panel{width:min(100%,420px);padding:24px 22px}}@media (hover:none) and (pointer:coarse),(max-width:900px){.touch-hud{display:flex}.legend p{font-size:.92rem}.hud-panel{scrollbar-width:thin;max-height:38dvh;overflow:auto}}@media (hover:none) and (pointer:coarse){.hud-panel{max-height:30dvh}.game-panel{min-height:70dvh}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.game-panel{min-height:100dvh;padding-top:max(8px, env(safe-area-inset-top))}.touch-hud{inset:auto max(20px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));gap:22px}.touch-joystick{width:136px;height:136px}.touch-facepad{gap:7px}.facepad-grid{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px)}.facepad-btn{width:50px;height:50px}}@media (max-width:560px){.touch-hud{inset:auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:10px}.touch-cluster{gap:8px}.touch-facepad{gap:6px}.facepad-grid{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px)}.facepad-btn{width:46px;height:46px;font-size:.68rem}.facepad-sm{width:34px;height:26px;font-size:.58rem}.touch-joystick{width:112px;height:112px}.touch-joystick-thumb{width:48px;height:48px}.touch-button{border-radius:16px;min-width:52px;min-height:52px;padding:8px 10px;font-size:.68rem}}@media (max-width:420px){.touch-joystick{width:98px;height:98px}.touch-joystick-thumb{width:40px;height:40px}.facepad-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px)}.facepad-btn{width:40px;height:40px;font-size:.62rem}.facepad-sm{width:30px;height:24px;font-size:.55rem}.touch-button{border-radius:14px;min-width:48px;min-height:48px;padding:8px 10px;font-size:.64rem}}