.combo-splash{position:fixed;transform:translate3d(-50%,-50%,0);font-family:Arial Black,Arial Bold,sans-serif;font-weight:900;text-align:center;pointer-events:none;z-index:9999;text-shadow:0 0 20px currentColor;will-change:transform,opacity;animation:combo-explode .8s cubic-bezier(.34,1.56,.64,1) forwards}.combo-splash.jackpot{font-size:80px;color:gold;text-shadow:0 0 10px #ffd700,0 0 20px #ffd700,0 0 40px #ff8800,0 0 80px #ff4400,0 0 120px #ff0000;animation:combo-jackpot 2s cubic-bezier(.34,1.56,.64,1) forwards}.combo-splash.combo-4{font-size:60px;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff4444,0 0 40px #ff0000;animation:combo-explode 1.6s cubic-bezier(.34,1.56,.64,1) forwards}.combo-splash.combo-3{font-size:50px;color:#4ecdc4;text-shadow:0 0 10px #4ecdc4,0 0 20px #44aaaa;animation:combo-explode 1.3s cubic-bezier(.34,1.56,.64,1) forwards}.combo-splash.combo-2{font-size:40px;color:#95e1d3;text-shadow:0 0 10px #95e1d3,0 0 20px #77ccbb;animation:combo-explode 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes combo-explode{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.3) rotate(-10deg)}15%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.3) rotate(5deg)}30%{transform:translate3d(-50%,-50%,0) scale(1.1) rotate(-2deg)}45%{transform:translate3d(-50%,-50%,0) scale(1.15) rotate(1deg)}70%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12) rotate(0)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9) rotate(0)}}@keyframes combo-jackpot{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.2) rotate(-20deg)}12%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.5) rotate(10deg)}20%{transform:translate3d(-50%,-50%,0) scale(1.2) rotate(-5deg)}28%{transform:translate3d(-50%,-50%,0) scale(1.4) rotate(3deg)}36%{transform:translate3d(-50%,-50%,0) scale(1.3) rotate(-2deg)}50%{transform:translate3d(-50%,-50%,0) scale(1.35) rotate(0)}80%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.32) rotate(0)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.15) rotate(0)}}.flying-points{position:fixed;transform:translate(-50%,-50%);font-family:Arial Black,Arial Bold,sans-serif;font-weight:900;font-size:32px;color:gold;text-shadow:0 0 5px #ffd700,0 0 10px #ffaa00,2px 2px 4px rgba(0,0,0,.5);pointer-events:none;z-index:9998;transition:all 1s cubic-bezier(.25,.46,.45,.94)}.flying-points.x2{color:#95e1d3;text-shadow:0 0 5px #95e1d3,0 0 10px #77ccbb,2px 2px 4px rgba(0,0,0,.5)}.flying-points.x3{color:#4ecdc4;text-shadow:0 0 5px #4ecdc4,0 0 10px #44aaaa,2px 2px 4px rgba(0,0,0,.5)}.flying-points.x4{color:#ff6b6b;text-shadow:0 0 5px #ff6b6b,0 0 10px #ff4444,2px 2px 4px rgba(0,0,0,.5)}.flying-points.x5,.flying-points.jackpot{color:gold;font-size:40px;text-shadow:0 0 10px #ffd700,0 0 20px #ffaa00,0 0 30px #ff8800,2px 2px 6px rgba(0,0,0,.6)}.record-splash{position:fixed;transform:translate3d(-50%,-50%,0);text-align:center;pointer-events:none;z-index:10000;will-change:transform,opacity;animation:record-celebration 2.5s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(135deg,#000000f2,#141428f2,#000000f2);padding:20px 40px;border-radius:16px;border:3px solid #ffd700;box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffd7001a,0 8px 32px #000c;animation:record-celebration 2.5s cubic-bezier(.34,1.56,.64,1) forwards,record-glow 1.5s ease-in-out infinite}.record-title{font-family:Arial Black,Arial Bold,sans-serif;font-weight:900;font-size:38px;background:linear-gradient(180deg,gold,#ffed4e,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin-bottom:6px;filter:drop-shadow(0 2px 8px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(255,140,0,.6))}.record-value{font-family:Space Grotesk,Roboto Mono,monospace;font-weight:900;font-size:36px;color:#fff;text-shadow:0 0 15px #7ddfbe,0 0 30px #4ecdc4,3px 3px 6px rgba(0,0,0,.7)}@keyframes record-celebration{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.3) rotate(-20deg)}15%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.3) rotate(8deg)}30%{transform:translate3d(-50%,-50%,0) scale(1.15) rotate(-3deg)}45%{transform:translate3d(-50%,-50%,0) scale(1.25) rotate(2deg)}70%{transform:translate3d(-50%,-50%,0) scale(1.2) rotate(0);opacity:1}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.1) rotate(0)}}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes record-glow{0%,to{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffd7001a,0 8px 32px #000c}50%{box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70099,inset 0 0 30px #ffd70033,0 8px 32px #000c}}.confetti-piece{position:fixed;width:8px;height:8px;pointer-events:none;z-index:9997;opacity:1;will-change:transform,opacity;transform:translateZ(0);animation:confetti-fall-optimized var(--duration, 2.5s) ease-out forwards}@keyframes confetti-fall-optimized{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--velocity-x, 0px),calc(100vh + 100px),0) rotate(var(--rotation, 360deg));opacity:0}}.record-highlight{animation:score-highlight 2.5s ease-in-out;will-change:transform}@keyframes score-highlight{0%,to{color:#7ddfbe;text-shadow:0 0 14px rgba(125,223,190,.35);transform:scaleZ(1)}10%{color:gold;text-shadow:0 0 20px #ffd700,0 0 40px #ffaa00;transform:scale3d(1.25,1.25,1)}20%{transform:scale3d(1.1,1.1,1)}30%{transform:scale3d(1.2,1.2,1)}40%{transform:scale3d(1.15,1.15,1)}60%{color:gold;text-shadow:0 0 20px #ffd700,0 0 40px #ffaa00;transform:scale3d(1.18,1.18,1)}80%{color:#7ddfbe;text-shadow:0 0 20px rgba(125,223,190,.6);transform:scale3d(1.05,1.05,1)}}.html-game-board{--board-bg: #16213e;--cell-empty: #1c2a48;transform-style:flat}.board-cell{position:relative;transform-style:flat;border-radius:6px;contain:layout style paint}.cell-depth,.cubik-block-depth{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.board-cell.filled{filter:brightness(1)}@keyframes cellPlaced{0%{transform:scale(.8) rotate(-5deg);opacity:.6}50%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes lineClear{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.08);filter:brightness(1.8) saturate(1.5)}to{transform:scale(0);opacity:0;filter:brightness(.5)}}.board-cell.line-clearing{animation:lineClear .4s cubic-bezier(.34,1.56,.64,1) forwards}.board-cell.valid-placement{background:#7ddfbe4d!important;box-shadow:inset 0 0 0 2px #7ddfbeb3!important;transition:none!important}.board-cell.invalid-placement{background:#ff5c7a4d!important;box-shadow:inset 0 0 0 2px #ff5c7a99!important;transition:none!important}@keyframes boardShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.html-piece{transform-style:flat;contain:layout style}.html-piece.drag-piece{transform-style:flat!important;will-change:transform}.html-piece.dragging{scale:1.15;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5));z-index:1000!important;transform-style:flat}.html-piece:not(.dragging):hover{transform:scale(1.08)!important;transition:transform .15s ease-out}.html-piece:not(.dragging):active{transform:scale(.95)!important;transition:transform .1s ease-out}.piece-block{transform-style:flat;border-radius:6px;contain:layout style paint}.html-tray{background:none}.piece-slot{transition:all .3s cubic-bezier(.34,1.56,.64,1);border-radius:8px}.piece-slot:has(.html-piece:hover){transform:translateY(-5px)}@keyframes scorePopup{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-100%) scale(.9)}}.score-popup{animation:scorePopup .8s cubic-bezier(.34,1.56,.64,1) forwards}@media (max-width: 768px){.html-game-board{gap:4px;padding:4px}.board-cell,.piece-block{border-radius:5px}.html-tray{gap:20px;padding:15px 20px}}@media (max-width: 480px){.html-game-board{gap:3px;padding:3px}.board-cell,.piece-block{border-radius:4px}.html-tray{gap:16px;padding:10px 16px}.score-popup{font-size:1.5rem!important}}.high-contrast .html-game-board{--board-bg: #1c1f33;--cell-empty: #39405f}.high-contrast .board-cell.filled{filter:brightness(1.1) saturate(1.3)}.high-contrast .board-cell.valid-placement{background:#ffe06666!important;box-shadow:inset 0 0 0 3px #ffe066cc,0 0 15px #ffe06699!important}.high-contrast .board-cell.invalid-placement{background:#ff5c7a80!important;box-shadow:inset 0 0 0 3px #ff5c7acc,0 0 15px #ff5c7a99!important}.html-game-board,.board-cell{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.html-piece:not(.dragging),.piece-block{-webkit-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.html-piece,.board-cell,.piece-block{animation:none!important;transition:none!important}.board-cell.line-clearing{opacity:0}}@media (hover: none) and (pointer: coarse){.html-piece{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.html-piece:active{transform:scale(1.05)}}@keyframes boardLoading{0%,to{opacity:.5}50%{opacity:1}}.html-game-board.loading .board-cell{animation:boardLoading 1.5s ease-in-out infinite;animation-delay:calc(var(--row, 0) * .05s + var(--col, 0) * .05s)}@keyframes celebrate{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}.html-game-board.celebrating{animation:celebrate .5s ease-in-out}@keyframes comboGlow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 #7ddfbe00}50%{box-shadow:0 4px 20px #0000004d,0 0 0 10px #7ddfbe66}}.html-game-board.combo{animation:comboGlow .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}