:root{--accent: #ff2d95;--accent-dim: rgba(255, 45, 149, .28);--ink: #f2ecff;--ground: #05040a;--ui-font: ui-sans-serif, "Segoe UI", Inter, system-ui, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font-family:var(--ui-font);overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#scene{display:block;width:100%;height:100%}#grade{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 55%,transparent 38%,rgba(0,0,0,.72) 100%),repeating-linear-gradient(to bottom,rgba(255,255,255,.022) 0px,rgba(255,255,255,.022) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}#grade:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--accent-dim),transparent 32%,transparent 68%,var(--accent-dim));opacity:.35;mix-blend-mode:screen}#hud{position:fixed;inset:0;z-index:3;pointer-events:none}#hud>*{position:absolute;left:50%;transform:translate(-50%)}#prompt{bottom:7vh;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .55rem;border:1px solid var(--accent-dim);border-radius:999px;background:#08060ec7;backdrop-filter:blur(6px);letter-spacing:.04em;font-size:.95rem;opacity:0;transform:translate(-50%) translateY(8px);transition:opacity .14s ease,transform .14s ease}#prompt[data-shown=true]{opacity:1;transform:translate(-50%) translateY(0)}#prompt .key{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#0a0610;font-family:var(--mono);font-size:.78rem;font-weight:700}#monologue{bottom:calc(7vh + 4.25rem);width:min(46rem,82vw);display:flex;flex-direction:column;gap:.35rem;text-align:center}#monologue p{margin:0;font-size:1.05rem;line-height:1.5;text-shadow:0 0 22px rgba(0,0,0,.9);opacity:0;animation:line-in .32s ease forwards}#monologue p.leaving{animation:line-out .42s ease forwards}@keyframes line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.92;transform:none}}@keyframes line-out{to{opacity:0;transform:translateY(-4px)}}#session{bottom:3vh;width:min(44rem,90vw);max-height:40vh;overflow-y:auto;pointer-events:auto;display:none}#session[data-shown=true]{display:block}#session .progress{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:.75;margin-bottom:.5rem}#session .question{margin:0 0 .85rem;font-size:clamp(1.05rem,1.9vw,1.4rem);line-height:1.35;font-weight:500;text-shadow:0 0 30px rgba(0,0,0,.95)}#session ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}#session button{width:100%;text-align:left;display:flex;gap:.75rem;align-items:baseline;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--accent-dim);border-radius:4px;background:#0a0711b8;color:var(--ink);font:inherit;font-size:.98rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}#session button:hover,#session button:focus-visible{background:#160c1ee6;border-left-color:var(--accent);transform:translate(3px);outline:none}#session button .num{font-family:var(--mono);font-size:.72rem;color:var(--accent);opacity:.8}#session .name-row{display:flex;gap:.5rem}#session input{flex:1;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.12);border-left:2px solid var(--accent);border-radius:4px;background:#0a0711b8;color:var(--ink);font:inherit}#session input:focus{outline:none;border-color:var(--accent)}#title{position:fixed;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:1.4rem;text-align:center;background:radial-gradient(ellipse at 50% 45%,rgba(28,8,44,.85),var(--ground) 70%);pointer-events:auto}#title[hidden]{display:none}#title h1{margin:0;font-size:clamp(2.4rem,8vw,5rem);letter-spacing:.34em;font-weight:300;text-indent:.34em;color:var(--ink);text-shadow:0 0 40px var(--accent),0 0 90px var(--accent-dim)}#title .sub{font-family:var(--mono);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;opacity:.55}#title button{margin-top:.6rem;padding:.7rem 1.8rem;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--ink);font:inherit;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;cursor:pointer}#title button:hover{background:var(--accent-dim)}#title .keys{font-family:var(--mono);font-size:.72rem;opacity:.4;letter-spacing:.08em}#debug{position:fixed;top:.6rem;left:.6rem;z-index:5;font-family:var(--mono);font-size:.68rem;line-height:1.5;white-space:pre-wrap;max-width:min(38ch,46vw);color:#f2ecff9e;background:#05040ab3;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.45rem .6rem;pointer-events:none}#debug[hidden]{display:none}@media(prefers-reduced-motion:reduce){#monologue p,#prompt,#session button{animation:none;transition:none}}