:root{--bg:#f4f7fb;--bg-2:#e9f0f8;--card:#fff;--ink:#2b3340;--muted:#8b95a5;--line:#d9e1ec;--blue:#3b82f6;--blue-soft:#dbeafe;--blue-unit:#eef5ff;--blue-num:#2563eb;--danger:#ef4444;--pink:#ec4899;--green:#22c55e;--orange:#f97316;--cell:#fff;--cell-same:#c5ceda;--cell-bad:#fecaca;--board-line:#334155;--surface:#fff;--surface-2:#eef2f7;--overlay:#0f172a73;--nav-bg:#fffffff5;--shadow:#25467814;--radius:16px;--nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.35}.phone-inner[data-theme=dark]{--bg:#0b1220;--bg-2:#020617;--card:#1e293b;--ink:#e2e8f0;--muted:#94a3b8;--line:#334155;--blue:#3b82f6;--blue-soft:#1e3a5f;--blue-unit:#1a2740;--blue-num:#60a5fa;--cell:#1e293b;--cell-same:#475569;--cell-bad:#7f1d1d;--board-line:#94a3b8;--surface:#1e293b;--surface-2:#334155;--overlay:#000000a6;--nav-bg:#0f172af5;--shadow:#00000059}*,:before,:after{box-sizing:border-box}html,body,#root{background:#0f172a;height:100%;min-height:100%;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.phone{place-items:center;min-height:100%;padding:0;display:grid}.phone-inner{background:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--blue) 28%, transparent) 0%, transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, white) 0%, var(--bg) 40%, var(--bg-2) 100%);width:100%;max-width:430px;height:100dvh;min-height:100dvh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-inner[data-theme=dark]{background:radial-gradient(120% 60% at 50% -10%, #3b82f62e 0%, transparent 55%), linear-gradient(180deg, #111827 0%, var(--bg) 40%, var(--bg-2) 100%)}.screen{padding:12px 16px calc(var(--nav-h) + var(--safe-bottom) + 12px);-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.screen.game,.screen.settings:not(.with-nav){padding-bottom:calc(12px + var(--safe-bottom))}.icon-btn{width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:color-mix(in srgb, var(--ink) 8%, transparent)}.home-top{justify-content:space-between;align-items:center;display:flex}.home-top-right{align-items:center;gap:4px;display:flex}.lang-select-wrap{place-items:center;display:grid}.lang-select{appearance:none;border:1px solid var(--line);background-color:var(--surface);max-width:8.5rem;color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border-radius:999px;padding:7px 32px 7px 14px;font-size:.72rem;font-weight:600;line-height:1.2}[dir=rtl] .lang-select{background-position:12px;padding:7px 14px 7px 32px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-hero{aspect-ratio:1;background:var(--surface);width:min(100%,260px);max-height:min(34dvh,260px);box-shadow:0 4px 14px var(--shadow);border-radius:14px;margin:8px auto 12px;overflow:hidden}.home-hero-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;transform:scale(1.02)}.logo{text-align:center;letter-spacing:.04em;color:var(--muted);margin:8px 0 18px;font-size:2.35rem;font-weight:800}.home-logo{text-align:left;color:var(--ink);margin:0;font-size:1.35rem}.free-card{background:var(--surface);box-shadow:0 4px 14px var(--shadow);border-radius:16px;margin:14px 0 16px;padding:16px}.free-card h2{margin:0 0 10px;font-size:1.15rem}.free-card ul{color:var(--ink);margin:0 0 12px;padding-left:1.1rem;font-size:.92rem;line-height:1.5}.free-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.auth-card{background:var(--surface);box-shadow:0 4px 14px var(--shadow);border-radius:16px;margin-bottom:16px;padding:14px}.auth-title{margin:0 0 8px;font-size:1.05rem}.auth-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.auth-tabs button{background:var(--surface-2);border-radius:10px;padding:10px;font-size:.9rem;font-weight:600}.auth-tabs button.on{background:var(--blue);color:#fff}.auth-hint{color:var(--muted);margin:0 0 12px;font-size:.8rem;line-height:1.35}.auth-form{flex-direction:column;gap:10px;display:flex}.btn-google{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.btn-google:disabled{opacity:.6}.btn-google-icon{color:#ea4335;width:22px;height:22px;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.auth-error{color:var(--danger);margin:10px 0 0;font-size:.85rem}.auth-info{color:var(--green);margin:10px 0 0;font-size:.85rem}.home-welcome{color:var(--muted);word-break:break-all;margin:0 0 12px;font-size:.88rem}.event-row{display:none}.event-card{background:var(--card);box-shadow:0 4px 14px var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:148px;padding:10px 8px 12px;display:flex}.event-art{background:var(--surface-2);border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid}.event-art.math{color:var(--blue);background:linear-gradient(135deg,#fef3c7,#dbeafe);font-size:.85rem;font-weight:800}.event-title{text-align:center;min-height:2.4em;margin:0;font-size:.72rem;font-weight:600;line-height:1.2}.event-timer{color:var(--muted);margin:0;font-size:.68rem}.play-pill{color:#fff;border-radius:999px;margin-top:auto;padding:5px 12px;font-size:.72rem;font-weight:700}.play-pill.pink{background:var(--pink)}.play-pill.green{background:var(--green)}.play-pill.blue{background:var(--blue)}.daily-banner{color:#fff;background:linear-gradient(90deg,#fb923c,#ef4444);border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:28px;padding:12px 14px;display:flex;box-shadow:0 8px 20px #ef444440}.daily-trophy{font-size:1.5rem}.daily-text{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.daily-text strong{font-size:.95rem}.daily-text small{opacity:.9;font-size:.75rem}.daily-go{width:28px;height:28px;color:var(--orange);background:#fffffff2;border-radius:50%;place-items:center;display:grid}.home-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-primary,.btn-outline{border-radius:999px;width:min(100%,280px);padding:14px 28px;font-weight:700}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #3b82f659}.btn-outline{background:var(--surface);color:var(--blue);border:2px solid var(--blue)}.btn-primary.big,.btn-outline.big{padding:16px 28px;font-size:1.1rem}.btn-outline.solo{margin-top:24px}.saved-meta{color:var(--muted);margin:-2px 0 4px;font-size:.9rem}.bottom-nav{height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--nav-bg);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:.58rem;line-height:1.15;text-decoration:none;display:flex}.nav-item.active{color:var(--blue)}.sheet-backdrop{background:var(--overlay);z-index:30;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}.sheet{background:var(--surface);width:100%;padding:10px 8px calc(18px + var(--safe-bottom));border-radius:20px 20px 0 0;max-height:85%;animation:.25s slide;overflow:auto}.sheet-handle{background:var(--line);border-radius:999px;width:40px;height:4px;margin:4px auto 12px}.sheet h2{text-align:center;margin:0 0 8px;font-size:1.15rem}.sheet-row{text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:1.05rem;display:flex}.sheet-row:active{background:var(--surface-2)}.sheet-row.muted-row{color:var(--muted)}.sheet-ico{text-align:center;width:28px;font-size:1.25rem}.game-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.game-top-right{gap:2px;display:flex}.game-status{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;font-size:.92rem;display:flex}.timer-wrap{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.status-spacer{flex:1}.pause-btn{background:var(--surface-2);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.board-wrap{width:100%;position:relative}.board-wrap.is-paused .board{filter:blur(7px);pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(1.01)}.board-pause-overlay{z-index:2;color:#fff;letter-spacing:.02em;background:#0f172a47;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex;position:absolute;inset:0}.board,.board-loading{aspect-ratio:1;border:2px solid var(--board-line);background:var(--board-line);border-radius:4px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;display:grid;overflow:hidden}.block{background:var(--board-line);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;min-width:0;min-height:0;display:grid}.board-loading{background:var(--cell);color:var(--muted);grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;gap:0;display:grid}.cell{background:var(--cell);place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.cell.unit{background:var(--blue-unit)}.cell.same-num,.cell.selected{background:var(--cell-same)}.cell.bad,.cell.bad.unit,.cell.bad.same-num,.cell.bad.selected{background:var(--cell-bad)}.cell.bad .digit{color:var(--danger);font-weight:700}.cell.reveal{background:#93c5fd;animation:.35s cell-reveal}.cell.reveal .digit{animation:.35s digit-pop}@keyframes cell-reveal{0%{background:#dbeafe;transform:scale(.92)}to{background:#93c5fd;transform:scale(1)}}@keyframes digit-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.digit{color:var(--blue-num);font-size:clamp(1rem,5.2vw,1.45rem);font-weight:500;line-height:1}.phone-inner[data-digit-size=medium] .digit{font-size:clamp(1.12rem,5.8vw,1.65rem)}.phone-inner[data-digit-size=large] .digit{font-size:clamp(1.24rem,6.4vw,1.85rem)}.cell.given .digit{color:var(--ink);font-weight:600}.notes{box-sizing:border-box;width:100%;height:100%;color:var(--muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:0;font-size:19cqmin;line-height:1;display:grid;overflow:hidden}.phone-inner[data-digit-size=medium] .notes{font-size:23cqmin}.phone-inner[data-digit-size=large] .notes{font-size:26cqmin}.notes span{place-items:center;min-width:0;min-height:0;line-height:1;display:grid;overflow:hidden}.notes span.note-hl{color:var(--blue-num);background:var(--blue-soft);border-radius:3px;font-weight:700}.tools{grid-template-columns:repeat(5,1fr);gap:2px;margin:14px 0 8px;display:grid}.tool{color:#475569;flex-direction:column;align-items:center;gap:4px;padding:6px 1px;font-size:.55rem;display:flex;position:relative}.tool small{color:var(--muted);font-size:.55rem}.tool.on{color:var(--blue)}.tool:disabled{opacity:.35}.numpad{grid-template-columns:repeat(9,1fr);gap:2px;margin-top:4px;display:grid}.num{color:var(--blue-num);padding:10px 0 14px;font-size:clamp(1.35rem,6vw,1.85rem);font-weight:300}.num:disabled{opacity:.2}.num:active:not(:disabled){transform:scale(.94)}.sub-top{grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px;display:grid}.sub-top h1{text-align:center;margin:0;font-size:1.15rem;font-weight:700}.spacer{width:40px}.settings-list{background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.settings-list li+li{border-top:1px solid var(--line)}.size-seg{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;margin-inline-start:auto;padding:2px;display:inline-flex}.size-seg button{min-width:2rem;height:1.85rem;color:var(--muted);border-radius:8px;padding:0 8px;font-size:.75rem;font-weight:600;line-height:1}.size-seg button.active{background:var(--blue);color:#fff}.settings-row{text-align:start;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px;display:flex}.settings-row.stacked{align-items:flex-start}.settings-main{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.s-ico{text-align:center;flex-shrink:0;width:24px}.s-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;overflow:hidden}.s-label-block{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.s-label-block .s-label{white-space:normal}.s-label-block small{color:var(--muted);font-size:.75rem;line-height:1.3}.s-chevron{color:var(--muted);flex-shrink:0}.toggle{background:var(--line);direction:ltr;border-radius:999px;flex-shrink:0;width:48px;height:28px;padding:2px;transition:background .2s}.toggle.on{background:var(--blue)}.knob{background:var(--surface);border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0003}.toggle.on .knob{transform:translate(20px)}.pane-title{margin:8px 0 16px;font-size:1.4rem;font-weight:800}.empty{color:var(--muted);font-size:.95rem}.lb-hint{color:var(--muted);margin:0 0 12px;font-size:.85rem;line-height:1.4}.history-list{background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.history-list li{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;display:grid}.history-list li:last-child{border-bottom:none}.history-diff{color:var(--ink);font-weight:600}.history-time{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:600}.history-date{color:var(--muted);grid-column:1/-1;font-size:.8rem}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.8rem}.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.lb{background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.lb li{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr auto;gap:8px;padding:12px 14px;font-size:.95rem;display:grid}.lb-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lb li:last-child{border-bottom:none}.overlay{background:var(--overlay);z-index:40;place-items:center;padding:20px;animation:.2s fade;display:grid;position:absolute;inset:0}.overlay-card{background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,340px);padding:24px 20px;animation:.25s pop;display:flex}.overlay-card .kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.overlay-card h2{margin:0;font-size:1.5rem}.overlay-card .meta{color:var(--muted);margin:0 0 8px}.win-form{gap:8px;display:flex}.win-form input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;flex:1;padding:10px 12px}.profile-card,.support-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:18px 16px 20px;display:flex}.profile-card .btn-primary{width:100%}.profile-avatar-preview{background:var(--surface-2);border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto 0;font-size:2rem;display:grid}.profile-hint{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.profile-email{background:var(--surface-2);color:var(--ink);word-break:break-all;border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem}.profile-auth{flex-direction:column;gap:8px;display:flex}a.settings-row{color:inherit;text-decoration:none}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-pick{aspect-ratio:1;background:var(--surface-2);border-radius:12px;place-items:center;font-size:1.35rem;display:grid}.avatar-pick.on{outline:2px solid var(--blue);background:var(--blue-soft)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field-hint{color:var(--muted);font-size:.75rem}.field input{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:12px;font-size:1rem}.profile-saved{text-align:center;color:var(--green);margin:0;font-size:.85rem}.support-lead{margin:0;font-size:1rem;line-height:1.45}.support-link{box-sizing:border-box;place-items:center;width:100%;text-decoration:none;display:grid}.support-note{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.howto-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:8px 16px 18px;display:flex}.howto-card section{padding:12px 0}.howto-card section+section{border-top:1px solid var(--line)}.howto-card h2{margin:0 0 6px;font-size:1rem}.howto-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.btn-danger{border:1.5px solid var(--danger);width:100%;color:var(--danger);background:0 0;border-radius:999px;margin-top:4px;padding:12px 16px;font-weight:700}.btn-danger:disabled{opacity:.55}.overlay-card .btn-danger{margin-top:0}.win-form button{background:var(--blue);color:#fff;border-radius:10px;padding:0 14px;font-weight:600}.win-msg{color:var(--green);margin:0;font-size:.85rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translateY(40%)}to{transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=480px){.phone{padding:16px}.phone-inner{border:1px solid #ffffff14;border-radius:28px;height:min(900px,100dvh);min-height:min(900px,100dvh);box-shadow:0 25px 60px #00000073}}