.initiative-tracker{--ally: #487ebb;--enemy: #f56565;--card-bg: rgba(17, 19, 25, .8);--panel-bg: rgba(0, 0, 0, .55);--panel-bg-center: rgba(0, 0, 0, .5);--text: #ffffff;--muted: #bfc6cf;--divider: #aaaaaa;--radius-lg: 16px;--radius-md: 10px;min-height:100vh;color:var(--text);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--initiative-background-image, url(/assets/background-2688x1536/cavewalk.jpg)) center / cover no-repeat fixed,#0e0e12}.it-card{width:min(96vw,1800px);height:min(88vh,900px);background:var(--card-bg);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000080;padding:1rem;display:grid}.it-columns{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1rem;min-height:0}.it-columns.is-prep-collapsed{grid-template-columns:minmax(0,1fr) 320px}.it-panel{background:var(--panel-bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}.it-panel--center{background:var(--panel-bg-center);padding:0;position:relative;overflow-y:auto;overflow-x:visible;scroll-behavior:smooth}.it-panel-chrome{position:sticky;top:0;z-index:2;background:var(--panel-bg-center);padding:1rem 1rem .5rem}.it-panel.it-panel--side{display:flex;flex-direction:column;min-height:0}.it-panel-body.it-panel-body--side{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:.25rem}.it-panel-footer.it-panel-footer--side{margin-top:.5rem;padding-top:.35rem;background:transparent;border-top:none}.it-list-scroll{padding:.5rem 0 1rem 48px}.it-panel>.it-divider{margin:.5rem 0 1rem}.it-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.it-heading{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:.2px}.it-divider{border:none;border-top:1px solid var(--divider);opacity:.5}.it-actions{display:flex;gap:.75rem;flex-wrap:wrap}.it-mb{margin-bottom:1rem}.it-mb-xs{margin-bottom:.5rem}.it-mr{margin-right:.4rem}.it-empty--pad{padding:0 1rem}.it-input,.it-select{background:#f0f1f3;color:#15171b;border:1px solid #cfd3da;border-radius:6px;padding:6px 8px;font-size:.95rem}.it-input--sm{width:140px}.it-input--num{width:70px;text-align:right}.it-input--name{width:120px}.it-select{padding-right:28px}.it-btn{background:#e53e3e;color:#fff;padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .08s ease,filter .2s ease}.it-btn:hover{filter:brightness(1.05)}.it-btn--danger{background:#e53e3e}.it-btn--roll{background:#ff6961}.it-row{display:flex;align-items:center;flex-wrap:wrap}.it-empty{color:var(--muted);margin:.75rem 0 0}.it-creature-row{width:min(640px,92%);margin:8px auto;border-radius:var(--radius-md);overflow:visible}.it-creature-row.it-creature--ally,.it-creature--ally{background:var(--ally)}.it-creature-row.it-creature--enemy,.it-creature--enemy{background:var(--enemy)}.it-creature{position:relative;width:100%;border-radius:var(--radius-md);padding:8px 36px 8px 12px;box-shadow:0 8px 20px #00000040;background:transparent}.it-creature-row+.it-creature-row{box-shadow:inset 0 1px #00000014}.it-creature-name{margin:0 0 .2rem;font-size:1.05rem;font-weight:800}.it-creature-meta{display:grid;gap:.35rem}.it-creature-sub{margin:0;opacity:.95}.it-hp-controls{display:inline-flex;align-items:center;gap:.45rem;margin-top:.1rem}.it-input--hp-step{width:68px;text-align:center;padding-inline:.35rem}.it-btn--hp{min-width:38px;padding:.45rem .7rem}.it-hp-pill{--hp-fill: 100%;position:relative;display:inline-flex;align-items:center;min-width:148px;padding:.38rem .8rem;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,rgba(52,211,153,.92) 0,rgba(16,185,129,.95) var(--hp-fill),rgba(15,23,42,.78) var(--hp-fill),rgba(15,23,42,.78) 100%);box-shadow:inset 0 1px #fff3,0 6px 14px #0003}.it-hp-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 48%,transparent 72%);pointer-events:none}.it-hp-pill>span{position:relative;z-index:1;font-size:.9rem;font-weight:700;color:#f8fafc}.it-turn-arrow{position:absolute;top:50%;left:-40px;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid rgba(255,255,255,.95);filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));pointer-events:none}.it-kill-btn{position:absolute;right:6px;top:4px;background:#00000059;color:#fff;border:none;border-radius:8px;padding:6px;cursor:pointer;line-height:0}.it-kill-btn svg{width:18px;height:18px;display:block}.it-kill-btn:hover{background:#00000080}.it-defeated{border-radius:var(--radius-md);margin:.6rem 0;width:100%;max-width:240px;padding:10px;opacity:.6;box-shadow:0 6px 16px #00000040}@media (max-width: 980px){.it-columns,.it-columns.is-prep-collapsed{grid-template-columns:1fr}.it-card{height:auto}.it-turn-arrow{left:-32px;border-top-width:12px;border-bottom-width:12px;border-left-width:18px}}.it-sortable{width:100%}.initiative-tracker{color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--ally: #487ebb;--enemy: var(--brand)}.it-card{background:#0f0f0fc7;border-color:#ffffff14;box-shadow:0 12px 40px #0009}.it-panel{background:#1010108c;border-color:#ffffff12}.it-panel--center,.it-panel-chrome{background:#10101080}.it-panel--center{scrollbar-width:thin;scrollbar-color:var(--neutral-800) rgba(0,0,0,.2)}.it-panel--center::-webkit-scrollbar,.it-list-scroll::-webkit-scrollbar{width:10px}.it-panel--center::-webkit-scrollbar-track,.it-list-scroll::-webkit-scrollbar-track{background:#0000002e}.it-panel--center::-webkit-scrollbar-thumb,.it-list-scroll::-webkit-scrollbar-thumb{background:var(--neutral-800);border-radius:999px;border:2px solid rgba(0,0,0,.18)}.it-heading,.it-creature-name{font-weight:700;letter-spacing:.15px}.it-creature-sub{opacity:.96}.it-input,.it-select{background:#151515;color:var(--text-primary);border:1px solid var(--neutral-800);border-radius:10px;padding:8px 10px;line-height:1.2;box-shadow:inset 0 1px #ffffff08}.it-input::placeholder{color:var(--text-secondary)}.it-input:focus,.it-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent)}.it-btn{background:var(--btn-primary-bg);color:var(--btn-primary-fg);padding:10px 14px;border-radius:10px;font-weight:700;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);transition:transform .08s ease,filter .2s ease,background .2s ease,border-color .2s ease}.it-btn:hover{background:var(--btn-primary-hover-bg);filter:brightness(1.03)}.it-btn:active{transform:scale(.98)}.it-btn--danger{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:color-mix(in srgb,var(--btn-secondary-bg) 30%,transparent)}.it-btn--danger:hover{background:var(--btn-secondary-hover-bg)}.it-btn--ghost{background:#e2e8f01f;color:#e5e7eb;border:1px solid rgba(255,255,255,.12)}.it-btn--ghost:hover{background:#e2e8f02e}.it-btn--roll{background:var(--brand-tint);color:#000;border-color:color-mix(in srgb,var(--brand-tint) 40%,transparent)}.it-btn--roll:hover{filter:brightness(.98)}.it-row{gap:.5rem}.it-row--gap-lg{gap:.85rem}.it-row--compact{align-items:center;flex-wrap:nowrap;gap:.4rem}.it-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.it-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--neutral-800);border-radius:10px;padding:.35rem .5rem;background:#141418;color:var(--text-primary)}.it-creature-row{width:min(640px,92%);margin:10px auto;border-radius:12px;overflow:visible;box-shadow:0 8px 16px #00000040}.it-creature{border-radius:12px;padding:10px 40px 10px 14px;background:transparent}.it-kill-btn{right:8px;top:6px;background:#00000061;border-radius:10px;padding:8px;border:1px solid rgba(255,255,255,.06)}.it-kill-btn:hover{background:#00000080;border-color:#ffffff1f}.it-panel-body.it-panel-body--side{scrollbar-width:thin;scrollbar-color:var(--neutral-800) transparent}.it-panel-body.it-panel-body--side::-webkit-scrollbar{width:8px}.it-panel-body.it-panel-body--side::-webkit-scrollbar-thumb{background:var(--neutral-800);border-radius:6px}.it-defeated{border-radius:12px;background:#141418;border:1px solid var(--neutral-800)}.it-turn-arrow{left:-40px}.it-btn--xs{padding:2px 8px;font-size:.9rem;line-height:1;border-radius:8px;min-height:0}.it-btn--compact{padding:.45rem .7rem;font-size:.84rem;line-height:1.1;border-radius:9px;white-space:nowrap}.it-select--flex{flex:1 1 auto}.it-input--monster-search{flex:1 1 220px}.it-monster-results{display:grid;gap:.5rem;margin-top:.5rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.it-monster-result{border:1px solid var(--neutral-800);border-radius:12px;background:#141418;color:var(--text-primary);padding:.65rem .8rem;text-align:left;transition:border-color .2s ease,transform .08s ease,background .2s ease}.it-monster-result:hover{border-color:var(--brand);background:#1a1a20}.it-monster-result:active{transform:scale(.99)}.it-monster-result__name{font-weight:700}.it-monster-result__meta{margin-top:.2rem;font-size:.82rem;color:var(--text-secondary)}.it-prep-creature{position:relative;border:1px solid var(--neutral-800);border-radius:14px;background:#08080a61;padding:.75rem;margin-bottom:.65rem}.it-prep-remove{position:absolute;top:.45rem;right:.45rem;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#00000047;color:transparent;font-size:0;font-weight:800;line-height:1;padding:0}.it-prep-remove:before{content:"X";color:var(--text-primary);font-size:.72rem}.it-prep-remove:hover{background:#0000006b}.it-prep-linker{margin-top:.5rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.06)}.it-linked-summary{font-size:.82rem;color:var(--text-secondary);margin-bottom:.5rem}.it-linked-monster-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0b;padding:.65rem .75rem}.it-linked-monster-card__label{color:var(--text-secondary);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.it-linked-monster-card__name{margin-top:.15rem;color:var(--text-primary);font-size:.88rem;font-weight:700}.it-panel--right{overflow:hidden}.it-right-stack{display:flex;flex-direction:column;gap:1rem;min-height:0;height:100%}.it-combat-log{flex:0 0 auto}.it-defeated-section{margin-top:auto;min-height:min(42%,340px);overflow-y:auto;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:var(--neutral-800) transparent}.it-defeated-section::-webkit-scrollbar{width:8px}.it-defeated-section::-webkit-scrollbar-thumb{background:var(--neutral-800);border-radius:999px}.it-creature-header{margin-bottom:0}.it-creature-grid{display:grid;grid-template-columns:minmax(132px,1fr) minmax(0,2fr);gap:.75rem 1.25rem;align-items:stretch;min-height:132px}.it-creature-left{display:grid;gap:.45rem;align-content:start;align-items:start}.it-creature-right{display:grid;gap:.65rem;align-content:end;min-height:100%;padding-bottom:.2rem}.it-creature-title{min-width:0}.it-creature-pog{width:92px;height:92px;flex:0 0 92px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#00000052;color:var(--text-primary);padding:.45rem;justify-self:start}.it-creature-pog img{width:100%;height:100%;object-fit:contain;border-radius:16px}.it-creature-pog.is-clickable{cursor:pointer}.it-creature-pog.is-clickable:hover{border-color:#ffffff47}.it-hp-controls{justify-content:center;align-self:end;gap:.3rem;margin-top:0;width:100%}.it-input--hp-step{width:52px;padding-inline:.25rem;font-size:.85rem}.it-btn--hp{min-width:30px;padding:.28rem .5rem;font-size:.85rem;background:#e2e8f029;color:#e5e7eb;border:1px solid rgba(255,255,255,.12)}.it-btn--hp:hover{background:#e2e8f03d}.it-hp-pill{align-self:stretch;justify-content:center;margin-top:auto;width:100%}.it-creature-init{text-align:left}.combat-log-panel{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 45%),#0c0c1094;color:var(--text-primary, #f8fafc);overflow:hidden}.combat-log-panel__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;background:transparent;color:inherit;padding:.75rem .85rem;font:inherit;font-weight:800;text-align:left;cursor:pointer}.combat-log-panel__meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary, #aeb7c2);font-size:.76rem;font-weight:700;white-space:nowrap}.combat-log-panel__body{border-top:1px solid rgba(255,255,255,.07);max-height:260px;overflow-y:auto;padding:.7rem .8rem;scrollbar-width:thin;scrollbar-color:var(--neutral-800, #333842) transparent}.combat-log-panel__body::-webkit-scrollbar{width:8px}.combat-log-panel__body::-webkit-scrollbar-thumb{background:var(--neutral-800, #333842);border-radius:999px}.combat-log-panel__empty{margin:0;color:var(--text-secondary, #aeb7c2);font-size:.88rem}.combat-log-panel__list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.combat-log-panel__event{border-left:3px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0b;padding:.55rem .65rem}.combat-log-panel__event--roll{border-left-color:color-mix(in srgb,var(--brand, #ef4444) 70%,white)}.combat-log-panel__event--damage{border-left-color:#f97316}.combat-log-panel__event--system{border-left-color:#38bdf8}.combat-log-panel__message,.combat-log-panel__detail,.combat-log-panel__time{display:block}.combat-log-panel__message{color:var(--text-primary, #f8fafc);font-size:.86rem;line-height:1.35}.combat-log-panel__detail,.combat-log-panel__time{margin-top:.2rem;color:var(--text-secondary, #aeb7c2);font-size:.76rem}