:root{color-scheme:light;--paper: #f6f2e8;--paper-deep: #ebe4d6;--surface: #fffdf8;--surface-soft: #f0ecdf;--ink: #17352d;--ink-soft: #315248;--muted: #6f776f;--line: #d7d1c3;--coral: #dc684b;--coral-dark: #b94b34;--coral-deep: #913725;--sun: #efc65c;--mint: #a8c9b8;--blue: #829eb8;--error: #ba3f39;--shadow: 0 18px 55px rgba(23, 53, 45, .11);--radius-sm: 12px;--radius: 20px;--radius-lg: 30px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=ocean]{--paper: #edf3f2;--paper-deep: #d9e6e4;--surface: #fbfefd;--surface-soft: #e5efed;--ink: #143d46;--ink-soft: #315b63;--muted: #63767a;--line: #c7d8d6;--coral: #2f8fa3;--coral-dark: #247386;--coral-deep: #1d5e6e;--sun: #f0c96b;--mint: #94cfc5;--blue: #789fba;--error: #b54545}:root[data-theme=berry]{--paper: #f7f0f3;--paper-deep: #eadde3;--surface: #fffafd;--surface-soft: #f1e5eb;--ink: #44263c;--ink-soft: #68475d;--muted: #7c6b75;--line: #ddcdd5;--coral: #c85c78;--coral-dark: #a84561;--coral-deep: #813247;--sun: #eccd72;--mint: #afcdbf;--blue: #929cc1;--error: #b43845}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 9% 7%,rgba(239,198,92,.17),transparent 23rem),radial-gradient(circle at 92% 24%,rgba(168,201,184,.18),transparent 28rem),var(--paper)}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(220,104,75,.38);outline-offset:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:30;width:min(1240px,calc(100% - 36px));min-height:76px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(23,53,45,.12)}.brand-button{width:max-content;padding:7px 0;border:0;background:transparent;cursor:pointer}.brand{display:inline-flex;gap:11px;align-items:center}.brand-mark{width:31px;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:8px;background:var(--ink);transform:rotate(-2deg);box-shadow:2px 3px 0 var(--sun)}.brand-mark i{border-radius:2px;background:var(--surface)}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){background:var(--sun)}.brand-word{font:700 27px/1 Georgia,Times New Roman,serif;letter-spacing:-.045em}.desktop-nav{display:flex;gap:4px;align-items:center;padding:5px;border-radius:999px;background:#fffdf88f;border:1px solid rgba(23,53,45,.08)}.nav-link,.bottom-nav-link{border:0;background:transparent;cursor:pointer}.nav-link{min-height:38px;padding:8px 13px;display:flex;align-items:center;gap:7px;border-radius:999px;color:var(--muted);font-size:.84rem;font-weight:700}.nav-link:hover,.nav-link.is-active{color:var(--ink);background:var(--surface);box-shadow:0 4px 15px #17352d14}.profile-chip{justify-self:end;display:inline-flex;gap:9px;align-items:center;min-height:43px;padding:4px 5px 4px 14px;border:1px solid rgba(23,53,45,.14);border-radius:999px;background:transparent;font-size:.82rem;font-weight:750;cursor:pointer}.profile-chip:hover{background:var(--surface)}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:var(--surface);background:var(--ink)}.bottom-nav{display:none}.eyebrow{margin-bottom:11px;color:var(--coral-dark);font-size:.73rem;font-weight:850;letter-spacing:.115em;text-transform:uppercase}.live-dot{width:8px;height:8px;display:inline-block;margin-right:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #dc684b21}.button{min-height:47px;padding:11px 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:var(--coral-dark);box-shadow:0 9px 24px #b94b3438}.button--primary:hover:not(:disabled){background:var(--coral-deep);box-shadow:0 13px 28px #b94b3447}.button--large{min-height:55px;padding-inline:23px}.button--ghost{border-color:#17352d29;background:#fffdf88f}.button--ghost:hover:not(:disabled){background:var(--surface)}.button--ink{color:#fff;background:var(--ink)}.button--full{width:100%}.text-link{width:max-content;padding:0;display:inline-flex;align-items:center;gap:4px;border:0;color:var(--ink);background:none;font-size:.86rem;font-weight:850;text-decoration:underline;text-decoration-color:#17352d42;text-underline-offset:5px;cursor:pointer}.text-link:hover{text-decoration-color:currentColor}.text-link--light{color:#fff;text-decoration-color:#ffffff59}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:6vw;align-items:center;padding:70px 0 75px}.hero-copy h1,.page-heading h1,.game-loading h1{margin-bottom:24px;font:700 clamp(3.3rem,6.2vw,5.8rem)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.065em}.hero-copy h1 em{color:var(--coral);font-weight:inherit}.hero-intro{max-width:580px;margin-bottom:30px;color:var(--ink-soft);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-meta{margin-top:30px;display:flex;flex-wrap:wrap;gap:19px;color:var(--muted);font-size:.78rem;font-weight:650}.hero-meta span{display:inline-flex;gap:7px;align-items:center}.hero-grid-wrap{position:relative;width:min(440px,90%);justify-self:center;isolation:isolate}.hero-grid-shadow{position:absolute;top:8%;right:-6%;bottom:-5%;left:8%;z-index:-1;border-radius:36px;background:var(--mint);transform:rotate(5deg)}.hero-grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:18px;border:3px solid var(--ink);border-radius:28px;background:var(--ink);box-shadow:var(--shadow);transform:rotate(-2.7deg)}.hero-grid span{display:grid;place-items:center;border-radius:12px;color:var(--ink);background:var(--surface);font:700 clamp(1.6rem,4vw,2.8rem)/1 Georgia,serif}.hero-grid span.is-block{background:var(--ink)}.hero-grid span.is-accent{background:var(--sun)}.hero-sticker{position:absolute;right:-8%;bottom:5%;min-height:40px;padding:9px 14px;display:inline-flex;gap:7px;align-items:center;border:2px solid var(--ink);border-radius:999px;color:var(--ink);background:var(--surface);box-shadow:4px 5px 0 var(--ink);font-size:.75rem;font-weight:850;transform:rotate(3deg)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0 80px}.feature-card{min-height:320px;padding:clamp(25px,4vw,42px);display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--radius-lg)}.feature-card h2{max-width:480px;margin-bottom:13px;font:700 clamp(1.7rem,3vw,2.4rem)/1.05 Georgia,serif;letter-spacing:-.04em}.feature-card p:not(.eyebrow){max-width:480px;color:var(--ink-soft);line-height:1.6}.feature-card .text-link{margin-top:auto}.feature-card--training{position:relative;overflow:hidden;background:var(--sun)}.feature-card--training:after{position:absolute;right:-45px;bottom:-75px;width:210px;height:210px;border:34px solid rgba(255,253,248,.35);border-radius:50%;content:""}.feature-icon{width:50px;height:50px;margin-bottom:35px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:3px 4px 0 var(--ink)}.feature-card--leaderboard{color:#fff;background:var(--ink)}.feature-card--leaderboard .eyebrow{color:var(--sun)}.leaderboard-card-head{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.mini-leaderboard{width:100%;margin:8px 0 26px;padding:0;display:grid;list-style:none}.mini-leaderboard li{min-height:48px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);font-size:.88rem}.mini-leaderboard time{color:var(--sun);font-variant-numeric:tabular-nums;font-weight:800}.rank{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffff1f;font-size:.75rem;font-weight:900}.rank--1{color:var(--ink);background:var(--sun)}.rank--2{color:var(--ink);background:#d6dedb}.rank--3{color:var(--ink);background:#dca878}.empty-leaderboard{flex:1;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.empty-leaderboard p{max-width:300px;color:#ffffffb8!important}.how-it-works{padding:80px 0 105px;border-top:1px solid rgba(23,53,45,.13)}.section-heading{max-width:680px;margin-bottom:45px}.section-heading h2{margin-bottom:0;font:700 clamp(2.1rem,4.2vw,3.8rem)/1 Georgia,serif;letter-spacing:-.05em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:29px 28px;border-top:3px solid var(--ink);background:#fffdf875}.steps article>span{color:var(--coral);font:700 .83rem/1 Georgia,serif}.steps h3{margin:22px 0 9px;font:700 1.2rem/1.2 Georgia,serif}.steps p{margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.6}.page{flex:1;padding:75px 0 110px}.page-heading{max-width:820px;margin-bottom:50px}.page-heading h1{margin-bottom:22px;font-size:clamp(3rem,6.4vw,5.7rem)}.page-heading>p:last-child{max-width:680px;color:var(--ink-soft);font-size:1.05rem;line-height:1.65}.page-heading--row{max-width:none;display:flex;justify-content:space-between;align-items:center}.leaderboard-emblem{width:90px;height:90px;flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ink);border-radius:24px;background:var(--sun);box-shadow:6px 7px 0 var(--ink);transform:rotate(4deg)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.difficulty-card{min-height:430px;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:5px 6px 0 var(--ink)}.difficulty-card--mint{background:#c7ddcf}.difficulty-card--sun{background:var(--sun)}.difficulty-card--coral{background:#e7947f}.difficulty-topline{margin-bottom:70px;display:flex;justify-content:space-between;align-items:center}.difficulty-number{font:700 1.1rem/1 Georgia,serif}.difficulty-time{display:inline-flex;gap:5px;align-items:center;font-size:.75rem;font-weight:750}.difficulty-card h2{margin-bottom:13px;font:700 clamp(2.1rem,4vw,3.2rem)/1 Georgia,serif;letter-spacing:-.05em}.difficulty-card>p:not(.eyebrow){color:var(--ink-soft);font-size:.92rem;line-height:1.6}.difficulty-card .button{width:100%;margin-top:auto}.tip-strip{margin-top:34px;padding:18px 23px;display:flex;gap:14px;align-items:center;border:1px solid rgba(23,53,45,.13);border-radius:var(--radius);background:#fffdf8a3}.tip-strip p{margin:0;color:var(--ink-soft);font-size:.88rem}.tip-icon{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--sun)}.leaderboard-panel{overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:7px 8px 0 var(--ink)}.leaderboard-columns{min-height:52px;padding:0 25px;display:grid;grid-template-columns:90px 1fr 100px;align-items:center;color:#ffffffa6;background:var(--ink);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.leaderboard-columns span:last-child{text-align:right}.full-leaderboard{margin:0;padding:0;list-style:none}.full-leaderboard li{min-height:68px;padding:0 25px;display:grid;grid-template-columns:90px 1fr 100px;align-items:center;border-bottom:1px solid var(--line)}.full-leaderboard li:last-child{border-bottom:0}.full-leaderboard time{min-width:0;text-align:right;white-space:nowrap;font:700 1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.player-name{min-width:0;display:flex;gap:9px;align-items:center}.player-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name small{flex:0 0 auto;padding:3px 7px;border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:.65rem}.leaderboard-empty-state,.loading-list{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center}.leaderboard-empty-state h2{margin:15px 0 7px;font:700 1.7rem/1.1 Georgia,serif}.leaderboard-empty-state p{max-width:390px;margin:0;color:var(--muted)}.loading-list{gap:12px}.loading-list i{width:86%;height:42px;border-radius:8px;background:linear-gradient(90deg,var(--surface-soft),white,var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite linear}.leaderboard-note{margin-top:21px;color:var(--muted);font-size:.8rem;text-align:center}.inline-error{padding:45px 25px;color:var(--error);text-align:center}.rules-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(40px,7vw,90px);align-items:start}.rule-block{padding:26px 0;display:grid;grid-template-columns:48px 1fr;gap:20px;border-top:1px solid var(--line)}.rule-index{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--surface);background:var(--ink);font:700 .78rem/1 Georgia,serif}.rule-block h2{margin-bottom:8px;font:700 1.35rem/1.1 Georgia,serif}.rule-block p{margin:0;color:var(--ink-soft);line-height:1.65}.rule-callout{margin-top:20px;padding:20px;display:flex;gap:14px;align-items:flex-start;border-radius:var(--radius);background:#d8e8df}.rule-callout svg{flex:0 0 auto}.rule-callout p{margin:0;font-size:.9rem;line-height:1.6}.rules-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.rules-demo{position:sticky;top:35px;padding:clamp(26px,4vw,42px);border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--sun);box-shadow:7px 8px 0 var(--ink)}.rules-demo h2{margin-bottom:26px;font:700 clamp(1.7rem,3vw,2.4rem)/1.05 Georgia,serif}.rules-demo>p:last-child{margin:24px 0 0;color:var(--ink-soft);line-height:1.6}.segment-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--ink)}.segment-demo span{aspect-ratio:1;display:grid;place-items:center;border-radius:7px;background:var(--surface);font:700 clamp(1.3rem,3vw,2rem)/1 Georgia,serif}.site-footer{width:min(1180px,calc(100% - 40px));min-height:95px;margin:auto auto 0;padding:25px 0;display:flex;gap:20px;align-items:center;border-top:1px solid rgba(23,53,45,.13);color:var(--muted);font-size:.78rem}.site-footer>span{color:var(--ink);font:700 1.15rem/1 Georgia,serif}.site-footer p{margin:0}.site-footer nav{margin-left:auto;display:flex;gap:13px;align-items:center}.site-footer button{padding:5px;border:0;background:none;color:var(--ink);font-weight:750;cursor:pointer}.game-page{flex:1;min-height:calc(100vh - 76px);padding-bottom:50px}.game-topbar{min-height:102px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.back-button{width:max-content;min-height:42px;padding:8px 13px;display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(23,53,45,.14);border-radius:999px;background:transparent;font-size:.8rem;font-weight:750;cursor:pointer}.game-title{text-align:center}.game-title .eyebrow{margin-bottom:3px}.game-title h1{margin:0;font:700 clamp(1.25rem,2vw,1.65rem)/1.1 Georgia,serif}.game-status{justify-self:end;display:flex;gap:9px;align-items:center}.difficulty-pill,.game-timer{min-height:37px;padding:7px 11px;display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:#fffdf8b8;font-size:.75rem;font-weight:800}.difficulty-pill{color:var(--coral-dark)}.game-timer{min-width:85px;justify-content:center;font-variant-numeric:tabular-nums}.game-timer.is-paused{color:var(--ink);background:var(--sun)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:clamp(30px,5vw,75px);align-items:start}.board-panel{min-width:0;padding:clamp(20px,4vw,38px);display:flex;flex-direction:column;align-items:center;border:1px solid rgba(23,53,45,.12);border-radius:var(--radius-lg);background:#fffdf88f}.board-instruction{width:100%;margin-bottom:23px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;text-align:center}.board-instruction span{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--sun)}.board-instruction p{margin:0}.sukoji-board{--board-size: min(58vw, 570px);width:var(--board-size);max-width:100%;display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:clamp(2px,.4vw,4px);padding:clamp(3px,.5vw,5px);border:3px solid var(--ink);border-radius:clamp(14px,2.5vw,23px);background:var(--ink);box-shadow:8px 10px #17352d29}.sukoji-row{display:contents}.sukoji-cell{position:relative;min-width:0;aspect-ratio:1;padding:0;display:grid;place-items:center;overflow:hidden;border:0;border-radius:clamp(5px,1vw,10px);background:var(--surface);animation:sukoji-cell-reveal .35s cubic-bezier(.2,.82,.28,1.12) both;animation-delay:calc(var(--cell-index) * 10ms)}button.sukoji-cell{cursor:pointer}.sukoji-cell.is-block{background:var(--ink)}.sukoji-cell.is-related{background:#e7efe9}.sukoji-cell.is-given{background:#e3ded1}.sukoji-cell.is-selected{z-index:1;background:var(--sun);box-shadow:inset 0 0 0 3px var(--coral)}.sukoji-cell.has-conflict{color:var(--error);background:#f6d9d3}.cell-value{font:700 clamp(1.15rem,3.4vw,2.25rem)/1 Georgia,"Times New Roman",serif}.is-given .cell-value{font-weight:900}.cell-notes{width:84%;height:84%;display:grid;grid-template-columns:repeat(3,1fr);align-content:center}.cell-notes i{min-width:0;color:var(--ink-soft);font-size:clamp(.48rem,1.15vw,.68rem);font-style:normal;line-height:1.35;text-align:center}.conflict-dot{position:absolute;top:7%;right:7%;width:clamp(5px,.8vw,8px);height:clamp(5px,.8vw,8px);border-radius:50%;background:var(--error)}.game-message{width:min(570px,100%);margin:20px 0 0;padding:12px 15px;border-radius:11px;color:#8d312d;background:#f6d9d3;font-size:.82rem;font-weight:650;text-align:center}.game-message.is-success{color:var(--ink);border:1px solid var(--mint);background:var(--surface-soft)}.game-message.is-neutral{color:var(--ink-soft);border:1px solid var(--line);background:var(--surface)}.game-pause-panel{width:min(570px,100%);aspect-ratio:1;min-height:280px;padding:clamp(28px,7vw,64px);display:grid;place-items:center;align-content:center;gap:14px;overflow:hidden;border:3px solid var(--ink);border-radius:clamp(14px,2.5vw,23px);background:var(--surface-soft);box-shadow:8px 10px #17352d29;text-align:center;animation:game-pause-in .18s ease-out both}.game-pause-panel h2,.game-pause-panel p{margin:0}.game-pause-panel h2{font:700 clamp(1.45rem,3vw,2rem)/1.1 Georgia,"Times New Roman",serif}.game-pause-panel p{max-width:34ch;color:var(--muted);font-size:.86rem;line-height:1.55}.game-pause-panel>.button{width:min(100%,280px);margin-top:5px}.game-pause-icon{width:clamp(58px,10vw,76px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--sun);box-shadow:4px 5px 0 var(--ink)}.board-panel:has(.game-pause-panel) .sukoji-board{display:none}.control-panel{position:sticky;top:24px;padding:27px;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:6px 7px 0 var(--ink)}.control-heading{margin-bottom:24px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.control-heading .eyebrow{margin-bottom:4px}.control-heading h2{margin:0;font:700 1.5rem/1.1 Georgia,serif}.selected-coordinate{padding:5px 8px;border-radius:7px;color:var(--muted);background:var(--surface-soft);font:700 .7rem/1 ui-monospace,monospace}.tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tool-row button{position:relative;min-width:0;min-height:57px;padding:7px 3px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;border:0;border-radius:10px;color:var(--muted);background:var(--surface-soft);font-size:.62rem;font-weight:750;cursor:pointer}.tool-row button:hover:not(:disabled),.tool-row button.is-active{color:var(--ink);background:var(--sun)}.tool-row button:disabled{opacity:.4;cursor:not-allowed}.mode-dot{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--coral)}.number-pad{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.number-pad button{min-width:0;aspect-ratio:1;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;font:700 1.3rem/1 Georgia,serif;cursor:pointer}.number-pad button:hover:not(:disabled){border-color:var(--ink);background:#e7efe9}.number-pad button:disabled{opacity:.28;cursor:not-allowed}.number-pad .number-pad-delete{color:var(--muted);background:var(--surface-soft)}.game-secondary-actions{width:100%;margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-secondary-button{min-width:0;min-height:44px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:12px;color:var(--ink-soft);background:var(--surface-soft);font-size:.76rem;font-weight:800;line-height:1.15;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.game-secondary-button svg{flex:0 0 auto}.game-secondary-button:hover:not(:disabled),.game-secondary-button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:var(--sun)}.game-secondary-button:hover:not(:disabled){transform:translateY(-1px)}.game-secondary-button:disabled{opacity:.45;cursor:not-allowed}.control-panel .game-secondary-actions+.verify-button{margin-top:12px}.control-panel .verify-button+.game-secondary-actions{margin-top:10px}.verify-button{margin-top:22px}.keyboard-hint{margin:16px 2px 0;display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:.7rem;line-height:1.45}.keyboard-hint svg{flex:0 0 auto}.mobile-controls{display:none}.game-loading{min-height:65vh;padding:80px 20px;display:grid;place-items:center;align-content:center;text-align:center}.game-loading p{color:var(--muted)}.game-loading--error h1{margin-bottom:15px;font-size:clamp(2.4rem,6vw,4rem)}.spin{animation:spin .9s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;overflow-y:auto;background:#0c1f1aad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-panel{position:relative;width:min(470px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:clamp(28px,5vw,42px);overflow-y:auto;overscroll-behavior:contain;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:9px 10px 0 var(--ink);animation:modal-in .19s ease-out}.modal-panel h2{margin-bottom:14px;font:700 clamp(2rem,5vw,2.8rem)/1 Georgia,serif;letter-spacing:-.045em}.modal-close{position:absolute;top:15px;right:15px}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.modal-intro,.victory-copy{margin-bottom:27px;color:var(--ink-soft);font-size:.93rem;line-height:1.6}.profile-modal form>label{display:block;margin-bottom:8px;font-size:.78rem;font-weight:800}.input-wrap{position:relative}.input-wrap input{width:100%;height:54px;padding:0 60px 0 16px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font-size:1rem;font-weight:650}.input-wrap input:focus{border-color:var(--ink)}.input-wrap>span{position:absolute;top:50%;right:15px;color:var(--muted);font-size:.7rem;transform:translateY(-50%)}.input-wrap.has-error input{border-color:var(--error)}.field-error{margin:8px 0 0;color:var(--error);font-size:.73rem;line-height:1.4}.profile-modal form .button{margin-top:18px}.privacy-note{margin:13px 0 0;color:var(--muted);font-size:.68rem;text-align:center}.victory-modal{text-align:center}.victory-icon{width:72px;height:72px;margin:-78px auto 20px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:22px;background:var(--sun);box-shadow:5px 6px 0 var(--ink);transform:rotate(-4deg)}.result-stats{margin-bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-stats:has(>div:only-child){grid-template-columns:1fr}.result-stats>div{padding:17px;border-radius:13px;background:var(--surface-soft)}.result-stats span{display:block;margin-bottom:5px;color:var(--muted);font-size:.68rem;font-weight:750}.result-stats strong{font:700 1.55rem/1 Georgia,serif}.victory-actions{display:grid;gap:8px}.progress-heading{gap:35px}.progress-heading h1{overflow-wrap:anywhere}.progress-heading h1 em{color:var(--coral);font-weight:inherit}.next-daily{min-width:245px;padding:17px 20px;display:flex;gap:12px;align-items:center;border:2px solid var(--ink);border-radius:18px;background:var(--sun);box-shadow:4px 5px 0 var(--ink)}.next-daily-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#fffdf8a6}.next-daily span:last-child{display:grid;gap:3px}.next-daily small{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.next-daily strong{font:800 1.3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.next-daily--compact{min-width:0;margin:14px 0 18px;padding:10px 14px;justify-content:center;border-width:1px;border-radius:12px;box-shadow:none}.next-daily--compact .next-daily-icon{width:29px;height:29px}.next-daily--compact strong{font-size:1rem}.progress-stats{margin-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress-stats article{min-width:0;padding:22px;border:1px solid rgba(23,53,45,.13);border-radius:18px;background:#fffdf8b8}.progress-stats article>span{min-height:36px;display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:.72rem;font-weight:750}.progress-stats article>span svg{flex:0 0 auto;color:var(--coral-dark)}.progress-stats strong{display:block;overflow:hidden;font:700 clamp(2rem,4vw,3rem)/1 Georgia,serif;text-overflow:ellipsis}.progress-stats small{color:var(--muted);font-size:.7rem}.progress-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.progress-card{padding:clamp(22px,3vw,32px);border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:5px 6px 0 var(--ink)}.progress-card-heading{margin-bottom:25px;display:flex;gap:13px;align-items:center}.progress-card-heading .eyebrow{margin-bottom:3px}.progress-card-heading h2{margin:0;font:700 clamp(1.45rem,3vw,2rem)/1.05 Georgia,serif}.progress-card-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:var(--sun)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-weekdays{margin-bottom:7px;color:var(--muted);font-size:.62rem;font-weight:800;text-align:center}.calendar-days time{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface-soft);font-size:.7rem;font-weight:800}.calendar-days time.is-complete{color:var(--surface);border-color:var(--ink);background:var(--ink)}.calendar-days time.is-assisted:after{position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-radius:50%;background:var(--sun);content:""}.calendar-days time.is-today{box-shadow:0 0 0 2px var(--coral)}.calendar-legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.64rem}.calendar-legend span{display:inline-flex;gap:6px;align-items:center}.calendar-legend i{width:10px;height:10px;display:block;border-radius:3px;background:var(--ink)}.calendar-legend i.is-assisted{border:3px solid var(--ink);background:var(--sun)}.history-list{margin:0;padding:0;display:grid;list-style:none}.history-list li{min-height:48px;display:grid;grid-template-columns:minmax(95px,1fr) minmax(95px,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);font-size:.74rem}.history-list li:last-child{border-bottom:0}.history-list time{font-weight:800;text-transform:capitalize}.history-list span,.history-list small{color:var(--muted);font-size:.65rem}.history-list strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.history-loading{display:grid;gap:10px}.history-loading i{height:42px;border-radius:8px;background:linear-gradient(90deg,var(--surface-soft),white,var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite linear}.progress-empty{min-height:260px;display:grid;gap:12px;place-items:center;align-content:center;text-align:center}.progress-empty p{max-width:280px;margin:0;color:var(--muted)}.account-panel{margin-top:20px;background:#dceae2}.local-profile-row,.account-connected>p{padding:15px 17px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-radius:14px;background:#fffdf8b8}.local-profile-row>span,.account-connected>p span{display:grid;gap:3px}.local-profile-row small,.account-connected small{color:var(--muted);font-size:.68rem}.account-connected>p{justify-content:flex-start}.account-guest>p,.account-status{color:var(--ink-soft);font-size:.85rem;line-height:1.55}.account-status{display:flex;gap:8px;align-items:center}.account-guest form{margin-top:19px}.account-guest label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:800}.account-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.account-form-row input{min-width:0;min-height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff}.account-form-row+.text-link{margin-top:13px}.passkey-button{margin-top:10px}.account-logout{margin:16px 3px 0}.account-data-actions{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-data-actions button{min-height:44px;padding:8px 11px;display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fffdf8ad;font-size:.7rem;font-weight:750;cursor:pointer}.account-data-actions button.is-danger{color:var(--error)}.account-unavailable,.account-message{margin:14px 0 0;padding:11px 13px;border-radius:10px;color:var(--ink-soft);background:#fffdf8a6;font-size:.74rem;line-height:1.5}.daily-recap-primary{margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.daily-recap-primary>div{padding:16px;display:grid;gap:5px;border-radius:13px;background:var(--surface-soft)}.daily-recap-primary span,.daily-recap-primary small{color:var(--muted);font-size:.66rem;font-weight:750}.daily-recap-primary strong{font:700 1.55rem/1 Georgia,serif}.daily-recap-insights{display:grid;grid-template-columns:1fr 1fr;gap:7px}.daily-recap-insights span{min-width:0;min-height:45px;padding:9px;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);font-size:.68rem;line-height:1.25}.daily-recap-insights svg{flex:0 0 auto;color:var(--coral-dark)}.recap-review{margin:5px auto 0}.share-status{margin:12px 0 0;display:flex;gap:6px;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.72rem;font-weight:750}.legal-layout{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);gap:clamp(35px,7vw,85px);align-items:start}.legal-summary{position:sticky;top:30px;padding:28px;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--sun);box-shadow:6px 7px 0 var(--ink)}.legal-summary h2{margin:18px 0 10px;font:700 1.8rem/1 Georgia,serif}.legal-summary p,.legal-copy p{margin-bottom:0;color:var(--ink-soft);line-height:1.7}.legal-copy section{padding:25px 0;border-top:1px solid var(--line)}.legal-copy section:first-child{padding-top:0;border:0}.legal-copy h2{margin-bottom:9px;font:700 1.45rem/1.1 Georgia,serif}.legal-copy a{color:var(--coral-dark);font-weight:800}.theme-picker{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.theme-picker--profile{margin-bottom:20px}.theme-picker>span{margin-bottom:10px;display:flex;gap:7px;align-items:center;font-size:.75rem;font-weight:850}.theme-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-choice{min-height:39px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font-size:.7rem;font-weight:800;cursor:pointer}.theme-choice--classic{box-shadow:inset 0 5px #dc684b}.theme-choice--ocean{box-shadow:inset 0 5px #2f8fa3}.theme-choice--berry{box-shadow:inset 0 5px #c85c78}.theme-choice.is-active{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:1px}.archives-emblem{width:76px;height:76px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--ink);border-radius:22px;color:var(--ink);background:var(--sun);box-shadow:5px 6px 0 var(--ink);transform:rotate(3deg)}.archives-heading>div{min-width:0}.archives-gate{min-height:330px;padding:clamp(28px,7vw,70px);display:grid;place-items:center;align-content:center;gap:12px;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);text-align:center;box-shadow:7px 8px #17352d29}.archives-gate h2,.archives-gate p{margin:0}.archives-gate h2{font:700 clamp(1.7rem,4vw,2.6rem)/1 Georgia,serif}.archives-gate p{max-width:520px;color:var(--muted);line-height:1.6}.archives-gate .button{margin-top:8px}.archive-list{margin:0;padding:0;display:grid;gap:10px;list-style:none}.archive-list li{min-height:92px;padding:17px 19px;display:flex;gap:18px;align-items:center;justify-content:space-between;border:1.5px solid var(--line);border-radius:17px;background:var(--surface)}.archive-date,.archive-state{display:flex;gap:6px}.archive-date{min-width:0;flex-direction:column}.archive-date time{font:700 1.2rem/1.15 Georgia,serif;text-transform:capitalize}.archive-date span,.archive-state>span{color:var(--muted);font-size:.74rem}.archive-state{flex:0 0 auto;align-items:center}.archive-state>span{display:inline-flex;gap:5px;align-items:center}.archive-state .archive-complete{color:#376f58;font-weight:800}.archive-more{margin:22px auto 0}.print-grid-button{min-height:36px;padding:7px 10px;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);font-size:.72rem;font-weight:800;cursor:pointer}.print-grid-button:disabled{opacity:.45;cursor:not-allowed}@media print{body{padding:0;background:#fff}.site-header,.back-button,.game-status,.board-instruction,.control-panel,.mobile-controls,.game-message,.modal-backdrop{display:none!important}.game-page,.game-layout,.board-panel{width:100%;max-width:none;min-height:0;margin:0;padding:0;display:block;border:0;box-shadow:none;background:#fff}.game-topbar{width:100%;min-height:0;margin:0 0 18mm;display:block}.game-title{display:block;text-align:center}.sukoji-board{width:155mm;max-width:100%;margin:0 auto;break-inside:avoid;box-shadow:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes sukoji-cell-reveal{0%{opacity:0;transform:translate3d(0,-30px,0) scale(.86)}62%{opacity:1;transform:translate3d(0,3px,0) scale(1.025)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes game-pause-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (max-width: 980px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:35px}.hero-meta{gap:12px}.difficulty-grid{grid-template-columns:1fr}.difficulty-card{min-height:300px}.difficulty-topline{margin-bottom:38px}.game-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}}@media (max-width: 760px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.section-shell{width:min(100% - 28px,620px)}.site-header{width:calc(100% - 28px);min-height:65px}.brand-word{font-size:24px}.brand-mark{width:28px}.profile-chip{padding-left:10px}.profile-chip>span:first-child{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{position:fixed;inset:auto 0 0;z-index:45;min-height:calc(67px + env(safe-area-inset-bottom));padding:7px 9px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(23,53,45,.13);background:#fffdf8f0;box-shadow:0 -8px 28px #17352d14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav-link{min-height:53px;padding:5px 2px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:12px;color:var(--muted);font-size:.62rem;font-weight:750}.bottom-nav-link.is-active{color:var(--coral-dark);background:#dc684b17}.hero{min-height:auto;grid-template-columns:1fr;padding:54px 0 65px}.hero-copy h1{font-size:clamp(3.2rem,16vw,4.8rem)}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.hero-meta span:last-child{grid-column:1 / -1}.hero-grid-wrap{width:min(350px,86%);margin:25px auto 0}.hero-sticker{right:-10%}.quick-grid{grid-template-columns:1fr;padding-bottom:60px}.feature-card{min-height:310px}.how-it-works{padding:60px 0 70px}.steps{grid-template-columns:1fr}.page{padding:52px 0 75px}.page-heading{margin-bottom:38px}.page-heading h1{font-size:clamp(3.1rem,15vw,4.7rem)}.page-heading--row{align-items:flex-start}.progress-heading{display:grid;grid-template-columns:minmax(0,1fr)}.progress-heading>*{min-width:0}.progress-heading .next-daily{width:100%;min-width:0}.progress-stats{grid-template-columns:1fr 1fr}.progress-stats article{padding:17px}.progress-layout,.legal-layout{grid-template-columns:1fr}.legal-summary{position:static}.archive-list li,.archive-state{align-items:stretch}.archive-list li{flex-direction:column}.archive-state{justify-content:space-between}.archives-heading{display:grid;grid-template-columns:minmax(0,1fr) auto}.archives-heading h1{overflow-wrap:anywhere;font-size:clamp(2.75rem,12vw,4rem)}.archives-emblem{width:58px;height:58px;border-radius:17px;box-shadow:4px 4px 0 var(--ink)}.leaderboard-emblem{width:60px;height:60px;border-radius:17px}.leaderboard-emblem svg{width:27px}.leaderboard-columns,.full-leaderboard li{padding-inline:14px;grid-template-columns:55px 1fr 72px}.rules-layout{grid-template-columns:1fr}.rules-demo{position:static;order:-1}.site-footer{width:calc(100% - 28px);margin-bottom:10px}.site-footer p{display:none}.site-footer{align-items:flex-start}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:5px 10px}body:has(.game-page){padding-bottom:0}.game-page{padding-bottom:calc(320px + env(safe-area-inset-bottom))}.game-topbar{min-height:84px;grid-template-columns:auto 1fr auto;gap:8px}.back-button{width:42px;padding:0;justify-content:center}.back-button span,.difficulty-pill,.game-title .eyebrow{display:none}.game-title{min-width:0;text-align:left}.game-title h1{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.game-layout{display:block;width:100%}.board-panel{padding:15px 2px 23px;border-inline:0;border-radius:0;background:transparent}.board-instruction{padding-inline:12px;margin-bottom:14px;justify-content:flex-start;text-align:left}.sukoji-board{--board-size: min( calc(100vw - 4px) , 570px);gap:1px;padding:2px;border-width:2px;border-radius:12px;box-shadow:4px 5px #17352d29}.sukoji-cell{border-radius:clamp(3px,1.4vw,8px)}.sukoji-board[data-grid-size="9"] .cell-notes{width:94%;height:94%}.sukoji-board[data-grid-size="9"] .cell-notes i{font-size:clamp(.4rem,1.7vw,.62rem);line-height:1.2}.control-panel{display:none}.mobile-controls{position:fixed;inset:auto 0 0;z-index:40;padding:8px 12px calc(9px + env(safe-area-inset-bottom));display:block;border-top:1px solid rgba(23,53,45,.14);background:#fffdf8f7;box-shadow:0 -10px 30px #17352d1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-controls .tool-row{margin-bottom:7px}.mobile-controls .tool-row button{min-height:43px;flex-direction:row}.mobile-controls .tool-row button span{display:none}.mobile-controls .number-pad{margin-top:0;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px}.mobile-controls .number-pad button{width:100%;min-width:44px;min-height:44px;aspect-ratio:auto;border-radius:9px;font-size:1.1rem}.mobile-controls>.button{min-height:44px;margin-top:7px}.mobile-controls .game-secondary-actions{margin-top:7px;gap:6px}.mobile-controls .game-secondary-button{min-height:44px;padding:7px 8px;border-radius:9px;font-size:.74rem}.mobile-controls--paused .game-controls{display:none}.mobile-controls.mobile-controls--paused{padding-top:10px}.mobile-controls--paused>.button{min-height:48px;margin-top:0}.mobile-controls--paused .game-secondary-actions{margin-top:7px}.game-pause-panel{width:min(calc(100vw - 4px),570px);min-height:min(calc(100vw - 4px),570px);padding:clamp(24px,9vw,42px);border-width:2px;border-radius:12px;box-shadow:4px 5px #17352d29}.game-message{margin-top:13px}.modal-backdrop{padding:16px 16px calc(16px + env(safe-area-inset-bottom));align-items:end}.modal-panel{width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));padding-bottom:calc(clamp(28px,5vw,42px) + env(safe-area-inset-bottom));border-radius:27px;box-shadow:0 -7px 0 var(--ink)}.victory-icon{margin-top:-62px}.victory-modal{text-align:center}}@media (max-width: 390px){.profile-chip>span:first-child{display:none}.profile-chip{padding:4px;border:0}.hero-copy h1,.page-heading h1{font-size:3.05rem}.hero-meta{grid-template-columns:1fr}.hero-meta span:last-child{grid-column:auto}.hero-sticker{right:-7%;font-size:.67rem}.rule-block{grid-template-columns:40px 1fr;gap:13px}.mobile-controls{padding-inline:7px}.mobile-controls .number-pad{gap:3px}.progress-stats{gap:7px}.history-list li{grid-template-columns:1fr auto auto}.history-list li>span{display:none}.account-form-row,.account-data-actions{grid-template-columns:1fr}.local-profile-row{align-items:flex-start}.local-profile-row .button{min-height:42px;padding:8px 11px}.daily-recap-insights{grid-template-columns:1fr}}@media (max-width: 420px){.cell-notes i{font-size:clamp(.48rem,1.85vw,.64rem)}.sukoji-board[data-grid-size="9"] .cell-notes i{font-size:clamp(.38rem,1.65vw,.55rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sukoji-board .sukoji-cell,.game-pause-panel{animation:none!important}}