:root{color-scheme:dark;--ink:#eef1da;--muted:#adc3b3;--line:#52796b;--gold:#edc685;--green:#b3dab0}*{box-sizing:border-box}body{margin:0;background:#102e2a;color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-image:radial-gradient(ellipse at 15% 35%,#1e4539 0,transparent 60%)}main{max-width:1180px;margin:auto;padding:0 40px}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #62807388;background:#1d3c34;border-radius:7px;padding:9px 15px;transition:background .2s,transform .2s}button:hover{background:#355849}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:var(--gold)}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #52796b66;padding:22px 0}.brand{text-decoration:none;color:var(--ink);font-size:13px;letter-spacing:3px;font-weight:600}.brandmark{color:var(--gold);font-size:27px;vertical-align:middle;margin-right:9px}.headernote{margin-left:auto;color:var(--muted);font:italic 16px Georgia,serif}#sound{font-size:12px;padding:7px 12px;background:transparent}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted);margin:0 0 12px}h1{font:normal clamp(36px,4.4vw,58px)/1.08 Georgia,serif;margin:0;letter-spacing:-1.5px}h1 em{color:var(--gold);font-weight:normal}.lede{color:#bed1bf;font-size:15px;border-left:1px solid #62807388;padding-left:24px;margin-right:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.play{min-width:0}.studyhead{display:flex;justify-content:space-between;align-items:center;padding:13px 0 17px}.studyhead .eyebrow{font-size:9px}h2{font:normal 25px/1.3 Georgia,serif;margin:3px 0 0}.pill{font-size:11px;color:var(--green);background:#314f3f;padding:5px 10px;border-radius:20px;white-space:nowrap}.boardframe{padding:35px 35px 0;border:1px solid #688672;border-radius:17px;background:#152f29 url('pond.webp') center/cover;box-shadow:0 18px 60px #07191366,inset 0 0 25px #0b251d55}#board{position:relative;display:grid;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #afc6a677;border-radius:6px;overflow:hidden;background:#143c3580}.cell{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;border-right:1px solid #91b4a433;border-bottom:1px solid #91b4a433;background:#1a3d3122;color:#e9e4ba;aspect-ratio:1;font-size:clamp(17px,2.3vw,29px);font-weight:500;text-shadow:0 2px 5px #061c16}.cell:hover{background:#c9eab522}.cell.selected{background:#b9e6bc20;box-shadow:inset 0 0 0 2px #eed19a}.cell.cursor{outline:2px solid #f1d69b;outline-offset:-4px}.cell.clue{background:#193a32db;box-shadow:inset 0 0 12px #0f282275;color:#eed09e;letter-spacing:2px}.cell.clue.matched{color:#c0e0bc}.cell.clue.over{color:#ffb1a5}.cell.stone:after{content:'';width:62%;height:57%;border-radius:50% 42% 46% 44%;background:radial-gradient(ellipse at 33% 23%,#7f9182,#3a5045 50%,#192f29 85%);box-shadow:inset 0 2px 2px #b6c1a455,0 4px 4px #001b16bb;transform:rotate(-13deg)}.cell.dot:before{content:'';width:6px;height:6px;background:#bbd6b977;border-radius:50%}.cell.ray{background:#cdbb762c}.cell.conflict{box-shadow:inset 0 0 0 2px #e69587}.cell.hinted{box-shadow:inset 0 0 0 3px #ffe2a0}.trails{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.trail{stroke:#f3cf89;stroke-width:6;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 4px #ffdb8c66)}.complete .trail{stroke:#ffe6ac;stroke-dasharray:12 4;animation:flow 4s linear infinite}.glimmer{fill:#fff2b7;filter:drop-shadow(0 0 5px #f8d384)}@keyframes flow{to{stroke-dashoffset:-32}}.pond-caption{text-align:center;padding:10px 0 12px;color:#c5d4bcaa;font:italic 12px Georgia,serif}.toolbar{display:flex;gap:8px;padding:16px 0 0}.toolbar button{flex:1;background:#18382f}.toolbar button[aria-pressed=true]{border-color:#ddc28c;background:#3d5039;color:#ffdf9e}.toolbar b{font-size:21px;vertical-align:middle;margin-right:7px}kbd{font-family:inherit;font-size:10px;border:1px solid #70917b66;border-radius:3px;padding:1px 4px;color:#abc2ac;margin-left:4px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:12px}.actions .primary{background:var(--gold);color:#233e2b;margin-left:auto;border-color:var(--gold)}#message{min-height:46px;margin:13px 0 5px;color:#c2d2be;font-size:13px}aside{padding-top:16px}.guide{border:1px solid #60836d66;background:#1a382e77;padding:24px;border-radius:12px}h3{font:normal 29px/1.14 Georgia,serif;margin:0 0 22px;color:#ece9d0}ol{padding-left:18px;font-size:13px;color:#b5cbb7}li{padding-left:5px;margin-bottom:16px}li strong{display:block;color:#ecedd8;font-weight:550}.tip{border-top:1px solid #6c8a6c55;margin-top:21px;padding-top:16px;font-size:12px;color:#acc3ad}.tip b{color:#e9e8cb}.tip p{margin:6px 0 12px}.collection{padding:22px 2px}.collection label{display:block}.collection select{width:100%;background:#17382e;border:1px solid #688772;border-radius:6px;padding:9px;font-size:13px}#shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}#shelf button{padding:7px 0;font-size:12px;background:transparent}#shelf button.active{border-color:#e6c795;color:#e6c795}#shelf button.done{background:#3a583e;color:#c7e0a9}#shelfNote{font-size:11px;color:#9cb79f}footer{border-top:1px solid #52796b66;margin:32px 0 0;padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;color:#a6bda7;font:italic 13px Georgia,serif}footer button{border:0;background:transparent;font:12px sans-serif;color:#b6c7ac}dialog{border:1px solid #70917b;background:#193c31;color:#e8ecd6;border-radius:14px;max-width:500px;padding:28px;line-height:1.7}dialog::backdrop{background:#021c18bb}dialog p{font-size:14px}dialog h2{font-size:27px}dialog button{margin-top:14px}[hidden]{display:none!important}@media(max-width:850px){main{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.boardframe{padding:22px 22px 0}.guide{padding:18px}.lede{font-size:13px}}@media(max-width:670px){main{padding:0 16px}header{padding:15px 0}.headernote{display:none}#sound{margin-left:auto}.intro{padding:25px 0 20px}.lede{font-size:11px;padding-left:14px;margin-right:0}h1{font-size:37px}.eyebrow{font-size:8px;letter-spacing:1.4px}.workspace{display:block}.studyhead{padding-top:5px}.boardframe{padding:23px 23px 0}.cell{font-size:24px}.toolbar{padding-top:12px}.toolbar button{padding:8px}.toolbar kbd{display:none}.toolbar b{margin-right:2px}.guide{margin-top:17px}.guide h3{font-size:24px}.guide li{margin-bottom:10px}.guide h3 br{display:none}aside{display:flex;flex-direction:column}.collection{order:-1;padding:25px 0 0}.collection #shelf{grid-template-columns:repeat(12,1fr);gap:4px}#shelf button{font-size:10px;padding:6px 0}footer{align-items:flex-start;gap:14px;font-size:12px}.actions button{padding:8px 10px}#message{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:671px){main{max-width:1020px}.intro{padding:24px 0 20px}h1{font-size:46px}.workspace{grid-template-columns:minmax(0,540px) 300px;gap:32px}.studyhead{padding-top:6px}.boardframe{padding:25px 25px 0}.guide{padding:20px}header{padding:16px 0}}