:root{--bg: #14110f;--bg-2: #1f1a16;--panel: #2a221c;--border: #4a3a2c;--gold: #d9a441;--gold-dim: #8a6a2c;--ally: #4fa3d1;--enemy: #c4453a;--text: #ece4d8;--muted: #9a8c7a;--ok: #6bbf59;--danger: #c4453a;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,var(--bg-2),var(--bg));color:var(--text);min-height:100vh}h1,h2,h3{font-family:Trebuchet MS,serif;color:var(--gold);letter-spacing:.5px}button{font:inherit;cursor:pointer;border:1px solid var(--gold-dim);background:linear-gradient(var(--panel),var(--bg-2));color:var(--text);padding:.55rem 1rem;border-radius:6px;transition:all .15s}button:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 8px #d9a4414d}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(var(--gold),var(--gold-dim));color:#1a140d;font-weight:600;border-color:var(--gold)}button.danger{border-color:var(--danger);color:#f0a9a3}button.small{padding:.25rem .5rem;font-size:.85rem}input,select{font:inherit;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.5rem .6rem;border-radius:5px}input:focus,select:focus{outline:none;border-color:var(--gold)}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.5rem}.muted{color:var(--muted);font-size:.9rem}.tag{font-size:.75rem;padding:.1rem .45rem;border-radius:4px;border:1px solid var(--border)}.tag.ally{color:var(--ally);border-color:var(--ally)}.tag.enemy{color:var(--enemy);border-color:var(--enemy)}.tag.surprise{color:#e0b54a;border-color:#e0b54a}.wrap{max-width:1100px;margin:0 auto;padding:1.2rem}.active-spotlight{text-align:center;padding:2rem 1rem;margin:1rem 0;border:2px solid var(--gold);border-radius:14px;background:radial-gradient(circle,rgba(217,164,65,.12),transparent 70%);animation:pulse 1.8s ease-in-out infinite}.active-spotlight .name{font-size:clamp(2rem,7vw,4.5rem);font-weight:800;font-family:Trebuchet MS,serif;color:var(--gold);text-shadow:0 0 18px rgba(217,164,65,.5);animation:bob 2.2s ease-in-out infinite}.active-spotlight .who{color:var(--muted);margin-top:.5rem}@keyframes pulse{0%,to{box-shadow:0 0 14px #d9a44140}50%{box-shadow:0 0 38px #d9a4418c}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}ul.order{list-style:none;padding:0;margin:0}ul.order li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:7px;margin-bottom:.4rem;background:var(--bg-2)}ul.order li.active{border-color:var(--gold);background:#d9a4411f;box-shadow:0 0 10px #d9a4414d}ul.order li.done{opacity:.45}ul.order li.surprised{border-style:dashed}ul.order .init{font-weight:700;min-width:2.2rem;text-align:center;color:var(--gold)}ul.order .nm{flex:1}.hp-grid{display:flex;gap:.3rem;flex-wrap:wrap}.hp-pill{display:flex;align-items:center;gap:.2rem}.hp-pill input{width:3.5rem;text-align:center;padding:.25rem}.dead{text-decoration:line-through;color:var(--danger)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:720px){.grid2{grid-template-columns:1fr}}