:root{--wood-darkest: #2e1c0f;--wood-dark: #4a2f1a;--wood-medium: #6f4a29;--wood-light: #a9764a;--wood-lighter: #c89b6b;--wood-lightest: #e9cfa6;--board-light: #e0bd8c;--board-dark: #6b4326;--board-border: #3a2515;--piece-red: #b5341f;--piece-red-edge: #7c2113;--piece-black: #2b211a;--piece-black-edge: #120c08;--piece-king: #f0c34a;--accent: #d8973c;--accent-strong: #b8771f;--highlight: #6fcf6f;--danger: #c0392b;--text: #f4e7d4;--text-muted: #cbb89c;--text-dark: #2e1c0f;--surface: rgba(46, 28, 15, .72);--surface-solid: #3a2515;--surface-raised: #4a2f1a;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--text);background-color:var(--wood-darkest);background-image:radial-gradient(circle at 20% 10%,rgba(216,151,60,.12),transparent 45%),radial-gradient(circle at 80% 90%,rgba(169,118,74,.18),transparent 50%),repeating-linear-gradient(105deg,#0000000f 0px 2px,#ffffff05 2px 5px),linear-gradient(160deg,#3a2515,#2e1c0f 60%);background-attachment:fixed;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;letter-spacing:.3px}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:var(--radius);background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#2a1a0c;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 0 var(--wood-dark),var(--shadow);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--wood-dark),var(--shadow)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:linear-gradient(180deg,var(--wood-light),var(--wood-medium));color:var(--text);box-shadow:0 4px 0 var(--wood-darkest),var(--shadow)}.btn-ghost{background:transparent;color:var(--text);box-shadow:none;border:1px solid var(--wood-light)}.card{background:var(--surface);border:1px solid rgba(201,155,107,.25);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--wood-light);background:#140c068c;color:var(--text);font-size:1rem}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.form-error{color:#ffb4a2;font-size:.9rem}