@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Spectral:ital,wght@0,400;0,600;1,400;1,600&display=swap";:root{--gold: var(--a500);--gold-dim: var(--a900);--text: var(--fg1);--text-2: var(--fg3);--text-3: var(--fg4);--border: var(--ab20);--border-hi: var(--ab30);--raised: var(--panel);--blue-dim: rgba(30,58,95,.5);--bg: #000000;--surface: #0a0a0a;--panel: #171717;--card: rgba(23,23,23,.5);--a400: #fbbf24;--a500: #f59e0b;--a600: #d97706;--a900: #78350f;--ab10: rgba(120,53,15,.1);--ab20: rgba(120,53,15,.2);--ab30: rgba(120,53,15,.3);--ab40: rgba(120,53,15,.4);--fg1: #fef3c7;--fg2: rgba(254,243,199,.8);--fg3: rgba(245,158,11,.7);--fg4: rgba(245,158,11,.5);--red: #ef4444;--red-bg: rgba(127,29,29,.2);--blue: #3b82f6;--green: #22c55e;--purple: #a855f7;--yellow: #eab308;--orange: #f97316;--font-d: "Cinzel", "Palatino Linotype", serif;--font-b: "Spectral", "Georgia", serif;--shadow: 0 4px 12px rgba(0,0,0,.7);--glow-a: 0 0 25px rgba(245,158,11,.4);--glow-r: 0 0 8px rgba(220,38,38,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-b);background:var(--surface);color:var(--fg1);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-d);cursor:pointer}input,select,textarea{font-family:var(--font-b)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--a900);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#92400e}h1,.h1{font-family:var(--font-d);font-size:30px;color:var(--a500);letter-spacing:-.025em;line-height:1.2}h2,.h2{font-family:var(--font-d);font-size:24px;color:var(--a500);line-height:1.25}h3,.h3{font-family:var(--font-d);font-size:18px;color:var(--a500)}h4,.h4{font-family:var(--font-d);font-size:14px;color:var(--fg1);font-weight:700}.label{font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--fg3)}.micro{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg4)}p,.body-text{font-family:var(--font-b);font-size:14px;color:var(--fg2);line-height:1.625}.narrative{font-family:var(--font-b);font-size:14px;font-style:italic;color:var(--fg2);line-height:1.625}.shell{display:grid;grid-template-rows:48px 1fr;height:100vh;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--ab20);display:flex;align-items:center;padding:0 20px;gap:16px}.topbar-title{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--a500);letter-spacing:.15em;text-transform:uppercase}.topbar-nav{display:flex;gap:6px;margin-left:auto}.nav-back{display:flex;align-items:center;gap:6px;padding:5px 12px;font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:var(--panel);border:1px solid var(--ab30);border-radius:4px;color:var(--fg3);cursor:pointer}.nav-back:hover{color:var(--fg1);border-color:var(--ab40)}.content{overflow-y:auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--ab20);border-radius:6px;overflow:hidden}.panel-head{padding:10px 16px;border-bottom:1px solid var(--ab20);font-family:var(--font-d);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--fg3)}.panel-body{padding:16px}.modal{background:#0d0d0d;border:1px solid var(--ab30);border-radius:6px;overflow:hidden;position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.7}.modal-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ab20);background:#0006}.modal-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--orange);letter-spacing:.02em}.modal-body{padding:16px 18px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--ab20);background:#00000040}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;background:var(--a600);color:#000;font-family:var(--font-d);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-top:2px solid var(--a400);border-left:2px solid var(--a400);border-radius:2px;box-shadow:0 4px 20px #00000080;transition:box-shadow .15s}.btn-primary:hover{box-shadow:var(--glow-a)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:transparent;color:var(--a400);font-family:var(--font-d);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:2px solid var(--ab40);border-radius:2px;transition:background .15s}.btn-secondary:hover{background:#ffffff0a}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--panel);color:var(--fg2);font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid var(--ab30);border-radius:4px;transition:background .15s}.btn-ghost:hover{background:#1f1f1f}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--red-bg);color:#f87171;font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid rgba(127,29,29,.4);border-radius:4px}.btn-icon{width:34px;height:34px;background:#78350f26;border:1px solid rgba(180,83,9,.4);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--a500);font-size:15px;cursor:pointer}.btn-sm{padding:5px 14px!important;font-size:10px!important}button:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:5px}.field>.label{margin-bottom:2px}input[type=text],input[type=number],select,textarea{background:var(--bg);border:1px solid var(--ab30);border-radius:4px;color:var(--fg1);font-size:13px;padding:8px 10px;width:100%;font-family:var(--font-b);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--a500)}textarea{resize:vertical}.card{background:var(--card);border:1px solid var(--ab20);border-radius:6px;padding:14px;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.card:hover{border-color:#f59e0b59;transform:translateY(-2px)}.card.selected{border-color:var(--a500);background:#451a0359}.card-name{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--fg1);margin-bottom:4px}.card-sub{font-size:9px;color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-d);margin-bottom:4px}.card-desc{font-family:var(--font-b);font-size:12px;color:var(--fg2);line-height:1.5;font-style:italic}.tag,.badge{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:2px;border:1px solid;white-space:nowrap;display:inline-block}.tag-gold,.badge-gold{border-color:var(--ab40);color:#f59e0bcc;background:#451a0333}.tag-red,.badge-red{border-color:#7f1d1d66;color:#f87171;background:#450a0a33}.tag-green,.badge-green{border-color:#14532d80;color:var(--green);background:#052e164d}.tag-blue,.badge-blue{border-color:#1e3a5f80;color:#60a5fa;background:#17255433}.tag-purple,.badge-purple{border-color:#3b076466;color:#c084fc;background:#2e106533}.tag-grey,.badge-grey{border-color:#262626;color:#737373}.bar-wrap{height:14px;background:#00000080;border:1px solid var(--ab30);border-radius:2px;overflow:hidden}.bar-wrap.thin{height:6px;border:none;background:var(--ab20);border-radius:9999px}.bar-fill{height:100%;border-radius:1px;transition:width .3s}.bar-fill.spirit{background:var(--orange)}.bar-fill.stress{background:var(--red)}.bar-fill.hp{background:var(--green)}.bar-fill.xp{background:var(--a500)}.bar-wrap.thin .bar-fill{border-radius:9999px}.steps{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--ab20);background:#00000040}.step-item{display:flex;align-items:center;gap:5px;font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);white-space:nowrap}.step-item.active{color:var(--a500)}.step-item.complete{color:var(--fg3)}.step-sep{flex:1;height:1px;background:var(--ab20);min-width:20px;margin:0 10px}.tabs{display:flex;border-bottom:1px solid var(--ab20);margin-bottom:20px}.tab{padding:10px 16px;font-family:var(--font-d);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.tab.active{color:var(--a500);border-bottom-color:var(--a500)}.tab:hover:not(.active){color:var(--fg2)}.stat-cell{display:flex;flex-direction:column;align-items:center;padding:8px 4px}.stat-cell .label{font-size:8px}.stat-cell .val{font-family:var(--font-d);font-size:20px;font-weight:700;color:var(--fg1);line-height:1.2}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--ab10)}.stat-row:last-child{border-bottom:none}.stat-row .lbl{font-family:var(--font-b);font-size:12px;color:var(--fg3)}.stat-row .num{font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--fg1)}.stat-val{font-family:var(--font-d);font-weight:700}.stat-val.gold{color:var(--a500)}.stat-val.green{color:var(--green)}.stat-val.red{color:var(--red)}.roll-box{background:var(--bg);border:1px solid var(--ab40);border-radius:4px;padding:14px;text-align:center}.roll-number,.roll-num{font-family:var(--font-d);font-size:48px;font-weight:700;color:var(--fg1);line-height:1}.roll-label{font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg3);margin-top:4px}.roll-success{color:var(--green);font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.roll-fail{color:var(--red);font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.roll-crit{color:var(--a500);font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.15em}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:8px 12px;text-align:left;font-family:var(--font-d);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--fg3);border-bottom:1px solid var(--ab30)}tbody td{padding:10px 12px;border-bottom:1px solid var(--ab10);font-family:var(--font-b);color:var(--fg2)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff05}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.spacer{flex:1}.divider{height:1px;background:var(--ab20);margin:14px 0}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--fg3)}.text-dim{color:var(--fg4)}.text-gold{color:var(--a500)}.text-orange{color:var(--orange)}.text-red{color:var(--red)}.text-green{color:var(--green)}.font-d{font-family:var(--font-d)}.font-bold{font-weight:700}:root{--surface-hi: rgba(255,255,255,.03);--fg5: rgba(245,158,11,.28);--ab15: rgba(120,53,15,.15)}.form-label{font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg3);display:block;margin-bottom:4px}.form-input{background:var(--bg);border:1px solid var(--ab30);border-radius:4px;color:var(--fg1);font-size:13px;padding:8px 10px;width:100%;font-family:var(--font-b);outline:none}.form-input:focus{border-color:var(--a500)}.roll-input{background:var(--bg);border:1px solid var(--ab30);border-radius:4px;color:var(--fg1);font-family:var(--font-d);font-size:18px;font-weight:700;padding:6px 10px;width:80px;text-align:center;outline:none}.roll-input:focus{border-color:var(--a500)}html,body{height:100%;overflow:hidden}.vtt-shell{display:grid;grid-template-rows:40px 1fr;height:100vh;background:#000}.vtt-topbar{background:#000000f5;border-bottom:1px solid var(--ab30);display:flex;align-items:center;padding:0 14px;gap:16px;z-index:20}.vtt-brand{font-family:var(--font-d);font-size:12px;font-weight:700;color:var(--a500);letter-spacing:.2em;text-transform:uppercase}.vtt-session{font-family:var(--font-d);font-size:11px;color:var(--fg3);letter-spacing:.15em;text-transform:uppercase}.vtt-round{font-family:var(--font-d);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--a500);background:#78350f33;border:1px solid var(--ab40);border-radius:2px;padding:3px 12px}.vtt-phase{font-family:var(--font-d);font-size:11px;color:var(--orange);letter-spacing:.1em;text-transform:uppercase}.view-toggle{margin-left:auto;display:flex;align-items:center;gap:5px;padding:3px 10px;font-family:var(--font-d);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);background:#0000004d;border:1px solid var(--ab20);border-radius:2px;cursor:pointer;transition:all .12s}.view-toggle:hover{border-color:var(--ab40);color:var(--fg2)}.view-toggle.player-active{color:var(--a500);border-color:var(--ab40);background:#78350f2e}.vtt-body{display:grid;grid-template-columns:190px 1fr 48px;overflow:hidden;position:relative}.init-strip{background:#030202f0;border-right:1px solid var(--ab20);display:flex;flex-direction:column;overflow:hidden}.init-strip-head{padding:8px 10px 6px;border-bottom:1px solid var(--ab15);font-family:var(--font-d);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--fg3);flex-shrink:0}.init-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.init-list::-webkit-scrollbar{width:3px}.init-list::-webkit-scrollbar-thumb{background:var(--a900)}.init-entry{display:flex;align-items:center;gap:7px;padding:7px;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.init-entry:hover{background:#78350f1a;border-color:var(--ab20)}.init-entry.active{background:#451a034d;border-color:var(--a500);box-shadow:0 0 0 1px #f59e0b26}.init-entry.selected{background:#451a032e;border-color:var(--ab40)}.init-num{font-family:var(--font-d);font-size:11px;color:var(--fg3);width:14px;text-align:right;flex-shrink:0}.init-avatar{width:30px;height:30px;border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:9px;font-weight:700;border:1px solid rgba(120,53,15,.35)}.init-avatar.pc{background:#451a0373;color:var(--a400)}.init-avatar.npc{background:#450a0a73;color:#fca5a5;border-color:#7f1d1d59}.init-info{flex:1;min-width:0}.init-name-text{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--fg1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.init-res-bar{height:3px;background:#0009;border-radius:1px;margin-top:3px;overflow:hidden}.init-res-fill{height:100%;border-radius:1px}.init-score{font-family:var(--font-d);font-size:11px;color:var(--fg3);flex-shrink:0}.init-divider{height:1px;background:var(--ab10);margin:3px 4px}.player-mode .init-entry:not(.player-own){opacity:.35;pointer-events:none}.player-own-badge{display:none;font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--a500);padding:1px 5px;border:1px solid rgba(245,158,11,.35);border-radius:1px;flex-shrink:0}.player-mode .player-own .player-own-badge{display:block}.map-col{display:grid;grid-template-rows:1fr auto;overflow:hidden;position:relative}.token{position:absolute;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,-50%);z-index:2;transition:filter .1s}.token-ring{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:11px;font-weight:700;border:2px solid;transition:box-shadow .12s,border-color .12s}.token.pc .token-ring{background:#451a038c;border-color:#f59e0b8c;color:var(--a400)}.token.npc .token-ring{background:#450a0a8c;border-color:#ef44448c;color:#fca5a5}.token.pc:hover .token-ring{border-color:var(--a500);box-shadow:var(--glow-a)}.token.npc:hover .token-ring{border-color:var(--red);box-shadow:var(--glow-r)}.token.selected .token-ring{border-color:var(--a400);box-shadow:0 0 0 4px #f59e0b38,var(--glow-a)}.token-lbl{font-family:var(--font-d);font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:var(--fg1);background:#000000c7;padding:1px 5px;border-radius:1px;white-space:nowrap}.aoe-zone{position:absolute;border:2px dashed rgba(249,115,22,.5);background:#f9731612;border-radius:3px;pointer-events:none;z-index:1;cursor:pointer}.aoe-zone:hover{background:#f9731624;border-color:#f97316bf}.action-bar{background:linear-gradient(to top,#000000fa,#050303f0);border-top:1px solid var(--ab30);padding:8px 16px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;position:relative;flex-shrink:0}.action-bar:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--orange) 30%,var(--a500) 50%,var(--orange) 70%,transparent 95%);opacity:.55}.action-portrait-wrap{display:flex;align-items:center;gap:10px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#78350f1f;border-right:1px solid var(--ab20);padding:6px 16px 6px 8px}.active-avatar{width:52px;height:52px;border-radius:2px;background:#451a0399;border:1px solid var(--a500);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--a400);box-shadow:0 0 14px #f59e0b2e}.active-name{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--fg2);text-transform:uppercase;letter-spacing:.12em}.active-sub{font-family:var(--font-d);font-size:10px;color:var(--fg3);text-transform:uppercase;letter-spacing:.1em;margin-top:1px}.active-res{display:flex;flex-direction:column;gap:4px;margin-top:5px}.res-line{display:flex;align-items:center;gap:6px}.res-lbl{font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg3);width:36px}.res-track{width:80px;height:6px;background:#0009;border:1px solid var(--ab20);border-radius:1px;overflow:hidden}.res-fill-in{height:100%}.res-ct{font-family:var(--font-d);font-size:9px;color:var(--fg3)}.cond-row{display:flex;gap:3px;margin-top:4px}.slot-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.action-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:60px;height:56px;cursor:pointer;border-radius:2px;background:#0000008c;border:1px solid rgba(120,53,15,.32);transition:background .12s,border-color .12s,box-shadow .12s}.action-slot:hover{background:#78350f2e;border-color:var(--ab40)}.action-slot.queued{border-color:var(--a500);background:#451a0352;box-shadow:0 0 10px #f59e0b2e}.action-slot.empty{border-style:dashed;opacity:.35}.slot-icon-big{font-size:22px;line-height:1;color:var(--a400)}.slot-name{font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3)}.slot-cost{font-family:var(--font-d);font-size:9px;color:var(--orange)}.slot-sep{width:1px;height:40px;background:var(--ab20);margin:0 2px}.action-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);background:#78350f14;border-left:1px solid var(--ab20);padding:6px 8px 6px 16px}.end-turn{padding:9px 20px;background:#78350f2e;color:var(--a500);font-family:var(--font-d);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:1px solid rgba(120,53,15,.5);border-radius:2px;transition:background .12s,box-shadow .12s}.end-turn:hover{background:#d9770647;box-shadow:0 0 20px #f59e0b2e}.icon-rail{background:#000000f0;border-left:1px solid var(--ab20);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:2px;z-index:10}.rail-btn{width:44px;height:46px;background:transparent;border:1px solid transparent;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#f59e0b73;transition:all .12s;position:relative}.rail-btn:hover{background:#78350f2e;border-color:var(--ab30);color:var(--fg2)}.rail-btn.open{background:#451a0366;border-color:var(--a500);color:var(--a500)}.rail-btn-icon{font-size:17px;line-height:1}.rail-btn-lbl{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.rail-divider{width:26px;height:1px;background:var(--ab20);margin:4px 0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;pointer-events:auto}.side-panel{position:fixed;top:40px;right:48px;bottom:0;width:370px;z-index:60;background:#080505f7;border-left:1px solid var(--ab30);display:flex;flex-direction:column;transform:translate(calc(100% + 48px));transition:transform .22s cubic-bezier(.3,0,.2,1);overflow:hidden}.side-panel.open{transform:translate(0)}.side-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--orange) 40%,var(--a500) 60%,transparent 95%);opacity:.65}.sp-head{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid var(--ab20);background:#00000080;flex-shrink:0}.sp-title{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--orange)}.sp-close{margin-left:auto;width:26px;height:26px;background:#78350f26;border:1px solid var(--ab30);border-radius:2px;color:var(--fg3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sp-close:hover{background:#78350f59;color:var(--fg1)}.sp-tabs{display:flex;border-bottom:1px solid var(--ab20);flex-shrink:0}.sp-tab{padding:8px 14px;font-family:var(--font-d);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--fg4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.sp-tab.on{color:var(--a500);border-bottom-color:var(--a500)}.sp-body{flex:1;overflow-y:auto}.sp-body::-webkit-scrollbar{width:3px}.sp-body::-webkit-scrollbar-thumb{background:var(--a900)}.attr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 12px}.stat-cell{background:#0000008c;border:1px solid var(--ab20);border-radius:2px;padding:7px 4px;text-align:center}.stat-name{font-family:var(--font-d);font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);display:block;margin-top:2px}.stat-val,.stat-cell .val{font-family:var(--font-d);font-size:20px;font-weight:700;color:var(--fg1);line-height:1.2}.loc-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--ab10)}.loc-row:last-child{border-bottom:none}.loc-row.wounded{background:#78350f14}.loc-row.disabled{background:#450a0a1a}.loc-name,.loc-nm{font-family:var(--font-b);font-size:12px;color:var(--fg2);flex:1}.loc-dmg{font-family:var(--font-d);font-size:12px;font-weight:700;color:var(--fg2)}.loc-tags{display:flex;gap:3px}.loc-st{font-family:var(--font-d);font-size:10px;font-weight:700}.loc-st.ok{color:var(--green)}.loc-st.wounded{color:var(--yellow)}.loc-st.disabled{color:var(--red)}.tier-pips{display:flex;gap:2px;flex-shrink:0}.pip{width:9px;height:9px;border-radius:1px;border:1px solid rgba(120,53,15,.35)}.pip.on,.pip.filled{background:var(--a500);border-color:var(--a500)}.skill-group-head{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg4);padding:8px 12px 3px;margin-bottom:4px;border-bottom:1px solid var(--ab10)}.skill-row{display:flex;align-items:center;gap:7px;padding:5px 12px;border-bottom:1px solid rgba(120,53,15,.07)}.skill-row:last-child{border-bottom:none}.skill-name,.skill-nm,.skill-nm-new{font-family:var(--font-b);font-size:12px;color:var(--fg2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-tn,.skill-tier-label,.skill-bonus{font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--fg1);width:26px;text-align:right;flex-shrink:0}.skill-attr{font-family:var(--font-d);font-size:9px;color:var(--fg4)}.trait-entry,.trait-card{padding:9px 10px;background:#00000059;border:1px solid var(--ab15);border-radius:2px;margin-bottom:5px}.trait-header{display:flex;align-items:center;gap:7px;margin-bottom:5px}.trait-name{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--fg1);flex:1}.trait-tier-badge{font-family:var(--font-d);font-size:8px;color:var(--a400);padding:1px 6px;border:1px solid rgba(245,158,11,.28);border-radius:1px}.trait-desc{font-family:var(--font-b);font-size:11px;color:var(--fg3);line-height:1.5}.ability-entry,.sa-card{padding:9px 10px;background:#00000073;border:1px solid var(--ab20);border-left:2px solid rgba(120,53,15,.55);border-radius:2px;margin-bottom:5px;cursor:pointer;transition:all .12s}.ability-entry:hover,.sa-card:hover{border-color:var(--ab40);background:#78350f14}.sa-card.selected{border-color:var(--a500);border-left-color:var(--a500);background:#451a0347}.ability-name,.sa-name,.sa-card-name{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--fg1);margin-bottom:5px}.sa-card.selected .sa-card-name{color:var(--a500)}.ability-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:5px}.ability-desc,.sa-desc,.sa-card-desc{font-family:var(--font-b);font-size:11px;color:var(--fg3);line-height:1.5}.cond-section-head{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg4);padding:0 0 4px;border-bottom:1px solid var(--ab10);margin-bottom:8px}.cond-active-entry{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;background:#0006;border:1px solid var(--ab20);border-radius:2px;margin-bottom:5px}.cond-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.cond-dot.neg{background:var(--red);box-shadow:0 0 5px #ef444459}.cond-dot.pos{background:var(--green);box-shadow:0 0 5px #22c55e59}.cond-dot.warn{background:var(--yellow);box-shadow:0 0 5px #eab30859}.cond-active-name{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--fg1)}.cond-active-sub{font-family:var(--font-b);font-size:11px;color:var(--fg3);margin-top:2px}.cond-active-dur{font-family:var(--font-d);font-size:9px;color:var(--fg4);margin-top:3px}.cond-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.cond-ref-chip{font-family:var(--font-d);font-size:9px;color:var(--fg4);padding:5px 7px;background:#0000004d;border:1px solid var(--ab10);border-radius:2px}.cond-ref-chip.neg{color:#fca5a5bf;border-color:#7f1d1d47}.cond-ref-chip.pos{color:#86efacbf;border-color:#14532d59}.cond-ref-chip.stance{color:#f59e0ba6;border-color:#78350f4d}.enc-tile{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#00000073;border:1px solid var(--ab20);border-radius:2px;min-width:56px}.enc-tile.over{border-color:var(--red);background:var(--red-bg)}.enc-num{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--fg1);line-height:1}.enc-lbl{font-family:var(--font-d);font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg4);margin-top:2px}.inv-filter-row{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:10px}.inv-filter{padding:3px 8px;background:#0006;border:1px solid var(--ab15);border-radius:2px;font-family:var(--font-d);font-size:8px;color:var(--fg4);cursor:pointer;transition:all .1s;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;line-height:1.6}.inv-filter:hover{border-color:var(--ab30);color:var(--fg2)}.inv-filter.on{border-color:var(--a500);background:#451a0338;color:var(--a500)}.carried-item{background:#0006;border:1px solid var(--ab20);border-radius:2px;margin-bottom:5px;overflow:hidden;transition:border-color .1s}.carried-item:hover{border-color:var(--ab30)}.clog{display:flex;flex-direction:column;height:100%;overflow:hidden}.clog-body{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.clog-round-divider{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg4);flex-shrink:0}.clog-round-divider:before,.clog-round-divider:after{content:"";flex:1;height:1px;background:var(--ab20)}.clog-entry{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;background:#00000040;border:1px solid transparent;border-radius:2px;border-left:2px solid transparent;transition:border-color .1s;flex-shrink:0}.clog-entry:hover{border-color:var(--ab20)}.clog-entry.atk{border-left-color:var(--a500)}.clog-entry.spell{border-left-color:#a78bfa}.clog-entry.def{border-left-color:var(--green)}.clog-entry.res{border-left-color:#c084fc}.clog-entry.ability{border-left-color:var(--yellow)}.clog-main{flex:1;font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--fg1);line-height:1.35}.clog-text{flex:1;font-family:var(--font-b);font-size:11px;color:var(--fg2);line-height:1.35}.clog-badge{font-family:var(--font-d);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:1px;flex-shrink:0;align-self:center;background:#0006;border:1px solid var(--ab20);color:var(--fg4)}.clog-outcome{font-family:var(--font-d);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:1px;flex-shrink:0;align-self:center}.clog-outcome.hit{background:#451a0380;color:var(--a400);border:1px solid var(--ab30)}.clog-outcome.miss{background:#0006;color:var(--fg4);border:1px solid var(--ab20)}.clog-outcome.ok{background:#14532d59;color:var(--green);border:1px solid rgba(34,197,94,.3)}.clog-outcome.fail{background:#450a0a66;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.clog-outcome.spell{background:#6d28d940;color:#c4b5fd;border:1px solid rgba(167,139,250,.3)}.clog-outcome.neutral{background:#0006;color:var(--fg4);border:1px solid var(--ab15)}.clog-outcome.ability{background:#78350f73;color:var(--a400);border:1px solid var(--ab30)}.action-steps{display:flex;gap:0;border-bottom:1px solid var(--ab20);margin-bottom:12px;flex-shrink:0}.action-step{flex:1;padding:7px 10px;font-family:var(--font-d);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg5);border-bottom:2px solid transparent;text-align:center}.action-step.active{color:var(--a500);border-bottom-color:var(--a500)}.action-step.done{color:var(--fg3)}.env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 12px}.env-tile{padding:10px 4px;background:var(--card);border:1px solid var(--ab20);border-radius:2px;text-align:center;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;align-items:center;gap:4px}.env-tile:hover{border-color:var(--ab40)}.env-tile.on,.env-tile.active{border-color:var(--a500);background:#451a034d}.env-icon{font-size:20px;line-height:1}.env-name{font-family:var(--font-d);font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg3)}.gm-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--card);border:1px solid var(--ab20);border-radius:2px;margin-bottom:4px;cursor:pointer;text-decoration:none;transition:all .12s}.gm-row:hover{border-color:var(--ab40);background:#78350f14}.travel-matrix{display:grid;grid-template-columns:54px repeat(3,1fr);gap:2px;margin-bottom:8px}.tm-col-head{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:4px 2px}.tm-col-head.benign{color:var(--green)}.tm-col-head.neutral{color:var(--fg4)}.tm-col-head.malign{color:#fca5a5}.tm-row-head{font-family:var(--font-d);font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);display:flex;align-items:center;padding-right:5px}.tm-cell{padding:7px 3px;background:#00000061;border:1px solid var(--ab10);border-radius:2px;text-align:center;cursor:pointer;transition:all .18s}.tm-cell:hover{border-color:var(--ab40);background:#78350f1a}.tm-range{font-family:var(--font-d);font-size:9px;color:var(--fg4);display:block}.tag-danger{border-color:#7f1d1d80;color:#fca5a5;background:#450a0a40}