:root{--bg:#f5f4f0;--bg-soft:#fff;--fg:#23252e;--fg-muted:#6b6e7c;--line:#1e202c1a;--shadow:0 10px 30px #191c2824;--shadow-soft:0 3px 12px #191c2817;--accent:#5865f2;--danger:#d64545;--radius:18px;--gold:#f0b429;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14151c;--bg-soft:#1e2029;--fg:#eceef4;--fg-muted:#9a9eae;--line:#ebeefa1a;--shadow:0 12px 34px #00000073;--shadow-soft:0 3px 14px #00000059;--accent:#7c88ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}#app{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{display:block}:root[data-test] *,:root[data-test] :before,:root[data-test] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.screen{width:100%;max-width:640px;padding:max(14px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}.icon-btn{width:44px;height:44px;color:var(--fg-muted);border-radius:14px;place-items:center;font-size:22px;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--line);color:var(--fg)}.btn{background:var(--bg-soft);box-shadow:var(--shadow-soft);border-radius:999px;padding:11px 18px;font-weight:600;transition:transform .12s,box-shadow .12s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.bar{align-items:center;gap:10px;min-height:52px;display:flex}.bar-title{flex-direction:column;line-height:1.25;display:flex}.bar-title small{color:var(--fg-muted)}.bar-spacer{width:44px;margin-left:auto}.badge{background:var(--line);border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-size:13px;font-weight:700;display:inline-flex}.hero{justify-content:space-between;align-items:flex-start;padding-top:8px;display:flex}.hero h1{letter-spacing:-.5px;background:linear-gradient(100deg,#e96a8d,#ee9a4d,#58b368,#4a90d9,#9d6ae9);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:max(30px,min(7vw,40px))}.hero p{color:var(--fg-muted);margin-top:4px}.cards{flex-direction:column;gap:10px;display:flex}.card{text-align:left;border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-soft);align-items:center;gap:14px;padding:14px 16px;transition:transform .12s;display:flex}.card:active{transform:scale(.985)}.card-icon{background:var(--line);width:42px;height:42px;color:var(--fg);border-radius:13px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.card-body small{color:var(--fg-muted)}.badge.flame{color:#e8590c;margin-left:auto;font-size:15px}.home h2{margin-top:6px;font-size:17px}.packs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pack-card{border-radius:var(--radius);background:var(--pack-grad);color:#fff;text-align:left;text-shadow:0 1px 4px #00000059;min-height:96px;box-shadow:var(--shadow-soft);flex-direction:column;justify-content:flex-end;gap:5px;padding:12px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.pack-card:active{transform:scale(.97)}.pack-card:before{content:"";pointer-events:none;background:linear-gradient(#0a0a1400 45%,#0a0a146b);position:absolute;top:0;bottom:0;left:0;right:0}.pack-card>*{position:relative}.pack-name{font-size:16px;font-weight:700}.pack-progress{opacity:.95;font-size:13px}.pack-progress.small{font-size:11.5px;line-height:1.3}.pack-bar{background:#ffffff4d;border-radius:2px;height:4px;display:block;overflow:hidden}.pack-bar span{background:#fff;border-radius:2px;height:100%;display:block}.pack-card.locked{filter:saturate(.35)brightness(.82)}.pack-lock{font-size:18px;position:absolute;top:10px;right:12px}.home-stats{text-align:center;color:var(--fg-muted);margin-top:auto;padding:10px 0 4px;font-size:14px}.levels{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (min-width:480px){.levels{grid-template-columns:repeat(6,1fr)}}.level-btn{aspect-ratio:1;background:var(--lvl-bg);color:#fff;text-shadow:0 1px 3px #00000059;box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .12s;display:flex}.level-btn:active{transform:scale(.94)}.level-btn:not(.done){filter:saturate(.55)}.level-btn.progress{outline:3px solid var(--accent);outline-offset:2px}.lvl-num{font-size:18px;font-weight:700}.stars{gap:1px;font-size:11px;display:inline-flex}.star{color:#fff6}.star.on{color:var(--gold)}.game{gap:8px;max-width:720px;height:100dvh;overflow:hidden}.moves-box{text-align:right;margin-left:auto;line-height:1.2}.moves-box strong{font-size:20px}.moves-box small{color:var(--fg-muted);font-size:12px;display:block}.board-area{flex:1;place-items:center;min-height:0;padding:4px;display:grid}.board{box-shadow:var(--shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border-radius:14px;position:relative;overflow:hidden}.board:not([data-shape=square]){box-shadow:none;filter:drop-shadow(0 10px 20px #191c2838);border-radius:0;overflow:visible}.tile{will-change:transform;border-radius:0;transition:transform .28s cubic-bezier(.25,1,.4,1);position:absolute;top:0;left:0}.board.no-anim .tile{transition:none!important}.board.shuffling .tile{transition-duration:.65s}.board[data-state=intro] .tile{pointer-events:none}.tile.anchor{cursor:default}.tile.anchor:after{content:"";top:var(--dot-y,50%);left:var(--dot-x,50%);border-radius:50%;width:17%;max-width:9px;height:17%;max-height:9px;position:absolute;transform:translate(-50%,-50%)}.tile.dot-dark:after{background:#14161e8c}.tile.dot-light:after{background:#ffffffbf}.tile.selected{z-index:5;filter:drop-shadow(0 6px 12px #0006);border-radius:6px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{scale:1.05}50%{scale:.98}}.tile.dragging{z-index:10;filter:drop-shadow(0 10px 16px #00000073);border-radius:8px;transition:none}.tile.wiggle{animation:.3s ease-in-out wiggle}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:2.5deg}75%{rotate:-2.5deg}}.tile.correct:before{content:"";top:calc(var(--dot-y,50%) - 18%);left:var(--dot-x,50%);background:#ffffffd9;border-radius:50%;width:12%;max-width:7px;height:12%;max-height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #14161e59}.tile.hint-from{z-index:6;border-radius:6px;animation:.9s ease-in-out infinite hintPulse}.tile.hint-to{z-index:6}.tile.hint-to:after{content:"";top:var(--dot-y,50%);left:var(--dot-x,50%);border:3px solid #fffffff2;border-radius:50%;width:32%;max-width:22px;height:32%;max-height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #14161e80,inset 0 0 0 2px #14161e80}@keyframes hintPulse{0%,to{filter:drop-shadow(0 6px 12px #0006);scale:1.08}50%{filter:drop-shadow(0 2px 5px #0000004d);scale:.96}}.tile.pop{animation:.55s cubic-bezier(.3,1.6,.5,1) both pop}@keyframes pop{0%{scale:1}45%{scale:.82}to{scale:1}}.peek{z-index:20;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0;right:0}.peek div{position:absolute;top:0;left:0}.peek[data-peek="1"]{opacity:1}.controls{justify-content:center;gap:26px;padding:6px 0 4px;display:flex}.ctl-btn{background:var(--bg-soft);width:54px;height:54px;box-shadow:var(--shadow-soft);color:var(--fg);border-radius:18px;place-items:center;font-size:24px;transition:transform .12s,background .15s;display:grid;position:relative}.ctl-btn:active{transform:scale(.93)}.ctl-btn .badge{background:var(--accent);color:#fff;position:absolute;top:-6px;right:-8px}.ctl-btn.armed{background:var(--danger);color:#fff}.win-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);place-items:center;padding:20px;animation:.3s ease-out both fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.win-card{background:var(--bg-soft);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;flex-direction:column;gap:10px;padding:26px 22px;animation:.4s cubic-bezier(.2,1.2,.4,1) both rise;display:flex}@keyframes rise{0%{opacity:0;translate:0 24px}}.win-stars{justify-content:center;gap:8px;font-size:34px;display:flex}.star.big{color:var(--line)}.star.big.on{color:var(--gold);animation:.5s cubic-bezier(.3,1.6,.5,1) both starIn}@keyframes starIn{0%{rotate:-30deg;scale:0}}.win-line{font-size:20px;font-weight:700}.win-moves,.win-best{color:var(--fg-muted)}.flame-line{color:#e8590c;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.win-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0c0d1473;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg-soft);width:min(440px,100%);max-height:86dvh;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:20px;animation:.3s cubic-bezier(.2,1.2,.4,1) both rise;display:flex;overflow-y:auto}.modal h3{font-size:19px}.modal-sub{color:var(--fg-muted);margin-top:-8px}.modal-head{justify-content:space-between;align-items:center;display:flex}.zen-options{gap:10px;display:grid}.zen-option{border-left:14px solid var(--lvl-bg);text-align:left}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.setting-row.col{flex-direction:column;align-items:stretch;gap:4px}.setting-row.inner{min-height:34px}.setting-row small{color:var(--fg-muted)}.about{color:var(--fg-muted);text-align:center;margin-top:4px;font-size:13px}.switch{background:var(--line);border-radius:999px;flex-shrink:0;width:52px;height:30px;transition:background .18s;position:relative}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:translate .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.switch.on{background:var(--accent)}.switch.on span{translate:22px}.segment{background:var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--fg-muted);border-radius:9px;padding:6px 12px;font-size:14px;font-weight:600}.seg-btn.on{background:var(--bg-soft);color:var(--fg);box-shadow:var(--shadow-soft)}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:200;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);opacity:0;text-align:center;border-radius:999px;max-width:min(92vw,480px);padding:11px 18px;font-size:14px;font-weight:600;transition:opacity .3s,translate .3s;position:fixed;translate:-50% 20px}.toast.show{opacity:1;translate:-50%}