@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-primary: #1e2124;--bg-secondary: #2c2f33;--bg-tertiary: #36393f;--bg-hover: #3e4147;--accent: #7289da;--accent-hover: #677bc4;--accent-active: #5b6db0;--accent-text: #7289da;--accent-btn: #4e5faf;--text-primary: #ffffff;--text-secondary: #b9bbbe;--text-muted: #72767d;--border: #40444b;--border-light: #4f545c;--success: #43b581;--danger: #f04747;--warning: #faa61a;--gold: #f1c40f;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .3);--transition: .15s ease;--transition-slow: .3s ease;--right-sidebar-flex: 0 0 clamp(260px, 28%, 440px);--right-sidebar-flex-narrow: 0 0 clamp(240px, 26%, 380px);--font: "Inter", Arial, sans-serif;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);outline:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-btn);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{background-color:var(--accent-active)}.btn-ghost{background:none;border:1px solid var(--border-light);color:var(--text-primary)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#d43f3f}.btn-full{width:100%}.input{width:100%;padding:10px 14px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:var(--font-size-md);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7289da80;outline:2px solid var(--accent);outline-offset:-1px}.card{background-color:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.text-secondary{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#2c2f33;color:#fff}html,body{height:100%;margin:0;padding:0;overflow:hidden}#main-container{display:flex;width:100%;height:calc(100vh - 50px);flex-direction:row;overflow:hidden}#left-sidebar{flex:none;width:20%;background-color:#2c2f33;padding:15px;max-height:100vh;overflow-y:auto;overflow-x:hidden;position:absolute;left:0;top:50px;z-index:10;border-right:1px solid #99aab5}#map-area{flex:2;background-color:#23272a;display:flex;flex-direction:column;border-right:1px solid #99aab5;overflow:hidden;position:relative}#map-toolbar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 8px;background-color:var(--bg-tertiary, #36393f);border-bottom:1px solid var(--border, #40444b);z-index:10}.map-toolbar-group{display:flex;align-items:center;gap:4px}.map-toolbar-sep{width:1px;height:22px;background-color:var(--border, #40444b);margin:0 4px;flex-shrink:0}.map-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;background-color:transparent;color:var(--text-secondary, #b9bbbe);border:1px solid transparent;border-radius:var(--radius-sm, 4px);font-family:var(--font, "Inter", Arial, sans-serif);font-size:12px;font-weight:500;cursor:pointer;transition:background-color var(--transition, .15s ease),color var(--transition, .15s ease),border-color var(--transition, .15s ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.map-tool-btn:hover{background-color:var(--bg-hover, #3e4147);color:var(--text-primary, #ffffff)}.map-tool-btn.active{background-color:var(--accent, #7289da);color:#fff}.map-tool-btn.grid-active{background-color:var(--success, #43b581);color:#fff}.map-tool-slot{display:inline-flex;align-items:stretch;gap:0}.map-tool-help-btn{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 5px;margin:0;border:1px solid transparent;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--text-muted, #72767d);font-size:12px;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition, .15s ease),background-color var(--transition, .15s ease)}.map-tool-help-btn:hover,.map-tool-help-btn:focus-visible{color:var(--text-primary, #fff);background-color:var(--bg-hover, #3e4147);outline:none}.map-tool-help-popover{position:fixed;z-index:10050;display:none;max-width:min(380px,calc(100vw - 24px));max-height:min(72vh,440px);overflow:auto;padding:0;margin:0;border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);background:var(--bg-secondary, #2f3136);box-shadow:0 12px 40px #00000073;font-family:var(--font, "Inter", Arial, sans-serif);font-size:13px;color:var(--text-secondary, #b9bbbe)}.map-tool-help-popover.is-open{display:block}.map-tool-help-popover:focus{outline:2px solid var(--accent, #7289da);outline-offset:2px}.map-tool-help-popover-inner{padding:12px 14px 14px}.map-tool-help-title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.map-tool-help-body{margin:0 0 12px;line-height:1.45}.map-tool-help-body strong{color:var(--text-primary, #e8eaed);font-weight:600}.map-tool-help-shortcuts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline}.map-tool-help-shortcuts dt{margin:0;font-weight:600;color:var(--text-primary, #dcddde);font-size:12px;white-space:nowrap}.map-tool-help-shortcuts dd{margin:0;font-size:12px;line-height:1.4}.stamp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6}.stamp-modal-content{background:var(--bg-secondary, #2f3136);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);padding:20px 24px;min-width:320px;max-width:480px;display:flex;flex-direction:column;gap:14px}.stamp-modal-content h3{margin:0;font-size:16px;color:var(--text-primary, #fff)}.stamp-preview-wrapper{position:relative;background-image:linear-gradient(45deg,#3a3d41 25%,transparent 25%),linear-gradient(-45deg,#3a3d41 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3d41 75%),linear-gradient(-45deg,transparent 75%,#3a3d41 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:var(--radius-sm, 4px);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100px;max-height:300px}#stamp-preview-canvas{max-width:100%;max-height:300px;display:block}.stamp-modal-controls{display:flex;flex-direction:column;gap:8px}.stamp-modal-controls .input{background:var(--bg-tertiary, #36393f);border:1px solid var(--border, #40444b);color:var(--text-primary, #fff);padding:6px 10px;border-radius:var(--radius-sm, 4px);font-size:13px;outline:none}.stamp-transparent-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #b9bbbe);font-size:13px;cursor:pointer}.stamp-modal-actions{display:flex;gap:8px;justify-content:flex-end}#stamp-picker{max-width:160px;text-overflow:ellipsis}#stamp-picker option[data-stamp-id]{padding:2px 6px}#draw-color-picker{width:28px;height:28px;border:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);padding:2px;background:none;cursor:pointer}#draw-size-slider{width:80px;accent-color:var(--accent, #7289da);cursor:pointer}.map-number-input{width:52px;padding:4px 6px;background-color:var(--bg-primary, #1e2124);color:var(--text-primary, #ffffff);border:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);font-size:12px;font-family:var(--font, "Inter", Arial, sans-serif);text-align:center}.map-size-label{font-size:11px;color:var(--text-muted, #72767d);min-width:24px}#zoom-level-display{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}#map-stage{position:relative;flex:1;overflow:hidden}#bg-canvas,#grid-canvas,#draw-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#bg-canvas{z-index:1}#token-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#grid-canvas{z-index:3;pointer-events:none}#draw-canvas{z-index:4;cursor:crosshair}.brush-size-preview{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.brush-size-preview-circle{position:absolute;box-sizing:border-box;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 1px #00000073;transform:translate(-50%,-50%);pointer-events:none;background:#ffffff0f}.brush-size-preview-circle--erase{border-color:#ffa096f2;background:#ff5a5012}.brush-size-preview-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 1px #00000080;pointer-events:none}.brush-size-preview-circle--erase .brush-size-preview-dot{background:#ffa096f2}#draw-canvas.inactive{pointer-events:none}.map-token{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box}.map-token img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;pointer-events:none}.map-token .token-controls{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease;pointer-events:none}.map-token:hover .token-controls,.map-token.selected .token-controls{opacity:1;pointer-events:auto}.token-resize-handle{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;background-color:var(--accent, #7289da);border:2px solid #fff;border-radius:50%;cursor:nwse-resize;z-index:5}.token-rotate-handle{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:var(--warning, #faa61a);border:2px solid #fff;border-radius:50%;cursor:grab;z-index:5}.token-rotate-handle:active{cursor:grabbing}.token-delete-btn{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background-color:var(--danger, #f04747);color:#fff;border:2px solid #fff;border-radius:50%;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;padding:0}.token-delete-btn:hover{background-color:#c0392b}.map-token.selected{outline:2px solid var(--accent, #7289da);outline-offset:2px}#right-sidebar h3{color:#7289da;margin-bottom:10px}.player-profile-box{border:1px solid #ccc;padding:10px;margin-bottom:10px;height:100px;display:flex;align-items:center;justify-content:center}.profile-content{text-align:center}.player-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px}#player-profiles:not(.hidden){display:flex;flex-direction:column;min-height:0}.session-character-host{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid #40444b;margin-top:8px;padding-top:8px}#player-profiles #character-sheet-area{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto;padding:8px}#player-profiles #session-character-scroll #edit-character-button,#player-profiles #edit-character-button{flex-shrink:0;padding:0 8px 8px}#player-profiles-container{overflow-y:auto;flex:0 1 auto;min-height:0;max-height:min(48vh,460px)}#letterhead-bar{position:absolute;top:0;left:0;right:0;height:50px;background-color:#2c2f33;z-index:2;display:flex;gap:10px;padding:10px;border-bottom:1px solid #99aab5}.letterhead-tab{background-color:#23272a;color:#99aab5;border:none;padding:10px;border-radius:10px 10px 0 0;cursor:pointer;transition:background-color .3s,color .3s;flex:1;text-align:center}.letterhead-tab:hover{background-color:#7289da;color:#fff}.letterhead-tab.active{background-color:#99aab5;color:#2c2f33}#letterhead-contents{position:absolute;top:50px;left:0;right:0;bottom:40%;overflow-y:auto;padding:10px;box-sizing:border-box;z-index:1}.letterhead-content{display:none}.letterhead-content:not(.hidden){display:block}#initiative-container{background-color:#23272a;border:1px solid #99aab5;padding:10px;border-radius:5px;max-height:400px;overflow-y:auto;margin-bottom:10px}#initiative-container h2{margin-bottom:10px;color:#7289da}#initiative-list{list-style:none;margin:0;padding:0}.initiative-item{display:flex;align-items:center;margin-bottom:5px}.initiative-item.active-turn{background-color:#7289da40;border-left:3px solid #7289da;border-radius:3px}.delete-initiative-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.delete-initiative-btn:hover{color:#ff6b6b}.reroll-initiative-btn{background:none;border:none;color:#7289da;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.reroll-initiative-btn:hover{color:#99b3f0}#initiative-buttons label[for=init-modifier]{margin-right:4px;font-size:13px;color:var(--text-primary, #ffffff);white-space:nowrap}#init-modifier{width:50px;text-align:center;background-color:#2c2f33;color:#fff;border:1px solid #99aab5;border-radius:3px;padding:3px;margin-right:5px}#add-combatant-section{display:flex;gap:5px;margin-top:8px}#add-combatant-section input{background-color:#2c2f33;color:#fff;border:1px solid #99aab5;border-radius:3px;padding:3px;flex:1}#add-combatant-btn{background-color:#7289da;color:#fff;border:none;padding:4px 10px;cursor:pointer;border-radius:3px}#add-combatant-btn:hover{background-color:#5b6eae}.initiative-item input[type=text]{flex:1;margin-right:5px;background-color:#2c2f33;color:#fff;border:1px solid #99aab5;border-radius:3px;padding:3px}.initiative-item input[type=number]{width:60px;text-align:center;background-color:#2c2f33;color:#fff;border:1px solid #99aab5;border-radius:3px;margin-right:5px}#round-turn-display{margin:10px 0;font-size:14px}#initiative-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 10px;margin-bottom:10px}#initiative-buttons button{background-color:#7289da;color:#fff;border:none;padding:5px 10px;cursor:pointer;margin-right:5px;border-radius:3px}#initiative-buttons button:hover{background-color:#5b6eae}#letterhead-overlay{position:absolute;top:60px;left:0;width:70px;z-index:999;display:none;pointer-events:none}#letterhead-overlay .letterhead{pointer-events:auto;background-color:#7289da;color:#fff;text-align:center;padding:10px;border-radius:3px;font-weight:700;cursor:pointer;width:60px;margin:5px 0 5px 5px}.letterhead.active-turn-letterhead{background-color:#5b6eae;border:2px solid #ffffff}.bottom-letterhead{background-color:#e74c3c;margin-top:10px}.asset-filter-bar{padding:8px 10px;background:var(--bg-primary, #1e2124);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);margin-bottom:8px}.asset-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.asset-filter-select{font-size:12px;padding:5px 8px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #40444b);background:var(--bg-secondary, #2c2f33);color:var(--text-primary, #fff);min-width:0;flex:1 1 100px;max-width:180px}.asset-clear-btn{font-size:11px;padding:4px 10px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #40444b);background:transparent;color:var(--text-secondary, #b9bbbe);cursor:pointer;white-space:nowrap}.asset-clear-btn:hover{color:var(--text-primary, #fff);border-color:var(--text-secondary, #b9bbbe)}.asset-tag-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.asset-tag-chips:empty{display:none}.asset-tag-chip{font-size:11px;padding:2px 8px;border-radius:12px;border:1px solid var(--border, #40444b);background:var(--bg-secondary, #2c2f33);color:var(--text-secondary, #b9bbbe);cursor:pointer;transition:all .15s ease;line-height:1.4}.asset-tag-chip:hover{border-color:var(--accent, #7289da);color:var(--text-primary, #fff)}.asset-tag-chip--active{background:var(--accent, #7289da);border-color:var(--accent, #7289da);color:#fff}.asset-tag-chip--active:hover{background:#5b6eae}.asset-tag-chip .tag-x{margin-left:4px;font-weight:700}.asset-upload-progress{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.asset-upload-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #b9bbbe);padding:4px 8px;background:var(--bg-primary, #1e2124);border-radius:var(--radius-sm, 4px)}.asset-upload-row .upload-filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.asset-upload-bar{width:80px;height:4px;background:var(--bg-tertiary, #36393f);border-radius:2px;overflow:hidden;flex-shrink:0}.asset-upload-bar-fill{height:100%;background:var(--accent, #7289da);border-radius:2px;transition:width .2s ease;width:0%}.asset-upload-row--done .asset-upload-bar-fill{background:#43b581;width:100%}.asset-upload-row--error .asset-upload-bar-fill{background:#f04747;width:100%}.asset-upload-status{font-size:10px;flex-shrink:0}.asset-drop-panel{position:relative;min-height:200px;border-radius:var(--radius, 8px);flex:1}.asset-drop-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#7289da1f;border:2px dashed var(--accent, #7289da);border-radius:var(--radius, 8px);align-items:center;justify-content:center}.asset-drop-panel--dragover .asset-drop-overlay{display:flex}.asset-drop-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent, #7289da);font-size:14px;font-weight:500;pointer-events:none}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.asset-card{position:relative;background:var(--bg-secondary, #2c2f33);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.asset-card:hover{border-color:var(--accent, #7289da);box-shadow:0 2px 8px #0000004d}.asset-card-img{width:100%;height:100px;object-fit:cover;display:block;background:var(--bg-primary, #1e2124)}.asset-card-body{padding:6px 8px}.asset-card-name{font-size:11px;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.asset-card-tags{font-size:10px;color:var(--text-muted, #72767d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.asset-card--hidden{display:none!important}.asset-card .map-thumb-badge-stack{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;gap:2px;z-index:5}.asset-card-menu-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:var(--radius-sm, 4px);background:#0009;color:#fff;font-size:14px;line-height:24px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:5;padding:0}.asset-card:hover .asset-card-menu-btn{opacity:1}.asset-menu{position:absolute;z-index:100;background:var(--bg-primary, #1e2124);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);box-shadow:0 4px 16px #00000080;padding:4px;min-width:160px;display:none}.asset-menu--open{display:block}.asset-menu-item{display:block;width:100%;padding:6px 10px;font-size:12px;color:var(--text-secondary, #b9bbbe);background:none;border:none;border-radius:var(--radius-sm, 4px);text-align:left;cursor:pointer}.asset-menu-item:hover{background:var(--bg-secondary, #2c2f33);color:var(--text-primary, #fff)}.asset-menu-item--danger{color:#f04747}.asset-menu-item--danger:hover{background:#f0474726;color:#f04747}.asset-menu-sep{height:1px;background:var(--border, #40444b);margin:4px 0}.asset-edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009}.asset-edit-panel{background:var(--bg-secondary, #2c2f33);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);padding:16px;width:320px;max-width:90vw;max-height:80vh;overflow-y:auto}.asset-edit-panel h4{margin:0 0 12px;font-size:14px;color:var(--text-primary, #fff)}.asset-edit-panel label{display:block;font-size:11px;color:var(--text-muted, #72767d);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;margin-top:10px}.asset-edit-panel select,.asset-edit-panel input[type=text]{width:100%;box-sizing:border-box;font-size:13px;padding:6px 8px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #40444b);background:var(--bg-primary, #1e2124);color:var(--text-primary, #fff)}.asset-edit-tags-wrap{display:flex;flex-wrap:wrap;gap:4px;padding:6px;min-height:32px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #40444b);background:var(--bg-primary, #1e2124);cursor:text}.asset-edit-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:10px;background:var(--accent, #7289da);color:#fff}.asset-edit-tag-remove{cursor:pointer;font-weight:700;font-size:12px;line-height:1}.asset-edit-tag-input{border:none!important;background:transparent!important;color:var(--text-primary, #fff)!important;font-size:12px!important;padding:2px 4px!important;min-width:60px;flex:1;outline:none}.asset-edit-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.asset-edit-actions button{padding:6px 16px;font-size:12px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #40444b);cursor:pointer}.asset-edit-save{background:var(--accent, #7289da);color:#fff;border-color:var(--accent, #7289da)}.asset-edit-save:hover{background:#5b6eae}.asset-edit-cancel{background:transparent;color:var(--text-secondary, #b9bbbe)}.asset-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted, #72767d);text-align:center;cursor:pointer}.asset-empty-state p{margin:4px 0;font-size:14px}.asset-empty-hint{font-size:12px;color:var(--text-muted, #72767d)}.asset-empty-state svg{margin-bottom:8px;opacity:.5}.asset-thumbnail{width:80px;height:auto;border:1px solid var(--border, #40444b);background-color:var(--bg-primary, #1e2124);cursor:pointer;overflow:visible;display:flex;flex-direction:column;align-items:center;position:relative;border-radius:var(--radius-sm, 4px)}.asset-thumbnail img{width:100%;display:block}body{font-family:var(--font, "Inter", Arial, sans-serif);background-color:var(--bg-primary, #1e2124)}#main-container{height:calc(100vh - 56px)}#left-panel{display:flex;flex-direction:column;flex:0 0 clamp(240px,20%,320px);height:100%;overflow:hidden;background-color:var(--bg-secondary, #2c2f33);border-right:1px solid var(--border, #40444b)}#initiative-container{background-color:var(--bg-secondary, #2c2f33);border-color:var(--border, #40444b);flex:0 0 auto;overflow-y:auto;position:relative;top:auto;left:auto}#initiative-container h2{color:var(--accent, #7289da);font-family:var(--font, "Inter", Arial, sans-serif)}#initiative-buttons button{font-family:var(--font, "Inter", Arial, sans-serif);border-radius:var(--radius-sm, 4px);transition:background-color .15s ease;font-size:13px;padding:5px 8px}#initiative-buttons button:hover{background-color:var(--accent-hover, #677bc4)}.initiative-item.active-turn{background-color:#7289da33;border-left:3px solid var(--accent, #7289da)}.initiative-item--nat20{background-color:#d4a80059;border-left:4px solid #e6b800;box-shadow:inset 0 0 0 1px #ffe06659}.initiative-item--nat20 input{color:var(--text-primary, #ffffff)}.initiative-item--nat1{background-color:#b92d2d61;border-left:4px solid #ff6b6b;box-shadow:inset 0 0 0 1px #ff787840}.initiative-item--nat1 input{color:var(--text-primary, #ffffff)}.letterhead--nat20{background-color:#d4a80073;border:2px solid #ffd54a;color:#1a1a1a;font-weight:600;box-shadow:0 0 0 1px #00000040}.letterhead--nat1{background-color:#c83c3c80;border:2px solid #ff8a8a;color:#fff;font-weight:600;box-shadow:0 0 0 1px #0003}#map-area{background-color:var(--bg-secondary, #23272a);border-color:var(--border, #40444b);flex-direction:column}#right-sidebar{position:relative;flex:var(--right-sidebar-flex, 0 0 clamp(260px, 28%, 440px));background-color:var(--bg-secondary, #2c2f33);border-left:1px solid var(--border, #40444b);display:flex;flex-direction:column;height:100%;overflow:hidden}#right-sidebar-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;transition:flex .3s ease,opacity .2s ease}#right-sidebar-main.panel-collapsed{flex:0 0 0;min-height:0;max-height:0;opacity:0;pointer-events:none;overflow:hidden;border:none!important}#dice-tray-stack{display:flex;flex-direction:column;flex:1 1 auto;min-height:180px;overflow:hidden}#letterhead-bar{position:relative;z-index:3;top:auto;left:auto;right:auto;flex-shrink:0;background-color:var(--bg-tertiary, #36393f);border-color:var(--border, #40444b);padding:6px 8px;gap:4px;overflow:visible;flex-wrap:wrap;row-gap:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.letterhead-tab{font-family:var(--font, "Inter", Arial, sans-serif);font-size:13px;font-weight:500;background-color:transparent;color:var(--text-secondary, #b9bbbe);border-radius:999px;border:none;padding:0;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex:0 0 auto;width:2.25rem;height:2.25rem;min-width:2.25rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:0;position:relative}.letterhead-tab:after{content:attr(aria-label);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);padding:5px 9px;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--text-primary, #ffffff);background:var(--bg-tertiary, #36393f);border:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);box-shadow:0 2px 8px #00000059;pointer-events:none;z-index:100;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}.letterhead-tab:hover:after,.letterhead-tab:focus-visible:after{opacity:1;visibility:visible}@media (prefers-reduced-motion: reduce){.letterhead-tab:after{transition:none}}.letterhead-tab-icon{display:inline-flex;flex-shrink:0;width:18px;height:18px;color:inherit;opacity:.92}.letterhead-tab-icon svg{display:block;width:100%;height:100%}.letterhead-tab:hover{background-color:var(--bg-hover, #3e4147);color:var(--text-primary, #ffffff)}.letterhead-tab:hover .letterhead-tab-icon{opacity:1}.letterhead-tab.active{background-color:var(--accent, #7289da);color:#fff}.letterhead-tab.active .letterhead-tab-icon{opacity:1}.letterhead-tab:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:2px}@media (max-height: 760px){#letterhead-bar{padding:4px 6px;gap:3px}.letterhead-tab-icon{width:17px;height:17px}}#letterhead-contents{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1;min-height:150px;overflow-y:auto;overflow-x:hidden;padding:12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}#letterhead-contents>.letterhead-content:not(.hidden){height:100%;min-height:0;box-sizing:border-box}#chat-panel-header{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:var(--bg-tertiary, #36393f);border:none;border-top:1px solid var(--border, #40444b);cursor:pointer;color:var(--text-secondary, #b9bbbe);font-family:var(--font, "Inter", Arial, sans-serif);font-size:12px;font-weight:500;transition:background .15s ease,color .15s ease}#chat-panel-header:hover{background:var(--bg-hover, #3e4147);color:var(--text-primary, #ffffff)}#chat-panel-header:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:-2px;z-index:1}#chat-panel-header .panel-collapse-icon .panel-chevron{width:14px;height:14px}#chat-panel-container{flex:1 1 0;min-height:160px;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary, #1e2124);transition:max-height .3s ease,opacity .2s ease}#chat-panel-container.panel-collapsed{max-height:0!important;opacity:0;pointer-events:none;overflow:hidden}#chat-log{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border, #99aab5);padding:8px 10px;background-color:var(--bg-secondary, #2c2f33);margin:8px 10px;color:#fff;font-size:13px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;border-radius:var(--radius-sm, 4px);box-sizing:border-box}#dice-area-container{flex:0 0 auto;border-top:1px solid var(--border, #40444b);container-type:inline-size;container-name:dice-shell}#dice-area{position:relative;left:auto;right:auto;bottom:auto;height:auto;border:none;border-top:none;background-color:var(--bg-primary, #1e2124);flex-shrink:0}.roll-log-entry{padding:6px 8px;border-bottom:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);font-size:13px;margin-bottom:2px;line-height:1.4}.roll-log-entry:last-child{border-bottom:none}.roll-nat20{background:linear-gradient(90deg,#d4a8006b,#d4a80038);border-left:4px solid #e6b800;color:var(--text-primary, #ffffff);box-shadow:inset 0 0 0 1px #ffe06633}.roll-nat1{background:linear-gradient(90deg,#b92d2d73,#b92d2d38);border-left:4px solid #ff6b6b;color:var(--text-primary, #ffffff);box-shadow:inset 0 0 0 1px #ff969633}.map-thumb-badge-stack{position:absolute;top:4px;right:4px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100% - 8px);pointer-events:none}.player-map-indicator,.dm-preview-indicator{position:relative;top:auto;right:auto;font-size:10px;font-weight:600;line-height:1.2;padding:3px 7px;border-radius:999px;display:none;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 1px 3px #00000059}.player-map-indicator{background:#c0392b;color:#fff}.dm-preview-indicator{background:#3d5a80;color:#e8f1ff}#dice-notation{background-color:var(--bg-secondary, #2c2f33);color:var(--text-primary, #ffffff);border:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);padding:6px 10px;font-family:var(--font, "Inter", Arial, sans-serif);font-size:14px;transition:border-color .15s ease}#dice-notation:focus{outline:2px solid var(--accent, #7289da);outline-offset:1px;border-color:var(--accent, #7289da);box-shadow:0 0 0 2px #7289da80}#roll-button,#clear-button{font-family:var(--font, "Inter", Arial, sans-serif);border-radius:var(--radius-sm, 4px);transition:background-color .15s ease}#init-modifier,#add-combatant-section input{background-color:var(--bg-primary, #1e2124);color:var(--text-primary, #ffffff);border-color:var(--border, #40444b);border-radius:var(--radius-sm, 4px);font-family:var(--font, "Inter", Arial, sans-serif)}#add-combatant-btn{background-color:var(--accent, #7289da);border-radius:var(--radius-sm, 4px);font-family:var(--font, "Inter", Arial, sans-serif);transition:background-color .15s ease}#add-combatant-btn:hover{background-color:var(--accent-hover, #677bc4)}@media (max-width: 1200px){#left-panel{flex:0 0 clamp(200px,18%,280px)}#right-sidebar{flex:var(--right-sidebar-flex-narrow, 0 0 clamp(240px, 26%, 380px))}.letterhead-tab{font-size:11px;padding:6px}}@media (max-width: 768px){html,body{overflow-x:hidden;overflow-y:auto}#main-container{flex-direction:column;height:auto;min-height:calc(100vh - 56px);overflow-x:hidden;overflow-y:auto;max-width:100vw}#left-panel{flex:none;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border, #40444b)}#initiative-container{width:100%;max-height:none;height:auto;border-right:none;border-bottom:1px solid var(--border, #40444b);overflow:visible}#initiative-list{max-height:200px;overflow-y:auto}#map-area{flex:none;height:300px;width:100%;border-right:none;border-bottom:1px solid var(--border, #40444b)}#map-toolbar{flex-wrap:wrap;gap:3px;padding:4px 6px;max-width:100%}.map-toolbar-group{flex-wrap:wrap}.map-tool-btn{padding:4px 7px;font-size:11px}#draw-size-slider{width:60px}#right-sidebar{flex:none;width:100%;height:auto;min-height:400px;border-left:none;border-top:1px solid var(--border, #40444b)}#letterhead-contents{min-height:min(200px,35vh);max-height:none}#dice-area{min-height:120px;max-height:min(42vh,280px)}#chat-log{min-height:3rem}#initiative-buttons{flex-wrap:wrap;gap:4px}#initiative-buttons button{flex:1;min-width:80px}#toolbar-more-btn{display:inline-flex;font-size:11px;padding:4px 7px}#toolbar-secondary-panel{display:none;width:100%;flex-wrap:wrap;gap:3px;padding:4px 0 0;border-top:1px solid var(--border, #40444b)}#toolbar-secondary-panel.open{display:flex}}@media (min-width: 769px){#toolbar-more-btn{display:none}#toolbar-secondary-panel{display:contents}}#compendium-container{display:flex;flex-direction:column;height:100%;padding:8px;gap:8px}.compendium-search-bar{display:flex;gap:6px}.compendium-search-bar .input{font-size:var(--font-size-sm, 13px);padding:7px 10px}.compendium-search-bar input[type=text]{flex:1;min-width:0}.compendium-search-bar select{flex:0 0 auto;width:110px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}#compendium-results{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.compendium-result-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition)}.compendium-result-item:hover{background-color:var(--bg-hover)}.compendium-type-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.compendium-type-badge.race{background-color:#43b581;color:#fff}.compendium-type-badge.class{background-color:#f04747;color:#fff}.compendium-type-badge.skill{background-color:#faa61a;color:#fff}.compendium-type-badge.background{background-color:#7289da;color:#fff}.compendium-type-badge.feat{background-color:#b968e0;color:#fff}.compendium-type-badge.feature{background-color:#e67e22;color:#fff}.compendium-type-badge.monster{background-color:#992d22;color:#fff}.compendium-result-name{flex:1;font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compendium-result-snippet{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}#compendium-detail{flex:1;overflow-y:auto;display:flex;flex-direction:column}.compendium-detail-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px}.compendium-back-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:var(--radius-sm);transition:background-color var(--transition)}.compendium-back-btn:hover{background-color:var(--bg-hover)}.compendium-detail-title{font-size:var(--font-size-lg, 18px);font-weight:600}.compendium-detail-body{font-size:var(--font-size-sm, 13px);color:var(--text-secondary);line-height:1.6}.compendium-detail-body h4{color:var(--text-primary);font-size:var(--font-size-sm, 13px);margin-top:10px;margin-bottom:4px}.compendium-detail-body p{margin-bottom:6px}.compendium-detail-body .detail-field{margin-bottom:8px}.compendium-detail-body .detail-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.compendium-empty{text-align:center;color:var(--text-muted);padding:30px 10px;font-size:var(--font-size-sm, 13px)}.compendium-loading{text-align:center;color:var(--text-muted);padding:20px;font-size:var(--font-size-sm, 13px)}#compendium-enemy-section{border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:8px}.enemy-panel{display:flex;flex-direction:column;gap:6px}#enemy-random-btn{flex-shrink:0;align-self:flex-start}.enemy-filters{display:grid;grid-template-columns:1fr 1fr;gap:4px}.enemy-filters select{font-size:12px;padding:5px 6px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}#enemy-browse-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;margin-top:4px}.stat-block{background:linear-gradient(135deg,#fdf1dc,#f5e6c8);border:2px solid #7a200d;border-radius:4px;padding:12px;font-family:Georgia,serif;color:#1a1a1a;font-size:12px;line-height:1.5;margin-top:8px}.stat-block-header{border-bottom:2px solid #7a200d;padding-bottom:6px;margin-bottom:6px}.stat-block-name{font-size:18px;font-weight:700;color:#7a200d;line-height:1.2}.stat-block-meta{font-size:11px;font-style:italic;color:#4a3520}.stat-block-divider{height:2px;background:linear-gradient(90deg,transparent,#7a200d,transparent);margin:6px 0}.stat-block-props{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.stat-block-props div{white-space:nowrap}.stat-block-abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center;font-size:12px}.stat-block-abilities .ability{display:flex;flex-direction:column;align-items:center}.stat-block-abilities .ability-label{font-weight:700;font-size:11px;color:#7a200d;text-transform:uppercase}.stat-block-section{margin-top:4px}.stat-block-section .detail-label{font-weight:700;color:#7a200d;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-block-section p{margin:0;font-size:12px;white-space:pre-wrap}.enemy-stat-actions{display:flex;gap:6px;margin-top:8px}.enemy-action-btn{flex:1;font-size:12px;padding:6px 10px}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}#notebook.letterhead-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;height:100%;padding:8px;overflow:hidden;box-sizing:border-box}.notebook-mode-bar{display:flex;flex-shrink:0;gap:6px;margin-bottom:8px;padding:4px;background:var(--bg-tertiary, #36393f);border-radius:var(--radius-sm, 6px);border:1px solid var(--border, #40444b)}.notebook-mode-btn{flex:1;padding:8px 10px;font-family:var(--font, "Inter", Arial, sans-serif);font-size:12px;font-weight:600;color:var(--text-secondary, #b9bbbe);background:transparent;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background .15s ease,color .15s ease}.notebook-mode-btn:hover{color:var(--text-primary, #ffffff);background:var(--bg-hover, #3e4147)}.notebook-mode-btn.active{color:var(--text-primary, #ffffff);background:var(--accent, #7289da)}.notebook-mode-pane{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.notebook-mode-pane.hidden{display:none!important}#notebook-session-notes-pane{padding-top:4px;gap:8px}#notebook-session-notes-pane .session-notes-textarea{flex:1;min-height:140px;resize:vertical}#notebook.letterhead-content.hidden{display:none}#notebook-book-wrapper{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;max-width:none}#notebook-book-frame{position:relative;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;background:linear-gradient(135deg,#3b1f0e,#5c3a1e 40%,#4a2c14 60%,#3b1f0e);border-radius:6px 14px 14px 6px;box-shadow:0 8px 32px #0009,0 2px 8px #0006,inset 0 1px #ffffff0d,inset 0 -1px #0000004d;padding:10px;overflow:hidden;box-sizing:border-box}#notebook-book-frame:after{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:28px;transform:translate(-50%);background:linear-gradient(to right,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 25%,transparent 45%,transparent 55%,rgba(0,0,0,.08) 75%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:10}#notebook-flipbook{flex:1 1 auto;min-height:0;width:100%;position:relative}.notebook-page{display:flex;flex-direction:column;min-height:0;height:100%;box-sizing:border-box;background:linear-gradient(135deg,rgba(139,109,71,.1) 0%,transparent 50%),linear-gradient(225deg,rgba(139,109,71,.07) 0%,transparent 50%),linear-gradient(to bottom,#f4e4c1,#ecdbb0,#f0debb);box-shadow:inset 0 0 40px #8b6d471f;font-family:IM Fell English,Crimson Text,Georgia,serif;color:#3b2a1a;overflow:hidden;position:relative}.notebook-page-number{position:absolute;bottom:8px;z-index:2;font-family:IM Fell English,Georgia,serif;font-size:12px;color:#3b2a1a80;pointer-events:none;-webkit-user-select:none;user-select:none}.notebook-page-number.left{left:16px}.notebook-page-number.right{right:16px}.notebook-page-title{flex-shrink:0;text-align:center;font-family:IM Fell English,Georgia,serif;font-size:16px;font-weight:400;font-style:italic;color:#3b2a1ab3;padding:8px 12px 4px;border-bottom:1px solid rgba(139,109,71,.2);margin:0 8px;pointer-events:none;-webkit-user-select:none;user-select:none}.notebook-page-canvas-wrap{position:relative;flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box}.notebook-page-canvas-wrap canvas{display:block}.notebook-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:56px;background:linear-gradient(to bottom,#5c3a1e,#4a2c14);color:#d4b896;border:1px solid rgba(0,0,0,.3);border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:20;box-shadow:0 2px 8px #0000004d}.notebook-nav-btn:hover{background:linear-gradient(to bottom,#7a5030,#5c3a1e);color:#f4e4c1}.notebook-nav-btn:active{transform:translateY(-50%) scale(.95)}#notebook-prev-page{left:-6px;border-radius:4px 2px 2px 4px}#notebook-next-page{right:-6px;border-radius:2px 4px 4px 2px}#notebook-floating-toolbar{display:flex;align-items:center;gap:4px;padding:5px 10px;margin-top:8px;background:linear-gradient(to bottom,#e8d5a3,#d4b896);border:1px solid rgba(139,109,71,.4);border-radius:8px;box-shadow:0 2px 10px #00000040;flex-wrap:wrap;justify-content:center}.nb-tool-btn{width:32px;height:30px;background:#ffffff4d;color:#3b2a1a;border:1px solid rgba(139,109,71,.3);border-radius:4px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}.nb-tool-btn .nb-tool-icon{width:18px;height:18px;flex-shrink:0;pointer-events:none}.nb-tool-btn:focus-visible{outline:2px solid #7a5030;outline-offset:2px}.nb-tool-btn--book{width:34px}.nb-tool-btn:hover{background:#ffffff8c;border-color:#8b6d4780}.nb-tool-btn.active{background:#5a3c1e33;border-color:#7a5030;box-shadow:inset 0 1px 3px #00000026}.nb-tool-btn.nb-tool-danger{color:#8b2500}.nb-tool-btn.nb-tool-danger:hover{background:#8b250026}.nb-tool-separator{width:1px;height:22px;background:#8b6d4759;margin:0 2px}#nb-tool-color{width:28px;height:28px;padding:1px;border:1px solid rgba(139,109,71,.4);border-radius:4px;cursor:pointer;background:transparent}#nb-tool-size{width:60px;accent-color:#7a5030}#notebook-page-indicator{margin-top:6px;font-family:IM Fell English,Georgia,serif;font-size:13px;color:var(--text-secondary, #b9bbbe);text-align:center;-webkit-user-select:none;user-select:none;min-height:18px}.notebook-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:IM Fell English,Georgia,serif;font-size:16px;font-style:italic;color:#d4b896;text-align:center;pointer-events:none}#notebook-snapshot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}#notebook-snapshot-overlay .snapshot-panel{background:linear-gradient(to bottom,#f4e4c1,#e8d5a3);border:2px solid #7a5030;border-radius:8px;padding:20px;max-width:500px;width:90%;max-height:60vh;overflow-y:auto;color:#3b2a1a;font-family:Crimson Text,Georgia,serif}#notebook-snapshot-overlay .snapshot-panel h3{margin:0 0 12px;font-family:IM Fell English,Georgia,serif;font-size:18px}#notebook-snapshot-overlay .snapshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}#notebook-snapshot-overlay .snapshot-thumb{cursor:pointer;border:2px solid rgba(139,109,71,.4);border-radius:4px;overflow:hidden;transition:border-color .15s}#notebook-snapshot-overlay .snapshot-thumb:hover{border-color:#7a5030}#notebook-snapshot-overlay .snapshot-thumb img{width:100%;display:block}#notebook-snapshot-overlay .snapshot-cancel{margin-top:12px;padding:6px 16px;background:#5c3a1e;color:#f4e4c1;border:none;border-radius:4px;cursor:pointer;width:100%;font-family:Crimson Text,Georgia,serif;font-size:14px}#notebook-snapshot-overlay .snapshot-cancel:hover{background:#7a5030}@media (prefers-reduced-motion: reduce){#notebook-flipbook,.notebook-page{transition:none!important;animation:none!important}}#call-panel{display:flex;flex-direction:column;height:100%}#call-panel.hidden{display:none}.call-panel-heading{font-size:14px;font-weight:600;color:#dcddde;margin:0 0 12px}.call-action-btn{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease;background-color:#43b581;color:#fff}.call-action-btn:hover{background-color:#3ca374}.call-action-btn:disabled{opacity:.5;cursor:not-allowed}.call-join-btn-full{width:100%;padding:10px 16px;font-size:14px}.call-leave-btn{background-color:#f04747}.call-leave-btn:hover{background-color:#d84040}.call-connected-info{display:flex;align-items:center;gap:6px;margin-bottom:12px}.call-connected-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#43b581}.call-connected-label{font-size:12px;font-weight:500;color:#43b581}.call-leave-sidebar-btn{width:100%;padding:10px 16px;font-size:14px}#video-strip{position:absolute;bottom:0;left:0;right:0;height:150px;z-index:10;flex-direction:row;background:#1e2124e0;border-top:1px solid #40444b;overflow:hidden}#jitsi-container{flex:1;height:100%;background-color:#1e2124;overflow:hidden}#jitsi-container iframe{border:none;width:100%;height:100%}.video-strip-leave-btn{position:absolute;top:8px;right:8px;z-index:2;padding:6px 12px;font-size:12px}.call-status-text{font-size:12px;color:#72767d;margin-top:6px;flex-shrink:0}.call-error-text{font-size:12px;color:#f04747;line-height:1.45;margin:0 0 10px}.session-notes-intro{font-size:12px;color:#b9bbbe;margin:0 0 10px;line-height:1.4}.session-notes-textarea{width:100%;min-height:200px;box-sizing:border-box;resize:vertical;font-family:inherit;font-size:13px;line-height:1.45;padding:10px;border-radius:4px;border:1px solid #40444b;background-color:#2f3136;color:#dcddde}.session-notes-textarea:read-only{cursor:default}.session-notes-status{font-size:11px;color:#72767d;min-height:1.2em;margin-top:8px}.token-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.token-modal{background:var(--bg-secondary, #2c2f33);border:1px solid var(--border, #40444b);border-radius:var(--radius, 8px);width:560px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.token-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #40444b);flex-shrink:0}.token-modal-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.token-modal-close{background:none;border:none;color:var(--text-muted, #72767d);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:var(--radius-sm, 4px)}.token-modal-close:hover{color:var(--text-primary, #ffffff);background:var(--bg-hover, #3e4147)}.token-modal-tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--border, #40444b);flex-shrink:0}.token-modal-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:6px 14px;color:var(--text-muted, #72767d);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0;transition:color .15s ease,border-color .15s ease}.token-modal-tab:hover{color:var(--text-primary, #ffffff)}.token-modal-tab.active{color:var(--accent, #7289da);border-bottom-color:var(--accent, #7289da)}.token-modal-body{flex:1;overflow:hidden;position:relative;min-height:0}.token-tab-panel{display:none;height:100%;overflow-y:auto;padding:16px;flex-direction:column;gap:12px}.token-tab-panel.active{display:flex}.token-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--border, #40444b);border-radius:var(--radius, 8px);padding:40px 20px;cursor:pointer;color:var(--text-muted, #72767d);font-size:13px;transition:border-color .15s ease,color .15s ease;text-align:center;flex:1}.token-upload-area:hover{border-color:var(--accent, #7289da);color:var(--text-primary, #ffffff)}.token-upload-icon{font-size:32px;line-height:1}.token-upload-hint{font-size:11px;color:var(--text-muted, #72767d);margin-top:4px}.token-asset-controls{flex-shrink:0}.token-filter-select{padding:5px 8px;background:var(--bg-primary, #1e2124);color:var(--text-primary, #ffffff);border:1px solid var(--border, #40444b);border-radius:var(--radius-sm, 4px);font-size:12px;cursor:pointer;font-family:var(--font, "Inter", Arial, sans-serif)}.token-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;align-content:start}.token-asset-item{aspect-ratio:1;border-radius:var(--radius-sm, 4px);border:2px solid transparent;overflow:hidden;cursor:pointer;background:var(--bg-tertiary, #36393f);transition:border-color .15s ease,transform .1s ease}.token-asset-item:hover{border-color:var(--accent, #7289da);transform:scale(1.04)}.token-asset-item img{width:100%;height:100%;object-fit:cover;display:block}.token-character-list{display:flex;flex-direction:column;gap:8px}.token-character-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary, #36393f);border-radius:var(--radius-sm, 4px);border:1px solid transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.token-character-item:hover{border-color:var(--accent, #7289da);background:var(--bg-hover, #3e4147)}.token-character-item img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border, #40444b);flex-shrink:0}.token-character-info{display:flex;flex-direction:column;gap:2px}.token-character-name{font-size:13px;font-weight:500;color:var(--text-primary, #ffffff)}.token-character-note{font-size:11px;color:var(--text-muted, #72767d)}.token-empty-state{color:var(--text-muted, #72767d);font-size:13px;text-align:center;padding:24px 0;width:100%}#initiative-container{max-height:45vh;transition:max-height .3s ease,opacity .2s ease,padding .2s ease,margin .2s ease}#initiative-container.panel-collapsed{max-height:0!important;opacity:0;overflow:hidden!important;border:none!important;padding:0!important;margin:0!important}#map-toolbar{max-height:200px;overflow:hidden;transition:max-height .3s ease,padding-top .2s ease,padding-bottom .2s ease,opacity .2s ease}#map-toolbar.panel-collapsed{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0;pointer-events:none}#dice-area-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:900px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;border-top:none}#dice-area-container.panel-collapsed{max-height:0!important;opacity:0;pointer-events:none}.panel-collapse-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.panel-collapse-icon .panel-chevron{width:10px;height:10px;flex-shrink:0}#dice-area-header .panel-collapse-icon .panel-chevron{width:14px;height:14px}#toolbar-collapse-btn .panel-collapse-icon .panel-chevron{width:11px;height:11px}.panel-collapse-vstrip{flex-shrink:0;width:14px;align-self:stretch;background:var(--bg-secondary, #2c2f33);border:none;border-left:1px solid var(--border, #40444b);border-right:1px solid var(--border, #40444b);cursor:pointer;color:var(--text-muted, #72767d);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;padding:0}.panel-collapse-vstrip:hover{background:var(--bg-hover, #3e4147);color:var(--text-secondary, #b9bbbe)}.panel-collapse-vstrip:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:-2px;z-index:1}#toolbar-collapse-btn{flex-shrink:0;height:13px;width:100%;background:var(--bg-secondary, #2c2f33);border:none;border-bottom:1px solid var(--border, #40444b);cursor:pointer;color:var(--text-muted, #72767d);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;padding:0}#toolbar-collapse-btn:hover{background:var(--bg-hover, #3e4147);color:var(--text-secondary, #b9bbbe)}#toolbar-collapse-btn:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:-2px;z-index:1}#dice-area-header{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:var(--bg-tertiary, #36393f);border:none;border-top:1px solid var(--border, #40444b);cursor:pointer;color:var(--text-secondary, #b9bbbe);font-family:var(--font, "Inter", Arial, sans-serif);font-size:12px;font-weight:500;transition:background .15s ease,color .15s ease}#dice-area-header:hover{background:var(--bg-hover, #3e4147);color:var(--text-primary, #ffffff)}#dice-area-header:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:-2px;z-index:1}@media (max-width: 768px){.panel-collapse-vstrip,#toolbar-collapse-btn,#chat-panel-header,#dice-area-header{display:none}#initiative-container.panel-collapsed{max-height:none!important;opacity:1!important;overflow-y:auto!important;overflow-x:hidden!important;flex:none!important;border-bottom:1px solid var(--border, #40444b)!important}#right-sidebar-main.panel-collapsed{width:auto!important;min-width:auto!important;overflow-y:auto!important;overflow-x:hidden!important;flex:none!important;border-bottom:1px solid var(--border, #40444b)!important;max-height:none!important;opacity:1!important;pointer-events:auto!important}#map-toolbar.panel-collapsed,#dice-area-container.panel-collapsed,#chat-panel-container.panel-collapsed{max-height:none!important;opacity:1!important;pointer-events:auto!important;padding:5px 8px!important}}:root{--preview-gold: #c9a94e;--preview-gold-light: #e8d48b;--preview-gold-dark: #8a7333;--preview-bg-dark: #1a1410;--preview-bg-card: #221b14;--preview-border: #3d3225;--preview-border-accent: #5a4a35;--preview-text: #e8dcc8;--preview-text-muted: #8a7e6e;--preview-font-display: "Cinzel", "Georgia", serif;--preview-font-body: "Crimson Text", "Georgia", serif}.preview-card{position:relative;width:100%;height:180px;border-radius:6px;overflow:hidden;background-color:var(--preview-bg-card);background-size:cover;background-position:center top;border:1px solid var(--preview-border);box-shadow:0 2px 8px #0006,inset 0 0 30px #0000004d;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:8px;transition:box-shadow .3s ease,border-color .3s ease}.preview-card:hover{border-color:var(--preview-gold-dark);box-shadow:0 4px 16px #00000080,inset 0 0 30px #0000004d,0 0 8px #c9a94e26}.preview-card:before,.preview-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--preview-gold-dark);border-style:solid;opacity:.5;z-index:2;pointer-events:none}.preview-card:before{top:4px;left:4px;border-width:1px 0 0 1px}.preview-card:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.preview-card.no-portrait{background:linear-gradient(135deg,#221b14,#1a1410,#201812)}.preview-card.no-portrait:before{background:none}.preview-card-header{position:relative;z-index:1;padding:12px 14px 4px;display:flex;flex-direction:column;gap:1px}.preview-char-name{font-family:var(--preview-font-display);font-size:16px;font-weight:700;color:var(--preview-gold-light);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 12px rgba(201,169,78,.2);letter-spacing:.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-player-name{font-family:var(--preview-font-body);font-size:11px;color:var(--preview-text-muted);text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.preview-card-body{position:relative;z-index:1;padding:4px 14px 12px;margin-top:auto}.preview-combat-stats{display:flex;gap:12px}.combat-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;background:#0f0a05b3;border:1px solid var(--preview-border-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-icon{color:var(--preview-gold);flex-shrink:0}.ac-badge .badge-icon{color:#7eb8d4}.hp-badge .badge-icon{color:#d47e7e}.badge-value{font-family:var(--preview-font-display);font-size:15px;font-weight:700;color:var(--preview-text)}.badge-label{font-family:var(--preview-font-body);font-size:10px;color:var(--preview-text-muted);text-transform:uppercase;letter-spacing:1px}.adventurer-ribbon{background:linear-gradient(90deg,#c9a94e26,#c9a94e14);border:1px solid rgba(201,169,78,.25);border-radius:3px;padding:6px 12px;text-align:center}.ribbon-text{font-family:var(--preview-font-display);font-size:12px;font-weight:600;color:var(--preview-gold-light);letter-spacing:.8px;text-transform:uppercase}.adventurer-alignment{display:block;margin-top:4px;font-family:var(--preview-font-body);font-size:11px;font-style:italic;color:var(--preview-text-muted);text-align:center}.preview-scholar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.scholar-stat{display:flex;flex-direction:column;align-items:center;padding:3px 2px;border-radius:3px;background:#0f0a05a6;border:1px solid var(--preview-border)}.scholar-stat .stat-label{font-family:var(--preview-font-display);font-size:8px;font-weight:600;color:var(--preview-gold);text-transform:uppercase;letter-spacing:1.5px}.scholar-stat .stat-value{font-family:var(--preview-font-display);font-size:15px;font-weight:700;color:var(--preview-text);line-height:1.2}.scholar-stat .stat-mod{font-family:var(--preview-font-body);font-size:10px;color:var(--preview-text-muted)}.preview-roleplay-quote{position:relative;padding:6px 10px 6px 20px;background:#0f0a05a6;border-left:2px solid var(--preview-gold-dark);border-radius:0 4px 4px 0}.quote-mark{position:absolute;top:-2px;left:4px;font-family:var(--preview-font-display);font-size:28px;color:var(--preview-gold-dark);line-height:1;opacity:.6}.quote-text{font-family:var(--preview-font-body);font-size:12px;font-style:italic;color:var(--preview-text);line-height:1.4;margin:0}.preview-card-empty{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1410,#16120e);border-style:dashed}.preview-card-empty:before,.preview-card-empty:after{display:none}.preview-empty-content{display:flex;flex-direction:column;align-items:center;gap:4px}.empty-shield-icon{color:var(--preview-gold-dark);margin-bottom:2px}.empty-username{font-family:var(--preview-font-display);font-size:13px;color:var(--preview-text-muted)}.empty-hint{font-family:var(--preview-font-body);font-size:11px;font-style:italic;color:var(--preview-text-muted);opacity:.6}.preview-picker{padding:10px;margin-top:8px;border-top:1px solid var(--preview-border)}.picker-label{display:block;font-family:var(--preview-font-display);font-size:11px;font-weight:600;color:var(--preview-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.picker-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:4px;background:var(--preview-bg-dark);border:1px solid var(--preview-border);cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--preview-text)}.picker-option:hover{border-color:var(--preview-border-accent);background:#c9a94e0d}.picker-option.active{border-color:var(--preview-gold);background:#c9a94e1a;box-shadow:0 0 6px #c9a94e26}.picker-option-name{font-family:var(--preview-font-display);font-size:11px;font-weight:600;color:var(--preview-gold-light)}.picker-option-desc{font-family:var(--preview-font-body);font-size:10px;color:var(--preview-text-muted)}.picker-option.active .picker-option-name{color:var(--preview-gold-light)}.preview-set-btn{display:block;width:100%;margin-top:8px;padding:8px 12px;border:1px solid var(--preview-gold-dark);border-radius:4px;background:linear-gradient(180deg,#c9a94e26,#c9a94e0d);color:var(--preview-gold-light);font-family:var(--preview-font-display);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.preview-set-btn:hover{background:linear-gradient(180deg,#c9a94e40,#c9a94e1a);border-color:var(--preview-gold);box-shadow:0 0 8px #c9a94e33}.preview-set-btn:active{transform:scale(.98)}.preview-set-btn.is-active{background:linear-gradient(180deg,#43b58133,#43b5810d);border-color:#43b581;color:#a0dfc4}.preview-mini-container{margin-top:8px;transform:scale(.85);transform-origin:top center}@media (max-width: 1200px){.preview-card{height:160px}.preview-char-name{font-size:14px}.scholar-stat .stat-value{font-size:13px}}@media (max-width: 900px){.preview-card{height:140px}.preview-card-header{padding:8px 10px 2px}.preview-card-body{padding:2px 10px 8px}}#player-profiles-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start}#player-profiles-container .preview-card{width:100%;height:104px;margin-bottom:0}#player-profiles-container .preview-card:before,#player-profiles-container .preview-card:after{width:10px;height:10px}#player-profiles-container .preview-card-empty{grid-column:1 / -1;height:72px;min-height:64px}#player-profiles-container .preview-card-header{padding:5px 8px 2px;gap:0}#player-profiles-container .preview-char-name{font-size:12px;letter-spacing:.35px}#player-profiles-container .preview-player-name{font-size:9px}#player-profiles-container .preview-card-body{padding:2px 6px 6px}#player-profiles-container .preview-combat-stats{gap:4px}#player-profiles-container .combat-badge{padding:2px 5px;gap:3px}#player-profiles-container .combat-badge .badge-icon{width:12px;height:12px}#player-profiles-container .badge-value{font-size:11px}#player-profiles-container .badge-label{font-size:7px;letter-spacing:.5px}#player-profiles-container .adventurer-ribbon{padding:3px 6px}#player-profiles-container .ribbon-text{font-size:9px;letter-spacing:.4px}#player-profiles-container .adventurer-alignment{font-size:9px;margin-top:2px}#player-profiles-container .preview-scholar-grid{gap:2px}#player-profiles-container .scholar-stat{padding:2px 1px}#player-profiles-container .scholar-stat .stat-label{font-size:6px;letter-spacing:.8px}#player-profiles-container .scholar-stat .stat-value{font-size:11px}#player-profiles-container .scholar-stat .stat-mod{font-size:8px}#player-profiles-container .preview-roleplay-quote{padding:4px 6px 4px 14px}#player-profiles-container .quote-mark{font-size:16px;left:2px}#player-profiles-container .quote-text{font-size:10px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#player-profiles-container .empty-shield-icon{width:22px;height:22px}#player-profiles-container .empty-username{font-size:11px}#player-profiles-container .empty-hint{font-size:9px}