body{padding:0;margin:0;background:black;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4;color:#c8c8e0}button,.pure-button{background:#2a2540;color:#c8c8e0;border:1px solid #3a3555;border-radius:4px;padding:6px 12px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}button:hover,.pure-button:hover{background:#3a3555;border-color:#5a5575}button:active,.pure-button:active{background:#1a1a3e}button:disabled,.pure-button:disabled{opacity:.4;cursor:not-allowed}.wallpaper-container{position:fixed;width:100vw;height:100vh;overflow:hidden}.wallpaper-dimmed{filter:brightness(40%)}.wallpaper-container>img{object-fit:cover;width:100%;height:100%}.master-container{width:100vw;height:100vh}.selected{background:rgba(66,184,221,.2);color:#42b8dd;border-left:3px solid #42b8dd}.confirm{background:#9b2335!important;color:#ffd0d6;border-color:#c93a4e}.confirm:hover{background:#b82e42!important}.scene-indicator{position:fixed;top:10px;left:56px;z-index:99;background:rgba(26,21,40,.85);color:#c8c8e0;padding:5px 14px;border-radius:6px;font-size:1rem;font-weight:500;border:1px solid rgba(42,37,64,.6);cursor:pointer;pointer-events:auto;transition:background .15s}.scene-indicator:hover{background:rgba(26,21,40,.95);color:#e0e0ff}.panel-content{background-color:#1a1833;border-right:1px solid #2a2540;border-left:1px solid #2a2540;padding:0 8px;color:#c8c8e0}.panel-content>*{width:100%}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#0f0d1a}.panel-content::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.load-errors-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:none}.load-errors-panel{background:#1a1528;border:1px solid #d4726a;border-radius:6px;padding:12px;max-width:600px;max-height:60vh;overflow-y:auto;pointer-events:auto;min-width:300px}.load-errors-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2540;padding-bottom:8px;margin-bottom:8px}.load-errors-title{color:#d4726a;font-weight:600;font-size:1rem}.load-errors-dismiss{background:transparent;border:none;color:#8a8aaa;cursor:pointer;font-size:1.1rem;padding:2px 6px;border-radius:3px}.load-errors-dismiss:hover{color:#c0c0e0;background:rgba(255,255,255,.05)}.load-error-item{font-size:.85rem;color:#c4a0a0;padding:4px 0;font-family:monospace;word-break:break-word}.load-errors-panel::-webkit-scrollbar{width:6px}.load-errors-panel::-webkit-scrollbar-track{background:#0f0d1a}.load-errors-panel::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.panel-selector{background-color:#1a1528;width:44px;height:100%;display:flex;flex-direction:column;border-right:1px solid #2a2540;gap:2px;padding:4px 0}.left-panel{position:fixed;display:flex;flex-direction:row;height:100%;max-width:30%;z-index:100}.left-panel-button{height:auto;padding:16px 4px;writing-mode:vertical-lr;transform:rotate(180deg);background:transparent;color:#8a8aaa;border:none;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s,background-color .15s;border-radius:0}.left-panel-button:hover{color:#c0c0e0;background:rgba(255,255,255,.05)}.left-panel-button.active{color:#e0e0ff;background:#2a2540;border-right:2px solid #42b8dd}.left-panel .panel-content{max-width:25vw;height:100%;overflow-y:auto}.left-panel .item{text-align:start;width:100%;color:#c8c8e0;font-size:1.15rem}.left-panel .item .item-name{font-size:1.4rem}.left-panel .item .index{font-size:1.5rem;font-weight:700;color:#5a5575;margin-right:8px}.left-panel .sub-buttons{position:sticky;top:0;z-index:10;background-color:#1a1528;border-bottom:1px solid #2a2540;margin-bottom:8px;padding:6px 4px;display:flex;flex-wrap:wrap;gap:4px}.left-panel .sub-button{flex:1 1 auto;min-width:fit-content;padding:5px 10px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.state-buttons{position:sticky;bottom:0;top:auto;margin-bottom:0;margin-top:auto;border-top:1px solid #2a2540;border-bottom:none}.restore-label{cursor:pointer;text-align:center}.restore-file-input{display:none}.sub-button.danger{border-color:#d4726a;color:#d4726a}.sub-button.danger:hover{background:rgba(212,114,106,.15)}.sub-button.danger.confirm{background:#d4726a;color:#1a1528}.map-manager{display:flex;flex-direction:column;width:100%}.map-manager>.layer{padding:8px 4px;display:flex;flex-direction:column;align-content:center;border-bottom:1px solid #2a2540}.map-manager>.layer>.layer-name{padding-bottom:5px;padding-left:6px;font-size:1.15rem}.map-manager>.layer>.layer-controls{display:flex;flex-direction:row;justify-content:space-around}.map-manager>.layer>.layer-controls button{width:44px;height:36px;border-radius:4px;font-size:.9rem}.map-manager .show-false,.map-manager .highlight-false,.map-manager .grid-false{background:#1a1528;color:#5a5575;border-color:#2a2540}.map-manager .show-true{background:#1a3a2e;color:#4ade80;border-color:#2a5a3e}.map-manager .light-bright{background:#3a3a1a;color:#facc15;border-color:#5a5a2a}.map-manager .light-dim{background:#2a2a1a;color:#a39a6a;border-color:#4a4a3a}.map-manager .highlight-true{background:#1a2a3a;color:#7dd3fc;border-color:#2a4a5a}.map-manager .layer-objects{padding:4px 0 0 12px}.map-manager .toggle-objects-group{background:transparent;border:none;color:#5a5575;font-size:.8rem;cursor:pointer;padding:2px 6px}.map-manager .toggle-objects-group:hover{color:#7dd3fc}.map-manager .objects-list{padding:2px 0}.map-manager .object-item{display:flex;align-items:center;gap:4px;padding:3px 0}.map-manager .object-name{flex:1;font-size:.85rem;color:#8a85a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-manager .object-item button{width:32px;height:26px;border-radius:4px;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.map-manager .lock-false{background:#1a2a3a;color:#7dd3fc;border-color:#2a4a5a}.map-manager .show-false:not(.toggle-layer-show){background:#1a1528;color:#5a5575;border-color:#2a2540}.tokens .item{padding:8px;border-bottom:1px solid #2a2540}#manage-tokens .item button{width:36px;height:30px;border-radius:4px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;padding:0}#manage-tokens button.delete{margin-right:8px;color:#db5164;border-color:#5a2a3a;background:#2a1a2e}#manage-tokens button.delete:hover{background:#3a1a2e;border-color:#db5164}#manage-tokens button.active{background:#1a3a4e;color:#42b8dd;border-color:#42b8dd}#manage-tokens button.hidden{display:inline!important}#manage-tokens .owner-button{border-color:transparent;margin-left:4px}#manage-tokens .owner-button:hover{border-color:#42b8dd}#manage-tokens .owner-selector{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 8px;background:rgba(42,37,64,.5);border-bottom:1px solid #2a2540}#manage-tokens .owner-selector .owner-option{display:inline-flex;align-items:center;gap:4px;width:auto;height:auto;padding:3px 8px;font-size:.8rem;border-radius:10px;white-space:nowrap}#manage-tokens .owner-selector .owner-option .owner-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}#manage-tokens .owner-selector .owner-option.active{background:#1a3a4e;border-color:#42b8dd}.scene{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.map-container{position:absolute;x:0;y:0;width:100%;height:100%;z-index:-100;background-color:#000}.map-container .svg-container{margin:0;padding:0;width:100%;height:100%}.map-container image{margin:0;padding:0}.map-container image.dimmed{filter:brightness(50%)}.map-container image.hide{filter:opacity(0)}.map-container image.highlight{filter:brightness(200%)}.map-container image.darken{filter:grayscale(1) brightness(20%)}.map-container image.darken.selected{filter:grayscale(1) brightness(50%)}.map-container image.dimmed.selected{filter:hue-rotate(90deg) brightness(70%)}.map-container image.selected{filter:hue-rotate(90deg) brightness(200%)}.markers-container{position:absolute;x:0;y:0;width:100%;height:100%;z-index:100}.objects-container{pointer-events:none}.grid-container{position:absolute;pointer-events:none;z-index:60}.objects-container .map-object{pointer-events:auto}.tokens-container{pointer-events:none}.tokens-container .token{pointer-events:auto}.token-context-menu{position:fixed;display:flex;gap:3px;padding:6px;background:rgba(26,21,40,.95);border:1px solid #2a2540;border-radius:6px;box-shadow:0 4px 16px #00000080;z-index:400}.token-context-menu button{width:36px;height:32px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:0}.token-context-menu button.active{background:#1a3a4e;border-color:#42b8dd;box-shadow:0 0 0 1px #42b8dd inset}.token-context-menu button.hidden{display:flex!important}.token-context-menu button.delete{margin-left:6px;color:#db5164}.token-context-menu button.delete:hover{background:#3a1a2e;border-color:#db5164}.token .token-index{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,.8);z-index:300;pointer-events:none}.right-panel{position:fixed;display:flex;flex-direction:row-reverse;height:100%;max-width:30%;z-index:100;top:0;right:0}.right-panel-selector{border-right:none;border-left:1px solid #2a2540}.right-panel-content{border-right:none;border-left:1px solid #2a2540;overflow-y:auto}.right-panel-button{height:auto;padding:16px 4px;writing-mode:vertical-rl;transform:rotate(180deg);background:transparent;color:#8a8aaa;border:none;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s,background-color .15s;border-radius:0}.right-panel-button:hover{color:#c0c0e0;background:rgba(255,255,255,.05)}.right-panel-button.active{color:#e0e0ff;background:#2a2540;border-left:2px solid #42b8dd}.group-title{position:sticky;top:0;z-index:10;background-color:#1a1528;border-bottom:1px solid #2a2540;padding:8px 4px;font-size:1.15rem;font-weight:600;color:#c8c8e0}.group-character{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #2a2540}.group-character-portrait{width:48px;height:48px;border-radius:50%;box-sizing:border-box;flex-shrink:0;object-fit:cover}.group-character-info{display:flex;flex-direction:column;gap:2px;min-width:0}.group-character-name{font-size:1.15rem;color:#c8c8e0;word-wrap:break-word}.group-character-player{font-size:.85rem;color:#8a8aaa}.group-character-class{font-size:.85rem;color:#8a8aaa;text-decoration:underline}.panel-empty{padding:16px 8px;color:#5a5575;font-size:.9rem;text-align:center}.links-title{position:sticky;top:0;z-index:10;background-color:#1a1528;border-bottom:1px solid #2a2540;padding:8px 4px;font-size:1.15rem;font-weight:600;color:#c8c8e0}.links-entry{display:block;padding:8px;color:#42b8dd;text-decoration:none;font-size:.95rem;border-bottom:1px solid #2a2540;transition:background-color .15s}.links-entry:hover{background-color:#ffffff0d;color:#6ad0f0}.group-character.claimed{border-left:3px solid #42b8dd}.claim-character-button{background:transparent;border:1px solid #42b8dd;color:#42b8dd;font-size:.75rem;padding:3px 8px;border-radius:3px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background-color .15s,color .15s}.claim-character-button:hover{background:#42b8dd;color:#1a1528}.character-menu-header{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #2a2540}.character-menu-portrait{width:40px;height:40px;border-radius:50%;box-sizing:border-box;flex-shrink:0;object-fit:cover}.character-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.character-menu-name{font-size:1rem;color:#c8c8e0;word-wrap:break-word}.character-menu-class{font-size:.85rem;color:#8a8aaa}.character-menu-section{padding:8px 4px;border-bottom:1px solid #2a2540}.character-menu-section-title{font-size:.85rem;font-weight:600;color:#8a8aaa;margin-bottom:6px}.character-menu-button{width:100%;background:transparent;border:1px solid #42b8dd;color:#42b8dd;padding:6px 8px;font-size:.85rem;cursor:pointer;border-radius:3px}.character-menu-button:hover{background:rgba(66,184,221,.15)}.character-menu-button.on-map{border-color:#d4726a;color:#d4726a}.character-menu-button.on-map:hover{background:rgba(212,114,106,.15)}.character-menu-button:disabled{opacity:.4;cursor:default}.character-menu-extra{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.character-menu-extra-name{font-size:.85rem;color:#c8c8e0}.character-menu-extra-add{background:transparent;border:1px solid #42b8dd;color:#42b8dd;font-size:.75rem;padding:2px 8px;border-radius:3px;cursor:pointer}.character-menu-extra-add:hover{background:rgba(66,184,221,.15)}.character-menu-extra-add:disabled{opacity:.4;cursor:default}.tool-buttons{display:flex;flex-direction:column;gap:2px;padding:4px 0;border-top:1px solid #2a2540}.tool-button{width:36px;height:32px;background:transparent;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8a8aaa;transition:background-color .15s;margin:0 auto}.tool-button:hover{background:rgba(255,255,255,.05);color:#c0c0e0}.tool-button.active{background:#2a2540;color:#e0e0ff;border-left:2px solid #42b8dd}.tool-separator{height:1px;background:#2a2540;margin:2px 6px}.locale-selector{position:relative}.locale-button{font-size:.65rem;font-weight:700;letter-spacing:.05em}.locale-dropdown{position:absolute;right:100%;bottom:0;display:flex;flex-direction:column;background:#1a1528;border:1px solid #2a2540;border-radius:4px;box-shadow:0 4px 12px #0006;z-index:500;padding:2px}.locale-option{padding:4px 10px;background:transparent;border:none;color:#8a8aaa;font-size:.7rem;font-weight:700;cursor:pointer;white-space:nowrap;border-radius:3px}.locale-option:hover{background:rgba(255,255,255,.05);color:#c0c0e0}.locale-option.active{color:#42b8dd}.tools-overlay{position:absolute;pointer-events:none;z-index:350;overflow:visible}.tools-overlay.active{pointer-events:all;cursor:crosshair;user-select:none;-webkit-user-select:none}.initiative-panel{display:flex;flex-direction:column;gap:0}.initiative-title{position:sticky;top:0;z-index:10;background-color:#1a1528;border-bottom:1px solid #2a2540;padding:8px 4px;font-size:1.15rem;font-weight:600;color:#c8c8e0}.initiative-input-section{padding:8px 4px;border-bottom:1px solid #2a2540}.initiative-input-row{display:flex;gap:4px;align-items:center}.initiative-add-form{display:flex;gap:4px;align-items:center;padding:8px 4px;border-bottom:1px solid #2a2540}.initiative-name-input{flex:1;min-width:0;background:#0f0d1a;border:1px solid #2a2540;color:#c8c8e0;padding:4px 6px;font-size:.85rem;border-radius:3px}.initiative-name-input:focus{border-color:#42b8dd;outline:none}.initiative-input{width:52px;background:#0f0d1a;border:1px solid #2a2540;color:#c8c8e0;padding:4px 6px;font-size:.85rem;border-radius:3px;text-align:center}.initiative-input:focus{border-color:#42b8dd;outline:none}.initiative-owner-select{background:#0f0d1a;border:1px solid #2a2540;color:#c8c8e0;padding:4px 2px;font-size:.8rem;border-radius:3px}.initiative-submit{background:transparent;border:1px solid #42b8dd;color:#42b8dd;padding:4px 8px;font-size:.8rem;border-radius:3px;cursor:pointer;white-space:nowrap}.initiative-submit:hover{background:rgba(66,184,221,.15)}.initiative-entry{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #2a2540}.initiative-name{flex:1;font-size:.95rem;color:#c8c8e0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-value{font-size:1.1rem;font-weight:700;color:#e0e0ff;min-width:28px;text-align:right}.initiative-remove{background:transparent;border:none;color:#d4726a;font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1}.initiative-remove:hover{color:#ff8a7a}.initiative-reset{margin:8px 4px;background:transparent;border:1px solid #d4726a;color:#d4726a;padding:6px 8px;font-size:.85rem;border-radius:3px;cursor:pointer;width:calc(100% - 8px)}.initiative-reset:hover{background:rgba(212,114,106,.15)}.hp-bar-track{width:100%;height:6px;background:#0f0d1a;border-radius:3px;overflow:hidden;display:flex;margin:4px 0 2px}.hp-bar-detailed{height:8px;border-radius:4px}.hp-bar-current{height:100%;transition:width .3s ease}.hp-bar-temp{height:100%;background:#8a7abf;transition:width .3s ease}.hp-bar-current.healthy{background:#42b8dd}.hp-bar-current.wounded{background:#d4a843}.hp-bar-current.critical{background:#d4726a}.charkeeper-stats-line{font-size:.8rem;color:#8a8aaa;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charkeeper-stats-divider{color:#5a5575}.charkeeper-hp-numbers{font-size:.8rem;color:#8a8aaa}.charkeeper-detail{padding:6px 4px}.charkeeper-detail-numbers{display:flex;align-items:center;justify-content:space-between}.charkeeper-ac{font-size:.8rem;color:#8a8aaa;font-weight:600}.charkeeper-status-dot{width:8px;height:8px;border-radius:50%;margin:4px auto;transition:background-color .3s ease}.charkeeper-status-dot.ok{background:#42b8dd}.charkeeper-status-dot.partial{background:#d4a843}.charkeeper-status-dot.error{background:#d4726a}