:root{--ink:#1e3833;--muted:#6e7d78;--teal:#2f7668;--teal-dark:#245d53;--mint:#e8f1ed;--cream:#f8f6f0;--paper:#fffefa;--line:#deded5;--amber:#e3ac57;--coral:#d77962;--shadow:0 22px 60px #2a413a1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f8f6f0e6;border-bottom:1px solid #1e38331a;height:76px;position:relative}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand>span{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.brand b{letter-spacing:-1px;font-family:Georgia,serif;font-size:27px}.nav nav{align-items:center;gap:30px;display:flex}.nav a{color:var(--ink);font-size:13px;text-decoration:none}.local{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.local i{background:#68a98d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e1eee8}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:85px;min-height:580px;padding-block:70px 76px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--teal);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--mint);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}h1{letter-spacing:-2.8px;margin:22px 0 25px;font:clamp(48px,5.2vw,72px)/.99 Georgia,serif}h1 em{color:var(--teal);font-weight:400}.hero-text{color:#5b6965;max-width:575px;margin:0;font:16px/1.75 Georgia,serif}.start-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #e4e2d9;border-radius:20px;padding:27px}.card-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.card-top span{font:20px Georgia,serif}.card-top small{color:#8b9692;font-size:10px}.levels{gap:10px;display:grid}.level{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e4dc;border-radius:12px;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;width:100%;min-height:67px;padding:10px 14px;transition:all .2s;display:grid}.level:hover{border-color:#9fbab2;transform:translateY(-1px)}.level.active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:#f7fbf9}.level-dot{border-radius:50%;place-items:center;width:40px;height:40px;font:700 15px Georgia,serif;display:grid}.sage{color:#397566;background:#e5efea}.amber{color:#a8782d;background:#fbf0dd}.coral{color:#a75a48;background:#f8e5df}.level b{font-size:13px;display:block}.level small{color:#89938f;margin-top:4px;font-size:10px;display:block}.level-time{color:#7b8783;font-size:10px}.primary{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;height:54px;margin-top:20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #2f766833}.primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.private-note{color:#89938f;justify-content:center;align-items:center;gap:7px;margin:14px 0 0;font-size:10px;display:flex}.resume-card{text-align:left;cursor:pointer;background:#fffefa;border:1px solid #d8e4df;border-radius:14px;align-items:center;gap:13px;width:100%;max-width:460px;margin-top:27px;padding:13px 16px 13px 13px;display:flex;box-shadow:0 8px 24px #3247410f}.resume-card:hover{border-color:var(--teal)}.resume-card>svg{margin-left:auto}.resume-card>span:nth-child(2){gap:4px;display:grid}.resume-card b{font-size:12px}.resume-card small{color:#87918e;font-size:10px}.resume-icon{background:var(--mint);width:38px;height:38px;color:var(--teal);border-radius:9px;place-items:center;display:grid}.benefits{border-top:1px solid #deddd5;border-bottom:1px solid #deddd5;grid-template-columns:repeat(3,1fr);padding:34px 0;display:grid}.benefits article{border-right:1px solid #deddd5;gap:15px;padding:0 35px;display:flex}.benefits article:first-child{padding-left:0}.benefits article:last-child{border:0}.benefits article>span{color:var(--teal)}.benefits b{font:16px Georgia,serif}.benefits p{color:#7a8682;margin:7px 0 0;font-size:11px;line-height:1.6}.mini-stats{color:#77837f;justify-content:center;gap:50px;padding:30px 0;font-size:11px;display:flex}.mini-stats b{color:var(--teal);margin-right:5px;font:20px Georgia,serif}.how{grid-template-columns:.7fr 1.3fr;gap:100px;padding-block:100px 110px;display:grid}.how h2{margin:15px 0;font:42px Georgia,serif}.how>div:first-child>p{color:#6e7d78;font:14px/1.75 Georgia,serif}.how-steps{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.how-steps article{border-top:1px solid #cfd3cf;padding-top:22px}.how-steps span{color:var(--teal);font:11px Georgia,serif}.how-steps b{margin:22px 0 9px;font:16px Georgia,serif;display:block}.how-steps p{color:#79837f;margin:0;font-size:11px;line-height:1.6}footer{background:#f0eee7;border-top:1px solid #dfddd5;padding:30px 0}footer .wrap{align-items:center;gap:30px;display:flex}.brand.small>span{width:28px;height:28px}.brand.small b{font-size:20px}footer p{color:#75807c;font:12px Georgia,serif}footer small{color:#88918e;margin-left:auto;font-size:10px}.loading{height:100vh;color:var(--teal);place-items:center;display:grid}.game-main{min-height:calc(100vh - 76px);padding:24px 0 65px}.game-head{grid-template-columns:1fr auto 1fr;align-items:center;height:42px;display:grid}.back,.timer{cursor:pointer;background:0 0;border:0;font-size:12px}.back{color:#63736e;justify-self:start;align-items:center;gap:8px;display:flex}.game-title{align-items:center;gap:9px;font:12px Georgia,serif;display:flex}.difficulty-pill{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:6px 11px;font:700 9px Arial}.timer{font-variant-numeric:tabular-nums;border:1px solid #ddded8;border-radius:8px;justify-self:end;align-items:center;gap:8px;padding:8px 11px;display:flex}.progress-line{background:#e5e3dc;height:2px;margin-top:13px}.progress-line span{background:var(--teal);height:100%;transition:all .3s;display:block}.game-layout{grid-template-columns:minmax(0,620px) 270px;justify-content:center;gap:65px;padding-top:31px;display:grid}.board-wrap{position:relative}.board{aspect-ratio:1;background:#788982;border:2px solid #3a5b53;outline:0;grid-template-columns:repeat(9,1fr);gap:1px;width:100%;transition:all .2s;display:grid}.cell{cursor:pointer;color:#266d61;background:#fffefa;border:0;place-items:center;padding:0;font:clamp(20px,2.5vw,29px) Georgia,serif;display:grid;position:relative}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:2px solid #3a5b53}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #3a5b53}.cell.given{color:#223d37;font-weight:700}.cell.related{background:#f0f5f1}.cell.same{background:#dcece6}.cell.selected{box-shadow:inset 0 0 0 2px var(--teal);z-index:2;background:#cce2da}.cell.wrong{color:#bf594d;background:#f9e9e5}.cell.flash{animation:.35s shake}.cell-notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:4px}.cell-notes i{color:#64827a;place-items:center;font:9px Arial;display:grid}.blurred{filter:blur(8px);opacity:.4}.pause-overlay{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:180px;height:160px;margin:auto;display:flex;position:absolute;inset:0}.pause-overlay span{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.pause-overlay b{font:18px Georgia,serif}.pause-overlay small{color:#7b8884;font-size:10px}.numpad{grid-template-columns:repeat(9,1fr);gap:7px;margin-top:16px;display:grid}.numpad button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #ddded8;border-radius:8px;align-content:center;place-items:center;gap:2px;display:grid}.numpad button:hover:not(:disabled){border-color:var(--teal);background:var(--mint)}.numpad b{color:#285f55;font:22px Georgia,serif}.numpad small{color:#9aa29f;font-size:8px}.numpad button:disabled{opacity:.3}.side-panel{flex-direction:column;gap:15px;display:flex}.tool-card,.setting-card,.game-status{background:#fffefa;border:1px solid #e1e0d8;border-radius:13px}.tool-card{padding:19px}.tool-card h2{margin:0 0 12px;font:18px Georgia,serif}.tool-card>button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ecebe6;grid-template-columns:31px 1fr auto;align-items:center;width:100%;height:50px;display:grid}.tool-card>button>span{color:var(--teal)}.tool-card>button b{font-size:11px}.tool-card kbd,.tool-card i{color:#929b98;background:#f0f0eb;border-radius:4px;padding:4px 6px;font:9px Arial}.tool-card button.active{color:var(--teal)}.tool-card button.active i{background:var(--teal);color:#fff}.tool-card button:disabled{opacity:.35}.setting-card{justify-content:space-between;align-items:center;padding:17px;display:flex}.setting-card b{font-size:11px;display:block}.setting-card small{color:#89938f;margin-top:4px;font-size:9px;display:block}.toggle{cursor:pointer;background:#c9cecb;border:0;border-radius:20px;width:36px;height:21px;padding:3px;transition:all .2s}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.toggle.on{background:var(--teal)}.toggle.on span{transform:translate(15px)}.game-status{padding:17px}.game-status>div:first-child{justify-content:space-between;font-size:10px;display:flex}.game-status>div:first-child b{color:var(--teal)}.status-bar{background:#e8e9e4;border-radius:9px;height:5px;margin:11px 0 8px;overflow:hidden}.status-bar span{background:var(--teal);height:100%;display:block}.game-status small{color:#8e9794;font-size:9px}.shortcut{color:#8b9692;align-items:flex-start;gap:7px;margin-top:1px;padding:0 7px;font-size:9px;line-height:1.55;display:flex}.mobile-tools{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#172b26b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.complete-card{text-align:center;width:min(430px,100%);box-shadow:var(--shadow);background:#fffefa;border-radius:20px;padding:38px}.complete-mark{background:var(--mint);width:64px;height:64px;color:var(--teal);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.complete-card .eyebrow{justify-content:center}.complete-card h2{margin:12px 0;font:35px Georgia,serif}.complete-card>p{color:#6f7d79;font:13px/1.65 Georgia,serif}.completion-stats{border-block:1px solid #e3e3dd;grid-template-columns:repeat(3,1fr);margin:25px 0 4px;padding:18px 0;display:grid}.completion-stats div{border-right:1px solid #e3e3dd}.completion-stats div:last-child{border:0}.completion-stats small{color:#89938f;margin-bottom:6px;font-size:9px;display:block}.completion-stats b{font:21px Georgia,serif}.text-button{color:#72807c;cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:11px}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:45px;padding-block:55px}.hero-copy{text-align:center}.eyebrow,.hero-text{justify-content:center;margin-inline:auto}.resume-card{text-align:left;margin-inline:auto}.benefits{grid-template-columns:1fr}.benefits article{border-bottom:1px solid #deddd5;border-right:0;padding:23px 0}.benefits article:last-child{border:0}.how{grid-template-columns:1fr;gap:40px}.game-layout{grid-template-columns:minmax(0,620px)}.side-panel{display:none}.mobile-tools{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;display:grid}.mobile-tools button{background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex;position:relative}.mobile-tools button svg{color:var(--teal)}.mobile-tools button i{color:var(--teal);background:#d8e8e2;border-radius:5px;padding:3px;font:7px Arial;position:absolute;top:-5px;right:8px}.mobile-tools button.on i{background:var(--teal);color:#fff}.mobile-tools button:disabled{opacity:.3}}@media (max-width:560px){.wrap{width:min(100% - 24px,1120px)}.site-header{height:62px}.nav nav a{display:none}.brand>span{width:32px;height:32px}.brand b{font-size:24px}.hero{gap:35px;padding-block:42px}.hero h1{letter-spacing:-1.8px;font-size:45px}.hero-text{font-size:14px}.start-card{border-radius:16px;padding:18px}.level{padding-inline:10px}.level-time{display:none}.benefits{padding-block:8px}.mini-stats{flex-wrap:wrap;gap:15px}.how{padding-block:70px}.how-steps{grid-template-columns:1fr;gap:20px}.how-steps b{margin-top:12px}footer .wrap{flex-wrap:wrap;gap:12px}footer p{width:calc(100% - 80px)}footer small{margin:0}.game-main{padding-top:10px}.game-head{grid-template-columns:auto 1fr auto}.back span{display:none}.game-title{justify-self:center}.game-layout{padding-top:17px}.cell{font-size:22px}.cell-notes{inset:2px}.cell-notes i{font-size:7px}.numpad{gap:3px;margin-top:10px}.numpad button{border-radius:6px}.numpad b{font-size:19px}.numpad small{display:none}.complete-card{padding:30px 22px}.nav nav{gap:5px}}