:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#30200e;--muted:#7a664d;--line:#6b421229;--accent:#ff6a25;--hot:#ff4f7b;--panel:#ffffffd6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,.app{width:100%;height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 22% 12%,#ffe37d 0 11%,#0000 28%),radial-gradient(circle at 84% 18%,#b9f8a4 0 12%,#0000 30%),linear-gradient(145deg,#fff8e9 0%,#ffe0b8 55%,#fff1d5 100%);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.screen{display:none}.screen.is-active{display:flex}.start-screen,.level-screen{flex-direction:column;justify-content:center;min-height:100%;padding:28px}.start-screen{align-items:flex-start}.start-content{width:min(720px,100%)}.level-screen{gap:18px}.eyebrow,.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:900}h1,h2{overflow-wrap:anywhere;width:min(620px,100vw - 56px);margin:0;font-size:clamp(2.05rem,9.4vw,5.2rem);line-height:.92}h2{font-size:clamp(2rem,8vw,4.2rem)}.lead{width:min(460px,100vw - 56px);color:var(--muted);margin:18px 0 28px;font-size:1.08rem;line-height:1.45}.primary,.secondary,.back-button,.level-card,.menu-panel button,.modal button{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px #76460e24;border-radius:8px;transition:transform .15s,filter .15s}.primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--hot));padding:15px 28px;font-weight:900}.secondary,.back-button{color:#3a2410;background:#ffffffb8;padding:13px 18px;font-weight:900}.back-button{width:fit-content}.start-actions{flex-wrap:wrap;gap:10px;display:flex}.share-feedback{min-height:1.25em;color:var(--muted);margin:12px 0 0;font-size:.9rem;font-weight:800}.level-list{gap:12px;width:min(560px,100%);display:grid}.level-card{text-align:left;padding:18px}.level-card strong,.level-card span{display:block}.level-card strong{font-size:1.35rem}.level-card span{color:var(--muted);margin-top:4px}.primary:active,.secondary:active,.back-button:active,.level-card:active,.menu-panel button:active,.modal button:active{transform:scale(.97)}.game-screen{flex-direction:column;gap:8px;height:100%;padding:8px}.topbar{z-index:5;background:var(--panel);min-height:54px;box-shadow:inset 0 0 0 1px var(--line), 0 12px 28px #76460e1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid;position:relative}.score-pill span,.score-pill strong{display:block}.score-pill span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:900}.score-pill strong{font-size:1.45rem;line-height:1}#status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;overflow:hidden}.menu-button{background:#312113;border-radius:8px;place-content:center;gap:5px;width:42px;height:42px;display:grid}.menu-button span{background:#fff;border-radius:999px;width:20px;height:2px;display:block}.board{--size:8;background:linear-gradient(135deg, #ffffff80, #ffffff2e), repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--size) - 1px), #5f3c121a calc(100% / var(--size) - 1px) calc(100% / var(--size))), repeating-linear-gradient(0deg, transparent 0 calc(100% / var(--size) - 1px), #5f3c121a calc(100% / var(--size) - 1px) calc(100% / var(--size)));touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:min(100vh - 78px,100vw - 16px);height:min(100vh - 78px,100vw - 16px);margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 48px #6f421233,inset 0 0 0 1px #ffffffc7}.path-link{z-index:4;pointer-events:none;opacity:.9;background:linear-gradient(135deg,#ff6a25f2,#ff4f7be6);border-radius:999px;animation:.7s ease-in-out infinite pathGlow;position:absolute;box-shadow:0 0 0 3px #ffffffbd,0 0 22px #ff523cb8}.path-link.is-horizontal{left:calc((var(--x) + .5) * 100% / var(--size));top:calc((var(--y) + .5) * 100% / var(--size));width:calc(100% / var(--size));height:calc(42% / var(--size));transform:translateY(-50%)}.path-link.is-vertical{left:calc((var(--x) + .5) * 100% / var(--size));top:calc((var(--y) + .5) * 100% / var(--size));width:calc(42% / var(--size));height:calc(100% / var(--size));transform:translate(-50%)}.tile{left:calc(var(--x) * 100% / var(--size));top:calc(var(--y) * 100% / var(--size));width:calc(100% / var(--size));height:calc(100% / var(--size));background:0 0;border-radius:8px;transition:left .23s cubic-bezier(.2,.9,.2,1),top .23s cubic-bezier(.2,.9,.2,1),transform .15s,filter .15s;position:absolute;transform:scale(.98)}.tile:before{content:"";background:#ffffff7a;border-radius:18px;position:absolute;inset:3%;box-shadow:inset 0 -8px 18px #663c0a14}.tile img{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 7px #57310b3d);width:112%;height:112%;margin:-6%;position:relative}.tile[data-level="4"] img,.tile[data-level="5"] img,.tile[data-level="6"] img,.tile[data-level="7"] img{filter:drop-shadow(0 0 8px #ffd040b8)drop-shadow(0 8px 7px #57310b3d)saturate(1.2)}.tile[data-level="5"]:before,.tile[data-level="6"]:before,.tile[data-level="7"]:before{background:radial-gradient(circle,#fff18ab8,#fff3 62%)}.tile[data-level="7"]{animation:1.2s ease-in-out infinite legendary}.tile[data-level]:after{content:"x" attr(data-power);z-index:2;color:#fff;opacity:0;background:#2d2112;border-radius:999px;padding:2px 5px;font-size:clamp(.55rem,1.9vw,.82rem);font-weight:900;position:absolute;bottom:2%;right:2%}.tile[data-level="1"]:after,.tile[data-level="2"]:after,.tile[data-level="3"]:after,.tile[data-level="4"]:after,.tile[data-level="5"]:after,.tile[data-level="6"]:after,.tile[data-level="7"]:after{opacity:1}.tile.is-selected{z-index:4;filter:brightness(1.08);transform:scale(1.06)}.tile.is-origin{z-index:12;transform:scale(1.1)}.tile.is-origin:before{background:linear-gradient(135deg,#19c57deb,#25a0ffdb);box-shadow:0 0 0 3px #fff,0 0 0 8px #19c57dc7,0 0 30px #19c57dcc}.tile.is-path{z-index:10;animation:.62s ease-in-out infinite chainPulse}.tile.is-path:before{background:linear-gradient(135deg,#ffb700f0,#ff6a25e0);box-shadow:inset 0 -10px 18px #78330029,0 0 0 3px #ffffffc7,0 0 22px #ff8925c7}.tile.is-destination{z-index:13;transform:scale(1.14)}.tile.is-destination:before{background:linear-gradient(135deg,#ff3c74f2,#9748ffe6);box-shadow:0 0 0 3px #fff,0 0 0 9px #ff3c74b8,0 0 36px #9748ffd1}.tile.is-touching{pointer-events:none}.tile.is-collecting{z-index:18;pointer-events:none;animation:.27s cubic-bezier(.2,.9,.18,1) forwards collectToOrigin}.tile.is-exploding{z-index:19;pointer-events:none;animation:.52s ease-out forwards explodeTile}.tile.is-mergeable{animation:1s ease-in-out infinite breathe}.tile.is-new{animation:.34s cubic-bezier(.18,1.35,.28,1) dropIn}.tile.is-pop{animation:.28s both pop}.fx{left:calc((var(--x) + .5) * 100% / var(--size));top:calc((var(--y) + .5) * 100% / var(--size));width:calc(100% / var(--size));height:calc(100% / var(--size));pointer-events:none;border:3px solid #ffffffe0;border-radius:50%;animation:.42s ease-out both burst;position:absolute;transform:translate(-50%,-50%)scale(.2)}.fx-shock{width:calc(300% / var(--size));height:calc(300% / var(--size));border-width:4px;border-color:#ff5a1ee6;animation:.56s ease-out both shock;box-shadow:0 0 28px #ffd140e6}.menu-panel{z-index:10;background:var(--panel);width:min(260px,100vw - 16px);box-shadow:inset 0 0 0 1px var(--line), 0 22px 60px #4628083d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;border-radius:8px;gap:12px;padding:14px;transition:opacity .14s,transform .14s;display:grid;position:fixed;top:72px;right:8px;transform:translateY(-8px)scale(.98)}.menu-panel.is-open{opacity:1;pointer-events:auto;transform:none}.menu-panel strong{font-size:1.5rem;display:block}.menu-panel button{color:#fff;background:#312113;width:100%;padding:12px;font-weight:800}.modal{text-align:left;width:min(480px,100% - 32px);color:var(--ink);background:#fff9ef;border:0;border-radius:8px;padding:22px;box-shadow:0 30px 90px #2c180552}.modal h2{width:100%;font-size:clamp(1.9rem,8vw,3.1rem)}.modal p{color:var(--muted);margin:12px 0 0;line-height:1.38}.modal p strong{color:var(--ink)}.modal-kicker{color:#a34f15;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:950}.modal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0;display:grid}.modal-stats div{min-width:0;box-shadow:inset 0 0 0 1px var(--line);background:#ffffffad;border-radius:8px;padding:11px 12px}.modal-stats span,.modal-stats strong{display:block}.modal-stats span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:950}.modal-stats strong{overflow-wrap:anywhere;margin-top:3px;font-size:clamp(1rem,4.3vw,1.32rem);line-height:1.06}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3821096b}.modal button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--hot));width:100%;padding:12px 18px;font-weight:900}.modal .modal-secondary{color:#3a2410;background:#ffffffb8;margin-top:9px}.about-modal .about-points{gap:8px;margin:18px 0;display:grid}.about-modal .about-points span{color:#3a2410;box-shadow:inset 0 0 0 1px var(--line);background:#ffffffad;border-radius:8px;padding:10px 12px;font-weight:850;display:block}@keyframes dropIn{0%{opacity:0;transform:translateY(-42%)scale(.66)rotate(-8deg)}to{opacity:1;transform:scale(.98)}}@keyframes pop{0%{transform:scale(.98)}55%{transform:scale(1.2)}to{transform:scale(.98)}}@keyframes breathe{0%,to{filter:brightness()}50%{filter:brightness(1.16)saturate(1.18)}}@keyframes chainPulse{0%,to{filter:brightness(1.08)saturate(1.08)}50%{filter:brightness(1.28)saturate(1.22)}}@keyframes pathGlow{0%,to{opacity:.82;filter:brightness()}50%{opacity:1;filter:brightness(1.22)}}@keyframes collectToOrigin{0%{opacity:1;transform:scale(1.02)}70%{opacity:1;transform:translate(calc(var(--to-x) * 100%), calc(var(--to-y) * 100%)) scale(.56) rotate(18deg)}to{opacity:0;transform:translate(calc(var(--to-x) * 100%), calc(var(--to-y) * 100%)) scale(.18) rotate(28deg)}}@keyframes explodeTile{0%{opacity:1;filter:brightness();transform:scale(.98)}35%{opacity:1;filter:brightness(1.6)saturate(1.5);transform:scale(1.22)rotate(-8deg)}to{opacity:0;filter:brightness(2);transform:scale(.2)rotate(18deg)}}@keyframes legendary{0%,to{filter:brightness()saturate(1.15)}50%{filter:brightness(1.2)saturate(1.35)}}@keyframes burst{to{opacity:0;transform:translate(-50%,-50%)scale(1.85)}}@keyframes shock{0%{opacity:.95;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@media (width>=760px){.start-screen,.level-screen{padding-left:8vw}}@media (width<=700px){.start-screen h1,.start-screen .lead{width:min(334px,100vw - 56px)}}.game-screen{gap:clamp(3px,1.2vw,8px);padding:clamp(2px,1.4vw,8px)}.path-link.is-diagonal{left:calc((var(--x) + 1) * 100% / var(--size));top:calc((var(--y) + 1) * 100% / var(--size));width:calc(142% / var(--size));height:calc(42% / var(--size));transform-origin:50%}.path-link.is-diagonal-down{transform:translate(-50%,-50%)rotate(45deg)}.path-link.is-diagonal-up{transform:translate(-50%,-50%)rotate(-45deg)}.board{border-radius:10px;width:min(100dvh - 64px,100vw - 4px);height:min(100dvh - 64px,100vw - 4px)}.tile{transform:scale(1)}.tile:before{border-radius:12px;inset:1%}.tile img{filter:drop-shadow(0 7px 5px #57310b47);width:134%;max-width:none;height:134%;max-height:none;margin:-17%}.tile[data-level]:after{letter-spacing:-.02em;text-align:center;min-width:1.9em;padding:2px 5px;font-size:clamp(.62rem,2.6vw,.82rem);font-weight:900;line-height:1;bottom:-1px;right:-1px;box-shadow:0 2px 7px #00000052,inset 0 0 0 1px #ffffffb8}.tile.is-selected{transform:scale(1.1)}.tile.is-origin{transform:scale(1.14)}.tile.is-destination{transform:scale(1.18)}.tile[data-level="6"] img,.tile[data-level="7"] img{transform:rotate(-5deg)scale(1.12)}@media (width<=700px){.game-screen{gap:3px;min-height:100dvh;padding:2px}.topbar{border-radius:7px;gap:6px;min-height:44px;padding:4px 5px}.score-pill span{font-size:.56rem}.score-pill strong{font-size:1.18rem}#status{font-size:.72rem}.menu-button{gap:4px;width:36px;height:36px}.menu-button span{width:18px}.board{width:min(100dvh - 51px,100vw - 2px);height:min(100dvh - 51px,100vw - 2px);margin:auto;box-shadow:0 10px 24px #6f42122e,inset 0 0 0 1px #ffffffc7}.path-link.is-horizontal{height:calc(56% / var(--size))}.path-link.is-vertical{width:calc(56% / var(--size))}.path-link.is-diagonal{height:calc(56% / var(--size))}.tile img{width:150%;height:150%;margin:-25%}.tile:before{border-radius:10px;inset:0}.tile[data-level]:after{border-width:2px;padding:3px 6px;font-size:clamp(.76rem,3.6vw,1rem);bottom:-2px;right:-2px}}@media (width<=420px){.tile img{width:162%;height:162%;margin:-31%}.tile[data-level]:after{min-width:2.1em;padding:3px 6px;font-size:clamp(.82rem,4.2vw,1.08rem);bottom:-3px;right:-3px}}.mode-screen,.variant-screen{flex-direction:column;justify-content:center;gap:18px;min-height:100%;padding:28px}.start-screen h1{width:min(760px,100vw - 56px);font-size:clamp(4.1rem,16vw,8.6rem);line-height:.84}.start-screen .lead{width:min(560px,100vw - 56px);font-size:clamp(1.04rem,2.5vw,1.28rem)}.mode-list,.variant-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(660px,100%);display:grid}.mode-card,.variant-card{text-align:left;min-height:132px;box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px #76460e24;background:#ffffffdb;border-radius:10px;padding:18px;transition:transform .15s,filter .15s,box-shadow .15s}.mode-card:active,.variant-card:active{transform:scale(.97)}.mode-card:hover,.mode-card:focus-visible,.variant-card:hover,.variant-card:focus-visible{filter:saturate(1.12);outline:none;box-shadow:inset 0 0 0 2px #ff6a2570,0 18px 40px #76460e29}.mode-card strong,.mode-card span,.variant-card strong,.variant-card span{display:block}.mode-card strong,.variant-card strong{font-size:1.35rem}.mode-card span,.variant-card span{color:var(--muted);margin-top:7px;line-height:1.35}.variant-card[data-variant=match3]{background:radial-gradient(circle at 18% 18%,#ffffffeb,#0000 26%),linear-gradient(145deg,#fff5fcf5,#d3ecffeb 48%,#ffe2aae6)}.topbar{grid-template-columns:auto minmax(0,1fr) auto auto}.mode-pill{color:#fff;background:linear-gradient(135deg,#312113,#6d3b1d);border-radius:9px;place-items:center;gap:1px;min-width:92px;max-width:128px;padding:6px 8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 20px #4e280929}.mode-pill span{letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.64rem;font-weight:900;overflow:hidden}.mode-pill strong{font-size:1.12rem;line-height:1}.mode-pill strong:empty{display:none}#change-mode{color:#fff;background:linear-gradient(135deg, var(--accent), var(--hot))}@media (width<=700px){.mode-screen,.variant-screen{padding:18px}.mode-list,.variant-list{grid-template-columns:1fr;gap:10px}.mode-card,.variant-card{min-height:0;padding:14px 15px}.mode-card strong,.variant-card strong{font-size:1.18rem}.mode-card span,.variant-card span{margin-top:4px;font-size:.9rem}.start-screen h1{width:min(342px,100vw - 36px);font-size:clamp(3.25rem,18vw,5.4rem)}.start-actions{width:100%}.start-actions button{flex:130px}.mode-pill{border-radius:8px;min-width:68px;max-width:82px;padding:5px 6px}.mode-pill span{font-size:.52rem}.mode-pill strong{font-size:.94rem}}@media (width<=420px){.mode-screen h2,.variant-screen h2{font-size:clamp(1.75rem,12vw,3rem)}.mode-pill{min-width:58px;max-width:66px}.mode-pill span{font-size:.48rem}.mode-pill strong{font-size:.86rem}}.mode-screen,.variant-screen{-webkit-overflow-scrolling:touch;justify-content:flex-start;max-height:100%;overflow-y:auto}.mode-list{grid-template-columns:repeat(3,minmax(0,1fr));width:min(820px,100%)}.variant-list{width:min(720px,100%)}.mode-card[data-mode=limited]{background:linear-gradient(145deg,#ffffffe6,#ffebb5e0)}.mode-card[data-mode=obstacles]{background:linear-gradient(145deg,#ffffffe6,#e0e2e6e6)}.mode-card[data-mode=cleanup]{background:linear-gradient(145deg,#ffffffeb,#c6f8dfe6)}.tile.is-obstacle{z-index:3;cursor:not-allowed;pointer-events:none;transform:scale(.92)}.tile.is-obstacle:before{background:radial-gradient(circle at 32% 28%,#ffffff61,#0000 22%),radial-gradient(circle at 68% 72%,#2a282647,#0000 28%),linear-gradient(145deg,#9da3aa,#5f646c 58%,#3f434b);border-radius:28%;inset:8%;box-shadow:inset 0 8px 10px #ffffff38,inset 0 -12px 16px #1e1c1a47,0 7px 13px #48362447}.tile.is-obstacle:after{content:"";z-index:2;background:linear-gradient(135deg,#ffffff40,#0000 42%),linear-gradient(145deg,#7b8087,#42464d);border-radius:43% 57% 48% 52%;width:48%;height:42%;position:absolute;top:30%;left:26%;transform:rotate(-16deg);box-shadow:0 0 0 2px #3a36301f}.tile.is-obstacle img{display:none}.mode-pill{min-width:130px;max-width:176px}.mode-pill strong{white-space:nowrap}@media (width<=820px){.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.mode-screen,.variant-screen{padding-top:18px;padding-bottom:28px}.mode-list,.variant-list{grid-template-columns:1fr}.mode-pill{min-width:92px;max-width:118px}}@media (width<=420px){.mode-pill{min-width:82px;max-width:98px}.mode-pill span{font-size:.4rem}.mode-pill strong{font-size:.72rem}}.variant-card[data-variant=match3]{background:radial-gradient(circle at 18% 18%,#ffffffeb,#0000 26%),linear-gradient(145deg,#fff5fcf5,#d3ecffeb 48%,#ffe2aae6);border-color:#ee70a657}.variant-card[data-variant=match3] strong{color:#a61f66}.tile.is-swap-selected{z-index:18;transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap)))) scale(1.14)}.tile.is-swap-selected:before{background:radial-gradient(circle,#fffffff0,#ff55a080 54%,#ffb20f42);inset:-9%;box-shadow:0 0 0 3px #ffffffeb,0 0 28px #ff4896b3,0 12px 28px #7d338252}.tile.is-swap-selected img{filter:drop-shadow(0 9px 14px #7e265c57)}@media (width<=700px){.tile.is-swap-selected{transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap)))) scale(1.2)}}.tutorial-card{background:radial-gradient(circle at 15% 18%,#fffffff2,#0000 28%),linear-gradient(145deg,#fffbdafa,#ffd67aeb 45%,#ff7d45e6);position:relative;overflow:hidden}.tutorial-card:after{content:"GUIADO";color:#fff;letter-spacing:.08em;background:#662e00b8;border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:950;position:absolute;top:12px;right:12px}.tutorial-coach{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaebed;border-radius:8px;grid-template-columns:minmax(126px,.7fr) minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:10px;width:min(900px,100%);margin:0 auto;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #6b421229,0 12px 28px #6f421224}.tutorial-coach[hidden]{display:none}.tutorial-coach span,.tutorial-coach strong,.tutorial-coach p{display:block}.tutorial-coach span{color:#a34f15;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:950}.tutorial-coach strong{margin-top:2px;font-size:clamp(.98rem,2.4vw,1.28rem);line-height:1.06}.tutorial-coach p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.28}#tutorial-instruction{color:#3a2410;font-weight:850}.game-screen.has-tutorial .board{width:min(100dvh - 186px,100vw - 16px);height:min(100dvh - 186px,100vw - 16px)}.tile.is-tutorial-target{z-index:8;box-shadow:inset 0 0 0 3px #fffffff5,0 0 0 5px #ffb026c7,0 0 24px #ff88239e}.tile.is-tutorial-start{box-shadow:inset 0 0 0 3px #fffffff5,0 0 0 5px #1fc67fd1,0 0 24px #1aa66f9e}.tutorial-step{z-index:5;color:#fff;pointer-events:none;background:#2d2112;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;font-size:.78rem;font-weight:950;line-height:1;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 0 0 2px #fffffff2,0 5px 12px #44220047}.tile.is-tutorial-start .tutorial-step{background:#168752}.mode-pill strong{text-align:center}@media (width<=700px){.tutorial-coach{grid-template-columns:1fr;gap:5px;padding:9px 10px}.tutorial-coach strong{margin-top:1px}.tutorial-coach p{font-size:.82rem;line-height:1.22}.game-screen.has-tutorial .board{width:min(100dvh - 238px,100vw - 16px);height:min(100dvh - 238px,100vw - 16px)}.tutorial-card:after{font-size:.58rem;top:10px;right:10px}.tile.is-tutorial-target{box-shadow:inset 0 0 0 3px #ffffffeb,0 0 0 3px #ffae0080,0 14px 26px #a44b0052}.tutorial-step{width:19px;height:19px;font-size:.7rem}}@media (height<=680px){.tutorial-coach{grid-template-columns:minmax(120px,.7fr) minmax(0,1fr)}.tutorial-coach p{font-size:.8rem}#tutorial-body{display:none}}.timed-warning{z-index:80;pointer-events:none;opacity:0;color:#ffffff57;letter-spacing:-.08em;text-align:center;text-shadow:0 0 18px #ff3e2f61,0 0 42px #ff881f47,0 16px 54px #55120038;-webkit-user-select:none;user-select:none;will-change:opacity, transform;place-items:center;font-size:min(68vw,68vh);font-weight:1000;line-height:.78;transition:opacity 90ms,transform 90ms;display:grid;position:fixed;inset:0;transform:scale(.86)}.timed-warning.is-visible{opacity:.62;animation:.52s ease-in-out infinite alternate timed-warning-pulse;transform:scale(1)}@keyframes timed-warning-pulse{0%{filter:saturate()brightness();transform:scale(.98)rotate(-1deg)}to{filter:saturate(1.45)brightness(1.08);transform:scale(1.05)rotate(1deg)}}@media (width<=700px){.timed-warning{font-size:min(86vw,76vh)}}:root{--cream:#fff8df;--orange:#ff6a25;--pink:#ff3f78;--green:#22ad68;--purple:#7d4dff}[hidden]{display:none!important}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#fff2ce;min-height:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:radial-gradient(circle at 12% 12%,#ffef85eb,#0000 25%),radial-gradient(circle at 88% 15%,#a6f5a1d1,#0000 27%),radial-gradient(circle at 68% 92%,#ff97b761,#0000 28%),linear-gradient(145deg,#fff9e8,#ffd9a9 58%,#fff0d2);min-height:100dvh}body:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#6c390b3d 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button{touch-action:manipulation;min-height:44px}button:focus-visible{outline-offset:3px;outline:3px solid #2871ffcc}.screen{isolation:isolate;position:relative}.start-screen,.variant-screen,.mode-screen,.level-screen{min-height:100dvh;padding-top:max(28px, env(safe-area-inset-top));padding-right:max(28px, env(safe-area-inset-right));padding-bottom:max(28px, env(safe-area-inset-bottom));padding-left:max(28px, env(safe-area-inset-left))}.start-screen{overflow:hidden}.start-content{z-index:2;position:relative}.live-dot{background:#24b96f;border-radius:50%;width:9px;height:9px;margin-right:4px;animation:1.8s ease-in-out infinite liveDot;display:inline-block;box-shadow:0 0 0 5px #24b96f24}.start-screen h1{letter-spacing:-.075em;text-shadow:0 5px #fffc,0 16px 34px #7a3e0824}.start-screen h1 span{color:#0000;background:linear-gradient(135deg, var(--orange), var(--pink) 55%, var(--purple));-webkit-background-clip:text;background-clip:text}.hero-fruits{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-fruits:before{content:"";aspect-ratio:1;background:#ffffff75;border-radius:42% 58% 56% 44%;width:min(38vw,430px);position:absolute;top:10vh;right:3vw;transform:rotate(-8deg);box-shadow:0 30px 90px #76420e2e,inset 0 0 0 2px #ffffff8c}.hero-fruits img{filter:drop-shadow(0 24px 18px #522b0840);width:min(23vw,260px);animation:4.6s ease-in-out infinite fruitFloat;position:absolute}.hero-fruits img:first-child{top:18vh;right:20vw;transform:rotate(-12deg)}.hero-fruits img:nth-child(2){animation-delay:-1.5s;top:31vh;right:4vw}.hero-fruits img:nth-child(3){animation-delay:-3s;top:49vh;right:18vw}.primary,.secondary,.quick-play,.back-button,.level-card,.mode-card,.variant-card,.menu-panel,.modal,.modal-stats div{border-radius:18px}.start-actions{max-width:650px}.start-actions button{min-height:54px}.start-actions .primary,.quick-play{text-align:left;color:#fff;background:linear-gradient(135deg, var(--orange), var(--pink));min-width:188px;padding:13px 22px;font-weight:900;display:grid;box-shadow:0 15px 32px #e541484d,inset 0 1px #ffffff61}.quick-play{background:linear-gradient(135deg,#382414,#744522);box-shadow:0 15px 32px #4e28093d,inset 0 1px #ffffff2e}.start-actions button span,.start-actions button small{display:block}.start-actions button small{opacity:.8;margin-top:2px;font-size:.7rem;font-weight:750}.secondary,.back-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #5b340e1f,0 10px 24px #5b340e1a}.install-button:before{content:"↗ "}.variant-screen h2,.mode-screen h2,.level-screen h2{letter-spacing:-.055em}.variant-card,.mode-card,.level-card{border:1px solid #ffffffb3;padding-left:70px;position:relative;overflow:hidden;box-shadow:0 13px 30px #6a3d0e1c,inset 0 1px #ffffffbf}.variant-card:before,.mode-card:before,.level-card:before{background:#ffffffb8;border-radius:13px;place-items:center;width:40px;height:40px;font-size:1.35rem;display:grid;position:absolute;top:16px;left:16px;box-shadow:inset 0 0 0 1px #5c310a14,0 7px 16px #5c310a1a}.variant-card[data-variant=merge]:before{content:"∞";color:var(--orange);font-weight:1000}.variant-card[data-variant=match3]:before{content:"↔";color:var(--pink);font-weight:1000}.mode-card[data-mode=normal]:before{content:"●";color:var(--green)}.mode-card[data-mode=timed]:before{content:"⏱"}.mode-card[data-mode=explosive]:before{content:"✦";color:var(--orange)}.mode-card[data-mode=simple]:before{content:"○";color:#3397ff}.mode-card[data-mode=limited]:before{content:"#";color:#d68600;font-weight:1000}.mode-card[data-mode=obstacles]:before{content:"◆";color:#737b85}.mode-card[data-mode=cleanup]:before{content:"✓";color:var(--green);font-weight:1000}.mode-card[data-mode=objective]:before{content:"◎";color:var(--purple);font-weight:1000}.level-card:before{content:attr(data-size);color:var(--orange);font-size:1rem;font-weight:1000}.level-card[data-difficulty=tutorial]:before{content:"?"}.mode-card[data-mode=objective]{background:linear-gradient(145deg,#fffffff0,#e5d9ffeb)}.game-screen{height:100dvh;padding-top:max(5px, env(safe-area-inset-top));padding-right:max(5px, env(safe-area-inset-right));padding-bottom:max(5px, env(safe-area-inset-bottom));padding-left:max(5px, env(safe-area-inset-left))}.topbar{border-radius:16px;box-shadow:inset 0 0 0 1px #ffffffad,0 12px 30px #59320c21}.score-pill.is-bumping strong{animation:.42s cubic-bezier(.16,1.35,.42,1) scoreBump}.menu-button,.mode-pill{border-radius:13px}.board{background:linear-gradient(135deg, #ffffffa6, #fff9e233), repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--size) - 1px), #5f3c1214 calc(100% / var(--size) - 1px) calc(100% / var(--size))), repeating-linear-gradient(0deg, transparent 0 calc(100% / var(--size) - 1px), #5f3c1214 calc(100% / var(--size) - 1px) calc(100% / var(--size)));border-radius:22px;box-shadow:0 22px 52px #6f421238,inset 0 0 0 2px #ffffffc7}.game-progress{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:14px;width:min(700px,100%);margin:0 auto;padding:8px 12px 9px;box-shadow:inset 0 0 0 1px #6038101f}.game-progress[hidden]{display:none}.game-progress>div{justify-content:space-between;gap:12px;font-size:.72rem;font-weight:900;display:flex}.game-progress>div span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.progress-track{background:#5b320e1f;border-radius:999px;height:7px;margin-top:6px;display:block;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--pink), var(--orange));width:0;height:100%;transition:width .38s cubic-bezier(.2,.8,.2,1);display:block}.game-screen.has-progress .board{width:min(100dvh - 122px,100vw - 10px);height:min(100dvh - 122px,100vw - 10px)}.modal[open]{animation:.26s cubic-bezier(.18,1.15,.3,1) modalIn}.install-steps{gap:9px;margin:18px 0;display:grid}.install-steps span{box-shadow:inset 0 0 0 1px var(--line);background:#ffffffc2;border-radius:13px;align-items:center;gap:10px;padding:10px 12px;font-weight:760;display:flex}.install-steps strong{color:#fff;background:linear-gradient(135deg, var(--orange), var(--pink));border-radius:50%;flex:0 0 28px;place-items:center;height:28px;display:grid}@keyframes fruitFloat{0%,to{translate:0;rotate:-2deg}50%{translate:0 -16px;rotate:3deg}}@keyframes liveDot{50%{box-shadow:0 0 0 9px #24b96f00}}@keyframes scoreBump{45%{color:var(--orange);transform:scale(1.28)rotate(-3deg)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.94)}}@media (width<=760px){.start-screen,.variant-screen,.mode-screen,.level-screen{padding-top:max(18px, env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(22px, env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left))}.start-screen{justify-content:flex-end}.hero-fruits:before{width:min(82vw,420px);top:2vh;right:-12vw}.hero-fruits img{opacity:.94;width:min(42vw,210px)}.hero-fruits img:first-child{top:7vh;right:48vw}.hero-fruits img:nth-child(2){top:10vh;right:5vw}.hero-fruits img:nth-child(3){top:23vh;right:26vw}.start-content{padding-top:min(43vh,360px)}.start-screen .lead{margin:13px 0 18px;line-height:1.34}.start-actions{gap:8px}.start-actions .primary,.quick-play{flex:100%;min-width:0}.start-actions .secondary{min-height:44px;padding:10px 12px}.variant-card,.mode-card,.level-card{padding-left:62px}.variant-card:before,.mode-card:before,.level-card:before{width:38px;height:38px;top:50%;left:13px;transform:translateY(-50%)}.topbar{border-radius:12px}.board{border-radius:14px}.game-progress{border-radius:10px;padding:6px 9px 7px}.game-screen.has-progress .board{width:min(calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw - 4px));height:min(calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw - 4px))}}@media (height<=700px) and (width<=760px){.hero-fruits{opacity:.7}.start-content{padding-top:30vh}.start-screen .lead{margin-bottom:12px;font-size:.92rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}