*{box-sizing:border-box}html{background:#f3f1e7;color:#193c40;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}body{margin:0}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{border:1px solid #c5d0bf;border-radius:13px;background:#fffef5;color:#193c40;padding:11px 17px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#e4eddd}button:active{transform:translateY(1px)}button:disabled{opacity:.43;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b58a35;outline-offset:4px}main{max-width:1080px;margin:auto;padding:30px 30px 40px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:750;letter-spacing:.25em;text-decoration:none;color:inherit;font-size:14px}.intro{text-align:center;padding:40px 0 18px}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700;color:#6d8b7f;margin:0 0 10px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(39px,6vw,64px);margin:0 0 18px}h2{font-size:27px;margin:0}.intro>p:last-child{font-family:Georgia,serif;font-size:19px;color:#71877a;margin:0}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:15px 0 24px}nav button{width:39px;height:39px;border-radius:50%;padding:0;font-size:12px}nav button[aria-current=true]{background:#285b55;color:#fff;border-color:#285b55}.workshop{border:1px solid #cbd5c2;border-radius:26px;overflow:hidden;background:#fffef5;box-shadow:0 18px 48px #173e3110}.boardhead{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;gap:15px}.boardhead .eyebrow{margin-bottom:7px}#status{font-size:13px;color:#798976;text-align:right}#status.ready{color:#327062;font-weight:700}#board{position:relative;aspect-ratio:3/2;background:#102d32 url("cabinet.webp") center/cover;touch-action:none;cursor:ew-resize;overflow:hidden}canvas{display:block;width:100%;height:100%}#receivers{position:absolute;inset:0;pointer-events:none}.receiver{position:absolute;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.receiver:before{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--light);opacity:.13;box-shadow:0 0 18px var(--light)}.receiver img{width:100%;height:100%;position:relative;filter:saturate(.7);opacity:.65}.receiver.hit:before{opacity:.85;box-shadow:0 0 22px 6px var(--light)}.receiver.hit img{opacity:1;filter:saturate(1.1) drop-shadow(0 0 7px var(--light))}.receiver span{position:absolute;bottom:-10px;border-radius:20px;background:#092c36df;color:#f6ecd0;font-size:clamp(7px,1vw,12px);padding:2px 7px;white-space:nowrap}.lampnote,.prismnote,.boardnote{position:absolute;pointer-events:none;color:#dec995;font-size:clamp(6px,1vw,10px);letter-spacing:.12em}.lampnote{left:2%;top:9%}.prismnote{left:9%;top:20%}.boardnote{bottom:3%;left:0;right:0;text-align:center;color:#d5dac7}.bench{padding:24px 28px 26px}.readings{display:flex;gap:10px;margin-bottom:22px}.reading{flex:1;border:1px solid #d9dfcb;padding:10px 14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.reading b{font-weight:600}.reading small{font-size:10px;color:#7f8977}.reading.hit{background:#edf4e5;border-color:#91b38d}.reading i{font-style:normal;color:#75816e}.reading.hit i{color:#2d6c56}.dialhead{display:flex;justify-content:space-between;font-size:13px;font-weight:650;margin-bottom:8px}output{font-variant-numeric:tabular-nums}.dial{display:flex;align-items:center;gap:18px}.dial button{width:45px;height:42px;padding:0;font-size:24px}.dial input{width:100%;accent-color:#306356;cursor:ew-resize}.scale{display:flex;justify-content:space-between;margin:6px 62px 0;font-size:10px;color:#8b9785}.actions{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.primary{background:#285e55;color:#fff;border-color:#285e55}.primary:hover{background:#1b4c46}#offer{margin-left:auto}#message{font-size:13px;min-height:40px;color:#527467;margin:18px 0 0}#next{margin-top:8px}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:11px;color:#819482;margin:25px 5px 0}details{max-width:500px;text-align:right}details p{text-align:left}summary{cursor:pointer}a{color:inherit}dialog{border:1px solid #c7d3bd;border-radius:24px;max-width:530px;padding:34px;color:#25483f;background:#fffdf0;box-shadow:0 20px 90px #0006}dialog::backdrop{background:#092d39a8;backdrop-filter:blur(4px)}dialog p{font-size:14px;color:#547062}dialog h2{font-size:34px}#closehelp{float:right;border:0;padding:0;font-size:25px;background:none}dialog .primary{margin-top:10px}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 15px 30px}.brand{font-size:11px;letter-spacing:.17em}header>button{padding:9px 12px;font-size:12px}.intro{padding-top:30px}.intro>p:last-child{font-size:17px}nav{gap:6px;padding:14px 0 20px}nav button{width:30px;height:30px;font-size:10px}.boardhead{padding:20px}.boardhead h2{font-size:22px}.boardhead .eyebrow{font-size:8px}.boardhead #status{font-size:11px;max-width:90px}.workshop{border-radius:21px}.bench{padding:20px 17px}.reading{padding:8px;flex-wrap:wrap;gap:3px;font-size:10px}.reading small{font-size:8px}.reading i{display:block;width:100%}.dial{gap:10px}.dial button{height:42px;min-width:42px}.scale{margin-left:50px;margin-right:50px;font-size:8px}.actions{gap:6px}.actions button{padding:10px;font-size:11px}#offer{width:100%;margin:4px 0 0}#message{font-size:12px;min-height:52px}footer{font-size:9px;gap:15px}details{max-width:47%}dialog{width:calc(100% - 30px);padding:25px}dialog h2{font-size:29px}.receiver{width:11%}.receiver span{bottom:-9px;padding:1px 4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}