@tailwind base;@tailwind components;@tailwind utilities;:root{--table-green: #0d5e3a;--table-green-dark: #0a4a2e;--table-green-light: #115740;--felt-texture: #115740;--chip-gold: #f4c430;--chip-gold-dark: #d4a017;--chip-gold-light: #ffd966;--chip-gold-bright: #ffe066;--casino-red: #c41e3a;--casino-red-light: #ef4444;--casino-red-dark: #991b1b;--casino-blue: #1e3a8a;--casino-blue-light: #3b82f6;--casino-emerald: #059669;--casino-amber: #f59e0b;--bg-dark-900: #0A0A0A;--bg-dark-800: #121212;--bg-dark-700: #1A1A1A;--bg-dark-600: #242424;--bg-dark-500: #2D2D2D;--glass-light: rgba(255, 255, 255, .06);--glass-medium: rgba(255, 255, 255, .11);--glass-strong: rgba(255, 255, 255, .16);--glass-dark: rgba(0, 0, 0, .5);--glass-dark-strong: rgba(0, 0, 0, .75);--glass-border: rgba(255, 255, 255, .18);--electric-cyan: #00F5FF;--electric-purple: #B026FF;--electric-pink: #FF0080;--electric-green: #00FF87;--neon-glow: rgba(244, 196, 48, .35);--glow-gold: 0 0 10px rgba(244, 196, 48, .3), 0 0 20px rgba(244, 196, 48, .2), 0 0 30px rgba(244, 196, 48, .1);--glow-green: 0 0 10px rgba(5, 150, 105, .3), 0 0 20px rgba(5, 150, 105, .2), 0 0 30px rgba(5, 150, 105, .1);--glow-red: 0 0 10px rgba(220, 38, 38, .3), 0 0 20px rgba(220, 38, 38, .2), 0 0 30px rgba(220, 38, 38, .1);--glow-blue: 0 0 10px rgba(59, 130, 246, .3), 0 0 20px rgba(59, 130, 246, .2), 0 0 30px rgba(59, 130, 246, .1);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-sm: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-md: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25), 0 10px 20px rgba(0, 0, 0, .15);--shadow-card: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .04);--shadow-heavy: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-card: 10;--z-dropdown: 100;--z-sticky: 500;--z-modal: 1000;--z-tooltip: 2000}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Montserrat,Roboto,sans-serif;background:linear-gradient(135deg,#0a1612 0%,#1a3a2e 50%,#0a1612 100%);min-height:100vh;overflow-x:hidden;color:#fff;font-size:16px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0}h1{font-size:3.5rem;font-weight:800;letter-spacing:-.03em}h2{font-size:2.5rem;font-weight:700}h3{font-size:1.875rem;font-weight:700}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{line-height:1.6;margin:0}.text-xs{font-size:.75rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.6}.text-xl{font-size:1.25rem;line-height:1.5}.text-2xl{font-size:1.5rem;line-height:1.4}.text-3xl{font-size:1.875rem;line-height:1.3}.text-4xl{font-size:2.25rem;line-height:1.2}.text-5xl{font-size:3rem;line-height:1.1}.text-6xl{font-size:3.75rem;line-height:1}#root{width:100%;min-height:100vh}.felt-texture{background:radial-gradient(circle at 20% 50%,rgba(17,87,64,.4) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(17,87,64,.4) 0%,transparent 50%),linear-gradient(135deg,var(--table-green) 0%,var(--table-green-dark) 100%);position:relative}.felt-texture:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;opacity:.6}.table-border{border:8px solid #8b6914;box-shadow:inset 0 0 0 4px #daa520,inset 0 0 20px #00000080,0 20px 60px #000c,0 0 40px #daa52033;position:relative}.glass{background:linear-gradient(135deg,var(--glass-light) 0%,rgba(255,255,255,.04) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a,inset 0 -1px #0000001a;transition:all var(--transition-base);position:relative}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass:hover{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 100%);border-color:#ffffff40;transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px #ffffff26,inset 0 -1px #0000001a}.glass-strong{background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg),inset 0 1px #ffffff26,inset 0 -1px #0000001a}.glass-dark{background:linear-gradient(135deg,var(--glass-dark) 0%,rgba(0,0,0,.45) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md),inset 0 1px #ffffff0d}.glass-dark-strong{background:linear-gradient(135deg,var(--glass-dark-strong) 0%,rgba(0,0,0,.7) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-lg),inset 0 1px #ffffff14}.progressive-blur{mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}@keyframes dealCard{0%{transform:translate(-100vw) translateY(-50vh) rotate(-30deg) scale(.5);opacity:0}60%{transform:translate(5px) translateY(5px) rotate(2deg) scale(1.05);opacity:1}to{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes flipCard{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}@keyframes chipDrop{0%{transform:translateY(-30px) scale(1.3) rotate(0);opacity:0}50%{transform:translateY(5px) scale(.9) rotate(180deg)}70%{transform:translateY(-2px) scale(1.05) rotate(350deg)}to{transform:translateY(0) scale(1) rotate(360deg);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--chip-gold),0 0 10px var(--chip-gold),0 0 15px #ffd7004d}50%{box-shadow:0 0 10px var(--chip-gold),0 0 20px var(--chip-gold),0 0 30px var(--chip-gold),0 0 40px #ffd70080}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.card-deal{animation:dealCard .6s cubic-bezier(.34,1.56,.64,1)}.card-flip{animation:flipCard .6s ease-in-out}.chip-animate{animation:chipDrop .6s cubic-bezier(.34,1.56,.64,1)}.pulse-gold{animation:pulse-glow 2s ease-in-out infinite}.fade-in-up{animation:fadeInUp .5s ease-out}.slide-in-top{animation:slideInFromTop .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.bounce-subtle{animation:bounce-subtle 1s ease-in-out infinite}.wiggle{animation:wiggle .5s ease-in-out infinite}.btn-premium{position:relative;overflow:hidden;transition:all var(--transition-base);transform-origin:center;will-change:transform}.btn-premium:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s ease-out,height .5s ease-out;pointer-events:none}.btn-premium:hover:before{width:450px;height:450px}.btn-premium:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a}.btn-premium:active{transform:translateY(-1px) scale(.99);box-shadow:var(--shadow-md);transition:all 80ms ease-out}.btn-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .7s cubic-bezier(.4,0,.2,1);pointer-events:none}.btn-premium:hover:after{transform:translate(100%)}button{transition:all var(--transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98);transition:all 80ms}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.card-3d{transform-style:preserve-3d;transition:all var(--transition-base);position:relative}.card-3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.02) 1px,rgba(255,255,255,.02) 2px);pointer-events:none;opacity:.6;z-index:1}.card-3d:hover{transform:perspective(1200px) rotateY(4deg) rotateX(2deg) translateY(-6px) translateZ(12px);box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a}.card-lift{transition:all var(--transition-base);box-shadow:var(--shadow-card)}.card-lift:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000040,0 10px 20px #00000026,0 0 0 1px #ffffff0d}.playing-card{background:linear-gradient(145deg,#ffffff 0%,#f8f8f8 100%);box-shadow:var(--shadow-card),inset 0 1px #ffffffe6,inset 0 -1px #0000000d;border-radius:8px;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.playing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px);pointer-events:none}.playing-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #0003,0 8px 16px #0000001f,inset 0 1px #fff}.chip-glow{box-shadow:0 4px 8px #0000004d,0 0 15px #f4c43066,0 0 30px #f4c43033,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d,inset 0 0 0 1px #fff3;transition:all var(--transition-base);position:relative;border-radius:50%}.chip-glow:before{content:"";position:absolute;top:10%;left:15%;right:15%;height:30%;background:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none}.chip-glow:hover{box-shadow:0 8px 16px #0006,0 0 20px #f4c43099,0 0 40px #f4c4304d,0 0 60px #f4c43026,inset 0 3px 6px #fff9,inset 0 -3px 6px #0006,inset 0 0 0 1px #ffffff4d;transform:scale(1.15) translateY(-6px) rotate(8deg)}.chip-glow:active{transform:scale(1.05) translateY(-2px) rotate(4deg);transition:all 80ms}.chip-stack{display:flex;flex-direction:column-reverse;gap:-4px;position:relative}.chip-stack .chip-glow{margin-bottom:-6px}.chip-stack .chip-glow:first-child{margin-bottom:0}.neon-text{text-shadow:0 0 5px var(--chip-gold),0 0 10px var(--chip-gold),0 0 20px var(--chip-gold),0 0 40px var(--chip-gold-dark),0 0 80px var(--chip-gold-dark);animation:pulse-glow 2s ease-in-out infinite}.neon-text-static{text-shadow:0 0 7px var(--chip-gold),0 0 14px var(--chip-gold),0 0 21px var(--chip-gold)}.glow-gold{box-shadow:var(--glow-gold)}.glow-green{box-shadow:var(--glow-green)}.glow-red{box-shadow:var(--glow-red)}.glow-blue{box-shadow:var(--glow-blue)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.loading-spinner{border:3px solid rgba(255,255,255,.1);border-top-color:var(--chip-gold);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.loading-dots:after{content:"...";display:inline-block;animation:shimmer 1.5s ease-in-out infinite}.training-overlay{background:linear-gradient(135deg,rgba(30,58,138,.15) 0%,rgba(29,78,216,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-left:4px solid var(--casino-blue-light)}.feedback-success{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(5,150,105,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);border-left:4px solid #10b981;animation:fadeInUp .4s ease-out}.feedback-error{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(220,38,38,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;animation:fadeInUp .4s ease-out}.feedback-warning{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,rgba(217,119,6,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(245,158,11,.3);border-left:4px solid #f59e0b;animation:fadeInUp .4s ease- .player-label {font-family: "Montserrat",sans-serif; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #FFFFFF; text-shadow: 0 0 10px rgba(255,215,0,.6),0 0 20px rgba(255,215,0,.4),0 2px 8px rgba(0,0,0,.6); border: none !important; background: none !important; padding: 0 !important; box-shadow: none !important; outline: none !important;} .stat-card {background: linear-gradient(145deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.02) 100%); backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(244,196,48,.2); transition: all var(--transition-base); position: relative; overflow: hidden; box-shadow: var(--shadow-md);} .stat-card::before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg,transparent,rgba(244,196,48,.15),transparent); transition: left .6s cubic-bezier(.4,0,.2,1);} .stat-card::after {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,transparent,var(--chip-gold),transparent); opacity: 0; transition: opacity var(--transition-base);} .stat-card:hover {background: linear-gradient(145deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 100%); border-color: var(--chip-gold); transform: translateY(-6px) scale(1.02); box-shadow: var(--shadow-xl),0 0 20px rgba(244,196,48,.15),inset 0 1px 0 rgba(255,255,255,.1);} .stat-card:hover::before {left: 100%;} .stat-card:hover::after {opacity: 1;} .stat-value {font-size: 2rem; font-weight: 800; background: linear-gradient(135deg,var(--chip-gold) 0%,var(--chip-gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; letter-spacing: -.02em;} .stat-value-positive {background: linear-gradient(135deg,var(--casino-emerald) 0%,#10b981 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;} .stat-value-negative {background: linear-gradient(135deg,var(--casino-red) 0%,var(--casino-red-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;} .stat-label {font-size: .875rem; font-weight: 600; color: rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: .05em;} .modal-backdrop {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(0,0,0,.75); animation: fadeInUp .3s ease-out;} ::-webkit-scrollbar {width: 10px; height: 10px;} ::-webkit-scrollbar-track {background: rgba(0,0,0,.2); border-radius: 5px;} ::-webkit-scrollbar-thumb {background: linear-gradient(180deg,var(--chip-gold) 0%,var(--chip-gold-dark) 100%); border-radius: 5px; border: 2px solid transparent; background-clip: padding-box;} ::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg,var(--chip-gold-light) 0%,var(--chip-gold) 100%); background-clip: padding-box;} * {scrollbar-width: thin; scrollbar-color: var(--chip-gold) rgba(0,0,0,.2);} *:focus-visible {outline: 2px solid var(--chip-gold); outline-offset: 2px; border-radius: var(--radius-sm);} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline: 2px solid var(--chip-gold); outline-offset: 4px;} *:focus:not(:focus-visible) {outline: none;} .theme-classic { --table-green: #0d5e3a; --accent: #ffd700; --bg-primary: #1a3a2e; } .theme-modern { --table-green: #1f2937; --accent: #3b82f6; --bg-primary: #111827; } .theme-high-contrast { --table-green: #000000; --accent: #facc15; --bg-primary: #0A0A0A; } .theme-neon { --table-green: #1a1a2e; --accent: var(--electric-cyan); --bg-primary: #0f0f1e; } .text-balance {text-wrap: balance;} .no-scrollbar::-webkit-scrollbar {display: none;} .no-scrollbar {-ms-overflow-style: none; scrollbar-width: none;} .grayscale {filter: grayscale(100%);} .blur-sm {filter: blur(4px);} .blur-md {filter: blur(8px);} .backdrop-blur {backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);} .gap-xs {gap: var(--space-xs);} .gap-sm {gap: var(--space-sm);} .gap-md {gap: var(--space-md);} .gap-lg {gap: var(--space-lg);} .gap-xl {gap: var(--space-xl);} .gap-2xl {gap: var(--space-2xl);} .gap-3xl {gap: var(--space-3xl);} .p-xs {padding: var(--space-xs);} .p-sm {padding: var(--space-sm);} .p-md {padding: var(--space-md);} .p-lg {padding: var(--space-lg);} .p-xl {padding: var(--space-xl);} .p-2xl {padding: var(--space-2xl);} .p-3xl {padding: var(--space-3xl);} .px-xs {padding-left: var(--space-xs); padding-right: var(--space-xs);} .px-sm {padding-left: var(--space-sm); padding-right: var(--space-sm);} .px-md {padding-left: var(--space-md); padding-right: var(--space-md);} .px-lg {padding-left: var(--space-lg); padding-right: var(--space-lg);} .px-xl {padding-left: var(--space-xl); padding-right: var(--space-xl);} .py-xs {padding-top: var(--space-xs); padding-bottom: var(--space-xs);} .py-sm {padding-top: var(--space-sm); padding-bottom: var(--space-sm);} .py-md {padding-top: var(--space-md); padding-bottom: var(--space-md);} .py-lg {padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .py-xl {padding-top: var(--space-xl); padding-bottom: var(--space-xl);} .m-xs {margin: var(--space-xs);} .m-sm {margin: var(--space-sm);} .m-md {margin: var(--space-md);} .m-lg {margin: var(--space-lg);} .m-xl {margin: var(--space-xl);} .m-2xl {margin: var(--space-2xl);} .m-3xl {margin: var(--space-3xl);} .mx-xs {margin-left: var(--space-xs); margin-right: var(--space-xs);} .mx-sm {margin-left: var(--space-sm); margin-right: var(--space-sm);} .mx-md {margin-left: var(--space-md); margin-right: var(--space-md);} .mx-lg {margin-left: var(--space-lg); margin-right: var(--space-lg);} .mx-xl {margin-left: var(--space-xl); margin-right: var(--space-xl);} .my-xs {margin-top: var(--space-xs); margin-bottom: var(--space-xs);} .my-sm {margin-top: var(--space-sm); margin-bottom: var(--space-sm);} .my-md {margin-top: var(--space-md); margin-bottom: var(--space-md);} .my-lg {margin-top: var(--space-lg); margin-bottom: var(--space-lg);} .my-xl {margin-top: var(--space-xl); margin-bottom: var(--space-xl);} .rounded-sm {border-radius: var(--radius-sm);} .rounded-md {border-radius: var(--radius-md);} .rounded-lg {border-radius: var(--radius-lg);} .rounded-xl {border-radius: var(--radius-xl);} .rounded-2xl {border-radius: var(--radius-2xl);} .rounded-full {border-radius: var(--radius-full);} @media (max-width: 1024px) {:root { --space-3xl: 3rem; --space-2xl: 2rem; }} @media (max-width: 768px) {body {font-size: 14px;} .glass,.glass-strong,.glass-dark {backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);} .card-3d:hover {transform: translateY(-3px);} :root { --space-3xl: 2rem; --space-2xl: 1.5rem; }} @media (max-width: 640px) {.neon-text {text-shadow: 0 0 3px var(--chip-gold),0 0 6px var(--chip-gold);}} @media print {.no-print,.glass,.glass-strong,.neon-text {display: none !important;} body {background: white; color: black;}} @media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}} @media (prefers-contrast: high) {.glass,.glass-strong {border: 2px solid currentColor;} .btn-premium {border: 2px solid currentColor;}} @media (prefers-color-scheme: light) {} .card-3d,.bg-white,.bg-gradient-to-br.from-white,[class*="rounded-xl"][class*="shadow"] {overflow: hidden !important; box-sizing: border-box !important;} .bg-gradient-to-br.from-white.to-gray-100 {padding: .5rem .4rem !important;} .font-mono {line-height: .85 !important;} .rotate-180 .font-mono,.rotate-180 .text-2xl,.rotate-180 .text-3xl,.rotate-180 .text-4xl {margin: 0 !important; padding: 0 !important; line-height: .8 !important;} @keyframes float {0%,100% {transform: translateY(0) rotate(0deg);} 50% {transform: translateY(-20px) rotate(5deg);}} .animate-float {animation: float 6s ease-in-out infinite;} @keyframes fade-in-up {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} .animate-fade-in-up {animation: fade-in-up .8s ease-out forwards;}}