:root{--bg:#0e1116;--panel:#161b22;--panel-2:#1f2530;--border:#2a313c;--text:#e6edf3;--text-dim:#8b949e;--accent:#ffd166;--accent-2:#4a90e2;--bad:#e53935;--good:#39e75f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}header.app-header{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:14px 24px;display:flex}header.app-header h1{margin:0;font-size:18px;font-weight:600}header.app-header h1 small{color:var(--text-dim);margin-left:8px;font-weight:400}header.app-header nav{align-items:center;gap:12px;display:flex}header.app-header nav a{color:var(--text-dim);border-radius:4px;padding:4px 10px;font-size:13px}header.app-header nav a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}header.app-header nav .play-link{background:var(--accent);color:var(--bg);font-weight:600}main{max-width:1200px;margin:0 auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:16px 20px}.panel h2{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin:0 0 12px;font-size:14px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{background:var(--panel-2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums;text-align:right}td.id{color:var(--accent-2);font-family:JetBrains Mono,Menlo,Consolas,monospace}.badge{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.empty{color:var(--text-dim);padding:12px 0;font-style:italic}.error{color:var(--bad);background:#e539351a;border:1px solid #e539354d;border-radius:6px;padding:14px}.warning{color:var(--accent);background:#ffd16614;border:1px solid #ffd16640;border-radius:6px;margin-bottom:20px;padding:12px 14px;font-size:13px}pre{background:var(--panel-2);border-radius:6px;margin:0;padding:14px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;overflow-x:auto}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px}.btn:hover:not(:disabled){border-color:var(--accent-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.game-card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:16px}.game-card h3{margin:0 0 4px;font-size:16px}.game-card .game-card-id{color:var(--text-dim);margin-bottom:12px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px}.game-card .game-card-actions{flex-wrap:wrap;gap:8px;display:flex}.game-card .game-card-actions a{border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 10px;font-size:12px}.game-card .game-card-actions a.play{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.subnav{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.subnav a{border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:6px 12px;font-size:13px}.subnav a:hover{color:var(--text);border-color:var(--accent-2);text-decoration:none}.subnav a.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}input[type=text],input[type=number],input[type=url],select,textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent-2);outline:none}input[type=file]{color:var(--text);font-size:13px}code{background:var(--panel-2);border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px}
