:root{--crimson:#600709;--gold:#c9952f;--gold-bright:#f6e4a9;--gold-dim:#c9952f59;--brown:#773b00;--charcoal:#2a2218;--parchment:#f4ece0;--parchment-dark:#ebe3d5;--text-dark:#2a2218;--text-muted:#6b5b4b;--text-light:#e8ddd0;--border-subtle:#c0b0a0;--font:"Alegreya Sans", "Segoe UI", sans-serif;--font-body:"Alegreya", Georgia, serif;--font-heading:"IM Fell English SC", Georgia, serif;--font-mechanic:"Alegreya Sans", "Segoe UI", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--ui-scale:1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);cursor:default;background:#1a1714;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.tb-btn i,.sp-btn i,.eo-btn i,.ed-btn i,.ep-counter i,.tpl-btn i,.frame-btn-add i,.ps-header-btn i,#mode-toggle i{font-size:inherit}#mode-toggle,#settings-btn,#back-to-menu,#sheets-panel,#event-panel,#ps-tab,#personal-space,#element-options,#room-panel,#debug-chargen,#debug-stress,#compendium-fab,#compendium-widget,.dlg-overlay{zoom:var(--ui-scale,1)}#canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-layer{pointer-events:none;z-index:120;zoom:var(--ui-scale,1);position:fixed;inset:0}#ui-layer>*{pointer-events:auto}#mode-toggle{background:var(--charcoal);font:bold 10px var(--font);color:var(--gold);cursor:pointer;z-index:130;text-transform:uppercase;letter-spacing:1px;border:1px solid #d4a84b33;border-radius:4px;padding:4px 10px;transition:all .15s;position:fixed;top:12px;right:50px}#mode-toggle:hover{background:#d4a84b1f}#mode-toggle.player-mode{color:#2d6b3f;border-color:#2d6b3f4d}#mode-toggle.player-mode:hover{background:#2d6b3f1f}#settings-btn{background:var(--charcoal);color:#fff6;cursor:pointer;z-index:130;border:1px solid #d4a84b33;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .15s;position:fixed;top:12px;right:16px}#settings-btn:hover{color:var(--gold);border-color:#d4a84b4d}#loading-overlay{z-index:25000;opacity:0;pointer-events:all;background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}#loading-overlay.lo-visible{opacity:1}.lo-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.lo-spinner{color:var(--gold);font-size:33px}.lo-message{font:14px var(--font);color:var(--gold-bright);letter-spacing:1px}#notifications{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:50px;right:16px}.notif{background:var(--parchment);border:1px solid var(--gold);font:12px var(--font);color:var(--text-dark);opacity:0;max-width:240px;transition:all .25s var(--ease);cursor:pointer;border-radius:5px;padding:8px 12px;transform:translate(20px);box-shadow:0 3px 12px #0000004d}.notif.show{opacity:1;transform:translate(0)}#toolbar{background:var(--charcoal);z-index:120;border:1px solid #d4a84b33;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex;position:fixed;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 4px 20px #00000080}.tb-btn{color:var(--text-light);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex;position:relative}.tb-btn:hover{background:#d4a84b1f;border-color:#d4a84b4d}.tb-btn.active{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}.tb-btn[title]:after{content:attr(title);background:var(--charcoal);color:var(--text-light);white-space:nowrap;opacity:0;pointer-events:none;border-radius:3px;margin-left:6px;padding:3px 6px;font-size:10px;transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tb-btn:hover:after{opacity:1}.tb-sep{background:#ffffff1a;width:24px;height:1px;margin:2px 0}#element-drawer{background:var(--charcoal);z-index:119;border:1px solid #d4a84b33;border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:none;position:fixed;top:50%;left:56px;transform:translateY(-50%);box-shadow:0 4px 20px #0006}#element-drawer[style*=flex]{display:flex}.ed-btn{color:var(--text-light);font:12px var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;padding:5px 8px;transition:background .15s;display:flex}.ed-btn:hover{color:var(--gold);background:#d4a84b1f}.ed-icon{text-align:center;width:18px;font-size:15px}#pencil-drawer{background:var(--charcoal);z-index:120;border:1px solid #d4a84b33;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:none;position:fixed;top:50%;left:56px;transform:translateY(-50%);box-shadow:0 4px 20px #0006}.pd-section{align-items:center;gap:6px;display:flex}.pd-label{font:10px var(--font);color:#fff6;text-transform:uppercase;letter-spacing:1px}.pd-colors{gap:3px;display:flex}.pd-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .15s}.pd-color:hover{border-color:#ffffff4d}.pd-color.active{border-color:var(--gold);box-shadow:0 0 4px #d4a84b66}.pd-widths{gap:3px;display:flex}.pd-width{color:var(--text-light);font:10px var(--font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;padding:3px 8px;transition:all .15s}.pd-width:hover{background:#d4a84b1f}.pd-width.active{background:var(--gold);color:var(--charcoal)}.pd-sep{background:#ffffff1a;width:1px;height:20px}#sheets-panel{background:var(--charcoal);z-index:110;border:1px solid #d4a84b33;border-radius:6px;width:220px;max-height:calc(100vh - 120px);display:none;position:fixed;top:12px;left:56px;overflow:hidden;box-shadow:0 4px 20px #0006}.sp-header{border-bottom:1px solid #ffffff14;padding:8px 10px}.sp-title{font:bold 11px var(--font);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;display:block}.sp-header-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sp-header-row:last-child{margin-bottom:0}.sp-view-btns{gap:2px;margin-left:auto;display:flex}.sp-view-btn{color:#fff6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.sp-view-btn:hover{color:var(--gold);border-color:#d4a84b4d}.sp-view-btn.active{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}.sp-import-btn,.sp-new-folder-btn{flex-shrink:0}.sp-search{color:var(--text-light);font:11px var(--font);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;flex:1;padding:4px 8px}.sp-search:focus{border-color:#d4a84b4d;outline:none}.sp-search::placeholder{color:#fff3}.sp-tag{font:bold 8px var(--font);text-transform:uppercase;letter-spacing:.5px;border-radius:2px;flex-shrink:0;padding:1px 4px}.sp-tag-active{color:#2d6b3f;background:#2d6b3f33}.sp-tag-closed{color:#ffffff4d;background:#ffffff14}.sp-tag-personal{color:var(--gold);background:#d4a84b26}.sp-tag-archived{color:#ff646480;background:#6b1c2326}.tpl-btn-danger:hover{background:#6b1c2333}.sp-list{max-height:calc(100vh - 200px);padding:4px;overflow-y:auto}.sp-item{border-radius:3px;align-items:center;gap:6px;padding:5px 8px;transition:background .15s;display:flex;position:relative}.sp-item:hover{background:#d4a84b1a}.sp-item.sp-archived{opacity:.5}.sp-icon{color:var(--text-light);flex-shrink:0;font-size:12px}.sp-item-name{font:12px var(--font);color:var(--text-light);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sp-item-name:hover{color:var(--gold)}.sp-count{font:10px var(--font);color:#ffffff40;text-align:center;flex-shrink:0;min-width:12px}.sp-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.sp-item:hover .sp-actions{opacity:1}.sp-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:all .1s;display:flex}.sp-btn:hover{color:var(--gold);background:#d4a84b26;border-color:#d4a84b4d}.sp-btn-delete:hover{color:#f88;background:#6b1c234d;border-color:#6b1c2366}.sp-folder-header{font:bold 10px var(--font);color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:4px;padding:8px 8px 4px;display:flex}.sp-folder-icon{color:#ffffff4d;font-size:11px}.sp-folder-name{flex:1}.sp-empty{font:italic 11px var(--font);color:#fff3;text-align:center;padding:12px}#frames-bar{background:var(--charcoal);transition:opacity .25s var(--ease);border:1px solid #d4a84b26;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0006}#frames-bar.hidden{opacity:0;pointer-events:none}.frame-btn{color:var(--text-light);font:11px var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;padding:4px 10px;transition:all .15s}.frame-btn:hover{background:#d4a84b1f;border-color:#d4a84b4d}.frame-btn.active{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}.frame-btn-add{color:#ffffff4d;font:11px var(--font);cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:3px;padding:4px 8px}.frame-btn-add:hover{border-color:var(--gold);color:var(--gold)}.frame-btn.dragging{opacity:.4}#frames-dropdown{background:var(--charcoal);z-index:200;border:1px solid #d4a84b33;border-radius:6px;min-width:220px;max-height:300px;padding:4px;display:none;position:fixed;top:46px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.fd-header{border-bottom:1px solid #ffffff0f;padding:6px 8px 4px}.fd-title{font:bold 10px var(--font);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px}.fd-list{padding:2px 0}.fd-item{cursor:grab;border-radius:3px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.fd-item:hover{background:#d4a84b14}.fd-pin{color:var(--text-light);opacity:.25;cursor:pointer;flex-shrink:0;font-size:11px;transition:opacity .15s}.fd-pin:hover{opacity:.7}.fd-pin.fd-pinned{opacity:.8}.fd-name{font:12px var(--font);color:var(--text-light);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fd-name:hover{color:var(--gold)}.fd-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.fd-item:hover .fd-actions{opacity:1}.fd-empty{font:italic 11px var(--font);color:#fff3;text-align:center;padding:10px}#event-panel{background:var(--charcoal);z-index:110;border:1px solid #d4a84b33;border-radius:6px;flex-direction:column;width:280px;max-height:calc(100vh - 120px);display:none;position:fixed;top:60px;right:16px;overflow:hidden;box-shadow:0 4px 20px #0006}#event-panel[style*=block]{display:flex}.ep-header{border-bottom:1px solid #ffffff14;padding:6px 10px}.ep-title{font:bold 11px var(--font);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;display:block}.ep-counters{align-items:center;gap:4px;display:flex}.ep-counter{color:#ffffff80;font:bold 11px var(--font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ep-counter:hover{color:var(--gold);background:#d4a84b26}.ep-counter-val{font:bold 11px var(--font);color:var(--text-light);text-align:center;min-width:36px}.ep-counter-sep{color:#ffffff26;font-size:9px}.ep-actor-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:4px 10px;display:flex}.ep-actor-label{font:10px var(--font);color:#ffffff4d}.ep-actor-input{color:var(--gold);font:bold 11px var(--font);background:#ffffff0f;border:1px solid #ffffff14;border-radius:3px;outline:none;width:100px;padding:2px 6px}.ep-actor-input:focus{border-color:#d4a84b4d}.ep-list{flex:1;padding:4px;overflow-y:auto}.rh-entry{font:11px var(--font);color:var(--text-light);border-left:3px solid #0000;border-radius:3px;flex-wrap:wrap;align-items:baseline;gap:3px;margin-bottom:2px;padding:4px 8px;display:flex}.rh-entry:hover{background:#ffffff0a}.rh-hit{border-left-color:#2d6b3f}.rh-struggle{border-left-color:#d4a84b}.rh-miss{border-left-color:#8a7a6a}.rh-flop,.rh-doom{border-left-color:#6b1c23}.rh-fate{border-left-color:#d4a84b}.rh-chat{border-left-color:#fff3}.rh-system{border-left-color:#ffffff1a}.ep-icon{flex-shrink:0;font-size:11px}.ep-actor-tag{font:bold 10px var(--font);color:#d4a84b99;flex-shrink:0}.ep-msg{font:11px var(--font);color:#ffffffb3;word-break:break-word;flex:1}.ep-msg b{color:var(--text-light)}.ep-msg i{color:#ffffff80}.ep-msg s{color:#ffffff4d}.ep-link{color:var(--gold);cursor:pointer;text-decoration:underline}.rh-empty{font:italic 11px var(--font);color:#fff3;text-align:center;padding:12px}.ep-chat-row{border-top:1px solid #ffffff14;padding:6px 8px}.ep-chat-input{width:100%;color:var(--text-light);font:11px var(--font);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;outline:none;padding:5px 8px}.ep-chat-input:focus{border-color:#d4a84b4d}.ep-chat-input::placeholder{color:#fff3}#template-menu{background:var(--charcoal);z-index:200;border:1px solid #d4a84b40;border-radius:6px;min-width:160px;padding:4px;position:absolute;box-shadow:0 6px 24px #00000080}.tpl-btn{width:100%;color:var(--text-light);font:12px var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.tpl-btn:hover{color:var(--gold);background:#d4a84b1f}.tpl-icon{text-align:center;width:20px;font-size:15px}.tpl-btn-danger{color:#ff787899}.tpl-btn-danger:hover{color:#ff7878e6;background:#6b1c2326}.sp-content-item{flex-wrap:wrap}.sp-pack-badge{font:9px var(--font);color:#c9952f80;white-space:nowrap;background:#c9952f14;border:1px solid #c9952f1f;border-radius:3px;padding:1px 5px}.sp-pack-item{flex-direction:column;align-items:stretch;gap:4px}.sp-pack-item .sp-actions{align-self:flex-end}.sp-pack-info{flex-direction:column;gap:2px;display:flex}.sp-pack-meta{font:10px var(--font);color:#ffffff40}.sp-pack-active{border-color:#4ade8026}.sp-pack-active .sp-item-name{color:#4ade80b3}.sp-pack-toggle i{font-size:15px}.sp-pack-active .sp-pack-toggle i{color:#4ade8099}.cp-preview-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cp-preview-cat{font:10px var(--font);color:#ffffff4d;text-transform:capitalize}.cp-preview-pages{font:10px var(--font);color:#ffffff4d}.cp-preview-info{background:#00000026;border-radius:4px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px;display:flex}.cp-preview-row{font:11px var(--font);color:#ffffff80}.cp-preview-label{color:var(--gold);min-width:60px;margin-right:6px;font-weight:700;display:inline-block}.cp-preview-text{font:italic 11px var(--font-body);color:#ffffff59;background:#0000001a;border-radius:4px;max-height:140px;padding:8px 10px;line-height:1.5;overflow-y:auto}.cp-preview-text p{margin:0 0 6px}.cp-preview-text p:last-child{margin-bottom:0}#element-options{z-index:8000;background:var(--charcoal);border:1px solid #d4a84b4d;border-radius:5px;flex-wrap:wrap;align-items:center;gap:4px;max-width:500px;padding:4px 6px;display:none;position:fixed;box-shadow:0 3px 14px #0006}.eo-sel,.eo-num,.eo-text{color:var(--text-light);font:11px var(--font);background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;outline:none;padding:3px 5px}.eo-sel:focus,.eo-num:focus,.eo-text:focus{border-color:#d4a84b66}.eo-num{width:44px}.eo-color{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;width:22px;height:22px;padding:0}.eo-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .1s;display:flex}.eo-btn:hover{color:var(--gold);background:#d4a84b1f}.eo-btn[data-active]{color:var(--gold);border-color:var(--gold);background:#d4a84b33}.eo-delete:hover{color:#f88;background:#6b1c234d}.eo-field{flex-direction:column;gap:1px;display:inline-flex}.eo-label{font:8px var(--font);color:#ffffff40;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:2px;height:9px;display:flex}#element-options>.eo-btn,#element-options>.eo-sep{margin-top:10px}.eo-type-header{font:bold 8px var(--font);color:#d4a84b99;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:3px;height:9px;display:flex}.eo-common-btns{gap:3px;display:flex}.eo-common-btns .eo-btn{margin-top:0}.eo-page-row{align-items:center;gap:2px;display:flex}.eo-page-row .eo-btn{margin-top:0}.eo-page-num{font:bold 10px var(--font);color:var(--gold);text-align:center;min-width:24px}.eo-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:18px;margin:0 2px}.eo-info{cursor:pointer;transition:color .15s;color:#fff3!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:0 2px!important;font-size:11px!important}.eo-info:hover{color:var(--gold)!important}body.hide-info .eo-info{display:none!important}.inline-editor{z-index:9000;font-family:var(--font-body);resize:none;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;min-width:80px;margin:0;padding:0;position:fixed;box-shadow:0 0 0 1px #d4a84b66}#table-editor{z-index:9000;flex-direction:column;gap:0;display:flex;position:fixed}.te-toolbar{background:var(--charcoal);border:1px solid #d4a84b4d;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:4px;padding:4px 6px;display:flex}.te-btn{color:var(--text-light);font:bold 10px var(--font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;padding:3px 8px;transition:all .15s}.te-btn:hover{color:var(--gold);background:#d4a84b1f}.te-done{color:var(--gold);background:#d4a84b26;margin-left:auto}.te-done:hover{background:#d4a84b4d}.te-hint{font:italic 9px var(--font);color:#ffffff40;text-align:center;flex:1}.te-textarea{color:var(--text-light);resize:vertical;tab-size:2;white-space:pre;background:#2a2218f2;border:1px solid #d4a84b4d;border-radius:0 0 4px 4px;outline:none;min-height:80px;max-height:300px;padding:8px 10px;font:12px/1.6 SF Mono,Fira Code,Consolas,monospace;overflow-x:auto}.te-textarea:focus{border-color:#d4a84b80}#sheet-search{z-index:8500;background:var(--charcoal);border:1px solid #c9952f4d;border-radius:4px;align-items:center;gap:3px;padding:4px 6px;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.ss-input{color:var(--text-light);font:12px var(--font);background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;outline:none;width:160px;padding:4px 8px}.ss-input:focus{border-color:#c9952f66}.ss-count{font:11px var(--font);color:#fff6;text-align:center;white-space:nowrap;min-width:40px}.ss-btn{color:#fff6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .1s;display:flex}.ss-btn:hover{color:var(--gold);background:#c9952f1a}.ss-close:hover{color:#ff7878cc}.sm-color-row{align-items:center;gap:8px;padding:6px 10px;display:flex}.sm-color-label{font:11px var(--font);color:#ffffff80;flex:1}.sm-color-input{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;width:28px;height:20px;padding:0}#sheet-menu,#element-ctx-menu,.ctx-menu{background:var(--charcoal);z-index:9500;border:1px solid #d4a84b40;border-radius:6px;min-width:150px;padding:4px;position:fixed;box-shadow:0 6px 24px #00000080}.dlg-overlay{z-index:30000;opacity:0;transition:opacity .15s var(--ease);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dlg-overlay.dlg-visible{opacity:1}.dlg-box{background:var(--charcoal);min-width:280px;max-width:400px;transition:transform .15s var(--ease);border:1px solid #d4a84b4d;border-radius:8px;padding:16px 20px;transform:translateY(8px);box-shadow:0 8px 40px #0009}.dlg-visible .dlg-box{transform:translateY(0)}.dlg-title{font:bold 14px var(--font-heading);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.dlg-message{font:12px var(--font);color:var(--text-light);white-space:pre-wrap;max-height:400px;margin-bottom:12px;line-height:1.5;overflow-y:auto}.dlg-input{width:100%;color:var(--text-light);font:13px var(--font);background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;outline:none;margin-bottom:14px;padding:8px 10px}.dlg-input:focus{border-color:#d4a84b66}.settings-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.settings-label{font:12px var(--font);color:var(--text-light);cursor:pointer;align-items:center;gap:6px;display:flex}.settings-label input[type=checkbox]{accent-color:var(--gold)}.settings-range{accent-color:var(--gold);flex:1;height:4px}.settings-val{font:11px var(--font);color:#fff6;text-align:right;min-width:36px}.settings-text-input{color:var(--text-light);font:12px var(--font);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;outline:none;flex:1;padding:5px 8px;transition:border-color .15s}.settings-text-input:focus{border-color:#d4a84b66}.dlg-buttons{justify-content:flex-end;gap:8px;display:flex}.dlg-btn{font:11px var(--font);cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;padding:6px 14px;transition:all .15s}.dlg-cancel{color:#ffffff80;background:#ffffff0f}.dlg-cancel:hover{color:var(--text-light);background:#ffffff1a}.dlg-ok{color:var(--gold);background:#d4a84b26;border-color:#d4a84b4d}.dlg-ok:hover{background:#d4a84b40}.ip-box{width:480px;max-width:95vw}.ip-search-row{margin-bottom:8px}.ip-search{width:100%;color:var(--text-light);font:13px var(--font);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:7px 10px}.ip-search:focus{border-color:#c9952f66}.ip-tabs{gap:2px;display:flex}.ip-tabs-top{margin-bottom:4px}.ip-tabs-top .ip-tab{flex:1}.ip-tabs-cats{margin-bottom:8px}.ip-tabs-cats .ip-tab{flex:1 1 0;min-width:0;padding:0 2px;font-size:10px}.ip-tab{color:#ffffff59;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;flex:none;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:11px;transition:all .1s;display:flex}.ip-tab:hover{color:var(--gold);border-color:#c9952f4d}.ip-tab-active{color:var(--gold);background:#c9952f1f;border-color:#c9952f4d}.ip-grid{background:#0000001a;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));align-content:start;gap:4px;height:280px;padding:4px;display:grid;overflow-y:auto}.ip-icon{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .1s;display:flex}.ip-icon img{width:28px;height:28px}.ip-icon:hover{background:#c9952f1f;border-color:#c9952f33}.ip-icon-selected{border-color:var(--gold);background:#c9952f33}.ip-icon{position:relative}.ip-fav-badge{color:#f87171b3;pointer-events:none;font-size:8px;position:absolute;top:1px;right:1px}.ip-loading,.ip-empty,.ip-more{text-align:center;font:12px var(--font);color:#ffffff40;grid-column:1/-1;padding:20px}.ip-loading i{color:var(--gold);margin-right:6px}.ip-footer{flex-direction:column;gap:6px;margin-top:10px;display:flex}.ip-selected-row{align-items:center;gap:10px;display:flex}.ip-selected{font:12px var(--font);color:#ffffff80;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.ip-preview{flex-shrink:0;width:20px;height:20px}.ip-colors{flex-shrink:0;align-items:center;gap:6px;display:flex}.ip-color-label{font:10px var(--font);color:#ffffff4d;align-items:center;gap:3px;display:flex}.ip-color{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;width:22px;height:22px;padding:0}.ip-bottom-row{justify-content:space-between;align-items:center;display:flex}.ip-attribution{font:10px var(--font);color:#fff3;text-decoration:none;transition:color .15s}.ip-attribution:hover{color:#c9952f80}.imgp-box{width:480px;max-width:95vw}.imgp-grid{background:#0000001a;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));align-content:start;gap:8px;max-height:340px;margin-bottom:12px;padding:4px;display:grid;overflow-y:auto}.imgp-tile{cursor:pointer;border:1px solid #ffffff14;border-radius:4px;height:90px;transition:all .1s;position:relative;overflow:hidden}.imgp-tile:hover{border-color:var(--gold)}.imgp-tile img{object-fit:cover;width:100%;height:100%;display:block}.imgp-upload-tile{color:#c9952fcc;font:10px var(--font);text-align:center;border:1px dashed #c9952f66;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.imgp-upload-tile:hover{background:#c9952f1a}.imgp-upload-tile i{font-size:16px}.imgp-delete{color:#ffffffb3;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:opacity .1s,background .1s,color .1s;display:flex;position:absolute;top:3px;right:3px}.imgp-tile:hover .imgp-delete{opacity:1}.imgp-delete:hover{color:#fff;background:#f87171cc}.cs-step{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 0;display:flex}.cs-step:last-child{border-bottom:none}.cs-step-num{width:18px;height:18px;color:var(--gold);font:bold 10px var(--font);background:#d4a84b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cs-step-text{font:11px var(--font);color:#ffffff80;flex:1}.cs-backend-toggle{gap:6px;margin-bottom:10px;display:flex}.cs-backend-btn{font:11px var(--font);color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;flex:1;padding:7px 10px;transition:all .15s}.cs-backend-btn:hover{color:var(--text-light);background:#ffffff1a}.cs-backend-btn[data-active]{color:var(--gold-bright);background:#d4a84b2e;border-color:#d4a84b66;font-weight:600}.hero-picker-box{min-width:280px;max-width:360px}.hero-picker-list{flex-direction:column;gap:4px;max-height:320px;margin:8px 0;display:flex;overflow-y:auto}.hero-picker-row{color:#ffffffeb;font:13px var(--font);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s,border-color .15s;display:flex}.hero-picker-row:hover{background:#d4a84b1f;border-color:#d4a84b66}.hero-picker-name{font-weight:600}.hero-picker-owner{opacity:.55;font-size:11px;font-style:italic}#personal-space{z-index:115;height:0;transition:height .35s var(--ease);background:linear-gradient(#3a2e1e 0%,#2a2015 100%);border-top:3px solid #d4a84b4d;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 30px #00000080}#personal-space.open{height:calc(240px / var(--ui-scale,1))}#personal-space.maximized{height:calc((100vh - 40px) / var(--ui-scale,1))}#personal-space-canvas{cursor:default;flex:1;width:100%;display:block}#personal-space:before{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(90deg,#0000 0,#00000008 2px,#0000 4px,#ffffff03 6px,#0000 8px);position:absolute;inset:0}#ps-tab{background:var(--charcoal);font:bold 10px var(--font);color:var(--gold);z-index:116;text-transform:uppercase;letter-spacing:1px;transition:bottom .35s var(--ease), background .15s;border:1px solid #d4a84b40;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:0;padding:0;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}#ps-tab:hover{border-color:var(--gold)}#ps-tab.open{bottom:calc(240px / var(--ui-scale,1))}#ps-tab.maximized{bottom:calc((100vh - 40px) / var(--ui-scale,1))}.ps-tab-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:11px;transition:color .15s}.ps-tab-btn:hover{color:var(--gold)}.ps-tab-label{cursor:pointer;color:var(--gold);font:bold 10px var(--font);text-transform:uppercase;letter-spacing:1px;padding:6px 10px}#start-screen{background:var(--crimson);z-index:20000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.start-bg-pattern{pointer-events:none;z-index:0;background:url(../assets/wu-pattern.png) 50%/850px;position:absolute;inset:0}#start-screen:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.start-card{z-index:1;background:var(--crimson);border:1px solid #c9952f40;border-top:none;border-radius:0 0 4px 4px;flex-direction:column;width:680px;max-width:95vw;height:780px;max-height:90vh;padding:60px 36px 28px;display:flex;position:relative;box-shadow:0 16px 60px #000c}.start-body{flex-direction:column;min-height:0;display:flex}.start-card:before{content:"";background:var(--crimson);z-index:-1;border:0 solid #c9952f40;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:300px;position:absolute;top:90px;left:-1px;right:-1px}#start-screen .start-card{border-top:1px solid #c9952f40;border-radius:50%;justify-content:flex-start;width:min(480px,70vw,70vh);height:min(480px,70vw,70vh);padding:128px 0 0;transition:width .7s cubic-bezier(.4,0,.2,1),height .7s cubic-bezier(.4,0,.2,1),border-radius .7s cubic-bezier(.4,0,.2,1),padding .7s cubic-bezier(.4,0,.2,1);overflow:hidden}#start-screen.start-revealed .start-card{border-top:none;border-radius:4px;width:680px;height:85%;margin-top:5%;padding:60px 36px 28px;overflow:visible}#start-screen .start-card:before{opacity:1;transition:transform .3s;transform:scale(.8)}#start-screen.start-revealed .start-card:before{opacity:1;transform:translateY(-50%)}.start-emblem{opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.4,0,.2,1);transform:scale(.8)}#start-screen.start-logo-in .start-emblem,#start-screen.start-revealed .start-emblem{opacity:1}#start-screen.start-revealed .start-emblem{transform:scale(1)}.start-header{text-align:center;margin-bottom:12px}.start-compendium-btn{z-index:2;font:11px var(--font);color:#c9952fb3;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#00000026;border:1px solid #c9952f40;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.start-compendium-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#c9952f1a}.start-logo{filter:drop-shadow(0 2px 10px #0006);z-index:1;width:440px;max-width:90%;height:auto;margin:0 auto;display:block;position:relative}.start-body{flex:auto}#start-screen .start-subtitle,#start-screen .start-compendium-btn,#start-screen .start-divider,#start-screen .start-player-bar,#start-screen .start-campaigns-header,#start-screen .start-gallery{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(10px)}#start-screen.start-revealed .start-subtitle,#start-screen.start-revealed .start-compendium-btn,#start-screen.start-revealed .start-divider,#start-screen.start-revealed .start-player-bar,#start-screen.start-revealed .start-campaigns-header,#start-screen.start-revealed .start-gallery{opacity:1;transform:translateY(0)}#start-screen.start-revealed .start-subtitle,#start-screen.start-revealed .start-compendium-btn{transition-delay:.25s}#start-screen.start-revealed .start-divider{transition-delay:.3s}#start-screen.start-revealed .start-player-bar{transition-delay:.35s}#start-screen.start-revealed .start-campaigns-header{transition-delay:.4s}#start-screen.start-revealed .start-gallery{transition-delay:.45s}.start-rose{filter:drop-shadow(0 2px 8px #c9952f40);z-index:0;width:420px;height:420px;margin:-325px auto -10px;display:block;position:relative}.start-subtitle{font:17px var(--font);color:#9a7a3a;letter-spacing:8px;text-transform:uppercase;margin:0}.start-divider{background:linear-gradient(90deg,#0000,#c9952f66,#0000);height:1px;margin:16px 0}.start-player-bar{background:#00000026;border-radius:4px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.start-player-icon{color:var(--gold);text-align:center;width:28px;font-size:17px}.start-player-name{color:var(--gold-bright);font:bold 17px var(--font);background:0 0;border:none;outline:none;flex:1;padding:0}.start-player-name::placeholder{color:#c9952f66}.start-player-gear{color:#c9952f66;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;transition:color .15s}.start-player-gear:hover{color:var(--gold-bright)}.start-campaigns-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.start-campaigns-title{font:bold 13px var(--font);color:#7a5c22;text-transform:uppercase;letter-spacing:2px}.start-campaigns-actions{gap:4px;display:flex}.start-hdr-btn{color:#c9952f66;cursor:pointer;background:0 0;border:1px solid #c9952f26;border-radius:3px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:all .15s;display:flex}.start-hdr-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#c9952f14}.start-hdr-warning{font:11px var(--font);color:#f6e4a980;align-items:center;gap:4px;margin-right:auto;display:flex}.start-hdr-warning i{color:#c9952f99;font-size:12px}.start-hdr-cloud-on{color:#4ade8099;border-color:#4ade8033}.start-hdr-cloud-on:hover{color:#4ade80e6}.start-hdr-cloud-warn{color:#f6e4a999;border-color:#c9952f4d;animation:2s ease-in-out infinite cloud-pulse}@keyframes cloud-pulse{0%,to{border-color:#c9952f4d}50%{border-color:#c9952f99}}.start-gallery{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.start-card-new{color:#c9952f80;min-height:100px;font:bold 13px var(--font);cursor:pointer;border:2px dashed #c9952f33;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .2s;display:flex}.start-card-new i{font-size:21px}.start-card-new:hover{border-color:var(--gold);color:var(--gold-bright);background:#c9952f0f}.start-campaign-card{background:#00000040;border:1px solid #c9952f1a;border-radius:6px;min-height:100px;transition:all .15s;position:relative;overflow:hidden}.start-campaign-card:hover{border-color:#c9952f4d}.start-card-banner{pointer-events:none;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.start-card-banner-img{opacity:.25;filter:brightness(1.5);width:72px;height:72px}.start-card-banner-fa{color:#c9952f6b;font-size:57px}.start-card-overlay{z-index:1;background:linear-gradient(90deg,#773b0099 20%,#6007091a 100%);flex-direction:column;gap:6px;min-height:100px;padding:12px;display:flex;position:relative}.start-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.start-card-name{font:bold 14px var(--font);color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.start-card-date{font:12px var(--font);color:#f6e4a966}.start-card-actions{gap:3px;margin-top:auto;display:flex}.start-card-btn{color:#c9952f80;cursor:pointer;background:#c9952f0f;border:1px solid #c9952f1f;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .15s;display:flex}.start-card-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#c9952f1f}.start-card-btn-host:hover{color:var(--gold-bright);background:#c9952f26}.start-card-cloud-on{color:#4ade8080;border-color:#4ade8026}.start-card-joined{border-color:#60a5fa26}.start-card-joined .start-card-icon{color:#60a5fa80}.start-card-btn-join{color:#60a5fab3;background:#60a5fa1a;border-color:#60a5fa33}.start-card-btn-join:hover{color:#60a5fae6;background:#60a5fa33;border-color:#60a5fa66}.nc-actions{gap:8px;margin-bottom:12px;display:flex}.nc-action-btn{cursor:pointer;color:var(--text-light);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 10px;transition:all .15s;display:flex}.nc-action-btn i{color:#ffffff80;font-size:19px}.nc-action-btn:hover{background:#c9952f1a;border-color:#c9952f4d}.nc-action-btn:hover i{color:var(--gold)}.nc-action-host{background:#c9952f0f;border-color:#c9952f33}.nc-action-host i{color:#c9952f99}.nc-action-label{font:bold 13px var(--font)}.nc-action-hint{font:11px var(--font);color:#ffffff4d}.nc-divider{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.nc-divider:before,.nc-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.nc-divider span{font:italic 12px var(--font-body);color:#ffffff40;white-space:nowrap}.hp-options{gap:8px;margin-bottom:12px;display:flex}.hp-option{font:bold 13px var(--font);color:var(--text-light);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.hp-option:hover{color:var(--gold);background:#d4a84b1a;border-color:#d4a84b4d}.hp-option-accent{color:var(--gold);background:#d4a84b0f;border-color:#d4a84b33}@media (width<=720px){.start-card{width:95vw;padding:30px 20px 20px}.start-gallery{grid-template-columns:repeat(2,1fr)}.start-logo{width:300px}}@media (width<=480px){.start-gallery{grid-template-columns:1fr}}.room-code-display{color:var(--gold);letter-spacing:6px;cursor:pointer;-webkit-user-select:all;user-select:all;background:#d4a84b0f;border:1px solid #d4a84b40;border-radius:6px;padding:12px 20px;font:700 33px monospace;transition:all .15s;display:inline-block}.room-code-display:hover{background:#d4a84b1f;border-color:#d4a84b66}.room-code-hint{font:11px var(--font);color:#ffffff40;margin-top:8px;transition:color .2s}.settings-mp-section{margin-bottom:4px}.settings-mp-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.settings-mp-conn{font:11px var(--font);color:#ffffff80;align-items:center;gap:5px;display:flex}.settings-mp-code{color:var(--gold);letter-spacing:3px;cursor:pointer;background:#d4a84b14;border:1px solid #d4a84b33;border-radius:4px;padding:3px 10px;font:700 15px monospace;transition:all .15s}.settings-mp-code:hover{background:#d4a84b26;border-color:#d4a84b66}.settings-mp-players{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.settings-mp-player{font:12px var(--font);color:#ffffff80;background:#ffffff05;border-radius:3px;align-items:center;gap:6px;padding:4px 8px;display:flex}.settings-mp-player i{text-align:center;color:#ffffff4d;width:14px;font-size:10px}.settings-mp-player-dm,.settings-mp-player-dm i{color:var(--gold)}.settings-mp-you{font:italic 10px var(--font);color:#fff3;margin-left:auto}.settings-mp-leave{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;display:flex}.remote-cursor{z-index:150;pointer-events:none;transition:left .1s linear,top .1s linear;position:fixed}.remote-cursor-dot{border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #0000004d}.remote-cursor-label{font:bold 10px var(--font);color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000080;border-radius:3px;padding:1px 5px;position:absolute;top:-2px;left:12px}.cw-overlay{z-index:28000;opacity:0;background:#000000d9;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.cw-overlay.cw-visible{opacity:1}.cw-container{background:var(--charcoal);border:1px solid #c9952f40;border-radius:8px;flex-direction:column;width:640px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden}.cw-progress{justify-content:center;gap:8px;padding:14px 20px 0;display:flex}.cw-dot{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px;transition:all .2s}.cw-dot-active{background:var(--gold);border-color:var(--gold)}.cw-dot-done{background:#c9952f66;border-color:#c9952f80}.cw-title{font:bold 17px var(--font-heading);color:var(--gold-bright);text-align:center;letter-spacing:1px;text-transform:uppercase;padding:10px 20px}.cw-content{flex:1;min-height:300px;padding:0 20px 12px;overflow-y:auto}.cw-nav{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.cw-btn{font:bold 12px var(--font);cursor:pointer;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:flex}.cw-btn-primary{color:var(--gold-bright);background:#c9952f26;border-color:#c9952f4d}.cw-btn-primary:hover{background:#c9952f40}.cw-btn-secondary{color:#ffffff80;background:#ffffff0a;border-color:#ffffff1a}.cw-btn-secondary:hover{color:var(--gold);border-color:#c9952f4d}.cw-grid-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.cw-grid-loadouts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cw-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;padding:10px 12px;transition:all .15s}.cw-card:hover{background:#c9952f0f;border-color:#c9952f4d}.cw-card-selected{border-color:var(--gold);background:#c9952f1f}.cw-card-title{font:bold 14px var(--font-heading);color:var(--gold-bright);margin-bottom:3px}.cw-card-desc{font:11px var(--font);color:#ffffff80;margin-bottom:3px}.cw-card-detail{font:10px var(--font);color:#ffffff4d}.cw-card-tags{font:italic 10px var(--font);color:#c9952f66;margin-top:2px}.cw-path-section{margin-bottom:12px}.cw-path-title{font:bold 13px var(--font-heading);color:var(--gold);margin-bottom:6px}.cw-path-actions{font:11px var(--font);color:#ffffff4d;margin-left:6px}.cw-talent-list{flex-direction:column;gap:3px;display:flex}.cw-talent{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;flex-wrap:wrap;gap:4px 10px;padding:6px 10px;transition:all .1s;display:flex}.cw-talent:hover{background:#c9952f0a;border-color:#c9952f33}.cw-talent-selected{border-color:var(--gold);background:#c9952f1a}.cw-talent-name{font:bold 12px var(--font);color:var(--text-light)}.cw-talent-type{font:11px var(--font-mechanic);color:#c9952f99}.cw-talent-desc{font:11px var(--font);color:#fff6;width:100%}.cw-prof-hint{font:12px var(--font);color:#fff6;text-align:center;margin-bottom:10px}.cw-prof-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cw-prof-btn{cursor:pointer;color:var(--text-light);background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;transition:all .15s;display:flex}.cw-prof-btn:hover{border-color:#c9952f4d}.cw-prof-selected{border-color:var(--gold);background:#c9952f1f}.cw-prof-name{font:bold 11px var(--font)}.cw-prof-die{font:bold 15px var(--font-mechanic);color:var(--gold)}.cw-identity-grid{flex-direction:column;gap:10px;display:flex}.cw-field{flex-direction:column;gap:4px;display:flex}.cw-field-row{gap:6px;display:flex}.cw-label{font:bold 11px var(--font);color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.cw-hint{color:#ffffff4d;text-transform:none;font-weight:400}.cw-input,.cw-textarea,.cw-select{color:var(--text-light);font:13px var(--font);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;outline:none;width:100%;padding:6px 10px}.cw-input:focus,.cw-textarea:focus,.cw-select:focus{border-color:#c9952f66}.cw-textarea{resize:vertical;font:12px var(--font)}.cw-select{cursor:pointer}.cw-btn-small{color:var(--gold);cursor:pointer;background:#c9952f1a;border:1px solid #c9952f33;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:12px;transition:all .15s}.cw-btn-small:hover{background:#c9952f33}.cw-suggestions{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.cw-suggestion{font:italic 10px var(--font-body);color:#ffffff4d;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;padding:2px 8px;transition:all .1s}.cw-suggestion:hover{color:var(--gold);border-color:#c9952f33}.cw-past-entry{cursor:pointer;text-align:left;width:100%;color:var(--text-light);background:#ffffff05;border:1px solid #ffffff0d;border-radius:3px;justify-content:space-between;align-items:center;margin-top:3px;padding:5px 10px;transition:all .1s;display:flex}.cw-past-entry:hover{border-color:#c9952f33}.cw-past-selected{border-color:var(--gold);background:#c9952f14}.cw-past-text{font:11px var(--font)}.cw-past-trait{font:italic 10px var(--font);color:#c9952f80}.cw-empty{text-align:center;color:#ffffff40;font:13px var(--font);padding:40px}#reference-screen{z-index:20000;background:var(--charcoal);position:fixed;inset:0;overflow:hidden}.ref-bg-pattern{opacity:.18;pointer-events:none;z-index:0;background:url(../assets/wu-pattern.png) 50%/850px;position:absolute;inset:0}.ref-shell{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.ref-header{background:#14100cf5;border-bottom:1px solid #d4a84b33;flex:none;align-items:center;gap:16px;padding:12px 20px;display:flex}.ref-back-btn{font:11px var(--font);color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:6px 12px;transition:all .15s}.ref-back-btn:hover{color:var(--text-light);background:#ffffff1a}.ref-header-title{font:bold 14px var(--font-heading);color:var(--gold);text-transform:uppercase;letter-spacing:2px}.ref-header-title i{margin-right:8px}.ref-refetch-btn{font:12px var(--font);color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;width:30px;height:30px;margin-left:auto;transition:all .15s}.ref-refetch-btn:hover{color:var(--gold);background:#ffffff1a;border-color:#d4a84b4d}.ref-refetch-btn.ref-refetch-spinning i{animation:.8s linear infinite ref-spin}@keyframes ref-spin{to{transform:rotate(360deg)}}.ref-body{flex:1;min-height:0;display:flex}.ref-sidebar{background:#14100cf0;border-right:1px solid #d4a84b26;flex:0 0 280px;padding:12px;overflow-y:auto}.ref-content{flex-direction:column;flex:1;align-items:center;padding:36px 24px;display:flex;overflow-y:auto}.ref-search-wrap{margin-bottom:10px;position:relative}.ref-search-icon{color:#ffffff4d;pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ref-search-input{width:100%;color:var(--text-light);font:13px var(--font);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:8px 10px 8px 28px;transition:border-color .15s}.ref-search-input:focus{border-color:#d4a84b66}.ref-nav-section,.ref-nav-group{margin-bottom:2px}.ref-nav-section>summary,.ref-nav-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:6px;padding:7px 6px;list-style:none;display:flex}.ref-nav-section>summary::-webkit-details-marker{display:none}.ref-nav-group>summary::-webkit-details-marker{display:none}.ref-nav-section>summary:before,.ref-nav-group>summary:before{content:"";color:#ffffff4d;flex-shrink:0;font-family:"Font Awesome 6 Free";font-size:10px;font-weight:900;transition:transform .15s}details[open]>summary:before{transform:rotate(90deg)}.ref-nav-section>summary{font:bold 12px var(--font-heading);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px}.ref-nav-group{margin-left:10px}.ref-nav-group>summary{font:12px var(--font);color:#ffffffb3}.ref-nav-group>summary:hover,.ref-nav-section>summary:hover{background:#d4a84b14}.ref-nav-page{text-align:left;width:100%;font:12px var(--font);color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:3px;margin-left:10px;padding:5px 8px 5px 20px;transition:all .1s;display:block}.ref-nav-page:hover{color:var(--text-light);background:#d4a84b1a}.ref-nav-page.ref-nav-active{color:var(--gold-bright);background:#d4a84b2e;font-weight:600}.ref-search-result{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:4px;padding:8px 10px;transition:all .1s;display:flex}.ref-search-result:hover{background:#d4a84b1a;border-color:#d4a84b4d}.ref-sr-title{font:13px var(--font);color:var(--text-light);font-weight:600}.ref-sr-crumb{font:10px var(--font);color:#ffffff59;margin-top:2px}.ref-sr-snippet{font:11px var(--font);color:#ffffff80;margin-top:4px;font-style:italic;line-height:1.4}.ref-sr-empty{font:12px var(--font);color:#ffffff4d;text-align:center;padding:20px}.ref-breadcrumb{width:100%;max-width:760px;font:11px var(--font);text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin-bottom:10px}.ref-not-found{color:#fff6;font:14px var(--font)}.ref-article{width:100%;max-width:760px;color:var(--text-dark);font:14px/1.65 var(--font-body);background-image:linear-gradient(#f4ece08c,#f4ece08c),url(../assets/parchment-bg.png);background-repeat:repeat,repeat;background-size:auto,447px;border-radius:6px;padding:32px 40px 44px;box-shadow:0 12px 40px #00000080}.ref-article h1,.ref-article h2,.ref-article h3,.ref-article h4{font-family:var(--font-heading);color:var(--crimson);margin:1.1em 0 .5em;line-height:1.25}.ref-article h1{border-bottom:2px solid var(--gold-dim);margin-top:0;padding-bottom:8px;font-size:25px}.ref-article h2{font-size:19px}.ref-article h3{font-size:16px}.ref-article h4{text-transform:uppercase;letter-spacing:.5px;font-size:14px}.ref-article>:first-child{margin-top:0}.ref-article p{margin:.7em 0}.ref-article ul,.ref-article ol{margin:.6em 0;padding-left:1.4em}.ref-article li{margin:.25em 0}.ref-article strong{color:var(--brown)}.ref-article a{color:var(--crimson);-webkit-text-decoration:underline #60070959;text-decoration:underline #60070959}.ref-article a:hover{-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson)}.ref-article hr{border:none;border-top:1px solid #6b5b4b4d;margin:1.4em 0}.ref-article code{background:#6b5b4b1f;border-radius:3px;padding:1px 5px;font-size:.9em}.ref-article pre{background:#0000000f;border-radius:4px;padding:10px 12px;overflow-x:auto}.ref-article pre code{background:0 0;padding:0}.ref-article blockquote{border-left:3px solid var(--gold);color:var(--text-muted);background:#c9952f14;margin:.8em 0;padding:6px 16px;font-style:italic}.ref-article table{border-collapse:collapse;width:100%;margin:.8em 0;font-size:.95em}.ref-article th,.ref-article td{text-align:left;border:1px solid #6b5b4b40;padding:6px 10px}.ref-article th{font-family:var(--font-heading);color:var(--brown);background:#6b5b4b1a}.ref-callout{border-left:3px solid var(--gold);background:#c9952f14;border-radius:0 4px 4px 0;margin:.9em 0;padding:10px 14px}.ref-callout-title{font:bold 12px var(--font-heading);text-transform:uppercase;letter-spacing:.5px;color:var(--brown);margin-bottom:4px}.ref-callout-body{color:var(--text-dark);font-size:.95em}.ref-callout-body p{margin:.3em 0}.ref-callout-warning,.ref-callout-danger{border-left-color:var(--crimson);background:#6007090f}.ref-callout-warning .ref-callout-title,.ref-callout-danger .ref-callout-title{color:var(--crimson)}@media (width<=720px){.ref-sidebar{flex-basis:220px}.ref-content{padding:20px 12px}.ref-article{padding:20px 20px 28px}}#compendium-fab{background:var(--charcoal);width:46px;height:46px;color:var(--gold);cursor:pointer;z-index:10000;border:1px solid #d4a84b4d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000080}#compendium-fab:hover{border-color:var(--gold);background:#3a2e1c;box-shadow:0 4px 20px #d4a84b59}#compendium-widget{background:var(--charcoal);z-index:10001;opacity:0;width:360px;max-width:calc(100vw - 40px);height:480px;max-height:calc(100vh - 110px);transition:opacity .15s var(--ease), transform .15s var(--ease);border:1px solid #d4a84b4d;border-radius:8px;flex-direction:column;display:flex;position:fixed;bottom:76px;right:20px;overflow:hidden;transform:translateY(8px);box-shadow:0 12px 48px #0009}#compendium-widget.cwg-visible{opacity:1;transform:translateY(0)}.cwg-header{background:#0003;border-bottom:1px solid #d4a84b33;flex:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cwg-title{font:bold 13px var(--font-heading);color:var(--gold);text-transform:uppercase;letter-spacing:1px}.cwg-title i{margin-right:6px}.cwg-header-actions{gap:4px;display:flex}.cwg-icon-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:flex}.cwg-icon-btn:hover{color:var(--gold);background:#d4a84b1a;border-color:#d4a84b4d}.cwg-search-wrap{flex:none;padding:10px 12px;position:relative}.cwg-search-icon{color:#ffffff4d;pointer-events:none;font-size:12px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.cwg-search-input{width:100%;color:var(--text-light);font:13px var(--font);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:8px 10px 8px 28px;transition:border-color .15s}.cwg-search-input:focus{border-color:#d4a84b66}.cwg-tabs{flex:none;gap:4px;padding:0 12px 8px;display:flex}.cwg-tab{color:#ffffff73;font:11px var(--font);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:6px 0;transition:all .15s}.cwg-tab:hover{color:var(--text-light);border-color:#fff3}.cwg-tab-active{color:var(--gold-bright);background:#d4a84b26;border-color:#d4a84b59}.cwg-body{flex:1;padding:0 12px 12px;overflow-y:auto}.cwg-body .ref-nav-section>summary{font-size:11px}.cwg-body .ref-nav-page{font-size:12px}.cwg-hint{font:12px var(--font);color:#ffffff4d;text-align:center;padding:30px 10px}.cwg-result{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:4px;padding:8px 10px;transition:all .1s;display:flex}.cwg-result:hover{background:#d4a84b1a;border-color:#d4a84b4d}.cwg-result-title{font:13px var(--font);color:var(--text-light);font-weight:600}.cwg-result-crumb{font:10px var(--font);color:#ffffff59;margin-top:2px}.cwg-back{color:#ffffff80;font:11px var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:6px;padding:6px 2px;display:flex}.cwg-back:hover{color:var(--gold)}.cwg-article.ref-article{border-radius:5px;padding:16px 18px 22px;font-size:13px;box-shadow:0 6px 20px #00000059}.cwg-article.ref-article h1{font-size:18px}.cwg-article.ref-article h2{font-size:15px}.cwg-article.ref-article h3{font-size:12.5px}