@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto}#root{min-height:100%;min-height:100dvh}:root{--ink: #1a1814;--ink-2: #3a362f;--ink-3: #6b6458;--ink-4: #a8a194;--paper: #faf7f1;--paper-2: #f4efe5;--paper-3: #ebe5d7;--card: #ffffff;--felt: #2d4a3e;--felt-2: #1f3329;--felt-deep: #142420;--accent: #3a6b54;--accent-2: #2d5442;--accent-soft: #7ab08a;--heart: #c94236;--amber: #c98a3a;--hairline: rgba(26,24,20,.08);--hairline-2: rgba(26,24,20,.14);--shadow-xs: 0 1px 2px rgba(26,24,20,.04);--shadow-sm: 0 1px 2px rgba(26,24,20,.04), 0 1px 1px rgba(26,24,20,.03);--shadow: 0 4px 12px rgba(26,24,20,.06), 0 2px 4px rgba(26,24,20,.04);--shadow-lg: 0 24px 48px -12px rgba(26,24,20,.14), 0 8px 16px rgba(26,24,20,.06);--card-shadow: 0 8px 20px -4px rgba(26,24,20,.12), 0 2px 6px rgba(26,24,20,.06);--bg: var(--paper);--bg2: var(--paper-2);--bg3: var(--paper-3);--text: var(--ink);--text-muted: var(--ink-3);--text-soft: var(--ink-4);--primary: var(--accent);--primary-light: var(--accent-soft);--primary-soft: rgba(58,107,84,.08);--primary-ring: rgba(58,107,84,.25);--primary-ink: #fff;--primary-depth: var(--accent-2);--danger: var(--heart);--danger-light: #e06b62;--danger-soft: rgba(201,66,54,.08);--danger-ring: rgba(201,66,54,.25);--warning: var(--amber);--gold: var(--amber);--gold-mid: var(--amber);--gold-light: #d9a050;--gold-ink: #fff;--line: var(--hairline);--border: var(--hairline-2);--border-soft: var(--hairline);--border-strong: rgba(26,24,20,.22);--panel: var(--card);--panel-opaque: var(--card);--hud-bg: rgba(250,247,241,.85);--game-sf: var(--card);--game-sfO: var(--card);--avatar-bg: rgba(58,107,84,.08);--avatar-ring: rgba(58,107,84,.25);--deck-btn: rgba(58,107,84,.06);--score-badge: var(--card);--score-badge-b: var(--hairline-2);--turn-banner: rgba(58,107,84,.08);--toggle-bg: var(--paper-2);--hud-btn: var(--paper-2);--board-core: radial-gradient(ellipse at 50% 45%, var(--felt), var(--felt-2));--felt-texture: radial-gradient(circle at 20% 18%, rgba(255,255,255,.03), transparent 16%);--shadow-card: var(--card-shadow);--shadow-float: var(--shadow-lg);--shadow-glow-primary: 0 0 20px rgba(58,107,84,.2);--shadow-glow-gold: 0 0 20px rgba(201,138,58,.2);--empty-zone: rgba(58,107,84,.04);--score-pos: var(--accent);--score-neg: var(--heart);--board-line: rgba(122,176,138,.2);--card-back: linear-gradient(135deg, var(--felt) 0%, var(--felt-2) 100%);--bg-scene: var(--paper);--bg-felt: radial-gradient(ellipse 70% 50% at 50% 45%, #3b5c4b 0%, var(--felt) 40%, var(--felt-2) 75%, var(--felt-deep) 100%)}body{background:var(--paper);font-family:Geist,-apple-system,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}button,input,textarea,select{font:inherit}button{transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s,opacity .12s;transform:translateY(0);cursor:pointer;-webkit-tap-highlight-color:transparent}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.985)}input::placeholder,textarea::placeholder{color:var(--ink-4)}.fraunces{font-family:Fraunces,serif;font-variation-settings:"opsz" 144}.panel{background:var(--card);border:1px solid var(--hairline);border-radius:18px;box-shadow:var(--shadow-sm)}.frosted{background:#faf7f1d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--hairline)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:999px;font-family:Geist,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.01em;border:0;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hairline-2)}.btn-ghost:hover{background:var(--paper-2)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-2)}.btn-sm{height:38px;padding:0 18px;font-size:13px}.btn-block{width:100%}.icon-btn{width:38px;height:38px;background:var(--card);border:1px solid var(--hairline);border-radius:12px;display:grid;place-items:center;font-size:16px;color:var(--ink);box-shadow:var(--shadow-xs);position:relative}.filter-chip{padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--hairline-2);font-size:12px;color:var(--ink-2);font-weight:500;white-space:nowrap;cursor:pointer}.filter-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.turn-pill{padding:3px 8px;background:#3a6b541a;border:1px solid rgba(58,107,84,.25);border-radius:6px;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500}.tabs{position:absolute;bottom:0;left:0;right:0;height:84px;padding:8px 14px 26px;background:#faf7f1d1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--hairline);display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--ink-3);font-weight:500;letter-spacing:-.01em}.tab .ic{font-size:18px;line-height:1;height:20px;display:grid;place-items:center}.tab.active{color:var(--ink)}.tab.active .ic{color:var(--accent)}.playing-card{width:62px;height:88px;border-radius:8px;position:relative;background:#fff;border:1px solid rgba(26,24,20,.06);box-shadow:0 6px 14px -4px #1a181429,0 2px 4px #1a181414;font-family:Fraunces,serif;font-weight:500;letter-spacing:-.02em;color:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.playing-card.red{color:var(--heart)}.playing-card.back{background:linear-gradient(135deg,var(--felt) 0%,var(--felt-2) 100%);border:1px solid rgba(0,0,0,.3)}.playing-card.back:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(122,176,138,.3);border-radius:4px}.playing-card.back:after{content:"♠";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#7ab08a66;font-size:22px}.playing-card.selected{transform:translateY(-18px) scale(1.04)!important;box-shadow:0 0 0 2px var(--accent-soft),0 18px 32px -6px #0003!important;z-index:10}.game-card{transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s,filter .12s;will-change:transform,box-shadow,filter}@media (hover: hover) and (pointer: fine){.game-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--card-shadow)}}.bg-grain-felt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2.2' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.bg-grain-paper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.ph-thread{cursor:pointer}.ph-thread:hover{background:var(--paper-2)!important}.ph-thread:active{background:var(--paper-3)!important}.bg-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-felt);pointer-events:none}.bg-nebula{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 30% at 20% 15%,rgba(122,176,138,.15),transparent 70%),radial-gradient(60% 35% at 50% 110%,rgba(58,107,84,.18),transparent 70%);filter:blur(6px);pointer-events:none}.bg-stars{display:none}.bg-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2.2' numOctaves='3'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.35) 100%);pointer-events:none}.glass{background:#00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.btn-3d{transition:transform .1s cubic-bezier(.22,1,.36,1),box-shadow .1s;-webkit-tap-highlight-color:transparent}.btn-3d:active{transform:translateY(2px) scale(.98);box-shadow:none!important}.cinzel{font-family:Fraunces,serif}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:.2}}@keyframes fade-pulse{50%{opacity:.3}}@keyframes ripple{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes float-a{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}@keyframes float-b{0%,to{transform:translate(0)}50%{transform:translate(-14px,18px)}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes xp-fill{0%{width:0}}@keyframes aaa-floatA{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}@keyframes aaa-floatB{0%,to{transform:translate(0)}50%{transform:translate(-14px,18px)}}@keyframes ambientFloatA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-14px,0) scale(1.04)}}@keyframes ambientFloatB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-12px,8px,0) scale(1.03)}}@keyframes boardPulse{0%,to{opacity:.86}50%{opacity:1}}@keyframes confettiDrop{0%{transform:translate3d(0,-18px,0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate3d(12px,240px,0) rotate(240deg);opacity:0}}@keyframes aaa-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes aaa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes aaa-spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes aaa-mmring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes aaa-xpgain{0%,to{opacity:.7}50%{opacity:1}}@keyframes aaa-rays{to{transform:translate(-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}