*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1d20;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#a8b0b6;user-select:none;-webkit-user-select:none}#app{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%;outline:none}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}.grade-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 35%,rgba(26,29,32,.42) 100%);mix-blend-mode:multiply;opacity:.9}.grade-desat{position:absolute;inset:0;pointer-events:none;z-index:4;background:#4a5a660f;mix-blend-mode:color}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1d20b8;pointer-events:auto;z-index:50;transition:opacity .4s ease}.panel.hidden{opacity:0;pointer-events:none;visibility:hidden}.panel h1{font-size:2.4rem;font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:#7a868f;margin-bottom:.4rem}.panel .subtitle{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#5c6369;margin-bottom:2.5rem}.panel .cta{font:inherit;font-size:.95rem;letter-spacing:.12em;color:#c4956a;animation:pulse 2.2s ease-in-out infinite;cursor:pointer;border:1px solid rgba(196,149,106,.35);padding:.7rem 1.6rem;background:#c4956a0f;-webkit-user-select:none;user-select:none;touch-action:manipulation;appearance:none;-webkit-appearance:none;pointer-events:auto;z-index:51;position:relative}.panel .cta:hover{background:#c4956a24}.panel .cta:focus-visible{outline:1px solid rgba(196,149,106,.7);outline-offset:3px}.panel .hint{margin-top:2rem;font-size:.72rem;color:#4a4f54;letter-spacing:.06em;text-align:center;line-height:1.7;max-width:28rem}@keyframes pulse{0%,to{opacity:.65}50%{opacity:1}}.hud-corner{position:absolute;font-size:.7rem;letter-spacing:.08em;color:#7a868f8c;text-transform:uppercase}.hud-stamina{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);width:7rem;height:2px;background:#3a404680;opacity:0;transition:opacity .25s ease}.hud-stamina.visible{opacity:1}.hud-stamina-fill{height:100%;width:100%;background:#7a868fb3;transition:width .1s linear}.hud-detect{position:absolute;top:2rem;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:transparent;opacity:0;transition:opacity .2s,background .2s,box-shadow .2s}.hud-detect.soft{opacity:.7;background:#b87a4a;box-shadow:0 0 8px #b87a4a80}.hud-detect.hard{opacity:1;background:#6b3a3a;box-shadow:0 0 12px #6b3a3ab3}.hud-hidden{position:absolute;bottom:3.1rem;left:50%;transform:translate(-50%);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#7a868f8c;opacity:0;transition:opacity .25s ease;pointer-events:none}.hud-hidden.visible{opacity:1}.hud-danger{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .08s linear;background:radial-gradient(ellipse at center,transparent 42%,rgba(107,58,58,.55) 100%);z-index:6}.hud-prompt{position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);font-size:.75rem;letter-spacing:.1em;color:#a8b0b68c;opacity:0;transition:opacity .2s}.hud-prompt.visible{opacity:1}.hud-pause{position:absolute;top:1.2rem;right:1.4rem;font-size:.68rem;color:#7a868f66;letter-spacing:.1em}.overlay-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1d20c7;pointer-events:none;opacity:0;visibility:hidden;z-index:40;transition:opacity .5s ease}.overlay-end.visible{opacity:1;visibility:visible;pointer-events:auto}.overlay-end h2{font-size:1.6rem;font-weight:300;letter-spacing:.35em;text-transform:uppercase;margin-bottom:.8rem}.overlay-end.win h2{color:#c4956a}.overlay-end.lose h2{color:#6b3a3a}.overlay-end p{font-size:.8rem;color:#5c6369;letter-spacing:.12em}.fade-screen{position:absolute;inset:0;background:#1a1d20;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:20}.fade-screen.active{opacity:1}.debug-panel{position:absolute;top:.6rem;left:.6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.45;color:#a8b0b6;background:#1a1d20b8;padding:.5rem .7rem;border:1px solid rgba(90,99,105,.4);white-space:pre;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.debug-panel.visible{opacity:1}