:root{color-scheme:dark;--bg:#101a18;--panel:#182520;--ink:#f3f0e8;--muted:#b8c5bd;--accent:#a0dfc6;--line:#40554a;font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:0 32px}a{color:var(--accent);text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{background:var(--accent);color:var(--bg);padding:13px 20px;border:1px solid var(--accent);border-radius:3px}button:hover{background:#c0efda}button:disabled{opacity:.6;cursor:wait}.claim-exit{position:fixed;top:20px;right:24px;z-index:3;padding:10px 14px;background:var(--bg);border:1px solid var(--line);font:14px system-ui}.skip{position:fixed;top:-100px;left:10px;z-index:5;padding:15px;background:var(--ink);color:var(--bg)}.skip:focus{top:10px}.hinge{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 0 72px;border:0;gap:24px}h1{font-size:clamp(26px,4.5vw,43px);line-height:1.18;font-weight:normal;max-width:800px;margin:0}h2{font-weight:normal;font-size:26px}h3{font:16px system-ui;color:var(--muted)}p,li{line-height:1.6}fieldset{border:0;padding:0;margin:0}legend{font-size:21px;line-height:1.4;margin-bottom:22px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{display:flex;gap:12px;align-items:center;padding:18px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font:16px/1.4 system-ui}.option:has(input:checked){border-color:var(--accent);background:#243d32}input[type=radio]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.submit{margin-top:18px}.no-script-readouts{font:14px system-ui}.enhanced .no-script-readouts{display:none}section:not(.hinge){padding:44px 0;border-top:1px solid var(--line)}.readout{padding:20px 0}.excluded{border-left:2px solid var(--accent);padding-left:18px}.readout h2{font-size:22px}.mesh-view{width:100%;height:340px;overflow:hidden;border:1px solid var(--line);margin-top:20px}.mesh-view canvas{display:block;width:100%;height:100%}.state-readout{display:block;font:16px/1.6 system-ui;margin:20px 0;overflow-wrap:anywhere}.moves{display:flex;gap:12px;flex-wrap:wrap}.moves button{background:var(--panel);color:var(--ink);font:14px system-ui}.model-scope,.mesh-status{color:var(--muted);font:14px/1.6 system-ui}.projections{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}figure{margin:0}figure img{width:100%;height:auto;display:block}figcaption{font:13px system-ui;margin-top:8px;color:var(--muted)}textarea{width:100%;display:block;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:16px;margin-top:14px;resize:vertical}footer{padding:50px 0;color:var(--muted);font:14px/1.7 system-ui}nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}[hidden]{display:none!important}details{padding:20px;border:1px solid var(--line)}summary{cursor:pointer}body:has(.device-panel)>main>h1{padding-top:80px}@media(max-width:600px){main{padding:0 20px}.options{grid-template-columns:1fr}.option{padding:14px}.hinge{padding-top:92px}.claim-exit{top:12px;right:12px}.projections{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.load-device{display:none}.device-panel[data-ready="true"] .load-device{display:inline-block}
