.f9mc-game{--navy:#071a32;--blue:#0d5bd7;--grass:#16a05d;max-width:650px;margin:auto;padding:18px;border-radius:24px;background:linear-gradient(145deg,#09254a,#071528);color:#fff;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 20px 55px #00142d66}
.f9mc-top{display:flex!important;justify-content:center;align-items:center}.f9mc-top .f9mc-title{text-align:center}
.f9mc-star-meter{position:relative;width:min(100%,620px);height:48px;margin:8px auto 5px;padding:8px 54px 0 8px;box-sizing:border-box}.f9mc-star-track{position:absolute;left:8px;right:54px;top:22px;height:10px;overflow:hidden;border:2px solid #ffffff7a;border-radius:999px;background:#03172dcc;box-shadow:inset 0 2px 5px #001,0 0 10px #126bc466}.f9mc-star-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20d97a,#d9ed36 55%,#ffd21f);box-shadow:0 0 12px #ffe95c;transition:width .55s cubic-bezier(.2,.75,.2,1)}.f9mc-stars{position:absolute;z-index:2;left:8px;right:54px;top:7px;display:flex;justify-content:space-between;align-items:center}.f9mc-stars span{display:grid;width:30px;height:30px;place-items:center;color:#436078;font-size:25px;line-height:1;text-shadow:0 2px 2px #001,0 0 2px #fff8;filter:grayscale(1);transform:scale(.9);transition:color .25s,filter .25s,transform .25s}.f9mc-stars span.is-earned{color:#ffd82f;filter:none;transform:scale(1.16);animation:f9mc-star-earned .65s cubic-bezier(.15,.8,.2,1.25);text-shadow:0 2px 2px #6c3d00,0 0 8px #fff,0 0 15px #ffd21f}.f9mc-star-meter small{position:absolute;right:0;top:10px;width:48px;color:#9dc5ed;font-size:8px;font-weight:900;line-height:1.08;text-align:center;text-transform:uppercase;letter-spacing:.06em}.f9mc-star-meter small b{display:block;margin-bottom:2px;color:#fff;font-size:14px;letter-spacing:0;text-shadow:0 0 8px #2edb91}@keyframes f9mc-star-earned{0%{transform:scale(.75) rotate(-18deg)}48%{transform:scale(1.55) rotate(9deg)}100%{transform:scale(1.16) rotate(0)}}
.f9mc-tile img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.f9mc-target img{width:24px;height:24px;object-fit:contain;vertical-align:middle}
.f9mc-tile{position:relative;overflow:visible}.f9mc-tile .f9mc-obstacle{position:absolute;inset:-5%;width:110%;height:110%;z-index:2;filter:drop-shadow(0 2px 2px #001b)}.f9mc-tile.has-obstacle{cursor:not-allowed}
.f9mc-board{background-image:linear-gradient(#063b1c38,#03281470),url('images/backgrounds/pitch.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.f9mc-game{width:min(100%,520px);box-sizing:border-box;padding:14px}
.f9mc-board{width:min(100%,470px);box-sizing:border-box;margin-inline:auto;gap:3px;padding:6px;border-radius:14px}
.f9mc-board{touch-action:none;user-select:none;-webkit-user-select:none}
.f9mc-tile{min-width:0;padding:1px;border-radius:9px;box-shadow:0 2px 0 #6f91aa,0 3px 6px #00251966}
.f9mc-tile>img:not(.f9mc-obstacle){width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transform:scale(1.12)}
.f9mc-tile .f9mc-obstacle{inset:-9%;width:118%!important;height:118%!important;max-width:none!important}
@media(max-width:520px){.f9mc-game{padding:8px}.f9mc-board{gap:2px;padding:4px}.f9mc-tile{padding:0;border-radius:7px}.f9mc-star-meter{height:43px;margin-block:4px 2px;padding-right:46px}.f9mc-star-track{right:46px;top:19px;height:8px}.f9mc-stars{right:46px;top:5px}.f9mc-stars span{width:26px;height:26px;font-size:22px}.f9mc-star-meter small{width:42px;top:8px}}
.f9mc-tile,.f9mc-tile:hover,.f9mc-tile.has-obstacle{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.f9mc-tile>img:not(.f9mc-obstacle){filter:drop-shadow(0 3px 3px #001a);transition:transform .12s,filter .12s}
.f9mc-tile:hover{transform:none}.f9mc-tile:hover>img:not(.f9mc-obstacle){transform:scale(1.18);filter:drop-shadow(0 4px 4px #001c) brightness(1.08)}
.f9mc-tile.is-selected{outline:0!important;transform:none!important;filter:none!important}.f9mc-tile.is-selected>img:not(.f9mc-obstacle){transform:scale(1.2);filter:drop-shadow(0 0 7px #ffe234) drop-shadow(0 0 3px #fff)}
.f9mc-tile.is-clearing>img:not(.f9mc-obstacle){animation:f9mc-clear .64s cubic-bezier(.2,.8,.2,1) forwards}.f9mc-tile.is-hit .f9mc-obstacle{animation:f9mc-obstacle-hit .56s ease-out}
.f9mc-tile.has-obstacle.is-clearing>img:not(.f9mc-obstacle){animation:none!important;opacity:1!important;transform:scale(1.12)!important}.is-bomb-firing .f9mc-tile.has-obstacle.is-clearing>.f9mc-obstacle,.is-rocket-row .f9mc-tile.has-obstacle.is-clearing>.f9mc-obstacle,.is-rocket-column .f9mc-tile.has-obstacle.is-clearing>.f9mc-obstacle,.is-golden-firing .f9mc-tile.has-obstacle.is-clearing>.f9mc-obstacle{animation:none!important;opacity:1!important}.is-bomb-firing .f9mc-tile.has-obstacle.is-hit>.f9mc-obstacle-layer:last-of-type,.is-rocket-row .f9mc-tile.has-obstacle.is-hit>.f9mc-obstacle-layer:last-of-type,.is-rocket-column .f9mc-tile.has-obstacle.is-hit>.f9mc-obstacle-layer:last-of-type,.is-golden-firing .f9mc-tile.has-obstacle.is-hit>.f9mc-obstacle-layer:last-of-type{animation:f9mc-obstacle-peel .56s cubic-bezier(.2,.75,.25,1) both!important}
.fjctrl-dialog:has(.f9mc-game){width:min(94vw,780px)!important;max-width:780px!important;max-height:94vh;overflow:auto;box-sizing:border-box}.fjctrl-game-host:has(.f9mc-game){width:100%}.f9mc-game{width:100%;max-width:740px}.f9mc-board{width:min(100%,620px,calc(94vh - 205px));max-width:none}
@media(max-width:700px){.fjctrl-dialog:has(.f9mc-game){width:98vw!important;max-height:96vh;padding-inline:6px!important}.f9mc-board{width:min(100%,calc(96vh - 205px))}}
@keyframes f9mc-clear{0%{transform:scale(1.12);opacity:1}48%{transform:scale(1.38);opacity:1;filter:drop-shadow(0 0 12px #fff) brightness(1.35)}100%{transform:scale(.25) rotate(12deg);opacity:0;filter:drop-shadow(0 0 2px #fff)}}
@keyframes f9mc-obstacle-hit{0%,100%{transform:scale(1)}30%{transform:scale(1.16) rotate(-3deg);filter:drop-shadow(0 0 10px #ffe76b) brightness(1.35)}60%{transform:scale(.94) rotate(2deg)}}
.f9mc-tile.is-power>img:not(.f9mc-obstacle){filter:drop-shadow(0 0 7px #ffd21f) drop-shadow(0 3px 3px #001a);animation:f9mc-power-ready 1.5s ease-in-out infinite alternate}@keyframes f9mc-power-ready{to{transform:scale(1.2);filter:drop-shadow(0 0 13px #fff18a) brightness(1.12)}}
.f9mc-tile.is-power-born{z-index:15;overflow:visible}.f9mc-tile.is-power-born::before,.f9mc-tile.is-power-born::after{content:"";position:absolute;z-index:8;pointer-events:none;border-radius:50%}.f9mc-tile.is-power-born::before{inset:-42%;border:3px solid #fff4a8;box-shadow:0 0 16px #ffd21f,0 0 28px #fff;animation:f9mc-power-ring .82s ease-out both}.f9mc-tile.is-power-born::after{inset:-22%;background:conic-gradient(from 0deg,transparent 0 8%,#fff 9% 11%,transparent 12% 22%,#ffd21f 23% 26%,transparent 27% 40%,#fff 41% 43%,transparent 44% 58%,#ffd21f 59% 62%,transparent 63% 78%,#fff 79% 82%,transparent 83%);animation:f9mc-power-rays .9s ease-out both}.f9mc-tile.is-power-born>img:not(.f9mc-obstacle){animation:f9mc-power-born .9s cubic-bezier(.16,.8,.22,1.18) both!important}@keyframes f9mc-power-born{0%{opacity:0;transform:scale(.15) rotate(-18deg);filter:brightness(2.2)}42%{opacity:1;transform:scale(1.55) rotate(7deg);filter:drop-shadow(0 0 22px #fff) drop-shadow(0 0 34px #ffd21f) brightness(1.45)}70%{transform:scale(.92) rotate(-3deg)}100%{transform:scale(1.16);filter:drop-shadow(0 0 12px #ffd21f)}}@keyframes f9mc-power-ring{0%{opacity:0;transform:scale(.15)}30%{opacity:1}100%{opacity:0;transform:scale(1.35)}}@keyframes f9mc-power-rays{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1}100%{opacity:0;transform:scale(1.5) rotate(55deg)}}
.is-rocket-row .f9mc-tile.is-clearing,.is-rocket-column .f9mc-tile.is-clearing{animation:f9mc-rocket-tile .52s ease-out both}.is-rocket-row .f9mc-tile.is-clearing>img,.is-rocket-column .f9mc-tile.is-clearing>img{animation-delay:inherit}.is-rocket-row .f9mc-tile.is-clearing::after,.is-rocket-column .f9mc-tile.is-clearing::after{content:"";position:absolute;inset:16%;z-index:4;border-radius:50%;background:radial-gradient(circle,#fff 0,#7de8ff 28%,#1597ff88 55%,transparent 72%);animation:f9mc-shimmer .52s ease-out both;animation-delay:inherit;pointer-events:none}
.is-golden-firing .f9mc-tile.is-clearing>img{animation:f9mc-golden-wave .62s ease-out both;animation-delay:inherit}.is-golden-firing .f9mc-tile.is-power-source>img{animation:f9mc-golden-source .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:0s!important}
@keyframes f9mc-rocket-tile{0%{filter:brightness(1)}40%{filter:brightness(1.7)}100%{filter:brightness(1)}}@keyframes f9mc-shimmer{0%{opacity:0;transform:scale(.1)}42%{opacity:1;transform:scale(1.45)}100%{opacity:0;transform:scale(2)}}@keyframes f9mc-golden-wave{0%{transform:scale(1.12);filter:brightness(1)}35%{transform:scale(1.45);filter:drop-shadow(0 0 16px #ffd51f) brightness(1.5)}100%{transform:scale(.2) rotate(20deg);filter:drop-shadow(0 0 5px #fff);opacity:0}}@keyframes f9mc-golden-source{0%{transform:scale(1)}30%{transform:scale(1.55) rotate(-8deg);filter:drop-shadow(0 0 22px #fff) drop-shadow(0 0 35px #ffd000)}70%{transform:scale(1.2) rotate(8deg);opacity:1}100%{transform:scale(.1);opacity:0}}
.is-bomb-firing .f9mc-tile.is-clearing>img{animation:f9mc-bomb-wave .58s ease-out both;animation-delay:inherit}.is-bomb-firing .f9mc-tile.is-power-source>img{animation:f9mc-bomb-source .78s ease-in both;animation-delay:0s!important}.is-bomb-firing .f9mc-tile.is-power-source::after{content:"";position:absolute;inset:-80%;z-index:5;border-radius:50%;background:radial-gradient(circle,#fff 0,#ffcf33 12%,#ff641cbb 30%,transparent 62%);animation:f9mc-blast .72s ease-out both;pointer-events:none}@keyframes f9mc-bomb-wave{0%{transform:scale(1.1)}45%{transform:scale(1.45);filter:brightness(1.7) drop-shadow(0 0 12px #ff6a19)}100%{transform:scale(.1) rotate(18deg);opacity:0}}@keyframes f9mc-bomb-source{0%{transform:scale(1)}55%{transform:scale(1.55);filter:drop-shadow(0 0 18px #ff861c)}100%{transform:scale(.05);opacity:0}}@keyframes f9mc-blast{0%{opacity:0;transform:scale(.1)}30%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
.is-combo-firing .f9mc-board{animation:f9mc-combo-board 1.35s ease-out both}.is-combo-firing .f9mc-tile.is-clearing>img:not(.f9mc-obstacle){animation:f9mc-combo-clear .82s cubic-bezier(.15,.75,.2,1) both;animation-delay:inherit}.is-combo-firing .f9mc-tile.is-clearing::after{content:"";position:absolute;z-index:7;inset:5%;border-radius:50%;background:radial-gradient(circle,#fff 0,#6be8ff 24%,#ffd84a99 46%,transparent 72%);animation:f9mc-combo-spark .72s ease-out both;animation-delay:inherit;pointer-events:none}@keyframes f9mc-combo-board{0%,100%{filter:brightness(1)}28%{filter:brightness(1.4) saturate(1.25)}58%{filter:brightness(1.12)}}@keyframes f9mc-combo-clear{0%{transform:scale(1.12);opacity:1}42%{transform:scale(1.5) rotate(-7deg);filter:drop-shadow(0 0 18px #fff) brightness(1.65);opacity:1}100%{transform:scale(.12) rotate(24deg);opacity:0}}@keyframes f9mc-combo-spark{0%{opacity:0;transform:scale(.1)}35%{opacity:1;transform:scale(1.25)}100%{opacity:0;transform:scale(2.1)}}
.f9mc-tile.is-chain-trigger{z-index:25}.f9mc-tile.is-chain-trigger::before{content:"";position:absolute;z-index:10;inset:-30%;border:4px solid #fff6a4;border-radius:50%;box-shadow:0 0 18px #fff,0 0 34px #ffcf24;pointer-events:none;animation:f9mc-chain-ring .78s ease-out both}.f9mc-tile.is-chain-trigger>img:not(.f9mc-obstacle){animation:f9mc-chain-charge .78s cubic-bezier(.15,.75,.2,1.2) both!important}@keyframes f9mc-chain-ring{0%{opacity:0;transform:scale(.2)}35%{opacity:1}100%{opacity:0;transform:scale(1.45)}}@keyframes f9mc-chain-charge{0%{transform:scale(1.1)}48%{transform:scale(1.55) rotate(-8deg);filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 28px #ffd21f) brightness(1.5)}100%{transform:scale(.15) rotate(20deg);opacity:0}}
.f9mc-board-wrap{position:relative;width:min(100%,620px,calc(94vh - 155px));margin-inline:auto;padding-top:50px}.f9mc-board-wrap .f9mc-board{width:100%}.f9mc-objective,.f9mc-move-badge{position:absolute;top:0;z-index:8;display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 13px;box-sizing:border-box;border:1px solid #ffffff42;border-radius:14px;background:linear-gradient(145deg,#123f73ee,#071d39ee);box-shadow:0 5px 14px #00152c66;color:#fff}.f9mc-objective{left:5px}.f9mc-move-badge{right:5px}.f9mc-objective span,.f9mc-move-badge span{font-size:10px;line-height:1.1;text-transform:uppercase;letter-spacing:.1em;color:#a9c9f5}.f9mc-objective strong,.f9mc-move-badge strong{font-size:20px;white-space:nowrap}.f9mc-objective .f9mc-target{display:flex;align-items:center;gap:4px}.f9mc-objective .f9mc-target img{width:30px;height:30px}
.f9mc-result-overlay{position:absolute;z-index:30;inset:50px 0 0;display:grid;place-items:center;padding:18px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#176d52cc,#031a2aee);backdrop-filter:blur(5px);animation:f9mc-result-in .38s ease-out}.f9mc-result-overlay[hidden]{display:none!important}.f9mc-result-card{width:min(88%,390px);padding:25px 20px;text-align:center;border:1px solid #ffffff4d;border-radius:22px;background:linear-gradient(155deg,#0f3466f2,#07182df5);box-shadow:0 18px 45px #00101dcc}.f9mc-result-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.24em;color:#ffd84d}.f9mc-result-title{display:block;margin:7px 0;font-size:clamp(28px,7vw,44px);line-height:1;color:#fff;text-shadow:0 3px 0 #06335e}.f9mc-result-copy{margin:8px auto 16px;color:#cfe3f6}.f9mc-result-card .f9mc-finish{margin-top:8px}@keyframes f9mc-result-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.is-full-time-bonus .f9mc-board-wrap::after{content:"FULL-TIME BONUS";position:absolute;z-index:45;left:50%;top:54%;transform:translate(-50%,-50%);width:max-content;padding:11px 18px;border:2px solid #fff7a3;border-radius:999px;background:linear-gradient(135deg,#08734fee,#0b5ebfee);box-shadow:0 0 18px #fff,0 0 42px #29df92;color:#fff;font-size:clamp(18px,5vw,30px);font-weight:1000;letter-spacing:.08em;text-shadow:0 2px 0 #043e35;pointer-events:none;animation:f9mc-full-time-banner 1.5s ease-in-out infinite alternate}@keyframes f9mc-full-time-banner{from{transform:translate(-50%,-50%) scale(.96);filter:brightness(1)}to{transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.25)}}
.is-bonus-converting .f9mc-board-wrap::after{opacity:.82;top:57%;font-size:clamp(15px,4vw,23px)}.f9mc-move-badge.is-bonus-tick{animation:f9mc-bonus-tick .62s cubic-bezier(.2,.8,.2,1)}@keyframes f9mc-bonus-tick{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.32);filter:brightness(1.8);box-shadow:0 0 22px #fff,0 0 38px #ffd21f}100%{transform:scale(1);filter:brightness(1)}}
@media(max-width:520px){.f9mc-board-wrap{padding-top:46px}.f9mc-objective,.f9mc-move-badge{min-height:39px;padding:4px 9px;border-radius:11px}.f9mc-objective strong,.f9mc-move-badge strong{font-size:17px}.f9mc-objective .f9mc-target img{width:25px;height:25px}.f9mc-result-overlay{inset:46px 0 0}}
.f9mc-board{position:relative;overflow:hidden}.f9mc-tile.is-falling>img:not(.f9mc-obstacle){animation:f9mc-piece-fall .56s cubic-bezier(.16,.72,.25,1.12) both;animation-delay:var(--fall-delay,0ms)}@keyframes f9mc-piece-fall{0%{transform:translateY(calc(var(--fall-rows,1) * -108%)) scale(.92);opacity:.25}72%{transform:translateY(5%) scale(1.04);opacity:1}88%{transform:translateY(-3%) scale(1)}100%{transform:translateY(0) scale(1);opacity:1}}
.f9mc-aftermath{position:absolute;z-index:20;inset:0;overflow:hidden;pointer-events:none;--x:50%;--y:50%}.f9mc-aftermath::before,.f9mc-aftermath::after{content:"";position:absolute;pointer-events:none}.f9mc-aftermath.is-bomb::before{left:var(--x);top:var(--y);width:18%;aspect-ratio:1;border:5px solid #fff8c8;border-radius:50%;box-shadow:0 0 18px #fff,0 0 42px #ff8a17,0 0 75px #ff3d00;animation:f9mc-after-blast 1.25s ease-out both}.f9mc-aftermath.is-bomb::after{inset:0;background:radial-gradient(circle at var(--x) var(--y),#fff 0,#ffd84acc 8%,#ff641c66 24%,transparent 54%);animation:f9mc-after-flash 1.15s ease-out both}.f9mc-aftermath.is-rocket-row::before,.f9mc-aftermath.is-rocket-column::before{left:-30%;top:var(--y);width:160%;height:16%;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#4ddcff55 18%,#fff 48%,#4ddcffaa 63%,transparent);filter:blur(3px);box-shadow:0 0 25px #33cfff;animation:f9mc-after-rocket 1.15s ease-out both}.f9mc-aftermath.is-rocket-column::before{left:var(--x);top:-30%;width:16%;height:160%;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#4ddcff55 18%,#fff 48%,#4ddcffaa 63%,transparent);animation-name:f9mc-after-rocket-v}.f9mc-aftermath.is-golden::before{inset:-20%;background:radial-gradient(circle at var(--x) var(--y),#fff 0 3%,#fff4aacc 7%,#ffd21f55 25%,transparent 56%);animation:f9mc-after-golden 1.45s ease-out both}.f9mc-aftermath.is-golden::after{inset:0;background:linear-gradient(115deg,transparent 20%,#fff6b888 44%,#fff 49%,#ffd21f77 54%,transparent 78%);transform:translateX(-120%);animation:f9mc-golden-sweep 1.3s ease-out both}.f9mc-after-particle{position:absolute;z-index:2;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:#fff6a2;box-shadow:0 0 8px #fff,0 0 14px #ffd21f;animation:f9mc-after-particle 1.35s ease-out both;animation-delay:var(--delay);transform:rotate(var(--angle)) translateX(8px)}.f9mc-aftermath.is-rocket-row .f9mc-after-particle,.f9mc-aftermath.is-rocket-column .f9mc-after-particle{background:#bff7ff;box-shadow:0 0 9px #fff,0 0 16px #26cfff}.f9mc-aftermath.is-bomb .f9mc-after-particle{background:#ffdf73;box-shadow:0 0 9px #fff,0 0 18px #ff5a18}@keyframes f9mc-after-blast{0%{opacity:1;transform:translate(-50%,-50%) scale(.15)}65%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scale(6)}}@keyframes f9mc-after-flash{0%{opacity:1}100%{opacity:0}}@keyframes f9mc-after-rocket{0%{opacity:1;transform:translate(-45%,-50%) scaleX(.2)}65%{opacity:.9;transform:translate(12%,-50%) scaleX(1)}100%{opacity:0;transform:translate(45%,-50%) scaleX(.4)}}@keyframes f9mc-after-rocket-v{0%{opacity:1;transform:translate(-50%,-45%) scaleY(.2)}65%{opacity:.9;transform:translate(-50%,12%) scaleY(1)}100%{opacity:0;transform:translate(-50%,45%) scaleY(.4)}}@keyframes f9mc-after-golden{0%{opacity:1;transform:scale(.25) rotate(0)}60%{opacity:.9}100%{opacity:0;transform:scale(1.35) rotate(18deg)}}@keyframes f9mc-golden-sweep{0%{opacity:0;transform:translateX(-120%)}30%{opacity:1}100%{opacity:0;transform:translateX(120%)}}@keyframes f9mc-after-particle{0%{opacity:1;transform:rotate(var(--angle)) translateX(6px) scale(1.4)}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.15)}}
.f9mc-tile.is-selected>img:not(.f9mc-obstacle){animation:f9mc-selected-pulse .72s ease-in-out infinite alternate}@keyframes f9mc-selected-pulse{from{transform:scale(1.12);filter:drop-shadow(0 0 5px #ffe234)}to{transform:scale(1.25);filter:drop-shadow(0 0 11px #fff) drop-shadow(0 0 8px #ffe234)}}
.f9mc-board.is-switching{overflow:visible}.f9mc-tile.is-switch-point{z-index:18}.f9mc-tile.is-switch-point::before{content:"";position:absolute;z-index:0;inset:8%;border:2px solid #fff6a2;border-radius:50%;background:radial-gradient(circle,#fff8 0,#54d9ff55 38%,transparent 68%);box-shadow:0 0 12px #fff,0 0 22px #26cfff;pointer-events:none;animation:f9mc-switch-ring .58s ease-out both}.f9mc-tile.is-switch-point>img:not(.f9mc-obstacle){position:relative;z-index:5;will-change:transform,filter}.f9mc-tile.is-switch-settle>img:not(.f9mc-obstacle){animation:f9mc-switch-settle .3s cubic-bezier(.15,.8,.25,1.3) both}@keyframes f9mc-switch-ring{0%{opacity:0;transform:scale(.35)}35%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1.42)}}@keyframes f9mc-switch-settle{0%{transform:scale(1.22);filter:drop-shadow(0 0 14px #fff) brightness(1.3)}55%{transform:scale(.96)}100%{transform:scale(1.12);filter:drop-shadow(0 3px 3px #001a)}}
.is-invalid-move .f9mc-board{animation:f9mc-invalid-shake .34s ease-out}@keyframes f9mc-invalid-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.f9mc-score-pop{position:absolute;z-index:12;left:50%;top:35%;color:#fff;font-size:14px;font-weight:1000;line-height:1;text-shadow:0 1px 3px #001,0 0 7px #29d986;pointer-events:none;animation:f9mc-score-rise .55s ease-out both}@keyframes f9mc-score-rise{0%{opacity:0;transform:translate(-50%,5px) scale(.7)}25%{opacity:1;transform:translate(-50%,-3px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-28px) scale(1)}}
.f9mc-obstacle-layer{transform-origin:center;will-change:transform,opacity}.f9mc-tile.is-hit .f9mc-obstacle-layer{animation:none}.f9mc-tile.is-hit .f9mc-obstacle-layer:last-of-type{animation:f9mc-obstacle-peel .42s cubic-bezier(.2,.75,.25,1) both}@keyframes f9mc-obstacle-peel{0%{transform:scale(1);opacity:1}28%{transform:scale(1.16) rotate(-4deg);filter:drop-shadow(0 0 12px #ffe76b) brightness(1.4)}62%{transform:scale(.92) rotate(5deg);opacity:1}100%{transform:scale(1.38) rotate(-12deg);opacity:0;filter:drop-shadow(0 0 4px #fff)}}
.f9mc-game.is-loading-assets{position:relative;min-height:280px}.f9mc-game.is-loading-assets>*{visibility:hidden}.f9mc-game.is-loading-assets::after{content:"Preparing pitch…";position:absolute;inset:0;display:grid;place-items:center;visibility:visible;color:#fff;font-size:17px;font-weight:900;letter-spacing:.04em;background:linear-gradient(145deg,#09254a,#071528);border-radius:inherit;animation:f9mc-loading-pulse .8s ease-in-out infinite alternate}@keyframes f9mc-loading-pulse{to{color:#ffe16b;text-shadow:0 0 12px #40d98b}}
.f9mc-board.is-reshuffle-in{overflow:visible;z-index:22}.f9mc-board.is-reshuffle-in .f9mc-tile:not(.has-obstacle){z-index:23;animation:f9mc-shuffle-in .68s cubic-bezier(.5,-.1,.7,.35) both;animation-delay:var(--shuffle-delay,0ms)}.f9mc-board.is-reshuffle-in .f9mc-tile:not(.has-obstacle)>img{animation:f9mc-shuffle-spin .68s ease-in both;animation-delay:var(--shuffle-delay,0ms)}.f9mc-tile.is-reshuffle-out{z-index:23;animation:f9mc-shuffle-out .78s cubic-bezier(.12,.78,.18,1.14) both;animation-delay:var(--shuffle-delay,0ms)}.f9mc-reshuffle-label{position:absolute;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 17px;border:2px solid #fff8b0;border-radius:999px;background:linear-gradient(135deg,#0c6dd7ee,#11336aee);box-shadow:0 0 22px #fff,0 0 45px #29c9ff;color:#fff;font-size:clamp(17px,5vw,27px);font-weight:1000;letter-spacing:.11em;text-shadow:0 2px 0 #06264c;pointer-events:none;animation:f9mc-shuffle-label 1.35s ease-out both}@keyframes f9mc-shuffle-in{0%{transform:translate(0,0) scale(1);opacity:1}72%{opacity:1}100%{transform:translate(var(--shuffle-x),var(--shuffle-y)) scale(.38);opacity:.88}}@keyframes f9mc-shuffle-spin{to{transform:rotate(420deg) scale(.9);filter:drop-shadow(0 0 13px #fff) brightness(1.35)}}@keyframes f9mc-shuffle-out{0%{transform:translate(var(--shuffle-x),var(--shuffle-y)) scale(.35) rotate(-210deg);opacity:.45;filter:brightness(1.7) drop-shadow(0 0 12px #fff)}72%{opacity:1;transform:translate(0,0) scale(1.12) rotate(5deg)}100%{transform:translate(0,0) scale(1);opacity:1;filter:none}}@keyframes f9mc-shuffle-label{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
.f9mc-objective .f9mc-target{display:grid;gap:2px}.f9mc-objective-line{display:flex;align-items:center;justify-content:flex-end;gap:4px;line-height:1}.f9mc-objective-line img{width:25px!important;height:25px!important;object-fit:contain}.f9mc-objective-line b{font-size:15px;color:#fff;white-space:nowrap}
.f9mc-void{display:block;aspect-ratio:1;pointer-events:none;visibility:hidden}
.f9mc-board-message{position:absolute;z-index:52;left:50%;top:50%;display:grid;width:min(96%,595px);place-items:center;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#fff;font-size:clamp(18px,5vw,30px);font-weight:1000;text-shadow:0 3px 0 #091d3d,0 0 12px #000;animation:f9mc-board-message 1.05s cubic-bezier(.16,.8,.2,1) both}.f9mc-board-message-art{display:block!important;width:124%!important;max-width:none!important;height:auto!important;max-height:none!important;justify-self:center!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 6px 6px #001a) drop-shadow(0 0 12px #fff5)!important}.f9mc-board-message em{position:absolute;right:10%;bottom:20%;padding:3px 9px;border-radius:999px;background:#071d39e8;color:#ffe14b;font-size:clamp(18px,5vw,34px);font-style:normal;box-shadow:0 0 12px #fff}.f9mc-board-message.is-notice{width:min(78%,410px);padding:10px 16px;box-sizing:border-box;border:2px solid #ffffffaa;border-radius:18px;background:#071d39e8;font-size:clamp(14px,3.5vw,20px)}@keyframes f9mc-board-message{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-4deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.06)}}
.f9mc-result-art{display:block;width:min(92%,440px);height:auto;max-height:150px;object-fit:contain;margin:0 auto}.f9mc-status{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.f9mc-tile.is-golden-zapped::before,.f9mc-tile.is-golden-zapped::after{content:"";position:absolute;z-index:9;pointer-events:none;animation-delay:var(--zap-delay)!important}.f9mc-tile.is-golden-zapped::before{inset:9%;border:3px solid #fff9b0;border-radius:48% 52% 46% 54%;box-shadow:0 0 8px #fff,0 0 17px #ffd21f,0 0 28px #ff9d00;animation:f9mc-golden-zap-ring .7s steps(2,end) both}.f9mc-tile.is-golden-zapped::after{inset:-8%;background:conic-gradient(from 18deg,transparent 0 10%,#fff 11% 12%,transparent 13% 31%,#ffd21f 32% 34%,transparent 35% 55%,#fff 56% 58%,transparent 59% 78%,#ffd21f 79% 81%,transparent 82%);clip-path:polygon(48% 0,56% 36%,83% 12%,66% 44%,100% 48%,65% 56%,88% 87%,56% 66%,49% 100%,43% 65%,12% 88%,35% 56%,0 49%,36% 43%,15% 13%,44% 36%);animation:f9mc-golden-zap-sparks .76s steps(3,end) both}@keyframes f9mc-golden-zap-ring{0%{opacity:0;transform:scale(.35) rotate(-8deg)}24%{opacity:1;transform:scale(1.16) rotate(5deg)}52%{transform:scale(.88) rotate(-4deg);filter:brightness(1.8)}100%{opacity:0;transform:scale(1.45) rotate(9deg)}}@keyframes f9mc-golden-zap-sparks{0%{opacity:0;transform:scale(.5) rotate(0)}25%{opacity:1;transform:scale(1.08) rotate(13deg)}65%{opacity:.85;transform:scale(.94) rotate(-9deg)}100%{opacity:0;transform:scale(1.35) rotate(20deg)}}
.f9mc-tile.is-golden-transform>img:not(.f9mc-obstacle){animation:f9mc-golden-transform .9s cubic-bezier(.18,.82,.22,1.15) both!important;animation-delay:var(--transform-delay)!important}@keyframes f9mc-golden-transform{0%{opacity:.15;transform:scale(.25) rotate(-25deg);filter:brightness(2.4)}45%{opacity:1;transform:scale(1.5) rotate(8deg);filter:drop-shadow(0 0 18px #fff) drop-shadow(0 0 30px #ffd21f) brightness(1.45)}100%{transform:scale(1.12);filter:drop-shadow(0 0 10px #ffd21f)}}
.is-stadium-firing .f9mc-board,.is-stadium-combo .f9mc-board{animation:f9mc-stadium-impact 1.65s cubic-bezier(.2,.7,.2,1) both!important}.is-stadium-firing .f9mc-board-wrap::before,.is-stadium-combo .f9mc-board-wrap::before{content:"";position:absolute;z-index:26;inset:42% 45%;border:5px solid #fff;border-radius:50%;box-shadow:0 0 20px #fff,0 0 55px #ffb000,0 0 90px #ff4b16;pointer-events:none;animation:f9mc-stadium-ring 1.55s ease-out both}@keyframes f9mc-stadium-impact{0%,100%{transform:translate(0) scale(1);filter:brightness(1)}10%{transform:translate(-8px,4px) scale(1.018);filter:brightness(1.7)}19%{transform:translate(9px,-5px)}29%{transform:translate(-7px,-3px)}40%{transform:translate(6px,4px);filter:brightness(1.25)}55%{transform:translate(-3px,2px)}72%{transform:translate(2px,-1px)}}@keyframes f9mc-stadium-ring{0%{opacity:1;transform:scale(.1)}58%{opacity:.9}100%{opacity:0;transform:scale(14)}}
.f9mc-aftermath.is-stadium::before{left:var(--x);top:var(--y);width:12%;aspect-ratio:1;border:6px double #fff7a3;border-radius:50%;box-shadow:0 0 25px #fff,0 0 60px #ffad18,0 0 105px #ff3515;animation:f9mc-after-stadium 1.8s cubic-bezier(.1,.7,.2,1) both}.f9mc-aftermath.is-stadium::after{inset:0;background:radial-gradient(circle at var(--x) var(--y),#fff 0 4%,#ffd84acc 12%,#ff632a88 28%,transparent 64%);animation:f9mc-after-flash 1.7s ease-out both}.f9mc-aftermath.is-stadium .f9mc-after-particle{width:9px;height:9px;background:#fff3a0;box-shadow:0 0 11px #fff,0 0 22px #ff6a17}@keyframes f9mc-after-stadium{0%{opacity:1;transform:translate(-50%,-50%) scale(.1) rotate(0)}48%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(11) rotate(35deg)}}
.f9mc-top{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;align-items:center;text-align:center}.f9mc-top>div:not(.f9mc-title){background:#ffffff12;border:1px solid #ffffff25;border-radius:14px;padding:8px}.f9mc-top span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#a9c9f5}.f9mc-top strong{font-size:19px}.f9mc-title span{font-weight:900;color:#42e38d}.f9mc-title strong{display:block;font-size:22px}.f9mc-help{text-align:center;color:#c5d8ef;font-size:13px}.f9mc-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#168654,#0c633e);box-shadow:inset 0 0 30px #002d22aa;touch-action:manipulation}.f9mc-tile{aspect-ratio:1;border:0;border-radius:13px;background:linear-gradient(145deg,#fff,#d9e8f7);font-size:clamp(20px,5vw,38px);line-height:1;cursor:pointer;box-shadow:0 4px 0 #8ca7be,0 6px 10px #00251966;transition:transform .12s,filter .12s}.f9mc-tile:hover{filter:brightness(1.08);transform:translateY(-1px)}.f9mc-tile.is-selected{outline:4px solid #ffe34d;transform:scale(.9);filter:brightness(1.1)}.f9mc-status{min-height:24px;margin:12px 0 4px;text-align:center;font-weight:700;color:#ffdf63}.f9mc-finish{display:block;margin:10px auto 0;border:0;border-radius:999px;padding:12px 25px;background:#ffcf35;color:#19233a;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #c58c00}.f9mc-finish:disabled{opacity:.6}.f9mc-finish[hidden]{display:none}@media(max-width:520px){.f9mc-game{padding:11px;border-radius:15px}.f9mc-board{gap:4px;padding:6px}.f9mc-tile{border-radius:9px}.f9mc-title strong{font-size:16px}.f9mc-top strong{font-size:15px}}