:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5ecde;background:#111e20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #52706b;background:#1e3334;color:inherit;border-radius:6px;padding:12px 16px;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#34504b;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffbd78;outline-offset:3px}main{min-height:100dvh;padding:32px clamp(18px,4vw,72px)}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #3a5554;padding-bottom:24px}header button{margin-left:auto}h1{font-size:21px;margin:4px 0}small{color:#a6bcb5;letter-spacing:.1em}.mark{font-size:48px;color:#f5bd83}.hero{max-width:850px;padding:54px 0 30px}.hero h2{font:clamp(36px,5vw,68px)/1.05 Georgia,serif;margin:18px 0;color:#ffcf9c}.hero p{line-height:1.7;font-size:18px;color:#bbcfc6}.board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:42px}.clues{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.clue{text-align:left;display:flex;gap:16px;padding:22px;border-color:#34514e;background:#172b2b}.clue>span{font-size:14px;color:#b3a280}.clue h3{font:23px Georgia,serif;color:#f3d7b2;margin:0 0 14px}.clue p{line-height:1.65;font-size:14px;margin:0;color:#b8cbc1}.selected{border-color:#eeb578;background:#233e39}.orbit{position:relative;text-align:center;padding:10px;background:radial-gradient(ellipse,#284843,transparent 68%)}svg{width:100%;max-width:420px}line{stroke:#40645d;stroke-width:2}.lit{stroke:#ffbf7f;stroke-width:3}circle{fill:#1b3633;stroke:#74978a}circle.center{fill:#493f30;stroke:#f6bb7e}text{fill:#e9d6b5;text-anchor:middle;font-size:16px}.center+text{font:40px Georgia,serif}.orbit strong{display:block;color:#ffd09d;font:26px Georgia,serif;overflow-wrap:anywhere}.relation{border-left:2px solid #d7a370;padding-left:14px;line-height:1.6;font-size:14px}label{display:block;font-size:14px;color:#d4e0d8;margin:24px 0 10px}input,textarea{display:block;width:100%;background:#0c191b;border:1px solid #66877b;border-radius:5px;color:#eef6ea;padding:13px;margin-top:8px}.muted,footer p{font-size:12px;color:#9bb6aa;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:12px}.solution{margin-top:24px;padding:24px;background:#29443b;border:1px solid #8aa384;line-height:1.7}.status{padding:18px;border-left:3px solid #f8bf80;background:#1b3230;margin-top:30px}footer{border-top:1px solid #3a5554;padding-top:24px;margin-top:30px}.studio{max-width:1100px;margin:40px auto}.studio p{line-height:1.65}.studio textarea{height:58vh;font:14px/1.5 ui-monospace,monospace}@media(max-width:850px){.board{grid-template-columns:1fr}.clues{grid-template-columns:1fr 1fr}header{flex-wrap:wrap}header button{margin-left:0}.hero{padding-top:30px}}@media(max-width:520px){.clues{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}