:root{--accent:#d8b874;--ink:#eee9de;--muted:#b7b7ac;--line:#474333}*{box-sizing:border-box}body{margin:0;background:#10110f;color:var(--ink);font:13px/1.5 Arial,Helvetica,sans-serif;padding:22px}body[data-edition=se]{--accent:#cca17f;--line:#514236}body[data-edition=s]{--accent:#d1d8e1;--line:#43474d}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{margin:0;line-height:1}h1 img{display:block;width:225px;height:58px;object-fit:contain;object-position:left center}header p{font-size:8px;letter-spacing:1.5px;color:var(--accent);text-align:right;max-width:210px}nav{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.pill{border:1px solid var(--accent);color:var(--ink);background:transparent;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.2px;padding:9px 12px;border-radius:3px;cursor:pointer}.pill>span{color:var(--accent)}.pill:hover,.pill.selected,.pill[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 13%,transparent)}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px}.stage{position:relative;background:radial-gradient(ellipse at center,#2d2c26,#151610 65%);border:1px solid var(--line);min-height:390px;overflow:hidden}canvas{width:100%;height:390px;display:block;touch-action:none}.stage-label{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;gap:15px;color:var(--accent);font-size:8px;letter-spacing:1.2px;pointer-events:none}aside{background:#1a1b17;border:1px solid var(--line);padding:18px;min-width:0}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:10px}aside>p:not(.eyebrow){color:var(--muted);font-size:10px}ul{padding:0;margin:14px 0 0;list-style:none}li{padding:5px 0;border-bottom:1px solid #ffffff0b;font-size:10px;color:var(--muted)}li:before{content:'◇';color:var(--accent);margin-right:7px}.controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}label{flex:1;max-width:420px;font-size:11px;color:var(--muted)}label strong{float:right;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);display:block;margin:8px 0 0;cursor:pointer}.control-buttons{display:flex;gap:7px;flex-wrap:wrap}.disclosure{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:18px 0 12px}footer{color:var(--accent);font-size:9px}#webgl-error{position:absolute;inset:20%;color:var(--ink);font-size:14px;background:#10110fdd;padding:25px}#webgl-error[hidden]{display:none}@media(max-width:700px){body{padding:15px}header p{font-size:7px}h1 img{width:175px;height:48px}main{grid-template-columns:1fr}.stage{min-height:350px}canvas{height:350px}aside{padding:15px}aside ul{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}aside>p:not(.eyebrow){font-size:10px}.controls{align-items:stretch;flex-direction:column;gap:12px}label{max-width:none}.control-buttons{justify-content:space-between}.pill{font-size:9px;padding:8px 9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}