:root{--bg:#eef1f5;--bg-glow:#fff;--panel:#fff;--panel-2:#dbe2ea;--line:#cbd5e1;--text:#1e293b;--muted:#64748b;--accent:#0ea5e9;--board-bg:#f3f6fa;--wall:#64748b;--c-red:#ef4444;--c-blue:#2563eb;--c-green:#16a34a;--c-yellow:#d97706;--c-purple:#7c3aed;--c-orange:#ea580c;--cell:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:radial-gradient(1100px 560px at 50% -12%, var(--bg-glow), var(--bg));color:var(--text);-webkit-user-select:none;user-select:none;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.wrap{width:100%;max-width:480px;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:16px;display:flex}.i{vertical-align:-.17em;flex:none;width:1.05em;height:1.05em}header{text-align:center}h1{letter-spacing:.3px;margin:4px 0 3px;font-size:25px;font-weight:800}.tagline{color:var(--muted);margin:0;font-size:12.5px}.sources{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sources button{padding:8px 12px;font-size:14px;font-weight:600}.hud{justify-content:center;width:100%;display:flex}.level-meta{text-align:center;min-width:180px}.level-name{font-size:18px;font-weight:700}.level-sub{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:11.5px}.stats{color:var(--muted);margin-top:3px;font-size:14px}.stats .hearts,.stats .streak-badge{vertical-align:-.16em;align-items:center;gap:2px;display:inline-flex}.stats .hearts .i{color:#f87171;width:14px;height:14px}.stats .streak-badge{color:var(--text);gap:3px;font-weight:600}.stats .streak-badge .i{color:#fb923c;width:14px;height:14px}.board{width:calc(var(--cell) * var(--cols));height:calc(var(--cell) * var(--rows));background-color:var(--board-bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--cell) var(--cell);border:2px solid var(--panel-2);touch-action:manipulation;cursor:pointer;border-radius:14px;position:relative;box-shadow:0 12px 44px #0006}.piece{width:var(--cell);height:var(--cell);transition:transform .13s;position:absolute;top:0;left:0}.wall{background:var(--wall);transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y)));outline:2px solid var(--board-bg);outline-offset:-2px;border-radius:6px}.target{border:3px dashed var(--c);opacity:.85;transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y))) scale(.62);border-radius:50%}.portal{border:3px solid var(--c);box-shadow:0 0 10px var(--c), inset 0 0 8px color-mix(in srgb, var(--c) 55%, transparent);transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y))) scale(.66);z-index:1;border-radius:50%}.portal.portal-flash{animation:.6s ease-out portal-surge}@keyframes portal-surge{0%{box-shadow:0 0 10px var(--c), inset 0 0 8px color-mix(in srgb, var(--c) 55%, transparent)}35%{box-shadow:0 0 26px var(--c), 0 0 46px color-mix(in srgb, var(--c) 65%, transparent), inset 0 0 16px var(--c);border-color:#fff}to{box-shadow:0 0 10px var(--c), inset 0 0 8px color-mix(in srgb, var(--c) 55%, transparent)}}.block{background:var(--c);transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y))) scale(.82);z-index:2;box-shadow:inset 0 -4px #00000040,0 4px 10px #00000059}.block.on-target{box-shadow:inset 0 -4px 0 #00000040, 0 0 0 3px var(--accent), 0 4px 12px #0006}.bs-smooth{border-radius:26%}.bs-flat{border-radius:12%}.bs-pill{border-radius:46%}.bs-glossy{background-image:linear-gradient(150deg,#ffffff73,#fff0 52%);border-radius:26%}.bs-gem{clip-path:polygon(25% 3%,75% 3%,97% 25%,97% 75%,75% 97%,25% 97%,3% 75%,3% 25%);background-image:linear-gradient(135deg,#ffffff4d,#0000002e);border-radius:8%}.tap-hint{color:var(--muted);opacity:.4;pointer-events:none;z-index:3;position:absolute}.tap-hint .i{width:18px;height:18px}.tap-hint.hint-glow{opacity:1;color:var(--accent)}.tap-hint.hint-glow .i{animation:.65s ease-in-out 4 hint-pulse}@keyframes hint-pulse{0%,to{scale:1}50%{scale:1.5}}.tap-hint.up{top:4px;left:50%;transform:translate(-50%)}.tap-hint.up .i{transform:rotate(-90deg)}.tap-hint.down{bottom:4px;left:50%;transform:translate(-50%)}.tap-hint.down .i{transform:rotate(90deg)}.tap-hint.left{top:50%;left:5px;transform:translateY(-50%)}.tap-hint.left .i{transform:rotate(180deg)}.tap-hint.right{top:50%;right:5px;transform:translateY(-50%)}.gate{color:#fbbf24;transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y))) scale(.86);background:#fbbf241f;border:2px dashed #fbbf2480;border-radius:8px;justify-content:center;align-items:center;display:flex}.gate .i{width:55%;height:55%}.gate-up .i{transform:rotate(-90deg)}.gate-down .i{transform:rotate(90deg)}.gate-left .i{transform:rotate(180deg)}button{background:var(--panel);color:var(--text);border:1px solid var(--panel-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:15px;transition:background .12s,transform 60ms,border-color .12s;display:inline-flex}button:hover{background:var(--panel-2)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#07243a;border-color:var(--accent);font-weight:700}button.primary:hover{filter:brightness(1.07);background:var(--accent)}.controls{justify-content:center;display:flex}.hint{color:var(--muted);text-align:center;margin:0;font-size:12px}.next-daily{color:var(--muted);border:1px dashed var(--line);background:0 0;border-radius:999px;margin-top:-4px;padding:7px 14px;font-size:13px}.next-daily.hidden{display:none}.next-daily b{color:var(--text);font-variant-numeric:tabular-nums}.next-daily .i{color:var(--accent)}.win-next{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:2px 0 4px;font-size:13px;display:flex}.win-next b{color:var(--text);font-variant-numeric:tabular-nums}.win-next .i{width:15px;height:15px;color:var(--accent)}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.card{background:var(--panel);border:1px solid var(--panel-2);text-align:center;border-radius:18px;width:min(380px,92vw);max-height:86vh;padding:24px 28px;overflow-y:auto;box-shadow:0 24px 64px #00000080}.card .big{justify-content:center;align-items:center;gap:9px;margin-bottom:8px;font-size:24px;font-weight:800;display:flex}.card .big .i{width:26px;height:26px}.card .result{color:var(--muted);margin-bottom:18px}.card button{width:100%;margin-top:8px}.card button.ghost{color:var(--muted);background:0 0;border-color:#0000}.win-stars{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.win-stars .i{width:30px;height:30px}.win-stars .earned{color:#fbbf24}.win-stars .empty{color:var(--panel-2)}#vote{margin-bottom:14px}.vote-heading{color:var(--muted);margin-bottom:12px;font-size:13px}.vote-cats{flex-direction:column;gap:10px;display:flex}.vote-cat{background:color-mix(in srgb, var(--panel-2) 34%, transparent);border:1px solid var(--line);text-align:left;border-radius:12px;padding:10px 12px}.vote-cat-head{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:700}.vote-cat-opts{flex-wrap:wrap;gap:6px;display:flex}.vote-cat-opts button{border-radius:999px;padding:6px 11px;font-size:13px}.vote-cat-opts button.chosen{background:var(--accent);color:#07243a;border-color:var(--accent);font-weight:700}.vote-leader{color:var(--accent);text-align:center;min-height:18px;margin-top:14px;font-size:13px;font-weight:600}.lb-name{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.lb-name input{background:var(--panel-2);border:1px solid var(--panel-2);color:var(--text);border-radius:8px;width:120px;padding:5px 9px;font-size:13px}.lb-name button{width:auto;margin:0;padding:6px 10px;font-size:12px}.lb-title{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);text-align:left;margin:14px 0 6px;font-size:12px;font-weight:700}.lb-row{border-radius:8px;justify-content:space-between;padding:5px 8px;font-size:14px;display:flex}.lb-row.mine{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);font-weight:600}.shop-plus{margin-bottom:14px}.shop-plus.active{color:#22c55e;justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}.shop-plus-title{justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.shop-plus-title .i{color:#fbbf24}.shop-plus-sub{color:var(--muted);margin:6px 0 12px;font-size:13px}.shop-grid{flex-direction:column;gap:7px;margin-bottom:8px;display:flex}.shop-item{text-align:left;align-items:center;gap:11px;width:100%;margin:0;padding:9px 12px;display:flex}.shop-item.locked{opacity:.55;cursor:not-allowed}.shop-item.mine{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.shop-item-label{flex:1;font-weight:600}.shop-item-state{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.shop-item-state .i{width:14px;height:14px}.shop-item.mine .shop-item-state.on{color:var(--accent);font-weight:700}.shop-item-state.lock{color:#fbbf24}.theme-prev{border:1px solid var(--line);border-radius:7px;flex:none;justify-content:center;align-items:center;gap:4px;width:40px;height:26px;display:inline-flex}.theme-prev .dot{border-radius:50%;width:10px;height:10px}.bsample{background-color:var(--c);flex:none;width:26px;height:26px;box-shadow:inset 0 -3px #00000038}.archive-card{width:min(380px,92vw)}.archive-list{flex-direction:column;gap:6px;max-height:52vh;margin:14px 0;display:flex;overflow-y:auto}.archive-row{text-align:left;justify-content:space-between;align-items:center;width:100%;margin:0;display:flex}.archive-date{font-variant-numeric:tabular-nums}.archive-list .lb-title{margin:10px 2px 2px}.arch-tabs{gap:6px;margin:2px 0 8px;display:flex}.arch-tabs button{border-radius:999px;flex:1;margin:0;padding:7px 10px;font-size:13px;font-weight:600}.arch-tabs button.active{background:var(--accent);border-color:var(--accent);color:#07243a}.arch-main{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.arch-title{align-items:center;gap:8px;font-weight:600;display:inline-flex}.arch-sub{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.og-num{background:var(--panel-2);min-width:20px;height:20px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.archive-right{align-items:center;gap:8px;display:flex}.archive-row .badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:2px 9px;font-size:12px}.archive-row .solved{color:#22c55e;font-size:12px;font-weight:600}.archive-row .unsolved{color:var(--muted);font-size:12px}button.exhausted{opacity:.55}.hinted-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.hinted-note .i{color:#fbbf24;width:14px;height:14px}.lb-note{color:var(--muted);text-align:center;margin-top:12px;font-size:11.5px}.toast{background:var(--panel);border:1px solid var(--panel-2);color:var(--text);z-index:200;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.toast.hidden{display:none}