:root{--accent: #ff9800;--accent-2: #f57d07;--accent-ink: #fff6e5;--accent-glow: 255, 152, 0;--gold: #f3b958;--felt-core: #2e8155;--felt-edge: #16482e;--bg: #1b2425;--heal: #4bc292;--danger: #fe5f55;--shield: #0094ff;--text: #ffffff;--text-dim: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .45);--font-display: "Press Start 2P", "Russo One", system-ui, sans-serif;--font-ui: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, .8, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);min-height:100%;height:100%}body{font-family:var(--font-ui);overflow:hidden;color:var(--text)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}#root{position:fixed;top:0;right:0;bottom:0;left:0}#root,#root *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}button,input,select{border-radius:10px}h1,h2{text-shadow:0 3px 0 rgba(0,0,0,.35);letter-spacing:.5px}button{transition:filter .12s var(--ease-out),transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}button:not(:disabled):hover{filter:brightness(1.08)}button:not(:disabled):active{transform:translateY(2px) scale(.99)}.crt-tint{display:none}.crt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(135% 110% at 50% 45%,transparent 62%,rgba(8,22,14,.5))}.felt-swirl{position:absolute;inset:-12% calc(-12% - 420px) calc(-12% - 420px) -12%;pointer-events:none}.felt-swirl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.016 0.02' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.45 0.45 0.45 0 -0.28'/></filter><rect width='420' height='420' filter='url(%23s)' fill='%23041f12'/></svg>");background-size:420px 420px;animation:swirlFlow 48s linear infinite}@keyframes swirlFlow{0%{transform:translate(0)}to{transform:translate(-420px,-420px)}}.felt-swirl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;background:radial-gradient(34% 26% at 24% 30%,rgba(126,222,170,.22),transparent 70%),radial-gradient(30% 24% at 72% 62%,rgba(70,170,118,.18),transparent 70%),radial-gradient(26% 22% at 48% 84%,rgba(126,222,170,.15),transparent 70%),radial-gradient(30% 22% at 84% 16%,rgba(70,170,118,.17),transparent 70%);filter:blur(34px);animation:hazeDrift 22s ease-in-out infinite alternate}@keyframes hazeDrift{0%{transform:translate(-4%,-2%) scale(1) rotate(0);opacity:.5}50%{transform:translate(2%,2%) scale(1.1) rotate(1.5deg);opacity:.95}to{transform:translate(5%,-3%) scale(1.16) rotate(-1.5deg);opacity:.6}}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.65) rotate(-12deg)}to{transform:scale(1)}}.heart-pop{animation:heartPop .45s var(--spring)}@keyframes sumPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.sum-pop{animation:sumPop .32s var(--spring)}@keyframes timerShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-2px,1px) rotate(-2deg)}30%{transform:translate(2px,-1px) rotate(2deg)}45%{transform:translate(-2px) rotate(-1deg)}60%{transform:translate(2px,1px) rotate(1deg)}75%{transform:translate(-1px,-1px) rotate(-1deg)}}.timer-low{animation:timerShake 1s steps(8) infinite;filter:drop-shadow(0 0 6px rgba(255,77,94,.55))}@keyframes dragWobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.drag-wobble{animation:dragWobble .42s ease-in-out infinite}@keyframes quake{0%,to{transform:translate(0)}10%{transform:translate(-5px,3px)}20%{transform:translate(6px,-4px)}30%{transform:translate(-7px,2px)}40%{transform:translate(5px,4px)}50%{transform:translate(-4px,-3px)}60%{transform:translate(6px,2px)}70%{transform:translate(-3px,3px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-2px,1px)}}.quake{animation:quake .6s cubic-bezier(.36,.07,.19,.97)}@keyframes castFx{0%{transform:scale(.8) rotate(0);filter:brightness(1.5)}40%{transform:scale(var(--cast-scale,1.3)) rotate(var(--cast-rot,0deg)) translate(var(--cast-tx,0),var(--cast-ty,0));filter:drop-shadow(0 0 18px var(--cast-glow,#fff)) brightness(1.25)}70%{transform:scale(1.06) rotate(0)}to{transform:scale(1) rotate(0);filter:none}}.cast{animation:castFx .72s cubic-bezier(.34,1.56,.64,1);will-change:transform,filter}@keyframes floatNum{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}18%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-135%) scale(1)}to{opacity:0;transform:translate(-50%,-210%) scale(.85)}}.float-num{animation:floatNum 1.1s var(--ease-out) forwards;text-shadow:0 3px 0 rgba(0,0,0,.45)}@keyframes cardDeal{0%{opacity:0;transform:translateY(-34px) rotate(-7deg) scale(.78)}60%{opacity:1}to{opacity:1;transform:none}}.card-deal{animation:cardDeal .38s var(--spring) both}@keyframes cardReveal{0%{opacity:0;transform:rotateY(90deg) scale(.85)}to{opacity:1;transform:none}}.card-reveal{animation:cardReveal .45s var(--ease-out) both}@keyframes effectGlow{0%,to{filter:drop-shadow(0 0 4px rgba(var(--accent-glow),.55))}50%{filter:drop-shadow(0 0 14px rgba(var(--accent-glow),.95))}}.effect-glow{animation:effectGlow 1.4s ease-in-out infinite}@keyframes bannerIn{0%{opacity:0;transform:translateY(22px) scale(.8)}14%{opacity:1;transform:translateY(0) scale(1.06)}24%{transform:scale(1)}84%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-14px) scale(.96)}}.round-banner>div{animation:bannerIn 1.9s var(--ease-out) both}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.overlay-fade{opacity:1;animation:overlayFade .12s linear forwards}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.pop-in{animation:popIn .28s var(--spring) forwards;border-radius:14px}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise-in{animation:riseIn .45s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.rise-in{animation:none}}.lift{border-radius:12px;transition:transform .22s var(--spring),box-shadow .22s var(--ease-out),filter .22s}.lift:hover{transform:translateY(-6px) rotate(-1deg) scale(1.03);filter:brightness(1.05)}.row-hi{border-radius:10px;transition:transform .16s var(--ease-out),background .16s}.row-hi:hover{transform:translate(4px);background:#ffffff0d}.hand-strip{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding:20px 12px 14px}.hand-strip{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;scroll-behavior:smooth}.hand-strip::-webkit-scrollbar{height:9px}.hand-strip::-webkit-scrollbar-track{background:#0000002e;border-radius:99px}.hand-strip::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid transparent;border-radius:99px}.hand-strip::-webkit-scrollbar-thumb:hover{background:#ffffff73}.hand-card{position:relative;flex:0 0 100px;width:100px;margin-left:-38px;transition:transform .22s var(--spring);cursor:pointer}.hand-card:first-child{margin-left:0}.hand-card:hover{transform:translateY(-18px) rotate(-2deg) scale(1.05);z-index:6}.hand-strip .lift:hover{transform:none;filter:none}@keyframes mmSpin{to{transform:rotate(360deg)}}.mm-spin{animation:mmSpin .9s linear infinite;border-radius:50%}@keyframes playGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) drop-shadow(0 0 14px rgba(var(--accent-glow),.4))}}.play-btn{position:relative;overflow:hidden;animation:playGlow 2.2s ease-in-out infinite}.play-btn:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.32),transparent);transform:skew(-18deg);animation:playSheen 3.2s var(--ease-out) infinite;pointer-events:none}@keyframes playSheen{0%,55%{left:-70%}to{left:170%}}.play-btn:not(:disabled):active{transform:translateY(3px)}.playcard-hand{transition:transform .18s var(--spring),box-shadow .2s var(--ease-out)}.playcard-hand:not(:disabled):hover{transform:translateY(-16px) rotate(-1.5deg) scale(1.06)}.playcard-hand:not(:disabled):active{transform:translateY(-6px)}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}.pulse-dot{animation:pulseDot 1.3s ease-in-out infinite}@keyframes packCardIn{0%{opacity:0;transform:translateY(34px) scale(.78)}60%{opacity:1}to{opacity:1;transform:none}}.pack-card-in{animation:packCardIn .5s var(--spring) both}@keyframes packIdle{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}.pack-idle{animation:packIdle 1.8s ease-in-out infinite}@keyframes packFlip{0%{transform:perspective(700px) rotateY(0) scale(1)}45%{transform:perspective(700px) rotateY(90deg) scale(1.14)}55%{transform:perspective(700px) rotateY(90deg) scale(1.14)}to{transform:perspective(700px) rotateY(0) scale(1)}}.pack-flip{animation:packFlip .55s var(--ease-out) both}@keyframes rarityBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}.rarity-burst{animation:rarityBurst .8s var(--ease-out) forwards}@keyframes rarityGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.rarity-glow{animation:rarityGlow 1.6s ease-in-out infinite;border-radius:12px}@keyframes newPop{0%{transform:scale(0) rotate(-18deg)}60%{transform:scale(1.3) rotate(-18deg)}to{transform:scale(1) rotate(-18deg)}}.new-pop{animation:newPop .45s var(--spring) both;border-radius:6px}@media(prefers-reduced-motion:reduce){.play-btn,.play-btn:after,.mm-spin,.pack-idle,.pack-flip,.rarity-glow,.pack-card-in,.pulse-dot,.felt-swirl:before,.felt-swirl:after,.effect-glow{animation:none!important}}