:root{color:#f4efe6;background:#07080c;font-family:Courier New,monospace;--shell: #11131a;--shell-deep: #05060a;--shell-edge: #2a303d;--panel: #171b24;--panel-soft: #222838;--text: #f4efe6;--muted: #c1c7d4;--accent-control: #f2b84b;--accent-confession: #d86d7d;--accent-manipulation: #7786f8;--accent-panic: #ef8f4f;--accent-feed: #57d0b2;--shadow: rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(242,184,75,.22),transparent 30%),radial-gradient(circle at 85% 18%,rgba(119,134,248,.18),transparent 24%),linear-gradient(180deg,#0b0d12,#05060a)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 4px,4px 100%;-webkit-mask-image:linear-gradient(180deg,#00000026,#000000bf);mask-image:linear-gradient(180deg,#00000026,#000000bf);opacity:.4}.shell{position:relative;width:min(100vw,1040px);display:flex;flex-direction:column;gap:14px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),linear-gradient(180deg,var(--shell) 0%,var(--shell-deep) 100%);border:1px solid var(--shell-edge);box-shadow:0 34px 90px var(--shadow),inset 0 1px #ffffff0d;border-radius:18px}canvas{width:100%;height:auto;display:block;border:5px solid #06070b;background:#10131a;box-shadow:inset 0 0 0 2px #ffffff0d,0 0 0 1px #ffffff08}.hud{position:absolute;inset:18px 18px auto;pointer-events:none;z-index:2}.hud-deck{display:grid;gap:10px;justify-items:end}.restart-control{pointer-events:auto;min-width:min(320px,100%);padding:14px 16px;border:3px solid #05060a;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,#2a2f3c,#161a23);color:var(--text);text-align:left;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 12px #08090d,0 18px 30px #00000073;cursor:pointer}.restart-control:active{transform:translateY(4px);box-shadow:0 8px #08090d,0 14px 20px #0000006b}.restart-control__kicker{display:block;margin-bottom:6px;color:var(--muted);font-size:.68rem}.restart-control__action{display:block;font-size:1.08rem;font-weight:700}.control-hint{position:absolute;left:0;bottom:0;padding:12px 14px;display:grid;gap:4px;font-size:.72rem;text-transform:uppercase;color:var(--muted);background:#0a0b0fd1;border:1px solid rgba(255,255,255,.08);border-radius:12px}.prompt-layer{position:relative;width:100%;padding:0 6px 6px;pointer-events:none}.prompt-panel{position:relative;width:100%;max-width:640px;margin:0 auto;display:grid;gap:12px;pointer-events:auto;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 20%),linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%);border:1px solid var(--shell-edge);border-radius:16px;box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff0f}.prompt-panel button{padding:14px 16px;border:2px solid rgba(0,0,0,.65);border-radius:12px;background:linear-gradient(180deg,#2d3443,#1a1f2b);color:#f4efe6;text-align:left;cursor:pointer;box-shadow:0 8px #0000006b,inset 0 1px #ffffff14}.prompt-panel button:active{transform:translateY(3px);box-shadow:0 5px #0000006b,inset 0 1px #ffffff14}.prompt-panel button:focus-visible,.restart-control:focus-visible{outline:3px solid var(--accent-control);outline-offset:3px}.prompt-panel .path-control{background:linear-gradient(180deg,#5d4b18,#32260d);border-color:#f2b84b73}.prompt-panel .path-confession{background:linear-gradient(180deg,#5a2230,#35131d);border-color:#d86d7d73}.prompt-panel .path-manipulation{background:linear-gradient(180deg,#24305c,#141a35);border-color:#7786f873}.prompt-panel .path-panic{background:linear-gradient(180deg,#5c3218,#32190e);border-color:#ef8f4f73}.prompt-panel .path-feedTheSlide{background:linear-gradient(180deg,#16493f,#0f2a25);border-color:#57d0b273}.prompt-panel--idle{max-width:420px}.prompt-replay{display:grid;gap:6px}.prompt-replay .tone{color:#c6cbd8}.tone{display:block;margin-bottom:5px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}@media(max-width:900px){.shell{width:min(100vw,100%);padding:12px;border-radius:0;border-left:0;border-right:0}.hud{inset:12px 12px auto}.restart-control{min-width:min(260px,100%)}.prompt-panel{max-width:none}}