*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 8% 0%,var(--theme),transparent 65%),#120f22;color:#fff6ec;font:400 16px/1.45 system-ui,sans-serif;min-height:100vh}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.wrap{width:min(920px,calc(100% - 32px));margin:auto}.bar{border-bottom:1px solid #ffffff27}.bar .wrap{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:800}.brand img{border-radius:8px}.bar a:last-child{font-size:12px;font-weight:700}.hero{padding:27px 0 20px}.eyebrow,.level-label{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.hero h1{font-size:clamp(35px,7vw,67px);line-height:1;margin:6px 0;letter-spacing:-.052em}.hero p:last-child{color:#e5d9ec;max-width:62ch;margin:10px 0 0}.panel{border:1px solid #ffffff33;border-radius:18px;background:#1d172e;box-shadow:0 15px 60px #0005;overflow:hidden}.panel-top{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff25}.panel-top p{margin:0}.box{padding:16px}.box h2{margin:0 0 7px;line-height:1.1;font-size:clamp(22px,5vw,36px);letter-spacing:-.035em}.box p{color:#e9dced;margin:8px 0 12px}.board{width:100%;display:block;border:1px solid #ffffff32;border-radius:11px;background:#110e24;overflow:hidden}.controls,.steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.key,.primary{min-height:44px;padding:8px 13px;border-radius:9px;border:1px solid #ffffff49;background:#342647;color:#fff7f2;font-weight:700;line-height:1.2}.key:hover:enabled{background:#503765}.key[aria-pressed=true],.primary{background:var(--accent);border-color:var(--accent);color:#1a1226}.primary:hover:enabled{filter:brightness(1.12)}.status{padding:0 16px;color:var(--accent);font-size:14px;min-height:40px}.advance{padding:0 16px 16px}.foot{color:#dccbe3;font-size:13px;padding:14px 0 26px}.readout{font-variant-numeric:tabular-nums}.sliders{display:flex;flex-wrap:wrap;gap:10px}.sliders label{display:grid;grid-template-columns:1fr auto;min-width:min(100%,215px);align-items:center;gap:5px;color:#f5e8f8;font-size:13px}.sliders input{grid-column:1/-1;min-height:40px;width:100%;accent-color:var(--accent)}.tray,.clues{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px}.tray .key,.clues .key{text-align:left}.tray small,.clues small{display:block;color:inherit;opacity:.85;font-weight:500;margin-top:3px}.order,.notes{background:#161124;border:1px solid #ffffff2e;border-radius:12px;padding:11px;color:#f5e8f8}.plate{padding:11px 0;color:var(--accent);font-weight:700}.notes:empty{display:none}.note{margin:6px 0}.field-label{display:block;color:var(--accent);font-size:13px;font-weight:760;margin:12px 0 0}.answers{display:grid;gap:10px}.answer{padding:10px;border:1px solid #ffffff2b;border-radius:10px;background:#201730}.answer p{margin:0 0 6px}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;border:1px solid var(--accent)}.dots .active{background:var(--accent)}@media(max-width:450px){.wrap{width:calc(100% - 22px)}.box{padding:12px}.hero{padding-top:20px}.hero p:last-child{font-size:14px}.panel-top{padding:9px 12px}.tray,.clues{grid-template-columns:repeat(2,minmax(0,1fr))}.key{font-size:13px}.status{padding-inline:12px}}