.board-game{position:relative;max-width:560px;margin-inline:auto;text-align:left}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px}.hud small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hud-score strong,.hud-moves strong{display:block;font:700 32px var(--display);line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}.hud-moves{text-align:right}.hud-moves strong,.hud-score strong.is-bumped{animation:count-bump .24s ease-out}.hud-score strong.is-bumped{transform-origin:left center}.hud-moves.is-low strong{color:var(--coral-deep);animation:low-moves .9s ease-in-out infinite}.hud-stars{display:grid;justify-items:center;gap:3px;min-width:132px;color:var(--edge-strong)}.hud-stars>div{display:flex;gap:1px}.hud-stars .earned{color:var(--sun);filter:drop-shadow(0 2px 0 var(--sun-deep));animation:star-earned .52s var(--bounce)}.hud-star-track{width:100%;height:8px;overflow:hidden;border-radius:6px;background:var(--line)}.hud-star-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--sun));transition:width .4s ease-out}.meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.meter{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center;transition:--fill .36s .3s ease-out}.meter-ring{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--meter) var(--fill),var(--line) 0);box-shadow:0 3px 0 var(--edge)}.meter-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.meter-ring img{position:relative;width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.meter-pct{font:700 12px var(--display);color:var(--muted);font-variant-numeric:tabular-nums;animation:count-bump .26s .3s ease-out}.meter.is-close .meter-pct,.meter.is-ready .meter-pct{color:var(--meter)}.meter.is-close .meter-ring,.meter.is-ready .meter-ring{box-shadow:0 3px 0 var(--edge),0 0 14px var(--meter-glow);animation:meter-ready .7s ease-in-out infinite alternate}.meter.is-evolving .meter-ring{animation:meter-burst .7s var(--bounce)}.meter.is-evolving .meter-pct{color:var(--meter)}.orbs{position:absolute;inset:0;z-index:20;pointer-events:none}.orbs i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,var(--orb) 60%);box-shadow:0 0 10px var(--orb),0 0 20px var(--orb);animation:orb-fly .56s cubic-bezier(.55,0,.8,.35) both}.board-shell{--gap: 5px;position:relative;padding:9px;isolation:isolate;border-radius:24px;background:radial-gradient(ellipse at 50% 0%,#5a4579,transparent 65%),linear-gradient(140deg,#382a55,#211d39 70%,#3f2e58);box-shadow:0 6px #a28ab4,0 12px 30px #49355b2a,inset 0 1px #f3dfff80,inset 0 0 0 3px #77608b55;transition:box-shadow .25s}.board-shell.is-hot{box-shadow:0 6px #a28ab4,0 0 30px #bf8bea99,inset 0 0 0 2px #d4afff88}.board-shell{--amp: 1}.board-shell.shake-0{animation:board-shake calc(.26s + .16s * var(--amp)) ease-out}.board-shell.shake-1{animation:board-shake-again calc(.26s + .16s * var(--amp)) ease-out}.board-viewport{position:relative;padding:4px;overflow:hidden;border-radius:16px;background:#18142980;box-shadow:inset 0 2px 6px #09071b88,0 1px #ac89c244}.board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap)}.cell{--tile-top: #f1efd8;--tile-bottom: #dad3ba;--tile-edge: #c3b792;--tile-glow: #fff4bc;position:relative;display:block;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:10px;background:#120e2577;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cell:focus-visible{outline:2px solid #fff;outline-offset:2px;z-index:5}.cell.is-empty{cursor:default}.piece{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #ffffffb0;border-bottom:3px solid var(--tile-edge);border-radius:inherit;background:radial-gradient(ellipse at 45% 15%,#ffffffad,transparent 75%),linear-gradient(var(--tile-top),var(--tile-bottom));box-shadow:inset 0 1px #fff9,0 2px 3px #09071b55;transform-origin:center 70%;transition:filter .12s,box-shadow .12s}.piece:before{content:"";position:absolute;top:3px;left:6px;right:6px;height:20%;border-radius:20px 20px 50% 50%;background:linear-gradient(#fff8,#fff0);pointer-events:none}.cell img{position:absolute;inset:0;width:100%;height:100%;padding:4px;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 3px 1px #493d5030)}.cell:not([aria-disabled=true]):hover .piece{filter:brightness(1.07);box-shadow:inset 0 0 0 2px #fff8,0 0 12px var(--tile-glow)}.cell.is-final .piece{border-color:#fff;box-shadow:inset 0 0 0 2px #fffbe6,0 0 10px var(--tile-glow),0 2px 3px #09071b55}.cell.is-final .piece:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--spin, 0deg),transparent 0 70%,#fff8 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:2px;animation:final-shine 3s linear infinite;pointer-events:none}.cell.stage-0 img{padding:11% 11% 17%}.cell.stage-1 img{padding:5% 5% 12%}.cell.stage-2 img{padding:0 0 9%}.cell.stage-0 .piece{border-color:#ffffffe0;border-bottom-color:color-mix(in srgb,var(--tile-edge) 45%,#fff);background:radial-gradient(ellipse at 45% 15%,#ffffffc0,transparent 75%),linear-gradient(color-mix(in srgb,var(--tile-top) 38%,#fff),color-mix(in srgb,var(--tile-bottom) 42%,#fff));box-shadow:inset 0 1px #fff,0 2px 3px #09071b40}.cell.stage-1 .piece{border:2px solid #f4f7ff;border-bottom:3px solid var(--tile-edge);box-shadow:inset 0 0 0 2px #b9c3d6aa,inset 0 1px #fff9,0 2px 3px #09071b55}.cell.stage-2 .piece{border:2.5px solid #ffd84d;border-bottom:4px solid #c79200;background:radial-gradient(ellipse at 45% 12%,#ffffff8c,transparent 70%),linear-gradient(var(--tile-bottom),color-mix(in srgb,var(--tile-edge) 80%,#000));box-shadow:inset 0 0 0 2px #fff3b0aa,0 0 10px #ffd84d88,0 2px 3px #09071b66}.stage-bar{position:absolute;left:20%;right:20%;bottom:6%;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;height:max(5px,10%);padding:1.5px;border-radius:999px;background:#ffffffd0;box-shadow:0 1px 2px #00000026}.stage-bar i{border-radius:999px;background:#0000001a}.stage-bar i.is-on{background:var(--tile-edge)}.cell.stage-2 .stage-bar{background:#3b2c4fcc}.cell.stage-2 .stage-bar i.is-on{background:linear-gradient(#fff6c9,#ffd84d)}.cell.is-selected{z-index:4}.cell.is-selected .piece{outline:3px solid #fff7c8;outline-offset:1px;box-shadow:0 0 0 5px #bd98e288,0 0 18px #ffe7a988;animation:selected .8s ease-in-out infinite alternate}.cell.is-hinted .piece{outline:2px dashed #fff6c9;outline-offset:-4px;animation:hint 1.5s ease-in-out infinite}.cell.is-legend{--tile-top: #ffe5a1;--tile-bottom: #efbc67;--tile-edge: #b68032;--tile-glow: #ffd27b}.cell.legend-electric{--tile-top: #e9dcff;--tile-bottom: #ad91e0;--tile-edge: #8066b0;--tile-glow: #e1b6ff}.cell.legend-psychic{--tile-top: #ffe6f4;--tile-bottom: #f7a8d2;--tile-edge: #d06fa4;--tile-glow: #ffc6e6}.cell.legend-water{--tile-top: #dff1ff;--tile-bottom: #8ec5f2;--tile-edge: #4f8fc6;--tile-glow: #b5e1ff}.cell.legend-ice{--tile-top: #e8fbff;--tile-bottom: #a6e3ef;--tile-edge: #5fa9ba;--tile-glow: #c9f6ff}.cell.legend-ground{--tile-top: #ffe0d2;--tile-bottom: #eb9a7a;--tile-edge: #b05a3d;--tile-glow: #ffbf9f}.cell.legend-flying{--tile-top: #f4f6ff;--tile-bottom: #bcc6ea;--tile-edge: #7d89b8;--tile-glow: #dfe5ff}.cell.legend-dragon{--tile-top: #e1f8dc;--tile-bottom: #8fd18a;--tile-edge: #4e9a52;--tile-glow: #c2f2b2}.cell.is-legend .piece{box-shadow:inset 0 0 0 1px #fff8,0 0 12px var(--tile-glow)}.cell.is-legend .piece:after{content:"";position:absolute;inset:3px;border:1px solid #fff9;border-radius:7px;pointer-events:none;animation:legend-aura 1.8s ease-in-out infinite alternate}.cell.is-legend img{padding:2px}.power-badge{position:absolute;bottom:2px;right:2px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #fff9;border-radius:50%;background:#fff1c9;color:#995011}.legend-electric .power-badge{background:#f1e6ff;color:#75529a}.legend-psychic .power-badge{background:#ffe6f4;color:#b0447f}.legend-water .power-badge{background:#e3f3ff;color:#2f6fa6}.legend-ice .power-badge{background:#eafcff;color:#3c8797}.legend-ground .power-badge{background:#ffe7dc;color:#a1462a}.legend-flying .power-badge{background:#f2f4ff;color:#56619a}.legend-dragon .power-badge{background:#e6f8e2;color:#3a7d3f}.cell.legend-tier-3 .piece{box-shadow:inset 0 0 0 1px #fff8,0 0 6px #ff9ad5,-3px 0 10px #8fc8ff,3px 0 10px #ffe17a}.cell.legend-tier-3 .piece:after{border-width:2px;border-color:#fff}.cell.in-power .piece{box-shadow:inset 0 0 0 2px #fff,0 0 14px #f3ccffbb;filter:brightness(1.12)}.cell.is-shiny .piece{background:radial-gradient(ellipse at 45% 15%,#ffffffc0,transparent 75%),linear-gradient(135deg,#fff6c8,#ffd9f1 40%,#d8ecff 70%,#e3ffe8);border-color:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 12px #ffe58a}.shiny-glint{position:absolute;top:4px;left:5px;width:11px;height:11px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #ffe58a);animation:glint 1.6s ease-in-out infinite}.board.is-targeting .cell.can-target .piece{animation:target-wobble .9s ease-in-out infinite}.board.is-targeting .cell.can-target:hover .piece{outline:3px solid #fff;outline-offset:-3px}.cell.is-moving{z-index:3}.cell.is-moving .piece{animation:slide var(--motion-duration) cubic-bezier(.2,.72,.28,1) both}.cell.motion-fall .piece{animation:fall var(--motion-duration) cubic-bezier(.32,.02,.68,1) var(--fall-delay) both}.cell.is-clearing .piece{animation:clear var(--clear-duration) ease-in both}.cell.is-evolving{z-index:4}.cell.is-evolving .piece{animation:evolve .38s cubic-bezier(.22,.8,.32,1.15) both}.cell.is-targeted .piece{animation:targeted .26s ease-in-out infinite alternate}.board.is-shuffling .piece{animation:shuffle .5s ease-in-out both}.cell.is-charging{z-index:4}.cell.is-charging img{animation:silhouette .9s cubic-bezier(.55,0,.9,.4) both}.cell.is-charging .piece{box-shadow:0 0 16px #fff}.board[data-phase=mass-evolve] .cell:not(.is-charging) .piece{filter:brightness(.7) saturate(.7);transition:filter .3s}.fx{position:absolute;inset:4px;z-index:6;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:var(--gap);pointer-events:none}.fx-cell{position:relative;min-width:0;min-height:0}.fx-ring{position:absolute;inset:8%;border:2px solid var(--spark);border-radius:50%;box-shadow:0 0 8px var(--spark),inset 0 0 8px var(--spark);animation:ring .44s ease-out both}.fx-spark{position:absolute;top:50%;left:50%;width:7px;height:7px;background:var(--spark);box-shadow:0 0 6px var(--spark);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:spark .65s cubic-bezier(.13,.64,.4,1) var(--delay) both}.fx-spark.is-dot{width:4px;height:4px;border-radius:50%;clip-path:none;background:#fff5d8}.fx-big .fx-ring{border-width:3px;animation-duration:.6s}.fx-score{position:absolute;z-index:9;top:20%;left:-60%;right:-60%;text-align:center;color:#fff6d6;font:700 24px var(--display);white-space:nowrap;text-shadow:0 2px 0 #694481,1px 0 #694481,-1px 0 #694481,0 0 9px #442459;animation:score-rise .95s cubic-bezier(.18,.75,.38,1) both}.fx-score.is-big{font-size:34px;color:#ffe36e}.bloom i{position:absolute;inset:-18%;border:2px solid #fff6ba;border-radius:50%;background:repeating-conic-gradient(#fff3bb44 0deg 12deg,transparent 12deg 45deg);animation:bloom .65s ease-out both}.bloom.is-final i{inset:-30%;border-color:#fff;box-shadow:0 0 24px var(--tile-glow, #ffe58a);animation-duration:.85s}.bloom.is-legend i{border-color:#ffe69c;box-shadow:0 0 24px #edb3ff;animation-duration:.95s}.bloom b{position:absolute;top:-12px;left:50%;transform:translate(-50%);font:700 12px var(--display);color:#fffde3;white-space:nowrap;text-shadow:0 1px 3px #49306f,0 -1px 3px #49306f;animation:bloom-label .8s ease-out both}.fx-bloom .bloom:not(.is-final):not(.is-legend) b{display:none}.move-stage{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none}.cutin{--cut: #8b6cff;--cut-glow: #d9ccff;position:absolute;inset:0;z-index:10;display:grid;align-items:center;pointer-events:none;background:#120c2455;animation:cutin-dim .64s ease-out both}.cutin.is-legend{--cut: #c98a00;--cut-glow: #ffe58a}.cutin.is-fusion{--cut: #e0558f;--cut-glow: #ffc6e6}.cutin-band{position:relative;display:flex;align-items:center;gap:10px;height:34%;padding:0 16px;overflow:visible;background:repeating-linear-gradient(-60deg,#ffffff22 0 10px,transparent 10px 22px),linear-gradient(90deg,var(--cut),color-mix(in srgb,var(--cut) 60%,#fff));box-shadow:0 0 0 3px #fff,0 0 30px var(--cut-glow);transform:skewY(-6deg);animation:cutin-band .64s cubic-bezier(.2,.9,.3,1) both}.cutin-band img{height:150%;margin:-12% 0;filter:drop-shadow(0 6px 0 #0004);transform:skewY(6deg);animation:cutin-art .64s cubic-bezier(.2,.9,.3,1) both}.cutin-band div{display:flex;flex-direction:column;transform:skewY(6deg);color:#fff;text-shadow:0 2px 0 #0003}.cutin-band small{font:600 15px var(--display);opacity:.95}.cutin-band strong{font:700 clamp(26px,7vw,40px) var(--display);line-height:1;-webkit-text-stroke:1px #0002}.mass-banner,.callout{position:absolute;z-index:10;left:0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;filter:drop-shadow(0 4px 6px #23143088)}.mass-banner{top:8%}.mass-banner strong,.callout strong{font:700 clamp(24px,6vw,36px) var(--display);color:#fff3b8;-webkit-text-stroke:1px #7b499c;paint-order:stroke fill;text-shadow:0 3px 0 #6a3b8e}.mass-banner span,.callout span{margin-top:4px;padding:4px 12px;border-radius:20px;background:#613d87ec;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mass-banner.is-charge{animation:banner-in .4s var(--bounce) both}.mass-banner.is-reveal strong{animation:banner-pop .5s var(--bounce) both}.rush-banner{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;background:radial-gradient(circle,#2a174ab3,#1a0f30d9 75%);animation:fade-in .2s ease-out both}.rush-banner strong{font:700 clamp(38px,11vw,60px) / 1 var(--display);text-align:center;background:linear-gradient(90deg,#ff9ad0,#ffe08a,#9ff0c8,#9fd2ff,#d4a8ff,#ff9ad0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 4px 0 #6a3b8e) drop-shadow(0 0 18px #ffb6e8);animation:rush-slam .52s var(--bounce) both,rush-shift 1.2s linear infinite}.rush-banner span{padding:5px 14px;border-radius:20px;background:#613d87ec;color:#fff;font:700 13px var(--body);letter-spacing:.06em;text-transform:uppercase;animation:banner-in .4s .2s var(--bounce) both}.callout{top:38%;animation:callout .76s ease-out both}.callout.tier-3 strong{font-size:clamp(30px,8vw,44px)}.callout.tier-4 strong,.callout.tier-5 strong,.callout.tier-6 strong{font-size:clamp(34px,9.5vw,52px);background:linear-gradient(90deg,#ff9ad0,#ffe08a,#9ff0c8,#9fd2ff,#d4a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.finish-banner{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffedb5;background:#271c44d6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .55s ease-out both}.finish-banner strong{font:700 34px var(--display)}.finish-banner span{color:#e8d9f3;font-size:14px;font-weight:700}.finish-stars{display:flex;gap:2px;color:var(--sun)}.feedback{position:absolute;z-index:11;left:50%;bottom:12px;max-width:90%;margin:0;padding:8px 16px;border-radius:999px;background:#fffdf8f2;color:var(--ink);font:600 15px var(--display);text-align:center;white-space:nowrap;box-shadow:0 4px #0003;pointer-events:none;transform:translate(-50%);animation:toast-in .26s var(--bounce) both}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tray{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.items{display:flex;align-items:center;gap:6px}.items>small{margin-left:2px;font-size:12px;font-weight:800;line-height:1.2;color:var(--muted)}.item-button{position:relative;display:grid;place-items:center;width:50px;height:50px;padding:0;border:2px solid var(--edge);border-radius:16px;background:#fff;box-shadow:0 3px 0 var(--edge);transition:transform .16s var(--bounce),box-shadow .16s}.item-button b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--grape);color:#fff;font:700 12px/20px var(--display);box-shadow:0 2px 0 var(--grape-deep)}.item-button:not(:disabled):hover{transform:translateY(-2px) rotate(-4deg)}.item-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--edge)}.item-button:disabled{opacity:.4;cursor:not-allowed}.item-button:disabled b{background:var(--muted);box-shadow:none}.item-button.is-active{border-color:var(--grape);background:var(--grape-soft);box-shadow:0 0 0 4px #8b6cff44;animation:item-active .7s ease-in-out infinite alternate}.tray-button{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border:2px solid var(--edge);border-radius:14px;background:var(--grape-soft);color:var(--grape-deep);font:600 15px var(--display);box-shadow:0 3px 0 var(--edge)}.tray-button:disabled{opacity:.5}.board-next{display:flex;width:100%}.board-status{display:flex;align-items:center;justify-content:center;min-height:58px;margin:-6px 0 8px}.weather-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--weather-soft);color:var(--weather);font-size:13px;font-weight:800}.weather-badge b{font:600 14px var(--display)}.weather-badge small{color:var(--ink-soft);font-size:12px}.weather-badge.is-compact{min-height:26px;padding:2px 10px}.meter-boost{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--weather);color:#fff;font-size:9px;font-style:normal;box-shadow:0 0 0 2px #fff}.meter-boost.is-down{background:var(--muted)}.weather-layer{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:inherit;pointer-events:none}.weather-rain .weather-drop{position:absolute;left:var(--x);top:-20%;width:2px;height:22px;border-radius:2px;background:linear-gradient(transparent,#cfe9ffcc);transform:rotate(14deg);animation:rain calc(.7s * var(--speed)) linear var(--delay) infinite}.weather-rain{background:linear-gradient(#5b8fd422,#2b4f8a22)}.weather-sun{background:radial-gradient(circle at 85% -10%,#ffd27a55,transparent 55%)}.sun-rays{position:absolute;top:-60%;right:-60%;width:160%;height:160%;background:repeating-conic-gradient(from 0deg,#fff3c426 0deg 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(circle at 70% 30%,#000 0 20%,transparent 60%);mask:radial-gradient(circle at 70% 30%,#000 0 20%,transparent 60%);animation:sun-spin 40s linear infinite}.sun-glow{position:absolute;inset:0;background:linear-gradient(160deg,#ffb45a1c,transparent 60%);animation:sun-pulse 3.5s ease-in-out infinite alternate}.weather-sandstorm{background:linear-gradient(90deg,#c9a46a2e,#e8cf9a1e)}.weather-sandstorm .weather-drop{position:absolute;left:-10%;top:var(--y);width:5px;height:3px;border-radius:50%;background:#f1d59ccc;animation:sand calc(1.1s * var(--speed)) linear var(--delay) infinite}.weather-fog{background:#e9e4f61a}.fog-bank{position:absolute;inset:-20% -50%;background:radial-gradient(ellipse 30% 18% at 20% 30%,#ffffff40,transparent 70%),radial-gradient(ellipse 35% 20% at 60% 65%,#ffffff36,transparent 70%),radial-gradient(ellipse 25% 15% at 85% 20%,#ffffff30,transparent 70%);animation:fog 14s ease-in-out infinite alternate}.fog-bank.is-slow{animation-duration:22s;animation-direction:alternate-reverse;opacity:.7}.weather-wind .weather-drop{position:absolute;left:-30%;top:var(--y);width:30%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#e6fbffaa,transparent);animation:wind calc(1.4s * var(--speed)) ease-in var(--delay) infinite}.cell.is-mega .piece,.cell.is-alpha .piece{border-color:#fff}.cell.is-mega .piece{background:radial-gradient(ellipse at 45% 15%,#ffffffc0,transparent 70%),conic-gradient(from var(--spin, 0deg),#ff9ad0,#ffe08a,#9ff0c8,#9fd2ff,#d4a8ff,#ff9ad0);box-shadow:inset 0 0 0 2px #fff,0 0 16px #ffd6f3;animation:final-shine 4s linear infinite}.cell.is-alpha .piece{background:radial-gradient(ellipse at 45% 15%,#ffffff90,transparent 70%),linear-gradient(var(--tile-top),var(--tile-bottom));box-shadow:inset 0 0 0 2px #ff6b6b,0 0 16px #ff5a5a99}.cell.is-alpha img{transform:scale(1.12);filter:drop-shadow(0 0 3px #ff4d4d) drop-shadow(0 3px 1px #493d5030)}.cell.is-mega img{padding:1px}.mega-badge{position:absolute;left:2px;bottom:2px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:conic-gradient(#ff7eb3,#ffc93d,#3fc79a,#4ea9ff,#8b6cff,#ff7eb3);color:#fff;font:700 11px/1 var(--display);text-shadow:0 1px 1px #0005;box-shadow:0 0 0 1.5px #fff}.cell.is-alpha .mega-badge{background:#e04d4d}.cell.is-mega-mega{z-index:6}.cell.is-mega-mega img{animation:silhouette 1.1s cubic-bezier(.55,0,.9,.4) both}.cell.is-mega-reveal .piece{animation:evolve .52s cubic-bezier(.22,.8,.32,1.2) both}.fx-mega{z-index:7}.mega-sphere{overflow:visible}.mega-orb{position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,#ffffffee 0 25%,transparent 26%),conic-gradient(from var(--spin, 0deg),#ff7eb3cc,#ffc93dcc,#3fc79acc,#4ea9ffcc,#8b6cffcc,#ff7eb3cc);box-shadow:0 0 30px #fff,0 0 60px #ffb6e8;animation:orb-grow 1.1s cubic-bezier(.3,0,.6,1) both,final-shine 1.2s linear infinite}.mega-sphere.is-reveal .mega-orb{animation:orb-burst .6s ease-out both}.mega-key{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9b8ff 40%,#6a4ad8);box-shadow:0 0 12px #fff;animation:key-flash 1.1s ease-out both}.mega-sphere.is-reveal .mega-key{display:none}.mega-ray{position:absolute;left:50%;top:50%;width:4px;height:140%;margin:-70% 0 0 -2px;border-radius:4px;background:linear-gradient(#fff0,#fff,#fff0);transform:rotate(calc(var(--i) * 36deg)) scaleY(0);opacity:0}.mega-sphere.is-reveal .mega-ray{animation:ray-burst .7s ease-out both}.mass-banner.is-mega strong{background:linear-gradient(90deg,#ff9ad0,#ffe08a,#9ff0c8,#9fd2ff,#d4a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #6a3b8e}.cutin.is-mega .cutin-band{background:repeating-linear-gradient(-60deg,#ffffff2a 0 10px,transparent 10px 22px),linear-gradient(90deg,#ff7eb3,#ffc93d,#3fc79a,#4ea9ff,#8b6cff)}.boss-layer{position:absolute;inset:4px;z-index:6;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:var(--gap);pointer-events:none}.boss{position:relative;display:grid;place-items:center;border-radius:14px;background:radial-gradient(ellipse at 50% 80%,#ffffff30,transparent 60%),linear-gradient(#ffffff14,#00000024);box-shadow:inset 0 0 0 2px #ffffff40,0 0 18px #ff6b6b40}.boss-sprite{width:118%;height:118%;margin-top:-14%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0005);animation:boss-idle 2.4s ease-in-out infinite}.boss-bar{display:flex;flex:1;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:2px solid #ffc9c3;border-radius:16px;background:linear-gradient(100deg,var(--coral-soft),#fff 70%);animation:banner-in .4s var(--bounce) both}.boss-bar>img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.boss-bar>div{display:grid;flex:1;gap:4px;min-width:0}.boss-bar.is-hit{animation:boss-bar-hit .4s ease-out}.boss-name{display:flex;align-items:center;gap:4px}.boss-name b{margin-right:auto;font:600 15px var(--display)}.boss-name i{padding:0 5px;border-radius:6px;color:#fff;font:800 9px/15px var(--body);font-style:normal;text-transform:uppercase}.boss-hp{height:10px;overflow:hidden;border-radius:6px;background:#e8dfee}.boss-hp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3fc79a,#7ce0a8);transition:width .5s ease-out}.boss-hp.is-mid i{background:linear-gradient(90deg,#ffc93d,#ffe08a)}.boss-hp.is-low i{background:linear-gradient(90deg,#e04d4d,#ff8a8a)}.boss-timers{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:800;color:var(--ink-soft)}.boss-timers span{display:inline-flex;align-items:center;gap:3px}.boss.is-appearing .boss-sprite{animation:boss-drop .7s cubic-bezier(.3,0,.7,1.4) both}.boss.is-hit .boss-sprite{animation:boss-hit .42s ease-out both}.boss.is-super .boss-sprite{animation:boss-hit .52s ease-out both,boss-flash .52s steps(2) both}.boss.is-attacking .boss-sprite{animation:boss-lunge .6s ease-in-out both}.boss.is-fleeing{animation:boss-flee 1s ease-in both}.boss.is-caught .boss-sprite{animation:boss-absorb .7s .55s ease-in both}.catch-ball{position:absolute;z-index:3;width:34%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#3b2c4f,#3b2c4f) center / 100% 10% no-repeat,radial-gradient(circle,#fff 0 18%,#3b2c4f 19% 26%,transparent 27%),linear-gradient(#ff5a5f 0 50%,#fff 50%);box-shadow:inset 0 0 0 2px #3b2c4f,0 3px #0004;animation:ball-throw .6s cubic-bezier(.2,.6,.4,1) both,ball-wobble 1.35s 1.1s ease-in-out both}.catch-stars i{position:absolute;left:50%;top:50%;width:12px;height:12px;background:#ffe08a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:catch-star .7s calc(2.5s + var(--i) * 30ms) ease-out both;--angle: calc(var(--i) * 60deg)}.boss-damage{position:absolute;z-index:4;top:10%;font:700 26px var(--display);color:#fff;text-shadow:0 2px 0 #a23b2b,1px 0 #a23b2b,-1px 0 #a23b2b;animation:score-rise .9s cubic-bezier(.18,.75,.38,1) both}.boss-damage.is-super{font-size:34px;color:#ffe08a}.boss-damage.is-weak,.boss-damage.is-immune{font-size:20px;color:#ded6e8}.boss-points{position:absolute;z-index:4;top:48%;font:700 16px var(--display);color:#fff6c9;text-shadow:0 2px 0 #8a5a00,1px 0 #8a5a00,-1px 0 #8a5a00;animation:score-rise .9s .12s cubic-bezier(.18,.75,.38,1) both}.boss-reward{display:inline-flex;align-items:center;gap:3px;margin-left:2px;font:700 11px var(--display);font-style:normal;color:#b0447f;white-space:nowrap}.boss-effect{position:absolute;z-index:4;top:-16px;left:50%;padding:3px 10px;border-radius:999px;background:#3b2c4fe6;color:#fff;font:600 12px var(--display);white-space:nowrap;transform:translate(-50%);animation:banner-in .3s var(--bounce) both}.boss.is-super .boss-effect{background:#e04d4de6}.boss-banner{position:absolute;top:12%;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;filter:drop-shadow(0 4px 6px #23143088);animation:banner-in .45s var(--bounce) both}.boss-banner strong{font:700 clamp(22px,5.5vw,32px) var(--display);color:#fff3b8;-webkit-text-stroke:1px #7b2c2c;paint-order:stroke fill;text-shadow:0 3px 0 #8e3b3b}.boss-banner span{margin-top:4px;padding:4px 12px;border-radius:20px;background:#8e3b3bec;color:#fff;font-size:12px;font-weight:800}.boss-banner.is-caught{animation-delay:2.4s}.boss-banner.is-caught strong{-webkit-text-stroke-color:#23a077;text-shadow:0 3px 0 #23a077}.boss-banner.is-caught span{background:#23a077ec}.cell.is-knocked .piece{animation:knocked .52s ease-out both}@keyframes orb-fly{0%{transform:scale(.3);opacity:0}18%{transform:translateY(-14px) scale(1.25);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:.9}}@keyframes rush-slam{0%{transform:scale(2.6) rotate(-8deg);opacity:0}60%{transform:scale(.92) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(-3deg)}}@keyframes rush-shift{to{background-position:-200% 0}}@keyframes toast-in{0%{transform:translate(-50%,12px) scale(.85);opacity:0}}@keyframes slide{0%{transform:translate(var(--from-x),var(--from-y))}}@keyframes fall{0%{transform:translate(var(--from-x),var(--from-y))}76%{transform:translateY(3%) scaleY(.93) scaleX(1.04)}90%{transform:translateY(-2%) scaleY(1.03)}to{transform:none}}@keyframes clear{30%{transform:scale(1.25);filter:brightness(2.2);opacity:1}to{transform:scale(.15) rotate(14deg);opacity:0;filter:brightness(1.8)}}@keyframes evolve{0%{transform:scale(.2) rotate(-12deg);filter:brightness(2.2);opacity:.4}60%{transform:scale(1.18) rotate(3deg);filter:brightness(1.2);opacity:1}}@keyframes silhouette{0%,20%,36%,48%,58%,66%,73%,79%,84%,88%,92%,95%,98%{filter:brightness(0) invert(1) drop-shadow(0 0 4px #fff)}10%,28%,42%,53%,62%,70%,76%,82%,86%,90%,94%,97%{filter:drop-shadow(0 3px 1px #493d5030)}to{filter:brightness(0) invert(1) drop-shadow(0 0 10px #fff);transform:scale(1.12)}}@keyframes targeted{to{filter:brightness(1.5);transform:scale(1.06)}}@keyframes selected{to{transform:translateY(-2px) scale(1.05)}}@keyframes hint{0%,65%,to{transform:none}76%{transform:rotate(-6deg) scale(1.05)}87%{transform:rotate(6deg) scale(1.05)}}@keyframes target-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes legend-aura{to{opacity:.4;box-shadow:0 0 8px var(--tile-glow)}}@keyframes final-shine{to{--spin: 360deg}}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --fill{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@keyframes glint{0%,to{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(45deg);opacity:1}}@keyframes shuffle{0%{transform:scale(.6) rotate(-8deg);opacity:.15}}@keyframes ring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}18%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.1);opacity:0}}@keyframes score-rise{0%{transform:translateY(8px) scale(.5);opacity:0}22%{transform:translateY(-3px) scale(1.15);opacity:1}68%{opacity:1}to{transform:translateY(-36px) scale(.95);opacity:0}}@keyframes bloom{0%{transform:scale(.2) rotate(-45deg);opacity:0}25%{opacity:.95}to{transform:scale(1.3) rotate(45deg);opacity:0}}@keyframes bloom-label{0%{transform:translate(-50%,10px) scale(.7);opacity:0}25%,60%{opacity:1}to{transform:translate(-50%,-14px);opacity:0}}@keyframes callout{0%{transform:scale(.6) rotate(-5deg);opacity:0}30%,80%{transform:scale(1) rotate(-3deg);opacity:1}to{transform:scale(1.06) rotate(-3deg);opacity:0}}@keyframes banner-in{0%{transform:translateY(-14px) scale(.8);opacity:0}}@keyframes banner-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}}@keyframes cutin-dim{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}@keyframes cutin-band{0%{transform:skewY(-6deg) translate(-110%)}22%,80%{transform:skewY(-6deg) translate(0)}to{transform:skewY(-6deg) translate(110%)}}@keyframes cutin-art{0%{transform:skewY(6deg) translate(-40px) scale(.8)}30%,80%{transform:skewY(6deg) translate(0) scale(1)}to{transform:skewY(6deg) translate(30px) scale(1.05)}}@keyframes board-shake{0%,to{transform:none}15%{transform:translate(calc(-5px * var(--amp)),calc(3px * var(--amp))) rotate(calc(-.4deg * var(--amp)))}30%{transform:translate(calc(5px * var(--amp)),calc(-3px * var(--amp))) rotate(calc(.4deg * var(--amp)))}45%{transform:translate(calc(-3px * var(--amp)),calc(-2px * var(--amp)))}60%{transform:translate(calc(3px * var(--amp)),calc(2px * var(--amp)))}80%{transform:translate(-1px,1px)}}@keyframes board-shake-again{0%,to{transform:none}15%{transform:translate(calc(5px * var(--amp)),calc(-3px * var(--amp))) rotate(calc(.4deg * var(--amp)))}30%{transform:translate(calc(-5px * var(--amp)),calc(3px * var(--amp))) rotate(calc(-.4deg * var(--amp)))}45%{transform:translate(calc(3px * var(--amp)),calc(2px * var(--amp)))}60%{transform:translate(calc(-3px * var(--amp)),calc(-2px * var(--amp)))}80%{transform:translate(1px,-1px)}}@keyframes rain{to{transform:translate(-36px,140%) rotate(14deg);top:110%}}@keyframes sand{to{left:110%;transform:translateY(18px)}}@keyframes wind{0%{left:-30%;opacity:0}20%{opacity:1}to{left:110%;opacity:0}}@keyframes fog{to{transform:translate(18%)}}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes sun-pulse{to{opacity:.4}}@keyframes orb-grow{0%{transform:scale(0);opacity:0}30%{opacity:1}to{transform:scale(1.15)}}@keyframes orb-burst{0%{transform:scale(1.15);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes key-flash{0%{transform:scale(.2);opacity:0}20%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.9}}@keyframes ray-burst{0%{transform:rotate(calc(var(--i) * 36deg)) scaleY(.2);opacity:1}to{transform:rotate(calc(var(--i) * 36deg)) scaleY(1.6);opacity:0}}@keyframes boss-bar-hit{30%{transform:translate(-4px);border-color:#e04d4d}60%{transform:translate(3px)}}@keyframes boss-idle{50%{transform:translateY(-3%) scale(1.02,.98)}}@keyframes boss-drop{0%{transform:translateY(-260%) scale(.8);opacity:0}70%{transform:translateY(4%) scale(1.08,.9);opacity:1}to{transform:none}}@keyframes boss-hit{0%,to{transform:none}20%{transform:translate(-8%) rotate(-4deg);filter:brightness(2) drop-shadow(0 4px 0 #0005)}45%{transform:translate(6%) rotate(3deg)}70%{transform:translate(-3%)}}@keyframes boss-flash{50%{opacity:.35}}@keyframes boss-lunge{40%{transform:translateY(-12%) scale(1.12)}60%{transform:translateY(4%) scale(.96)}}@keyframes boss-flee{to{transform:translate(160%);opacity:0}}@keyframes boss-absorb{0%{filter:brightness(1)}40%{filter:brightness(0) invert(1) drop-shadow(0 0 10px #fff);transform:scale(1)}to{filter:brightness(0) invert(1);transform:scale(0);opacity:0}}@keyframes ball-throw{0%{transform:translate(-180%,260%) rotate(-540deg) scale(.6)}to{transform:none}}@keyframes ball-wobble{0%,33%,66%,to{transform:none}8%,41%,74%{transform:rotate(-22deg)}20%,53%,86%{transform:rotate(18deg)}}@keyframes catch-star{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.4);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-46px) scale(1);opacity:0}}@keyframes knocked{0%{transform:translateY(-18%) scale(1.1);filter:brightness(.5) sepia(1) hue-rotate(-40deg) saturate(3)}60%{transform:translateY(6%) scale(.95)}to{transform:none;filter:none}}@keyframes meter-ready{to{transform:scale(1.08);filter:drop-shadow(0 0 6px var(--meter-glow))}}@keyframes meter-burst{0%{transform:scale(1)}40%{transform:scale(1.12)}}@keyframes item-active{to{transform:translateY(-3px)}}@keyframes star-earned{0%{transform:scale(.5) rotate(-25deg)}65%{transform:scale(1.3) rotate(10deg)}}@keyframes count-bump{50%{transform:translateY(3px)}}@keyframes low-moves{50%{transform:scale(1.1)}}@media(max-width:600px){.board-shell{--gap: 3px;padding:6px;border-radius:18px}.cell{border-radius:8px}.cell img{padding:2px}.piece{border-bottom-width:2px}.hud-score strong,.hud-moves strong{font-size:27px}.hud-stars{min-width:116px}.hud-stars svg{width:17px}.meters{gap:5px}.meter-ring{width:48px;height:48px}.meter-ring img{width:40px;height:40px}.power-badge{width:14px;height:14px;right:1px;bottom:1px}.power-badge svg{width:9px}.shiny-glint{width:8px;height:8px;top:2px;left:3px}.item-button{width:46px;height:46px}.fx-score{font-size:19px}.fx-score.is-big{font-size:26px}}@media(prefers-reduced-motion:reduce){.board-game *,.board-game *:before,.board-game *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.cutin,.callout,.orbs,.rush-banner,.weather-layer,.mega-orb,.mega-ray,.catch-stars,.fx-spark,.fx-ring,.bloom i,.shiny-glint{display:none}}.cell.is-junk{--tile-top: #c9c2cf;--tile-bottom: #9a91a3;--tile-edge: #6f6679;--tile-glow: #d7d0dc}.piece.boulder{background:radial-gradient(circle at 30% 28%,#ffffff8c 0 12%,transparent 30%),radial-gradient(circle at 70% 70%,#6f667940 0 14%,transparent 15%),radial-gradient(circle at 34% 72%,#6f667933 0 9%,transparent 10%),linear-gradient(var(--tile-top),var(--tile-bottom))}.piece.boulder i{position:absolute;inset:22% 26% 30% 30%;border-radius:46% 54% 40% 60%;background:linear-gradient(140deg,#ece7f0,#b3abbb);box-shadow:inset -3px -4px #8d8497,0 2px #6f667966}.piece.boulder.is-heavy{--tile-top: #a59cad;--tile-bottom: #756b80;--tile-edge: #4f465a}.piece.boulder.is-heavy i{background:linear-gradient(140deg,#cfc8d6,#8e859a);box-shadow:inset -3px -4px #6a6175,inset 0 0 0 2px #ffffff30,0 2px #4f465a88}.piece.boulder b{position:absolute;right:3px;bottom:2px;min-width:15px;padding:0 3px;border-radius:999px;background:#4f465a;color:#fff;font:700 10px/15px var(--display);text-align:center}.cell.is-landing .piece{animation:boulder-land .38s cubic-bezier(.5,0,.75,0) both}@keyframes boulder-land{0%{transform:translateY(-140%) scale(.9);opacity:0}70%{transform:translateY(6%) scale(1.04,.92);opacity:1}to{transform:none}}.hud-clock{justify-self:center;align-self:center;padding:4px 14px;border-radius:999px;background:var(--grape-soft);color:var(--grape-deep);font:700 26px var(--display);font-variant-numeric:tabular-nums}.hud-clock.is-low{background:var(--coral-soft);color:var(--coral-deep);animation:low-moves .9s ease-in-out infinite}.hud-junk strong em{font-size:15px;font-style:normal;color:var(--muted)}.incoming{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font:600 13px var(--display)}.incoming.is-live{border-color:#f3b7b0;background:var(--coral-soft);color:var(--coral-deep)}.incoming.is-heavy{animation:incoming-pulse .7s ease-in-out infinite alternate}.incoming-label{white-space:nowrap}.incoming-label b{font-size:16px}.incoming-track{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:2px;min-width:0}.incoming-track i{width:9px;height:9px;border-radius:50% 45% 50% 40%;background:linear-gradient(140deg,#b9b0c2,#7a7085);animation:pebble-in .26s var(--bounce) both;animation-delay:calc(var(--i) * 18ms)}@keyframes pebble-in{0%{transform:translateY(-8px) scale(.4);opacity:0}}@keyframes incoming-pulse{to{box-shadow:0 0 0 3px #e04d4d33}}@media(prefers-reduced-motion:reduce){.cell.is-landing .piece,.incoming.is-heavy,.incoming-track i{animation:none}}.cell.is-cracking .piece{animation:rock-wobble .32s ease-out}.rock-crack svg{position:absolute;inset:8%;width:84%;height:84%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #fff);animation:crack-flash .6s ease-out both}.rock-dust{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#d9d2de 0 35%,#d9d2de00 70%);animation:dust-puff .6s ease-out both}.rock-shard{position:absolute;top:42%;left:42%;width:16%;height:14%;border-radius:30% 60% 40% 50%;background:linear-gradient(140deg,#d3ccd9,#7a7085);transform:scale(var(--s));animation:shard-fly .65s cubic-bezier(.2,.7,.4,1) both}@keyframes rock-wobble{25%{transform:translate(-3px) rotate(-4deg)}60%{transform:translate(2px) rotate(3deg)}}@keyframes crack-flash{0%{opacity:0;stroke-dasharray:0 80}30%{opacity:1;stroke-dasharray:80 0}to{opacity:0}}@keyframes dust-puff{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes shard-fly{0%{transform:translate(0) rotate(0) scale(var(--s));opacity:1}to{transform:translate(var(--x),calc(var(--y) + 26px)) rotate(var(--r)) scale(var(--s));opacity:0}}@media(prefers-reduced-motion:reduce){.cell.is-cracking .piece,.rock-crack svg,.rock-dust,.rock-shard{animation:none;opacity:0}}.incoming{position:relative;overflow:hidden}.incoming-fuse{position:absolute;inset:auto 0 0;height:3px;background:var(--coral-deep);transform-origin:left;animation:fuse-burn linear both}@keyframes fuse-burn{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rock-break.is-domino .rock-dust,.rock-break.is-domino .rock-shard,.rock-crack.is-domino svg{animation-delay:.14s}.rock-treasure i{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,#fff6c9 0 30%,#ffd86a88 45%,#ffd86a00 70%);animation:treasure-glow .9s .12s ease-out both}.rock-treasure.is-legend i{background:radial-gradient(circle,#fff 0 25%,#ff9ad588 45%,#8fc8ff00 72%)}.rock-treasure b{position:absolute;top:-6px;left:50%;z-index:2;padding:1px 7px;border-radius:999px;background:var(--sun);color:#6b4a00;font:700 11px var(--display);white-space:nowrap;transform:translate(-50%);animation:treasure-label 1s .15s var(--bounce) both}.rock-treasure.is-legend b{background:linear-gradient(90deg,#ff9ad5,#ffe17a,#8fc8ff);color:var(--ink)}@keyframes treasure-glow{0%{transform:scale(.3);opacity:0}35%{transform:scale(1.1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes treasure-label{0%{transform:translate(-50%,10px) scale(.6);opacity:0}30%{transform:translate(-50%) scale(1.08);opacity:1}80%{opacity:1}to{transform:translate(-50%,-14px);opacity:0}}@media(prefers-reduced-motion:reduce){.rock-treasure i,.rock-treasure b{animation:none;opacity:0}}.vs-entry,.vs-lobby{display:grid;gap:16px;width:100%;max-width:560px;margin:0 auto}.vs-entry .screen-head h1{display:inline-flex;align-items:center;gap:8px}.vs-rules{display:grid;gap:8px;padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);font-size:14px}.vs-rules b{color:var(--ink)}.vs-field{display:grid;gap:6px;font:600 13px var(--display);color:var(--ink-soft)}.vs-field input,.vs-join input{min-width:0;padding:12px 14px;border:2px solid var(--edge-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:600 18px var(--display)}.vs-field input:focus,.vs-join input:focus{outline:3px solid var(--grape-soft);border-color:var(--grape)}.vs-actions{display:grid;gap:10px}.vs-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.vs-join input{text-align:center;letter-spacing:.3em;text-transform:uppercase}.vs-status{margin:0;color:var(--muted);text-align:center}.vs-error{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:var(--coral-soft);color:var(--coral-deep);font-weight:700;text-align:center}.vs-code{display:grid;justify-items:center;gap:6px;padding:16px;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--grape-soft),var(--pink-soft));box-shadow:var(--lift)}.vs-code small{font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.vs-code strong{font:700 52px/1 var(--display);letter-spacing:.18em;color:var(--grape-deep)}.vs-players{padding:14px;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.vs-players h2{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:600 17px var(--display)}.vs-players h2 span{margin-left:auto;color:var(--muted);font-size:14px}.vs-players ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.vs-seat{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--cream)}.vs-seat.is-you{box-shadow:inset 0 0 0 2px var(--grape-soft)}.vs-seat.is-away{opacity:.6}.vs-seat.is-empty{display:block;border:2px dashed var(--line);background:none;color:var(--muted);font-size:13px;line-height:32px;text-align:center}.vs-seat-name{display:flex;align-items:center;gap:5px;min-width:0}.vs-seat-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px var(--display)}.vs-seat-name em{padding:0 6px;border-radius:999px;background:var(--grape-soft);color:var(--grape-deep);font:700 10px/16px var(--display);font-style:normal;text-transform:uppercase}.vs-seat-name svg{flex:none;color:var(--sun-deep)}.vs-seat-state{font:700 12px var(--display);color:var(--muted)}.vs-seat.is-ready .vs-seat-state{color:var(--mint-deep)}.vs-bots{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;color:var(--ink-soft);font-size:13px}.vs-you{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--lift)}.vs-you>div{display:grid;gap:4px;margin-right:auto}.vs-you small{font:700 12px var(--display);color:var(--ink-soft)}.vs-lobby-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.vs-wait{color:var(--muted);font-size:14px}.vs-picker{width:100%}.vs-match{display:grid;grid-template-columns:minmax(0,520px) minmax(220px,280px);justify-content:center;align-items:start;gap:16px;width:100%}.vs-rivals{order:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;position:sticky;top:12px}.vs-main{order:1;min-width:0}.vs-board{position:relative}.vs-rival{position:relative;display:grid;gap:4px;padding:7px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .12s,border-color .12s}.vs-rival:hover{transform:translateY(-2px)}.vs-rival.is-pinned{border-color:var(--coral-deep);box-shadow:0 0 0 3px #e04d4d33}.vs-rival.is-danger:not(.is-ko){animation:rival-danger .8s ease-in-out infinite alternate}.vs-rival.is-ko{opacity:.55;cursor:default}.vs-rival-head{display:flex;align-items:center;gap:4px;min-width:0}.vs-rival-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--display)}.vs-rival-head em{margin-left:auto;color:var(--sun-deep);font-size:11px;font-style:normal}.vs-rival-pin{position:absolute;top:-8px;right:-8px;padding:2px;border-radius:50%;background:var(--coral-deep);color:#fff}.vs-mini{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:3px;border-radius:8px;background:#3b2c4f;aspect-ratio:1}.vs-mini i{border-radius:2px;background:var(--tile, #b9a9d6)}.vs-mini i.is-empty{background:#ffffff14}.vs-mini i.is-legend{background:linear-gradient(135deg,#ffe17a,#ff9ad5)}.vs-mini i.is-junk{background:#9a91a3}.vs-mini i.is-junk.is-heavy{background:#5f566a}.vs-mini-ko{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#2a1f3acc;color:#fff;font:700 26px var(--display);letter-spacing:.08em}.vs-rival-stats{display:flex;justify-content:space-between;font:700 12px var(--display);font-variant-numeric:tabular-nums}.vs-rival-incoming{color:var(--coral-deep)}.vs-danger{height:4px;overflow:hidden;border-radius:999px;background:var(--line)}.vs-danger i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sun),var(--coral-deep));transition:width .3s}.vs-target-hint{grid-column:1 / -1;display:flex;align-items:center;gap:4px;margin:0;color:var(--muted);font-size:12px}.vs-feed{grid-column:1 / -1;display:grid;gap:3px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--ink-soft)}.vs-feed li{animation:feed-in .3s var(--bounce) both}.vs-countdown{position:absolute;inset:0;z-index:40;display:grid;place-items:center;border-radius:inherit;background:#2a1f3a66;color:#fff;font:700 120px var(--display);text-shadow:0 6px 0 var(--grape-deep);animation:countdown-pop .9s var(--bounce) both;pointer-events:none}.vs-ko-banner{position:absolute;inset:auto 16px 40%;z-index:40;display:grid;justify-items:center;gap:4px;padding:16px;border-radius:var(--radius-md);background:#2a1f3ae6;color:#fff;text-align:center;animation:countdown-pop .5s var(--bounce) both}.vs-ko-banner strong{font:700 30px var(--display);color:#ffa3a3}.vs-sent{position:absolute;top:54px;left:50%;z-index:45;display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:var(--coral-deep);color:#fff;font:700 18px var(--display);transform:translate(-50%);animation:sent-fly .9s ease-out both;pointer-events:none}.vs-toast{position:fixed;bottom:16px;left:50%;z-index:60;transform:translate(-50%)}.vs-results{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#2a1f3a99;animation:fade-in .25s both}.vs-results-card{display:grid;justify-items:center;gap:12px;width:min(440px,100%);max-height:100%;overflow:auto;padding:22px 18px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 20px 50px #0004;animation:countdown-pop .5s var(--bounce) both}.vs-trophy{color:var(--sun-deep)}.vs-results-card h2{margin:0;font:700 28px var(--display)}.vs-results-card ol{display:grid;gap:6px;width:100%;margin:0;padding:0;list-style:none}.vs-results-card li{display:grid;grid-template-columns:30px 40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--cream)}.vs-results-card li.is-you{box-shadow:inset 0 0 0 2px var(--grape)}.vs-place{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--line);font:700 15px var(--display)}.vs-place.place-1{background:var(--sun);color:#6b4a00}.vs-place.place-2{background:#dcd6e6}.vs-place.place-3{background:var(--peach-soft);color:#9a4b1c}.vs-place-sprite{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.vs-place-name{display:grid;min-width:0}.vs-place-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px var(--display)}.vs-place-name small{color:var(--muted);font-size:12px}.vs-results-card li strong{font:700 16px var(--display);font-variant-numeric:tabular-nums}.vs-results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@keyframes rival-danger{to{border-color:#e04d4d99}}@keyframes feed-in{0%{transform:translate(-8px);opacity:0}}@keyframes countdown-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:none}}@keyframes sent-fly{0%{transform:translate(-50%,10px) scale(.7);opacity:0}25%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-40px) scale(1);opacity:0}}@keyframes fade-in{0%{opacity:0}}@media(max-width:820px){.vs-match{grid-template-columns:minmax(0,1fr);gap:10px}.vs-rivals{order:0;position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.vs-rival{flex:0 0 92px;padding:5px;scroll-snap-align:start}.vs-match.is-crowded .vs-rival{flex-basis:78px}.vs-rival-head b{font-size:11px}.vs-mini-ko{font-size:18px}.vs-target-hint,.vs-feed{display:none}.vs-code strong{font-size:44px}.vs-seat{grid-template-columns:minmax(0,1fr) auto auto}.vs-seat .team-strip{display:none}}@media(prefers-reduced-motion:reduce){.vs-rival.is-danger:not(.is-ko),.vs-countdown,.vs-ko-banner,.vs-sent,.vs-results,.vs-results-card,.vs-feed li{animation:none}}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap}:root{--ink: #4a3a62;--ink-soft: #6f6187;--muted: #8d82a3;--line: #ece2f3;--edge: #e6d9f0;--edge-strong: #d6c4e6;--cream: #fff8f1;--surface: #fffdfb;--grape: #8b6cff;--grape-soft: #efe9ff;--grape-deep: #6a4ad8;--pink: #ff7eb3;--pink-soft: #ffe6f0;--pink-deep: #e0558f;--mint: #3fc79a;--mint-soft: #ddf8ec;--mint-deep: #23a077;--sky: #4ea9ff;--sky-soft: #ddefff;--sky-deep: #2b84dc;--sun: #ffc93d;--sun-soft: #fff3c7;--sun-deep: #e3a514;--peach: #ff9a62;--peach-soft: #ffe9dc;--coral-deep: #e04d4d;--coral-soft: #ffe4e1;--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--lift: 0 5px 0 var(--edge);--display: Fredoka, Nunito, system-ui, sans-serif;--body: Nunito, system-ui, sans-serif;--bounce: cubic-bezier(.2, .9, .3, 1.35);color-scheme:light;font-family:var(--body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 6%,#ffe3ef 0,transparent 28%),radial-gradient(circle at 92% 18%,#e9e2ff 0,transparent 30%),radial-gradient(circle at 80% 92%,#dff6ec 0,transparent 30%),radial-gradient(circle at 6% 80%,#fff0c9 0,transparent 26%),radial-gradient(#ecdff5 1.4px,transparent 1.6px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,26px 26px}h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.01em}p{margin:0}img{max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--grape);outline-offset:3px}::selection{background:var(--pink-soft)}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:1080px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:10px;min-height:56px}.topbar>:last-child{margin-left:auto}.icon-button,.chip-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:2px solid var(--edge);border-radius:14px;background:var(--surface);color:var(--ink-soft);font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--edge);transition:transform .16s var(--bounce),box-shadow .16s,color .16s}.icon-button{padding:0}.icon-button:hover,.chip-button:hover{color:var(--grape-deep);transform:translateY(-2px);box-shadow:0 5px 0 var(--edge)}.icon-button:active,.chip-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--edge)}.mode-badge{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;font:600 15px var(--display)}.mode-badge.mode-daily{background:var(--sun-soft);color:#9a6a00}.mode-badge.mode-classic{background:var(--grape-soft);color:var(--grape-deep)}.mode-badge small{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:2px 8px;border-radius:999px;background:#fff9;font:800 12px var(--body);color:var(--ink-soft)}.screen{flex:1;padding:8px 0 24px;animation:screen-in .36s var(--bounce) both}.footer{padding:12px 0 4px;text-align:center;font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:16px;font:600 17px var(--display);transition:transform .16s var(--bounce),box-shadow .16s,filter .16s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(#a08aff,var(--grape));color:#fff;box-shadow:0 5px 0 var(--grape-deep),inset 0 2px #fff5;text-shadow:0 1px 0 #5a3cc455}.btn-soft{background:var(--surface);color:var(--grape-deep);border:2px solid var(--edge);box-shadow:0 5px 0 var(--edge)}.btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-primary:not(:disabled):hover{box-shadow:0 7px 0 var(--grape-deep),inset 0 2px #fff5}.btn:not(:disabled):active{transform:translateY(4px)}.btn-primary:not(:disabled):active{box-shadow:0 1px 0 var(--grape-deep),inset 0 2px #fff5}.btn-soft:not(:disabled):active{box-shadow:0 1px 0 var(--edge)}.btn-big{min-height:56px;font-size:19px;padding:0 26px}.title{display:flex;flex-direction:column;align-items:stretch;gap:22px;max-width:520px;min-height:calc(100dvh - 150px);margin:0 auto;justify-content:center}.title-status{display:flex;align-items:center;gap:8px;min-width:0}.title-status .level-badge{width:150px}.streak-pill{display:inline-flex;align-items:center;gap:3px;height:34px;padding:0 11px 0 8px;border-radius:999px;background:var(--peach-soft);color:#d0602a;font:700 17px var(--display);box-shadow:0 3px #ffd2b8}.streak-pill svg{animation:flame 1.2s ease-in-out infinite alternate}.streak-pill.is-done{background:var(--peach);color:#fff;box-shadow:0 3px #e0773c}.title-logo{min-width:0;text-align:center}.title-parade{display:flex;justify-content:center;align-items:flex-end;height:84px;margin-bottom:-6px}.title-parade img{width:min(56px,11vw);height:min(56px,11vw);margin:0 -.6vw;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #e5d6f1);animation:hop 2.4s calc(var(--i) * .14s) ease-in-out infinite}.title-parade img.legend{width:min(80px,16vw);height:min(80px,16vw)}.title-logo h1{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}.logo-poke{display:inline-flex;align-items:baseline;font:700 clamp(64px,18vw,104px) / .9 var(--display);letter-spacing:-.01em;color:#ffd23f;-webkit-text-stroke:9px #3d4fbf;paint-order:stroke fill;text-shadow:0 6px 0 #2a3690,0 12px 22px #3d4fbf55;transform:rotate(-4deg)}.logo-ball{position:relative;align-self:center;width:.62em;height:.62em;margin:.08em .02em 0 .04em;border:.075em solid #3d4fbf;border-radius:50%;background:linear-gradient(#ff5a5f 0 46%,#3d4fbf 46% 56%,#fff 56%);box-shadow:0 .09em #2a3690,inset -.05em -.06em #0000001a;animation:ball-wobble 3.6s ease-in-out infinite}.logo-ball:after{content:"";position:absolute;top:50%;left:50%;width:.2em;height:.2em;border:.055em solid #3d4fbf;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.logo-match{display:flex;gap:clamp(4px,1.2vw,7px);margin-top:2px}.logo-match b{--tile-top: #8fe07a;--tile-bottom: #4fbf5a;--tile-edge: #2f8f3d;display:grid;place-items:center;width:clamp(46px,12.5vw,64px);height:clamp(46px,12.5vw,64px);border:2px solid #ffffffc0;border-bottom:5px solid var(--tile-edge);border-radius:14px;background:radial-gradient(ellipse at 45% 12%,#ffffffb0,transparent 70%),linear-gradient(var(--tile-top),var(--tile-bottom));box-shadow:0 6px 14px #4a3a6233;color:#fff;font:700 clamp(30px,8.4vw,42px) / 1 var(--display);text-shadow:0 3px 0 var(--tile-edge);transform:rotate(calc((var(--i) - 2) * 3deg));animation:tile-hop 2.8s calc(var(--i) * .12s) ease-in-out infinite}.logo-match b:nth-child(2){--tile-top: #ffb48a;--tile-bottom: #ff7f45;--tile-edge: #cf5a24}.logo-match b:nth-child(3){--tile-top: #8cc8ff;--tile-bottom: #4ea0f5;--tile-edge: #2b72c4}.logo-match b:nth-child(4){--tile-top: #ffe27a;--tile-bottom: #ffc12e;--tile-edge: #c98d00}.logo-match b:nth-child(5){--tile-top: #ffa6cf;--tile-bottom: #f070aa;--tile-edge: #c0447d}@keyframes tile-hop{0%,70%,to{translate:0 0}80%{translate:0 -8px}90%{translate:0 1px}}@keyframes ball-wobble{0%,78%,to{transform:rotate(0)}84%{transform:rotate(-16deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-5deg)}}.title-logo p{margin-top:14px;font:600 15px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--pink-deep)}.play-stack{display:grid;gap:14px}.play-button{--face: var(--grape);--face-hi: #a993ff;--base: var(--grape-deep);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label go" "team go";align-items:center;gap:8px 12px;width:100%;padding:16px 16px 16px 22px;overflow:hidden;border:3px solid #fff;border-radius:28px;background:linear-gradient(170deg,var(--face-hi),var(--face) 70%);color:#fff;text-align:left;box-shadow:0 8px 0 var(--base),0 16px 28px color-mix(in srgb,var(--base) 35%,transparent);transition:transform .16s var(--bounce),box-shadow .16s}.play-button:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#fff6 50%,transparent 60%);background-size:250% 100%;animation:sheen 3.6s ease-in-out infinite;pointer-events:none}.play-button.is-daily{--face: #ffb31f;--face-hi: #ffd85c;--base: #d98a00}.play-button.is-versus{--face: #ff7a7a;--face-hi: #ffa3a3;--base: #d24f5c}.play-button.is-versus:after{animation-delay:3.6s}.play-versus-art{display:flex}.play-versus-art img{width:44px;height:44px;margin-left:-8px;object-fit:contain;image-rendering:pixelated}.play-button.is-classic:after{animation-delay:1.8s}.play-button:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--base),0 20px 32px color-mix(in srgb,var(--base) 35%,transparent)}.play-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--base),0 6px 12px color-mix(in srgb,var(--base) 35%,transparent)}.play-label{grid-area:label;display:flex;flex-direction:column;min-width:0;text-shadow:0 2px 0 color-mix(in srgb,var(--base) 70%,transparent)}.play-label small{display:flex;align-items:center;gap:8px;font:700 13px var(--display);letter-spacing:.1em;text-transform:uppercase;opacity:.95}.play-label strong{font:700 clamp(28px,8vw,36px) / 1.05 var(--display)}.play-label em{display:flex;align-items:center;gap:5px;margin-top:2px;font:600 14px var(--display);font-style:normal;opacity:.95}.play-reward{display:inline-flex;align-items:center;gap:2px;padding:2px 7px 2px 6px;border-radius:999px;background:#fff;color:var(--pink-deep);text-shadow:none;letter-spacing:0;animation:reward-bob 1.6s ease-in-out infinite}.play-button .team-strip{grid-area:team}.play-button .team-strip>span{background:#fffc;box-shadow:inset 0 -3px #0001}.play-go{grid-area:go;display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:#fff;color:var(--face);box-shadow:0 5px color-mix(in srgb,var(--base) 55%,#fff),inset 0 -4px #0000000d;transition:transform .2s var(--bounce)}.play-button:hover .play-go{transform:scale(1.1) rotate(-6deg)}.title-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nav-tile{--tone: var(--grape);--tone-soft: var(--grape-soft);position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:2.5px solid var(--edge);border-radius:20px;background:var(--surface);font:600 14px/1.1 var(--display);color:var(--ink);box-shadow:0 5px 0 var(--edge);transition:transform .16s var(--bounce),box-shadow .16s}.nav-tile.tone-pink{--tone: var(--pink);--tone-soft: var(--pink-soft)}.nav-tile.tone-sun{--tone: var(--sun-deep);--tone-soft: var(--sun-soft)}.nav-tile.tone-mint{--tone: var(--mint);--tone-soft: var(--mint-soft)}.nav-tile:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--edge)}.nav-tile:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}.nav-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--tone-soft);color:var(--tone)}.nav-tile small{position:absolute;top:-8px;right:-4px;padding:2px 7px;border-radius:999px;background:var(--pink);color:#fff;font:700 11px var(--display);box-shadow:0 2px 0 var(--pink-deep)}.nav-tile.is-new:before{content:"";position:absolute;top:-5px;right:-3px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--coral-deep);animation:reward-bob 1.2s ease-in-out infinite}.how-screen{max-width:720px;margin:0 auto}.how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.how-grid li{padding:16px;border-radius:var(--radius-md);background:var(--cream);box-shadow:0 4px #00000010}.how-grid li:nth-child(1){background:var(--mint-soft)}.how-grid li:nth-child(2){background:var(--sky-soft)}.how-grid li:nth-child(3){background:var(--pink-soft)}.how-grid li:nth-child(4){background:var(--grape-soft)}.how-grid li:nth-child(5){background:var(--coral-soft)}.how-grid li:nth-child(6){background:var(--sun-soft)}.how-play{display:flex;width:min(100%,360px);margin:22px auto 0}.screen-ranks .leaderboard{max-width:560px;margin:0 auto}.boss-result{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--cream);text-align:left}.boss-result.is-caught{background:linear-gradient(120deg,var(--mint-soft),var(--sky-soft));border:2px solid #b6ead6;animation:star-pop .6s 1.8s var(--bounce) both}.boss-result img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.boss-result>span{display:flex;flex-direction:column;margin-right:auto}.boss-result b{font:600 18px var(--display)}.boss-result small{font-size:13px;color:var(--ink-soft)}.dex-family.is-megas{background:linear-gradient(170deg,var(--surface) 40%,#f3e8ff)}.dex-family.is-wild{background:linear-gradient(170deg,var(--surface) 40%,var(--coral-soft))}.dex-family.is-wild ol,.dex-family.is-megas ol{grid-template-columns:repeat(3,minmax(0,1fr))}.how-art{display:flex;align-items:center;height:52px;margin-bottom:6px}.how-art img{width:38px;height:38px;margin-right:-14px;object-fit:contain;image-rendering:pixelated}.how-art span{display:grid;place-items:center;margin:0 6px 0 18px;font-weight:900;color:var(--ink-soft)}.how-art img.how-result{width:52px;height:52px;animation:hop 2s ease-in-out infinite}.how-grid strong{font:600 17px var(--display)}.how-grid p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-soft)}.play-card{max-width:540px;margin:0 auto;padding:18px 18px 16px;border:2.5px solid var(--edge);border-radius:30px;background:var(--surface);box-shadow:0 6px 0 var(--edge),0 18px 40px #6a4ad812}.loading{display:grid;place-items:center;gap:10px;min-height:50vh;font:600 20px var(--display);color:var(--ink-soft)}.loading img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;animation:hop .9s ease-in-out infinite}.results{display:grid;gap:22px;max-width:560px;margin:0 auto}@media(min-width:900px){.results{max-width:none;grid-template-columns:minmax(0,1fr) 360px;align-items:start;column-gap:28px}}.results-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 22px 22px;overflow:hidden;text-align:center;border:2.5px solid var(--edge);border-radius:30px;background:radial-gradient(ellipse at 50% 0%,var(--grape-soft),transparent 60%),var(--surface);box-shadow:0 6px 0 var(--edge)}.results-confetti i{position:absolute;top:-12px;left:calc(var(--i) * 5.6%);width:9px;height:14px;border-radius:3px;background:var(--pink);animation:confetti 2.6s calc(var(--i) * 90ms) ease-in both}.results-confetti i:nth-child(3n){background:var(--sun)}.results-confetti i:nth-child(3n+1){background:var(--grape)}.results-confetti i:nth-child(4n){background:var(--mint);border-radius:50%;width:10px;height:10px}.results-mascot{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 0 #6a4ad81a);animation:hop 1.8s ease-in-out infinite}.results-card h1{margin-top:2px;font-size:clamp(30px,6vw,40px)}.results-stars{display:flex;gap:4px;margin:10px 0 4px;color:var(--edge-strong)}.results-stars .earned{color:var(--sun);filter:drop-shadow(0 3px 0 var(--sun-deep));animation:star-pop .52s calc(.25s + var(--i) * .14s) var(--bounce) both}.results-score{display:flex;flex-direction:column;align-items:center;margin-top:6px}.results-score small{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.results-score strong{font:700 54px var(--display);line-height:1.05;color:var(--grape-deep);font-variant-numeric:tabular-nums}.rush-tag{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#ffd1e8,#fff1c2,#d4f7e6,#d6eaff,#eadcff);color:var(--grape-deep);font:600 14px var(--display);animation:star-pop .5s 1.8s var(--bounce) both}.best-tag{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:4px 12px;border-radius:999px;background:var(--sun);color:#6b4a00;font:600 14px var(--display);box-shadow:0 3px 0 var(--sun-deep);animation:star-pop .5s .9s var(--bounce) both}.results-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:18px 0 0}.results-stats>div{padding:12px 6px;border-radius:var(--radius-md);background:var(--cream)}.results-stats>div:nth-child(1){background:var(--mint-soft)}.results-stats>div:nth-child(2){background:var(--peach-soft)}.results-stats>div:nth-child(3){background:var(--sky-soft)}.results-stats>div:nth-child(4){background:var(--sun-soft)}.results-stats>div:nth-child(5){background:var(--pink-soft)}.results-stats>div:nth-child(6){background:var(--grape-soft)}.results-stats dt{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:800;color:var(--ink-soft)}.results-stats dd{margin:2px 0 0;font:700 26px var(--display)}.post-form{width:100%;margin-top:18px;text-align:left}.post-form label{display:block;margin-bottom:6px;font:600 15px var(--display)}.post-form>div{display:flex;gap:8px}.post-form input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:2.5px solid var(--edge-strong);border-radius:16px;background:#fff;font-size:16px;font-weight:700}.post-form input:focus{border-color:var(--grape);outline:none;box-shadow:0 0 0 4px var(--grape-soft)}.post-error{margin-top:8px;padding:8px 12px;border-radius:12px;background:var(--coral-soft);color:var(--coral-deep);font-size:14px;font-weight:700}.post-done{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:14px 16px;border-radius:var(--radius-md);background:var(--mint-soft);color:var(--mint-deep);text-align:left;animation:star-pop .42s var(--bounce) both}.post-done span{display:flex;flex-direction:column}.post-done b{font:600 19px var(--display)}.post-done small{font-size:13px;color:var(--ink-soft)}.offline-note{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--cream);font-size:14px;color:var(--ink-soft);text-align:left}.offline-note svg{flex:none}.results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.leaderboard{padding:18px;border:2.5px solid var(--edge);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--lift)}.leaderboard-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.leaderboard h2{display:flex;align-items:center;gap:8px;font-size:22px}.leaderboard h2 svg{color:var(--sun-deep)}.tabs{display:flex;padding:4px;border-radius:14px;background:var(--grape-soft)}.tabs button{min-height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--grape-deep);font:600 14px var(--display)}.tabs button.active{background:#fff;box-shadow:0 2px #d9ccff}.board-list{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.board-list li{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;border-radius:16px;background:var(--cream)}.board-list .rank{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#fff;font:700 15px var(--display);color:var(--ink-soft)}.board-list .podium-1{background:var(--sun-soft)}.board-list .podium-1 .rank{background:var(--sun);color:#fff}.board-list .podium-2{background:#f1eef7}.board-list .podium-2 .rank{background:#b9b2c9;color:#fff}.board-list .podium-3{background:var(--peach-soft)}.board-list .podium-3 .rank{background:var(--peach);color:#fff}.board-list li.you{outline:3px solid var(--grape);outline-offset:-1px;animation:star-pop .48s var(--bounce) both}.board-list .who{display:flex;flex-direction:column;min-width:0;margin-right:auto}.board-list .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.board-list .who small{font-size:12px;color:var(--muted)}.board-list strong{font:700 19px var(--display);font-variant-numeric:tabular-nums;color:var(--grape-deep)}.board-list .skeleton span{height:14px;width:60%;border-radius:8px;background:linear-gradient(90deg,var(--line),#f7f0fb,var(--line));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.board-empty{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:var(--radius-md);background:var(--cream)}.board-empty img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.board-empty p{display:flex;flex-direction:column;gap:2px}.board-empty b{font:600 17px var(--display)}.board-empty span{font-size:14px;color:var(--ink-soft)}.panel{padding:18px;border:2.5px solid var(--edge);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--lift)}.team-strip{display:inline-flex;gap:4px;vertical-align:middle}.team-strip>span{position:relative;display:grid;place-items:center;width:var(--size);height:var(--size);overflow:hidden;border-radius:30%;background:var(--chip);box-shadow:inset 0 -2px 0 var(--chip-edge)}.team-strip img{width:92%;height:92%;object-fit:contain;image-rendering:pixelated}.team-strip img.is-fit{object-fit:fill}.team-strip img.is-loading{visibility:hidden}.type-pill{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--chip-edge, var(--grape));color:#fff;font:700 12px var(--body);letter-spacing:.02em;vertical-align:middle}.level-badge{display:flex;align-items:center;gap:8px}.level-number{display:grid;place-items:center;align-content:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6,transparent 50%),var(--grape);color:#fff;font:700 19px/1 var(--display);box-shadow:0 3px 0 var(--grape-deep),inset 0 0 0 3px #fff4}.level-number small{font-size:12px;font-weight:600;opacity:.9}.level-badge.is-compact .level-number{width:40px;height:40px;font-size:16px}.level-badge.is-compact{margin-left:auto}.level-badge.is-compact+.sound-menu{margin-left:0}.level-track{display:block;flex:1;min-width:60px;height:10px;overflow:hidden;border-radius:10px;background:var(--line)}.level-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--grape),var(--pink));transition:width .2s linear}.level-track.is-big{height:14px}.screen-head{margin-bottom:18px}.screen-head h1{font-size:clamp(32px,6vw,44px)}.screen-head p{max-width:560px;margin-top:6px;font-size:16px;line-height:1.5;color:var(--ink-soft)}.link-button{display:inline-flex;align-items:center;gap:4px;margin-left:8px;border:0;background:none;color:var(--grape-deep);font-size:12px;font-weight:800;text-decoration:underline}.how-meter{width:36px;height:10px;margin-left:8px;overflow:hidden;border-radius:6px;background:#fff}.how-meter i{display:block;height:100%;background:var(--leaf);animation:meter-fill 2.4s ease-in-out infinite}.how-art svg+svg{margin-left:4px}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.family-card{position:relative;display:grid;gap:6px;padding:12px 14px 14px;text-align:left;border:2.5px solid var(--edge);border-radius:var(--radius-md);background:linear-gradient(170deg,#fff 30%,var(--chip));box-shadow:0 4px 0 var(--edge);transition:transform .18s var(--bounce),box-shadow .18s,border-color .18s}.family-card:not(:disabled):hover{transform:translateY(-3px)}.family-card.is-chosen{border-color:var(--chip-edge);box-shadow:0 4px 0 var(--chip-edge),0 0 0 4px color-mix(in srgb,var(--chip-edge) 30%,transparent)}.family-card.is-locked{background:#f4f0f8;cursor:not-allowed}.family-card.is-locked img{filter:brightness(0) opacity(.25)}.family-line{display:flex;align-items:flex-end;height:64px}.family-line img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.family-line img:last-child{width:66px;height:66px}.family-name{display:flex;align-items:center;gap:8px}.family-name b{font:600 19px var(--display)}.family-move{display:flex;flex-direction:column}.family-move b{font:600 15px var(--display);color:var(--chip-ink)}.family-move small{font-size:13px;color:var(--ink-soft)}.family-swap{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;background:var(--sun-soft);color:#8a5a00;font:700 11px var(--display)}.family-card.is-rival{opacity:.82}.family-card.is-rival:hover{opacity:1}.family-check,.family-lock{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px}.family-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--chip-edge);color:#fff;animation:star-pop .36s var(--bounce) both}.family-lock{padding:4px 10px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--display)}.team-bar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 12px 12px 18px;border:2.5px solid var(--edge);border-radius:22px;background:#fffdfbee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #4a3a6222;font:600 16px var(--display)}.dex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.dex-stats>div{display:flex;flex-direction:column;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface);border:2px solid var(--line)}.dex-stats b{font:700 24px var(--display)}.dex-stats small{font-size:13px;font-weight:800;color:var(--muted)}.dex-stats .is-shiny{background:linear-gradient(135deg,#fff6c8,#ffd9f1 50%,#d8ecff)}.dex-toggle{display:inline-flex;padding:4px;margin-bottom:14px;border-radius:14px;background:var(--grape-soft)}.dex-toggle button{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--grape-deep);font:600 15px var(--display)}.dex-toggle button.active{background:#fff;box-shadow:0 2px #d9ccff}.dex-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.dex-family{padding:14px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--surface) 40%,var(--chip, var(--sun-soft)));border:2px solid var(--line)}.dex-family h2{display:flex;align-items:center;gap:8px;font-size:18px}.dex-lock{display:inline-flex;align-items:center;gap:3px;margin-left:auto;font:700 12px var(--body);color:var(--muted)}.dex-family ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none}.dex-family p{margin-top:8px;font-size:13px;color:var(--ink-soft)}.dex-entry{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:14px;background:#fff9}.dex-entry img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:brightness(0) opacity(.22)}.dex-entry.is-found img{filter:drop-shadow(0 3px 0 #0001)}.dex-entry span{font:600 14px var(--display);color:var(--muted)}.dex-entry small{font-size:12px;color:var(--muted)}.dex-shiny{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sun);color:#fff}.xp-panel{width:100%;margin-top:18px;text-align:left}.xp-head{display:flex;justify-content:space-between;margin-bottom:6px;font:600 16px var(--display)}.xp-head span{color:var(--grape-deep)}.level-up{margin-top:8px;font:600 16px var(--display);color:var(--grape-deep);animation:star-pop .5s 1.6s var(--bounce) both}.unlock-reveal,.reward-panel{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);text-align:left}.unlock-reveal{background:linear-gradient(120deg,var(--grape-soft),var(--pink-soft));border:2px solid #d9ccff;animation:star-pop .6s 2.2s var(--bounce) both}.unlock-line{display:flex;align-items:flex-end}.unlock-line img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.unlock-reveal>span,.reward-panel>span:not(.reward-items){display:flex;flex-direction:column}.unlock-reveal b,.reward-panel b{font:600 18px var(--display)}.unlock-reveal small,.reward-panel small{font-size:13px;color:var(--ink-soft)}.reward-panel{background:var(--sun-soft);color:#8a6100}.reward-panel>svg{flex:none}.reward-items{display:flex;gap:4px;margin-left:auto}.reward-items>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 3px #f6dc8f;animation:star-pop .48s calc(1.1s + var(--i) * .12s) var(--bounce) both}.dex-new{width:100%;margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--mint-soft);text-align:left}.dex-new b{font:600 16px var(--display);color:var(--mint-deep)}.dex-new div{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.dex-new img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;animation:star-pop .42s calc(1.3s + var(--i) * 80ms) var(--bounce) both}.dex-new img.is-shiny{border-radius:50%;background:radial-gradient(#fff6c8,transparent 70%)}.sound-menu{position:relative;margin-left:auto}.sound-popover{position:absolute;z-index:50;top:calc(100% + 8px);right:0;display:grid;gap:4px;width:240px;padding:8px;border:2.5px solid var(--edge);border-radius:18px;background:var(--surface);box-shadow:0 12px 30px #4a3a6230;animation:star-pop .24s var(--bounce) both}.toggle-row{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 10px;border-radius:12px;font-weight:800;cursor:pointer}.toggle-row:hover{background:var(--cream)}.toggle-row span{margin-right:auto}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{position:relative;width:44px;height:26px;border-radius:13px;background:var(--edge-strong);transition:background .16s}.toggle-row i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .18s var(--bounce)}.toggle-row input:checked+i{background:var(--grape)}.toggle-row input:checked+i:after{transform:translate(18px)}.toggle-row input:focus-visible+i{outline:3px solid var(--grape);outline-offset:2px}.board-list .who small{display:flex;align-items:center;gap:6px}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}@keyframes logo-breathe{50%{transform:rotate(-3deg) scale(1.03)}}@keyframes sheen{0%,55%{background-position:160% 0}to{background-position:-60% 0}}@keyframes reward-bob{50%{transform:translateY(-2px) scale(1.06)}}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes star-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(520px) rotate(540deg)}}@keyframes flame{to{transform:scale(1.15) rotate(-6deg)}}@keyframes meter-fill{0%{width:10%}80%,to{width:100%}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:600px){.app{padding-inline:12px}.play-card{padding:12px 10px;border-radius:24px}.mode-badge{font-size:14px;padding:0 10px}.results-score strong{font-size:46px}}@media(prefers-reduced-motion:reduce){.screen,.title-parade img,.logo-ball,.logo-match b,.play-button:after,.play-reward,.streak-pill svg,.nav-tile.is-new:before,.how-art img.how-result,.loading img,.results-mascot,.results-confetti i,.results-stars .earned,.best-tag,.post-done,.board-list li.you,.board-list .skeleton span,.how-meter i,.unlock-reveal,.reward-items>span,.dex-new img,.level-up,.family-check,.sound-popover{animation:none}.results-confetti{display:none}.btn,.icon-button,.chip-button{transition:none}}@media(max-width:600px){.how-grid{grid-template-columns:minmax(0,1fr)}.dex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.team-bar{flex-direction:column;align-items:stretch;text-align:center}.reward-panel{flex-wrap:wrap}.reward-items{margin-left:0}}.caught-icon{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.sound-credits{display:flex;align-items:center;gap:10px;min-height:40px;margin-top:2px;padding:0 10px;border:0;border-top:2px solid var(--line);border-radius:0 0 12px 12px;background:none;color:var(--ink-soft);font:800 14px var(--body);cursor:pointer}.sound-credits:hover{background:var(--cream);color:var(--ink)}.how-credits{display:block;margin:14px auto 0;border:0;background:none;color:var(--muted);font:700 13px var(--body);text-decoration:underline;cursor:pointer}.credits-screen{display:grid;gap:12px;width:100%;max-width:620px;margin:0 auto}.credits-card{padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.credits-card h2{margin:0 0 6px;font:600 17px var(--display);color:var(--ink)}.credits-card p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}.credits-card a{display:inline-flex;align-items:center;gap:2px;color:var(--grape-deep);font-weight:700}