:root{--felt-900: #0a120f;--felt-800: #10201a;--felt-700: #16281f;--glass-bg: rgba(255, 255, 255, .055);--glass-bg-strong: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .1);--text-hi: #eef5f0;--text-mid: #b7c4bc;--text-low: #758079;--card-red: #e6484f;--card-yellow: #f0b93d;--card-green: #33c17a;--card-blue: #3f8cf2;--card-wild: #a06be0;--danger: #e6484f;--success: #33c17a;--font-display: "Baloo 2", "Segoe UI", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 9px;--shadow-soft: 0 10px 40px rgba(0, 0, 0, .35);--shadow-card: 0 6px 14px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-hi);background:radial-gradient(circle at 15% -10%,rgba(63,140,242,.12),transparent 45%),radial-gradient(circle at 90% 0%,rgba(230,72,79,.1),transparent 40%),linear-gradient(180deg,var(--felt-900) 0%,var(--felt-800) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit}a{color:inherit}::selection{background:var(--card-blue);color:#fff}:focus-visible{outline:2px solid var(--card-blue);outline-offset:2px}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-bg span{position:absolute;bottom:-10%;width:6px;height:6px;border-radius:50%;opacity:.35;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.4}to{transform:translateY(-110vh) scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;border:none;border-radius:var(--radius-md);padding:13px 22px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;color:var(--text-hi)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--card-blue),#2f6fd0);box-shadow:0 8px 24px #3f8cf259}.btn-primary:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 10px 30px #3f8cf273}.btn-accent{background:linear-gradient(135deg,var(--card-green),#1f9d61);box-shadow:0 8px 24px #33c17a4d}.btn-accent:not(:disabled):hover{filter:brightness(1.08)}.btn-ghost{background:var(--glass-bg-strong);border:1px solid var(--glass-border)}.btn-ghost:not(:disabled):hover{background:#ffffff1f}.btn-danger{background:linear-gradient(135deg,var(--card-red),#b8323a)}.input{font-family:var(--font-body);font-size:15px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#00000040;color:var(--text-hi);width:100%}.input::placeholder{color:var(--text-low)}.input:focus{border-color:var(--card-blue)}.eyebrow{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-mid)}.logo-wordmark{font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:.01em;display:inline-flex}.logo-wordmark span:nth-child(1){color:var(--card-red)}.logo-wordmark span:nth-child(2){color:var(--card-yellow)}.logo-wordmark span:nth-child(3){color:var(--card-green)}.logo-wordmark span:nth-child(4){color:var(--card-blue)}.logo-wordmark span:nth-child(5),.logo-wordmark span:nth-child(6),.logo-wordmark span:nth-child(7),.logo-wordmark span:nth-child(8),.logo-wordmark span:nth-child(9){color:var(--text-hi)}.card-face{--card-color: var(--card-blue);position:relative;width:74px;height:104px;border-radius:10px;background:linear-gradient(160deg,var(--card-color),color-mix(in srgb,var(--card-color) 70%,black));box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.35);-webkit-user-select:none;user-select:none;flex-shrink:0}.card-face:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:6px;border:2px solid rgba(255,255,255,.25)}.card-face.card-wild{background:linear-gradient(135deg,var(--card-red) 0%,var(--card-yellow) 33%,var(--card-green) 66%,var(--card-blue) 100%)}.card-face .card-symbol{font-size:30px;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.4)}.card-face.card-small{width:46px;height:66px;border-radius:7px}.card-face.card-small .card-symbol{font-size:18px}.card-face.card-back{background:repeating-linear-gradient(45deg,#1a2b23,#1a2b23 8px,#142019 8px,#142019 16px);border-color:#ffffff26}.card-face.card-back .card-symbol{font-size:22px;color:#ffffff80}.card-face.playable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card-face.playable:hover{transform:translateY(-14px) scale(1.04);box-shadow:0 16px 28px #00000073}.card-face.unplayable{filter:saturate(.55) brightness(.8);cursor:default}@keyframes card-land{0%{transform:scale(.6) translateY(-40px) rotate(-8deg);opacity:0}to{transform:scale(1) translateY(0) rotate(0);opacity:1}}.card-land{animation:card-land .35s cubic-bezier(.2,.8,.3,1.2)}@keyframes pulse-ring{0%{box-shadow:0 0 #3f8cf28c}to{box-shadow:0 0 0 14px #3f8cf200}}.turn-pulse{animation:pulse-ring 1.6s ease-out infinite}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-in{animation:toast-in .25s ease}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.9}}