@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap";
:root{--wood-dark:#3b1e08;--wood-mid:#6b3a1f;--wood-light:#c8884a;--wood-cream:wheat;--wood-pale:#fdf3e3;--board-dark:#4a2507;--board-light:#d4a264;--board-frame:#2a1204;--piece-red:#c0392b;--piece-red-hi:#e74c3c;--piece-black:#1a1a1a;--piece-black-hi:#333;--piece-king-crown:#f1c40f;--bg:#1a0d05;--surface:#2d1a0a;--surface-2:#3d2510;--border:#5a3418;--text:wheat;--text-muted:#a07850;--accent:#d4a264;--accent-glow:#d4a2644d;--red-glow:#c0392b66;--black-glow:#1a1a1a99;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:Lato,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--wood-dark)}::-webkit-scrollbar-thumb{background:var(--wood-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--wood-light)}.font-display{font-family:Cinzel,serif}.font-elegant{font-family:Playfair Display,serif}.glow-accent{box-shadow:0 0 20px var(--accent-glow), 0 0 40px #d4a2641a}.glow-red{box-shadow:0 0 20px var(--red-glow), 0 0 40px #c0392b33}.wood-bg{background:linear-gradient(135deg, #ffffff08 25%, transparent 25%, transparent 50%, #ffffff08 50%, #ffffff08 75%, transparent 75%), linear-gradient(90deg, var(--wood-dark) 0%, var(--wood-mid) 50%, var(--wood-dark) 100%);background-size:4px 4px,100% 100%}.btn{border-radius:var(--radius-md);letter-spacing:.05em;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Cinzel,serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--wood-light), var(--accent));color:var(--wood-dark);box-shadow:0 4px 15px #d4a2644d,0 2px #0000004d,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a26480,0 4px #0000004d,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--accent);border:1.5px solid var(--border);background:0 0;box-shadow:0 2px 8px #0000004d}.btn-secondary:hover{border-color:var(--accent);background:#d4a26414;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 15px #c0392b66}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c0392b99}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 60px #d4a26433}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}