@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400&display=swap";.site-navigation{box-sizing:border-box;color:#173354;background:#f5f1e8;border-bottom:1px solid #17335430;width:100%;font:400 17px/1.5 Newsreader,Georgia,serif}.site-navigation__inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:24px;max-width:1380px;min-height:90px;margin:0 auto;padding:16px clamp(28px,4vw,64px);display:flex}.site-navigation a{min-height:44px;color:inherit;font:inherit;align-items:center;text-decoration:none;display:inline-flex}.site-navigation .site-navigation__brand{font-size:24px}.site-navigation__links{align-items:center;gap:36px;margin:0;padding:0;list-style:none;display:flex}.site-navigation a:hover,.site-navigation a[aria-current]{color:#ad4b2e;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.site-navigation a:focus-visible{outline-offset:4px;outline:2px solid #ad4b2e}@media (width<=760px){.site-navigation__inner{gap:20px;min-height:76px;padding:12px 22px}.site-navigation__links{gap:20px}.site-navigation{font-size:16px}}@media (width<=360px){.site-navigation__inner{gap:16px;padding-inline:16px}.site-navigation__links{gap:16px}}:root{color:#333b32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#646b5d;--line:#dedfd3;--sage:#dce5d1;--peach:#f1ddc5;--lavender:#e4def0;--blue:#d8e7ec;--rose:#efdadb;background:#f8f6f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,summary,.cell,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #53674b}.page-shell{max-width:1328px;margin:auto;padding:0 48px}.game{text-align:center;width:min(100%,500px);margin:20px auto}.eyebrow{letter-spacing:.16em;color:#606f50;align-items:center;gap:7px;font-size:9px;font-weight:600;display:inline-flex}.eyebrow svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}h1{letter-spacing:-3px;margin:12px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:400;line-height:1.05}h1 em{color:#6b7b59;font-weight:400}.title-dot{color:#a2ad83}.intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.puzzle-panel{margin-top:20px}.target{flex-direction:column;align-items:center;gap:3px;display:flex}.target>span{color:var(--muted);letter-spacing:.15em;font-size:9px;font-weight:500}.target strong{letter-spacing:-2px;font-family:Georgia,Times New Roman,serif;font-size:50px;font-weight:400;line-height:1.2;animation:.25s appear}.board-instruction{color:var(--muted);margin:9px 0 4px;font-size:11px}.board{width:340px;max-width:100%;margin:0 auto;display:block;overflow:visible}.cell{cursor:pointer;touch-action:manipulation;outline:none}.hex-shape{fill:#fcfbf7;stroke:#b8bfac;stroke-width:1.15px;transition:fill .2s,stroke .2s}.cell text{fill:#333b32;pointer-events:none;font-variant-numeric:tabular-nums;font-size:26px;font-weight:450}.hex-focus{fill:none;stroke:#0000;stroke-width:5px}.cell:focus-visible .hex-focus,.cell:focus-visible .hex-shape{stroke:#687c56}.cell.selected .hex-shape{fill:#e8ecdc;stroke:#65784e;stroke-width:2.5px}.cell.hinted .hex-shape{stroke:#65784e;stroke-width:2.5px;stroke-dasharray:5 4;fill:#eef1e5}.cell.incorrect .hex-shape{stroke:#b57460;fill:#f4e6df;animation:.35s gentle-nudge}.cell.paired .hex-shape{stroke:#a8b49e}.sage{--pair-color:var(--sage)}.peach{--pair-color:var(--peach)}.lavender{--pair-color:var(--lavender)}.blue{--pair-color:var(--blue)}.rose{--pair-color:var(--rose)}.cell.paired .hex-shape{fill:var(--pair-color)}.pair-marker{fill:#5e6a55;opacity:.55;pointer-events:none}.connections line{stroke:var(--pair-color);stroke-width:16px;stroke-linecap:round;animation:.25s appear}.progress{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:8px 0 0;font-size:11px;display:flex}.progress strong{color:#333b32;font-weight:600}.progress-dots{gap:5px;display:flex}.progress-dots span{background:var(--pair-color,#e5e5dc);border:1px solid #b1b7a4;border-radius:50%;width:9px;height:9px;transition:background .2s}.feedback{min-height:44px;color:var(--muted);justify-content:center;align-items:center;max-width:340px;margin:auto;padding:6px 0;font-size:11px;line-height:1.5;display:flex}.feedback.success{color:#536d42;font-weight:600;animation:.4s appear}.controls{justify-content:center;gap:8px;display:flex}.controls button{color:#414b3c;background:0 0;border:1px solid #d8dcd0;border-radius:9px;min-height:44px;padding:0 20px;font-size:12px;transition:background .15s,transform .15s}.controls button span{vertical-align:-1px;margin-right:6px;font-size:17px}.controls .primary{color:#fffef8;background:#536647;border-color:#536647}.undo{min-height:36px;color:var(--muted);background:0 0;border:0;margin:5px auto 0;font-size:10px;display:block}.undo span{margin-right:4px;font-size:15px}.settings{border:0;border-top:1px solid var(--line);max-width:340px;margin:12px auto 0;padding:12px 0 0}.settings legend{letter-spacing:.15em;color:var(--muted);padding:0 12px;font-size:8px}.mode-options{justify-content:center;gap:4px;display:flex}.mode-options label{cursor:pointer;width:93px;position:relative}.mode-options input{opacity:0;width:1px;height:1px;position:absolute}.mode-options label>span{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:3px;min-height:44px;padding:7px 14px;font-size:11px;display:flex}.mode-options small{color:var(--muted);font-size:9px}.mode-options input:checked+span{background:#e9ecdf;border-color:#dce1cf}.mode-options input:focus-visible+span{outline-offset:3px;outline:2px solid #53674b}.operation-settings .mode-options label{width:145px}.operation-settings .mode-options label>span{justify-content:center}.difficulty-help{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.5}.how-to{max-width:340px;color:var(--muted);text-align:left;margin:14px auto 0;font-size:11px;line-height:1.7}.how-to summary{text-align:center;justify-content:center;align-items:center;min-height:32px;list-style:none;display:flex}.how-to summary::-webkit-details-marker{display:none}.how-to summary span{margin-left:7px}.how-to[open] summary span{display:inline-block;transform:rotate(45deg)}.page-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:16px 0;font-size:10px;display:flex}.page-footer>span{font-family:Georgia,serif;font-size:12px;font-style:italic}.page-footer a span{margin-left:5px}@media (hover:hover){.cell:not(.paired):hover .hex-shape{fill:#eef0e5;stroke:#859374}.controls button:not(:disabled):hover{background:#e9ecdf}.controls .primary:hover{background:#43563a!important}a:hover,.undo:not(:disabled):hover{color:#536647}}@media (width<=600px){.page-shell{padding:0 22px}.game{margin:20px auto}h1{margin:9px 0;font-size:51px}.eyebrow{font-size:8px}.intro p{font-size:10px}.puzzle-panel{margin-top:20px}.target strong{font-size:46px}.target>span{font-size:8px}.board-instruction{margin-top:6px;font-size:10px}.board{width:320px}.progress{margin-top:5px}.controls button{padding:0 16px}.feedback{min-height:46px}.settings{margin-top:12px;padding-top:12px}.how-to{margin-top:15px}.page-footer{padding:17px 0;font-size:9px}.page-footer>span{font-size:11px}}@media (width<=600px) and (height<=750px){.game{margin:15px auto 18px}.eyebrow{display:none}h1{margin-top:0;font-size:38px}.intro p{display:none}.puzzle-panel{margin-top:12px}.board{width:280px}.target strong{font-size:40px}.feedback{min-height:40px}.settings{margin-top:7px}.how-to{margin-top:8px}.page-footer{padding:12px 0}}@keyframes appear{0%{opacity:.3}to{opacity:1}}@keyframes gentle-nudge{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}