.home-match3-demo-hud{position:absolute;z-index:4;top:2%;left:1%;display:flex;gap:6px}.home-match3-demo-hud span{display:grid;min-width:68px;padding:8px 10px;border:1px solid #ffffff1a;border-radius:12px;background:#080b18dc;box-shadow:0 12px 28px #0007;backdrop-filter:blur(12px)}.home-match3-demo-hud small{color:#f9a8d4;font-size:7px;font-weight:900;letter-spacing:.12em}.home-match3-demo-hud b{color:#fff;font-size:14px;font-variant-numeric:tabular-nums}.home-match3-world .home-match3-grid[data-home-match3-grid]{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;width:min(32vw,354px);max-width:none;aspect-ratio:1;padding:11px;overflow:hidden;border:1px solid #ffffff24;border-radius:25px;background:radial-gradient(circle at 50% 0,#ec48991c,transparent 43%),linear-gradient(145deg,#151128,#07131d);box-shadow:0 38px 80px #000b,0 0 38px #ec48991c,inset 0 1px #fff2;transform:rotateX(7deg) rotateZ(-1.5deg)}.home-m3-cell{position:relative;display:block;min-width:0;aspect-ratio:1;border:0;border-radius:24%;background:transparent;box-shadow:none!important;animation:none!important}.home-m3-cell>i{position:absolute;inset:3%;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:27%;box-shadow:inset 0 4px 7px #fff4,inset 0 -6px 9px #0004,0 4px 9px #0005;transform:none!important}.home-m3-cell>i>span{display:grid;place-items:center;color:#ffffffe6;font-size:clamp(7px,1.25vw,14px);font-style:normal;font-weight:950;text-shadow:0 2px 4px #0007}.home-m3-cell.gem-violet>i{background:linear-gradient(145deg,#c4b5fd,#7c3aed)}.home-m3-cell.gem-cyan>i{border-radius:50%;background:linear-gradient(145deg,#a5f3fc,#0891b2)}.home-m3-cell.gem-coral>i{border-radius:16%;background:linear-gradient(145deg,#fecaca,#f43f5e);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.home-m3-cell.gem-gold>i{border-radius:18%;background:linear-gradient(145deg,#fef08a,#eab308)}.home-m3-cell.gem-mint>i{border-radius:12px 30px 12px 30px;background:linear-gradient(145deg,#a7f3d0,#059669)}.home-m3-cell.gem-pink>i{border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#fbcfe8,#db2777)}.home-m3-cell.special>i{outline:2px solid #ffffffb8;outline-offset:-3px;box-shadow:inset 0 0 10px #fff5,0 0 11px currentColor}.home-m3-cell.demo-selected>i{animation:home-m3-pick .34s ease both}.home-m3-cell.demo-target>i{animation:home-m3-target .34s ease both}.home-m3-cell.demo-cleared>i{animation:home-m3-clear .25s cubic-bezier(.35,0,.7,1) both}.home-m3-cell.demo-falling>i{animation:home-m3-fall .33s cubic-bezier(.18,.82,.28,1.08) both}.home-match3-world.demo-combo .home-match3-grid{box-shadow:0 38px 80px #000b,0 0 48px #67e8f944,inset 0 1px #fff3}.home-match3-world.demo-combo .home-match3-chain{border-color:#67e8f9;box-shadow:0 0 36px #22d3ee66}.home-match3-objective [data-home-m3-progress]{transition:width .5s cubic-bezier(.2,.8,.2,1)}@keyframes home-m3-pick{50%{transform:scale(1.13);filter:brightness(1.25);box-shadow:0 0 0 3px #fff,0 0 18px #ec4899}}@keyframes home-m3-target{50%{transform:scale(.9);filter:brightness(1.3)}}@keyframes home-m3-clear{45%{opacity:1;transform:scale(1.18);filter:brightness(1.7)}to{opacity:0;transform:scale(.25) rotate(12deg)}}@keyframes home-m3-fall{from{opacity:.2;transform:translateY(calc(var(--demo-fall) * -105%)) scale(.88)}to{opacity:1;transform:none}}@media(max-width:820px){.home-match3-world .home-match3-grid[data-home-match3-grid]{width:min(78vw,340px)}.home-match3-demo-hud{left:5%}}@media(max-width:520px){.home-match3-world{min-height:330px}.home-match3-world .home-match3-grid[data-home-match3-grid]{width:min(76vw,290px);gap:3px;padding:8px;border-radius:20px}.home-match3-demo-hud{top:0;left:0}.home-match3-demo-hud span{min-width:58px;padding:6px 8px}.home-match3-chain{z-index:5;top:3%}.home-match3-objective{z-index:5}.home-m3-cell>i>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.home-m3-cell>i{animation:none!important}}