: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}*{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 button{margin-left:auto;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-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}.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)}.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}@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)}}@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(3,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}.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}body:has(.game-page){padding-bottom:0}.game-page{padding-bottom:calc(270px + 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:43px;margin-top:7px}.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}}@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}}@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{animation:none!important}}