:root{
  --bg:#101521;
  --bg-soft:#171d2a;
  --panel:#1b2231;
  --panel-2:#222b3c;
  --cream:#fff8e9;
  --cream-2:#f1e8d6;
  --ink:#17233c;
  --muted:#93a0b5;
  --teal:#54d6cc;
  --teal-deep:#259e9d;
  --yellow:#f4d86d;
  --coral:#ff7f6f;
  --lime:#bdf45d;
  --purple:#8b72f6;
  --line:rgba(255,255,255,.11);
  --shadow:0 24px 60px rgba(2,8,20,.34);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"Segoe UI",system-ui,-apple-system,sans-serif;color:#fff;background:
  radial-gradient(circle at 12% 12%,rgba(84,214,204,.10),transparent 26%),
  radial-gradient(circle at 90% 3%,rgba(139,114,246,.12),transparent 28%),var(--bg);overscroll-behavior:none}
button,input,a{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.app-shell{min-height:100dvh}
.topbar{height:74px;padding:0 max(20px,env(safe-area-inset-left)) 0 max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(12,17,27,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:#152019;font-weight:1000;transform:rotate(-6deg);box-shadow:0 8px 22px rgba(189,244,93,.18)}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{letter-spacing:2px;font-size:15px}.brand-copy small{color:var(--teal);font-weight:900;letter-spacing:3.2px;font-size:9px;margin-top:5px}
.top-actions{display:flex;align-items:center;gap:10px}.round-button,.lang-button{border:1px solid var(--line);background:var(--panel);border-radius:12px;height:38px;min-width:38px;cursor:pointer;font-weight:900}.round-button:hover,.lang-button:hover{border-color:rgba(84,214,204,.55)}
.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.14)}.lang-button{border:0;background:transparent;height:30px;min-width:35px;font-size:11px;color:var(--muted)}.lang-button.active{background:var(--teal);color:var(--ink)}
.main-content{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 max(45px,env(safe-area-inset-bottom))}
.screen{display:none}.screen.active{display:block;animation:screenIn .32s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.loading-screen{min-height:calc(100dvh - 160px);place-items:center}.loading-screen.active{display:grid}.loading-card{text-align:center}.mini-board{width:138px;height:138px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:5px solid var(--ink);border-radius:24px;overflow:hidden;background:var(--cream);box-shadow:0 20px 55px rgba(0,0,0,.3);transform:rotate(-4deg)}.mini-board i{display:grid;place-items:center;color:var(--ink);font-style:normal;font-size:23px;font-weight:950;border:1px solid rgba(23,35,60,.18)}.mini-board i:nth-child(2),.mini-board i:nth-child(4),.mini-board i:nth-child(8){background:var(--teal)}.loading-card h1{font-size:clamp(48px,8vw,82px);letter-spacing:8px;margin:8px 0 23px}.loading-card .eyebrow{margin-top:30px}.loading-bar{height:7px;width:min(280px,70vw);background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin:auto}.loading-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--lime));border-radius:inherit;transition:width .2s}.loading-text{font-size:13px;color:var(--muted)}
.eyebrow{font-size:10px;font-weight:1000;letter-spacing:2.4px;color:var(--teal);margin:0 0 12px}.menu-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:55px;align-items:center;padding:34px 38px;background:linear-gradient(135deg,rgba(27,34,49,.92),rgba(18,23,35,.96));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;position:relative}.menu-hero::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(139,114,246,.13);right:-115px;top:-190px}.menu-hero h1{font-size:clamp(43px,6vw,76px);line-height:.96;letter-spacing:-4px;margin:0 0 23px}.menu-hero h1 em{font-style:normal;color:var(--lime)}.hero-description{color:var(--muted);font-size:17px;line-height:1.65;max-width:620px;margin:0}.hero-board{position:relative;z-index:2;display:grid;place-items:center;min-height:285px}.hero-board-grid{width:min(300px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);background:var(--cream);border:8px solid var(--ink);border-radius:27px;overflow:hidden;transform:rotate(5deg);box-shadow:0 24px 45px rgba(0,0,0,.28)}.hero-board-grid b{display:grid;place-items:center;color:var(--ink);font-size:16px;border:1px solid rgba(23,35,60,.15)}.hero-board-grid b:nth-child(3n){border-right:3px solid var(--ink)}.hero-board-grid b:nth-child(9n){border-right:0}.hero-board-grid b:nth-child(n+19):nth-child(-n+27){border-bottom:3px solid var(--ink)}.hero-board-grid b:nth-child(5),.hero-board-grid b:nth-child(11),.hero-board-grid b:nth-child(24){background:#bceee7}
.resume-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:22px 0;padding:17px 19px;background:linear-gradient(90deg,rgba(84,214,204,.15),rgba(189,244,93,.08));border:1px solid rgba(84,214,204,.3);border-radius:22px}.resume-icon{width:49px;height:49px;border-radius:15px;background:var(--teal);color:var(--ink);display:grid;place-items:center;font-weight:1000;font-size:24px}.resume-copy{display:flex;flex-direction:column;min-width:0}.resume-copy small{font-size:9px;letter-spacing:1.5px;color:var(--teal);font-weight:900}.resume-copy strong{font-size:17px;margin:4px 0}.resume-copy span{font-size:12px;color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:24px}.mode-panel,.stats-panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:27px}.panel-heading h2,.stats-panel h2{font-size:28px;margin:0}.daily-card{width:100%;border:1px solid rgba(244,216,109,.3);background:linear-gradient(120deg,rgba(244,216,109,.15),rgba(255,127,111,.08));border-radius:21px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;text-align:left;cursor:pointer;margin:21px 0}.daily-card:hover{transform:translateY(-3px);border-color:var(--yellow)}.daily-calendar{width:62px;height:62px;border-radius:17px;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;border:4px solid var(--ink);transform:rotate(-3deg)}.daily-calendar b{font-size:23px;line-height:1}.daily-calendar small{font-size:9px;font-weight:950;margin-top:4px}.daily-copy{display:flex;flex-direction:column;min-width:0}.daily-copy>small{color:var(--yellow);font-size:9px;letter-spacing:1.5px;font-weight:950}.daily-copy strong{font-size:19px;margin:4px 0}.daily-copy span{font-size:12px;color:var(--muted)}.daily-arrow{font-size:26px;color:var(--yellow)}
.difficulty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.difficulty-card{min-height:132px;text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:19px;padding:17px;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-content:start;position:relative;overflow:hidden}.difficulty-card::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-30px;bottom:-36px;background:currentColor;opacity:.09}.difficulty-card:hover{transform:translateY(-4px);border-color:currentColor}.difficulty-card.easy{color:var(--teal)}.difficulty-card.medium{color:var(--yellow)}.difficulty-card.hard{color:var(--coral)}.difficulty-card.expert{color:var(--purple)}.difficulty-number{font-size:10px;letter-spacing:1px;font-weight:950;opacity:.8}.difficulty-card strong{grid-column:1/-1;font-size:20px;color:#fff;margin:11px 0 3px}.difficulty-card>small{font-size:11px;color:var(--muted)}.best-time{font-size:10px;align-self:end;color:currentColor;font-weight:900}.best-time::before{content:"BEST ";opacity:.65;font-size:8px}
.stats-panel{display:flex;flex-direction:column}.stat-list{display:grid;gap:11px;margin:20px 0}.stat-list>div{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:17px;padding:13px}.stat-list>div>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:rgba(84,214,204,.13);color:var(--teal)}.stat-list p{display:flex;flex-direction:column;margin:0}.stat-list small{font-size:10px;color:var(--muted)}.stat-list strong{font-size:18px;margin-top:3px}.gameevo-link{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-decoration:none;margin-top:14px;font-size:13px}.gameevo-link:hover{color:#fff}
.primary-button,.ghost-button,.new-game-button{border-radius:14px;border:0;padding:13px 19px;font-weight:950;cursor:pointer}.primary-button{background:var(--lime);color:var(--ink);box-shadow:0 10px 24px rgba(189,244,93,.14)}.primary-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.primary-button.compact{padding:11px 17px}.ghost-button{background:transparent;color:#fff;border:1px solid var(--line)}.ghost-button:hover{border-color:var(--teal)}.full{width:100%}
.game-header{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);padding:12px 15px;border-radius:20px;margin-bottom:18px}.back-button,.pause-button{width:45px;height:45px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;font-weight:950;font-size:19px}.game-title-block{display:flex;flex-direction:column;margin-right:auto;margin-left:14px}.game-title-block small{font-size:9px;letter-spacing:1.6px;color:var(--teal);font-weight:950}.game-title-block strong{font-size:17px;margin-top:3px}.game-metrics{display:flex;gap:9px;align-items:center}.game-metrics>div{min-width:74px;display:flex;flex-direction:column;align-items:center;padding:7px 10px;border-radius:13px;background:rgba(255,255,255,.035)}.game-metrics small{font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:900}.game-metrics strong{font-size:16px;margin-top:3px}
.game-layout{display:grid;grid-template-columns:minmax(500px,650px) minmax(280px,360px);justify-content:center;gap:25px;align-items:start}.board-section{min-width:0}.board-frame{position:relative;width:100%;max-width:650px;aspect-ratio:1;margin:auto;padding:9px;background:var(--ink);border-radius:25px;box-shadow:var(--shadow)}.sudoku-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:var(--cream);border-radius:17px;overflow:hidden}.cell{position:relative;border:0;border-right:1px solid rgba(23,35,60,.18);border-bottom:1px solid rgba(23,35,60,.18);background:var(--cream);color:var(--ink);display:grid;place-items:center;font-size:clamp(18px,3.3vw,31px);font-weight:780;cursor:pointer;padding:0}.cell:nth-child(3n){border-right:3px solid var(--ink)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--ink)}.cell:nth-child(n+73){border-bottom:0}.cell.given{font-weight:1000;color:#111b31}.cell.peer{background:#e9f0e6}.cell.same{background:#d5f2ec}.cell.selected{background:var(--teal)!important;box-shadow:inset 0 0 0 3px var(--teal-deep);z-index:2}.cell.error{color:#c94845;background:#ffe0d8}.cell.hinted{color:#6a50d7}.cell:focus-visible{outline:4px solid var(--yellow);z-index:3}.notes-grid{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:clamp(7px,1.25vw,11px);font-weight:800;color:#5d6a7c}.notes-grid i{display:grid;place-items:center;font-style:normal}.paused-cover{position:absolute;inset:9px;border-radius:17px;background:rgba(16,21,33,.94);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5}.paused-cover[hidden]{display:none}.paused-cover>span{width:68px;height:68px;border-radius:22px;background:var(--teal);color:var(--ink);display:grid;place-items:center;font-size:31px;font-weight:950}.paused-cover h2{font-size:29px}.board-tip{text-align:center;color:var(--muted);font-size:12px;margin:13px 0 0}
.control-panel{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:19px;position:sticky;top:92px}.progress-card{padding:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px}.progress-copy{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.progress-copy strong{color:#fff}.progress-track{height:6px;background:rgba(255,255,255,.08);border-radius:99px;margin-top:10px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--lime));border-radius:inherit;transition:width .25s}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.number-pad button{height:62px;border-radius:15px;border:1px solid var(--line);background:var(--panel-2);font-size:27px;font-weight:900;cursor:pointer;position:relative}.number-pad button:hover{background:#29354a;border-color:rgba(84,214,204,.4)}.number-pad button.completed{opacity:.35;pointer-events:none}.number-pad button small{position:absolute;right:8px;top:7px;font-size:8px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool-button{min-width:0;min-height:67px;border-radius:14px;border:1px solid var(--line);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;position:relative}.tool-button:hover,.tool-button.active{border-color:var(--teal);background:rgba(84,214,204,.08)}.tool-button span{font-size:20px}.tool-button small{font-size:8px;color:var(--muted);font-weight:850}.tool-button b{position:absolute;right:5px;top:5px;font-size:7px;border-radius:7px;padding:3px 4px;background:rgba(255,255,255,.08);color:var(--muted)}.tool-button.active b{background:var(--teal);color:var(--ink)}.tool-button:disabled{opacity:.35;pointer-events:none}.game-options{display:grid;gap:10px;margin-top:15px}.game-options label,.setting-toggle{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);cursor:pointer}.game-options input,.setting-toggle input{position:absolute;opacity:0}.game-options label i,.setting-toggle i{width:39px;height:22px;border-radius:99px;background:#343e50;position:relative;transition:.2s}.game-options label i::after,.setting-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.game-options input:checked+i,.setting-toggle input:checked+i{background:var(--teal)}.game-options input:checked+i::after,.setting-toggle input:checked+i::after{transform:translateX(17px)}.new-game-button{background:transparent;border:1px solid var(--line);font-size:11px}.new-game-button:hover{border-color:var(--coral);color:var(--coral)}
.toast{position:fixed;left:50%;bottom:max(25px,env(safe-area-inset-bottom));z-index:100;transform:translate(-50%,30px);background:#fff;color:var(--ink);border-radius:14px;padding:11px 17px;font-weight:850;font-size:12px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 15px 40px rgba(0,0,0,.3)}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}.modal::backdrop{background:rgba(4,8,16,.77);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:27px;padding:28px;color:#fff;box-shadow:var(--shadow)}.large-modal{width:min(720px,calc(100vw - 28px))}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer}.modal-card h2{font-size:30px;margin:0 0 20px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.rules-grid>div{display:flex;gap:13px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.rules-grid span{flex:0 0 48px;height:48px;border-radius:13px;background:var(--teal);color:var(--ink);display:grid;place-items:center;font-weight:950}.rules-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.keyboard-help{padding:16px;border-radius:16px;background:rgba(244,216,109,.08);margin:14px 0 20px}.keyboard-help strong{font-size:12px}.keyboard-help p{font-size:11px;color:var(--muted);line-height:2;margin:7px 0 0}.keyboard-help kbd{padding:3px 6px;border-radius:6px;background:var(--cream);color:var(--ink);font-weight:900}.range-row{display:grid;grid-template-columns:90px 1fr 45px;gap:10px;align-items:center;margin:19px 0}.range-row span{font-size:12px}.range-row input{accent-color:var(--teal)}.range-row b{font-size:11px;color:var(--teal);text-align:right}.setting-toggle{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.setting-toggle>span{display:flex;flex-direction:column}.setting-toggle strong{font-size:12px;color:#fff}.setting-toggle small{font-size:10px;margin-top:4px;max-width:300px}.victory-modal{text-align:center}.victory-badge{width:78px;height:78px;margin:-4px auto 20px;border-radius:26px;background:var(--lime);color:var(--ink);font-size:39px;font-weight:1000;display:grid;place-items:center;transform:rotate(-5deg)}.victory-modal>p:not(.eyebrow):not(.record-message){color:var(--muted)}.victory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.victory-stats div{padding:13px 8px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column}.victory-stats small{color:var(--muted);font-size:9px}.victory-stats strong{font-size:18px;margin-top:4px}.record-message{color:var(--yellow)!important;font-weight:950}.victory-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.confirm-modal p{color:var(--muted);line-height:1.6}
@media(max-width:920px){.menu-hero{grid-template-columns:1fr;padding:30px}.hero-board{display:none}.menu-grid{grid-template-columns:1fr}.stats-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.stats-panel>.eyebrow,.stats-panel>h2{grid-column:1/-1}.stat-list{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.game-layout{grid-template-columns:1fr}.control-panel{position:static;max-width:650px;width:100%;margin:auto}.number-pad{grid-template-columns:repeat(9,1fr)}.number-pad button{height:55px}.game-options{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{height:62px;padding-left:14px;padding-right:14px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.brand-mark{width:34px;height:34px}.round-button{display:none}.main-content{width:min(100% - 18px,620px);padding:14px 0 max(25px,env(safe-area-inset-bottom))}.menu-hero{padding:24px 20px;border-radius:24px}.menu-hero h1{font-size:45px;letter-spacing:-3px}.hero-description{font-size:14px}.resume-card{grid-template-columns:auto 1fr;padding:14px}.resume-card .primary-button{grid-column:1/-1;width:100%}.mode-panel,.stats-panel{padding:19px;border-radius:22px}.daily-card{padding:13px;gap:11px}.daily-calendar{width:53px;height:53px}.daily-copy span{font-size:10px}.difficulty-grid{grid-template-columns:1fr 1fr}.difficulty-card{min-height:119px;padding:14px}.stats-panel{display:block}.stat-list{grid-template-columns:1fr}.game-header{margin-bottom:10px;padding:8px}.game-title-block{margin-left:8px}.game-metrics{gap:4px}.game-metrics>div{min-width:56px;padding:5px}.game-metrics small{font-size:7px}.game-metrics strong{font-size:14px}.back-button,.pause-button{width:39px;height:39px}.game-layout{gap:10px}.board-frame{padding:6px;border-radius:17px}.sudoku-board{border-radius:11px}.paused-cover{inset:6px;border-radius:11px}.cell{font-size:clamp(17px,6.5vw,26px)}.notes-grid{inset:2px;font-size:clamp(6px,2.1vw,9px)}.board-tip{font-size:10px}.control-panel{padding:12px;border-radius:19px}.progress-card{padding:10px}.number-pad{grid-template-columns:repeat(9,1fr);gap:3px;margin:10px 0}.number-pad button{height:47px;border-radius:10px;font-size:22px}.number-pad button small{display:none}.tool-grid{gap:4px}.tool-button{min-height:58px}.game-options{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr}.modal-card{padding:24px 20px}.victory-stats{gap:5px}.victory-actions{grid-template-columns:1fr}.loading-card h1{letter-spacing:4px}}
@media(max-width:390px){.difficulty-grid{grid-template-columns:1fr}.difficulty-card{min-height:100px}.number-pad button{font-size:20px}.game-title-block strong{font-size:14px}.game-title-block small{font-size:7px}.game-metrics>div{min-width:49px}.tool-button small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}