:root{--felt-light: #1f7a45;--felt-mid: #14532d;--felt-dark: #072a17;--suit-red: #d32f2f;--suit-black: #1a1a1a;--card-face: #ffffff;--card-face-edge: #f3f1ea;--card-border: rgba(0, 0, 0, .12);--card-back-1: #1e3a8a;--card-back-2: #172554;--gold-1: #fde68a;--gold-2: #facc15;--gold-3: #ca8a04;--glass-bg: rgba(10, 20, 14, .55);--glass-border: rgba(255, 255, 255, .12);--ease: cubic-bezier(.4, 0, .2, 1);--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{font-family:var(--font-ui);background:var(--felt-dark)}.font-sans{font-family:var(--font-ui)}.felt{background-color:var(--felt-mid);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse 85% 70% at 50% 45%,var(--felt-light) 0%,var(--felt-mid) 55%,var(--felt-dark) 100%);box-shadow:inset 0 0 120px #0000008c,inset 0 0 0 1px #0006}.felt-spot{background:radial-gradient(circle,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 55%,transparent 72%);box-shadow:inset 0 0 40px #00000040;border:2px solid rgba(255,255,255,.05)}.card-face{background:linear-gradient(165deg,var(--card-face) 0%,var(--card-face) 60%,var(--card-face-edge) 100%);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 1px 1px #0000002e,0 3px 6px #00000038,inset 0 0 0 1px #ffffffe6}@media(min-width:640px){.card-face,.card-back{border-radius:10px}}@media(min-width:768px){.card-face,.card-back{border-radius:12px}}.card-on-table .card-face,.card-on-table .card-back{box-shadow:0 2px 3px #00000040,0 10px 22px #00000061,inset 0 0 0 1px #ffffffe6}.suit-red{color:var(--suit-red)}.suit-black{color:var(--suit-black)}.card-back{border-radius:8px;border:3px solid #f8fafc;background-color:var(--card-back-1);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 7px),linear-gradient(160deg,var(--card-back-1),var(--card-back-2));box-shadow:0 1px 1px #0003,0 3px 6px #00000040,inset 0 0 0 1px #00000040}.card-back-mini{border-radius:4px;border:1px solid #f8fafc;background-color:var(--card-back-1);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px),linear-gradient(160deg,var(--card-back-1),var(--card-back-2));box-shadow:0 2px 4px #00000059}.hand-card{transition:transform .2s var(--ease),filter .2s var(--ease)}@media(hover:hover){.hand-card.can-pick:hover{transform:translateY(-10px) scale(1.04)}}.hand-card.is-selected{transform:translateY(-20px) scale(1.06)}.hand-card.is-selected .card-face{box-shadow:0 0 0 2px var(--gold-2),0 0 16px #facc158c,0 10px 20px #0006}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff0f}.avatar-3d{box-shadow:0 4px 10px #00000073,inset 0 2px 3px #ffffff59,inset 0 -3px 6px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-3d,.btn-pill{transition:transform .15s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease);box-shadow:0 4px 10px #00000059,inset 0 1px #ffffff4d,inset 0 -2px #00000026}.btn-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:9999px;font-weight:700}.btn-3d:hover,.btn-pill:hover{filter:brightness(1.1)}.btn-3d:active,.btn-pill:active{transform:scale(.95);box-shadow:0 1px 3px #0006,inset 0 1px 3px #00000040}.btn-dark{color:#fff;background:linear-gradient(180deg,#3f4a45,#1c2420);border:1px solid rgba(255,255,255,.18)}.btn-danger{color:#fff;background:linear-gradient(180deg,#ef5350,#b71c1c);border:1px solid rgba(255,255,255,.25)}.btn-gold{color:#1a1a1a;background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);border:1px solid rgba(255,255,255,.5)}.btn-blue{color:#fff;background:linear-gradient(180deg,#60a5fa,#3b82f6 45%,#1d4ed8);border:1px solid rgba(255,255,255,.35)}.trump-badge{color:#1a1a1a;background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 50%,var(--gold-3) 100%);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 14px #facc158c,0 3px 8px #00000059,inset 0 1px #ffffffb3;animation:trumpShine 3s ease-in-out infinite}.trump-badge .trump-suit{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#fff;box-shadow:inset 0 1px 2px #00000040}@keyframes trumpShine{0%,to{box-shadow:0 0 10px #facc1573,0 3px 8px #00000059,inset 0 1px #ffffffb3}50%{box-shadow:0 0 22px #facc15cc,0 3px 8px #00000059,inset 0 1px #ffffffb3}}@media(prefers-reduced-motion:reduce){.trump-badge{animation:none}.hand-card,.btn-pill,.btn-3d{transition:none}}.sticker-slap{transform:rotate(-12deg);animation:stickerSlap .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes stickerSlap{0%{opacity:0;transform:scale(3) rotate(25deg)}60%{opacity:1;transform:scale(.85) rotate(-16deg)}to{transform:scale(1) rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.sticker-slap{animation:none}}