:root{color-scheme:dark;--ink:#eef1df;--muted:#adc2bc;--gold:#e9ba76;--line:#426461;--bg:#10272b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#24494a,transparent 55%),radial-gradient(ellipse at 100% 70%,#193e40,transparent 50%),#0c2025;color:var(--ink);font-family:system-ui,sans-serif;line-height:1.5}main{max-width:1140px;margin:auto;padding:44px 30px}header{position:relative;border-bottom:1px solid var(--line);padding-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--gold);font-weight:700}h1{font:68px/1 Georgia,serif;margin:18px 0 0;letter-spacing:-3px}h1 span{display:inline-block;font:italic 24px Georgia,serif;letter-spacing:0;color:#a9c7bc;margin-left:24px}.intro{color:var(--muted);margin:16px 0 0;font-size:15px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:20px 0}button,select{font:inherit;color:var(--ink);background:#1b383b;border:1px solid #4c716a;border-radius:9px;padding:9px 13px;cursor:pointer}button:hover,select:hover{background:#2e5351}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}label{color:var(--muted);font-size:13px}select{margin-left:5px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.table{background:linear-gradient(140deg,#19393c,#10292e);border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:0 24px 65px #0003;align-self:start}.turnline{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:12px;letter-spacing:.06em}#counter{color:var(--muted)}h2{font:25px Georgia,serif;margin:17px 0 8px}#message{font-size:13px;color:var(--muted);min-height:40px;margin:0}#board{position:relative;aspect-ratio:1;max-width:440px;margin:10px auto 20px;border-radius:50%;background:radial-gradient(ellipse at center,#35605b40,transparent 68%)}.cell{position:absolute;transform:translate(-50%,-50%);width:11.9%;height:11.9%;padding:0;border:1px solid #698e80;border-radius:50%;background:radial-gradient(circle at 35% 20%,#6c8c7b,#2c504b 60%,#163431);box-shadow:0 4px 4px #0005,inset 0 0 0 5px #163a36;display:flex;align-items:center;justify-content:center}.cell::before{content:'';width:25%;height:25%;border-radius:50%;background:#0b2428;box-shadow:inset 0 2px 3px #0009}.cell.missing{visibility:hidden}.cell.legal{outline:2px dashed #b6d1a4;outline-offset:3px}.cell.selected,.cell.suggested{outline:3px solid var(--gold);outline-offset:3px}.cell .marble{position:absolute;width:76%;height:76%;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;text-shadow:0 1px 1px #0005;box-shadow:0 4px 5px #0008,inset -4px -4px 7px #0004}.pearl{background:radial-gradient(circle at 30% 22%,#fffdf0,#d7d7bc 45%,#8f9c8f);color:#304744}.slate{background:radial-gradient(circle at 30% 22%,#c6d9e1,#7d9baa 45%,#365360);color:#102b36}.onyx{background:radial-gradient(circle at 30% 22%,#748480,#273d3b 45%,#091a1d);color:#e6eddf}.coord{position:absolute;top:100%;font-size:9px;white-space:nowrap;color:#88a69a;line-height:1.5}.cell:hover{filter:brightness(1.25)}#palette{display:flex;gap:9px;justify-content:center;margin-top:12px}#palette button{font-size:13px;display:flex;align-items:center;gap:7px;padding:9px 11px}#palette .dot{width:22px;height:22px;border-radius:50%;border:1px solid #7b9c8f}#palette button.chosen{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.footnote{color:#8faea3;text-align:center;font-size:11px;margin:10px 0 0}#claimbar{display:flex;gap:8px;justify-content:center;margin-top:18px}#claimbar[hidden]{display:none}#hinttext{font-size:12px;color:var(--gold);min-height:18px;margin-bottom:0}.card{background:#112e32;border:1px solid #395b57;border-radius:14px;padding:18px;margin-bottom:14px}.card p{font-size:12px;color:var(--muted)}.card button[data-study]{display:block;width:100%;text-align:left;margin-top:8px;font-size:12px;background:transparent}.small{font-size:12px;color:var(--muted)}.score{padding:14px 0;border-bottom:1px solid #2e504d}.score:last-child{border:0}.score strong{font:18px Georgia,serif}.score .counts{display:flex;gap:12px;margin-top:8px;color:#c6d4c4;font-size:12px}.score.active strong{color:var(--gold)}summary{cursor:pointer;font:17px Georgia,serif}a{color:#e9ba76}footer{text-align:center;color:#789c91;font:italic 14px Georgia,serif;padding:30px 0 0}@media(max-width:820px){.layout{grid-template-columns:minmax(0,1fr) 240px;gap:14px}main{padding:30px 18px}.table{padding:18px 16px}h1{font-size:56px}h1 span{display:block;margin:12px 0 0;font-size:22px}#palette button{padding:8px;font-size:11px}}@media(max-width:660px){main{padding:25px 14px}.layout{grid-template-columns:1fr}.toolbar{gap:7px}.toolbar>label{width:100%}.toolbar button{font-size:12px}.table{padding:17px 14px}h1{font-size:52px}h2{font-size:23px}#board{margin-bottom:24px}#palette button{padding:9px 10px;font-size:12px}.card{margin-bottom:10px}.coord{font-size:8px}.cell .marble{font-size:10px}.intro{font-size:13px}}@media(prefers-reduced-motion:no-preference){.cell .marble{animation:settle .22s ease-out}@keyframes settle{from{transform:scale(.65)}to{transform:scale(1)}}}