:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #121212;--bg-dark: #0a0a0a;--surface-color: #1e1e1e;--surface-color-light: #2c2c2c;--surface-color-dark: #222;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-muted: #888;--text-dim: #777;--accent-color: #007bff;--info-color: #00bfff;--border-color: #333;--border-color-light: #444;--border-color-dark: #555;--danger-color: #d32f2f;--danger-light: #ff6b6b;--success-color: #28a745;--warning-color: #ffc107;--purple-color: #6f42c1;--gold-color: #ffd700;--turn-first: #ffdd57}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.zone-scroll::-webkit-scrollbar{width:4px;height:4px}.zone-scroll::-webkit-scrollbar-thumb{background:#666;border-radius:2px}.btn{padding:10px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center}.btn:active{opacity:.7}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-success{background-color:var(--success-color);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.card-box{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.input-field{background-color:var(--surface-color-light);border:1px solid var(--border-color);color:var(--text-primary);padding:12px;border-radius:6px;width:100%;box-sizing:border-box}.input-field:focus{outline:2px solid var(--accent-color);border-color:transparent}.overlay{position:fixed;top:0;left:0;width:100%;height:100%}.overlay-dark{background:#000000e6}.overlay-dim{background:#0000004d}.modal-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:15px 20px;border-radius:10px;box-shadow:0 4px 15px #000c}.badge{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:700}.badge-stack{top:-5px;right:-5px;width:20px;height:20px;background:var(--danger-color);color:#fff;font-size:.75rem;border:1px solid white}.badge-faces{top:-5px;right:-5px;width:16px;height:16px;background:var(--info-color);color:#000;font-size:.6rem}.badge-cost{top:4px;left:4px;width:24px;height:24px;background:var(--gold-color);color:#333;border:2px solid #333;font-size:.8rem;z-index:5}.btn-mini{background:none;border:1px solid var(--border-color-light);color:var(--text-secondary);font-size:.6rem;padding:2px 6px;border-radius:4px;cursor:pointer}.pill{padding:2px 8px;border-radius:10px;font-size:.8rem;display:flex;align-items:center}.pill-filter{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color-dark);background:var(--border-color);color:#fff;cursor:pointer}.pill-filter.active{background:var(--accent-color);border-color:var(--accent-color)}.separator-v{width:1px;background:var(--border-color-dark);align-self:stretch}