*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;outline:none}html,body,div,span,button{display:revert}:root{--background: hsl(240, 10%, 3.9%);--foreground: hsl(0, 0%, 98%);--muted: hsl(240, 3.7%, 15.9%);--muted-foreground: hsl(240, 5%, 64.9%);--popover: hsl(240, 10%, 3.9%);--popover-foreground: hsl(0, 0%, 98%);--card: hsl(240, 10%, 3.9%);--card-foreground: hsl(0, 0%, 98%);--border: hsl(240, 3.7%, 15.9%);--input: hsl(240, 3.7%, 15.9%);--primary: hsl(207, 90%, 54%);--primary-foreground: hsl(211, 100%, 99%);--secondary: hsl(240, 3.7%, 15.9%);--secondary-foreground: hsl(0, 0%, 98%);--accent: hsl(240, 3.7%, 15.9%);--accent-foreground: hsl(0, 0%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(0, 0%, 98%);--ring: hsl(240, 4.9%, 83.9%);--radius: .5rem;--game-dark: #17101f;--game-secondary: #17101f;--game-tertiary: hsl(240, 15%, 14%);--game-tertiary-rgb: 31, 31, 41;--game-surface: hsl(240, 15%, 12%);--game-accent: hsl(262, 77%, 56%);--game-accent-hover: hsl(258, 70%, 65%);--game-accent-bright: rgba(139, 92, 246, .6);--nav-background: #1a1b23;--nav-button-text: rgb(250, 250, 250);--nav-button-border: rgb(39, 39, 42);--nav-button-border-hover: rgb(120, 56, 229);--nav-home-bg: rgb(22, 22, 29);--nav-home-bg-hover: rgb(26, 26, 35);--nav-home-border: rgb(30, 30, 41);--text-primary: hsl(0, 0%, 100%);--text-secondary: hsl(210, 11%, 61%);--text-muted: hsl(215, 11%, 43%);--red-suit: hsl(0, 100%, 63%);--blue-suit: hsl(210, 100%, 56%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--animation-quick: .2s;--animation-normal: .3s;--animation-slow: .5s;--easing: cubic-bezier(.4, 0, .2, 1);--card-button-bg: transparent;--card-button-border: hsla(240, 10%, 30%, .5);--card-button-bg-hover: hsla(240, 15%, 15%, .1);--nav-button-bg: hsla(240, 15%, 12%, .8);--nav-button-border: hsla(240, 10%, 30%, .5);--nav-button-bg-hover: hsla(240, 15%, 15%, .9);--center-circle-bg: rgba(100, 116, 139, .1);--center-circle-border: rgba(248, 250, 252, .05);--offered-indicator: hsl(270, 100%, 65%);--inventory-border: rgba(100, 100, 128, .2);--accent-button-bg: rgba(139, 92, 246, .1);--accent-button-border: rgba(139, 92, 246, .4);--accent-button-bg-hover: rgba(139, 92, 246, .2);--purple-glow-weak: rgba(139, 92, 246, .15);--purple-glow-medium: rgba(139, 92, 246, .2);--purple-glow-strong: rgba(139, 92, 246, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .4), inset 0 0 20px rgba(139, 92, 246, .1);--shadow-glow-purple-sm: 0 0 20px rgba(139, 92, 246, .3);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .15), 0 0 40px rgba(239, 68, 68, .1);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .15), 0 0 40px rgba(59, 130, 246, .1);--text-glow-purple: 0 0 10px var(--game-accent), 0 2px 4px rgba(0, 0, 0, .8);--text-shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--glow-purple: rgba(139, 92, 246, .8);--glow-red: rgba(239, 68, 68, .8);--glow-blue: rgba(59, 130, 246, .8)}.liquid-glass{background:#0009;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-image:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 70%);border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 3px #fff3,inset 0 -1px 3px #0000001a,0 8px 32px #0000001a}.liquid-glass-button{position:relative;background:#0009;background-image:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 70%);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 3px #fff3,inset 0 -1px 3px #0000001a,0 8px 32px #0000001a;overflow:hidden}.liquid-glass-button:hover,button.liquid-glass-button:hover{background:#3f336080!important;background-image:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 70%)!important}.glow-purple{box-shadow:0 0 30px var(--glow-purple),0 0 60px var(--game-accent-bright),0 0 120px var(--purple-glow-strong),inset 0 0 40px var(--purple-glow-strong)}.glow-purple-subtle{box-shadow:0 0 20px var(--purple-glow-strong),inset 0 0 20px var(--purple-glow-weak)}@keyframes neon-pulse{0%,to{opacity:1;filter:brightness(1) contrast(1);box-shadow:0 0 30px var(--glow-purple),0 0 60px var(--game-accent-bright),0 0 120px var(--purple-glow-strong),0 0 200px var(--purple-glow-medium),inset 0 0 40px var(--purple-glow-strong)}50%{opacity:.8;filter:brightness(1.2) contrast(1.1);box-shadow:0 0 50px var(--game-accent),0 0 100px var(--glow-purple),0 0 200px var(--game-accent-bright),0 0 300px var(--purple-glow-strong),inset 0 0 60px var(--game-accent-bright)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.95}}@keyframes light-sweep{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes refract{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes breathe-glow{0%,to{filter:brightness(1.1) contrast(1.1) saturate(1.2);opacity:.85}50%{filter:brightness(1.2) contrast(1.15) saturate(1.3);opacity:.95}}@keyframes breathe-glow-arrow{0%,to{filter:brightness(1.1) contrast(1.1);opacity:.9}50%{filter:brightness(1.2) contrast(1.15);opacity:1}}@keyframes processing-filters{0%,to{filter:brightness(1.2) contrast(1.1) saturate(1.3) drop-shadow(0 0 20px var(--glow-purple))}50%{filter:brightness(1.5) contrast(1.3) saturate(1.6) drop-shadow(0 0 40px var(--game-accent))}}.liquid-scanlines{position:relative;overflow:hidden}.liquid-scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;animation:scanline-scroll 8s linear infinite}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 2px 4px rgba(0,0,0,.8)}.text-shadow-sm{text-shadow:0 2px 4px rgba(0,0,0,.4)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.6)}.elastic-bounce{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.smooth-decel{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.processing-glow{animation:neon-pulse 1.5s ease-in-out infinite,gradient-shift 3s ease-in-out infinite}.hover-sweep{position:relative;overflow:hidden}.hover-sweep:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s;pointer-events:none}.hover-sweep:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.liquid-glass-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.liquid-glass-button:hover:before{transform:translate(100%)}.liquid-glass-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.02) 8px,rgba(255,255,255,.02) 16px);background-size:200% 200%;animation:refract 15s linear infinite;pointer-events:none;border-radius:inherit;opacity:.6}.red-suit{color:var(--red-suit)!important}.blue-suit{color:var(--blue-suit)!important}.card-button{position:relative;width:112px;height:160px;background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-button-border);border-radius:12px;box-shadow:var(--shadow-lg);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.card-button:hover:not(:disabled):not(.excited-glow){background:var(--card-button-bg-hover);border-color:var(--game-accent);box-shadow:var(--shadow-xl)}.card-button .card-rank,.card-button .card-suit{color:inherit}.card-button .red-suit{color:var(--red-suit)!important}.card-button .blue-suit{color:var(--blue-suit)!important}.glow-red{text-shadow:0 0 10px var(--glow-red),0 0 20px var(--glow-red),0 2px 4px rgba(0,0,0,.8)}.glow-blue{text-shadow:0 0 10px var(--glow-blue),0 0 20px var(--glow-blue),0 2px 4px rgba(0,0,0,.8)}.touch-target{min-width:44px;min-height:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.excited-glow{position:relative;box-shadow:0 4px 14px 0 var(--purple-glow-medium),0 0 20px var(--purple-glow-weak),inset 0 1px #ffffff1a}.excited-glow:hover{box-shadow:0 6px 20px 0 var(--purple-glow-strong),0 0 30px var(--purple-glow-medium),inset 0 1px #ffffff26}.breathing-glow{animation:breathe-glow 3s ease-in-out infinite}.breathing-glow-arrow{animation:breathe-glow-arrow 3s ease-in-out infinite}.liquid-suit-button{position:relative;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#0000001a,#ffffff0d,#ffffff1a);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-suit-button:hover{border-color:#ffffff4d}.liquid-suit-button.hearts:hover,.liquid-suit-button.diamonds:hover{box-shadow:0 12px 40px #0006,var(--shadow-glow-red),inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.liquid-suit-button.clubs:hover,.liquid-suit-button.spades:hover{box-shadow:0 12px 40px #0006,var(--shadow-glow-blue),inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.liquid-suit-button.hearts:active,.liquid-suit-button.diamonds:active{box-shadow:0 8px 32px #0006,0 0 40px var(--red-suit),var(--shadow-glow-red),inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.liquid-suit-button.clubs:active,.liquid-suit-button.spades:active{box-shadow:0 8px 32px #0006,0 0 40px var(--blue-suit),var(--shadow-glow-blue),inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.smooth-animation{will-change:transform,width,height,border-radius,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}.inventory-scroll{scrollbar-width:thin;scrollbar-color:var(--purple-glow-strong) transparent}.inventory-scroll::-webkit-scrollbar{width:6px}.inventory-scroll::-webkit-scrollbar-track{background:transparent}.inventory-scroll::-webkit-scrollbar-thumb{background:var(--purple-glow-strong);border-radius:3px}.inventory-scroll::-webkit-scrollbar-thumb:hover{background:var(--game-accent-bright)}.liquid-lens{position:relative;overflow:hidden;background:radial-gradient(ellipse at var(--lens-x, 50%) var(--lens-y, 50%),rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.03) 40%,transparent 60%);filter:contrast(1.05) brightness(1.02)}.liquid-specular:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--light-x, 30%) var(--light-y, 0%),rgba(255,255,255,.25) 0%,rgba(255,255,255,.12) 15%,rgba(255,255,255,.05) 30%,transparent 50%);pointer-events:none;mix-blend-mode:screen;animation:specular-drift 20s ease-in-out infinite}@keyframes specular-drift{0%,to{--light-x: 30%;--light-y: 0%}25%{--light-x: 70%;--light-y: 10%}50%{--light-x: 50%;--light-y: 30%}75%{--light-x: 10%;--light-y: 20%}}.liquid-capsule{border-radius:9999px;--concentric-offset: 4px}.liquid-capsule-nested{border-radius:calc(9999px - var(--concentric-offset))}.liquid-adaptive{background:rgba(var(--liquid-r, 26),var(--liquid-g, 27),var(--liquid-b, 35),var(--liquid-a, .3));-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(var(--content-brightness, 1)) hue-rotate(var(--content-hue, 0deg));backdrop-filter:blur(20px) saturate(180%) brightness(var(--content-brightness, 1)) hue-rotate(var(--content-hue, 0deg))}@media (prefers-color-scheme: light){.liquid-adaptive{--liquid-r: 255;--liquid-g: 255;--liquid-b: 255;--liquid-a: .7}}.liquid-interactive{transition:all .3s cubic-bezier(.34,1.56,.64,1);will-change:filter,backdrop-filter}.liquid-interactive:hover{filter:contrast(1.1) brightness(1.05) drop-shadow(0 0 20px rgba(139,92,246,.3));-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(1.05);backdrop-filter:blur(24px) saturate(200%) brightness(1.05)}.liquid-interactive:active{filter:contrast(1.15) brightness(.98) drop-shadow(0 0 10px rgba(139,92,246,.2))}@keyframes light-orbit{0%{--orbit-x: 50%;--orbit-y: 0%;--orbit-intensity: .2}25%{--orbit-x: 100%;--orbit-y: 50%;--orbit-intensity: .15}50%{--orbit-x: 50%;--orbit-y: 100%;--orbit-intensity: .1}75%{--orbit-x: 0%;--orbit-y: 50%;--orbit-intensity: .15}to{--orbit-x: 50%;--orbit-y: 0%;--orbit-intensity: .2}}.liquid-dynamic-light{position:relative}.liquid-dynamic-light:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at var(--orbit-x) var(--orbit-y),rgba(255,255,255,var(--orbit-intensity)) 0%,transparent 50%);animation:light-orbit 30s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes materialize-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);filter:contrast(1) brightness(1)}50%{opacity:.5;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);filter:contrast(1.05) brightness(1.02)}to{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);filter:contrast(1.05) brightness(1.02)}}@keyframes materialize-out{0%{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);filter:contrast(1.05) brightness(1.02)}50%{opacity:.5;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);filter:contrast(1.02) brightness(1)}to{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);filter:contrast(1) brightness(1)}}.liquid-materialize-in{animation:materialize-in .4s cubic-bezier(.4,0,.2,1) forwards}.liquid-materialize-out{animation:materialize-out .3s cubic-bezier(.4,0,.6,1) forwards}.liquid-env-aware{--env-brightness: 1;--env-contrast: 1;--env-hue: 0deg;filter:brightness(var(--env-brightness)) contrast(var(--env-contrast)) hue-rotate(var(--env-hue))}@media (prefers-reduced-motion: reduce){.liquid-lens,.liquid-specular:before,.liquid-dynamic-light:after{animation:none!important}.liquid-interactive{transition-duration:.01ms!important}}@media (prefers-contrast: high){.liquid-glass,.liquid-adaptive{background:#000000e6;border:2px solid white;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-transparency){.liquid-glass,.liquid-adaptive{background:#1a1b23f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.liquid-layer-0{z-index:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.liquid-layer-1{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.liquid-layer-2{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.liquid-layer-3{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.liquid-grounded{box-shadow:0 1px 2px #0000001a,0 4px 8px #00000014,0 8px 16px #0000000f,inset 0 1px #ffffff1a}.liquid-content-aware{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.liquid-content-aware.content-focus{opacity:.6;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.liquid-glass-enhanced{@extend .liquid-glass;@extend .liquid-lens;@extend .liquid-specular;@extend .liquid-adaptive;@extend .liquid-interactive;@extend .liquid-grounded;}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tetris-fall{0%{transform:translateY(-20px);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes fade-out-scale{0%{opacity:1}to{opacity:0}}@keyframes coinDrop{0%{transform:translateY(0) rotate(0);opacity:1}70%{opacity:.8}85%{opacity:.3}to{transform:translateY(var(--drop-distance, 300px)) rotate(180deg);opacity:0}}@keyframes card-hover{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2094f34d}50%{box-shadow:0 0 30px #2094f380}}@keyframes damage-flash{0%{background-color:var(--health-red)}to{background-color:transparent}}.post-offer-consuming{transform:translateY(0);opacity:1;transition:transform 1.2s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .8s}.post-offer-consuming.animate{transform:translateY(306px);opacity:.1}.trade-fall{animation:tetris-fall .4s ease-out forwards}.trade-remove{animation:fade-out-scale .3s ease-in forwards}.trade-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover{transition:all var(--animation-normal) var(--easing);will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.targeting-highlight{animation:pulse-glow 1s ease-in-out infinite;border:2px solid var(--attack-orange)}.damage-flash{animation:damage-flash var(--animation-normal) ease-out}.progress-bar{background:linear-gradient(90deg,#20cb98,#10b77f);transition:width var(--animation-slow) ease-out}.card-glow{box-shadow:0 0 20px #2094f34d}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.95}}.pulse-button{animation:pulse-subtle 2s ease-in-out infinite}.gradient-flow{background-size:200% 200%;animation:gradient-shift 25s ease-in-out infinite}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.rarity-border-common{border-color:var(--rarity-common)}.rarity-border-uncommon{border-color:var(--rarity-uncommon)}.rarity-border-rare{border-color:var(--rarity-rare)}.rarity-border-epic{border-color:var(--rarity-epic)}.rarity-border-legendary{border-color:var(--rarity-legendary)}.accessibility-pattern-uncommon{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(120,61%,34%,.1) 2px,hsla(120,61%,34%,.1) 4px)}.accessibility-pattern-rare{background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(225,73%,57%,.1) 2px,hsla(225,73%,57%,.1) 4px)}.suit-red{color:var(--suit-red)}.suit-black{color:var(--suit-blue)}.playing-card{aspect-ratio:2/3;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;position:relative;background:#fff;border:1px solid #e5e7eb}.playing-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.playing-card-selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.playing-card-owned{border-color:#10b981}.playing-card-needed{border-color:#f59e0b}.liquid-suit-symbol{font-size:3rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px currentColor;filter:drop-shadow(0 0 10px currentColor)}@media (max-width: 375px){.liquid-suit-symbol{font-size:1.5rem}}@media (max-height: 667px){.liquid-suit-symbol{font-size:1.75rem}}@media (prefers-contrast: high){.card-hover:hover{border:3px solid white}.rarity-border-common,.rarity-border-uncommon,.rarity-border-rare,.rarity-border-epic,.rarity-border-legendary{border-width:3px}}:root{color-scheme:dark}:root{--dev-background: rgba(40, 40, 40, 1);--dev-panel-background: rgba(0, 0, 0, .95);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--game-secondary);color:var(--text-primary);overflow:hidden}#app{width:100%;height:100%;position:relative}.inventory-grid-container::-webkit-scrollbar{display:none}.inventory-grid-container{-ms-overflow-style:none;scrollbar-width:none}button{font-family:inherit;border:none;outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:inherit}button.card-button{background:transparent!important;border:1px solid var(--card-button-border)!important;color:currentColor}button.card-button:not(.excited-glow):hover{background:var(--card-button-bg-hover)!important;border-color:var(--game-accent)!important}button *,[role=button] *,.cursor-pointer *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}