:root{color-scheme:dark;--bg:#102a32;--panel:#16353c;--line:#36545a;--cream:#f2ebd8;--muted:#a9bdba;--gold:#eac486;--jade:#91ccb9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#22484d,transparent 65%),var(--bg);color:var(--cream);font-family:Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;padding:11px 16px;cursor:pointer}button:hover{background:#315259;border-color:var(--gold)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}header,main{max-width:1190px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:27px 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:3px;text-decoration:none;color:var(--cream);font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:7px;color:var(--muted)}.seal{border:1px solid var(--gold);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font:italic 27px Georgia;color:var(--gold)}#help{border:0;color:var(--muted)}#help span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:22px;height:22px;margin-left:10px}main{padding:35px 32px 20px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.3px;font-weight:bold;margin:0 0 12px}h1{font:39px/1.12 Georgia,serif;margin:0;font-weight:normal}h1 em{color:var(--gold);font-weight:normal}.introcopy{font-size:13px;color:var(--muted);line-height:1.8;padding-bottom:2px}.collection{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}nav{display:flex;gap:7px}nav button{padding:8px;width:36px;font-size:12px}nav button.active{background:var(--gold);color:#142f35;border-color:var(--gold)}nav button.jade{box-shadow:inset 0 -3px var(--jade)}nav button.gold{box-shadow:inset 0 -3px var(--gold)}#collection{font-size:11px;letter-spacing:1px;color:var(--muted)}.workshop{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.stage{border:1px solid #547071;border-radius:13px;background:#092027;overflow:hidden;box-shadow:0 24px 60px #06171b66;position:relative}.stagehead,.stagefoot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;letter-spacing:1.5px;font-size:10px;color:var(--muted)}.livebadge{color:var(--jade);font-size:9px}.livebadge:before{content:'●';margin-right:7px}canvas{display:block;width:100%;height:auto}#live{aspect-ratio:1;max-height:600px;object-fit:contain}aside{display:flex;flex-direction:column;gap:21px}.reference{background:#e6dfca;color:#243b3c;padding:13px;border-radius:9px;box-shadow:0 10px 30px #06171b44;transform:rotate(1deg)}.refhead{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;margin:0 1px 12px}.reference p{font:italic 12px Georgia;margin:12px 0 1px;text-align:center}#target{border-radius:2px}.brief{padding:8px 4px}h2{font:29px/1.15 Georgia;margin:0 0 13px}.brief>p:not(.eyebrow){line-height:1.7;color:var(--muted);font-size:13px;margin:0 0 14px}#par{font-size:10px;color:var(--gold);letter-spacing:1px}.console{margin-top:23px;background:#15363dcc;border:1px solid var(--line);border-radius:11px;padding:22px}.wheels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wheel{border-right:1px solid var(--line);padding-right:22px}.wheel:last-child{border:0;padding:0}.wheel .label{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:10px;color:var(--gold)}.wheel .setting{font-size:11px;letter-spacing:0;color:var(--cream)}.dial{display:flex;justify-content:space-between;align-items:center;margin:11px 0}.dial button{width:49px;font-size:21px;padding:7px}.dial .disc{width:45px;height:45px;border:1px solid #7f9a96;border-radius:50%;background:repeating-conic-gradient(from 0deg,#607d78 0deg 1deg,transparent 1deg 30deg);display:grid;place-items:center}.disc i{display:block;width:2px;height:28px;background:var(--gold);transform:rotate(var(--turn));transition:transform .15s}.effect{font-size:10px;color:var(--muted);line-height:1.5}.actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:19px;margin-top:19px}.actions button{font-size:12px}.primary{background:var(--gold);border-color:var(--gold);color:#183337;font-weight:bold}.primary:hover{background:#f4d7a7;color:#183337}.actions .primary{margin-left:auto;min-width:165px;display:flex;justify-content:space-between}kbd{font:9px Arial;border:1px solid var(--line);border-radius:3px;padding:2px 4px;margin-left:12px;color:var(--muted)}#message{margin:17px 0 0;min-height:17px;font-size:12px;color:var(--jade);line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 3px;color:var(--muted);font:italic 12px Georgia;gap:15px}footer button{border:0;padding:4px;font:12px Arial;color:var(--muted)}dialog{width:min(540px,calc(100% - 30px));border:1px solid #68847b;border-radius:15px;background:#15343b;color:var(--cream);padding:35px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#04171cd9;backdrop-filter:blur(6px)}dialog p,dialog li{line-height:1.7;color:var(--muted);font-size:13px}dialog li{padding:5px 0}dialog a{color:var(--gold)}dialog .close:first-child{float:right;border:0;padding:0;font-size:25px}dialog .primary{margin-top:12px}.winseal{font:80px Georgia;text-align:center;color:var(--gold);margin:14px}#success{text-align:center}#success button{margin:7px}button.nudge{outline:3px solid var(--jade);background:#345b58}@media(min-width:1000px){.stage{max-width:690px}}@media(max-width:760px){header{padding:18px}main{padding:25px 18px}.intro{display:block;margin-bottom:23px}h1{font-size:32px}.introcopy{margin:16px 0 0}.workshop{grid-template-columns:minmax(0,1fr) 180px;gap:15px}.reference{padding:9px}.refhead{font-size:6px}.reference p{font-size:10px}.brief h2{font-size:23px}.brief>p:not(.eyebrow){font-size:12px}.wheels{gap:12px}.wheel{padding-right:12px}.console{padding:16px}.setting{font-size:9px!important}}@media(max-width:520px){.brand{font-size:13px;letter-spacing:2px}.brand small{font-size:6px}#help{font-size:11px;padding:4px}#help span{display:none}.collection{display:block}nav{justify-content:space-between}nav button{width:33px;padding:8px 5px}#collection{display:block;margin:12px 0 0}.workshop{grid-template-columns:minmax(0,1fr);gap:17px}aside{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px}.reference{align-self:start}.brief{padding:2px 0}.brief h2{font-size:22px;margin-bottom:9px}.brief .eyebrow{font-size:8px}.brief>p:not(.eyebrow){font-size:11px;line-height:1.5}#par{font-size:8px}.wheels{gap:9px}.wheel{padding-right:9px}.wheel .label{font-size:8px;display:block}.setting{display:block;margin-top:7px}.dial{gap:4px}.dial button{width:31px;font-size:18px;padding:6px 2px}.dial .disc{width:28px;height:28px}.disc i{height:18px}.effect{font-size:8px;min-height:25px}.actions{flex-wrap:wrap;gap:7px}.actions button{flex:1;padding:10px 8px;font-size:10px}.actions .primary{min-width:100%;margin:0;padding:13px}kbd{display:none}.stagehead,.stagefoot{padding:11px 14px;font-size:8px}footer{font-size:10px;align-items:start}footer button{font-size:10px}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.reference button{display:block;margin:9px auto 0;border:0;color:#244448;font-size:10px;padding:4px 10px}.reference button:hover{background:#c9c1aa}#proofdialog{padding:24px;max-width:650px;width:calc(100% - 30px)}#largeproof{margin-top:18px}

.modebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--muted);font-size:9px;letter-spacing:1.5px}.modebar button{font-size:10px;letter-spacing:0;padding:7px 11px;color:var(--jade)}.modebar button[aria-pressed=true]{background:#2a5457;border-color:var(--jade)}@media(max-width:520px){.dial .disc{display:none}.dial button{width:40px;min-height:44px}.modebar{font-size:8px}}