*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif;background:#0f0f12;color:#e8e8ea}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;background:#15151a;border-bottom:1px solid #2a2a32}.toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.toolbar .toolbar-tools{flex:1 1 auto;justify-content:center}.toolbar .toolbar-panels{justify-content:flex-end}.toolbar .toolbar-modules:empty{display:none}.toolbar-group+.toolbar-group{padding-left:16px;border-left:1px solid #2a2a32}.toolbar .brand{font-weight:600;letter-spacing:.5px}.toolbar .world{color:#9a9aa5;font-size:.9em}.toolbar .room{display:inline-flex;align-items:center;gap:6px;color:#9a9aa5;font-size:.9em}.toolbar .room .dot{width:8px;height:8px;border-radius:50%;background:#5a5a64}.toolbar .room .dot.online{background:#4caf7d}.toolbar .peers{display:inline-flex;align-items:center;gap:8px;max-width:280px;overflow:hidden;font-size:.85em}.toolbar .peer{display:inline-flex;align-items:center;gap:5px;color:#c8c8d0;white-space:nowrap}.toolbar .peer.self{color:#9a9aa5}.toolbar .peer .swatch{width:9px;height:9px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.4)}.toolbar .world-name{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;width:160px}.toolbar .world-name:focus{outline:none;border-color:#4a6fa5}.toolbar .grid-control{display:flex;align-items:center;gap:6px;color:#9a9aa5;font-size:.85em}.toolbar .grid-control .grid-size{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px;width:56px}.tool{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 10px;cursor:pointer}.tool:hover{background:#2c2c36}.tool.active{background:#3a5a8a;border-color:#4a6fa5}.tool.danger{background:#6a2a2a;border-color:#8a3a3a}.tool.danger:hover{background:#7c3333}.toolbar .tool{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 10px;cursor:pointer}.toolbar .tool:hover{background:#2c2c36}.toolbar .tool.active{background:#3a5a8a;border-color:#4a6fa5}.toolbar .tool.danger{background:#6a2a2a;border-color:#8a3a3a}.toolbar .tool.danger:hover{background:#7c3333}.dice3d-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden}.dice3d-container canvas{width:100%;height:100%}.dice-tray{position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}.dice-tray-inner{display:flex;flex-direction:column;align-items:center;gap:10px;animation:dice-tray-fade 2.8s ease forwards}@keyframes dice-tray-fade{0%,75%{opacity:1}to{opacity:0}}.dice-tray-dice{display:flex;gap:12px;perspective:600px}.die{--die-color: #6aa0ff;display:grid;place-items:center;width:52px;height:52px;font-size:22px;font-weight:700;color:#f2f5fb;background:radial-gradient(circle at 32% 28%,#2b2f3c,#14161d);border:2px solid var(--die-color);border-radius:12px;box-shadow:0 0 18px color-mix(in srgb,var(--die-color) 45%,transparent),inset 0 2px 6px #ffffff1f;transform-style:preserve-3d;animation:die-roll .85s cubic-bezier(.2,.9,.25,1.2) both}@keyframes die-roll{0%{transform:rotateX(-220deg) rotateY(200deg) scale(.3);opacity:0}55%{opacity:1}70%{transform:rotateX(8deg) rotateY(-8deg) scale(1.18)}85%{transform:rotateX(-4deg) rotateY(4deg) scale(.96)}to{transform:rotateX(0) rotateY(0) scale(1);opacity:1}}.die[data-sides="4"]{--die-color: #e0796a}.die[data-sides="6"]{--die-color: #e0b34d}.die[data-sides="8"]{--die-color: #7dcf6a}.die[data-sides="10"]{--die-color: #4dd0c0}.die[data-sides="12"]{--die-color: #b98af0}.die[data-sides="20"]{--die-color: #6aa0ff}.die[data-sides="100"]{--die-color: #f0a0d0}.dice-tray-meta{display:flex;align-items:center;gap:10px;padding:5px 14px;background:#15151ad9;border:1px solid #2a2a32;border-radius:999px;font-size:14px}.dice-tray-who{color:#b7c6e6}.dice-tray-total{font-size:20px;font-weight:700;color:#f2f5fb}.dice-picker{display:inline-flex;gap:4px}.dice-picker .die-btn{font:inherit;font-size:.82em;color:#cdd6ea;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:3px 7px;cursor:pointer}.dice-picker .die-btn:hover{background:#2a2a34;border-color:#4a6fa5;color:#f2f5fb}.landing{min-height:100dvh;overflow-y:auto;padding:56px 24px 72px;background:radial-gradient(1100px 600px at 50% -10%,rgba(58,90,138,.18),transparent 70%),#0f0f12}.landing-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.landing-hero{display:flex;align-items:center;gap:18px}.landing-logo{width:56px;height:56px;flex:none;filter:drop-shadow(0 4px 14px rgba(106,160,255,.25))}.landing-brand{margin:0;font-size:34px;font-weight:700;letter-spacing:-.01em}.landing-tagline{margin:2px 0 0;color:#9a9aa2;font-size:14px}.landing-section{display:flex;flex-direction:column;gap:12px}.landing-create{display:flex;gap:8px}.landing-name{flex:1;font:inherit;color:#e8e8ea;background:#16161c;border:1px solid #2a2a32;border-radius:8px;padding:10px 12px}.landing-name:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa540}.landing .tool{padding:8px 14px;border-radius:8px}.tool.primary{background:#3a5a8a;border-color:#4a6fa5;color:#f2f5fb;font-weight:600}.tool.primary:hover{background:#45689c}.landing-empty{color:#9a9aa2;font-size:14px}.landing-error{color:#e08a8a;font-size:14px}.campaign-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.campaign-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#17171d,#131318);border:1px solid #2a2a32;border-radius:10px;transition:border-color .12s ease}.campaign-card:hover{border-color:#3a3a46}.campaign-card-head{display:flex;align-items:baseline;gap:10px;min-width:0}.campaign-card .campaign-name{font-size:17px;font-weight:600;color:#ececf0;background:none;border:none;padding:0;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-card button.campaign-name:hover{color:#8fb2ff}.campaign-name-input{font:inherit;font-size:17px;font-weight:600;color:#e8e8ea;background:#16161c;border:1px solid #4a6fa5;border-radius:6px;padding:4px 8px;flex:1}.campaign-card-actions{display:flex;flex-wrap:wrap;gap:8px}.character-card .campaign-card-head{justify-content:space-between}.stage{position:relative;flex:1;min-height:0}.board{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.board canvas{display:block}.board-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#1a1a1f;color:#9a9aa5;font-size:.9em;pointer-events:none}.board-placeholder .spinner{width:28px;height:28px;border:3px solid #2a2a32;border-top-color:#6aa0ff;border-radius:50%;animation:board-spin .8s linear infinite}@keyframes board-spin{to{transform:rotate(360deg)}}.token-panel{position:absolute;top:12px;right:12px;width:200px;display:flex;flex-direction:column;gap:10px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.token-panel h2{margin:0;font-size:.95em;font-weight:600}.token-panel .field{display:flex;flex-direction:column;gap:4px;font-size:.8em;color:#9a9aa5}.token-panel .field input[type=text]{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.token-panel .field input[type=color]{width:100%;height:28px;padding:0;background:#23232b;border:1px solid #2a2a32;border-radius:6px;cursor:pointer}.token-panel .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 10px;cursor:pointer}.token-panel .token-image-controls{display:flex;flex-direction:column;gap:6px}.token-panel .token-hp-controls{display:flex;align-items:center;gap:6px}.token-panel .token-hp-controls input[type=number]{width:100%;min-width:0;font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px}.token-panel .token-hp-sep{color:#6a6a75}.token-panel .token-status-list{display:flex;flex-wrap:wrap;gap:4px}.token-panel .token-status-list .status{padding:2px 6px;font-size:.95em;background:#23232b;border:1px solid #2a2a32}.token-panel .token-status-list .status.active{background:#4a3a12;border-color:#ffc107;color:#ffd34d}.template-panel{position:absolute;top:12px;right:12px;width:200px;display:flex;flex-direction:column;gap:10px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.template-panel h2{margin:0;font-size:.95em;font-weight:600}.template-panel .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 10px;cursor:pointer}.toolbar .template-shape,.toolbar .draw-shape{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px;cursor:pointer}.toolbar .draw-color{width:28px;height:28px;padding:0;background:#23232b;border:1px solid #2a2a32;border-radius:6px;cursor:pointer}.toolbar .dice-roller{display:inline-flex;align-items:center;gap:6px}.toolbar .dice-roller .dice-notation{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;width:150px}.toolbar .dice-theme{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px}.toolbar .dice-color{width:28px;height:26px;padding:0;border:1px solid #2a2a32;border-radius:6px;background:#23232b;cursor:pointer}.toolbar .dice-roller .dice-notation:focus{outline:none;border-color:#4a6fa5}.toolbar .dice-roller .dice-error{color:#e07a7a;font-size:.8em}.roll-log{position:absolute;bottom:12px;right:12px;width:220px;max-height:50%;display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.roll-log h2{margin:0;font-size:.95em;font-weight:600}.roll-log .roll-empty{margin:0;color:#9a9aa5;font-size:.85em}.roll-log ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.roll-log .roll-entry{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px;background:#1d1d24;border-radius:6px;font-size:.82em}.roll-log .roll-who{color:#c8c8d0;font-weight:600}.roll-log .roll-total{grid-row:span 2;align-self:center;text-align:right;font-size:1.3em;font-weight:700;color:#e8e8ea}.roll-log .roll-notation{color:#9a9aa5}.roll-log .roll-dice{color:#6f6f7a;font-size:.9em}.actors-panel{position:absolute;top:12px;left:12px;width:240px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.macros-panel{position:absolute;top:12px;left:224px;width:300px;max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.macros-panel .macros-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.macros-panel h2{margin:0;font-size:.95em;font-weight:600}.macros-panel .macros-empty{margin:0;color:#9a9aa5;font-size:.85em}.macros-panel .macros-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.macros-panel .macro-row{display:flex;align-items:center;gap:6px}.macros-panel .macro-open{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;font:inherit;text-align:left;color:#e8e8ea;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;cursor:pointer}.macros-panel .macro-author{color:#9a9aa5;font-size:.8em}.macros-panel .macro-entry{display:flex;flex-direction:column;gap:8px}.macros-panel .macro-name{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.macros-panel .macro-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#e8e8ea;background:#0f0f12;border:1px solid #2a2a32;border-radius:6px;padding:8px;min-height:120px;resize:vertical}.macros-panel .macro-error{margin:0;color:#e07a7a;font-size:.82em;white-space:pre-wrap}.macros-panel .macro-trust-confirm{display:flex;flex-direction:column;gap:8px;padding:10px;background:#2a2016;border:1px solid #6a5a2a;border-radius:6px;font-size:.85em}.macros-panel .macro-trust-remember{display:flex;align-items:center;gap:6px}.macros-panel .macro-trust-actions{display:flex;gap:8px}.chat-panel{position:absolute;top:12px;left:224px;width:300px;max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.chat-panel .chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-panel h2{margin:0;font-size:.95em;font-weight:600}.chat-panel .chat-empty{margin:0;color:#9a9aa5;font-size:.85em}.chat-panel .chat-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.chat-panel .chat-message{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px}.chat-panel .chat-who{color:#9a9aa5;font-size:.8em}.chat-panel .chat-text{color:#e8e8ea;font-size:.9em;white-space:pre-wrap;overflow-wrap:anywhere}.chat-panel .chat-compose{display:flex;gap:6px}.chat-panel .chat-input{flex:1;min-width:0;font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.modules-panel{position:absolute;top:12px;left:224px;width:300px;max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.modules-panel h2{margin:0;font-size:.95em;font-weight:600}.modules-panel .modules-warning{margin:0;padding:8px 10px;color:#f0d9a0;background:#2a2016;border:1px solid #6a5a2a;border-radius:6px;font-size:.82em}.modules-panel .modules-install{display:flex;flex-direction:column;gap:6px}.modules-panel .module-name,.modules-panel .module-source,.modules-panel .module-value{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.modules-panel .module-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:#0f0f12;min-height:100px;resize:vertical}.modules-panel .modules-reload-note,.modules-panel .modules-empty{margin:0;color:#9a9aa5;font-size:.82em}.modules-panel .modules-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.modules-panel .module-row{display:flex;align-items:center;gap:6px}.modules-panel .module-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.modules-panel .module-label{color:#e8e8ea;overflow-wrap:anywhere}.modules-panel .module-source-tag{color:#9a9aa5;font-size:.8em}.module-errors{padding:8px 10px;background:#2a1616;border:1px solid #6a2a2a;border-radius:6px}.module-error-row{margin:0;color:#e07a7a;font-size:.82em;white-space:pre-wrap}.terrain-panel{position:absolute;top:12px;left:224px;width:260px;max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.terrain-panel h2{margin:0;font-size:.95em;font-weight:600}.terrain-panel h3{margin:0 0 6px;color:#9a9aa5;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.terrain-panel .terrain-controls{display:flex;align-items:flex-end;gap:8px}.terrain-panel .terrain-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.terrain-panel .terrain-pack .tool{margin-top:6px}.terrain-tile{width:100%;aspect-ratio:1;padding:0;overflow:hidden;background:#23232b;border:1px solid #2a2a32;border-radius:6px;cursor:pointer}.terrain-tile.active{border-color:#6ea8fe;box-shadow:0 0 0 1px #6ea8fe}.terrain-tile img{display:block;width:100%;height:100%;object-fit:cover}.actors-panel .actors-header{display:flex;align-items:center;justify-content:space-between}.actors-panel h2{margin:0;font-size:.95em;font-weight:600}.actors-panel .actors-empty{margin:0;color:#9a9aa5;font-size:.85em}.actors-panel ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.actors-panel .actor-row{display:flex;align-items:center;gap:6px}.actors-panel .actor-open{flex:1;text-align:left;font:inherit;color:#e8e8ea;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;cursor:pointer}.actors-panel .actor-open:hover{background:#2c2c36}.actors-panel .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 10px;cursor:pointer}.actors-panel .actor-row{flex-wrap:wrap}.actors-panel .library-import{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid #2a2a32}.actors-panel .library-import h3{margin:0;font-size:.85em;font-weight:600;color:#9a9aa5}.actors-panel .library-name{flex:1;font-size:.9em}.actors-panel .library-reason{color:#9a9aa5;font-size:.8em}.landing .library-system{color:#9a9aa5;font-size:.85em}.scenes-panel{position:absolute;bottom:12px;left:12px;width:220px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.scenes-panel .scenes-header{display:flex;align-items:center;justify-content:space-between}.scenes-panel h2{margin:0;font-size:.95em;font-weight:600}.scenes-panel ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.scenes-panel .scene-row{display:flex;align-items:center;gap:6px}.scenes-panel .scene-open{font:inherit;color:#9a9aa5;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;cursor:pointer}.scenes-panel .scene-row.active .scene-open{color:#6aa0ff;border-color:#4a6fa5}.scenes-panel .scene-name{flex:1;min-width:0;font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.scenes-panel .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 10px;cursor:pointer}.scenes-panel .tool.danger:disabled{opacity:.4;cursor:not-allowed}.initiative-panel{position:absolute;top:12px;right:12px;width:240px;max-height:calc(100% - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.initiative-panel .initiative-header{display:flex;align-items:baseline;justify-content:space-between}.initiative-panel h2{margin:0;font-size:.95em;font-weight:600}.initiative-panel .initiative-round{color:#9a9aa5;font-size:.85em}.initiative-panel .initiative-actions,.initiative-panel .initiative-controls{display:flex;gap:6px}.initiative-panel .initiative-actions .tool,.initiative-panel .initiative-controls .tool{flex:1;font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 8px;cursor:pointer}.initiative-panel .tool:disabled{opacity:.4;cursor:not-allowed}.initiative-panel .initiative-empty{margin:0;color:#9a9aa5;font-size:.85em}.initiative-panel .initiative-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.initiative-panel .combatant-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px}.initiative-panel .combatant-row.active{border-color:#4a6fa5;background:#1f2738}.initiative-panel .combatant-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e8ea}.initiative-panel .combatant-row.active .combatant-name{color:#6aa0ff;font-weight:600}.initiative-panel .combatant-initiative{width:48px;font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:2px 4px;text-align:center}.initiative-panel .combatant-row .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:2px 8px;cursor:pointer}.journal-panel{position:absolute;top:12px;right:12px;width:280px;max-height:calc(100% - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.journal-panel .journal-header{display:flex;align-items:center;justify-content:space-between}.journal-panel h2{margin:0;font-size:.95em;font-weight:600}.journal-panel .tool{font:inherit;color:#e8e8ea;border-radius:6px;padding:4px 10px;cursor:pointer}.journal-panel .journal-empty{margin:0;color:#9a9aa5;font-size:.85em}.journal-panel .journal-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.journal-panel .journal-row{display:flex;align-items:center;gap:6px}.journal-panel .journal-open{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;font:inherit;color:#e8e8ea;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;cursor:pointer}.journal-panel .journal-open:hover{background:#2c2c36}.journal-panel .journal-shared-badge{flex:none;font-size:.7em;color:#6aa0ff;border:1px solid #4a6fa5;border-radius:4px;padding:0 4px}.journal-panel .journal-entry{display:flex;flex-direction:column;gap:8px}.journal-panel .journal-entry-title,.journal-panel .journal-entry-body{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.journal-panel .journal-entry-title-read{margin:0;font-size:1em;font-weight:600}.journal-panel .journal-entry-body{min-height:160px;resize:vertical}.journal-panel .journal-entry-body-read{margin:0;white-space:pre-wrap;word-break:break-word;color:#d0d0d6;font-size:.9em}.journal-panel .journal-entry-image{max-width:100%;border-radius:6px}.journal-panel .journal-entry-controls{display:flex;flex-direction:column;gap:8px}.journal-panel .journal-share{display:flex;align-items:center;gap:6px;font-size:.9em}.journal-panel .journal-image-controls{display:flex;gap:6px}.toolbar .audio-controls{display:inline-flex;align-items:center;gap:6px}.toolbar .audio-controls .audio-url{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;width:120px}.toolbar .audio-controls .audio-url:focus{outline:none;border-color:#4a6fa5}.toolbar .audio-controls .audio-volume{width:80px;cursor:pointer}.character-sheet{position:absolute;top:12px;left:224px;width:280px;max-height:calc(100% - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:14px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.character-sheet .sheet-header{display:flex;align-items:center;gap:8px}.character-sheet .sheet-name{flex:1;font:inherit;font-weight:600;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px}.character-sheet .tool{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 10px;cursor:pointer}.character-sheet .tool.sheet-close{flex:none;padding:4px 8px;font-size:15px;line-height:1;color:#b8b8be}.character-sheet .tool.sheet-close:hover{color:#e8e8ea;border-color:#3a3a44}.character-sheet .sheet-vitals{display:flex;gap:10px}.character-sheet .sheet-field{display:flex;flex-direction:column;gap:4px;font-size:.8em;color:#9a9aa5}.character-sheet .sheet-field input,.character-sheet .sheet-hp input{font:inherit;width:56px;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px}.character-sheet .sheet-field output{font-size:1.2em;font-weight:700;color:#e8e8ea}.character-sheet .sheet-hp{display:flex;align-items:center;gap:6px;font-size:.85em;color:#9a9aa5}.character-sheet .sheet-hp input{width:64px}.character-sheet .sheet-abilities{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}.character-sheet .sheet-ability{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#1d1d24;border-radius:6px}.character-sheet .ability-label{flex:1;font-size:.78em;color:#c8c8d0}.character-sheet .ability-score{font:inherit;width:44px;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:3px 4px;text-align:center}.character-sheet .ability-mod{width:28px;text-align:right;font-weight:700;color:#e8e8ea}.character-sheet .sheet-skills{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.character-sheet .sheet-skill{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:2px 4px;font-size:.8em}.character-sheet .skill-ability{color:#6f6f7a;text-transform:uppercase;font-size:.85em}.character-sheet .skill-label{color:#c8c8d0}.character-sheet .skill-mod{font-weight:600;color:#e8e8ea}.character-sheet .check-roll{font:inherit;cursor:pointer;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:3px 6px}.character-sheet .check-roll:hover{background:#2d2d37;border-color:#3a3a44}.fae-sheet .sheet-approaches{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.fae-sheet .sheet-approach{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#1d1d24;border-radius:6px}.fae-sheet .approach-label{flex:1;font-size:.82em;color:#c8c8d0}.fae-sheet .approach-score{font:inherit;width:44px;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:3px 4px;text-align:center}.fae-sheet .approach-mod{width:32px;text-align:center;font-weight:700;color:#e8e8ea}.fae-sheet .sheet-section-head,.fae-sheet .sheet-stress>span{display:flex;align-items:center;justify-content:space-between;font-size:.8em;color:#9a9aa5}.fae-sheet .sheet-aspects ul,.fae-sheet .sheet-consequences{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.fae-sheet .sheet-aspect{display:flex;align-items:center;gap:6px}.fae-sheet .aspect-text,.fae-sheet .consequence-text{flex:1;font:inherit;font-size:.82em;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 6px}.fae-sheet .sheet-stress{display:flex;flex-direction:column;gap:6px}.fae-sheet .stress-boxes{display:flex;gap:6px}.fae-sheet .stress-box{font:inherit;width:32px;height:32px;color:#9a9aa5;background:#23232b;border:1px solid #2a2a32;border-radius:6px;cursor:pointer}.fae-sheet .stress-box.marked{color:#15151a;background:#c8c8d0;border-color:#c8c8d0;font-weight:700}.fae-sheet .sheet-consequence{display:flex;flex-direction:column;gap:3px;font-size:.78em;color:#9a9aa5}.compendium{position:absolute;top:12px;left:50%;transform:translate(-50%);width:360px;max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:10px;padding:14px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.compendium .compendium-header{display:flex;align-items:center;justify-content:space-between}.compendium h2{margin:0;font-size:.95em;font-weight:600}.compendium .tool{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 10px;cursor:pointer}.compendium .compendium-tabs{display:flex;gap:6px}.compendium .tab{flex:1;font:inherit;color:#c8c8d0;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:4px 8px;cursor:pointer}.compendium .tab:hover{background:#2c2c36}.compendium .tab.active{background:#3a5a8a;border-color:#4a6fa5;color:#e8e8ea}.compendium .compendium-search{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:6px 8px}.compendium .compendium-search:focus{outline:none;border-color:#4a6fa5}.compendium .compendium-filters{display:flex;gap:8px}.compendium .compendium-filter{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:.72em;color:#9a9aa5}.compendium .compendium-filter select{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:5px 6px;cursor:pointer}.compendium .compendium-filter select:focus{outline:none;border-color:#4a6fa5}.compendium .compendium-body{min-height:0;overflow-y:auto}.compendium .compendium-empty{margin:0;color:#9a9aa5;font-size:.85em}.compendium .compendium-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.compendium .compendium-entry{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:#e8e8ea;background:#1d1d24;border:1px solid #2a2a32;border-radius:6px;padding:6px 8px;cursor:pointer}.compendium .compendium-entry:hover{background:#2c2c36}.compendium .entry-name{font-weight:600}.compendium .entry-meta{color:#9a9aa5;font-size:.78em}.compendium .compendium-back{font:inherit;color:#c8c8d0;background:transparent;border:none;padding:0 0 8px;cursor:pointer}.compendium .compendium-back:hover{color:#e8e8ea}.compendium .compendium-entry-detail h3{margin:0 0 4px;font-size:1.05em}.compendium .detail-subtitle{margin:0 0 10px;color:#9a9aa5;font-size:.85em;font-style:italic}.compendium .compendium-link-actions{display:flex;gap:8px;margin:0 0 12px}.compendium .compendium-stat{display:flex;gap:8px;margin:0 0 4px;font-size:.85em}.compendium .stat-label{color:#9a9aa5;min-width:100px}.compendium .stat-value{color:#e8e8ea}.compendium .detail-description{margin:10px 0 0;font-size:.85em;line-height:1.5;color:#d0d0d8;white-space:pre-wrap}.compendium .monster-abilities{margin:10px 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;text-align:center}.compendium .monster-abilities li{display:flex;flex-direction:column;gap:2px;padding:4px 0;background:#1d1d24;border-radius:6px;font-weight:600}.compendium .monster-abilities span{color:#9a9aa5;font-size:.7em;font-weight:400}.compendium .monster-actions h4{margin:12px 0 6px;font-size:.9em}.compendium .monster-action{margin:0 0 8px;font-size:.85em;line-height:1.5;color:#d0d0d8}.compendium .action-name{font-weight:600;font-style:italic;color:#e8e8ea}.help-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);width:280px;display:flex;flex-direction:column;gap:10px;padding:14px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.help-overlay .help-header{display:flex;align-items:center;justify-content:space-between}.help-overlay h2{margin:0;font-size:.95em;font-weight:600}.help-overlay .tool{font:inherit;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-radius:6px;padding:4px 10px;cursor:pointer}.help-overlay .help-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.help-overlay .help-row{display:flex;align-items:center;gap:10px;font-size:.85em;color:#d0d0d8}.help-overlay kbd{flex:none;min-width:36px;text-align:center;font:inherit;font-size:.85em;color:#e8e8ea;background:#23232b;border:1px solid #2a2a32;border-bottom-width:2px;border-radius:5px;padding:2px 6px}.call-controls{display:inline-flex;align-items:center;gap:6px}.call-error{color:#e08a8a;font-size:.8em}.call-panel{position:fixed;top:60px;left:12px;z-index:5;width:240px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#15151a;border:1px solid #2a2a32;border-radius:8px;box-shadow:0 4px 16px #0006}.call-panel .call-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.call-panel h2{margin:0;font-size:.95em;font-weight:600}.call-panel .call-actions{display:inline-flex;gap:4px}.call-panel .call-actions .tool{font-size:.8em;padding:3px 6px}.call-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.call-panel.collapsed{gap:0}.call-panel.collapsed .call-grid{display:none}.call-tile{position:relative;aspect-ratio:4 / 3;background:#0c0c10;border:1px solid #2a2a32;border-radius:6px;overflow:hidden}.call-tile video{width:100%;height:100%;object-fit:cover;background:#0c0c10}.call-tile-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:5px;padding:2px 6px;font-size:.78em;color:#e8e8ea;background:#0000008c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-tile-label .swatch{width:9px;height:9px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.4)}[dir=rtl] .token-panel,[dir=rtl] .template-panel,[dir=rtl] .roll-log,[dir=rtl] .initiative-panel,[dir=rtl] .journal-panel{right:auto;left:12px}[dir=rtl] .actors-panel,[dir=rtl] .scenes-panel,[dir=rtl] .call-panel{left:auto;right:12px}[dir=rtl] .macros-panel,[dir=rtl] .modules-panel,[dir=rtl] .character-sheet{left:auto;right:224px}[dir=rtl] .roll-log .roll-total{text-align:left}[dir=rtl] .actors-panel .actor-open,[dir=rtl] .macros-panel .macro-open,[dir=rtl] .journal-panel .journal-open,[dir=rtl] .compendium .compendium-entry{text-align:right}