@import"https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:wght@700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;touch-action:none}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:#ff6f00;color:#fff}#game-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game-container{position:relative;width:350px;max-width:100vw;height:500px;max-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(255,224,130,.35) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,183,77,.3) 0%,transparent 50%),linear-gradient(160deg,#ff8f00,#ff6f00 40%,#e65100);border-radius:12px;box-shadow:0 8px 32px #0000004d}.fizz-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.fizz-bubble{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff0f);border:1px solid rgba(255,255,255,.12);animation:fizz-rise linear infinite}@keyframes fizz-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.5}90%{opacity:.2}to{transform:translateY(-520px) scale(.4);opacity:0}}.fanta-header{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:0}.fanta-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}.fanta-header-subtitle{font-family:Bungee,cursive;font-size:11px;color:#ffd600;letter-spacing:5px;text-shadow:0 1px 4px rgba(0,0,0,.4);margin-top:2px}.hud{position:relative;z-index:10;width:100%;padding:8px 16px 4px;display:flex;justify-content:space-between;align-items:center}.hud-instruction{font-family:Nunito,sans-serif;font-weight:900;font-size:13px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hud-moves{display:flex;align-items:center;gap:6px}.hud-label{font-family:Bungee,cursive;font-size:9px;letter-spacing:1px;color:#ffffffb3}.moves-dots{display:flex;gap:4px}.move-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transition:all .3s ease}.move-dot.active{background:#ffd600;border-color:#ffd600;box-shadow:0 0 8px #ffd60080}.move-dot.used{background:#0003;border-color:#ffffff26}.board-area{position:relative;z-index:5;flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:0 2px;min-height:0}.board-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:4px;max-width:260px}.fanta-bottle{flex-shrink:0;opacity:.7;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}.fanta-bottle-left{margin-right:-2px}.fanta-bottle-right{margin-left:-2px;transform:scaleX(-1)}.board-grid{display:grid;gap:3px;width:100%;aspect-ratio:1;background:#0000002e;border-radius:12px;padding:5px;border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #00000040,inset 0 1px 4px #0000001a;user-select:none;-webkit-user-select:none}.fruit-cell{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:transform .15s ease,background .15s ease;aspect-ratio:1;border:1px solid rgba(255,255,255,.05)}.fruit-cell:hover{background:#fff3}.fruit-cell:active{transform:scale(.9)}.fruit-cell.selected{background:#ffffff59;transform:scale(1.1);box-shadow:0 0 14px #ffd60099;border:2px solid rgba(255,214,0,.7)}.fruit-cell.matched{animation:matchPop .3s ease-out forwards}@keyframes matchPop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3);opacity:.9}to{transform:scale(0);opacity:0}}.fruit-cell.falling{animation:fallIn .3s ease-out}@keyframes fallIn{0%{transform:translateY(-100%);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}.fruit-emoji{font-size:28px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.fanta-footer{position:relative;z-index:10;font-family:Bungee,cursive;font-size:12px;color:#ffd600;letter-spacing:4px;text-shadow:0 1px 6px rgba(0,0,0,.4);padding:6px 0 10px}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#e65100bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}.menu-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;background:radial-gradient(ellipse at 50% 0%,rgba(255,224,130,.25) 0%,transparent 60%),linear-gradient(170deg,#ff8f00,#e65100);border-radius:20px;border:2px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #00000059;max-width:290px;width:85%;text-align:center}.menu-fruit-swipe-badge{font-family:Bungee,cursive;font-size:18px;color:#ffd600;letter-spacing:3px;text-shadow:0 2px 6px rgba(0,0,0,.4);background:#00000026;padding:3px 16px;border-radius:16px;border:1.5px solid rgba(255,214,0,.25)}.victory-badge{color:#69f0ae;border-color:#69f0ae66;background:#00500040;font-size:20px}.gameover-badge{color:#ff8a80;border-color:#ff8a804d;background:#50000033}.menu-check{font-size:48px;color:#69f0ae;text-shadow:0 0 20px rgba(105,240,174,.6);animation:checkPop .5s ease-out}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.menu-fruit-row{display:flex;gap:6px;font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.btn-play{font-family:Bungee,cursive;font-size:18px;padding:10px 40px;border:none;border-radius:50px;background:linear-gradient(135deg,#ffd600,#ffab00);color:#bf360c;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 3px 12px #00000040,0 0 0 2px #ffffff1f,inset 0 1px #ffffff4d;transition:transform .15s ease;letter-spacing:2px}.btn-play:hover{transform:scale(1.05)}.btn-play:active{transform:scale(.97)}.menu-hint{font-size:12px;color:#ffffffa6}@media(max-width:360px){.game-container{width:100vw;height:100vh;border-radius:0}}@media(max-height:500px){.game-container{height:100vh}.fanta-header{padding-top:4px}.fanta-footer{padding:2px 0 4px}}