:root{--bg: #171310;--bg-panel: #1f1a15;--bg-card: #262019;--bg-input: #2b241c;--border: #3d342a;--border-strong: #55483a;--text: #e8dfd0;--text-dim: #9c8f7d;--gold: #c9a758;--gold-bright: #e5c476;--crimson: #8b2430;--crimson-bright: #a83240;--green: #5d8a4a;--serif: Georgia, "Palatino Linotype", "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}h1,h3,h4,.app-title,.tracker-name,.sheet-name,summary{font-family:var(--serif);letter-spacing:.02em}h3,h4{margin:10px 0 6px;color:var(--gold);font-weight:600}h4{border-bottom:1px solid var(--border);padding-bottom:3px}.hint{font-weight:400;font-size:12px;color:var(--text-dim);font-family:Segoe UI,system-ui,sans-serif}.empty{color:var(--text-dim);padding:24px;text-align:center;font-style:italic}input,select,textarea,button{font:inherit;color:var(--text)}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:6px 8px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px #c9a75859}input[type=number]{width:64px}.btn{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:4px;padding:6px 12px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:#322a21;border-color:var(--gold)}.btn-primary{background:var(--crimson);border-color:var(--crimson-bright)}.btn-primary:hover{background:var(--crimson-bright);border-color:#c04552}.btn-gold{background:#3a2f1c;border-color:var(--gold);color:var(--gold-bright)}.btn-gold:hover{background:#4a3c22}.btn-danger{background:var(--crimson);border-color:var(--crimson-bright)}.btn-heal{background:#2e4d26;border-color:var(--green)}.btn-danger-outline{background:none;border-color:var(--crimson-bright);color:#d0707b;margin-top:10px}.btn-danger-outline:hover{background:#8b243033}.btn-icon{padding:4px 7px}.join-screen{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(139,36,48,.18),transparent),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(201,167,88,.07),transparent),var(--bg)}.join-card{background:var(--bg-panel);border:1px solid var(--border-strong);border-top:3px solid var(--crimson);border-radius:8px;box-shadow:0 12px 48px #0009;padding:32px;width:360px;display:flex;flex-direction:column;gap:10px}.join-card h1{margin:0;text-align:center;color:var(--gold-bright);font-size:30px;font-weight:600}.join-card .subtitle{margin:0 0 10px;text-align:center;color:var(--text-dim);font-family:var(--serif);font-style:italic}.join-section{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.join-section h3{margin:0;font-size:15px}.game{height:100vh;height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(#241e17,#1f1a15);border-bottom:2px solid var(--crimson)}.app-title{color:var(--gold-bright);font-size:16px}.room-code{background:var(--bg-input);border:1px solid var(--border);padding:3px 10px;border-radius:4px;font-family:monospace;letter-spacing:2px;color:var(--gold)}.player-name{color:var(--text-dim);font-style:italic}.topbar-actions{margin-left:auto;display:flex;gap:8px}.layout{flex:1;display:flex;min-height:0}.left{width:clamp(240px,22vw,340px);flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-panel)}.center{flex:1 1 0;display:flex;flex-direction:column;min-width:0}.right{width:var(--right-w, clamp(300px, 26vw, 380px));flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-panel)}@media (max-width: 1100px){.right{width:var(--right-w, clamp(260px, 30vw, 320px))}.left{width:clamp(200px,24vw,280px)}}.map-wrap{position:relative;flex:1;display:flex;min-height:0}.map-scroll{flex:1;overflow:auto;display:flex}.map-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-scroll.panning svg{pointer-events:none}.map-scroll>svg{margin:auto;flex:0 0 auto}.map-hint{padding:5px 12px;color:var(--text-dim);font-size:12px;border-top:1px solid var(--border)}.grid{mix-blend-mode:difference}.grid line{stroke:#8c8c8c8c;stroke-width:1}.token-label{fill:#f5efe2;font-size:13px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.token-cond{fill:var(--gold-bright);font-size:10px;pointer-events:none}.ruler-label{fill:var(--gold-bright);font-size:15px;font-weight:700;paint-order:stroke;stroke:#000;stroke-width:3px}.move-label{fill:var(--gold-bright);font-size:14px;font-weight:700;paint-order:stroke;stroke:#000;stroke-width:3px}.move-label.over{fill:#ff6b5e}.multi-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:8px;align-items:center;background:#171310eb;border:1px solid var(--gold);border-radius:6px;padding:6px 12px;box-shadow:0 6px 24px #00000080}.rules-tab{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.rules-cats{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.rules-cats .chip.active{background:var(--crimson);border-color:var(--crimson-bright);color:var(--text)}.rules-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.rule-card summary{display:flex;align-items:center;gap:6px}.rule-cat{margin-left:auto;font-size:10px;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-family:Segoe UI,system-ui,sans-serif}.tracker{padding:10px;display:flex;flex-direction:column;gap:8px}.tracker-head h3{margin:0 0 8px}.tracker-buttons{display:flex;gap:6px;flex-wrap:wrap}.tracker-list{display:flex;flex-direction:column;gap:4px}.tracker-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;border:1px solid var(--border);cursor:pointer;background:var(--bg-card);transition:border-color .12s}.tracker-item:hover{border-color:var(--border-strong)}.tracker-item.selected{border-color:var(--gold)}.tracker-item.current{background:linear-gradient(#c9a7581f,#c9a7580a);border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}.init-badge{min-width:28px;text-align:center;font-weight:700;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:3px 4px;font-family:var(--serif);color:var(--gold)}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.4)}.tracker-item-main{flex:1;min-width:0}.tracker-name{font-weight:600;font-size:15px}.tracker-sub{font-size:12px;color:var(--text-dim)}.cond-list{color:var(--gold)}.actions{display:flex;gap:2px}.pip{background:none;border:none;cursor:pointer;color:var(--crimson-bright);font-size:16px;padding:1px 3px}.pip.used{color:#453b30}.pip.reaction{color:var(--gold)}.pip.reaction.used{color:#453b30}.selected-panel{border-top:1px solid var(--border-strong);padding-top:10px;display:flex;flex-direction:column;gap:8px}.selected-panel h4{margin:0;border:none}.hp-controls,.cond-controls,.init-manual{display:flex;gap:6px;align-items:center}.cond-controls select{flex:1;min-width:0}.cond-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{background:#c9a7581f;border:1px solid var(--gold);color:var(--gold-bright);border-radius:12px;padding:2px 9px;font-size:12px;cursor:pointer}.chip:hover{background:#c9a75840}.chat-panel{flex:1;display:flex;flex-direction:column;min-height:0}.chat-log{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.msg{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:7px 10px}.msg-head{display:flex;justify-content:space-between;margin-bottom:3px}.msg-head b{color:var(--gold);font-family:var(--serif)}.msg-time{color:#6b5f50;font-size:11px}.msg-roll{border-left:3px solid var(--crimson)}.roll-label{color:var(--text-dim);font-style:italic;font-family:var(--serif)}.roll-formula{font-family:monospace;color:var(--text-dim)}.roll-dc{color:var(--gold)}.roll-detail{font-size:12px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:8px}.roll-total-row{display:flex;align-items:center;gap:10px;margin-top:4px}.roll-total{font-size:24px;font-weight:800;font-family:var(--serif)}.roll-total.nat20{color:#8fd06e;text-shadow:0 0 8px rgba(143,208,110,.4)}.roll-total.nat1{color:#e06060;text-shadow:0 0 8px rgba(224,96,96,.4)}.roll-damage{margin-left:auto;color:var(--text-dim);font-size:13px}.roll-damage b{color:var(--gold-bright);font-size:18px;font-family:var(--serif)}.degree{padding:2px 10px;border-radius:3px;font-size:12px;font-weight:600}.degree-criticalSuccess{background:#24401f;color:#9fe58a;border:1px solid #3d6b33}.degree-success{background:#1f3540;color:#8ac7e5;border:1px solid #33596b}.degree-failure{background:#40331f;color:#e5c58a;border:1px solid #6b5633}.degree-criticalFailure{background:#401f22;color:#e58a92;border:1px solid #6b333a}.chat-error{color:#e06060;padding:4px 10px}.chat-input{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border)}.chat-input input{flex:1}.bestiary{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.bestiary-filters{display:flex;gap:6px;align-items:center}.bestiary-filters>input{flex:1;min-width:0}.bestiary-lvl{display:flex;gap:4px;align-items:center;color:var(--text-dim);font-size:12px}.bestiary-lvl input{width:48px}.bestiary-section{display:flex;flex-direction:column;gap:4px}.bestiary-list{flex:1;overflow-y:auto;min-height:120px}.bestiary-head{display:flex;justify-content:space-between;align-items:center}.bestiary-head h4{margin:4px 0}.beast-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:grab}.beast-row:hover{border-color:var(--border-strong)}.beast-lvl{flex:0 0 26px;text-align:center;font-weight:700;font-family:var(--serif);color:var(--gold);border-right:1px solid var(--border);padding-right:6px}.beast-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beast-stats{color:var(--text-dim);font-size:12px;white-space:nowrap}.beast-card{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 18px 18px}.beast-traits{display:flex;flex-wrap:wrap;gap:4px}.beast-flavor{font-style:italic;color:var(--text-dim);margin:0}.beast-block{margin:0}.beast-notes{white-space:pre-line;margin:0}.bestiary-drop-opts{display:flex;gap:14px;align-items:center}.bestiary-drop-opts input[type=number]{width:44px;padding:2px 4px}.bestiary-hidden-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer}.beast-statline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.roll-btn{padding:3px 8px;font-size:12px}.roll-btn.dmg{border-color:var(--crimson)}.beast-variants{display:flex;gap:4px}.variant-btn{padding:3px 10px;font-size:12px}.variant-btn.active{background:var(--crimson);border-color:var(--crimson-bright)}.beast-scale{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;color:var(--text-dim)}.beast-scale input{width:52px;padding:3px 6px}.beast-scale.active{color:var(--gold-bright)}.beast-scale.active input{border-color:var(--crimson-bright)}.beast-attacks{display:flex;flex-direction:column;gap:4px}.beast-attack-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.beast-attack-name{min-width:90px;font-weight:600}.chip-btn{cursor:pointer;background:none;font:inherit}.beast-attack-form-row input:first-child{flex:2}.beast-attack-form-row input{flex:1;min-width:0}.beast-attack-form-row{align-items:center}.beast-form{display:flex;flex-direction:column;gap:8px}.beast-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-dim)}.beast-form-row{display:flex;gap:8px}.beast-form-row label{flex:1;min-width:0}.beast-form textarea{resize:vertical}.beast-xp{flex:0 0 34px;text-align:right;font-size:12px;color:var(--gold);font-weight:600}.beast-spells{display:flex;flex-direction:column;gap:4px}.beast-statblock{gap:6px;font-size:13px;line-height:1.45}.beast-abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.beast-ability-box{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:4px 2px;cursor:pointer;transition:border-color .12s}.beast-ability-box:hover{border-color:var(--gold)}.beast-ability-box .beast-ability-label{font-size:10px;color:var(--text-dim);letter-spacing:.05em}.beast-ability-box b{font-size:15px;font-family:var(--serif);color:var(--gold-bright)}@media (max-width: 480px){.beast-abilities{grid-template-columns:repeat(3,1fr)}}.beast-line{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.beast-line>b,.beast-line>span>b{color:var(--gold);font-family:var(--serif)}.beast-line-wrap>span{margin-right:4px}.beast-chips{gap:4px}.beast-hr{border-top:2px solid var(--crimson);opacity:.75;margin:4px 0}.beast-head{gap:10px}.beast-head h3{flex:1;min-width:0}.beast-level-tag{font-size:12px;font-weight:700;white-space:nowrap;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:3px;padding:3px 10px;color:var(--gold);font-family:var(--serif)}.beast-source{border-top:1px solid var(--border);padding-top:4px}.beast-spell-rank{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pingable{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:6px 8px;transition:border-color .12s,background .12s}.pingable:hover{border-color:var(--gold);background:#c9a7580f}.encounter-panel{border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-card);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.encounter-party{display:flex;align-items:center;gap:4px}.encounter-party input{width:44px;padding:2px 4px}.encounter-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.verdict{padding:2px 10px;border-radius:3px;font-size:12px;font-weight:600}.verdict-none,.verdict-trivial{background:#2a2a25;color:var(--text-dim);border:1px solid var(--border)}.verdict-low{background:#24401f;color:#9fe58a;border:1px solid #3d6b33}.verdict-moderate{background:#3a2f1c;color:var(--gold-bright);border:1px solid var(--gold)}.verdict-severe{background:#40331f;color:#e5a55e;border:1px solid #6b5633}.verdict-extreme{background:#401f22;color:#e58a92;border:1px solid #6b333a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0705bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-top:3px solid var(--crimson);border-radius:8px;box-shadow:0 16px 64px #000000b3;width:min(1240px,100%);height:min(860px,100%);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(#241e17,transparent);border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:20px}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:18px;padding:4px 8px}.modal-close:hover{color:var(--gold-bright)}.sheet{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column}.sheet-toolbar{display:flex;gap:8px;margin-bottom:12px}.sheet-toolbar select{flex:0 1 320px;min-width:0}.sheet-body{display:flex;flex-direction:column;gap:12px}.sheet-header{display:grid;grid-template-columns:2fr auto 1fr 1fr;gap:10px;align-items:end;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px}.sheet-name{font-size:22px;font-weight:700;color:var(--gold-bright);background:transparent;border:none;border-bottom:1px solid var(--border-strong);border-radius:0;padding:4px 2px}.sheet-name:focus{box-shadow:none;border-bottom-color:var(--gold)}.lvl-input{display:flex;flex-direction:column;gap:3px;color:var(--text-dim);font-size:12px}.lvl-input input{width:72px;font-size:18px;font-family:var(--serif);text-align:center}.sheet-columns{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;align-items:start}@media (max-width: 1000px){.sheet-columns{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.sheet-columns{grid-template-columns:1fr}}.sheet-tabs{margin-bottom:12px}.side-tab.tab-attention{color:var(--gold-bright);border-radius:4px;animation:attention-pulse 2.2s ease-in-out infinite}.sheet-lock-banner{cursor:pointer}.sheet-lock-banner:hover{background:#c9a75824}.spell-group-slots{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spell-group-slots input[type=number]{width:48px;padding:2px 6px}.repertoire-warn{color:var(--gold-bright);font-size:12px}.spell-none{margin:2px 0 6px 8px;font-style:italic}.spell-locked{opacity:.5}.spell-locked-group{color:var(--text-dim)}.sheet-columns.two{grid-template-columns:1fr 1.2fr}.sheet-columns.one{grid-template-columns:1fr}@media (max-width: 700px){.sheet-columns.two{grid-template-columns:1fr}}.sheet-col{display:flex;flex-direction:column;gap:6px;min-width:0}.abilities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.ability-box{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 2px}.ability-box input{width:100%;text-align:center}.ability-label{font-size:11px;color:var(--text-dim);font-family:var(--serif);letter-spacing:1px}.ability-mod{font-weight:700;color:var(--gold);font-family:var(--serif);font-size:16px}.stats-row{display:flex;gap:10px;margin-top:4px}.stats-row label{display:flex;flex-direction:column;gap:3px;color:var(--text-dim);font-size:12px}.check-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px}.check-row span{flex:1}.check-row.clickable{cursor:pointer}.check-row.clickable:hover{background:#c9a75814}.check-row b{min-width:36px;text-align:right;color:var(--gold);font-family:var(--serif);font-size:15px}.strike-row{display:flex;gap:4px;align-items:center}.strike-row input:first-child{flex:1;min-width:0}.strike-row input[type=number]{width:52px}.strike-row input:nth-child(3){width:76px}textarea{width:100%;resize:vertical}.progression{display:flex;flex-direction:column;gap:6px}.progression>h4:first-child{margin-top:0}.progression-empty{background:#c9a75812;border:1px solid var(--gold);border-radius:6px;padding:10px;color:var(--gold-bright);font-size:13px}.progression-empty code{display:block;margin:6px 0;background:var(--bg);padding:5px 8px;border-radius:4px;color:var(--gold-bright)}.progression-meta{font-size:12px;color:var(--text-dim)}.progression-meta a,.feature-body a{color:var(--gold)}.feature-list{display:flex;flex-direction:column;gap:3px}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 9px}.feature summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.feature summary::marker{color:var(--gold)}.feature-body{margin-top:6px;font-size:13px;color:#cfc4b1;font-family:Segoe UI,system-ui,sans-serif}.feature-body p{margin:0 0 8px}.lvl-badge{display:inline-block;min-width:20px;text-align:center;background:var(--crimson);border-radius:3px;font-size:11px;font-weight:700;padding:1px 5px;margin-right:4px;font-family:Segoe UI,system-ui,sans-serif;color:#f0dfe0}.feat-slot{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.feat-slot-head{display:flex;gap:6px;align-items:center}.feat-slot-head select{flex:1;min-width:0}.feat-detail{margin-left:24px}.feat-actions{color:var(--gold-bright)}.trait-chips{margin-left:6px}.trait{display:inline-block;background:#8b243040;border:1px solid var(--crimson-bright);color:#dfa0a8;border-radius:3px;font-size:11px;padding:0 6px;margin-right:3px;font-family:Segoe UI,system-ui,sans-serif}.spellbook{display:flex;flex-direction:column;gap:6px}.spell-config{display:flex;gap:6px}.spell-config select{flex:1;min-width:0}.slot-grid{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.slot-box{display:flex;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:3px 6px}.slot-rank{font-family:var(--serif);font-weight:700;color:var(--gold);margin-right:3px}.slot-used{color:var(--text-dim);font-size:12px}.slot-box input{width:38px;padding:2px 4px;text-align:center}.spell-group{font-family:var(--serif);color:var(--gold);border-bottom:1px solid var(--border);margin-top:6px;padding-bottom:2px;font-size:13px}.spell-row{display:flex;align-items:flex-start;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.spell-row.used{opacity:.55}.spell-row details{flex:1;min-width:0}.spell-row summary{cursor:pointer}.spell-name{font-family:var(--serif);font-size:14px}.spell-used-mark{color:var(--crimson-bright);font-size:12px}.spell-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.spell-actions select{padding:3px 4px;font-size:12px}.spell-search{display:flex;flex-direction:column;gap:4px;margin-top:8px}.spell-result{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:4px 8px}.spell-result-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spell-hint{display:flex;align-items:center;gap:8px}.spell-stats{margin-left:auto;color:var(--text-dim);font-size:12px;align-self:center}.spell-stats b{color:var(--gold);font-family:var(--serif)}.msg>div:last-child{white-space:pre-line}.dice3d-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.dice3d-overlay canvas{width:100%;height:100%;display:block}.dice-panel{border-top:1px solid var(--border);padding:8px 10px 0;display:flex;flex-direction:column;gap:6px}.dice-buttons{display:flex;gap:5px;justify-content:space-between}.die-btn{position:relative;flex:1;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;padding:7px 0;cursor:pointer;transition:border-color .12s,background .12s}.die-btn:hover{border-color:var(--gold);background:#322a21}.die-btn.active{border-color:var(--gold);background:#c9a75824}.die-shape{font-family:var(--serif);font-weight:700;color:var(--gold-bright);font-size:13px}.die-count{position:absolute;top:-7px;right:-5px;background:var(--crimson);color:#f0dfe0;border-radius:9px;min-width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px}.dice-tray{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dice-formula{flex:1;min-width:80px;font-family:monospace;color:var(--gold-bright)}.dice-mini{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:12px}.dice-mini input{width:54px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.user-list{padding:10px 14px;border-top:1px solid var(--border)}.user-list h4{margin:0 0 8px;color:var(--gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.user-list-empty{color:var(--text-dim);font-style:italic}.user-row{display:flex;align-items:center;gap:8px;padding:3px 0}.user-dot{width:8px;height:8px;border-radius:50%;background:#3e6b3a;flex-shrink:0}.user-name{font-size:.9rem}.modal-small{max-width:360px}.map-settings{display:flex;flex-direction:column;gap:12px;padding:16px}.map-settings label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-dim)}.map-settings input[type=color]{width:60px;height:32px;padding:2px;cursor:pointer}.focus-pool{align-items:center;gap:8px}.focus-pool input{width:44px}.levelup-row{border:1px solid var(--border);border-radius:6px;padding:6px 8px;margin-bottom:6px}.levelup-row.pending{border-color:var(--gold);box-shadow:0 0 6px #c9a75840}.sheet-lock-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid var(--gold);border-radius:6px;background:#c9a75814;padding:8px 10px;margin-bottom:10px;font-size:13px}.sheet-col.locked,.sheet-col .locked{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(.4)}@keyframes attention-pulse{0%,to{box-shadow:0 0 0 1px var(--gold)}50%{box-shadow:0 0 8px 2px #c9a75873}}.progression select.attention{border-color:var(--gold);animation:attention-pulse 2.2s ease-in-out infinite}.feat-slot.pending .feat-slot-head{border-left:3px solid var(--gold);padding-left:6px}.feat-slot.pending .feat-empty-name{color:var(--gold-bright)}.levelup-head{display:flex;align-items:center;gap:6px;font-size:13px}.levelup-picks{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.levelup-picks select{flex:1;min-width:72px;width:100%}.boost-pick{flex:1;min-width:96px;display:flex;flex-direction:column;gap:2px}.boost-cap{font-size:11px;color:var(--text-dim)}.boost-cap-fixed{color:var(--gold-bright);font-weight:600}.feat-chosen-name{color:var(--gold);font-weight:600;flex:1}.feat-empty-name{opacity:.55;font-style:italic;flex:1}.feat-options{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;margin-top:6px}.feat-option{opacity:.55;border-bottom:1px solid var(--border)}.feat-option:last-child{border-bottom:none}.feat-option:hover{opacity:.85}.feat-option.selected{opacity:1;border-left:3px solid var(--gold);background:#c9a75814}.feat-option summary{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;list-style:none}.feat-option summary::-webkit-details-marker{display:none}.feat-option-name{flex:1}.feat-option .feature-body{padding:0 10px 8px}.arch-picker{border-top:1px dashed var(--gold);margin-top:2px}.arch-picker-head{display:flex;align-items:center;gap:8px;padding:6px 8px;position:sticky;top:0;background:var(--bg);z-index:1}.arch-search{flex:1;min-width:0;font-size:12px;padding:3px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:inherit}.arch-cat-chips{display:flex;gap:6px;padding:4px 8px;flex-wrap:wrap}.arch-chip{font-size:11px;padding:2px 10px;border-radius:12px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer;opacity:.7}.arch-chip:hover{opacity:1;border-color:var(--gold)}.arch-chip.active{opacity:1;border-color:var(--gold);background:#c9a75826;color:var(--gold-bright)}.arch-row{border-bottom:1px solid var(--border)}.arch-row:last-child{border-bottom:none}.arch-row-head{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;opacity:.7}.arch-row-head:hover{opacity:1;background:#c9a7580f}.arch-row.arch-dedicated .arch-row-head{opacity:1}.arch-caret{width:12px;color:var(--gold)}.arch-name{flex:1;font-weight:600}.arch-feats{padding-left:14px;border-left:2px solid rgba(201,167,88,.3)}.arch-spellcasting,.arch-class-features,.arch-focus{margin-top:14px;padding-top:10px;border-top:1px dashed var(--gold)}.arch-focus .spell-config{flex-wrap:wrap;gap:8px}.arch-grants{margin-top:14px;padding-top:10px;border-top:1px dashed var(--gold)}.arch-grant{margin-bottom:10px}.arch-grant-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.arch-grant select{width:100%}.arch-skills{margin-top:14px;padding-top:10px;border-top:1px dashed var(--gold)}.arch-skill{display:flex;align-items:center;gap:6px;margin-bottom:5px;flex-wrap:wrap}.arch-skill select{min-width:160px}.spell-rank-group{margin:8px 0}.spell-rank-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.spell-rank-head .slot-dots{display:inline-flex;gap:3px;flex:0 0 auto}.slot-max-input{width:44px;padding:2px 4px;font-size:12px}.spell-rank-group.empty-rank{opacity:.5}.spell-rank-group.empty-rank:hover{opacity:.85}.join-card.cabinet{max-width:460px}.campaign-row{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:4px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.campaign-row:hover{border-color:var(--gold);background:#c9a7580f}.campaign-name{flex:1;font-weight:600}.logout-link{cursor:pointer;text-decoration:underline}.map-scroll{position:relative}.zoom-controls{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:5}.zoom-controls .btn{background:#171310d9}.zoom-value{min-width:52px;font-size:12px}.map-settings-sub{margin:10px 0 4px}.bg-preview img{max-width:100%;max-height:120px;border-radius:6px;display:block;margin-bottom:6px}.bg-preview{margin-bottom:6px}.side-tabs{display:flex;border-bottom:1px solid var(--border)}.side-tab{flex:1;padding:8px 6px;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:13px;font-weight:600;border-bottom:2px solid transparent}.side-tab:hover{color:var(--text)}.side-tab.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.side-pane{flex:1;min-height:0;display:flex;flex-direction:column}.side-pane-combat{overflow-y:auto}.chars-tab{padding:10px}.char-row{display:flex;align-items:center;gap:8px;padding:7px 9px;margin-bottom:4px;border:1px solid var(--border);border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none}.char-row:active{cursor:grabbing}.char-row:hover{border-color:var(--gold)}.char-drag{color:var(--text-dim)}.char-info{flex:1;display:flex;flex-direction:column}.char-name{font-weight:600}.chars-hint{margin-top:8px}.token-image-row{display:flex;gap:6px;margin:8px 0}.token-image-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.origin-desc{border:1px solid var(--border);border-radius:6px;padding:4px 10px;margin:4px 0 8px}.progression select{width:100%;margin-bottom:6px}.levelup-hint{margin:4px 0 2px}.slot-table{margin-bottom:8px}.slot-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.slot-row .slot-rank{width:20px;height:20px;border-radius:4px;flex-shrink:0;background:var(--crimson);color:#f5efe2;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.slot-dots{display:flex;gap:4px;flex:1;flex-wrap:wrap}.slot-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--gold);background:var(--gold);cursor:pointer;padding:0}.slot-dot.spent{background:transparent;opacity:.5}.slot-dot:hover{transform:scale(1.15)}.slot-row input{width:44px}.ping-btn{margin-left:auto;opacity:.6}.ping-btn:hover{opacity:1}.armor-row{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}.armor-row>input:first-child{flex:1 1 100%}.armor-row .dice-mini input,.armor-row .dice-mini select{width:56px}.strike-card{border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:8px;background:var(--bg-card)}.strike-card .strike-row{display:flex;gap:6px;margin-bottom:6px;align-items:flex-end}.strike-card .strike-row:last-child{margin-bottom:0}.strike-row-name input{flex:1;min-width:0;font-weight:600}.strike-field{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.strike-field>span{font-size:10px;color:var(--text-dim)}.strike-field select,.strike-field input{width:100%;min-width:0}.strike-field-num{flex:0 0 52px}.strike-roll{flex:0 0 auto;white-space:nowrap;font-weight:700;color:var(--gold-bright);min-width:84px}.lore-name{flex:1;min-width:100px}.skillfeat-add input{width:100%;margin-top:4px}.feat-option.locked{opacity:.35}.prereq-warn{color:var(--gold-bright);cursor:help}@media (max-width: 900px){.topbar{flex-wrap:wrap;gap:8px;padding:6px 10px}.topbar-actions{margin-left:0;flex-wrap:wrap;width:100%}.layout{flex-direction:column}.center{flex:1 1 auto;min-height:45vh}.right{width:100%;border-left:none;border-top:2px solid var(--crimson);height:42vh;flex:0 0 auto}.col-resizer{display:none}.zoom-controls{top:2px;margin:4px}.map-hint{display:none}}@media (max-width: 900px){.modal-overlay{padding:0}.modal{width:100%;height:100%;border-radius:0}.sheet{padding:10px}}@media (max-width: 700px){.sheet-header{grid-template-columns:1fr auto}.abilities-grid{grid-template-columns:repeat(3,1fr)}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar select{flex:1 1 100%}}@media (max-width: 1200px) and (min-width: 701px){.abilities-grid{grid-template-columns:repeat(3,1fr)}}.sheet-col>h4{margin:14px 0 6px;padding-bottom:3px;border-bottom:1px solid var(--border);color:var(--gold)}.sheet-col>h4:first-child{margin-top:0}.stats-row{flex-wrap:wrap}.stats-row label{flex:1;min-width:90px}.stats-row input{width:100%}.check-row:hover{background:#c9a7580f}.save-status{font-size:12px;color:var(--text-dim);align-self:center;white-space:nowrap}.save-status.saving{color:var(--gold)}.save-status.error{color:#f44336}.slot-dot.empty{background:transparent;border-style:dashed;border-color:var(--border-strong);opacity:.7;cursor:default;display:inline-block}.slot-dot.empty:hover{transform:none}.token-on-map{align-self:center;white-space:nowrap}.cond-label{fill:#f2e8f7;font-size:9px;font-weight:600;-webkit-user-select:none;user-select:none}.cond-more{fill:#c9a3e0}.chat-error-inline{color:#f44336;font-size:11px}.char-list{max-width:560px}.char-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.char-list-head h4{margin:0}.char-folder{color:var(--gold);font-weight:700;margin:12px 0 4px}.char-card{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--bg-card)}.char-card:hover{border-color:var(--gold)}.char-card-info{flex:1;display:flex;flex-direction:column;min-width:0}.char-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);flex-shrink:0}.char-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--crimson);color:#f5efe2;font-weight:700;font-size:14px}.char-avatar-mini{width:20px;height:20px;border-width:1px;vertical-align:middle}.char-folder{display:flex;align-items:center;gap:6px;padding:5px 8px;margin:6px 0 4px;border:1px dashed transparent;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.char-folder:hover{background:#c9a7580d}.char-folder.drag-over{border-color:var(--gold);background:#c9a7581f}.folder-caret{width:12px;color:var(--text-dim)}.folder-count{margin-left:2px}.folder-actions{margin-left:auto;display:flex;gap:2px;opacity:.55}.char-folder:hover .folder-actions{opacity:1}.folder-children{border-left:1px solid var(--border);margin-left:7px;padding-left:8px}.char-root-zone{border-radius:6px;border:1px dashed transparent;padding:2px;margin-top:8px}.char-root-zone.drag-over{border-color:var(--gold);background:#c9a75814}.scene-card{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-bottom:6px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--bg-card)}.scene-card:hover{border-color:var(--gold)}.scene-card.active{border-color:var(--gold);background:#c9a75814}.scene-thumb{width:56px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.scene-info{flex:1;display:flex;flex-direction:column;min-width:0}.scene-form{display:flex;flex-direction:column;gap:6px}.scene-fit{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-dim)}.showcase-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a070599;display:flex;align-items:center;justify-content:center}.showcase-card{position:relative;background:var(--bg-panel);border:1px solid var(--border-strong);border-top:3px solid var(--gold);border-radius:12px;padding:28px 44px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 16px 64px #000000b3}.showcase-close{position:absolute;top:6px;right:8px}.showcase-avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;font-size:48px}.showcase-name{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--gold-bright)}.grid line.major{stroke:#aaaaaabf;stroke-width:1.5}.scene-thumb-empty{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);color:var(--text-dim);font-size:20px}.scene-edit{border:1px solid var(--gold);border-radius:8px;padding:8px;margin:8px 0;display:flex;flex-direction:column;gap:6px}.class-states{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.state-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:var(--bg-card)}.state-row.on{border-color:var(--gold);box-shadow:0 0 6px #c9a75859}.state-toggle{white-space:nowrap}.state-hint{flex:1;min-width:140px;font-size:12px}.state-desc{flex-basis:100%}.state-desc>summary{cursor:pointer;color:var(--text-dim);list-style:none}.state-desc[open]>summary{color:var(--gold)}.ac-state-note{color:var(--crimson, #c96b6b);font-weight:700;margin-left:4px;white-space:nowrap}.cond-penalized{color:#e08a8a}.conditions-panel{margin-bottom:10px}.conditions-add{display:flex;gap:6px;margin-bottom:8px}.conditions-add select{flex:1;min-width:0}.conditions-list{display:flex;flex-direction:column;gap:6px}.condition-chip{border:1px solid var(--border);border-radius:8px;padding:5px 8px;background:#8b243014}.condition-head{display:flex;align-items:center;gap:8px}.condition-name{font-weight:600;flex:1}.condition-stepper{display:inline-flex;align-items:center;gap:4px}.condition-stepper b{min-width:14px;text-align:center}.condition-x{color:#d0707b}.condition-effect{margin-top:3px;line-height:1.35}.condition-dying{margin-top:8px;color:#e08a8a;font-weight:600}.state-pool-name{white-space:nowrap;font-weight:600}.state-stepper{display:inline-flex;align-items:center;gap:6px}.state-stepper b{min-width:76px;text-align:center}.state-action{white-space:nowrap}.familiar-name{width:140px}.eidolon-block{flex-direction:column;align-items:stretch;gap:8px}.eidolon-head{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.eidolon-name{flex:1;min-width:120px}.eidolon-attack{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.eidolon-attack-name{flex:1;min-width:100px}.companion-add{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.companion-card{border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.companion-head{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.companion-icon{font-size:18px}.companion-type{min-width:100px}.companion-name{flex:1;min-width:120px}.companion-link{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.companion-search{flex:1;min-width:180px}.companion-foot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.companion-notes{flex:1;min-width:160px}.summon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.summon-modal{background:var(--bg);border:1px solid var(--gold);border-radius:10px;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;padding:12px;gap:8px}.summon-head{display:flex;align-items:center;gap:8px}.summon-head b{flex:1}.summon-search{width:100%}.summon-list{overflow-y:auto;border:1px solid var(--border);border-radius:6px}.summon-row{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-bottom:1px solid var(--border)}.summon-row:last-child{border-bottom:none}.summon-row:hover{background:#c9a7581a}.summon-name{flex:1}.msg{line-height:1.5;font-size:13.5px}.msg-text{white-space:pre-line}.msg-head{margin-bottom:4px}.msg-head b{font-size:12.5px;opacity:.9}.chat-log{gap:10px}.msg-spell{border-left:3px solid var(--gold)}.spell-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.spell-card-name{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--gold-bright)}.badge{padding:1px 9px;border-radius:10px;font-size:12px;border:1px solid var(--border-strong);white-space:nowrap}.badge-actions{color:#ffd75e;border-color:#8a733d;background:#332a18;font-size:13px;font-weight:700}.badge-rank{color:var(--text-dim)}.spell-card-cast{color:var(--text-dim);font-size:12.5px}.spell-card-meta{display:flex;flex-wrap:wrap;gap:3px 14px;font-size:12.5px;color:var(--text-dim);margin:4px 0}.spell-card-meta b{color:var(--text);font-weight:600}.spell-card-save,.spell-card-save b{color:#e5c58a}.spell-card-desc{max-height:160px;overflow-y:auto;border-top:1px solid var(--border);margin-top:4px;padding-top:5px;font-size:13px}.spell-card-desc p{margin:0 0 6px}.spell-card-saveline{margin:6px 0 4px;padding:5px 10px;border:1px solid #6b5633;border-left:3px solid #e5c58a;border-radius:5px;background:#e5c58a14;color:var(--text);font-size:13.5px}.spell-card-saveline b{color:#ffd75e;font-size:14.5px}.degree-list{margin:4px 0}.degree-row{display:flex;gap:8px;margin:4px 0;align-items:baseline}.degree-row .degree{flex-shrink:0}.msg-player{color:#6b5f50;font-size:11px;margin-left:4px}.msg-lead{font-size:14px}.msg-rest{color:var(--text-dim);font-size:12.5px;display:block;margin-top:2px}.msg-spell .roll-label{margin-top:7px;padding-top:6px;border-top:1px dashed var(--border-strong)}.msg-spell.msg-roll{border-left:3px solid var(--gold)}.roll-title{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--gold-bright);margin-bottom:1px}.roll-sub{font-weight:600;font-style:normal;color:var(--text)}.side-tabs-icons .side-tab{position:relative;font-size:20px;padding:9px 6px;line-height:1}.side-tabs-icons .tab-round{position:absolute;top:3px;right:50%;transform:translate(140%);min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--crimson);color:#fff;font-size:10px;font-weight:700;line-height:15px;text-align:center}.col-resizer{flex:0 0 5px;cursor:col-resize;background:var(--border);transition:background .12s}.col-resizer:hover,.col-resizer:active{background:var(--gold)}.spell-heightened-badge{margin-left:6px;padding:0 7px;border-radius:9px;font-size:11px;font-family:Segoe UI,system-ui,sans-serif;background:#3a2f1c;color:var(--gold-bright);border:1px solid var(--gold)}.spell-tags{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}.spell-tag{padding:0 6px;border-radius:8px;font-size:10px;font-family:Segoe UI,system-ui,sans-serif;line-height:16px;border:1px solid var(--border);color:var(--muted);background:#ffffff08;white-space:nowrap;text-transform:capitalize}.spell-tag-school{color:#cbb6e6;border-color:#4a3a63;background:#785aaa24}.spell-tag-trad{color:#9fc2d6;border-color:#33505e;background:#4678961f}.spell-tag-school.sin-match{color:var(--gold-bright);border-color:var(--gold);background:#3a2f1c;font-weight:600}.cast-actions-sel{padding:2px 4px;font-size:12px;letter-spacing:1px;color:var(--gold);border:1px solid var(--border);border-radius:6px;background:var(--bg-card)}.wellspring-temp{display:inline-flex;align-items:center;gap:6px;color:#7fc7e8;border:1px solid #33505e;border-radius:8px;padding:1px 8px;background:#46789624}.slot-summary{width:100%;border-collapse:collapse;margin:4px 0 10px;font-size:13px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.slot-summary th{text-align:left;padding:5px 10px;font-weight:600;color:var(--gold);background:#c9a75814;border-bottom:1px solid var(--border);font-size:12px}.slot-summary td{padding:5px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.slot-summary tr:last-child td{border-bottom:none}.slot-summary .row-empty{opacity:.55}.slot-summary .ss-rank{font-family:var(--serif);font-weight:700;color:var(--gold-bright);width:48px}.slot-summary td .slot-dots{display:inline-flex;gap:3px;vertical-align:middle}.slot-summary .ss-count{margin-left:8px;color:var(--text-dim);font-variant-numeric:tabular-nums}.slot-summary .ss-known{text-align:center;font-variant-numeric:tabular-nums}:root.theme-grimoire{--bg: #14100c;--bg-panel: #1e1811;--bg-card: #271f16;--bg-input: #17120c;--border: #3a2f20;--border-strong: #4d3f2b;--text: #ece0c8;--text-dim: #b0a084;--gold: #c9a758;--gold-bright: #e6c878;--crimson: #8b2430;--crimson-bright: #c8492f;--glow-gold: 0 0 26px -8px var(--gold)}.theme-grimoire .game,.theme-grimoire .join-screen{background:radial-gradient(120% 80% at 50% -10%,#241a10 0%,transparent 58%),radial-gradient(90% 70% at 50% 118%,#1a1206 0%,transparent 52%),var(--bg)}.theme-grimoire .topbar{background:linear-gradient(180deg,#241c12,#14100b);border-bottom:1px solid var(--border-strong)}.theme-grimoire .app-title{font-family:var(--serif);background:linear-gradient(180deg,#f4dfa6,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.01em}.theme-grimoire .room-code{color:var(--gold);border:1px solid var(--border-strong);letter-spacing:.22em;border-radius:6px}.theme-grimoire .side-pane,.theme-grimoire .right,.theme-grimoire .left{background:linear-gradient(180deg,var(--bg-panel),var(--bg))}.theme-grimoire .map-scroll,.theme-grimoire .map-wrap{background:radial-gradient(120% 100% at 50% 0%,#2a2620,#14130f 55%,#0b0a08)}.theme-grimoire .grid line{stroke:#c9a7581a}.theme-grimoire .grid line.major{stroke:#c9a7582e}.theme-grimoire .map-scroll svg image{filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.theme-grimoire h4{color:var(--gold-bright);font-family:var(--serif);border-bottom:1px solid rgba(201,167,88,.18);padding-bottom:4px}.theme-grimoire .tracker-item{border-radius:12px;border:1px solid transparent;transition:border-color .25s,box-shadow .3s,background .3s}.theme-grimoire .tracker-item:hover{border-color:var(--border-strong)}.theme-grimoire .tracker-item.selected{border-color:#c9a75880}.theme-grimoire .tracker-item.current{border-color:#c9a7588c;background:linear-gradient(90deg,rgba(201,167,88,.14),transparent 70%);box-shadow:0 0 30px -12px var(--gold),inset 2px 0 0 var(--gold)}.theme-grimoire .init-badge{background:radial-gradient(circle at 50% 40%,#3a2c17,#0d0a06);border:1px solid var(--gold);color:var(--gold-bright);border-radius:50%;box-shadow:0 0 12px -4px var(--gold);font-variant-numeric:tabular-nums}.theme-grimoire .tracker-item.current .init-badge{box-shadow:0 0 18px -2px var(--gold)}.theme-grimoire .side-tabs-icons .side-tab{border-radius:9px;border:1px solid transparent;transition:.2s}.theme-grimoire .side-tabs-icons .side-tab:hover{border-color:var(--border-strong)}.theme-grimoire .side-tabs-icons .side-tab.active{border-color:var(--gold);color:var(--gold-bright);background:#c9a7581f;box-shadow:0 0 16px -6px var(--gold)}.theme-grimoire .tab-round{background:var(--crimson);color:#fff;box-shadow:0 0 10px -3px var(--crimson-bright)}.theme-grimoire .msg{border:1px solid var(--border-strong);border-radius:11px;background:linear-gradient(180deg,var(--bg-card),var(--bg));box-shadow:0 2px 10px -6px #000}.theme-grimoire .msg-spell{border-color:#8a79e066}.theme-grimoire .msg-spell .msg-head{color:#cdbcf5}.theme-grimoire .roll-title{color:var(--gold-bright);font-family:var(--serif)}.theme-grimoire .roll-formula,.theme-grimoire .roll-term{color:var(--gold-bright);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(201,167,88,.35)}.theme-grimoire .roll-damage{color:var(--crimson-bright)}.theme-grimoire .badge-actions,.theme-grimoire .badge-rank{background:#c9a75824;color:var(--gold-bright);border:1px solid rgba(201,167,88,.4);border-radius:20px}.theme-grimoire .degree-row{border-radius:7px}.theme-grimoire .die-btn{border-color:var(--border-strong);border-radius:9px;background:linear-gradient(180deg,#241d13,#161009);transition:.18s;transform:rotate(-4deg)}.theme-grimoire .die-btn:nth-child(2n){transform:rotate(3deg)}.theme-grimoire .die-btn:hover{border-color:var(--gold);transform:translateY(-2px) rotate(0);box-shadow:0 5px 16px -6px var(--gold)}.theme-grimoire .die-btn.active{border-color:var(--gold);background:#c9a75824}.theme-grimoire .btn{border:1px solid var(--border-strong);background:linear-gradient(180deg,#241d13,#1a140d);transition:.2s}.theme-grimoire .btn:hover{border-color:var(--gold);color:var(--gold-bright)}.theme-grimoire .btn-primary,.theme-grimoire .btn-gold{border-color:var(--gold);color:#1a130a;font-weight:600;background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.theme-grimoire .btn-primary:hover,.theme-grimoire .btn-gold:hover{box-shadow:0 6px 20px -6px var(--gold);color:#1a130a}.theme-grimoire .btn-danger,.theme-grimoire .btn-danger-outline{border-color:var(--crimson)}.theme-grimoire .btn-heal{border-color:var(--green)}.theme-grimoire input,.theme-grimoire select,.theme-grimoire textarea,.theme-grimoire .chat-input{background:var(--bg-input);border:1px solid var(--border-strong)}.theme-grimoire input:focus,.theme-grimoire select:focus,.theme-grimoire .chat-input:focus{border-color:var(--gold);box-shadow:0 0 0 1px #c9a75859;outline:none}.theme-grimoire .modal{background:linear-gradient(180deg,var(--bg-panel),var(--bg));border:1px solid var(--border-strong);box-shadow:inset 0 0 80px #00000080,0 24px 70px #0009}.theme-grimoire .modal-head{border-bottom:1px solid rgba(201,167,88,.18)}.theme-grimoire .companion-card,.theme-grimoire .arch-spellcasting,.theme-grimoire .arch-focus{background:linear-gradient(180deg,var(--bg-card),var(--bg));border-color:var(--border-strong)}.theme-grimoire .slot-dot{box-shadow:0 0 8px -3px var(--gold)}.theme-grimoire .companion-icon{filter:drop-shadow(0 0 6px rgba(201,167,88,.4))}