*{box-sizing:border-box}[hidden]{display:none!important}:root{--brass: #e3bd78;--brass-dim: #a98a4f;--oxblood: #2a0c12;--ink: #0b0709;--cream: #f6ecdb;--green: #a9e2b4;--red: #e79a86}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Georgia,Iowan Old Style,Times New Roman,serif;-webkit-text-size-adjust:100%}#app{position:relative;height:100%;width:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:manipulation}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#0b070900 38%,#0b0709b8),linear-gradient(to bottom,#0b07098c,#0b070900 22% 58%,#0b0709cc)}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem clamp(.6rem,2vw,1.4rem);padding-top:max(.6rem,env(safe-area-inset-top));background:linear-gradient(to bottom,#0b0709f0,#0b07099e 70%,#0b070900);z-index:5}.mark{display:flex;align-items:center;gap:.55rem;min-width:0}.mark i{width:.7rem;height:.7rem;flex:0 0 auto;border-radius:50%;border:2px solid var(--brass);box-shadow:0 0 .5rem #e3bd7880}.mark span{display:grid;font-size:.95rem;letter-spacing:.24em;color:var(--brass);line-height:1.1;min-width:0}.mark small{display:block;font-size:.6rem;letter-spacing:.16em;color:#c2a982;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-stats{display:flex;gap:clamp(.5rem,2vw,1.4rem)}.hud-stats p{margin:0;display:grid;text-align:center}.hud-stats span{font-size:.55rem;letter-spacing:.2em;color:#bda27a}.hud-stats b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;color:var(--cream);font-weight:700}.hud-actions{display:flex;gap:.35rem;flex:0 0 auto}.hud-actions button{min-width:2.5rem;min-height:2.2rem;padding:.35rem .6rem;border:1px solid #7a5c22;border-radius:.4rem;background:#2a0c12e6;color:var(--brass);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.1em;cursor:pointer}.hud-actions button[aria-pressed=false]{color:#a08a72;border-color:#4d3a2a}.hud-actions button:hover,.hud-actions button:focus-visible{background:#4a1c22;color:var(--cream);outline:2px solid var(--brass)}#status{margin:0;min-height:1.5rem;text-align:center;font-size:.72rem;line-height:1.35;color:#dcc49b}#drift-strip{position:relative;height:1.4rem;border:1px solid #7a5c22;border-radius:999px;background:#140a0ceb;overflow:hidden}#drift-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(to right,#6a2330,#c9a24c);transition:width .9s linear}#drift-label{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.16em;color:var(--cream)}#console{position:absolute;left:0;right:0;bottom:0;padding:.5rem clamp(.5rem,2vw,1.2rem) max(.6rem,env(safe-area-inset-bottom));background:linear-gradient(to top,#0b0709fa 62%,#0b0709db 88%,#0b070900);z-index:5;display:grid;gap:.4rem}#readout{list-style:none;margin:0;padding:.2rem 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}#readout li{min-width:0}#readout button{width:100%;min-height:3rem;padding:.3rem .15rem;border:1px solid #4a2f2a;border-radius:.45rem;background:#180c0ff0;color:var(--cream);display:grid;gap:.1rem;justify-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}#readout button .rn{font-size:.6rem;letter-spacing:.12em;color:var(--brass-dim);font-family:Georgia,serif}#readout button .tm{font-size:.86rem;font-weight:700}#readout button .mg{font-size:.55rem;color:#c0a37c}#readout button[data-true="1"]{border-color:#4f7d55;background:#122215f0}#readout button[data-true="1"] .mg{color:var(--green)}#readout button[aria-pressed=true]{border-color:var(--brass);background:#4a1c22;box-shadow:0 0 0 2px #e3bd7859}#readout button:hover,#readout button:focus-visible{outline:2px solid var(--brass)}.console-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}button.step{min-height:3rem;border-radius:.5rem;border:1px solid #7a5c22;background:#2a0c12f2;color:var(--brass);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;font-weight:700;letter-spacing:.08em;cursor:pointer}button.step:hover,button.step:focus-visible{background:#5c2229;color:var(--cream);outline:2px solid var(--brass)}#console-line{margin:0;font-size:.68rem;color:#bda27a;text-align:center;min-height:1rem}.screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.4rem;padding:clamp(1rem,4vw,3rem);text-align:center;background:radial-gradient(ellipse at center,#0b0709d1,#0b0709f7);z-index:10;overflow-y:auto}.screen[hidden]{display:none}.title-copy{max-width:38rem;display:grid;gap:.9rem;justify-items:center}.eyebrow{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.3em;color:var(--brass)}h1{margin:0;font-size:clamp(2.6rem,11vw,5.4rem);line-height:.94;letter-spacing:.06em;color:var(--cream);text-shadow:0 0 1.6rem rgba(227,189,120,.28)}.title-copy p{margin:0;max-width:34rem;font-size:clamp(.85rem,2.6vw,1rem);line-height:1.6;color:#d6c3a4}.title-controls{display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center}.title-controls span{font-size:.7rem;color:#bda27a;display:inline-flex;align-items:center;gap:.3rem}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;padding:.15rem .36rem;border:1px solid #7a5c22;border-radius:.28rem;background:#2a0c12e6;color:var(--brass)}.title-buttons,.result-buttons,.modal-card button{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}button.primary,button.secondary{min-height:2.9rem;padding:.7rem 1.5rem;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;letter-spacing:.14em;cursor:pointer}button.primary{border:1px solid var(--brass);background:var(--brass);color:#1c0d06}button.primary:hover,button.primary:focus-visible{background:#f4d6a0;outline:2px solid var(--cream)}button.secondary{border:1px solid #7a5c22;background:#2a0c12e6;color:var(--brass)}button.secondary:hover,button.secondary:focus-visible{background:#4a1c22;color:var(--cream);outline:2px solid var(--brass)}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#save-label{font-size:.66rem;color:#a89073}.card{border:1px solid #4a2f2a;border-radius:.7rem;background:#140a0ceb;padding:.9rem 1.1rem;max-width:34rem;text-align:left}.card>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.26em;color:var(--brass)}.card ol{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.45rem}.card li{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.5rem;align-items:baseline;font-size:.76rem}.card li b{font-family:Georgia,serif;color:var(--brass);font-weight:400}.card li em{font-style:normal;color:#bda27a}.card li i{font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.08em;color:var(--green);border:1px solid #4f7d55;border-radius:.3rem;padding:.1rem .3rem}.card li[data-open="0"] i{color:#a08a72;border-color:#4d3a2a}.modal{background:#070406ed}.modal-card{max-width:34rem;display:grid;gap:.8rem;justify-items:center;border:1px solid #4a2f2a;border-radius:.8rem;background:#140a0cf5;padding:clamp(1rem,4vw,1.8rem)}.modal-card h2{margin:0;font-size:clamp(1.3rem,5vw,1.9rem);color:var(--cream)}.modal-card p{margin:0;font-size:.86rem;line-height:1.6;color:#d6c3a4}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:#d6c3a4}.toggle input{width:1.1rem;height:1.1rem;accent-color:var(--brass)}.help-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem .9rem;text-align:left}.help-card dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.12em;color:var(--brass);white-space:nowrap}.help-card dd{margin:0;font-size:.78rem;line-height:1.55;color:#d6c3a4}.result-stats{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center}.result-stats p{margin:0;display:grid;text-align:center}.result-stats span{font-size:.58rem;letter-spacing:.2em;color:#bda27a}.result-stats b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;color:var(--brass)}@media(max-width:620px){#hud{flex-wrap:wrap;row-gap:.3rem;padding-left:.5rem;padding-right:.5rem}.hud-stats{order:3;width:100%;justify-content:center;gap:1.4rem}.hud-stats p{display:grid!important}.hud-stats span{font-size:.5rem}.hud-stats b{font-size:.82rem}.mark{flex:1 1 auto;min-width:0}.mark span{font-size:.8rem;letter-spacing:.16em}.mark small{font-size:.52rem}.hud-actions{gap:.25rem}.hud-actions button{min-width:2.1rem;min-height:2rem;padding:.25rem .4rem;font-size:.6rem}#readout{grid-template-columns:repeat(4,minmax(0,1fr))}#readout button{min-height:2.7rem}#readout button .tm{font-size:.8rem}.card li{grid-template-columns:1.4rem 1fr auto;font-size:.7rem}}@media(prefers-reduced-motion:reduce){#drift-fill{transition:none}}