.ex{max-width:860px;margin:0 auto;padding:3rem 1.1rem 5rem}.ex-head{text-align:center;margin-bottom:1.75rem}.ex-kicker{font-family:var(--font-mono, monospace);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#ffb020;margin:0 0 .6rem}.ex-title{font-family:var(--font-mono, monospace);font-weight:800;font-size:clamp(2.2rem,8vw,4rem);letter-spacing:.14em;margin:0;color:#ffe6b0;text-shadow:0 0 8px rgba(255,176,32,.75),0 0 26px rgba(255,140,20,.4)}.ex-tag{font-family:var(--font-body, sans-serif);color:var(--text-secondary, #b7a98f);max-width:56ch;margin:.9rem auto 0;line-height:1.6;font-size:.98rem}.ex-tag em{color:#ffc663;font-style:normal;font-weight:600}.ex-terminal{position:relative;background:linear-gradient(180deg,#14100a,#0c0a06);border:1px solid rgba(255,176,32,.28);border-radius:12px;box-shadow:0 0 0 1px #ff8c1414,0 18px 60px -28px #ffb02066,inset 0 0 70px #0a0702e6;padding:1.2rem;min-height:460px;color:#f2d9a8;font-family:var(--font-mono, monospace)}.ex-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;border-bottom:1px dashed rgba(255,176,32,.22);padding-bottom:1rem;margin-bottom:1rem}.ex-grid[hidden]{display:none}.ex-dossier{flex:1 1 20rem;min-width:0}.ex-dossier[hidden]{display:none}.ex-dossier-label{font-size:.62rem;letter-spacing:.2em;color:#ffb020bf;margin:0 0 .35rem}.ex-subject{font-size:1.05rem;font-weight:700;color:#ffe6b0;margin:0 0 .2rem;line-height:1.3}.ex-domain{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#c89a4e;margin:0 0 .55rem}.ex-brief{font-family:var(--font-body, sans-serif);font-size:.9rem;line-height:1.55;color:#cdb487;margin:0}.ex-driftwrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ex-driftwrap[hidden]{display:none}.ex-drift-label{font-size:.6rem;letter-spacing:.24em;color:#ffb020bf}.ex-drift{font-size:2.6rem;font-weight:800;line-height:1;color:#ffb020;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(255,176,32,.6)}.ex-drift-unit{font-size:.62rem;letter-spacing:.16em;color:#8f7238}.ex-transcript{display:flex;flex-direction:column;gap:.75rem;min-height:4rem;max-height:42vh;overflow-y:auto}.ex-turn{border-left:2px solid rgba(255,176,32,.45);padding:.3rem 0 .3rem .85rem;animation:exIn .32s ease}.ex-turn:focus-visible{outline:2px solid #ffb020;outline-offset:3px}.ex-turn-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.ex-chip{font-size:.6rem;font-weight:700;letter-spacing:.16em;color:#14100a;background:#ffb020;border-radius:3px;padding:.12rem .5rem}.ex-sep{color:#ffb02080;font-size:.6rem;line-height:1}.ex-turn-n{font-size:.6rem;letter-spacing:.14em;color:#8f7238}.ex-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ex-turn-body{font-family:var(--font-body, sans-serif);font-size:.92rem;line-height:1.6;color:#e6d3af;margin:0}.ex-turn--debrief.is-cap{border-left-color:#ff6b3d;background:#ff6b3d12}.ex-turn--debrief.is-cap .ex-turn-n{color:#ff8a5c;font-weight:700}.ex-tell{font-family:var(--font-body, sans-serif);font-size:.82rem;line-height:1.5;color:#b79a63;margin:.4rem 0 0;font-style:italic}.ex-tell-label{font-family:var(--font-mono, monospace);font-style:normal;font-size:.58rem;letter-spacing:.16em;color:#ffb020;margin-right:.4rem}.ex-console{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;padding-top:1rem;border-top:1px dashed rgba(255,176,32,.22)}.ex-console[hidden]{display:none}.ex-btn{font-family:var(--font-mono, monospace);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:.7rem 1.1rem;border:1px solid rgba(255,176,32,.5);background:#ffb02014;color:#ffd98a;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ex-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffb02029}.ex-btn:focus-visible{outline:2px solid #ff6b3d;outline-offset:3px}.ex-btn:disabled{opacity:.4;cursor:not-allowed}.ex-btn--press{background:#ffb020;color:#14100a;border-color:#ffb020;box-shadow:0 0 18px #ffb02073}.ex-btn--press:hover:not(:disabled){background:#ffc663}.ex-btn--hold{border-color:#63e0ff80;color:#9fe4ff;background:#63e0ff14}.ex-key{display:inline-block;margin-left:.35rem;font-size:.62rem;opacity:.7;border:1px solid currentColor;border-radius:3px;padding:0 .32em}.ex-debrief,.ex-summary{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed rgba(255,176,32,.22)}.ex-debrief[hidden],.ex-summary[hidden]{display:none}.ex-debrief-h,.ex-summary-h{font-family:var(--font-mono, monospace);font-size:.7rem;letter-spacing:.24em;color:#ffb020cc;margin:0 0 .6rem}.ex-debrief-h:focus-visible,.ex-summary-h:focus-visible{outline:2px solid #ff6b3d;outline-offset:3px}.ex-outcome{font-size:1rem;font-weight:700;margin:0 0 .3rem;color:#ffe6b0}.ex-outcome--clean,.ex-outcome--held_correct{color:#7fe6a8}.ex-outcome--early,.ex-outcome--late{color:#ffc663}.ex-outcome--missed{color:#ff7a5c}.ex-points{font-size:.85rem;color:#c89a4e;margin:0 0 .9rem;font-variant-numeric:tabular-nums}.ex-total{font-size:2.8rem;font-weight:800;color:#ffb020;margin:0 0 .8rem;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(255,176,32,.5)}.ex-total-unit{font-size:.9rem;color:#8f7238;font-weight:600}.ex-summary-list{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.3rem}.ex-summary-list li{display:grid;grid-template-columns:1.4rem 1fr auto auto;gap:.7rem;align-items:center;font-size:.78rem;padding:.3rem .4rem;border-radius:4px;background:#ffb0200d}.ex-sum-n{color:#ffb0208c}.ex-sum-subj{font-family:var(--font-body, sans-serif);color:#e6d3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-sum-out{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.ex-sum-pts{color:#ffb020;font-variant-numeric:tabular-nums;font-weight:700}.ex-best{font-family:var(--font-mono, monospace);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8f7238;margin:-.4rem 0 1rem}.ex-best b{color:#ffd98a;font-weight:700;font-variant-numeric:tabular-nums;margin-left:.35rem;letter-spacing:.08em}.ex-initials{margin:0 0 1.1rem;padding:.85rem;border:1px solid rgba(255,176,32,.4);border-radius:8px;background:#ffb0200f;box-shadow:inset 0 0 24px #ffb0200d}.ex-initials[hidden]{display:none}.ex-initials-label{display:block;font-family:var(--font-mono, monospace);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#ff8a5c;margin:0 0 .55rem}.ex-initials-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.ex-initials-input{flex:1 1 6rem;min-width:0;font-family:var(--font-mono, monospace);font-size:1.1rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;text-align:center;color:#ffe6b0;background:#0a0702b3;border:1px solid rgba(255,176,32,.5);border-radius:6px;padding:.55rem .6rem;caret-color:#ffb020}.ex-initials-input::placeholder{color:#6e5a30}.ex-initials-input:focus-visible{outline:2px solid #ffb020;outline-offset:2px}.ex-initials .ex-btn{flex:0 0 auto}.ex-lb{margin:0 0 1.1rem}.ex-lb-title{font-family:var(--font-mono, monospace);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#ffb020cc;margin:0 0 .5rem}.ex-lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.ex-lb-list li{display:grid;grid-template-columns:2rem 1fr auto;gap:.7rem;align-items:center;font-family:var(--font-mono, monospace);font-size:.82rem;padding:.32rem .5rem;border-radius:4px;background:#ffb0200d}.ex-lb-rank{color:#ffb0208c;font-variant-numeric:tabular-nums;text-align:right}.ex-lb-ini{color:#e6d3af;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ex-lb-score{color:#ffb020;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.ex-lb-list li.is-you{background:#ffb02029;box-shadow:inset 0 0 0 1px #ffb0208c}.ex-lb-list li.is-you .ex-lb-rank{color:#ffb020}.ex-lb-list li.is-you .ex-lb-ini{color:#ffe6b0;text-shadow:0 0 10px rgba(255,176,32,.5)}.ex-lb-empty{font-family:var(--font-body, sans-serif);font-size:.82rem;color:#8f7238;padding:.4rem .5rem;font-style:italic}.ex-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.55rem;padding:1.8rem;background:radial-gradient(ellipse at center,#0c0904d1,#080602f5);border-radius:12px;z-index:5}.ex-start[hidden]{display:none}.ex-start-eyebrow{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#ff8a5c;margin:0}.ex-start-title{font-family:var(--font-mono, monospace);font-size:clamp(1.5rem,5vw,2.2rem);color:#ffe6b0;margin:0;text-shadow:0 0 14px rgba(255,176,32,.55)}.ex-start-body{font-family:var(--font-body, sans-serif);color:#cdb487;max-width:46ch;line-height:1.65;font-size:.92rem;margin:.3rem 0 .5rem}.ex-start-body b{color:#ffd98a;font-weight:700}.ex-start-keys{display:inline-block;margin-top:.6rem;font-family:var(--font-mono, monospace);font-size:.72rem;color:#8f7238}.ex-start kbd{font-family:var(--font-mono, monospace);font-size:.85em;background:#ffb0201f;border:1px solid rgba(255,176,32,.4);border-radius:4px;padding:.05em .4em;color:#ffd98a}.ex-btn--start{margin-top:.5rem;background:#ffb020;color:#14100a;border-color:#ffb020;box-shadow:0 0 22px #ffb02080;padding:.8rem 1.6rem}.ex-foot{text-align:center;margin-top:2rem;font-family:var(--font-body, sans-serif);font-size:.85rem;color:var(--text-dim, #8f7238)}.ex-foot a{color:#ffb020}.ex-nav{text-align:center;margin-top:1.2rem;font-family:var(--font-mono, monospace);font-size:.72rem}.ex-nav a{color:#ffb020bf;letter-spacing:.08em}.ex-nav a:focus-visible{outline:2px solid #ff6b3d;outline-offset:3px}@keyframes exIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ex-turn{animation:none}.ex-btn{transition:none}}