:root{--bg: #141414;--panel: #242424;--panel-alt: #1e1e1e;--border: #3a3a3a;--text: #f0f0f0;--text-muted: #888888;--accent: #f5c518;--offense: #ffd700;--defense: #d0d0d0;--danger: #ef5350;--field: #2d5a27;--field-line: #3a7a34;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;height:100vh;overflow:hidden}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);padding:8px 16px;border-radius:var(--radius);font-size:14px;transition:background .15s}button:hover{background:var(--border)}button.active{background:var(--accent);color:#000;border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input,select{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius);font-size:13px;width:100%}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}