:root{--color-bg:#0c0c1d;--color-bg-secondary:#1a1a3e;--color-accent:#f39c12;--color-accent-dark:#e67e22;--color-player:#3498db;--color-opponent:#e74c3c;--color-win:#27ae60;--color-loss:#e74c3c;--color-surface:#ffffff0d;--color-surface-hover:#ffffff14;--color-text:#ddd;--color-text-muted:#888;--color-text-dark:#555;--color-card-red:#c41e3a;--color-card-black:#1a1a2e;--color-card-bg:linear-gradient(145deg, #fefefe, #f8f5f0);--color-card-back:linear-gradient(135deg, #1a5276, #2e86c1);--card-width:80px;--card-width-sm:60px;--card-ratio:5 / 7;--card-radius:8px;--card-overlap:-40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--shadow-card:0 2px 8px #00000026, 0 1px 3px #0000001a;--shadow-card-hover:0 4px 16px #00000040, 0 2px 6px #00000026;--shadow-glow-accent:0 0 12px #f39c1299;--shadow-glow-win:0 0 12px #27ae6080;--shadow-glow-loss:0 0 12px #e74c3c80}@media (width<=768px){:root{--card-width:56px;--card-width-sm:44px;--card-overlap:-32px}}@media (width<=480px){:root{--card-width:44px;--card-width-sm:36px;--card-overlap:-26px}}:root{--card-overlap-v:-28px}@media (width<=768px){:root{--card-overlap-v:-28px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh}button{font-family:inherit}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #f39c124d}50%{box-shadow:0 0 20px #f39c1299}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}