:root{color-scheme:light;--bg: #f3f0e9;--surface: #ffffff;--surface-2: #e9e4da;--text: #1e2330;--text-dim: #687083;--accent: #2f6fde;--accent-text: #ffffff;--success: #1f9d55;--board-bg: #fbfaf6;--grid-line: rgba(30, 35, 48, .09);--blocked: #ddd6c9;--blocked-stripe: rgba(30, 35, 48, .1);--shadow: 0 1px 2px rgba(30, 35, 48, .06), 0 6px 20px rgba(30, 35, 48, .07);--radius: 16px;--safe-top: max(env(safe-area-inset-top, 0px), calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)));--safe-bottom: max(env(safe-area-inset-bottom, 0px), calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px)));--safe-left: max(env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px));--safe-right: max(env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px));font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:root[data-theme=dark]{color-scheme:dark;--bg: #11141b;--surface: #1a1e28;--surface-2: #242a36;--text: #edf0f6;--text-dim: #9299a8;--accent: #6f95ff;--accent-text: #0d1220;--success: #3ccf7c;--board-bg: #171b24;--grid-line: rgba(255, 255, 255, .075);--blocked: #2a303d;--blocked-stripe: rgba(255, 255, 255, .07);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior:none}#app{height:var(--tg-viewport-stable-height, 100vh);height:var(--tg-viewport-stable-height, 100dvh);display:flex;flex-direction:column;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-user-select:none;user-select:none}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);width:100%;max-width:560px;margin:0 auto;animation:screen-in .18s ease-out}.screen.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.topbar{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:8px}.topbar h1{font-size:20px;margin:0;font-weight:700;flex:1}.icon-btn{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:var(--shadow)}.icon-btn:active{transform:scale(.96)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:14px;font-size:17px;font-weight:600;background:var(--surface);box-shadow:var(--shadow);transition:transform 80ms ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn .sub{font-weight:500;opacity:.8;font-size:15px}.btn[disabled]{opacity:.45;cursor:default}.menu{justify-content:center;gap:14px}.logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;text-align:center}.logo svg{width:112px;height:112px}.logo h1{margin:0;font-size:34px;letter-spacing:-.5px}.logo p{margin:0;color:var(--text-dim)}.progress{background:var(--surface);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.progress .label{display:flex;justify-content:space-between;font-size:15px;color:var(--text-dim);margin-bottom:8px}.bar{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.bar>i{display:block;height:100%;background:var(--success);border-radius:4px;transition:width .3s ease}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footnote{text-align:center;color:var(--text-dim);font-size:13px;margin-top:8px}.notice{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--text-dim)}.pack{margin-bottom:22px}.pack h2{font-size:17px;margin:0 0 2px}.pack .meta{color:var(--text-dim);font-size:14px;margin-bottom:10px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-btn{position:relative;aspect-ratio:1;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.level-btn.done{background:color-mix(in srgb,var(--success) 16%,var(--surface))}.level-btn.current{outline:2.5px solid var(--accent);outline-offset:-2.5px}.level-btn.locked{color:var(--text-dim);background:var(--surface-2);box-shadow:none;cursor:default}.level-btn .badge{position:absolute;right:6px;bottom:6px;width:16px;height:16px}.level-btn .badge .icon{width:16px;height:16px;stroke-width:2.5}.level-btn.done .badge{color:var(--success)}.level-btn .mode{position:absolute;left:6px;top:6px;color:var(--text-dim)}.level-btn .mode .icon{width:13px;height:13px;stroke-width:2.5}.game{gap:10px}.game .topbar{margin-bottom:0}.title-block{flex:1;min-width:0}.title-block h1{font-size:19px}.chips{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-dim)}.chip .icon{width:12px;height:12px;stroke-width:2.5}.rule{margin:0;font-size:14px;color:var(--text-dim)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface);border-radius:12px;padding:7px 10px;box-shadow:var(--shadow)}.stat b{display:block;font-size:17px;font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--text-dim)}.stat.ok b{color:var(--success)}.board-wrap{position:relative;flex:1;min-height:160px}.board-wrap canvas{position:absolute;inset:0;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.banner{min-height:20px;text-align:center;font-size:14px;color:var(--text-dim);transition:opacity .2s}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);font-size:12.5px;font-weight:600}.tool:active:not([disabled]){transform:scale(.96)}.tool[disabled]{opacity:.4;cursor:default}.tool.primary{background:var(--accent);color:var(--accent-text)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:10;animation:fade .2s ease-out}.card{width:100%;max-width:360px;background:var(--surface);border-radius:22px;padding:24px 20px 20px;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;gap:12px;animation:pop .26s cubic-bezier(.2,.9,.3,1.3)}.card h2{margin:0;font-size:24px}.card p{margin:0;color:var(--text-dim)}.card ul{text-align:left;margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.card .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.success-mark{width:64px;height:64px;margin:0 auto;border-radius:50%;background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);display:flex;align-items:center;justify-content:center}.success-mark .icon{width:34px;height:34px;stroke-width:3}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 24px);transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;max-width:calc(100% - 32px);z-index:20;animation:fade .2s ease-out}.list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.item{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;width:100%;text-align:left}.item+.item{border-top:1px solid var(--surface-2)}.item .text{flex:1}.item small{display:block;color:var(--text-dim);font-size:13px}.switch{width:50px;height:30px;border-radius:15px;background:var(--surface-2);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}[aria-checked=true]>.switch{background:var(--success)}[aria-checked=true]>.switch:after{transform:translate(20px)}.item[disabled]{opacity:.5}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.segmented button{padding:6px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-dim)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.danger{color:#d64545}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-height:600px){.rule{display:none}.stat{padding:4px 8px}.tool{min-height:46px}.nav-label{display:none}.cat-card-preview{height:48px}.group-tab{min-height:44px}.size-tab{min-height:40px}}.nav-browse{margin:0 -16px;padding:0 16px}.sticky{position:sticky;top:calc(-1 * (var(--safe-top) + 12px));margin:0 -16px 10px;padding:4px 16px 10px;background:var(--bg);z-index:2}.sticky-levels{padding-top:8px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 8px 16px -12px color-mix(in srgb,var(--text) 35%,transparent)}.sticky-levels .nav-layer{padding-top:6px;padding-bottom:8px}.nav-layer{display:flex;flex-direction:column;gap:8px;padding:8px 0 10px}.nav-layer+.nav-layer{border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);margin-top:2px}.nav-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tabs.tabs-2{grid-template-columns:repeat(2,1fr)}.tabs.tabs-auto{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.tabs.group-tabs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.loading-panel{flex:1;min-height:200px}.tabs button{min-width:0;min-height:40px;padding:0 2px;font-size:clamp(12px,3.6vw,15px);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font-weight:700;font-variant-numeric:tabular-nums}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.group-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 4px;line-height:1.15}.group-tab-title{font-size:clamp(12px,3.4vw,14px)}.group-tab-meta{font-size:11px;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}.tabs button[aria-selected=true] .group-tab-meta{opacity:.9}.nav-layer.nav-categories{padding-top:10px}.cat-rail{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 12px;margin:0;scroll-snap-type:x proximity;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;scrollbar-width:none}.cat-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.cat-rail.is-dragging .cat-card{cursor:grabbing}.cat-rail:before,.cat-rail:after{content:"";flex:0 0 8px;scroll-snap-align:none}.cat-rail::-webkit-scrollbar{display:none}.cat-card{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);text-align:left;color:var(--text);cursor:grab;touch-action:pan-x}.cat-card[aria-selected=true]{outline:2px solid var(--accent);outline-offset:2px}.cat-card-preview{position:relative;height:64px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,var(--surface-2)),var(--surface-2) 55%),repeating-linear-gradient(-18deg,transparent,transparent 8px,color-mix(in srgb,var(--text) 6%,transparent) 8px,color-mix(in srgb,var(--text) 6%,transparent) 9px)}.cat-card-board{display:block;width:100%;height:100%;pointer-events:none}.cat-card-preview[data-motif=start]{background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 45%),linear-gradient(160deg,var(--surface-2),color-mix(in srgb,var(--accent) 18%,var(--surface)))}.cat-card-preview[data-motif=link]{background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,var(--accent) 55%,#fff) 46% 54%,transparent 54%),linear-gradient(0deg,transparent 46%,color-mix(in srgb,var(--accent) 35%,#fff) 46% 54%,transparent 54%),var(--surface-2)}.cat-card-preview[data-motif=cube]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,#222) 0 33%,transparent 33%),linear-gradient(225deg,color-mix(in srgb,var(--accent) 25%,#444) 0 40%,transparent 40%),var(--surface-2)}.cat-card-preview[data-motif=tower]{background:linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--accent) 30%,var(--surface-2)) 20% 80%,transparent 80%),repeating-linear-gradient(90deg,var(--surface-2) 0 10px,color-mix(in srgb,var(--text) 8%,var(--surface-2)) 10px 12px)}.cat-card-preview[data-motif=wall]{background:repeating-linear-gradient(0deg,transparent 0 10px,color-mix(in srgb,var(--text) 12%,transparent) 10px 12px),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--text) 10%,transparent) 18px 20px),var(--surface-2)}.cat-card-preview[data-motif=bridge]{background:linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--accent) 45%,#888) 58% 66%,transparent 66%),radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 55%),var(--surface-2)}.cat-card-preview[data-motif=endless]{background:conic-gradient(from 210deg,color-mix(in srgb,var(--accent) 40%,transparent),transparent 40%,color-mix(in srgb,var(--accent) 25%,transparent)),var(--surface-2)}.cat-card-preview[data-motif=field]{background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--success) 28%,transparent),transparent 40%),radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 42%),var(--surface-2)}.cat-card-body{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.cat-card-body strong{font-size:14px;font-weight:800;line-height:1.2}.cat-card-progress,.cat-card-soon{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-dim)}.cat-card.soon .cat-card-preview{filter:grayscale(.35) saturate(.7);opacity:.9}.cat-card.soon .cat-card-soon{color:color-mix(in srgb,var(--accent) 70%,var(--text-dim))}.tabs.size-tabs{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.size-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:6px 4px}.size-tab-title{font-size:14px}.size-tab-meta{font-size:11px;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}.tabs button[aria-selected=true] .size-tab-meta{opacity:.9}.sticky .meta{color:var(--text-dim);font-size:14px;margin-top:8px}.streak{display:flex;align-items:center;gap:6px;color:#e8772e;font-weight:600;margin:12px 0 0}.daily-list{margin-top:14px}.screen>.rule{margin-bottom:12px}.daily-list .size{width:76px;flex:none;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.daily-list .state{color:var(--accent)}.daily-list .solved .state{color:var(--success)}.mode-btn{justify-content:flex-start;padding:0 16px}.mode-btn>span{text-align:left;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.mode-btn .sub{font-size:13px}.daily-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.daily-dots .dot{min-height:34px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.daily-dots .dot.solved{background:color-mix(in srgb,var(--success) 18%,var(--surface));color:var(--success)}.daily-dots .dot[aria-selected=true]{outline:2.5px solid var(--accent);outline-offset:-2.5px}.daily-dots .dot .icon{width:16px;height:16px;stroke-width:2.6}.timed-stats{grid-template-columns:1fr 1fr}.timed-stats b{font-size:22px}.clock.urgent{color:#e5484d}.toolbar.three{grid-template-columns:repeat(3,1fr)}.big-number{font-size:56px;font-weight:800;color:var(--text)!important;line-height:1}.timed-setup .label{font-size:15px;color:var(--text-dim);margin:16px 0 8px}.segmented.wide{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.segmented.wide button{min-height:40px;font-size:15px}.timed-setup .best{margin:16px 0;font-weight:600;text-align:center}.records-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.records{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.records th,.records td{padding:9px 4px;text-align:center}.records thead th{color:var(--text-dim);font-weight:600}.records tbody tr+tr{border-top:1px solid var(--surface-2)}.records td.sel{background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:700}.leaderboard .segmented{margin-bottom:10px}.lb-body{margin-top:6px}.lb-list{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.lb-list li{display:flex;align-items:center;gap:12px;padding:11px 16px;font-variant-numeric:tabular-nums}.lb-list li+li{border-top:1px solid var(--surface-2)}.lb-list li.me{background:color-mix(in srgb,var(--accent) 14%,transparent)}.lb-list .rank{width:28px;color:var(--text-dim);font-weight:700}.lb-list li:nth-child(-n+3) .rank{color:#e8a21a}.lb-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list small{color:var(--text-dim)}.lb-me{text-align:center;font-weight:600;margin-top:12px}.select{font:inherit;color:var(--text);background:var(--surface-2);border:0;border-radius:10px;padding:8px 10px}.lb-link{margin-top:10px}.sticky .lb-link{display:flex;width:100%;margin:10px 0 2px}.sticky .lb-link[hidden]{display:none}.levels-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:220px;padding:32px 16px;text-align:center;color:var(--text-dim)}.levels-empty[hidden]{display:none}.levels-empty-title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.levels-empty p{margin:0;max-width:28ch;line-height:1.4}.jump-end{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 20px);z-index:4;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%);background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow);cursor:pointer}.jump-end .icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.jump-end[hidden]{display:none}.jump-end:active{transform:translate(-50%) scale(.96)}.rank-line{font-weight:700;color:var(--text)!important}.level-btn.perfect{background:color-mix(in srgb,#e8a21a 20%,var(--surface))}.level-btn.perfect .badge{color:#d48a00}.level-btn.perfect .badge .icon{fill:currentColor}.success-mark.perfect{background:color-mix(in srgb,#e8a21a 22%,transparent);color:#d48a00}.success-mark.perfect .icon{fill:currentColor;stroke-width:1.5}.perfect-hint{font-size:14px}