@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-cyrillic-400-normal-DnEqMUkt.woff2)format("woff2"),url(./geist-cyrillic-400-normal-DoYExElg.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-latin-ext-400-normal-BP0SqLoz.woff2)format("woff2"),url(./geist-latin-ext-400-normal-CxhClfoC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-latin-400-normal-DSkA1yZt.woff2)format("woff2"),url(./geist-latin-400-normal-BnFbi-1n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-cyrillic-600-normal-X9X0urb-.woff2)format("woff2"),url(./geist-cyrillic-600-normal-64f_Uksv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-latin-ext-600-normal-CEqX-wEv.woff2)format("woff2"),url(./geist-latin-ext-600-normal-ei6D1j5L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(./geist-latin-600-normal-C4XfSTOc.woff2)format("woff2"),url(./geist-latin-600-normal-CvyQaDJg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-cyrillic-700-normal-Bby3OhD7.woff2)format("woff2"),url(./geist-cyrillic-700-normal-rSfeQ698.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-latin-ext-700-normal-V3Z5_AfI.woff2)format("woff2"),url(./geist-latin-ext-700-normal-DPScEqPK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(./geist-latin-700-normal-CKFtLPQ7.woff2)format("woff2"),url(./geist-latin-700-normal-BKs1SfBc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-cyrillic-800-normal-J_Jlrmhz.woff2)format("woff2"),url(./geist-cyrillic-800-normal-ByAUL1Vg.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-latin-ext-800-normal-CochPyRR.woff2)format("woff2"),url(./geist-latin-ext-800-normal-DhIXxcJa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:800;src:url(./geist-latin-800-normal-D7Id04DE.woff2)format("woff2"),url(./geist-latin-800-normal-Df2__d7t.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{color:#2c3e50;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#fafafa;font-family:Geist,Segoe UI,system-ui,sans-serif}#root{min-height:100dvh}.board-wrapper{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.board-grid{display:grid}.clue-pill{letter-spacing:.02em;background:color-mix(in srgb, var(--clue-color) 14%, transparent);border:2px solid color-mix(in srgb, var(--clue-color) 35%, transparent);text-shadow:0 1px 2px #0000001f;border-radius:8px;justify-content:center;align-items:center;font-weight:800;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.clue-pill.clue-active{background:color-mix(in srgb, var(--clue-color) 28%, transparent);border-color:color-mix(in srgb, var(--clue-color) 60%, transparent)}.clue-pill.clue-matched{background:color-mix(in srgb, var(--clue-color) 45%, transparent);border-color:var(--clue-color);box-shadow:0 0 8px color-mix(in srgb, var(--clue-color) 50%, transparent)}.board-inner{touch-action:manipulation;display:inline-block;position:relative}.ray-svg{pointer-events:none;display:block;position:absolute}@keyframes rayDraw{to{stroke-dashoffset:0}}.ray-line{animation:.18s ease-out forwards rayDraw}.ray-matched{stroke-dashoffset:var(--ray-len);animation-duration:.22s}.ray-dim{stroke-dashoffset:var(--ray-len);animation-duration:.15s}.cell{background:var(--bg-cell);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:inset 0 2px 4px #0000000f,inset 0 -1px 2px #ffffff80}.cell:active{background:var(--bg-cell-hover);transform:scale(.94)}.cell.solved{background:var(--bg-solved);animation:.5s both solveFlash;box-shadow:inset 0 2px 4px #0000000a}@keyframes solveFlash{0%{transform:scale(1)}40%{background:var(--win-bg);opacity:.8;transform:scale(1.08)}to{background:var(--bg-solved);transform:scale(1)}}.cell.fixed{background:var(--bg-cell-fixed);cursor:default;box-shadow:inset 0 2px 4px #00000014}.cell.fixed:active{background:var(--bg-cell-fixed);transform:none}.cell.portal{cursor:default;border:2.5px solid;border-radius:50%;box-shadow:0 0 8px #0000001a}.cell.portal:active{transform:none}.cell.wall{background:var(--wall-bg,#2c3e50);cursor:default;border-radius:8px;box-shadow:inset 0 2px 6px #0000004d}.cell.wall:active{transform:none}.mirror-limit-bar{justify-content:center;align-items:center;gap:8px;display:flex}.mirror-limit-dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .2s}.mirror-limit-dot.used{background:var(--accent);box-shadow:0 0 6px var(--accent)}.reset-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:100px;min-height:44px;padding:10px 28px;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.reset-btn:active{border-color:var(--text);color:var(--text)}@media (width>=600px){.cell:hover{background:var(--bg-cell-hover);transform:scale(1.06);box-shadow:inset 0 2px 4px #00000014,0 4px 12px #00000014}.cell.fixed:hover{background:var(--bg-cell-fixed);transform:none}.reset-btn:hover{border-color:var(--text);color:var(--text)}}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;display:flex}.login-card{background:var(--bg-card);box-shadow:0 4px 40px var(--shadow);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:36px 24px 40px;display:flex}.login-logo{letter-spacing:-.06em;color:var(--text);margin:0;font-size:2.2rem;font-weight:800}.login-tagline{color:var(--text-muted);margin:0 0 4px;font-size:.95rem}.google-btn{background:var(--bg-card);border:1.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:13px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:box-shadow .15s,border-color .15s,background .15s;display:flex}.google-btn:active{background:var(--bg-cell)}.divider{width:100%;color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.mode-tabs{background:var(--bg-cell);border-radius:12px;gap:3px;width:100%;padding:3px;display:flex}.mode-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;min-height:42px;padding:10px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.mode-tabs button.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 4px var(--shadow)}.auth-form{flex-direction:column;gap:10px;width:100%;display:flex}.auth-form input{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:12px;outline:none;min-height:50px;padding:13px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s,background .15s}.auth-form input:focus{border-color:var(--accent);background:var(--bg-card)}.auth-error{color:#e74c3c;text-align:center;margin:0;font-size:.85rem}.auth-success{color:#2ecc71;text-align:center;margin:0;font-size:.85rem}.submit-btn{background:var(--text);width:100%;color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;min-height:50px;margin-top:2px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s}.submit-btn:active{opacity:.75}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.skip-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;min-height:36px;padding:4px;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .15s}.skip-btn:active{color:var(--text)}@media (width>=600px){.google-btn:hover{box-shadow:0 2px 12px var(--shadow);border-color:var(--text-muted);background:var(--bg-cell)}.submit-btn:hover{opacity:.85}.skip-btn:hover{color:var(--text)}}.level-select{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:20px 0 8px;display:flex}.ls-header{align-items:center;gap:14px;width:100%;display:flex}.ls-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:36px;padding:8px 0;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .15s}.ls-back:hover{color:var(--text)}.ls-title{color:var(--text);letter-spacing:-.04em;font-size:1.4rem;font-weight:800}.ls-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.ls-card{border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:80px;padding:10px 6px;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.ls-card:not(.locked):active{transform:scale(.95)}.ls-card.completed{background:var(--bg-solved);border-color:#2ecc71}.ls-card.locked{opacity:.35;cursor:not-allowed}.ls-num{color:var(--text);letter-spacing:-.02em;font-size:.9rem;font-weight:800;line-height:1}.ls-check{color:#2ecc71;font-size:.72rem;font-weight:800;position:absolute;top:6px;right:8px}.ls-lock{font-size:.68rem;position:absolute;top:6px;right:6px}.ls-score-bar{background:var(--border);border-radius:1px;width:55%;height:2px;overflow:hidden}.ls-score-fill{background:var(--text-muted);border-radius:1px;height:100%}.ls-card.completed .ls-score-fill{background:#2ecc71}@media (width>=400px){.ls-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=600px){.level-select{gap:28px;padding:32px 20px}.ls-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.ls-card:not(.locked):hover{border-color:var(--text);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}}.diff-select{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;margin:0 auto;padding:20px 0 8px;display:flex}.daily-btn{background:var(--bg-card);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:1.5px solid #f39c12;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:72px;padding:16px 18px;font-family:inherit;transition:box-shadow .15s,transform .12s;display:flex;box-shadow:0 2px 12px #f39c121a}.daily-btn:active{transform:scale(.98)}.daily-btn.done{border-color:#2ecc71;box-shadow:0 2px 12px #2ecc711a}.daily-icon{background:#f39c121a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;line-height:1;display:flex}.daily-btn.done .daily-icon{background:#2ecc711a}.daily-text{flex-direction:column;flex:1;gap:3px;display:flex}.daily-label{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.daily-date{color:var(--text-muted);font-size:.78rem;font-weight:500}.daily-check{color:#2ecc71;flex-shrink:0;font-size:.75rem;font-weight:700}.daily-streak{color:#f39c12;letter-spacing:-.01em;flex-shrink:0;font-size:.85rem;font-weight:800}.top-row-btns{gap:10px;width:100%;display:flex}.top-row-btns .flex-1{flex:1;min-width:0}.story-entry-btn{background:var(--bg-card);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:1.5px solid #9b59b6;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:72px;padding:16px 18px;font-family:inherit;transition:box-shadow .15s,transform .12s;display:flex;box-shadow:0 2px 12px #9b59b61a}.story-entry-btn:active{transform:scale(.98)}.story-arrow{color:#9b59b6;flex-shrink:0;font-size:1rem;font-weight:700}.challenge-entry-btn{background:var(--bg-card);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;border:1.5px solid #1abc9c;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:110px;min-height:72px;padding:14px 12px;font-family:inherit;transition:box-shadow .15s,transform .12s;display:flex;box-shadow:0 2px 12px #1abc9c1a}.challenge-entry-btn:active{transform:scale(.98)}.challenge-icon{font-size:1.2rem;line-height:1}.challenge-label{color:#1abc9c;letter-spacing:-.01em;font-size:.78rem;font-weight:700;line-height:1.2}.challenge-sub{color:var(--text-muted);font-size:.65rem;line-height:1.2}@media (width>=600px){.story-entry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9b59b62e}.challenge-entry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1abc9c2e}}.diff-title{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;width:100%;font-size:.7rem;font-weight:700}.diff-list{flex-direction:column;gap:10px;width:100%;display:flex}.diff-card{border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;gap:10px;min-height:80px;padding:16px 18px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;box-shadow:0 2px 8px #0000000a}.diff-card:active{transform:scale(.98)}.diff-card-top{justify-content:space-between;align-items:center;display:flex}.diff-label{letter-spacing:-.03em;color:var(--text);font-size:1.05rem;font-weight:800}.diff-easy .diff-label{color:#27ae60}.diff-medium .diff-label{color:#e67e22}.diff-hard .diff-label{color:#c0392b}.diff-expert .diff-label{color:#8e44ad}.diff-progress{color:var(--text-muted);font-size:.78rem;font-weight:600}.diff-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.diff-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.diff-bar-fill{border-radius:2px;height:100%;transition:width .4s}.diff-easy .diff-bar-fill{background:#2ecc71}.diff-medium .diff-bar-fill{background:#f39c12}.diff-hard .diff-bar-fill{background:#e74c3c}.diff-expert .diff-bar-fill{background:#8e44ad}@media (width>=600px){.diff-select{gap:20px;padding:32px 20px}.daily-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f39c122e}.diff-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.diff-card.diff-easy:hover{border-color:#2ecc71}.diff-card.diff-medium:hover{border-color:#f39c12}.diff-card.diff-hard:hover{border-color:#e74c3c}.diff-card.diff-expert:hover{border-color:#8e44ad}}.lb-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:#f7f7f7;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lb-row.gold{background:#fffbea}.lb-row.silver{background:#f5f5f5}.lb-row.bronze{background:#fff5f0}.lb-rank{text-align:center;color:#aaa;flex-shrink:0;width:24px;font-size:1rem;font-weight:700}.lb-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.lb-avatar-placeholder{color:#888;background:#ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.lb-name{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.lb-moves{color:#888;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.82rem;font-weight:700}.lb-time{opacity:.7;font-weight:500}.lb-empty{color:#aaa;text-align:center;padding:12px 0;font-size:.85rem}.badges-wrap{flex-wrap:wrap;gap:8px;display:flex}.badge-chip{cursor:default;border-radius:100px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:700;transition:transform .1s;display:flex}.badge-chip.unlocked{background:var(--bg-cell);color:var(--text);border:1.5px solid var(--border);box-shadow:0 1px 4px #0000000f}.badge-chip.unlocked:hover{transform:translateY(-1px)}.badge-chip.locked{color:var(--text-muted);border:1.5px dashed var(--border);opacity:.5;background:0 0}.badge-icon{font-size:.9rem;line-height:1}.badge-label{letter-spacing:-.01em}.stats-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stats-modal{background:var(--bg-card);width:100%;max-width:480px;box-shadow:0 -8px 40px var(--shadow);-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;flex-direction:column;gap:16px;max-height:92dvh;padding:28px 20px 40px;display:flex;position:relative;overflow-y:auto}.stats-close{color:#aaa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:14px;right:16px}.stats-close:hover{color:#2c3e50}.stats-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.stats-row{gap:10px;display:flex}.stat-box{background:var(--bg-cell);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.streak-box{background:#f39c120f;border:1.5px solid #f39c124d}.stat-num{color:var(--text);font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.stats-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.stats-week{justify-content:space-between;gap:4px;display:flex}.week-day{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.week-dot{background:var(--bg-cell);border:1.5px solid var(--border);border-radius:50%;width:32px;height:32px}.week-day.done .week-dot{background:#2ecc71;border-color:#2ecc71}.week-label{color:var(--text-muted);font-size:.68rem;font-weight:700}.week-day.done .week-label{color:var(--text)}.share-section{background:var(--bg-cell);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.share-grid-preview{flex-direction:column;gap:2px;display:flex}.share-grid-line{color:var(--text);letter-spacing:.02em;font-family:Geist Mono,Courier New,monospace;font-size:.88rem;font-weight:600}.diff-progress-row{align-items:center;gap:10px;display:flex}.diff-progress-label{flex-shrink:0;width:52px;font-size:.82rem;font-weight:700}.diff-progress-bar{background:#f0f0f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.diff-progress-fill{border-radius:3px;height:100%;transition:width .4s}.diff-progress-count{color:#aaa;text-align:right;flex-shrink:0;width:36px;font-size:.78rem;font-weight:600}.share-btn{background:var(--text);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;min-height:44px;padding:12px 18px;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .15s}.share-btn:active{opacity:.75}@media (width>=600px){.stats-overlay{align-items:center}.stats-modal{border-radius:20px;max-width:400px;max-height:90vh;padding:36px 40px}}.theme-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.theme-modal{background:var(--bg-card);width:100%;max-width:480px;box-shadow:0 -8px 40px var(--shadow);border-radius:24px 24px 0 0;flex-direction:column;gap:18px;padding:24px 20px 40px;display:flex;position:relative}.theme-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;font-size:1.1rem;display:flex;position:absolute;top:14px;right:16px}.theme-close:active{color:var(--text)}.lang-section{flex-direction:column;gap:10px;display:flex}.lang-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem;font-weight:700}.lang-pills{flex-wrap:wrap;gap:8px;display:flex}.lang-pill{border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:100px;align-items:center;gap:6px;min-height:36px;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.lang-pill:active{transform:scale(.96)}.lang-pill.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg));color:var(--accent)}.theme-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.theme-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-card{border:2px solid var(--border);background:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-height:96px;padding:14px 12px;transition:border-color .15s;display:flex;position:relative}.theme-card:not(.locked):active{transform:scale(.97)}.theme-card.active{border-color:var(--accent)}.theme-card.locked{opacity:.5;cursor:not-allowed}.theme-preview{border-radius:10px;justify-content:center;align-items:center;gap:4px;width:100%;height:52px;padding:8px;display:flex}.theme-preview-cell{border-radius:3px;width:16px;height:16px}.theme-preview-accent{border-radius:50%;width:10px;height:10px}.theme-label{color:var(--text);font-size:.85rem;font-weight:700}.theme-lock-desc{color:var(--text-muted);text-align:center;font-size:.68rem;line-height:1.3}.theme-active-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}@media (width>=600px){.theme-overlay{align-items:center}.theme-modal{border-radius:20px;max-width:340px;padding:32px}.theme-card:not(.locked):hover{border-color:var(--accent);transform:translateY(-2px)}}.tutorial-overlay{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--bg-card);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:24px 20px 36px;display:flex;box-shadow:0 -8px 40px #0003}.tutorial-steps{justify-content:center;gap:6px;margin-bottom:2px;display:flex}.tutorial-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.tutorial-dot.active{background:var(--text);transform:scale(1.3)}.tutorial-dot.done{background:#2ecc71}.tutorial-title{color:var(--text);letter-spacing:-.03em;margin:0 0 6px;font-size:1.25rem;font-weight:800}.tutorial-body{color:var(--text);margin:0;font-size:.92rem;line-height:1.55}.tutorial-hint{color:var(--text-muted);background:var(--bg-cell);border-radius:10px;margin:0;padding:10px 14px;font-size:.8rem;font-weight:600}.tutorial-mini-board{justify-content:center;align-items:center;height:64px;margin:4px 0;display:flex;position:relative}.tut-clue{background:color-mix(in srgb, currentColor 14%, transparent);border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:absolute}.tut-clue-right{left:auto;right:0}.tut-ray-svg{pointer-events:none;position:absolute}.tut-grid{gap:4px;display:flex;position:absolute}.tut-cell{background:var(--bg-cell);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:background .15s,transform .1s,box-shadow .2s;display:flex;box-shadow:inset 0 2px 4px #0000000f}.tut-cell:active{transform:scale(.93)}.tut-cell.pulse{animation:.8s ease-in-out tutPulse}@keyframes tutPulse{0%,to{box-shadow:inset 0 2px 4px #0000000f}50%{box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #3498db66}}.tut-cell.matched{background:var(--bg-solved);animation:.5s both solveFlash}.tut-cell-empty{cursor:default;opacity:.4}.tut-cell-empty:active{transform:none}.tut-cell-hint{color:var(--text-muted);opacity:.5;font-size:1.4rem;font-weight:300}.tut-ray{transition:stroke-width .2s,opacity .2s}.tut-ray.matched{filter:drop-shadow(0 0 3px)}.tutorial-actions{align-items:center;gap:14px;margin-top:4px;display:flex}.tutorial-next{background:var(--text);color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:100px;flex:1;min-height:50px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s}.tutorial-next:active{opacity:.75}.tutorial-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .15s}.tutorial-skip:active{color:var(--text)}:root{--bg:#fafafa;--bg-card:#fff;--bg-cell:#f0f0f0;--bg-cell-hover:#e0e0e0;--bg-cell-fixed:#dde1e4;--bg-solved:#d4edda;--border:#e0e0e0;--text:#2c3e50;--text-muted:#888;--accent:#2c3e50;--win-bg:#2ecc71;--shadow:#00000026;--wall-bg:#2c3e50}[data-theme=dark]{--bg:#1a1a2e;--bg-card:#16213e;--bg-cell:#0f3460;--bg-cell-hover:#1a4a7a;--bg-cell-fixed:#2a3a5a;--bg-solved:#1a3a2a;--border:#2a3a5a;--text:#e0e0e0;--text-muted:#7a8a9a;--accent:#e0e0e0;--win-bg:#2ecc71;--shadow:#00000080;--wall-bg:#0a0a18}[data-theme=forest]{--bg:#f0f7f0;--bg-card:#fff;--bg-cell:#d8ead8;--bg-cell-hover:#c4d8c4;--bg-cell-fixed:#b8ccb8;--bg-solved:#a8d8a8;--border:#b0ccb0;--text:#1a3a1a;--text-muted:#5a7a5a;--accent:#2a5a2a;--win-bg:#3aaa3a;--shadow:#0050001f;--wall-bg:#1a3a1a}[data-theme=neon]{--bg:#0a0a0a;--bg-card:#111;--bg-cell:#1a1a1a;--bg-cell-hover:#222;--bg-cell-fixed:#1e1e2e;--bg-solved:#0a2a1a;--border:#333;--text:#f0f0f0;--text-muted:#888;--accent:#0fc;--win-bg:#0fc;--shadow:#00ffc826;--wall-bg:#050505}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100dvh;font-family:Geist,Segoe UI,system-ui,sans-serif;transition:background .3s,color .3s}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:52px;padding:10px 14px;display:grid;position:sticky;top:0}.logo{letter-spacing:-.07em;color:var(--text);font-size:1.35rem;font-weight:800;position:relative}.logo:after{content:"";background:var(--accent);opacity:.3;border-radius:2px;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.logo-streak{vertical-align:middle;letter-spacing:0;opacity:.9;margin-left:8px;font-size:.75rem;font-weight:700}.header-center{justify-content:center;align-items:center;min-width:0;display:flex}.header-right{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.level-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.user-menu{flex-shrink:0;align-items:center;gap:2px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.signout-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:4px;min-height:32px;padding:5px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.signout-btn:hover{border-color:var(--text);color:var(--text);background:var(--bg-cell)}.stats-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:7px;line-height:1;transition:color .15s,background .15s;display:flex}.stats-btn:hover{color:var(--text);background:var(--bg-cell)}.menu-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;min-height:36px;padding:6px 0;font-family:inherit;font-size:.8rem;font-weight:600;transition:color .15s}.menu-btn:hover{color:var(--text)}.app-main{background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);opacity:1;background-position:14px 14px;background-size:28px 28px;flex:1;justify-content:center;align-items:flex-start;padding:20px 16px 32px;display:flex;overflow-y:auto}.screen{width:100%}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.win-card{background:var(--bg-card);text-align:center;width:100%;max-width:480px;box-shadow:0 -8px 40px var(--shadow);border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 36px;display:flex}.win-icon{background:linear-gradient(135deg, var(--bg-cell) 0%, var(--bg-solved) 100%);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2px;font-size:2.4rem;line-height:1;display:flex}.win-card h2{letter-spacing:-.04em;color:var(--text);font-size:1.4rem;font-weight:800}.win-score{letter-spacing:-.05em;color:var(--text);font-size:3rem;font-weight:800;line-height:1}.win-score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:-4px;font-size:.75rem;font-weight:600}.next-btn{background:var(--text);color:var(--bg);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:100px;width:100%;min-height:50px;margin-top:6px;padding:15px 32px;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s,transform .1s}.next-btn:hover{opacity:.85;transform:translateY(-1px)}.win-actions{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.menu-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:36px;padding:6px 0;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .15s}.menu-link:hover{color:var(--text)}.timer-label{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);font-size:.9rem;font-weight:700}.win-time{color:var(--text-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:-4px;font-size:1.1rem;font-weight:600}.win-streak{color:#f39c12;margin-top:-2px;font-size:.9rem;font-weight:700}.win-puzzle-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:-4px;font-size:.75rem;font-weight:700}.win-player-count{color:var(--text-muted);margin-top:-2px;font-size:.82rem;font-weight:600}.notif-prompt-btn{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;min-height:40px;padding:9px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s}.notif-prompt-btn:hover{border-color:var(--text);color:var(--text)}.challenge-share{color:var(--text);border:1.5px solid var(--border);border-radius:100px;width:100%;min-height:44px;padding:11px 20px;font-weight:700;transition:border-color .15s,color .15s}.challenge-share:hover{border-color:var(--text)}.win-challenge-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.register-banner{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;width:100%;min-height:44px;margin-bottom:2px;padding:11px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.register-banner:hover{border-color:var(--text);color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=599px){.app-header{flex-wrap:wrap;align-items:center;gap:0;min-height:auto;padding:8px 12px 4px;display:flex}.logo{flex:1;font-size:1.2rem}.header-center{order:3;justify-content:flex-start;width:100%;min-height:0;padding:2px 0 6px}.header-center:not(:has(*)){display:none}.header-right{flex-shrink:0}.stats-btn{min-width:32px;min-height:32px;padding:5px}.user-menu{gap:0}}@media (width>=600px){.app-header{padding:12px 32px}.logo{font-size:1.5rem}.level-label{font-size:.8rem}.app-main{align-items:center;padding:40px 20px}.overlay{align-items:center}.win-card{width:auto;max-width:420px;box-shadow:0 24px 80px var(--shadow);border-radius:20px;padding:48px 56px}.next-btn{width:auto;min-height:auto;padding:13px 32px}.challenge-share,.register-banner{width:auto}}