:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#f0e6d1;background:#102527;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 24%,#294a48 0,transparent 60%)}main{max-width:1120px;margin:auto;padding:32px 24px}header{margin-bottom:26px}.eyebrow{letter-spacing:.27em;font-size:11px;color:#d2b775;font-weight:750}h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,64px);font-weight:400;margin:10px 0}h1 span{display:inline-block;font-family:ui-sans-serif,system-ui;font-size:13px;letter-spacing:.15em;text-transform:uppercase;margin-left:20px;color:#d2b775}header p{color:#b5c9c2;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:24px}.workbench{background:linear-gradient(145deg,#203f3c,#122c2f);border:1px solid #557568;border-radius:28px;padding:22px;box-shadow:0 20px 65px #0003;align-self:start}.boardtop{display:flex;justify-content:space-between;gap:8px;font-size:13px}.boardtop span{color:#d2b775}svg{width:100%;display:block;overflow:visible;max-height:560px;filter:drop-shadow(0 8px 8px #0003)}svg .cell{cursor:pointer;stroke-width:1;transition:fill .15s}svg .cell:hover{fill:#587067}svg .selected{stroke:#e9cd86;stroke-width:2}svg .lantern,svg .socket,svg text{pointer-events:none}.legend{display:flex;justify-content:center;gap:20px;font-size:12px;color:#e6c987}#status{min-height:40px;text-align:center;font-size:14px;line-height:1.5;color:#e9cd86;margin:12px 0 0}.panel,details{background:#1a3435;border:1px solid #45615c;border-radius:20px;padding:22px}.steps{display:flex;justify-content:space-between;color:#e6c987;margin-bottom:22px;font-variant-numeric:tabular-nums}label{display:block;font-size:12px;color:#b5c9c2;margin:12px 0 8px}select{width:100%;padding:12px;border:1px solid #62786b;background:#112b2c;border-radius:8px;color:#f2e8d1;font:inherit;font-size:14px}button{font:inherit;font-size:13px;cursor:pointer;padding:12px 10px;min-height:44px;border-radius:8px;border:1px solid #6a8277;background:#254743;color:#f3ead9}button:hover{background:#3a5e54}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #efd184;outline-offset:3px}.tabs{display:flex;gap:6px;margin:20px 0 16px}.tabs button{flex:1}button[aria-pressed=true]{background:#dbc082;color:#172f2e;border-color:#dbc082}.directions{display:flex;gap:8px;margin-top:12px}.directions button{flex:1;background:#dec388;color:#142d2c;font-weight:700}.muted{font-size:12px;color:#b3c6bd;line-height:1.5;min-height:36px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#hinttext{font-size:13px;line-height:1.5;color:#e9cd86;min-height:20px}#collection{font-size:12px;margin-bottom:0;color:#b9d8c8}details{margin-top:16px;font-size:13px;line-height:1.65}summary{cursor:pointer;color:#eed798}a{color:#e6cb87}footer{text-align:center;color:#98b3a9;font-size:12px;margin-top:26px}@media(max-width:760px){main{padding:22px 14px}.layout{grid-template-columns:1fr;gap:16px}h1 span{display:block;margin:8px 0 0}.workbench{padding:16px}header{margin-bottom:20px}.panel{padding:18px}.legend{gap:15px}#status{min-height:22px}}