:root{--bg-main: #061A12;--bg-felt: #0D5C3B;--bg-card: rgba(13, 92, 59, .45);--bg-card-hover: rgba(13, 92, 59, .7);--bg-cream: #F8F5E7;--border-glass: rgba(244, 208, 111, .2);--border-glow: rgba(244, 208, 111, .4);--primary: #0D5C3B;--primary-glow: rgba(13, 92, 59, .5);--accent-gold: #F4D06F;--accent-gold-dark: #D4AF37;--accent-emerald: #10B981;--accent-red: #B22222;--text-main: #FFFFFF;--text-muted: #D1E2D9;--text-dim: #8AA89B;--text-dark: #1F1F1F;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", "Plus Jakarta Sans", sans-serif;--font-family: var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 20% 20%,rgba(79,140,255,.07) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.05) 0%,transparent 40%);background-attachment:fixed;overflow-x:hidden;max-width:100vw}#root{max-width:100vw;overflow-x:hidden}img,svg,video,canvas{max-width:100%}*{-webkit-overflow-scrolling:touch}@media(max-width:767px){.glass-button{padding:10px 16px;font-size:.9rem}.animate-float,.animate-float-reverse,.animate-neon{animation:none}}@media(pointer:coarse){button,a[role=button],.glass-button{min-height:40px}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-button{background:linear-gradient(135deg,#f4d06f2e,#f4d06f0d);border:1px solid rgba(244,208,111,.35);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px}.glass-button:hover{background:linear-gradient(135deg,#f4d06f52,#f4d06f1f);border-color:#f4d06f99;transform:translateY(-2px);box-shadow:0 4px 20px #f4d06f40}.pulse-dot{width:10px;height:10px;border-radius:50%;position:relative}.pulse-dot.connected{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.pulse-dot.disconnected{background-color:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}.pulse-dot.connected:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid var(--accent-emerald);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.4);opacity:0}to{transform:scale(.9);opacity:0}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(-2deg)}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 15px rgba(79,140,255,.4))}50%{filter:drop-shadow(0 0 30px rgba(245,158,11,.6))}}.animate-float{animation:floatSlow 6s ease-in-out infinite}.animate-float-reverse{animation:floatReverse 7s ease-in-out infinite}.animate-neon{animation:neonGlow 5s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 36px #4f8cff40}@keyframes dealInHand{0%{transform:translateY(-46vh) rotate(-12deg) scale(.55);opacity:0}60%{opacity:1}to{transform:translate(0) rotate(0) scale(1);opacity:1}}@keyframes dealInOpp{0%{transform:translateY(-30vh) scale(.6);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.deal-card{animation:dealInHand .4s cubic-bezier(.2,.9,.25,1) both}.deal-opp{animation:dealInOpp .35s cubic-bezier(.2,.9,.25,1) both}@media(prefers-reduced-motion:reduce){.deal-card,.deal-opp{animation:none}}