*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-surface:#141414;--bg-elevated:#1e1e1e;--accent:#d4a843;--accent-dark:#8b6914;--text-primary:#e8e0d4;--text-secondary:#8a8274;--success:#4caf50;--warning:#ff9800;--error:#e53935;--board-light:#b8a078;--board-dark:#6b5338}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}button{background:var(--accent);color:var(--bg-primary);cursor:pointer;border:none;border-radius:4px;padding:12px 24px;transition:background .2s;font-size:16px;font-weight:600}button:hover{background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}input{background:var(--bg-surface);border:1px solid var(--bg-elevated);color:var(--text-primary);border-radius:4px;width:100%;padding:12px 16px;font-size:16px}input:focus{outline:none;border-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-surface);border-radius:8px;padding:24px}