:root{color-scheme:dark;font-family:Trebuchet MS,sans-serif;color:#f0eddb;background:#14251f;font-synthesis:none;--gold: #d7b477;--muted: #a9b7a9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.workbench{max-width:1560px;margin:auto;padding:30px 5vw 22px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #f0eddb25}.wordmark{display:flex;gap:20px;align-items:center;font-family:Georgia,serif;font-size:32px;text-decoration:none;color:var(--gold)}.wordmark span,.edition,.eyebrow,.stage-heading,.stage-bottom,footer,.phase{font:11px Courier New,monospace;letter-spacing:.1em}.wordmark span{color:#ede9d4}.edition{color:var(--muted)}main{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);column-gap:4vw;padding-top:65px}.intro{padding-top:22px}.eyebrow{color:var(--gold);line-height:1.7}h1{font:72px/.95 Georgia,serif;letter-spacing:-.065em;margin:28px 0 24px;font-weight:400}h1 span{color:var(--gold)}h1 sup{font-size:24px;vertical-align:top;margin-left:8px}.description{font-size:19px;line-height:1.65}.rule{width:45px;height:1px;background:var(--gold);margin:32px 0}.phase{color:var(--gold)}.phase span{color:#f0eddb;margin-left:14px}.explanation{color:#d2d9ca;font-size:14px;line-height:1.8;max-width:340px}.note{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px}.stage{position:relative;min-height:460px;height:min(60vh,610px);border:1px solid #c3bb912c;border-radius:3px;background:radial-gradient(ellipse at 50% 55%,#4f665546,transparent 65%),#1c3028;overflow:hidden}.stage-heading,.stage-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#b2bfa9;pointer-events:none;z-index:1;font-size:10px}.stage-heading{top:22px}.stage-bottom{bottom:22px}#scene-container{width:100%;height:100%}#scene-container canvas{display:block;width:100%;height:100%}.controls{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:18px}#tools{display:flex;gap:4px}button{min-height:44px;border:1px solid #f0eddb30;color:#eee9d5;padding:10px 14px;background:transparent;border-radius:2px;transition:background .15s}button:hover:not(:disabled){background:#eee9d515}button[aria-pressed=true]{background:#d7b477;border-color:#d7b477;color:#14251f}button span{font:10px Courier New,monospace;margin-right:6px;opacity:.7}.quiet{border-color:transparent;font-size:12px;color:var(--muted)}.xr{font-size:12px;margin-left:auto}footer{border-top:1px solid #f0eddb25;margin-top:44px;padding-top:15px;display:flex;align-items:center;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px;line-height:1.8}footer span{text-align:right}body.xr-active .intro,body.xr-active header,body.xr-active footer,body.xr-active .controls{visibility:hidden}@media(max-width:1000px){h1{font-size:55px}main{column-gap:24px;grid-template-columns:1fr 1.5fr}.controls{grid-column:1 / -1;justify-content:flex-end}.xr{margin-left:0}}@media(max-width:700px){.workbench{padding:20px}.edition{display:none}main{display:flex;flex-direction:column;padding-top:20px}.intro{padding-top:0}h1{margin:16px 0;font-size:58px}.description{font-size:16px}.rule,.phase{display:none}.explanation,.note{max-width:none}.stage{margin-top:18px;height:340px;min-height:340px}.controls{justify-content:flex-start}footer{align-items:flex-start;flex-direction:column;margin-top:28px;gap:4px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){button{transition:none}}