:root{--frame-surface:#0e131ea8;--frame-dialog:#111724cc;--frame-accent:#b4c4dc;--frame-blur:blur(28px) saturate(1.6)}:root[data-effects=reduced]{--frame-surface:#0e131eeb;--frame-dialog:#111724f5;--frame-blur:none}:root[data-effects=reduced] *,:root[data-effects=reduced] :before,:root[data-effects=reduced] :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root{--radius:0}.monsters-panel .statblock-editor .editor-scroll h3,.monsters-panel .monster-detail .detail-header,#left-menu #control-panel .monsters-panel .monster-results h4,#left-menu #control-panel .map-resources .resource-list-part h3,#left-menu #control-panel #block-select .block-group-label,.panel-section h3,#battlemap-tools-container #controls-cheat-sheet h3{letter-spacing:.1em;text-transform:uppercase;color:var(--frame-accent);background-color:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:600;display:flex}.monsters-panel .statblock-editor .editor-scroll h3 svg,.monsters-panel .monster-detail .detail-header svg,#left-menu #control-panel .monsters-panel .monster-results h4 svg,#left-menu #control-panel .map-resources .resource-list-part h3 svg,#left-menu #control-panel #block-select .block-group-label svg,.panel-section h3 svg,#battlemap-tools-container #controls-cheat-sheet h3 svg{font-size:16px}.monsters-panel .statblock-import .drop-zone.dragging,#encounter-select .scene-folder.drop-target,#encounter-select.drop-target,.playlist-manager .tracks-panel.drop-target,#left-menu #control-panel .playlist-select-tool.drop-target,#left-menu #control-panel .playlist-select-tool .folder.drop-target,#left-menu #control-panel .playlist-select-tool .playlist.drop-target,#left-menu #control-panel #block-select .block-selector-item.drop-target,#left-menu #control-panel #block-select.drop-target{outline:2px dashed var(--mui-palette-primary-main);outline-offset:-2px}.mobile-menu:not(.mobile-sheet) .tracker,.handout .clear-text,.spotify-converter-modal .spotify-converter .list,.panel-body,.notes-panel .notes-content,.right-menu .counter-list .counter-items,.mobile-menu .counter-list .counter-items,.right-menu .initiative-rows,.mobile-menu .initiative-rows,.right-menu,#battlemap-tools-container #controls-cheat-sheet{scrollbar-width:none}.mobile-menu:not(.mobile-sheet) .tracker::-webkit-scrollbar{display:none}.handout .clear-text::-webkit-scrollbar{display:none}.spotify-converter-modal .spotify-converter .list::-webkit-scrollbar{display:none}.panel-body::-webkit-scrollbar{display:none}.notes-panel .notes-content::-webkit-scrollbar{display:none}.right-menu .counter-list .counter-items::-webkit-scrollbar{display:none}.mobile-menu .counter-list .counter-items::-webkit-scrollbar{display:none}.right-menu .initiative-rows::-webkit-scrollbar{display:none}.mobile-menu .initiative-rows::-webkit-scrollbar{display:none}.right-menu::-webkit-scrollbar{display:none}#battlemap-tools-container #controls-cheat-sheet::-webkit-scrollbar{display:none}body{-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;margin:0;padding:0;font-family:roboto;position:fixed;overflow:hidden;line-height:1.2!important}h1,h2,h3,h4{margin:13px}#root{background-color:var(--mui-palette-background-default);height:100dvh;color:var(--mui-palette-text-primary);text-align:center;background-position:50%;background-repeat:no-repeat}.grow{flex-grow:10}.sortable-ghost{opacity:0;background-color:#dadada}.stealth-input{color:inherit;font-size:inherit;background:0 0;outline:none;font-weight:inherit!important;border:none!important}#bottom-curtain,#top-curtain{z-index:2;width:100vw;height:90px;position:absolute}#top-curtain{background-image:linear-gradient(#000,#000,#0000);top:0}#bottom-curtain{background-image:linear-gradient(#0000,#000,#000);bottom:0}.modal{z-index:9;max-width:90vw;max-height:90vh;position:absolute;top:100px}.modal .modal-topper{border-bottom:1px solid var(--mui-palette-divider);background-color:#0d1216bf;justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.modal .modal-topper .title{flex-grow:20;font-size:16px;font-weight:700}.modal .modal-topper button{padding:2px}.modal .content{background-color:#0d1216bf;align-items:center;max-height:80vh;display:flex;overflow-y:scroll}.sortable-folders{text-align:left;flex-direction:column;height:100%;padding:6px 0;display:flex}.sortable-folders .folder .header{border-radius:var(--radius);color:var(--mui-palette-text-primary);cursor:pointer;align-items:center;margin:0 4px;padding:4px 6px;font-size:13px;font-weight:600;transition:color .2s,background-color .2s;display:flex}.sortable-folders .folder .header svg{color:var(--mui-palette-text-disabled);margin-right:4px;font-size:18px}.sortable-folders .folder .header:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.sortable-folders .folder .header .marks{gap:4px;margin-left:auto;padding-left:8px;display:flex}.sortable-folders .folder .header .marks svg{color:var(--mui-palette-primary-main);opacity:.6;margin:0;font-size:17px}.sortable-folders .folder .header .marks .has-playing svg{opacity:1}.sortable-folders .folder .header .marks .mark{border-radius:var(--radius);cursor:pointer;padding:2px;display:flex}.sortable-folders .folder .header .marks .mark:hover{background-color:var(--mui-palette-action-selected)}.sortable-folders .folder .header .marks .mark:hover svg{opacity:1}.sortable-folders .folder .folder-content{border-left:1px solid #8fb3c440;margin:0 0 4px 18px}.sortable-folders .element-list{flex-direction:column;min-height:10px;display:flex}.sortable-folders .element-list>div{border-radius:var(--radius);color:var(--mui-palette-text-secondary);cursor:pointer;align-items:center;margin:0 4px;padding:4px 6px;font-size:13px;transition:color .2s,background-color .2s;display:flex}.sortable-folders .element-list>div:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.sortable-folders .element-list>div>svg{margin-right:6px;font-size:16px}.sortable-folders .folderless-elements{flex-grow:10}.image-add-tool{flex-direction:column;align-items:center;max-width:300px;display:flex}.image-add-tool .image-show{position:relative}.image-add-tool .image-show img{width:auto;max-width:200px;height:auto;max-height:300px}.image-add-tool .image-show img:hover{filter:sepia(2)}.image-add-tool .image-show button{background-color:color-mix(in srgb, var(--mui-palette-error-main) 66%, transparent);border-radius:0;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.image-add-tool .image-show:hover button{display:block}.image-add-tool .add-options{background-color:#1a2229;border:1px solid #fff;flex-direction:column;align-items:center;padding:20px;display:flex}.image-add-tool .add-options .or-drop{margin:20px 0}.image-add-tool .add-options button{margin:0 5px}.auth-page{box-sizing:border-box;background-image:url(https://wallpaperaccess.com/full/27733.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100dvh;padding:40px 16px;display:flex;position:relative}.auth-page .MuiButton-root{border-radius:var(--radius);text-transform:none;letter-spacing:.2px;box-shadow:none;padding:7px 18px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}.auth-page .MuiButton-root:active{transform:translateY(1px)}.auth-page .MuiButton-root.Mui-disabled{opacity:.6}.auth-page .MuiButton-contained.MuiButton-colorPrimary{color:color-mix(in srgb, var(--mui-palette-primary-main) 15%, black)}.auth-page .MuiButton-contained.MuiButton-colorPrimary:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 80%, white);box-shadow:0 4px 14px color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent)}.auth-page .MuiButton-outlined{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 45%, transparent)}.auth-page .MuiButton-outlined:hover{border-color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 8%, transparent)}.auth-page .MuiButton-text{color:var(--mui-palette-text-secondary)}.auth-page .MuiButton-text:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary)}.auth-page .MuiIconButton-root{border-radius:var(--radius);color:var(--mui-palette-text-disabled);transition:background-color .15s,color .15s}.auth-page .MuiIconButton-root:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);color:var(--mui-palette-primary-main)}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#00000026 0%,#0009 100%);position:absolute;inset:0}.auth-page .auth-card{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);box-sizing:border-box;border-radius:var(--radius);border:1px solid #ffffff1a;border-top:2px solid var(--mui-palette-primary-main);flex-direction:column;gap:24px;width:100%;max-width:420px;padding:36px 36px 28px;animation:.35s ease-out auth-card-in;display:flex;position:relative;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1a}@media (width<=480px){.auth-page .auth-card{padding:28px 20px 22px}}.auth-page header{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-page header .logo{width:150px;height:150px;filter:drop-shadow(0 4px 18px color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent));transform-origin:50% 85%;margin:-20px 0 -12px}.auth-page header .logo.fallen{animation:2s linear .35s both logo-fall}.auth-page header .logo.hopeful{animation:.6s ease-out both logo-get-up}.auth-page header h1{color:var(--mui-palette-text-primary);margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.3}.auth-page header p{color:var(--mui-palette-text-secondary);margin:0;font-size:14px}.auth-page form{flex-direction:column;gap:18px;display:flex}.auth-page .form-row{justify-content:space-between;align-items:center;gap:10px;margin:-8px 0 -4px;display:flex}.auth-page .form-row .MuiFormControlLabel-label{color:var(--mui-palette-text-secondary);font-size:14px}.auth-page a:not(.MuiButton-root){color:var(--mui-palette-primary-main);font-size:14px;font-weight:500;text-decoration:none}.auth-page a:not(.MuiButton-root):hover{text-decoration:underline}.auth-page .MuiButton-sizeLarge{padding:10px 18px}.auth-page .social-divider{color:var(--mui-palette-text-disabled);margin:-4px 0;font-size:13px}.auth-page .social-buttons{justify-content:center;gap:16px;display:flex}.auth-page .social-buttons .MuiIconButton-root{border:1px solid var(--mui-palette-divider);width:52px;height:52px}.auth-page footer{border-top:1px solid var(--mui-palette-divider);text-align:center;color:var(--mui-palette-text-disabled);padding-top:20px;font-size:14px}.auth-page .unless{align-self:center}.auth-page p.unless{color:var(--mui-palette-text-secondary);margin:-14px 0 0;font-size:15px;font-style:italic}.auth-page .MuiButton-root.unless{color:color-mix(in srgb, var(--mui-palette-primary-main) 70%, var(--mui-palette-text-secondary));border-color:color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent);margin-top:-6px;padding:6px 20px;font-size:15px}.auth-page .MuiButton-root.unless:hover{color:var(--mui-palette-primary-main);border-color:var(--mui-palette-primary-main)}.auth-page .last-resort{text-align:center;color:var(--mui-palette-text-secondary);margin:0;font-size:14px}.auth-page .last-resort small{color:var(--mui-palette-text-disabled);margin-top:2px;font-size:12px;display:block}.auth-page .struck{color:var(--mui-palette-text-secondary);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(currentColor,currentColor) 0 55%/0 2px no-repeat;animation:.5s ease-out .2s forwards strike-through}.auth-page .struck-reply{color:var(--mui-palette-text-primary);opacity:0;margin-top:8px;font-size:16px;animation:.35s ease-out .7s forwards auth-card-in}.auth-page .struck-reply .party{animation:.5s cubic-bezier(.34,1.8,.64,1) 1.1s both party-pop;display:inline-block}.auth-page header .logo.cheer{animation:.9s ease-out .2s both logo-hop}@keyframes party-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:none}}@keyframes logo-hop{0%,50%,to{transform:translateY(0)}22%{transform:translateY(-16px)rotate(-4deg)}72%{transform:translateY(-9px)rotate(3deg)}}.auth-page .reveal{animation:1s ease-out both reveal}@keyframes reveal{0%{opacity:0;translate:0 10px}to{opacity:1;translate:none}}@keyframes logo-fall{0%{filter:grayscale(0) brightness(1) drop-shadow(0 4px 18px color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent));animation-timing-function:ease-in-out;transform:rotate(0)translate(0)}35%{filter:grayscale(0) brightness(1) drop-shadow(0 4px 18px color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent));animation-timing-function:cubic-bezier(.55,0,.85,.35);transform:rotate(5deg)translate(0)}82%{animation-timing-function:ease-in-out;transform:rotate(-27deg)translate(-6px,10px)}to{filter:grayscale()brightness(.7)drop-shadow(0 4px 18px #0000004d);transform:rotate(-24deg)translate(-6px,10px)}}@keyframes logo-get-up{0%{filter:grayscale()brightness(.7)drop-shadow(0 4px 18px #0000004d);transform:rotate(-24deg)translate(-6px,10px)}to{filter:grayscale(0) brightness(1) drop-shadow(0 4px 18px color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent));transform:none}}@media (prefers-reduced-motion:reduce){.auth-page .reveal,.auth-page header .logo.hopeful,.auth-page header .logo.cheer{animation:none}.auth-page header .logo.fallen{filter:grayscale()brightness(.7)drop-shadow(0 4px 18px #0000004d);animation:none}}@keyframes strike-through{to{background-size:100% 2px}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.user-dashboard{background-image:url(https://wallpaperaccess.com/full/27733.jpg);background-size:cover;grid-template-columns:auto 250px;height:100dvh;display:grid}@media (width<=768px){.user-dashboard{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}.user-dashboard .user-menu{grid-row:1}}.user-dashboard .MuiButton-root{border-radius:var(--radius);text-transform:none;letter-spacing:.2px;box-shadow:none;padding:7px 18px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}.user-dashboard .MuiButton-root:active{transform:translateY(1px)}.user-dashboard .MuiButton-root.Mui-disabled{opacity:.6}.user-dashboard .MuiButton-contained.MuiButton-colorPrimary{color:color-mix(in srgb, var(--mui-palette-primary-main) 15%, black)}.user-dashboard .MuiButton-contained.MuiButton-colorPrimary:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 80%, white);box-shadow:0 4px 14px color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent)}.user-dashboard .MuiButton-outlined{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 45%, transparent)}.user-dashboard .MuiButton-outlined:hover{border-color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 8%, transparent)}.user-dashboard .MuiButton-text{color:var(--mui-palette-text-secondary)}.user-dashboard .MuiButton-text:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary)}.user-dashboard .MuiIconButton-root{border-radius:var(--radius);color:var(--mui-palette-text-disabled);transition:background-color .15s,color .15s}.user-dashboard .MuiIconButton-root:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);color:var(--mui-palette-primary-main)}.user-dashboard .campaign-selector.dashboard-page{width:calc(100% - 40px)}.user-dashboard .campaign-selector.dashboard-page .MuiButton-contained{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);color:var(--mui-palette-primary-main)}.user-dashboard .campaign-selector.dashboard-page .MuiButton-contained:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 24%, transparent);box-shadow:none}.user-dashboard .campaign-selector.dashboard-page .MuiButton-outlined{color:var(--mui-palette-text-secondary);border-color:#8fb3c440}.user-dashboard .campaign-selector.dashboard-page .MuiButton-outlined:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary);border-color:#8fb3c440}.user-dashboard .campaign-selector.dashboard-page .actions{gap:10px;display:flex}.user-dashboard .campaign-selector.dashboard-page .email-reminder{margin-bottom:25px}.user-dashboard .campaign-selector.dashboard-page .email-reminder p{margin:0 0 10px}.user-dashboard .campaign-selector.dashboard-page .email-reminder .actions{flex-wrap:wrap}.user-dashboard .campaign-selector.dashboard-page .campaign-section+.campaign-section{margin-top:35px}.user-dashboard .campaign-selector.dashboard-page .campaign-section h2{border-bottom:1px solid var(--mui-palette-divider);color:var(--mui-palette-text-secondary);text-align:left;align-items:center;gap:10px;margin:0 0 15px;padding-bottom:10px;font-size:18px;font-weight:500;display:flex}.user-dashboard .campaign-selector.dashboard-page .campaign-section h2 svg{color:var(--frame-accent)}.user-dashboard .campaign-selector.dashboard-page .campaign-section h2 .count{border-radius:var(--radius);background-color:var(--mui-palette-divider);color:var(--mui-palette-text-disabled);padding:2px 8px;font-size:13px}.user-dashboard .campaign-selector.dashboard-page .campaign-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign{border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign:hover{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 60%, transparent);transform:translateY(-3px);box-shadow:0 8px 20px #00000080}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign:hover .thumbnail img{transform:scale(1.04)}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--frame-accent) 22%, transparent), #00000059);justify-content:center;align-items:center;display:flex;overflow:hidden}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .thumbnail .placeholder{color:#ffffff4d;font-size:48px}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .body{text-align:left;flex-direction:column;flex:1;gap:12px;padding:15px;display:flex}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .heading{flex-direction:column;gap:2px;min-width:0;display:flex}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .last-played{color:var(--mui-palette-text-disabled);font-size:13px}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .title{color:var(--mui-palette-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;text-decoration:none;overflow:hidden}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .title:hover{color:var(--mui-palette-primary-main)}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign .card-actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign.loading{pointer-events:none}.user-dashboard .campaign-selector.dashboard-page .campaign-list .campaign.loading .thumbnail{background:var(--mui-palette-divider)}.user-dashboard .user-menu{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);box-sizing:border-box;border:1px solid #ffffff1a;flex-direction:column;height:calc(100dvh - 16px);margin:8px;display:flex;overflow:hidden;box-shadow:-4px 0 10px #00000080}.user-dashboard .user-menu .header{background-image:linear-gradient(#ffffff12,#ffffff08);border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:12px;padding:24px 18px 18px;display:flex;box-shadow:inset 0 1px #ffffff1a}.user-dashboard .user-menu .header .avatar{width:104px;height:104px;font-size:44px;box-shadow:0 4px 14px #00000073}.user-dashboard .user-menu .header .username{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:500;overflow:hidden}.user-dashboard .user-menu .options-container{padding:8px 0}.user-dashboard .user-menu .bottom-container{border-top:1px solid var(--mui-palette-divider);margin-top:auto;padding:8px 0}.user-dashboard .user-menu .element{color:var(--mui-palette-text-secondary);cursor:pointer;transition:color .15s,background-color .15s;position:relative}.user-dashboard .user-menu .element:before{content:"";background-color:var(--mui-palette-primary-main);border-radius:3px 0 0 3px;width:3px;transition:transform .15s,opacity .15s;position:absolute;top:6px;bottom:6px;right:0;transform:scaleY(0)}.user-dashboard .user-menu .element:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.user-dashboard .user-menu .element.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.user-dashboard .user-menu .element.active:before{transform:scaleY(1)}.user-dashboard .user-menu .element{width:100%;font:inherit;text-align:left;box-sizing:border-box;background:0 0;border:0;align-items:center;gap:14px;padding:11px 18px;font-size:15px;text-decoration:none;display:flex}.user-dashboard .user-menu .element svg{color:var(--frame-accent);transition:color .15s}.user-dashboard .user-menu .element.active svg{color:var(--mui-palette-primary-main)}.user-dashboard .user-menu .logout:hover{background-color:color-mix(in srgb, var(--mui-palette-error-main) 12%, transparent);color:var(--mui-palette-error-main)}.user-dashboard .user-menu .logout:hover svg{color:var(--mui-palette-error-main)}@media (width<=768px){.user-dashboard .user-menu{flex-direction:row;align-items:center;height:auto;margin-bottom:0}.user-dashboard .user-menu .header{box-shadow:none;background:0 0;border:0;padding:8px 12px}.user-dashboard .user-menu .header .avatar{width:40px;height:40px;box-shadow:none;font-size:20px}.user-dashboard .user-menu .header .username{display:none}.user-dashboard .user-menu .options-container,.user-dashboard .user-menu .bottom-container{border:0;margin:0;padding:0;display:flex}.user-dashboard .user-menu .bottom-container{margin-left:auto}.user-dashboard .user-menu .element{width:auto;padding:14px}.user-dashboard .user-menu .element span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.user-dashboard .user-menu .element:before{display:none}}.user-dashboard .avatar{background-color:color-mix(in srgb, var(--frame-accent) 25%, transparent);color:var(--mui-palette-text-primary)}.user-dashboard .dashboard-page{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);text-align:left;box-sizing:border-box;background-image:none;border:1px solid #ffffff1a;flex-direction:column;align-self:start;width:min(800px,100% - 40px);max-height:calc(100dvh - 16px);margin:8px auto;padding:30px 40px;display:flex;overflow-y:auto;box-shadow:0 8px 30px #00000073}@media (width<=768px){.user-dashboard .dashboard-page{max-height:none;padding:20px}}.user-dashboard .dashboard-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.user-dashboard .dashboard-page .page-header h1{color:var(--mui-palette-text-primary);align-items:center;gap:10px;margin:0;font-size:25px;font-weight:500;display:flex}.user-dashboard .dashboard-page .page-header h1 svg{color:var(--frame-accent)}.user-dashboard .dashboard-page .empty{text-align:center;color:var(--mui-palette-text-disabled);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.user-dashboard .dashboard-page .empty .empty-icon{color:var(--frame-accent);opacity:.6;font-size:56px}.user-dashboard .dashboard-page .empty h2{color:var(--mui-palette-text-secondary);margin:15px 0 5px;font-size:20px;font-weight:500}.user-dashboard .dashboard-page .empty p{margin:0 0 25px}.user-dashboard .dashboard-page .message{margin-bottom:20px}.user-dashboard .join-campaign.dashboard-page{text-align:center;align-items:center;width:min(480px,100% - 32px)}.user-dashboard .join-campaign.dashboard-page .thumbnail{aspect-ratio:16/9;border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.user-dashboard .join-campaign.dashboard-page .thumbnail img,.user-dashboard .join-campaign.dashboard-page .thumbnail .MuiSkeleton-root{object-fit:cover;width:100%;height:100%}.user-dashboard .join-campaign.dashboard-page .thumbnail .placeholder{color:var(--frame-accent);opacity:.6;font-size:64px}.user-dashboard .join-campaign.dashboard-page .invited{letter-spacing:.08em;text-transform:uppercase;color:var(--frame-accent);margin:0;font-size:12px;font-weight:600}.user-dashboard .join-campaign.dashboard-page h1{color:var(--mui-palette-text-primary);margin:6px 0 4px;font-size:25px;font-weight:500}.user-dashboard .join-campaign.dashboard-page .dm{color:var(--mui-palette-text-disabled);margin:0}.user-dashboard .join-campaign.dashboard-page .message{width:100%;margin:20px 0 0}.user-dashboard .join-campaign.dashboard-page .actions{gap:10px;margin-top:25px;display:flex}.user-dashboard .account-page .account-group{border-top:1px solid var(--mui-palette-divider);grid-template-columns:130px minmax(0,1fr);gap:32px;padding:28px 0;display:grid}.user-dashboard .account-page .account-group:last-child{padding-bottom:0}@media (width<=900px){.user-dashboard .account-page .account-group{grid-template-columns:1fr;gap:16px}}.user-dashboard .account-page .account-group>h2{color:var(--mui-palette-text-primary);margin:0;font-size:18px;font-weight:500}.user-dashboard .account-page .account-group .group-content{flex-direction:column;gap:18px;max-width:460px;display:flex}.user-dashboard .account-page .account-group form{flex-direction:column;gap:18px;display:flex}.user-dashboard .account-page .account-group form button[type=submit]{align-self:flex-end}.user-dashboard .account-page .account-subsection h3{color:var(--mui-palette-text-secondary);margin:0;font-size:15px;font-weight:500}.user-dashboard .account-page .account-subsection .description{color:var(--mui-palette-text-disabled);margin:4px 0 14px;font-size:13px}.user-dashboard .account-page .account-subsection h3+ul,.user-dashboard .account-page .account-subsection h3+.message{margin-top:12px}.user-dashboard .account-page .account-subsection+.account-subsection{margin-top:14px}.user-dashboard .account-page .email-status{flex-wrap:wrap;align-items:center;gap:10px;margin-top:-8px;display:flex}.user-dashboard .account-page .profile-row{align-items:flex-start;gap:28px;display:flex}@media (width<=520px){.user-dashboard .account-page .profile-row{flex-direction:column;align-items:center;gap:20px}}.user-dashboard .account-page .profile-row form{flex:1;align-self:stretch;min-width:0}.user-dashboard .account-page .profile-row .large-avatar{width:120px;height:120px;font-size:48px}.user-dashboard .account-page .profile-row .avatar-button{border-radius:50%;flex-shrink:0;position:relative}.user-dashboard .account-page .profile-row .avatar-button .avatar-overlay{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.user-dashboard .account-page .profile-row .avatar-button:hover .avatar-overlay,.user-dashboard .account-page .profile-row .avatar-button.Mui-focusVisible .avatar-overlay,.user-dashboard .account-page .profile-row .avatar-button.Mui-disabled .avatar-overlay{opacity:1}.user-dashboard .account-page .profile-row .avatar-button .avatar-edit-badge{background:var(--mui-palette-primary-main);width:32px;height:32px;color:var(--mui-palette-primary-contrastText);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 6px #0006}.user-dashboard .account-page .login-methods,.user-dashboard .account-page .session-list{margin:0;padding:0;list-style:none}.user-dashboard .account-page .login-methods li,.user-dashboard .account-page .session-list li{border-bottom:1px solid var(--mui-palette-divider);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.user-dashboard .account-page .login-methods li:last-child,.user-dashboard .account-page .session-list li:last-child{border-bottom:none}.user-dashboard .account-page .session-list{margin-bottom:4px}.user-dashboard .account-page .session-list li>svg{color:var(--mui-palette-text-secondary)}.user-dashboard .account-page .method-icon{width:24px;color:var(--mui-palette-text-secondary);flex-shrink:0;justify-content:center;display:flex}.user-dashboard .account-page .method-info,.user-dashboard .account-page .session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-dashboard .account-page .method-info .device,.user-dashboard .account-page .session-info .device{align-items:center;gap:8px;display:flex}.user-dashboard .account-page .method-info .details,.user-dashboard .account-page .session-info .details{color:var(--mui-palette-text-disabled);font-size:13px}.user-dashboard .account-page .password-form{flex-basis:100%;padding:6px 0 4px 36px}.user-dashboard .account-page .password-form .form-actions{justify-content:flex-end;gap:10px;display:flex}.user-dashboard .account-page .group-content>.MuiButton-root{align-self:flex-start}.user-dashboard .account-page .message{margin:0 0 14px}.user-dashboard .account-page .group-content>.message{margin:0}.user-dashboard .admin-panel{background-color:#111724e6;overflow:hidden}.user-dashboard .admin-panel .list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.user-dashboard .admin-panel .list-header h2{color:var(--mui-palette-text-secondary);margin:0;font-size:18px;font-weight:500}.user-dashboard .admin-panel .list-header .MuiTextField-root{width:280px}.user-dashboard .admin-panel .no-results{color:var(--mui-palette-text-disabled);text-align:center}.user-dashboard .admin-panel .user-list{min-height:0;margin:0;padding:0 5px 0 0;list-style:none;overflow-y:auto}.user-dashboard .admin-panel .user-list li{border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;margin-bottom:8px;padding:12px 15px;transition:border-color .15s;display:grid}.user-dashboard .admin-panel .user-list li:hover{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 60%, transparent)}@media (width<=600px){.user-dashboard .admin-panel .user-list li{grid-template-columns:40px 1fr}.user-dashboard .admin-panel .user-list li form{grid-column:1/-1}}.user-dashboard .admin-panel .user-list .info{flex-direction:column;min-width:0;display:flex}.user-dashboard .admin-panel .user-list .info .name{align-items:center;gap:8px;font-weight:500;display:flex}.user-dashboard .admin-panel .user-list .info .email{color:var(--mui-palette-text-disabled);text-overflow:ellipsis;font-size:14px;overflow:hidden}.user-dashboard .admin-panel .user-list form{align-items:center;gap:10px;display:flex}.user-dashboard .campaign-detail.dashboard-page{width:calc(100% - 40px);padding:0}.user-dashboard .campaign-detail.dashboard-page .hero{background:linear-gradient(135deg, color-mix(in srgb, var(--frame-accent) 22%, transparent), #00000059);flex-shrink:0;height:300px;position:relative;overflow:hidden}.user-dashboard .campaign-detail.dashboard-page .hero .hero-image{object-fit:cover;width:100%;height:100%}.user-dashboard .campaign-detail.dashboard-page .hero .hero-placeholder{color:#ffffff40;font-size:72px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.user-dashboard .campaign-detail.dashboard-page .hero-overlay{background:linear-gradient(#00000073 0%,#0000 35%,#000000d9 100%);flex-direction:column;justify-content:space-between;padding:20px 30px 25px;display:flex;position:absolute;inset:0}.user-dashboard .campaign-detail.dashboard-page .hero-overlay .back{color:var(--mui-palette-text-primary);align-self:flex-start}.user-dashboard .campaign-detail.dashboard-page .hero-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.user-dashboard .campaign-detail.dashboard-page .title-block{min-width:0}.user-dashboard .campaign-detail.dashboard-page .title-block h1{color:var(--mui-palette-text-primary);text-shadow:0 2px 8px #0009;align-items:center;gap:8px;margin:0 0 8px;font-size:34px;font-weight:700;display:flex}.user-dashboard .campaign-detail.dashboard-page .title-block h1 .MuiIconButton-root{color:var(--mui-palette-text-secondary)}.user-dashboard .campaign-detail.dashboard-page .title-block h1 .inline-name-input{min-width:0;font:inherit;color:var(--mui-palette-text-primary);border:1px solid var(--mui-palette-primary-main);border-radius:var(--radius);background-color:#00000080;outline:none;padding:2px 8px}.user-dashboard .campaign-detail.dashboard-page .title-block .meta{color:var(--mui-palette-text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.user-dashboard .campaign-detail.dashboard-page .title-block .meta .MuiChip-root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.user-dashboard .campaign-detail.dashboard-page .hero-actions{align-items:center;gap:10px;display:flex}.user-dashboard .campaign-detail.dashboard-page .hero-actions>.MuiIconButton-root{color:var(--mui-palette-text-primary);background-color:#0006}.user-dashboard .campaign-detail.dashboard-page .hero-actions .MuiButton-contained{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);color:var(--mui-palette-primary-main)}.user-dashboard .campaign-detail.dashboard-page .hero-actions .MuiButton-contained:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 24%, transparent);box-shadow:none}.user-dashboard .campaign-detail.dashboard-page .hero-actions .MuiButton-contained{background:linear-gradient(color-mix(in srgb, var(--mui-palette-primary-main) 18%, transparent), color-mix(in srgb, var(--mui-palette-primary-main) 18%, transparent)), #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.user-dashboard .campaign-detail.dashboard-page .hero-actions .MuiButton-contained:hover{background:linear-gradient(color-mix(in srgb, var(--mui-palette-primary-main) 28%, transparent), color-mix(in srgb, var(--mui-palette-primary-main) 28%, transparent)), #00000080}.user-dashboard .campaign-detail.dashboard-page .content{text-align:left;padding:30px}.user-dashboard .campaign-detail.dashboard-page .setup{grid-template-columns:repeat(auto-fill,min(460px,100%));gap:20px;display:grid}.user-dashboard .campaign-detail.dashboard-page .setup-card{border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.user-dashboard .campaign-detail.dashboard-page .setup-card h3{letter-spacing:.08em;text-transform:uppercase;color:var(--frame-accent);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.user-dashboard .campaign-detail.dashboard-page .setup-card h3 svg{font-size:16px}.user-dashboard .campaign-detail.dashboard-page .setup-card p{color:var(--mui-palette-text-disabled);margin:4px 0 0;font-size:14px}.user-dashboard .campaign-detail.dashboard-page .setup-card .campaign-id,.user-dashboard .campaign-detail.dashboard-page .setup-card .vault-select{margin-top:auto}.user-dashboard .campaign-detail.dashboard-page .setup-card .campaign-id{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-dashboard .campaign-detail.dashboard-page .setup-card .campaign-id code{box-sizing:border-box;height:40px;color:var(--mui-palette-primary-main);border-radius:var(--radius);background-color:#0006;align-items:center;padding:0 12px;font-size:18px;font-weight:600;display:flex}.user-dashboard .campaign-detail.dashboard-page .setup-card .vault-select{width:260px;max-width:100%}.user-dashboard .campaign-detail.dashboard-page .section-title{border-bottom:1px solid var(--mui-palette-divider);color:var(--mui-palette-text-secondary);align-items:center;gap:10px;margin:0 0 15px;padding-bottom:10px;font-size:18px;font-weight:500;display:flex}.user-dashboard .campaign-detail.dashboard-page .section-title.setup-title{margin-top:40px}.user-dashboard .campaign-detail.dashboard-page .section-title .count{border-radius:var(--radius);background-color:var(--mui-palette-divider);color:var(--mui-palette-text-disabled);padding:2px 8px;font-size:13px}.user-dashboard .campaign-detail.dashboard-page .party{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:15px;display:grid}.user-dashboard .campaign-detail.dashboard-page .member.dm{flex-direction:row}.user-dashboard .campaign-detail.dashboard-page .member.dm .portrait{flex-shrink:0;width:160px}.user-dashboard .campaign-detail.dashboard-page .member.dm .body{justify-content:center;padding:15px 22px}.user-dashboard .campaign-detail.dashboard-page .member.dm .role-label{letter-spacing:.08em;text-transform:uppercase;color:var(--frame-accent);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.user-dashboard .campaign-detail.dashboard-page .member.dm .role-label svg{font-size:16px}.user-dashboard .campaign-detail.dashboard-page .member.dm .character-name{font-size:22px}.user-dashboard .campaign-detail.dashboard-page .member.dm .character-name .you{color:var(--mui-palette-text-disabled);font-size:15px;font-weight:400}.user-dashboard .campaign-detail.dashboard-page .dm-row{max-width:460px;margin:15px 0 30px}.user-dashboard .campaign-detail.dashboard-page .member{border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;display:flex;overflow:hidden}.user-dashboard .campaign-detail.dashboard-page .member.dm{border-color:color-mix(in srgb, var(--frame-accent) 40%, transparent)}.user-dashboard .campaign-detail.dashboard-page .member .portrait{aspect-ratio:1;background:radial-gradient(circle,#ffffff0a,#0000004d);justify-content:center;align-items:center;display:flex;position:relative}.user-dashboard .campaign-detail.dashboard-page .member .portrait img{object-fit:contain;width:85%;height:85%}.user-dashboard .campaign-detail.dashboard-page .member .portrait .placeholder{color:#ffffff26;font-size:64px}.user-dashboard .campaign-detail.dashboard-page .member .portrait .portrait-avatar{border-radius:var(--radius);width:85%;height:85%;font-size:64px}.user-dashboard .campaign-detail.dashboard-page .member .portrait .portrait-avatar img{object-fit:cover;width:100%;height:100%}.user-dashboard .campaign-detail.dashboard-page .member .portrait .player-avatar{border:2px solid #ffffff1a;width:40px;height:40px;font-size:18px;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 8px #00000080}.user-dashboard .campaign-detail.dashboard-page .member .portrait .player-avatar img{object-fit:cover;width:100%;height:100%}.user-dashboard .campaign-detail.dashboard-page .member .portrait .options{opacity:0;color:var(--mui-palette-text-primary);background-color:#0009;transition:opacity .15s;position:absolute;top:8px;right:8px}.user-dashboard .campaign-detail.dashboard-page .member .portrait .options:hover{background-color:#000c}.user-dashboard .campaign-detail.dashboard-page .member .portrait .options:focus-visible{opacity:1}@media (hover:none){.user-dashboard .campaign-detail.dashboard-page .member .portrait .options{opacity:1}}.user-dashboard .campaign-detail.dashboard-page .member:hover .portrait .options{opacity:1}.user-dashboard .campaign-detail.dashboard-page .member.dm .portrait .placeholder{color:color-mix(in srgb, var(--frame-accent) 50%, transparent)}.user-dashboard .campaign-detail.dashboard-page .member .body{flex-direction:column;flex:1;gap:2px;padding:12px 15px 15px;display:flex}.user-dashboard .campaign-detail.dashboard-page .member .body .character-name{font-size:17px;font-weight:500}.user-dashboard .campaign-detail.dashboard-page .member .body .player-name{color:var(--mui-palette-text-disabled);font-size:14px}.user-dashboard .campaign-detail.dashboard-page .member .body .MuiButton-root{align-self:flex-start;margin-top:12px}.dashboard-dialog .MuiButton-root{border-radius:var(--radius);text-transform:none;letter-spacing:.2px;box-shadow:none;padding:7px 18px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}.dashboard-dialog .MuiButton-root:active{transform:translateY(1px)}.dashboard-dialog .MuiButton-root.Mui-disabled{opacity:.6}.dashboard-dialog .MuiButton-contained.MuiButton-colorPrimary{color:color-mix(in srgb, var(--mui-palette-primary-main) 15%, black)}.dashboard-dialog .MuiButton-contained.MuiButton-colorPrimary:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 80%, white);box-shadow:0 4px 14px color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent)}.dashboard-dialog .MuiButton-outlined{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 45%, transparent)}.dashboard-dialog .MuiButton-outlined:hover{border-color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 8%, transparent)}.dashboard-dialog .MuiButton-text{color:var(--mui-palette-text-secondary)}.dashboard-dialog .MuiButton-text:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary)}.dashboard-dialog .MuiIconButton-root{border-radius:var(--radius);color:var(--mui-palette-text-disabled);transition:background-color .15s,color .15s}.dashboard-dialog .MuiIconButton-root:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);color:var(--mui-palette-primary-main)}.dashboard-dialog .error{margin:10px 0 5px}.character-adder .error{margin-bottom:15px}.character-adder .image-picker{border-radius:var(--radius);height:200px;color:var(--mui-palette-text-disabled);cursor:pointer;border:2px dashed #8fb3c440;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;transition:border-color .15s,color .15s;display:flex}.character-adder .image-picker:hover,.character-adder .image-picker:focus-within{border-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-main)}.character-adder .image-picker svg{font-size:40px}.character-adder .image-picker img{object-fit:contain;max-width:100%;max-height:100%}.character-adder .image-picker{position:relative;overflow:hidden}.character-adder .image-picker .change-hint{text-align:center;color:var(--mui-palette-text-primary);opacity:0;background-color:#0009;padding:6px;font-size:13px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.character-adder .image-picker:hover .change-hint,.character-adder .image-picker:focus-within .change-hint{opacity:1}.character-adder .image-picker input{opacity:0;width:1px;height:1px;position:absolute}.overlay-image{z-index:2;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-image,.ambient-video{height:100%;z-index:1 -1;position:absolute;left:50%;transform:translate(-50%)}#battlemap-tools-container{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex;position:absolute;top:0;left:50vw;transform:translate(-50%)}#battlemap-tools-container>*{pointer-events:auto}#battlemap-tools-container #tool-selector{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);border:1px solid #ffffff1a;align-items:center;padding:4px;display:flex;box-shadow:0 4px 10px #0006}#battlemap-tools-container #tool-selector .group{gap:2px;display:flex}#battlemap-tools-container #tool-selector .group+.group{border-left:1px solid #ffffff1a;margin-left:4px;padding-left:4px}#battlemap-tools-container #tool-selector button{border-radius:var(--radius);color:var(--mui-palette-text-secondary);padding:6px;transition:color .15s,background-color .15s;position:relative}#battlemap-tools-container #tool-selector button svg{font-size:22px}#battlemap-tools-container #tool-selector button:after{content:"";background-color:var(--mui-palette-primary-main);border-radius:2px 2px 0 0;height:2px;transition:transform .15s;position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}#battlemap-tools-container #tool-selector button:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}#battlemap-tools-container #tool-selector button.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}#battlemap-tools-container #tool-selector button.active:after{transform:scaleX(1)}#battlemap-tools-container .tool-popover{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);max-height:calc(100dvh - 80px);color:var(--mui-palette-text-secondary);text-align:left;border:1px solid #ffffff1a;flex-direction:column;font-size:13px;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000080}#battlemap-tools-container #controls-cheat-sheet{width:440px;overflow-y:auto}#battlemap-tools-container #controls-cheat-sheet h3{margin:0}#battlemap-tools-container #controls-cheat-sheet section{padding-bottom:6px}#battlemap-tools-container #controls-cheat-sheet .row{border-radius:var(--radius);grid-template-columns:180px 1fr;align-items:center;gap:12px;margin:0 4px;padding:5px 12px;transition:background-color .2s;display:grid}#battlemap-tools-container #controls-cheat-sheet .row:hover{background-color:var(--mui-palette-action-hover)}#battlemap-tools-container #controls-cheat-sheet .row .action{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#battlemap-tools-container #controls-cheat-sheet .row .plus{color:var(--mui-palette-text-disabled)}#battlemap-tools-container #controls-cheat-sheet .row kbd{color:var(--mui-palette-text-primary);white-space:nowrap;background-color:#ffffff0f;border:1px solid #ffffff1a;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}#range-indicator-picker{width:300px;padding-top:14px}#range-indicator-picker .MuiToggleButton-root{text-transform:none;padding:4px 6px;font-size:12px}#range-indicator-picker .swatches{flex-wrap:wrap;gap:6px;display:flex}#range-indicator-picker .swatch{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}#range-indicator-picker .swatch:hover{transform:scale(1.12)}#range-indicator-picker .swatch.active{box-shadow:0 0 0 2px var(--frame-surface), 0 0 0 4px var(--mui-palette-primary-main)}#range-indicator-picker .swatch.custom{color:var(--mui-palette-text-disabled);background-color:#1a2229}#range-indicator-picker .swatch.custom svg{font-size:14px}#range-indicator-picker .swatch.custom input{opacity:0;width:0;height:0;position:absolute}#range-indicator-picker .add-button{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);color:var(--mui-palette-primary-main)}#range-indicator-picker .add-button:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 24%, transparent);box-shadow:none}.selected-token{z-index:3;pointer-events:none;transform-origin:0 0;border:4px solid #00ffcf;position:absolute;transform:translate(-50%,-50%)}.token-overlay-row{align-items:center;gap:6px;animation:.15s ease-out token-stat-in;display:flex;position:absolute}.token-overlay-row.top{transform:translate(-50%,-100%)}.token-overlay-row.top .badge,.token-overlay-row.top .rotation-handle{transform-origin:bottom}.token-overlay-row.bottom{transform:translate(-50%)}.token-overlay-row.bottom .badge,.token-overlay-row.bottom .rotation-handle{transform-origin:top}.token-stat-badge{position:relative}.token-stat-badge .badge{min-width:24px;height:24px;font:inherit;font-variant-numeric:tabular-nums;color:var(--mui-palette-text-primary);white-space:nowrap;border:1px solid color-mix(in srgb, var(--stat-color) 60%, transparent);cursor:pointer;background-color:#0d1216f5;border-radius:12px;align-items:center;gap:3px;padding:0 8px 0 6px;font-size:13px;font-weight:600;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 2px 8px #00000080}.token-stat-badge .badge svg{color:var(--stat-color);font-size:13px}.token-stat-badge .badge .max{color:var(--mui-palette-text-secondary);margin-left:-2px;font-weight:500}.token-stat-badge .badge:hover{border-color:var(--stat-color);transform:scale(1.06)}.token-stat-badge.open .badge{border-color:var(--stat-color);box-shadow:0 2px 8px #00000080, 0 0 0 3px color-mix(in srgb, var(--stat-color) 25%, transparent)}.token-stat-badge.empty:not(.open) .badge{color:var(--mui-palette-text-disabled);border-color:#ffffff1a}.token-stat-badge.minimal .badge{justify-content:center;width:22px;min-width:0;height:22px;padding:0}.token-stat-badge.minimal .badge svg{font-size:14px}.token-stat-badge.minimal:not(.open) .badge{opacity:.75;border-color:color-mix(in srgb, var(--stat-color) 35%, transparent);transition:opacity .15s,border-color .15s,transform .15s}.token-stat-badge.minimal:not(.open) .badge:hover{opacity:1;border-color:var(--stat-color);transform:scale(1.1)}.token-stat-badge.below .stat-popover{top:calc(100% + 10px);bottom:auto}.token-stat-badge.warn .badge{color:var(--mui-palette-error-main);background-color:color-mix(in srgb, var(--mui-palette-error-main) 20%, #0d1216);border-color:var(--mui-palette-error-main)}.token-stat-badge .stat-popover{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);width:220px;color:var(--mui-palette-text-secondary);background-image:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:10px;font-size:12px;animation:.15s ease-out token-stat-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff1a}.token-stat-badge .stat-popover .header{align-items:center;gap:6px;display:flex}.token-stat-badge .stat-popover .header .icon{color:var(--stat-color);font-size:16px}.token-stat-badge .stat-popover .header .label{letter-spacing:.08em;text-transform:uppercase;flex-grow:1;font-size:11px;font-weight:600}.token-stat-badge .stat-popover .header .current{font-variant-numeric:tabular-nums;color:var(--mui-palette-text-primary);font-size:20px;font-weight:600}.token-stat-badge .stat-popover .header .current .unit{color:var(--mui-palette-text-secondary);margin-left:2px;font-size:12px;font-weight:500}.token-stat-badge .stat-popover .steps{gap:4px;display:flex}.token-stat-badge .stat-popover .steps button{height:28px;font:inherit;font-variant-numeric:tabular-nums;color:var(--mui-palette-text-secondary);border-radius:var(--radius);cursor:pointer;background-color:#ffffff0a;border:1px solid #ffffff1a;flex:1;padding:0;font-weight:600;transition:color .15s,background-color .15s,border-color .15s}.token-stat-badge .stat-popover .steps button.minus:hover{color:var(--mui-palette-error-main);background-color:color-mix(in srgb, var(--mui-palette-error-main) 12%, transparent);border-color:color-mix(in srgb, var(--mui-palette-error-main) 40%, transparent)}.token-stat-badge .stat-popover .steps button.plus:hover{color:var(--mui-palette-success-main);background-color:color-mix(in srgb, var(--mui-palette-success-main) 12%, transparent);border-color:color-mix(in srgb, var(--mui-palette-success-main) 40%, transparent)}.token-stat-badge .stat-popover input{height:30px;font:inherit;color:var(--mui-palette-text-primary);border-radius:var(--radius);background-color:#1a2229;border:1px solid #8fb3c440;outline:none;padding:0 8px;font-size:13px;transition:border-color .15s}.token-stat-badge .stat-popover input:focus{border-color:var(--mui-palette-primary-main)}.token-stat-badge .stat-popover input::placeholder{color:var(--mui-palette-text-disabled)}@keyframes token-stat-in{0%{opacity:0}}.rotation-handle{width:22px;height:22px;color:var(--mui-palette-primary-main);border:1px solid color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent);opacity:.75;cursor:grab;touch-action:none;background-color:#0d1216f5;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s,border-color .15s,scale .15s;display:flex;position:relative;box-shadow:0 2px 8px #00000080}.rotation-handle svg{font-size:14px}.rotation-handle:before{content:"";border-radius:50%;position:absolute;inset:-8px}.rotation-handle:hover,.rotation-handle:active{opacity:1;border-color:var(--mui-palette-primary-main);scale:1.1}.rotation-handle:active{cursor:grabbing}.rotation-handle.turning{opacity:0}.spotify-playlists-container{z-index:4;background-color:#0d1216bf;flex-direction:column;width:500px;max-height:500px;padding:20px 0;display:flex;position:fixed;top:0;overflow-y:scroll}#token-overlay{color:var(--mui-palette-text-primary);pointer-events:none}#distance-calculator{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);z-index:3;border-radius:var(--radius);color:var(--mui-palette-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background-image:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1a;align-items:center;padding:6px 12px;animation:.15s ease-out distance-label-in;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff1a}#distance-calculator:after{content:"";background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%);border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}#distance-calculator .readings{flex-direction:column;gap:1px;display:flex}#distance-calculator .main{align-items:baseline;gap:8px;display:flex}#distance-calculator .value{letter-spacing:-.01em;color:var(--mui-palette-text-primary);font-size:18px;font-weight:600;line-height:1.2}#distance-calculator .value .unit{letter-spacing:0;color:var(--mui-palette-text-secondary);margin-left:3px;font-size:12px;font-weight:500}#distance-calculator .converted{color:var(--mui-palette-text-secondary);border-left:1px solid #ffffff1a;padding-left:8px;font-size:12px}#distance-calculator .height{color:var(--mui-palette-text-disabled);align-items:center;gap:2px;font-size:11px;display:flex}#distance-calculator .height svg{font-size:13px}@keyframes distance-label-in{0%{opacity:0}}.show-mode-volume{border-radius:var(--radius);z-index:4;opacity:0;background-color:#0d1216bf;width:450px;padding:10px 20px;transition:opacity .2s;position:absolute;bottom:20px;right:20px}.show-mode-volume:hover{opacity:1}.show-mode-dice-roll{--glow:var(--mui-palette-primary-main);z-index:4;border-radius:var(--radius);border:2px solid var(--glow);min-width:320px;box-shadow:0 0 40px -5px var(--glow), 0 10px 50px #000;text-align:center;pointer-events:none;background:radial-gradient(at top,#1d2b33f2,#0d1216f5);padding:24px 60px 28px;font-family:Cinzel,serif;animation:.5s cubic-bezier(.34,1.56,.64,1) show-mode-dice-in,.6s ease-in 5.4s forwards show-mode-dice-out;position:absolute;top:8vh;left:50%;transform:translate(-50%)}.show-mode-dice-roll .name{letter-spacing:3px;color:var(--mui-palette-text-secondary);text-transform:uppercase;font-size:34px}.show-mode-dice-roll .label{color:var(--mui-palette-text-disabled);font-size:24px}.show-mode-dice-roll .total{color:var(--glow);text-shadow:0 0 30px var(--glow);font-size:140px;line-height:1.05;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s backwards show-mode-dice-slam}.show-mode-dice-roll .crit-label{letter-spacing:4px;color:var(--glow);font-size:40px}.show-mode-dice-roll .dice{color:var(--mui-palette-text-secondary);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;font-family:roboto;font-size:26px;display:flex}.show-mode-dice-roll .dice span{border-radius:var(--radius);background-color:var(--mui-palette-action-hover);padding:2px 12px}.show-mode-dice-roll .dice span.max{color:var(--mui-palette-success-main)}.show-mode-dice-roll .dice span.min{color:var(--mui-palette-error-main)}.show-mode-dice-roll .dice span.dropped{opacity:.4;text-decoration:line-through}.show-mode-dice-roll .dice small{color:var(--mui-palette-text-disabled);font-size:16px}.show-mode-dice-roll.nat20{--glow:#ffc940;animation:.5s cubic-bezier(.34,1.56,.64,1) show-mode-dice-in,1s ease-in-out .5s 4 show-mode-dice-pulse,.6s ease-in 5.4s forwards show-mode-dice-out}.show-mode-dice-roll.nat1{--glow:#e53935;animation:.5s cubic-bezier(.34,1.56,.64,1) show-mode-dice-in,.5s ease-in-out .6s show-mode-dice-shake,.6s ease-in 5.4s forwards show-mode-dice-out}@keyframes show-mode-dice-in{0%{opacity:0;transform:translate(-50%)scale(.5)}}@keyframes show-mode-dice-out{to{opacity:0;transform:translate(-50%)translateY(-30px)}}@keyframes show-mode-dice-slam{0%{opacity:0;transform:scale(2.5)}}@keyframes loading-pulse{50%{opacity:.45}}@keyframes show-mode-dice-pulse{50%{box-shadow:0 0 90px 10px var(--glow), 0 10px 50px #000}}@keyframes show-mode-dice-shake{20%,60%{transform:translate(calc(-50% - 12px))}40%,80%{transform:translate(calc(12px - 50%))}}.player-difference-notice{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);z-index:4;border:1px solid #ffffff1a;border-left:3px solid var(--mui-palette-warning-main);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 8px 6px 12px;font-size:14px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.player-difference-notice .icon{color:var(--mui-palette-warning-main);font-size:20px}.player-difference-notice .text{text-overflow:ellipsis;min-width:0;color:var(--mui-palette-text-secondary);overflow:hidden}.player-difference-notice .text b{color:var(--mui-palette-text-primary);font-weight:500}.player-difference-notice .MuiButton-root{flex-shrink:0}.live-mode-notice{z-index:3;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;inset:0}.live-mode-notice .icon{color:color-mix(in srgb, var(--frame-accent) 50%, transparent);font-size:72px}.live-mode-notice .label{letter-spacing:.04em;font-size:24px;font-weight:500}.live-mode-notice .hint{max-width:420px;color:var(--mui-palette-text-secondary);font-size:14px}.live-mode-notice .toggle{pointer-events:auto;color:var(--mui-palette-text-secondary);margin:8px 0 0}.right-menu{z-index:4;pointer-events:none;align-items:center;height:100dvh;display:flex;position:fixed;right:0}.right-menu *{pointer-events:stroke}.right-menu .layer,.mobile-menu .layer{pointer-events:none;align-items:center;height:100dvh;margin:1px;display:flex;position:relative}.right-menu .layer *,.mobile-menu .layer *{pointer-events:stroke}.right-menu .content-container,.mobile-menu .content-container{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);box-sizing:border-box;border-radius:var(--radius);border:1px solid #ffffff1a;flex-direction:column;width:320px;height:calc(100dvh - 16px);display:flex;overflow:hidden;box-shadow:-4px 0 10px #00000080}.right-menu .content-container[hidden],.mobile-menu .content-container[hidden]{display:none}.right-menu.show-mode .initiative-card,.mobile-menu.show-mode .initiative-card{zoom:1.2}.right-menu.show-mode .initiative-card,.right-menu.show-mode .initiative-card *,.mobile-menu.show-mode .initiative-card,.mobile-menu.show-mode .initiative-card *{pointer-events:none}.right-menu .initiative-card,.mobile-menu .initiative-card{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);border:1px solid #ffffff1a;flex-direction:column;width:232px;max-height:80vh;margin-right:8px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0006}.right-menu .initiative-card:hover .initiative-header .actions,.right-menu .initiative-card:focus-within .initiative-header .actions,.mobile-menu .initiative-card:hover .initiative-header .actions,.mobile-menu .initiative-card:focus-within .initiative-header .actions{opacity:1}.right-menu .initiative-header,.mobile-menu .initiative-header{background-image:linear-gradient(#ffffff12,#ffffff08);border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 4px 0 10px;display:flex}.right-menu .initiative-header .icon,.mobile-menu .initiative-header .icon{color:var(--frame-accent);font-size:16px}.right-menu .initiative-header .title,.mobile-menu .initiative-header .title{color:var(--mui-palette-text-primary);text-align:left;flex-grow:1;font-size:13px;font-weight:600}.right-menu .initiative-header .actions,.mobile-menu .initiative-header .actions{opacity:0;transition:opacity .15s;display:flex}.right-menu .initiative-header .actions button,.mobile-menu .initiative-header .actions button{color:var(--mui-palette-text-disabled);padding:4px}.right-menu .initiative-header .actions button:hover,.mobile-menu .initiative-header .actions button:hover{color:var(--mui-palette-text-primary)}.right-menu .initiative-header .actions button.delete:hover,.mobile-menu .initiative-header .actions button.delete:hover{color:var(--mui-palette-error-main)}.right-menu .initiative-header .actions button svg,.mobile-menu .initiative-header .actions button svg{font-size:16px}.right-menu .initiative-rows,.mobile-menu .initiative-rows{padding:4px 0;overflow-y:auto}.right-menu .initiative-row,.mobile-menu .initiative-row{align-items:center;gap:10px;padding:6px 8px 6px 10px;transition:background-color .15s;display:flex;position:relative}.right-menu .initiative-row:hover,.mobile-menu .initiative-row:hover{background-color:#ffffff0a}.right-menu .initiative-row:hover .remove,.mobile-menu .initiative-row:hover .remove{opacity:1}.right-menu .initiative-row.mine:before,.mobile-menu .initiative-row.mine:before{content:"";background-color:var(--mui-palette-primary-main);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.right-menu .initiative-row .portrait,.mobile-menu .initiative-row .portrait{background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:border-color .15s;overflow:hidden}.right-menu .initiative-row .portrait.clickable,.mobile-menu .initiative-row .portrait.clickable{cursor:pointer}.right-menu .initiative-row .portrait.clickable:hover,.mobile-menu .initiative-row .portrait.clickable:hover{border-color:var(--mui-palette-primary-main)}.right-menu .initiative-row .portrait img,.mobile-menu .initiative-row .portrait img{object-fit:cover;width:100%;height:100%;display:block}.right-menu .initiative-row .name,.mobile-menu .initiative-row .name{min-width:0;color:var(--mui-palette-text-primary);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:14px;overflow:hidden}.right-menu .initiative-row .name.editable-text-value,.mobile-menu .initiative-row .name.editable-text-value{cursor:text}.right-menu .initiative-row .name.clickable,.mobile-menu .initiative-row .name.clickable{cursor:pointer}.right-menu .initiative-row .name.clickable:hover,.mobile-menu .initiative-row .name.clickable:hover{color:var(--mui-palette-primary-main)}.right-menu .initiative-row .name.inline-name-input,.mobile-menu .initiative-row .name.inline-name-input{box-sizing:border-box;height:26px;font:inherit;border:1px solid var(--mui-palette-primary-main);border-radius:var(--radius);background-color:#1a2229;outline:none;padding:0 6px;font-size:14px}.right-menu .initiative-row .remove,.mobile-menu .initiative-row .remove{color:var(--mui-palette-text-disabled);opacity:0;padding:3px;transition:opacity .15s,color .15s}.right-menu .initiative-row .remove:hover,.mobile-menu .initiative-row .remove:hover{color:var(--mui-palette-error-main)}.right-menu .initiative-row .remove:focus-visible,.mobile-menu .initiative-row .remove:focus-visible{opacity:1}.right-menu .initiative-row .remove svg,.mobile-menu .initiative-row .remove svg{font-size:15px}.right-menu .initiative-row .roll,.right-menu .initiative-row .roll-input,.mobile-menu .initiative-row .roll,.mobile-menu .initiative-row .roll-input{box-sizing:border-box;border-radius:var(--radius);width:42px;height:28px;color:var(--mui-palette-text-primary);font:inherit;text-align:center;font-variant-numeric:tabular-nums;background-color:#ffffff0f;border:1px solid #ffffff1a;flex-shrink:0;font-size:16px;font-weight:600}.right-menu .initiative-row .roll,.mobile-menu .initiative-row .roll{cursor:default;padding:0}.right-menu .initiative-row .roll.editable,.mobile-menu .initiative-row .roll.editable{cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}.right-menu .initiative-row .roll.editable:hover,.mobile-menu .initiative-row .roll.editable:hover{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.right-menu .initiative-row .roll-input,.mobile-menu .initiative-row .roll-input{border-color:var(--mui-palette-primary-main);-moz-appearance:textfield;outline:none}.right-menu .initiative-row .roll-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.right-menu .initiative-row .roll-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mobile-menu .initiative-row .roll-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mobile-menu .initiative-row .roll-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.right-menu .initiative-row.unrolled .roll,.mobile-menu .initiative-row.unrolled .roll{color:var(--mui-palette-text-disabled);font-weight:500}.right-menu .initiative-row.unrolled.mine .roll,.mobile-menu .initiative-row.unrolled.mine .roll{color:var(--mui-palette-primary-main);border-style:dashed;border-color:var(--mui-palette-primary-main);font-size:12px}.right-menu .counter-list,.mobile-menu .counter-list{max-width:70vw;position:absolute;bottom:8px;right:8px}.right-menu .counter-list .counter-items,.mobile-menu .counter-list .counter-items{gap:8px;max-width:100%;display:flex;overflow-x:auto}.right-menu .counter-list .counter-card,.mobile-menu .counter-list .counter-card{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);border:1px solid #ffffff1a;flex-shrink:0;width:168px;overflow:hidden;box-shadow:0 4px 10px #0006}.right-menu .counter-list .counter-card.hidden,.mobile-menu .counter-list .counter-card.hidden{border-style:dashed;border-color:#ffffff40}.right-menu .counter-list .counter-card.hidden .counter-value-label,.mobile-menu .counter-list .counter-card.hidden .counter-value-label{color:var(--mui-palette-text-secondary)}.right-menu .counter-list .counter-card:hover .actions,.right-menu .counter-list .counter-card:focus-within .actions,.mobile-menu .counter-list .counter-card:hover .actions,.mobile-menu .counter-list .counter-card:focus-within .actions{opacity:1}.right-menu .counter-list .counter-header,.mobile-menu .counter-list .counter-header{background-image:linear-gradient(#ffffff12,#ffffff08);border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:32px;padding:0 4px 0 12px;display:flex}.right-menu .counter-list .counter-header .hidden-icon,.mobile-menu .counter-list .counter-header .hidden-icon{color:var(--mui-palette-text-disabled);font-size:16px}.right-menu .counter-list .counter-header .counter-title,.mobile-menu .counter-list .counter-header .counter-title{min-width:0;color:var(--mui-palette-text-primary);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:13px;font-weight:600;overflow:hidden}.right-menu .counter-list .counter-header .actions,.mobile-menu .counter-list .counter-header .actions{opacity:0;transition:opacity .15s;display:flex}.right-menu .counter-list .counter-header .actions button,.mobile-menu .counter-list .counter-header .actions button{color:var(--mui-palette-text-disabled);padding:4px}.right-menu .counter-list .counter-header .actions button:hover,.mobile-menu .counter-list .counter-header .actions button:hover{color:var(--mui-palette-text-primary)}.right-menu .counter-list .counter-header .actions button.delete:hover,.mobile-menu .counter-list .counter-header .actions button.delete:hover{color:var(--mui-palette-error-main)}.right-menu .counter-list .counter-header .actions button svg,.mobile-menu .counter-list .counter-header .actions button svg{font-size:16px}.right-menu .counter-list .counter-value-row,.mobile-menu .counter-list .counter-value-row{justify-content:center;align-items:center;gap:8px;padding:12px 10px 14px;display:flex}.right-menu .counter-list .counter-value-row .counter-value-label,.mobile-menu .counter-list .counter-value-row .counter-value-label{min-width:56px;color:var(--mui-palette-text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;font-size:34px;font-weight:600;line-height:1;display:flex}.right-menu .counter-list .counter-value-row .counter-value-label .max,.mobile-menu .counter-list .counter-value-row .counter-value-label .max{color:var(--mui-palette-text-disabled);font-size:14px;font-weight:500}.right-menu .counter-list .counter-value-row .stepper,.mobile-menu .counter-list .counter-value-row .stepper{color:var(--mui-palette-text-secondary);background-color:#ffffff0f;border:1px solid #ffffff1a;transition:color .15s,background-color .15s}.right-menu .counter-list .counter-value-row .stepper:hover,.mobile-menu .counter-list .counter-value-row .stepper:hover{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.right-menu .counter-list .counter-value-row .stepper svg,.mobile-menu .counter-list .counter-value-row .stepper svg{font-size:18px}.right-menu .dice-roll,.mobile-menu .dice-roll{border-radius:var(--radius);background-color:#1a2229;width:270px;margin:20px;padding:10px 14px;font-size:18px;box-shadow:6px 3px 33px 6px #000000bf}.right-menu .dice-roll .highlight,.mobile-menu .dice-roll .highlight{color:var(--mui-palette-primary-main)}.right-menu .dice-roll.latest,.mobile-menu .dice-roll.latest{border-left:4px solid var(--mui-palette-primary-main)}.right-menu .dice-roll .header,.mobile-menu .dice-roll .header{border-bottom:1px solid var(--mui-palette-divider);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:6px;display:flex}.right-menu .dice-roll .header .highlight,.mobile-menu .dice-roll .header .highlight{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.right-menu .dice-roll .header .result,.mobile-menu .dice-roll .header .result{color:var(--mui-palette-primary-main);font-size:35px;font-weight:700;line-height:1}.right-menu .dice-roll .roll-meta,.mobile-menu .dice-roll .roll-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:6px;font-size:13px;display:flex}.right-menu .dice-roll .roll-meta .roll-label,.mobile-menu .dice-roll .roll-meta .roll-label{color:var(--mui-palette-text-secondary)}.right-menu .dice-roll .roll-meta .roll-tag,.mobile-menu .dice-roll .roll-meta .roll-tag{color:var(--mui-palette-text-secondary);background-color:var(--mui-palette-action-hover);border-radius:var(--radius);padding:0 6px;font-size:11px}.right-menu .dice-roll .roll-meta .roll-tag.hidden-tag,.mobile-menu .dice-roll .roll-meta .roll-tag.hidden-tag{color:var(--frame-accent)}.right-menu .dice-roll .roll-meta .roll-tag.crit-tag,.mobile-menu .dice-roll .roll-meta .roll-tag.crit-tag{color:#ffc940}.right-menu .dice-roll .roll-meta .roll-tag.success-tag,.mobile-menu .dice-roll .roll-meta .roll-tag.success-tag{color:var(--mui-palette-success-main)}.right-menu .dice-roll .roll-meta .roll-tag.fail-tag,.mobile-menu .dice-roll .roll-meta .roll-tag.fail-tag{color:var(--mui-palette-error-main)}.right-menu .dice-roll.hidden-roll,.mobile-menu .dice-roll.hidden-roll{border:1px dashed color-mix(in srgb, var(--frame-accent) 50%, transparent)}.right-menu .dice-roll .die-groups,.mobile-menu .dice-roll .die-groups{max-height:230px;overflow-y:auto}.right-menu .dice-roll .die-group,.mobile-menu .dice-roll .die-group{align-items:flex-start;gap:8px;padding:3px 0;display:flex}.right-menu .dice-roll .die-group .die-label,.mobile-menu .dice-roll .die-group .die-label{color:var(--mui-palette-text-disabled);min-width:44px;padding-top:3px;font-size:14px}.right-menu .dice-roll .die-group .die-results,.mobile-menu .dice-roll .die-group .die-results{flex-wrap:wrap;flex:1;gap:4px;display:flex}.right-menu .dice-roll .die-group .die-result,.mobile-menu .dice-roll .die-group .die-result{border-radius:var(--radius);background-color:var(--mui-palette-action-hover);text-align:center;min-width:26px;padding:1px 5px;font-size:16px}.right-menu .dice-roll .die-group .die-result.max,.mobile-menu .dice-roll .die-group .die-result.max{color:var(--mui-palette-success-main);font-weight:700}.right-menu .dice-roll .die-group .die-result.min,.mobile-menu .dice-roll .die-group .die-result.min{color:var(--mui-palette-error-main);font-weight:700}.right-menu .dice-roll .die-group .die-result.dropped,.mobile-menu .dice-roll .die-group .die-result.dropped{color:var(--mui-palette-text-disabled);opacity:.6;font-weight:400;text-decoration:line-through}.right-menu .dice-roll .die-group .group-total,.mobile-menu .dice-roll .die-group .group-total{color:var(--mui-palette-text-disabled);padding-top:3px;font-size:14px}.right-menu .dice-roll .die-group .group-total:before,.mobile-menu .dice-roll .die-group .group-total:before{content:"= "}.right-menu .dice-roll .die-group .roll-modifier,.mobile-menu .dice-roll .die-group .roll-modifier{color:var(--mui-palette-text-disabled);padding:1px 2px;font-size:16px}.right-menu .activity-feed,.mobile-menu .activity-feed{flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.right-menu .activity-feed .empty,.mobile-menu .activity-feed .empty{color:var(--mui-palette-text-disabled);margin:auto;font-size:13px}.right-menu .activity-feed .dice-roll,.mobile-menu .activity-feed .dice-roll{width:auto;margin:12px 16px}.right-menu .activity-feed .dice-roll:not(.latest),.mobile-menu .activity-feed .dice-roll:not(.latest){opacity:.6}.right-menu .activity-toast-container,.mobile-menu .activity-toast-container{z-index:3;min-width:200px;font-size:20px;position:absolute;top:5px;right:20px}.right-menu .main-content-switcher,.mobile-menu .main-content-switcher{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);box-sizing:border-box;border-radius:var(--radius);border:1px solid #ffffff1a;flex-direction:column;height:calc(100dvh - 16px);margin:8px;display:flex;overflow:hidden}.right-menu .main-content-switcher .option,.mobile-menu .main-content-switcher .option{color:var(--mui-palette-text-secondary);cursor:pointer;transition:color .15s,background-color .15s;position:relative}.right-menu .main-content-switcher .option:before,.mobile-menu .main-content-switcher .option:before{content:"";background-color:var(--mui-palette-primary-main);border-radius:3px 0 0 3px;width:3px;transition:transform .15s,opacity .15s;position:absolute;top:6px;bottom:6px;right:0;transform:scaleY(0)}.right-menu .main-content-switcher .option:hover,.mobile-menu .main-content-switcher .option:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.right-menu .main-content-switcher .option.active,.mobile-menu .main-content-switcher .option.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.right-menu .main-content-switcher .option.active:before,.mobile-menu .main-content-switcher .option.active:before{transform:scaleY(1)}.right-menu .main-content-switcher .option,.mobile-menu .main-content-switcher .option{justify-content:center;padding:10px;display:flex}.right-menu .main-content-switcher .grow+.bottom,.mobile-menu .main-content-switcher .grow+.bottom{border-top:1px solid var(--mui-palette-divider)}.right-menu .settings,.mobile-menu .settings{text-align:left;font-size:13px}.right-menu .settings .MuiToggleButton-root,.mobile-menu .settings .MuiToggleButton-root{text-transform:none;padding:4px 6px;font-size:12px}.right-menu .settings .switch-row,.mobile-menu .settings .switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.right-menu .settings .switch-row .text,.mobile-menu .settings .switch-row .text{flex-direction:column;gap:2px;display:flex}.right-menu .settings .switch-row .hint,.mobile-menu .settings .switch-row .hint{color:var(--mui-palette-text-disabled);font-size:11px}.right-menu .handouts-list .toolbar,.mobile-menu .handouts-list .toolbar{border-bottom:1px solid var(--mui-palette-divider);justify-content:flex-end;padding:4px 6px;display:flex}.right-menu .handouts-list .handout-list-element .name,.mobile-menu .handouts-list .handout-list-element .name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}.right-menu .handouts-list .handout-list-element.active,.mobile-menu .handouts-list .handout-list-element.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.right-menu .handouts-list .handout-list-element.hidden-from-players,.mobile-menu .handouts-list .handout-list-element.hidden-from-players{color:var(--mui-palette-text-disabled);font-style:italic}.right-menu .content-container:has(.notes-panel){width:520px}.panel-body:has(>.notes-panel){flex-direction:column;display:flex}.notes-panel{flex-direction:column;flex:1;min-height:0;display:flex}.notes-panel .toolbar{border-bottom:1px solid var(--mui-palette-divider);align-items:center;gap:2px;padding:4px 6px;display:flex}.notes-panel .toolbar .MuiTextField-root{flex-grow:1;margin-left:4px}.notes-panel .notes-content{flex:1;padding:6px 0 0;overflow-y:auto}.notes-panel .notes-attached{border-bottom:1px solid var(--mui-palette-divider);flex-wrap:wrap;gap:4px;padding:6px 8px;display:flex}.notes-panel .notes-attached .attachment-chips{flex-wrap:wrap;gap:4px;max-width:100%;display:flex}.notes-panel .notes-attached .MuiChip-root{max-width:100%}.notes-panel .next-session h4{color:var(--mui-palette-text-disabled);margin:12px 10px 4px}.notes-panel .next-session .session-group>summary{cursor:pointer;justify-content:center;align-items:center;list-style:none;display:flex}.notes-panel .next-session .session-group>summary::-webkit-details-marker{display:none}.notes-panel .next-session .session-group>summary:after{content:"";border-right:2px solid var(--mui-palette-text-secondary);border-bottom:2px solid var(--mui-palette-text-secondary);opacity:0;width:6px;height:6px;margin:8px 0 0 -2px;transition:opacity .15s,transform .15s;transform:rotate(45deg)}.notes-panel .next-session .session-group>summary:hover:after{opacity:1}.notes-panel .next-session .session-group:not([open])>summary:after{opacity:.8;transform:rotate(-45deg)}.notes-panel .next-session .session-note{border-top:1px solid var(--mui-palette-divider);margin-top:16px}.notes-panel .next-session .session-note>h4{background-color:#ffffff0a;margin:0 0 10px;padding:8px 10px}.notes-panel .next-session .note-content{text-align:left;padding:0 14px;font-size:14px;line-height:1.5}.notes-panel .note-section-info{color:var(--mui-palette-text-disabled);margin:-6px 0 10px}.notes-panel .notes-message,.note-picker .notes-message{color:var(--mui-palette-text-disabled);padding:0 12px}.notes-panel .notes-row,.note-picker .notes-row{cursor:pointer;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:flex}.notes-panel .notes-row:hover,.note-picker .notes-row:hover{background-color:var(--mui-palette-action-selected)}.notes-panel .notes-row .name,.note-picker .notes-row .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.notes-panel .notes-row svg,.note-picker .notes-row svg{color:var(--mui-palette-text-disabled)}.note-picker .MuiTextField-root{margin:4px 0 6px}.attachment-row{border-radius:var(--radius);background-color:#1a2229;align-items:center;gap:6px;padding:2px 4px 2px 8px;font-size:13px;display:flex}.attachment-row svg{color:var(--mui-palette-text-disabled)}.attachment-row .warning{color:var(--mui-palette-warning-main)}.attachment-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.attachment-row .place{color:var(--mui-palette-text-disabled)}.attachment-row+.attachment-row{margin-top:4px}.attachment-list:empty:before{content:"No notes";color:var(--mui-palette-text-disabled);border:1px dashed var(--mui-palette-divider);border-radius:var(--radius);padding:4px 8px;font-size:12px;display:block}.attachment-list .attachment-row{cursor:grab}.attachment-list .attachment-row.ghost{opacity:.4}.next-session .attachment-row{margin:0 8px 4px}.notes-panel .notes-folder-contents{margin-left:14px}.notes-panel .note-view{text-align:left;flex-direction:column;min-height:100%;padding:0 14px;font-size:14px;line-height:1.5;display:flex}.notes-panel .note-view .note-body{flex:1}.notes-panel .note-view .note-title-row{align-items:flex-start;gap:6px;display:flex}.notes-panel .note-view .note-title-row .MuiIconButton-root{margin-top:2px}.notes-panel .note-view .note-title{flex:1;margin:4px 0 10px;font-size:1.4em;line-height:1.3}.notes-panel .note-view .zoomable{cursor:zoom-in}.notes-panel .note-warning{color:var(--mui-palette-warning-main)}.notes-panel .note-infobox{font-size:12px;display:flow-root}.notes-panel .note-infobox img{float:left;border-radius:4px;width:120px;margin:0 12px 6px 0}.notes-panel .note-infobox .infobox-type{text-transform:capitalize;margin-bottom:6px;font-weight:600}.notes-panel .note-infobox .infobox-chips{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.notes-panel .note-infobox table{border-collapse:collapse}.notes-panel .note-infobox th{text-align:left;color:var(--mui-palette-text-disabled);vertical-align:top;overflow-wrap:anywhere;padding:1px 16px 1px 0;font-weight:500}.notes-panel .note-infobox td{overflow-wrap:anywhere}.notes-panel .note-footer{border-top:1px solid var(--mui-palette-divider);background-color:#1a2229;margin:20px -14px 0;position:sticky;bottom:0}.notes-panel .note-footer details>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.notes-panel .note-footer details>summary::-webkit-details-marker{display:none}.notes-panel .note-footer details>summary:before{content:"";border-right:2px solid var(--mui-palette-text-secondary);border-bottom:2px solid var(--mui-palette-text-secondary);opacity:.4;flex:none;width:6px;height:6px;transition:opacity .15s,transform .15s;transform:rotate(45deg)}.notes-panel .note-footer details>summary:hover:before{opacity:1}.notes-panel .note-footer details:not([open])>summary:before{opacity:.8;transform:rotate(-45deg)}.notes-panel .note-footer details+details{border-top:1px solid var(--mui-palette-divider)}.notes-panel .note-footer summary{color:var(--mui-palette-text-secondary);padding:6px 14px;font-size:13px}.notes-panel .note-footer .footer-content{max-height:30vh;padding:0 14px 8px 32px;overflow-y:auto}.notes-panel .note-footer .notes-row{padding:3px 0}.wikilink{color:var(--mui-palette-primary-main)}.note-content img,.note-preview img{max-width:100%;height:auto}.note-content .wikilink-missing,.note-content .note-unsupported,.note-preview .wikilink-missing,.note-preview .note-unsupported{color:var(--mui-palette-text-disabled)}.note-content .note-unsupported,.note-preview .note-unsupported{font-style:italic}.note-content .callout,.note-preview .callout{border-left:3px solid var(--callout-color);background-color:color-mix(in srgb, var(--callout-color) 8%, transparent);border-radius:0 4px 4px 0;margin:10px 0;padding:6px 10px}.note-content .callout>:last-child>:last-child,.note-preview .callout>:last-child>:last-child{margin-bottom:0}.note-content .callout-title,.note-preview .callout-title{color:var(--callout-color);align-items:center;gap:6px;font-weight:600;display:flex}.note-content summary.callout-title,.note-preview summary.callout-title{cursor:pointer;list-style:none}.note-content summary.callout-title::-webkit-details-marker{display:none}.note-preview summary.callout-title::-webkit-details-marker{display:none}.note-content summary.callout-title:after,.note-preview summary.callout-title:after{content:"›";transition:transform .15s}.note-content details[open]>summary.callout-title:after,.note-preview details[open]>summary.callout-title:after{transform:rotate(90deg)}.note-content .note-embed,.note-preview .note-embed{border-left:3px solid #ffffff1a;margin:10px 0;padding:2px 10px}.note-content .note-embed .note-embed-source,.note-preview .note-embed .note-embed-source{font-size:12px}.note-content blockquote,.note-preview blockquote{color:var(--mui-palette-text-secondary);border-left:3px solid #ffffff1a;margin:10px 0;padding:0 10px}.note-content h1,.note-content h2,.note-content h3,.note-content h4,.note-content h5,.note-content h6,.note-preview h1,.note-preview h2,.note-preview h3,.note-preview h4,.note-preview h5,.note-preview h6{margin:14px 0 6px;line-height:1.3}.note-content h1,.note-preview h1{font-size:1.3em}.note-content h2,.note-preview h2{font-size:1.15em}.note-content h3,.note-preview h3{font-size:1.05em}.note-content h4,.note-content h5,.note-content h6,.note-preview h4,.note-preview h5,.note-preview h6{font-size:1em}.note-content p,.note-preview p{margin:0 0 10px}.note-content ul,.note-content ol,.note-preview ul,.note-preview ol{margin:0 0 10px;padding-left:22px}.note-content .note-section>summary,.note-preview .note-section>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.note-content .note-section>summary::-webkit-details-marker{display:none}.note-preview .note-section>summary::-webkit-details-marker{display:none}.note-content .note-section>summary:before,.note-preview .note-section>summary:before{content:"";border-right:2px solid var(--mui-palette-text-secondary);border-bottom:2px solid var(--mui-palette-text-secondary);opacity:.4;flex:none;width:6px;height:6px;transition:opacity .15s,transform .15s;transform:rotate(45deg)}.note-content .note-section>summary:hover:before,.note-preview .note-section>summary:hover:before{opacity:1}.note-content .note-section:not([open])>summary:before,.note-preview .note-section:not([open])>summary:before{opacity:.8;transform:rotate(-45deg)}.note-content .note-section,.note-preview .note-section{padding-left:18px}.note-content .note-section>summary,.note-preview .note-section>summary{margin-left:-18px}.note-content .note-section>summary>*,.note-preview .note-section>summary>*{margin:6px 0}:is(.note-content .note-section:has(>summary>h2),.note-preview .note-section:has(>summary>h2)){margin-top:6px;padding-left:30px}:is(.note-content .note-section:has(>summary>h2)>summary,.note-preview .note-section:has(>summary>h2)>summary){border-left:3px solid color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent);background-color:#ffffff0f;border-radius:0 4px 4px 0;margin-left:-30px;padding:0 8px 0 9px}:is(.note-content .note-section:has(>summary>h2)>summary>h2,.note-preview .note-section:has(>summary>h2)>summary>h2){color:var(--frame-accent)}:is(.note-content .note-section:has(>summary>h2)[open],.note-preview .note-section:has(>summary>h2)[open]){padding-bottom:6px}:is(.note-content .note-section:has(>summary>h2)[open]>summary,.note-preview .note-section:has(>summary>h2)[open]>summary){border-left-color:var(--mui-palette-primary-main);margin-bottom:10px}.note-content hr,.note-preview hr{border:none;border-top:1px solid var(--mui-palette-divider);margin:12px 0}.note-content .note-base,.note-preview .note-base{margin:10px 0;font-size:13px}.note-content .note-base .MuiTabs-root,.note-preview .note-base .MuiTabs-root{border-bottom:1px solid var(--mui-palette-divider);min-height:32px;margin-bottom:6px}.note-content .note-base .MuiTab-root,.note-preview .note-base .MuiTab-root{text-transform:none;min-width:0;min-height:32px;padding:4px 10px;font-size:12px}.note-content .note-base .base-empty,.note-preview .note-base .base-empty{color:var(--mui-palette-text-disabled)}.note-content .note-base .base-scroll,.note-preview .note-base .base-scroll{overflow-x:auto}.note-content .note-base th,.note-preview .note-base th{text-align:left;white-space:nowrap}.note-content .note-base .base-cards,.note-preview .note-base .base-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.note-content .note-base .base-card,.note-preview .note-base .base-card{overflow-wrap:anywhere;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:6px}.note-content .note-base .base-card img,.note-preview .note-base .base-card img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;margin-bottom:4px;display:block}.note-content .note-base .base-card .base-card-title,.note-preview .note-base .base-card .base-card-title{font-weight:600}.note-content .note-base .base-card div:not(.base-card-title),.note-preview .note-base .base-card div:not(.base-card-title){color:var(--mui-palette-text-secondary);font-size:12px}.note-content .note-base .base-kanban,.note-preview .note-base .base-kanban{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.note-content .note-base .base-column,.note-preview .note-base .base-column{flex-direction:column;flex:0 0 150px;gap:6px;display:flex}.note-content .note-base .base-column .base-column-title,.note-preview .note-base .base-column .base-column-title{font-weight:600}.note-content .note-base .base-column .base-column-title span,.note-preview .note-base .base-column .base-column-title span{color:var(--mui-palette-text-disabled)}.note-content .contains-task-list,.note-preview .contains-task-list{padding-left:4px;list-style:none}.note-content .contains-task-list input,.note-preview .contains-task-list input{vertical-align:middle;margin:0 6px 0 0}.note-content table,.note-preview table{border-collapse:collapse}.note-content th,.note-content td,.note-preview th,.note-preview td{border:1px solid var(--mui-palette-divider);padding:3px 6px}:is(.note-content td:has(>.roll-chip),.note-preview td:has(>.roll-chip)){white-space:nowrap}.note-content .roll-chip,.note-preview .roll-chip{font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);border:1px solid color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent);cursor:pointer;border-radius:4px;padding:0 3px}.note-content .roll-chip:hover,.note-preview .roll-chip:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 22%, transparent)}.note-preview-tooltip.MuiTooltip-tooltip{text-align:left;max-width:320px;max-height:260px;font-size:12px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.note-preview-tooltip.MuiTooltip-tooltip h4{margin:0 0 4px}.note-zoomed-image{cursor:zoom-out;max-width:100%;max-height:90vh;display:block}.panel-body{flex-grow:1;min-height:0;overflow:hidden scroll}.panel-title-bar{z-index:1;background-image:linear-gradient(#ffffff12,#ffffff08);border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 4px 0 12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a}.panel-title-bar .icon{color:var(--frame-accent)}.panel-title-bar .title{color:var(--mui-palette-text-primary);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:13px;font-weight:600;overflow:hidden}.panel-title-bar .hotkey{color:var(--mui-palette-text-disabled);opacity:0;font-size:11px;transition:opacity .2s}.panel-title-bar:hover .hotkey{opacity:1}.panel-title-bar button{color:var(--mui-palette-text-disabled)}.panel-title-bar button:hover{color:var(--mui-palette-text-primary)}.panel-section{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.panel-section h3{margin:0 -16px}.panel-section>:not(h3)+:not(h3){border-top:1px solid var(--mui-palette-divider);padding-top:12px}.panel-section .field{flex-direction:column;gap:8px;display:flex}.panel-section .field .field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mui-palette-text-secondary);font-size:11px;font-weight:600}.panel-section .field .field-hint{color:var(--mui-palette-text-disabled);font-size:11px}.resource-search{border-radius:var(--radius);cursor:text;background-color:#1a2229;border:1px solid #8fb3c440;flex-grow:1;align-items:center;gap:6px;min-width:0;height:30px;padding:0 4px 0 8px;transition:border-color .15s;display:flex}.resource-search:focus-within{border-color:var(--mui-palette-primary-main)}.resource-search>svg{color:var(--mui-palette-text-disabled);font-size:18px}.resource-search input{min-width:0;font:inherit;color:var(--mui-palette-text-primary);background:0 0;border:none;outline:none;flex-grow:1;padding:0}.resource-search input::placeholder{color:var(--mui-palette-text-disabled)}.resource-search button{color:var(--mui-palette-text-disabled);padding:2px}.resource-search button svg{font-size:16px}.unit-input{border-radius:var(--radius);cursor:text;background-color:#1a2229;border:1px solid #8fb3c440;align-items:center;padding:0 8px;transition:border-color .15s;display:flex}.unit-input:focus-within{border-color:var(--mui-palette-primary-main)}.unit-input input{min-width:0;font:inherit;color:var(--mui-palette-text-primary);background:0 0;border:none;outline:none;flex-grow:1;padding:6px 0}.unit-input .unit{color:var(--mui-palette-text-disabled)}.volume-slider{align-items:center;gap:12px;display:flex}.volume-slider .value{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--mui-palette-text-secondary);font-size:13px}#youtube-host #ambient-youtube{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;left:0}#left-menu{z-index:3;pointer-events:none;z-index:8;align-items:center;height:100dvh;display:flex;position:absolute;left:0}#left-menu #control-panel{box-sizing:border-box;pointer-events:stroke;width:min-content;height:100%;padding:8px;display:flex}#left-menu #control-panel nav{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);border:1px solid #ffffff1a;flex-direction:column;width:43px;display:flex;overflow:hidden}#left-menu #control-panel nav svg{margin-bottom:8px}#left-menu #control-panel nav div{color:var(--mui-palette-text-secondary);cursor:pointer;transition:color .15s,background-color .15s;position:relative}#left-menu #control-panel nav div:before{content:"";background-color:var(--mui-palette-primary-main);border-radius:0 3px 3px 0;width:3px;transition:transform .15s,opacity .15s;position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(0)}#left-menu #control-panel nav div:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}#left-menu #control-panel nav div.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}#left-menu #control-panel nav div.active:before{transform:scaleY(1)}#left-menu #control-panel nav div{writing-mode:vertical-rl;letter-spacing:1.5px;align-items:center;width:43px;padding:14px 12px;font-size:13px;font-weight:500;display:flex}#left-menu #control-panel nav .nav-icon{writing-mode:horizontal-tb;opacity:.5;justify-content:center;align-items:center;padding:8px 0;transition:opacity .15s,background-color .15s;display:flex}#left-menu #control-panel nav .nav-icon:before{display:none}#left-menu #control-panel nav .nav-icon svg{margin-bottom:0;transition:transform .2s}#left-menu #control-panel nav .nav-icon.pin:not(.on) svg{transform:rotate(45deg)}#left-menu #control-panel nav .nav-icon:hover{opacity:.9}#left-menu #control-panel nav .nav-icon.on{opacity:1;background-color:var(--mui-palette-action-selected)}#left-menu #control-panel nav .nav-icon.disabled{opacity:.2;cursor:default;background-color:#0000}#left-menu #control-panel nav .nav-icon+div:not(.nav-icon){border-top:1px solid var(--mui-palette-divider)}#left-menu #control-panel.peeking nav .active{color:color-mix(in srgb, var(--mui-palette-primary-main) 50%, transparent);background-color:#0000}#left-menu #control-panel.peeking nav .active:before{opacity:.4}#left-menu #control-panel .panels{transition:opacity .12s,visibility .12s;display:flex}#left-menu #control-panel .panels.hidden{opacity:0;visibility:hidden;pointer-events:none;width:0;overflow:hidden}#left-menu #control-panel .panel-slot{flex-shrink:0}#left-menu #control-panel .content{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);border:1px solid #ffffff1a;flex-direction:column;min-width:200px;height:100%;display:flex;overflow:hidden;box-shadow:4px 0 10px #00000080}#left-menu #control-panel .panel-slot .content{margin-left:8px}#left-menu #control-panel .playlist-lock.locked{color:var(--mui-palette-text-primary)}#left-menu #control-panel .panel-header{border-bottom:1px solid var(--mui-palette-divider);background-color:#1a2229;padding:12px}#left-menu #control-panel .panel-header .info{align-items:center;gap:10px;display:flex}#left-menu #control-panel .panel-header .info>svg{color:var(--mui-palette-text-disabled);font-size:28px}#left-menu #control-panel .panel-header .text{flex-direction:column;flex-grow:1;min-width:0;display:flex}#left-menu #control-panel .panel-header .text label{text-transform:uppercase;letter-spacing:1px;color:var(--mui-palette-text-disabled);font-size:11px}#left-menu #control-panel .panel-header .status{color:var(--mui-palette-text-disabled);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}#left-menu #control-panel .block-editor{text-align:left;flex-direction:column;width:340px;min-height:100%;font-size:14px;display:flex}#left-menu #control-panel .block-editor.empty{color:var(--mui-palette-text-secondary);text-align:center;justify-content:center;padding:20px}#left-menu #control-panel .block-editor header .type-icon{color:var(--mui-palette-primary-main)}#left-menu #control-panel .block-editor header.battlemap .type-icon{color:#c9a66b}#left-menu #control-panel .block-editor header .block-name{font-size:18px;font-weight:500}#left-menu #control-panel .block-editor header .subtitle{color:var(--mui-palette-text-disabled);gap:6px;margin-top:2px;font-size:12px;display:flex}#left-menu #control-panel .block-editor .editable-text-value{white-space:nowrap;text-overflow:ellipsis;cursor:text;overflow:hidden}#left-menu #control-panel .block-editor .editable-text-input{padding:2px 6px}#left-menu #control-panel .block-editor .panel-section .inline-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}#left-menu #control-panel .block-editor .panel-section .inline-inputs input,#left-menu #control-panel .block-editor .panel-section .url-input input{min-width:0;color:var(--mui-palette-text-primary);border-radius:var(--radius);background-color:#1a2229;border:1px solid #8fb3c440;outline:none;padding:6px 8px;font-size:13px}#left-menu #control-panel .block-editor .panel-section .inline-inputs input:focus,#left-menu #control-panel .block-editor .panel-section .url-input input:focus{border-color:var(--mui-palette-primary-main)}#left-menu #control-panel .block-editor .panel-section .url-input{align-items:center;gap:4px;display:flex}#left-menu #control-panel .block-editor .panel-section .url-input input{flex:1}#left-menu #control-panel .block-editor .panel-section .image-preview{position:relative}#left-menu #control-panel .block-editor .panel-section .image-preview img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:160px;display:block}#left-menu #control-panel .block-editor .panel-section .image-preview.overlay img{object-fit:contain;background-color:var(--mui-palette-action-hover)}#left-menu #control-panel .block-editor .panel-section .image-preview .badge{border-radius:var(--radius);background-color:#0d1216bf;padding:1px 6px;font-size:11px;position:absolute;top:6px;left:6px}#left-menu #control-panel .block-editor .panel-section .image-preview .remove{color:var(--mui-palette-text-primary);background-color:#0d1216bf;position:absolute;top:4px;right:4px}#left-menu #control-panel .block-editor .panel-section .image-preview .remove:hover{color:var(--mui-palette-error-main);background-color:#000}#left-menu #control-panel .block-editor .panel-section .playlist-row{border-radius:var(--radius);background-color:#1a2229;align-items:center;gap:6px;padding:6px 4px 6px 8px;display:flex}#left-menu #control-panel .block-editor .panel-section .playlist-row svg{color:var(--mui-palette-primary-main)}#left-menu #control-panel .block-editor .panel-section .playlist-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}#left-menu #control-panel .block-editor .panel-section .media-item{border-radius:var(--radius);background-color:#1a2229;flex-direction:column;gap:4px;padding:6px 8px;display:flex}#left-menu #control-panel .block-editor .panel-section .media-item .media-row{align-items:center;gap:8px;display:flex}#left-menu #control-panel .block-editor .panel-section .media-item .media-row .thumbnail{object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:64px;height:36px}#left-menu #control-panel .block-editor .panel-section .media-item .media-row .title{-webkit-line-clamp:2;cursor:copy;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;display:-webkit-box;overflow:hidden}#left-menu #control-panel .block-editor .panel-section .media-item .media-row .remove:hover{color:var(--mui-palette-error-main)}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row{color:var(--mui-palette-text-secondary);align-items:center;gap:6px;display:flex}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row input[type=range]{flex:1}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row input[type=number]{width:52px;color:var(--mui-palette-text-primary);border-radius:var(--radius);background-color:#0000;border:1px solid #8fb3c440;padding:2px 4px}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row label{font-size:12px}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row .toggle{color:var(--mui-palette-text-disabled)}#left-menu #control-panel .block-editor .panel-section .media-item .slider-row .toggle.on{color:var(--mui-palette-primary-main)}#left-menu #control-panel .inline-name-input{min-width:0;font:inherit;color:var(--mui-palette-text-primary);border:1px solid var(--mui-palette-primary-main);border-radius:var(--radius);background-color:#1a2229;outline:none;padding:4px 6px}#left-menu #control-panel .scene-element .scene-name-input{box-sizing:border-box;font-variant:small-caps;letter-spacing:.06em;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);background-color:#0009;padding:3px 6px;font-size:14px;font-weight:600;position:absolute;bottom:6px;left:6px;right:6px;box-shadow:0 2px 8px #00000080}#left-menu #control-panel .upper-content{max-height:95vh;display:flex}#left-menu #control-panel .panel-body:has(>#block-select,>.playlist-select-tool){flex-direction:column;display:flex}#left-menu #control-panel #block-select{flex-direction:column;flex-grow:1;width:340px;padding:10px;display:flex}#left-menu #control-panel #block-select .browse-bar{border:1px dashed var(--mui-palette-primary-main);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:4px 4px 4px 8px;display:flex}#left-menu #control-panel #block-select .browse-loading{margin-bottom:8px}#left-menu #control-panel #block-select .block-selector-item{grid-template-columns:20px 1fr auto;align-items:center;gap:4px;margin-bottom:6px;display:grid;position:relative}#left-menu #control-panel #block-select .block-selector-item.live:before,#left-menu #control-panel #block-select .block-selector-item.preview:before{content:"";pointer-events:none;border-radius:2px;width:3px;transition:opacity .15s;position:absolute;top:6px;bottom:6px;left:8px}#left-menu #control-panel #block-select .block-selector-item.live:before{background-color:var(--mui-palette-primary-main)}#left-menu #control-panel #block-select .block-selector-item.preview:before{background-color:var(--mui-palette-warning-main)}#left-menu #control-panel #block-select .block-selector-item:has(.drag-handle):is(:hover,:focus-within):before{opacity:0}#left-menu #control-panel #block-select .block-selector-item .drag-handle,#left-menu #control-panel #block-select .block-selector-item .preview-button{opacity:0;transition:opacity .15s}#left-menu #control-panel #block-select .block-selector-item .drag-handle{color:var(--mui-palette-text-disabled);cursor:grab}#left-menu #control-panel #block-select .block-selector-item .drag-handle:hover,#left-menu #control-panel #block-select .block-selector-item .preview-button{color:var(--mui-palette-text-secondary)}#left-menu #control-panel #block-select .block-selector-item.nothing-to-preview .preview-button{visibility:hidden}#left-menu #control-panel #block-select .block-selector-item:hover .drag-handle,#left-menu #control-panel #block-select .block-selector-item:hover .preview-button,#left-menu #control-panel #block-select .block-selector-item:focus-within .drag-handle,#left-menu #control-panel #block-select .block-selector-item:focus-within .preview-button{opacity:1}#left-menu #control-panel #block-select .block-selector-item .name-cell{min-width:0;display:grid;position:relative}#left-menu #control-panel #block-select .block-selector-item .name-cell.editing .name-button{visibility:hidden}#left-menu #control-panel #block-select .block-selector-item .name-input{box-sizing:border-box;padding:8px 12px;font-size:14px;position:absolute;inset:0}#left-menu #control-panel #block-select .block-selector-item .name-button{border-radius:var(--radius);min-width:0;color:var(--mui-palette-text-primary);text-align:left;text-transform:none;border:1px solid #0000;justify-content:flex-start;gap:10px;padding:5px 10px 5px 5px;transition:background-color .15s,border-color .15s}#left-menu #control-panel #block-select .block-selector-item .name-button:hover{background-color:#ffffff0a}#left-menu #control-panel #block-select .block-selector-item .name-button label{white-space:nowrap;text-overflow:ellipsis;cursor:inherit;font-size:14px;font-weight:600;line-height:1.3;transition:color .15s;overflow:hidden}#left-menu #control-panel #block-select .block-selector-item .text{gap:4px;min-width:0;display:grid}#left-menu #control-panel #block-select .block-selector-item.place .name-button{--tint:0, 0, 0;min-height:52px;padding:9px 12px;overflow:hidden}#left-menu #control-panel #block-select .block-selector-item.place .name-button .text{z-index:1;gap:5px;position:relative}#left-menu #control-panel #block-select .block-selector-item.place .name-button label{letter-spacing:.01em;font-size:16px;font-weight:500}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button{text-shadow:0 1px 3px #000}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button:before,#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button:after{content:"";pointer-events:none;position:absolute;inset:0}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button:before{background:var(--thumbnail) center/cover;filter:grayscale(.4)brightness(.8);transition:filter .25s}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button:after{background:linear-gradient(to right, rgba(var(--tint), .85) 30%, rgba(var(--tint), .35))}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail .name-button:hover:before{filter:grayscale(.15)brightness(.9)}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail.selected .name-button:before,#left-menu #control-panel #block-select .block-selector-item.has-thumbnail.shows-visuals .name-button:before{filter:none}#left-menu #control-panel #block-select .block-selector-item.has-thumbnail.selected .name-button:after,#left-menu #control-panel #block-select .block-selector-item.has-thumbnail.shows-visuals .name-button:after{background:linear-gradient(to right, rgba(var(--tint), .8) 30%, rgba(var(--tint), .2))}#left-menu #control-panel #block-select .block-selector-item.has-art .name-button{background:linear-gradient(to right, rgba(var(--tint), .55) 30%, rgba(var(--tint), .15))}#left-menu #control-panel #block-select .block-selector-item.has-art .name-button .block-art{color:var(--mui-palette-text-primary);opacity:.1;pointer-events:none;font-size:56px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#left-menu #control-panel #block-select .block-selector-item.has-art.selected .name-button .block-art{opacity:.2}#left-menu #control-panel #block-select .block-selector-item .block-channels{text-shadow:0 1px 2px #000c;flex-wrap:wrap;gap:4px;margin-left:-6px;display:flex}#left-menu #control-panel #block-select .block-selector-item .channel{min-width:0;color:var(--mui-palette-text-disabled);border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:13px;transition:color .15s,background-color .15s;display:inline-flex}#left-menu #control-panel #block-select .block-selector-item .channel-label{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1;overflow:hidden}#left-menu #control-panel #block-select .block-selector-item .channel.clears{color:var(--mui-palette-text-disabled)}#left-menu #control-panel #block-select .block-selector-item .channel.live,#left-menu #control-panel #block-select .block-selector-item .channel.preview{text-shadow:none}#left-menu #control-panel #block-select .block-selector-item .channel.live{background-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText)}#left-menu #control-panel #block-select .block-selector-item .channel.preview{background-color:var(--mui-palette-warning-main);color:var(--mui-palette-warning-contrastText)}#left-menu #control-panel #block-select .block-selector-item.cue .name-button{background:linear-gradient(90deg,#94a3b829 30%,#94a3b80d);min-height:46px;padding:7px 12px;overflow:hidden}#left-menu #control-panel #block-select .block-selector-item.cue .name-button:hover{background:linear-gradient(90deg,#94a3b838 30%,#94a3b814)}#left-menu #control-panel #block-select .block-selector-item.cue .name-button .text{z-index:1;gap:5px;position:relative}#left-menu #control-panel #block-select .block-selector-item.cue .name-button label{letter-spacing:.01em;font-size:15px;font-weight:500}#left-menu #control-panel #block-select .block-selector-item.selected{position:relative}#left-menu #control-panel #block-select .block-selector-item.selected .name-cell:before,#left-menu #control-panel #block-select .block-selector-item.selected .name-cell:after,#left-menu #control-panel #block-select .block-selector-item.selected:after{content:"";pointer-events:none;position:absolute}#left-menu #control-panel #block-select .block-selector-item.selected .name-cell:before{z-index:2;background-color:var(--mui-palette-text-primary);width:3px;top:0;bottom:0;right:0}#left-menu #control-panel #block-select .block-selector-item.selected .name-cell:after{background-color:var(--mui-palette-text-primary);width:100px;height:2px;margin-top:-1px;top:50%;left:100%}#left-menu #control-panel #block-select .block-selector-item.selected:after{border-block:6px solid #0000;border-left:6px solid var(--mui-palette-text-primary);top:50%;right:-10px;transform:translateY(-50%)}#left-menu #control-panel #block-select .block-selector-item.live.cue .name-button,#left-menu #control-panel #block-select .block-selector-item.live.has-art .name-button{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent);background-image:linear-gradient(to right, color-mix(in srgb, var(--mui-palette-primary-main) 16%, transparent) 30%, color-mix(in srgb, var(--mui-palette-primary-main) 6%, transparent))}#left-menu #control-panel #block-select .block-selector-item.preview.cue .name-button,#left-menu #control-panel #block-select .block-selector-item.preview.has-art .name-button{background-color:color-mix(in srgb, var(--mui-palette-warning-main) 12%, transparent);background-image:linear-gradient(to right, color-mix(in srgb, var(--mui-palette-warning-main) 16%, transparent) 30%, color-mix(in srgb, var(--mui-palette-warning-main) 6%, transparent))}#left-menu #control-panel #block-select .block-selector-item:not(.active) .name-button label{color:color-mix(in srgb, var(--mui-palette-text-primary) 62%, transparent)}#left-menu #control-panel #block-select .block-selector-item:not(.active) .name-button:hover label{color:var(--mui-palette-text-primary)}#left-menu #control-panel #block-select .block-selector-item.cue:not(.active) .name-button:not(:hover) label{color:color-mix(in srgb, var(--mui-palette-text-primary) 80%, transparent)}#left-menu #control-panel #block-select .block-selector-item.pending{animation:1.2s ease-in-out infinite loading-pulse}#left-menu #control-panel #block-select .block-selector-item.sortable-ghost{opacity:.4}#left-menu #control-panel #block-select .block-group-label{margin:-10px -10px 8px;padding-right:10px}#left-menu #control-panel #block-select .block-group-label .add-block{color:var(--frame-accent);margin:-6px 0 -6px auto}#left-menu #control-panel #block-select .block-group-label .add-block:hover{color:var(--mui-palette-text-primary)}#left-menu #control-panel #block-select .block-group-label.battlemaps{border-top:1px solid #ffffff14;margin-top:20px}#left-menu #control-panel #block-select .block-group-label.story{margin-top:0}#left-menu #control-panel #block-select .on-stage{z-index:1;flex-direction:column;gap:8px;margin:-10px -10px 10px;display:flex;position:sticky;top:-10px}#left-menu #control-panel #block-select .on-stage .on-stage-title{text-transform:uppercase;letter-spacing:1px;height:16px;color:var(--mui-palette-text-disabled);justify-content:space-between;align-items:center;font-size:11px;display:flex}#left-menu #control-panel #block-select .on-stage .music-lock{font:inherit;color:var(--mui-palette-text-disabled);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .2s;display:flex}#left-menu #control-panel #block-select .on-stage .music-lock svg{font-size:14px}#left-menu #control-panel #block-select .on-stage .music-lock:hover,#left-menu #control-panel #block-select .on-stage .music-lock.locked{color:var(--mui-palette-text-primary)}#left-menu #control-panel #block-select .on-stage .stage-channels{border-bottom:1px solid var(--mui-palette-divider)}#left-menu #control-panel #block-select .on-stage .stage-channel{align-items:center;gap:12px;display:flex}#left-menu #control-panel #block-select .on-stage .stage-channel+.stage-channel{border-top:1px solid var(--mui-palette-divider)}#left-menu #control-panel #block-select .on-stage .stage-channel .stage-source{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;flex-grow:1;padding:6px 0;display:flex}#left-menu #control-panel #block-select .on-stage .channel-icon-cell{flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}#left-menu #control-panel #block-select .on-stage .channel-icon-cell>*{grid-area:1/1}#left-menu #control-panel #block-select .on-stage .channel-icon{color:var(--mui-palette-text-disabled);font-size:20px;transition:opacity .15s;display:flex}#left-menu #control-panel #block-select .on-stage .stage-channel.live .channel-icon{color:var(--mui-palette-primary-main)}#left-menu #control-panel #block-select .on-stage .stage-channel.split .channel-icon{color:var(--mui-palette-warning-main)}#left-menu #control-panel #block-select .on-stage .clear-channel{color:var(--mui-palette-text-disabled);opacity:0;padding:4px;transition:opacity .15s}#left-menu #control-panel #block-select .on-stage .clear-channel svg{font-size:18px}#left-menu #control-panel #block-select .on-stage .clear-channel:hover{color:var(--mui-palette-text-primary)}#left-menu #control-panel #block-select .on-stage .stage-channel.clearable:hover .channel-icon{opacity:0}#left-menu #control-panel #block-select .on-stage .stage-channel:hover .clear-channel,#left-menu #control-panel #block-select .on-stage .clear-channel:focus-visible{opacity:1}#left-menu #control-panel #block-select .on-stage .stage-lines{flex-direction:column;flex-grow:1;min-width:0;display:flex}#left-menu #control-panel #block-select .on-stage .stage-channel:not(.split) .stage-value{flex-direction:column;align-items:flex-start;gap:0;height:44px}#left-menu #control-panel #block-select .on-stage .stage-channel:not(.split) .stage-value .name,#left-menu #control-panel #block-select .on-stage .stage-channel:not(.split) .stage-value .scene-name{max-width:100%}#left-menu #control-panel #block-select .on-stage .stage-line{align-items:center;gap:4px;height:22px;display:flex}#left-menu #control-panel #block-select .on-stage .stage-line .stage-value{flex-grow:1}#left-menu #control-panel #block-select .on-stage .stage-line .MuiButton-root{flex-shrink:0;min-width:0;height:22px;padding:0 8px;font-size:12px}#left-menu #control-panel #block-select .on-stage .stage-value{min-width:0;font:inherit;text-align:left;background:0 0;border:none;align-items:baseline;gap:6px;padding:0;line-height:22px;display:flex}#left-menu #control-panel #block-select .on-stage .stage-value .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--mui-palette-text-primary);font-size:14px;font-weight:500;overflow:hidden}#left-menu #control-panel #block-select .on-stage .stage-value .scene-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--mui-palette-text-disabled);flex-shrink:3;font-size:12px;overflow:hidden}#left-menu #control-panel #block-select .on-stage .stage-value .audience{text-transform:uppercase;letter-spacing:.5px;width:52px;color:var(--mui-palette-text-disabled);flex-shrink:0;font-size:10px}#left-menu #control-panel #block-select .on-stage .stage-value.empty .name{color:var(--mui-palette-text-disabled);font-weight:400}#left-menu #control-panel #block-select .on-stage button.stage-source,#left-menu #control-panel #block-select .on-stage button.stage-value{cursor:pointer}#left-menu #control-panel #block-select .on-stage button.stage-source:hover .name,#left-menu #control-panel #block-select .on-stage button.stage-value:hover .name{text-decoration:underline}#left-menu #control-panel #block-select .on-stage .stage-all{align-items:center;gap:8px;height:32px;display:flex}#left-menu #control-panel #block-select .on-stage .stage-all .MuiButton-root{white-space:nowrap;flex:1;min-width:0}#left-menu #control-panel #block-select .on-stage .stage-all .in-step{color:var(--mui-palette-text-disabled);align-items:center;gap:6px;font-size:12px;display:flex}#left-menu #control-panel #block-select .on-stage .stage-all .in-step svg{font-size:16px}#left-menu #control-panel .playlist-select-tool{color:var(--mui-palette-text-secondary);text-align:left;flex-direction:column;flex-grow:1;min-width:320px;max-width:320px;font-size:14px;display:flex}#left-menu #control-panel .playlist-select-tool .playlist.pending{cursor:default;animation:1.2s ease-in-out infinite loading-pulse}#left-menu #control-panel .playlist-select-tool .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#left-menu #control-panel .playlist-select-tool .name.unnamed{color:var(--mui-palette-text-disabled);font-style:italic}#left-menu #control-panel .playlist-select-tool .now-playing .text .name{color:var(--mui-palette-text-disabled);font-size:16px;font-weight:500}#left-menu #control-panel .playlist-select-tool .now-playing.playing .info>svg,#left-menu #control-panel .playlist-select-tool .now-playing.playing .info .name{color:var(--mui-palette-primary-main)}#left-menu #control-panel .playlist-select-tool .now-playing:not(.playing) .info button{visibility:hidden}#left-menu #control-panel .playlist-select-tool .now-playing .status+.status{margin-top:4px}#left-menu #control-panel .playlist-select-tool .now-playing .block-playlist{height:26px}#left-menu #control-panel .playlist-select-tool .now-playing .block-playlist .name{flex-grow:1;min-width:0}#left-menu #control-panel .playlist-select-tool .now-playing .block-playlist button{flex-shrink:0;min-width:0;padding:0 6px;font-size:12px}#left-menu #control-panel .playlist-select-tool .now-playing .block-playlist button .MuiButton-startIcon{margin-right:2px}#left-menu #control-panel .playlist-select-tool .now-playing .lock{cursor:pointer;transition:color .2s}#left-menu #control-panel .playlist-select-tool .now-playing .lock:hover,#left-menu #control-panel .playlist-select-tool .now-playing .lock.locked{color:var(--mui-palette-text-primary)}#left-menu #control-panel .playlist-select-tool .header-slot{display:grid}#left-menu #control-panel .playlist-select-tool .header-slot>*{grid-area:1/1}#left-menu #control-panel .playlist-select-tool .header-slot:has(.pick-banner) .now-playing{visibility:hidden}#left-menu #control-panel .playlist-select-tool .pick-banner{z-index:1;color:var(--mui-palette-text-primary);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 35%, transparent);border-bottom:1px solid var(--mui-palette-primary-main);align-items:center;gap:10px;padding:12px;display:flex}#left-menu #control-panel .playlist-select-tool .pick-banner svg{color:var(--mui-palette-primary-main)}#left-menu #control-panel .playlist-select-tool .pick-banner .text{flex-grow:1;min-width:0}#left-menu #control-panel .playlist-select-tool .toolbar{border-bottom:1px solid var(--mui-palette-divider);align-items:center;padding:4px 6px;display:flex}#left-menu #control-panel .playlist-select-tool .toolbar>button:first-child{color:var(--mui-palette-text-disabled)}#left-menu #control-panel .playlist-select-tool .toolbar>button:first-child:hover{color:var(--mui-palette-text-secondary)}#left-menu #control-panel .playlist-select-tool .playlist{cursor:pointer;align-items:center;padding:4px 6px;font-size:13px;transition:color .2s,background-color .2s;display:flex}#left-menu #control-panel .playlist-select-tool .playlist .icon{justify-content:center;align-items:center;width:20px;min-width:20px;margin-right:6px;display:flex}#left-menu #control-panel .playlist-select-tool .playlist .icon svg{margin:0;font-size:18px}#left-menu #control-panel .playlist-select-tool .playlist .icon .stop-icon{display:none}#left-menu #control-panel .playlist-select-tool .playlist:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}#left-menu #control-panel .playlist-select-tool .playlist .name{flex-grow:1}#left-menu #control-panel .playlist-select-tool .playlist .playlist-name-input{margin:-1px 0;padding:0 4px}#left-menu #control-panel .playlist-select-tool .playlist .block-icon{color:var(--mui-palette-primary-main);opacity:.6;flex-shrink:0;margin:0 0 0 8px;font-size:17px}#left-menu #control-panel .playlist-select-tool .playlist.active{color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent);font-weight:500}#left-menu #control-panel .playlist-select-tool .playlist.active:hover .play-icon{display:none}#left-menu #control-panel .playlist-select-tool .playlist.active:hover .stop-icon{display:block}#left-menu #control-panel .map-resources{width:280px;color:var(--mui-palette-text-secondary);text-align:left;flex-direction:column;font-size:13px;display:flex}#left-menu #control-panel .map-resources .toolbar{border-bottom:1px solid var(--mui-palette-divider);align-items:center;gap:4px;padding:6px;display:flex}#left-menu #control-panel .map-resources .search-results{padding:6px 0}#left-menu #control-panel .map-resources .search-results.empty{color:var(--mui-palette-text-disabled);justify-content:center;padding:16px;display:flex}#left-menu #control-panel .map-resources .resource-lists[hidden]{display:none}#left-menu #control-panel .map-resources .resource-list-part h3{margin:0;padding:2px 6px 2px 12px}#left-menu #control-panel .map-resources .resource-list-part h3 .title{flex-grow:1}#left-menu #control-panel .map-resources .resource-list-part .folders{min-height:32px;padding:4px 0 8px}#left-menu #control-panel .map-resources .hint{color:var(--mui-palette-text-disabled);padding:4px 12px;font-size:12px;font-style:italic}#left-menu #control-panel .map-resources .folder .header{border-radius:var(--radius);color:var(--mui-palette-text-primary);cursor:pointer;align-items:center;gap:4px;margin:0 4px;padding:4px 6px;font-weight:600;transition:background-color .2s;display:flex}#left-menu #control-panel .map-resources .folder .header>svg{color:var(--mui-palette-text-disabled);font-size:18px}#left-menu #control-panel .map-resources .folder .header .name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}#left-menu #control-panel .map-resources .folder .header .name.unnamed{color:var(--mui-palette-text-disabled);font-style:italic;font-weight:400}#left-menu #control-panel .map-resources .folder .header .inline-name-input{flex-grow:1;padding:2px 6px}#left-menu #control-panel .map-resources .folder .header:hover{background-color:var(--mui-palette-action-hover)}#left-menu #control-panel .map-resources .folder .folder-content{border-left:1px solid #8fb3c440;margin:0 0 4px 18px}#left-menu #control-panel .map-resources .folder .folder-content>div:not(.loader):not(.hint){min-height:4px}#left-menu #control-panel .map-resources .folder .folder-content .hint{padding-left:10px}#left-menu #control-panel .map-resources .folder .loader{justify-content:center;padding:6px;display:flex}#left-menu #control-panel .map-resources .resource{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;margin:0 4px;padding:3px 6px;transition:color .2s,background-color .2s;display:flex}#left-menu #control-panel .map-resources .resource img{object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff1a}#left-menu #control-panel .map-resources .resource .name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}#left-menu #control-panel .map-resources .resource .inline-name-input{flex-grow:1;padding:2px 6px}#left-menu #control-panel .map-resources .resource:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}#left-menu #control-panel .map-resources .resource.pending{cursor:default;min-height:34px;padding-left:12px;animation:1.2s ease-in-out infinite loading-pulse}#left-menu #control-panel .map-resources .resource.on-map{opacity:.45}#left-menu #control-panel .map-resources .resource.on-map:hover{opacity:.8}#left-menu #control-panel .map-resources .player-characters>.header{padding-top:1px;padding-bottom:1px}#left-menu #control-panel .map-resources .player-characters>.header button{padding:3px}#left-menu #control-panel .map-resources .player-characters>.header button svg{font-size:18px}#left-menu #control-panel .monsters-panel{width:380px}#left-menu #control-panel .monsters-panel .monster-results{padding-bottom:8px}#left-menu #control-panel .monsters-panel .monster-results h4{margin:0 0 4px;padding:6px 12px}#left-menu #control-panel .monsters-panel .monster-results .empty{color:var(--mui-palette-text-disabled);margin:0;padding:4px 12px;font-size:12px;font-style:italic}#left-menu #control-panel .monsters-panel .hint.error{color:var(--mui-palette-error-main);font-style:normal}#left-menu #control-panel .monsters-panel .resource.monster{cursor:grab}#left-menu #control-panel .monsters-panel .resource.monster:active{cursor:grabbing}#left-menu #control-panel .monsters-panel .resource.monster img,#left-menu #control-panel .monsters-panel .resource.monster .no-image{border-radius:50%;flex-shrink:0;width:28px;height:28px}#left-menu #control-panel .monsters-panel .resource.monster .no-image{background-color:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a}#left-menu #control-panel .monsters-panel .resource.monster .name{flex-direction:column;display:flex}#left-menu #control-panel .monsters-panel .resource.monster .name small{text-overflow:ellipsis;color:var(--mui-palette-text-disabled);font-size:11px;overflow:hidden}#left-menu #control-panel .monsters-panel .resource.monster .tag{text-overflow:ellipsis;white-space:nowrap;max-width:90px;color:var(--mui-palette-text-disabled);flex-shrink:0;font-size:11px;overflow:hidden}#left-menu #control-panel .monsters-panel .resource.monster .count{font-variant-numeric:tabular-nums;color:var(--mui-palette-text-primary);font-weight:600}#left-menu #control-panel .monsters-panel .resource.monster.selected{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-selected)}.dice-roller{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);pointer-events:stroke;border-radius:var(--radius);width:72px;height:max-content;color:var(--mui-palette-text-primary);border:1px solid #ffffff1a;flex-direction:column;gap:2px;padding:6px;display:flex}.dice-roller:first-child{margin-left:8px}.dice-roller .die-container{border-radius:var(--radius);cursor:pointer;justify-content:center;padding:4px;transition:background-color .15s;display:flex;position:relative}.dice-roller .die-container svg{opacity:.7;width:40px;height:40px;transition:opacity .15s}.dice-roller .die-container:hover{background-color:var(--mui-palette-action-hover)}.dice-roller .die-container:hover svg{opacity:1}.dice-roller .die-container.selected{background-color:var(--mui-palette-action-selected)}.dice-roller .die-container.selected svg{opacity:1}.dice-roller .die-container .count{box-sizing:border-box;border-radius:var(--radius);color:#06232b;background-color:var(--mui-palette-primary-main);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.dice-roller .actions{flex-direction:column;gap:4px;margin-top:4px;display:flex}.dice-roller .actions button{border-radius:var(--radius);min-width:0}.playlist-manager{width:340px;min-height:100%;color:var(--mui-palette-text-secondary);text-align:left;flex-direction:column;font-size:14px;display:flex}.playlist-manager .toolbar{border-bottom:1px solid var(--mui-palette-divider);align-items:center;padding:4px 6px 4px 12px;display:flex}.playlist-manager .toolbar .count{text-transform:uppercase;letter-spacing:1px;color:var(--mui-palette-text-disabled);flex-grow:1;font-size:11px}.playlist-manager .tracks-panel{flex-grow:1}.playlist-manager .playlist-tracks{counter-reset:track;flex-direction:column;padding-bottom:6px;display:flex}.playlist-manager .empty{color:var(--mui-palette-text-disabled);text-align:center;padding:20px 16px}.playlist-manager .track{border-left:3px solid #0000;border-bottom:1px solid var(--mui-palette-divider);cursor:pointer;align-items:center;gap:10px;padding:7px 12px 7px 6px;transition:background-color .15s,color .15s;display:flex}.playlist-manager .track:before{counter-increment:track;content:counter(track);text-align:right;font-variant-numeric:tabular-nums;width:20px;color:var(--mui-palette-text-disabled);flex-shrink:0;font-size:12px}.playlist-manager .track:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-selected)}.playlist-manager .track:hover:before{color:var(--mui-palette-text-secondary)}.playlist-manager .track:hover .thumb svg{opacity:1}.playlist-manager .track.active{color:var(--mui-palette-primary-main);border-left-color:var(--mui-palette-primary-main)}.playlist-manager .track.active:before{color:var(--mui-palette-primary-main)}.playlist-manager .track.active:hover{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.playlist-manager .track.active{background-color:var(--mui-palette-action-hover)}.playlist-manager .track.active .thumb svg{opacity:1;color:var(--mui-palette-primary-main)}.playlist-manager .track.broken .title{color:var(--mui-palette-text-disabled)}.playlist-manager .track.ghost{opacity:.4}.playlist-manager .track.pending{cursor:default;animation:1.2s ease-in-out infinite loading-pulse}.playlist-manager .track .thumb{border-radius:var(--radius);background-color:#1a2229;flex-shrink:0;width:64px;height:36px;position:relative;overflow:hidden}.playlist-manager .track .thumb img{object-fit:cover;width:100%;height:100%}.playlist-manager .track .thumb svg{color:var(--mui-palette-text-primary);opacity:0;background-color:#00000080;border-radius:50%;margin:auto;font-size:24px;transition:opacity .15s;position:absolute;inset:0}.playlist-manager .track .title{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}.playlist-manager .track>svg{flex-shrink:0;font-size:18px}.spotify-converter-modal{z-index:9}.spotify-converter-modal .spotify-converter{background-color:var(--mui-palette-background-default);width:min(900px,90vw);height:70vh;color:var(--mui-palette-text-secondary);text-align:left;flex-direction:column;align-items:stretch;font-size:14px;overflow:hidden}.spotify-converter-modal .spotify-converter .search{padding:14px 16px 10px}.spotify-converter-modal .spotify-converter .search .error{color:var(--mui-palette-error-main);margin-top:8px;font-size:13px}.spotify-converter-modal .spotify-converter .search .error.quota{color:var(--mui-palette-warning-main)}.spotify-converter-modal .spotify-converter .columns{border-top:1px solid var(--mui-palette-divider);flex-grow:1;min-height:0;display:flex}.spotify-converter-modal .spotify-converter .column{flex-direction:column;min-width:0;display:flex}.spotify-converter-modal .spotify-converter .playlists-column{border-right:1px solid var(--mui-palette-divider);width:36%}.spotify-converter-modal .spotify-converter .tracks-column{flex-grow:1}.spotify-converter-modal .spotify-converter .column-header{border-bottom:1px solid var(--mui-palette-divider);align-items:center;gap:8px;min-height:48px;padding:6px 12px;display:flex}.spotify-converter-modal .spotify-converter .column-header .label{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:1px;min-width:0;color:var(--mui-palette-text-disabled);flex-grow:1;font-size:11px;overflow:hidden}.spotify-converter-modal .spotify-converter .column-header .MuiTextField-root{width:120px}.spotify-converter-modal .spotify-converter .column-footer{border-top:1px solid var(--mui-palette-divider);color:var(--mui-palette-text-disabled);padding:8px 12px;font-size:12px}.spotify-converter-modal .spotify-converter .list{flex-grow:1;overflow-y:auto}.spotify-converter-modal .spotify-converter .hint{color:var(--mui-palette-text-disabled);text-align:center;justify-content:center;padding:30px 20px;display:flex}.spotify-converter-modal .spotify-converter .row{border-left:3px solid #0000;border-bottom:1px solid var(--mui-palette-divider);cursor:pointer;align-items:center;gap:10px;padding:6px 12px;transition:background-color .15s,color .15s;display:flex}.spotify-converter-modal .spotify-converter .row:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-selected)}.spotify-converter-modal .spotify-converter .row.active{color:var(--mui-palette-primary-main);border-left-color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-hover)}.spotify-converter-modal .spotify-converter .row.done{cursor:default;opacity:.6}.spotify-converter-modal .spotify-converter .row .MuiCheckbox-root{padding:0}.spotify-converter-modal .spotify-converter .cover{border-radius:var(--radius);width:44px;height:44px;color:var(--mui-palette-text-disabled);background-color:#1a2229;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.spotify-converter-modal .spotify-converter .cover.small{width:36px;height:36px}.spotify-converter-modal .spotify-converter .cover img{object-fit:cover;width:100%;height:100%}.spotify-converter-modal .spotify-converter .text{flex-direction:column;flex-grow:1;min-width:0;display:flex}.spotify-converter-modal .spotify-converter .text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spotify-converter-modal .spotify-converter .text .sub{color:var(--mui-palette-text-disabled);font-size:12px}.spotify-converter-modal .spotify-converter .status{font-variant-numeric:tabular-nums;color:var(--mui-palette-text-disabled);flex-shrink:0;font-size:12px;display:flex}.spotify-converter-modal .spotify-converter .status svg{font-size:18px}.spotify-converter-modal .spotify-converter .status .done{color:var(--mui-palette-success-main)}.context-menu{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);z-index:13;border-radius:var(--radius);min-width:160px;max-height:calc(100dvh - 16px);color:var(--mui-palette-text-secondary);text-align:left;-webkit-user-select:none;user-select:none;transform-origin:0 0;border:1px solid #ffffff1a;flex-direction:column;gap:1px;padding:4px;font-size:13px;animation:.15s ease-out context-menu-in;display:flex;position:fixed;overflow-y:auto;box-shadow:0 4px 10px #00000080}.context-menu .separator{background-color:#ffffff1a;height:1px;margin:2px 4px}.context-menu .option{border-radius:var(--radius);white-space:nowrap;cursor:pointer;padding:6px 10px;transition:color .15s,background-color .15s}.context-menu .option:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.context-menu .option .hint{opacity:.6;margin-left:8px}.context-menu .option.disabled{opacity:.4;cursor:default}.context-menu .option.disabled:hover{color:inherit;background-color:#0000}.context-menu .option.danger{color:var(--mui-palette-error-main)}.context-menu .option.danger:hover{background-color:color-mix(in srgb, var(--mui-palette-error-main) 12%, transparent)}.context-menu .option:not(.danger)+.danger{margin-top:5px;position:relative}.context-menu .option:not(.danger)+.danger:before{content:"";background-color:#ffffff1a;height:1px;position:absolute;top:-3px;left:4px;right:4px}@keyframes context-menu-in{0%{opacity:0;transform:scale(.96)}}#encounter-select .folderless-scenes,#encounter-select .scene-folder .contents{grid-template-columns:repeat(auto-fill,160px);justify-content:center;gap:8px;padding:4px;display:grid}#encounter-select{min-height:100px}#encounter-select .toolbar{border-bottom:1px solid var(--mui-palette-divider);align-items:center;margin-bottom:4px;padding:4px 6px;display:flex}#encounter-select .toolbar .grow{flex-grow:1}#encounter-select .toolbar .swap-horizontal{color:var(--mui-palette-text-disabled)}#encounter-select .toolbar .swap-horizontal:hover{color:var(--mui-palette-text-secondary)}#encounter-select .toolbar .reorder.active{background-color:var(--mui-palette-action-selected)}#encounter-select .scene-element{border-radius:var(--radius);cursor:pointer;will-change:transform;backface-visibility:hidden;background-position:50%;background-size:cover;width:160px;height:115px;transition:box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}#encounter-select .scene-element:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff4d}#encounter-select .scene-element.active,#encounter-select .scene-element.drop-target{box-shadow:inset 0 0 0 2px var(--mui-palette-primary-main)}#encounter-select .scene-element.browsed{outline:2px dashed var(--mui-palette-primary-main);outline-offset:-2px}#encounter-select .scene-element.pending,#encounter-select .scene-element.loading{animation:1.2s ease-in-out infinite loading-pulse}#encounter-select .scene-element.pending{pointer-events:none}#encounter-select .scene-element .player-indicator{color:var(--mui-palette-primary-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0000008c;border-radius:50%;padding:4px;display:flex;position:absolute;top:6px;right:6px;box-shadow:inset 0 0 0 1px #ffffff1a}#encounter-select .scene-element .player-indicator svg{font-size:18px}#encounter-select .scene-element .player-indicator.preview{color:var(--mui-palette-warning-main)}#encounter-select .scene-element .view-blocks-icon,#encounter-select .scene-element .preview-scene-icon{border-radius:var(--radius);opacity:0;background-color:#0000008c;padding:3px;font-size:26px;transition:opacity .3s;position:absolute;top:6px;left:6px}#encounter-select .scene-element .preview-scene-icon{left:42px}#encounter-select .scene-element .preview-scene-icon:hover{color:var(--mui-palette-warning-main)}#encounter-select .scene-element:hover .view-blocks-icon,#encounter-select .scene-element:hover .preview-scene-icon,#encounter-select .scene-element.browsed .view-blocks-icon{opacity:1}#encounter-select .scene-element.browsed .view-blocks-icon{color:var(--mui-palette-primary-main)}#encounter-select .scene-element label{font-variant:small-caps;letter-spacing:.06em;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;cursor:pointer;background:linear-gradient(#0000,#000c);padding:18px 8px 6px;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#encounter-select .scene-folder{border-radius:var(--radius);margin:8px 4px;transition:background-color .2s}#encounter-select .scene-folder.open{background-color:#ffffff12;padding-bottom:2px;box-shadow:inset 0 0 0 1px #ffffff1f}#encounter-select .scene-folder.open .header{border-radius:var(--radius) var(--radius) 0 0;margin:0}#encounter-select .scene-folder .header{border-radius:var(--radius);color:var(--mui-palette-text-primary);cursor:pointer;align-items:center;gap:4px;margin:0 4px;padding:4px 6px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}#encounter-select .scene-folder .header>svg{color:var(--mui-palette-text-disabled);font-size:18px}#encounter-select .scene-folder .header .name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex-grow:1;min-width:0;overflow:hidden}#encounter-select .scene-folder .header input{flex-grow:1;min-width:0}#encounter-select .scene-folder .header:hover{background-color:var(--mui-palette-action-hover)}#encounter-select .scene-folder .header .hover-action{color:var(--mui-palette-text-disabled);opacity:0;padding:2px;transition:opacity .15s}#encounter-select .scene-folder .header .hover-action:hover{color:var(--mui-palette-text-primary)}#encounter-select .scene-folder .header:hover .hover-action{opacity:1}#encounter-select .scene-folder .contents{min-height:40px;padding-bottom:8px}#encounter-select .folderless-scenes{max-width:612px}#encounter-select .folderless-scenes.sorting:empty{min-height:40px}.center{justify-content:center;align-items:center;height:100%;display:flex}.playback-resumer{z-index:10;width:100vw;height:100dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playback-resumer .close{position:absolute;top:0;right:50px}.playback-resumer .close svg{font-size:50px}.playback-resumer svg{font-size:100px}#token-options{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);z-index:3;border-radius:var(--radius);width:280px;color:var(--mui-palette-text-secondary);text-align:left;border:1px solid #ffffff1a;flex-direction:column;font-size:13px;display:flex;position:absolute;top:100px;left:50vw;overflow:hidden;box-shadow:0 4px 10px #00000080}#token-options .handle{cursor:grab}#token-options .handle:active{cursor:grabbing}#token-options .panel-section{padding-top:16px}#token-options .preview{border-radius:var(--radius);background-color:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;padding:12px;display:flex}#token-options .preview img{object-fit:contain;max-width:120px;max-height:120px}#token-options .static-value{color:var(--mui-palette-text-primary)}#token-options .select{background-color:#1a2229;font-size:13px}#token-options .select .MuiSelect-select{min-height:0;padding:6px 32px 6px 8px;line-height:1.5}#token-options .select .MuiOutlinedInput-notchedOutline{border-color:#8fb3c440;transition:border-color .15s}#token-options .select:hover .MuiOutlinedInput-notchedOutline{border-color:var(--mui-palette-text-disabled)}#token-options .select.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:var(--mui-palette-primary-main)}#token-options .select em{color:var(--mui-palette-text-disabled)}#token-options .actions{justify-content:flex-end;gap:8px;display:flex}#token-options .actions .done-button{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);color:var(--mui-palette-primary-main)}#token-options .actions .done-button:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 24%, transparent);box-shadow:none}.monster-filter-menu{flex-direction:column;gap:12px;width:260px;padding:16px;display:flex}.monster-filter-menu .cr-range{align-items:center;gap:8px;display:flex}.monster-filter-menu .cr-range .MuiTextField-root{flex:1}.monster-filter-menu .actions{justify-content:space-between;display:flex}.panel-body:has(>.monsters-panel){flex-direction:column;display:flex}.monsters-panel{flex-direction:column;flex:1;min-height:0;display:flex}.monsters-panel>.monster-tabs,.monsters-panel>.toolbar,.monsters-panel>.bestiary-filter,.monsters-panel>.attach-banner,.monsters-panel>.hint{flex-shrink:0}.monsters-panel .monster-tabs{border-bottom:1px solid var(--mui-palette-divider);display:flex}.monsters-panel .monster-tabs button{font:inherit;color:var(--mui-palette-text-disabled);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px 8px;font-size:13px;font-weight:600;transition:color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 -2px #0000}.monsters-panel .monster-tabs button:hover:not(:disabled){color:var(--mui-palette-text-primary)}.monsters-panel .monster-tabs button.active{color:var(--mui-palette-text-primary);box-shadow:inset 0 -2px 0 var(--mui-palette-primary-main)}.monsters-panel .monster-tabs button:disabled{opacity:.4;cursor:default}.monsters-panel .monster-tabs .count{font-variant-numeric:tabular-nums;min-width:18px;color:var(--mui-palette-text-primary);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 25%, transparent);border-radius:9px;padding:0 5px;font-size:11px;line-height:18px}.monsters-panel .bestiary-filter{padding:0 12px 8px}.monsters-panel .bestiary-filter .MuiToggleButton-root{text-transform:none;padding:2px 8px;font-size:12px}.monsters-panel .empty-action{padding:4px 12px 8px}.monsters-panel .monster-filter-chips{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:0 12px 8px;display:flex}.monsters-panel .results-end{height:1px}.monsters-panel .open5e-link{width:100%;font:inherit;text-align:left;color:var(--mui-palette-primary-main);border:none;border-top:1px solid var(--mui-palette-divider);cursor:pointer;background:0 0;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:12px;display:flex}.monsters-panel .open5e-link:hover{background-color:var(--mui-palette-action-hover)}.monsters-panel .tonal{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);color:var(--mui-palette-primary-main)}.monsters-panel .tonal:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 24%, transparent);box-shadow:none}.monsters-panel .panel-error{color:var(--mui-palette-error-main);background-color:color-mix(in srgb, var(--mui-palette-error-main) 10%, transparent);padding:8px 16px}.monsters-panel .hint.notice{color:var(--mui-palette-success-main);font-style:normal}.monsters-panel .actions{justify-content:flex-end;gap:8px;display:flex}.monsters-panel .attach-banner{color:var(--mui-palette-text-primary);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);border-bottom:1px solid var(--mui-palette-divider);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.monsters-panel .attach-banner img,.monsters-panel .attach-banner .no-image{object-fit:cover;border-radius:50%;width:28px;height:28px}.monsters-panel .attach-banner .text{flex-grow:1}.monsters-panel .attach-banner .image-to-token{flex-basis:100%}.monsters-panel .monster-results.list{border-bottom:1px solid var(--mui-palette-divider);background-color:#ffffff12;flex-shrink:0;max-height:35%;overflow-y:auto}.monsters-panel .monster-results.list.fill{border-bottom:none;flex:1;min-height:0;max-height:none}.monsters-panel .monster-loading{justify-content:center;padding:24px;display:flex}.monsters-panel .monster-detail{background-color:#00000038;border-top:1px solid #ffffff1a;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:inset 0 8px 10px -8px #000000b3}.monsters-panel .monster-detail>:not(.view-scroll){flex-shrink:0}.monsters-panel .monster-detail .detail-header{margin:0;padding:6px 12px}.monsters-panel .monster-detail .detail-header .title{flex-grow:1}.monsters-panel .monster-detail .detail-header .on-map{letter-spacing:normal;text-transform:none;color:var(--mui-palette-text-disabled);font-weight:500}.monsters-panel .monster-detail .detail-header .close{margin:-6px -6px -6px 4px}.monsters-panel .monster-results.list .resource.monster.selected{box-shadow:inset 3px 0 0 var(--mui-palette-primary-main)}.monsters-panel .view-scroll{flex:1;min-height:0;padding:12px 16px 16px;overflow-y:auto}.monsters-panel .statblock-editor,.monsters-panel .statblock-import{flex:1}.monsters-panel .image-to-token{cursor:pointer;align-items:center;font-size:12px;display:flex}.monsters-panel .monster-heading{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:10px 8px 8px 12px;display:flex}.monsters-panel .monster-heading .statblock-heading{flex-grow:1;min-width:0;padding:0}.monsters-panel .monster-heading .statblock-heading .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monsters-panel .monster-heading>button:last-child{align-self:flex-start}.monsters-panel .monster-heading>.MuiButton-root{flex-shrink:0;padding:4px 12px}.monsters-panel .statblock-image{width:48px;height:48px;color:var(--mui-palette-text-disabled);cursor:pointer;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.monsters-panel .statblock-image img{object-fit:cover;width:100%;height:100%}.monsters-panel .statblock-image .change-overlay{color:var(--mui-palette-text-primary);opacity:0;background-color:#0000008c;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.monsters-panel .statblock-image .change-overlay svg{font-size:20px}.monsters-panel .statblock-image:hover:not(:disabled){border-color:var(--mui-palette-primary-main)}.monsters-panel .statblock-image:hover:not(:disabled) .change-overlay{opacity:1}.monsters-panel .statblock-image:disabled{cursor:wait}.monsters-panel .roll-bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:4px;padding:6px 8px;display:flex}.monsters-panel .roll-bar .toggle{font:inherit;color:var(--mui-palette-text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #8fb3c440;align-items:center;gap:4px;padding:3px 8px;font-size:12px;transition:color .15s,background-color .15s,border-color .15s;display:flex}.monsters-panel .roll-bar .toggle svg{font-size:14px}.monsters-panel .roll-bar .toggle:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.monsters-panel .roll-bar .toggle.active{color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 14%, transparent);border-color:color-mix(in srgb, var(--mui-palette-primary-main) 50%, transparent)}.monsters-panel .roll-bar .toggle.crit.active{color:#ffc940;background-color:#ffc94024;border-color:#ffc94099}.monsters-panel .roll-bar .last-roll{align-items:baseline;gap:6px;min-width:0;margin-left:auto;display:flex}.monsters-panel .roll-bar .last-roll .last-label{text-overflow:ellipsis;white-space:nowrap;color:var(--mui-palette-text-disabled);font-size:11px;overflow:hidden}.monsters-panel .roll-bar .last-roll strong{color:var(--mui-palette-primary-main);font-size:18px}.monsters-panel .roll-bar .last-roll.nat20 strong{color:#ffc940}.monsters-panel .roll-bar .last-roll.nat1 strong{color:var(--mui-palette-error-main)}.monsters-panel .roll-bar .roll-error{color:var(--mui-palette-error-main);margin-left:auto;font-size:12px}.monsters-panel .statblock-editor{flex-direction:column;min-height:0;display:flex}.monsters-panel .statblock-editor .editor-scroll{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex;overflow-y:auto}.monsters-panel .statblock-editor .editor-scroll h3{margin:8px -16px 0}.monsters-panel .statblock-editor .editor-scroll h3:first-child{margin-top:0}.monsters-panel .statblock-editor .editor-scroll>.MuiButton-root{align-self:flex-start}.monsters-panel .statblock-editor .grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.monsters-panel .statblock-editor .grid.speeds{grid-template-columns:repeat(5,1fr)}.monsters-panel .statblock-editor .grid.abilities{grid-template-columns:repeat(6,1fr)}.monsters-panel .statblock-editor .labeled{flex-direction:column;gap:4px;min-width:0;display:flex}.monsters-panel .statblock-editor .labeled.wide{grid-column:1/-1}.monsters-panel .statblock-editor .labeled .label{letter-spacing:.08em;text-transform:uppercase;color:var(--mui-palette-text-disabled);font-size:10px;font-weight:600}.monsters-panel .statblock-editor .unit-input select{min-width:0;font:inherit;color:var(--mui-palette-text-primary);background:0 0;border:none;outline:none;flex-grow:1;padding:6px 0}.monsters-panel .statblock-editor .unit-input select option{background-color:#1a2229}.monsters-panel .statblock-editor .roll-hint{color:var(--mui-palette-text-disabled);margin:0;font-size:12px;line-height:1.6}.monsters-panel .statblock-editor .roll-hint code{color:var(--mui-palette-text-primary);border-radius:var(--radius);white-space:nowrap;background-color:#1a2229;padding:1px 4px;font-size:11px}.monsters-panel .statblock-editor .entry-editor{flex-direction:column;gap:4px;display:flex}.monsters-panel .statblock-editor .entry-editor .entry-title{align-items:center;gap:4px;display:flex}.monsters-panel .statblock-editor .entry-editor .entry-title .unit-input{flex-grow:1;font-weight:600}.monsters-panel .statblock-editor .entry-desc{font:inherit;color:var(--mui-palette-text-primary);border-radius:var(--radius);resize:vertical;background-color:#1a2229;border:1px solid #8fb3c440;outline:none;padding:6px 8px;transition:border-color .15s}.monsters-panel .statblock-editor .entry-desc:focus{border-color:var(--mui-palette-primary-main)}.monsters-panel .editor-footer{background-color:#ffffff0a;border-top:1px solid #ffffff1a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.monsters-panel .editor-footer .public-switch{cursor:pointer;align-items:center;font-size:12px;display:flex}.monsters-panel .editor-footer .editor-error{color:var(--mui-palette-error-main);flex-basis:100%;order:-1}.monsters-panel .editor-footer .actions{margin-left:auto}.monsters-panel .statblock-import{flex-direction:column;min-height:0;display:flex}.monsters-panel .statblock-import .import-scroll{flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex;overflow-y:auto}.monsters-panel .statblock-import .drop-zone{border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:4px;padding:4px;display:flex}.monsters-panel .statblock-import .drop-zone textarea{box-sizing:border-box;width:100%;color:var(--mui-palette-text-primary);border-radius:var(--radius);resize:vertical;background-color:#1a2229;border:1px solid #8fb3c440;outline:none;padding:6px 8px;font-family:monospace;font-size:12px}.monsters-panel .statblock-import .drop-zone textarea:focus{border-color:var(--mui-palette-primary-main)}.monsters-panel .statblock-import .import-error{color:var(--mui-palette-error-main);font-size:12px}.monsters-panel .statblock-import .import-list{flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.monsters-panel .statblock-import .import-list .select-all{color:var(--mui-palette-text-disabled);cursor:pointer;align-items:center;font-size:12px;display:flex}.monsters-panel .statblock-import .import-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:4px;padding-right:8px;transition:background-color .15s;display:flex}.monsters-panel .statblock-import .import-item:hover{background-color:var(--mui-palette-action-hover)}.monsters-panel .statblock-import .import-item.previewed{background-color:var(--mui-palette-action-selected)}.monsters-panel .statblock-import .import-item .item-name{text-overflow:ellipsis;white-space:nowrap;color:var(--mui-palette-text-primary);flex-grow:1;overflow:hidden}.monsters-panel .statblock-import .import-item .item-meta{color:var(--mui-palette-text-disabled);flex-shrink:0;font-size:11px}.monsters-panel .statblock-import .import-item .item-warning{color:var(--mui-palette-warning-main);font-size:16px}.monsters-panel .statblock-import .import-preview{border-top:1px solid var(--mui-palette-divider);padding-top:10px}.monsters-panel .statblock-import .import-warnings{color:var(--mui-palette-warning-main);margin:0 0 10px;padding-left:18px;font-size:12px}.statblock-image-picker{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.statblock-image-picker button{aspect-ratio:1;cursor:pointer;background-color:#ffffff0a;border:2px solid #0000;border-radius:50%;padding:0;transition:border-color .15s;overflow:hidden}.statblock-image-picker button:hover{border-color:var(--mui-palette-primary-main)}.statblock-image-picker button img{object-fit:cover;width:100%;height:100%}.statblock-heading{padding-bottom:6px;line-height:1.45}.statblock-heading .name{font-variant:small-caps;letter-spacing:.02em;color:#c9573f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.statblock-heading .subtitle{color:var(--mui-palette-text-secondary);font-style:italic}.statblock{color:var(--mui-palette-text-primary);line-height:1.45}.statblock section{border-top:2px solid #c9573f99;padding:6px 0}.statblock>section:first-child{border-top:none;padding-top:0}.statblock .property .label,.statblock .entry-name{color:#c9573f;font-weight:700}.statblock .entry-name{color:var(--mui-palette-text-primary);font-style:italic}.statblock .abilities{text-align:center;grid-template-columns:auto repeat(6,1fr);align-items:center;row-gap:2px;display:grid}.statblock .abilities .ability-label{color:#c9573f;font-size:11px;font-weight:700}.statblock .abilities .ability-label .score{font-variant-numeric:tabular-nums;color:var(--mui-palette-text-primary);font-weight:400}.statblock .abilities .row-label{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--mui-palette-text-disabled);padding-right:6px;font-size:10px}.statblock .abilities .cell{font-variant-numeric:tabular-nums;color:var(--mui-palette-text-secondary)}.statblock .abilities .cell.proficient{color:var(--mui-palette-text-primary);font-weight:700}.statblock .roll-chip{font:inherit;font-variant-numeric:tabular-nums;color:var(--mui-palette-primary-main);background-color:color-mix(in srgb, var(--mui-palette-primary-main) 10%, transparent);border:1px solid color-mix(in srgb, var(--mui-palette-primary-main) 30%, transparent);cursor:pointer;border-radius:4px;padding:0 4px;transition:background-color .15s,border-color .15s;display:inline}.statblock .roll-chip:hover{background-color:color-mix(in srgb, var(--mui-palette-primary-main) 22%, transparent);border-color:var(--mui-palette-primary-main)}.statblock .roll-chip:active{transform:translateY(1px)}.statblock .roll-chip.kind-damage{color:#ff9a7a;background-color:#ff9a7a1a;border-color:#ff9a7a4d}.statblock .roll-chip.kind-damage:hover{background-color:#ff9a7a38;border-color:#ff9a7a}.statblock .roll-chip.kind-recharge{font-style:normal;font-weight:400}.statblock .dc{white-space:nowrap;font-weight:700}.statblock h4{font-variant:small-caps;color:#c9573f;border-bottom:1px solid #c9573f99;margin:4px 0 6px;padding-bottom:2px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400}.statblock .entry{white-space:pre-line;margin:0 0 6px}.statblock .source{text-align:right;color:var(--mui-palette-text-disabled);border-top:1px solid var(--mui-palette-divider);padding-top:6px;font-size:11px}.handout{flex-direction:column;width:600px;position:relative;background-color:#0000!important}.handout .editor{background-color:#0d1216bf;flex-direction:column;align-items:center;width:100%;padding:30px 20px 20px;display:flex;position:relative}.handout .editor .visible-selector{position:absolute;top:0;right:0}.handout .editor .limited-visibility .MuiChip-root{min-width:120px;font-weight:800;font-size:16x;margin:5px}.handout .editor .content-handlers{flex-direction:column;align-items:center;width:100%;display:flex}.handout .editor .content-handlers .add-text-button{margin-top:20px}.handout .editor .content-handlers .text-editor-container{text-align:left;flex-direction:column;display:flex}.handout .editor .content-handlers .text-editor-container .options{justify-content:space-evenly;display:flex}.handout .editor .content-handlers .text-editor-container .options .MuiFormControl-root{width:30%;margin:10px}.handout .editor .content-handlers .text-editor-container .editor-wrapper{color:#000;background-color:#fff}.handout .editor .buttons{margin:40px auto auto}.handout .editor .buttons button{margin:0 10px}.handout .name-input{width:100%;margin-top:20px;margin-bottom:30px}.handout .controls{background-color:#0d1216bf;width:100%;padding:15px}.handout .image-show{cursor:zoom-in;background-color:#0d1216bf;width:100%;max-height:50vh}.handout .image-show img{max-height:inherit;max-width:100%}.handout .show{text-align:left;color:var(--mui-palette-text-primary);background-size:100%;background-color:var(--mui-palette-background-default);width:100%;padding:10px 30px}.handout .show *{color:var(--mui-palette-text-primary)!important;background-color:#0000!important}.handout .show.letter{cursor:zoom-in;background-image:url(https://blog.stockvault.net/wp-content/uploads/2019/11/free_texture_friday_2324-rotated.jpg);padding:10px 70px;font-family:Great Vibes,cursive;font-size:30px;color:#000!important}.handout .show.letter *{color:#000!important}.handout .clear-text{cursor:zoom-out;text-align:left;background-color:#000;width:100%;height:100%;font-size:20px;position:absolute;overflow-y:auto}.zoom-view{z-index:10;cursor:zoom-out;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:absolute}.zoom-view .content{max-width:90vw;max-height:90vh}.zoom-view .content *{max-width:inherit;max-height:inherit}.zoom-view .MuiBackdrop-root{background-color:#000000b3}.battlemap-canvas-container{z-index:1;touch-action:none;-webkit-touch-callout:none;width:100vw;height:100dvh;position:absolute}#three-scene{z-index:1;position:absolute}.dont-transform{transform:none!important}.range-indicator-overlay{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);color:var(--mui-palette-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border:1px solid #ffffff1a;align-items:center;gap:2px;padding:2px 2px 2px 8px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.range-indicator-overlay button{color:var(--mui-palette-text-disabled);border-radius:var(--radius);cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:3px;transition:color .15s,background-color .15s;display:flex}.range-indicator-overlay button svg{font-size:16px}.range-indicator-overlay button:hover{color:var(--mui-palette-text-primary);background-color:var(--mui-palette-action-hover)}.range-indicator-overlay.hidden{border-style:dashed}.range-indicator-overlay.hidden button{color:var(--mui-palette-warning-main)}.picture-menu .MuiListItemIcon-root{justify-content:center;width:32px;min-width:32px;margin-right:14px}.picture-menu .picture-option .MuiAvatar-root{width:32px;height:32px}.picture-menu .picture-option .MuiBadge-badge{padding:0}.picture-menu .picture-option .provider-badge{background:var(--mui-palette-background-paper);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 1px 3px #0006}.mobile-menu:not(.mobile-sheet){display:contents}.mobile-menu:not(.mobile-sheet) .corner-button{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);border-radius:var(--radius);min-width:40px;height:40px;font:inherit;color:var(--mui-palette-text-secondary);border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-weight:600;display:flex;box-shadow:0 4px 10px #0006}.mobile-menu:not(.mobile-sheet) .corner-button svg{font-size:22px}.mobile-menu:not(.mobile-sheet) .corner-button .close{font-size:16px}.mobile-menu:not(.mobile-sheet) .corner-button.active{color:var(--mui-palette-primary-main);background-color:var(--mui-palette-action-selected)}.mobile-menu:not(.mobile-sheet) .corner-buttons{top:calc(env(safe-area-inset-top) + 8px);z-index:7;gap:8px;display:flex;position:fixed;left:8px}.mobile-menu:not(.mobile-sheet) .tracker-toggle{top:calc(env(safe-area-inset-top) + 8px);z-index:7;position:fixed;right:8px}.mobile-menu:not(.mobile-sheet) .tracker-toggle svg{color:var(--frame-accent);font-size:20px}.mobile-menu:not(.mobile-sheet) .tracker{top:calc(env(safe-area-inset-top) + 40px + 16px);z-index:7;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px - 32px);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;right:8px;overflow-y:auto}.mobile-menu:not(.mobile-sheet) .tracker .initiative-card{flex-shrink:0;max-height:none;margin-right:0}.mobile-menu:not(.mobile-sheet) .tracker .counter-list{max-width:none;position:static}.mobile-menu:not(.mobile-sheet) .tracker .counter-list .counter-items{flex-direction:column;align-items:flex-end}.mobile-menu:not(.mobile-sheet) .activity-toast-container{top:auto;right:8px;bottom:calc(env(safe-area-inset-bottom) + 8px);pointer-events:none;min-width:0;font-size:16px;position:fixed;left:8px}.MuiMenu-paper.mobile-game-menu{min-width:200px}.MuiMenu-paper.mobile-game-menu .MuiMenuItem-root{padding:10px 14px}.MuiDrawer-paper.mobile-sheet{background-color:var(--frame-surface);-webkit-backdrop-filter:var(--frame-blur);backdrop-filter:var(--frame-blur);max-height:70dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--radius) var(--radius) 0 0;color:var(--mui-palette-text-primary);background-image:none;border:0 solid #ffffff1a;border-top-width:1px}.MuiDrawer-paper.mobile-sheet .panel-body{overflow-y:auto}.MuiDrawer-paper.mobile-sheet #range-indicator-picker{width:auto}.MuiDrawer-paper.mobile-sheet .dice-roller{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;grid-template-columns:repeat(4,1fr);gap:8px;width:auto;margin:0;padding:12px;display:grid}.MuiDrawer-paper.mobile-sheet .dice-roller .die-container{padding:10px 4px}.MuiDrawer-paper.mobile-sheet .dice-roller .die-container svg{width:48px;height:48px}.MuiDrawer-paper.mobile-sheet .dice-roller .count{min-width:22px;height:22px;font-size:13px;top:4px;right:4px}.MuiDrawer-paper.mobile-sheet .dice-roller .remove{border-radius:var(--radius);width:26px;height:26px;color:var(--mui-palette-text-primary);background-color:#1a2229;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:4px;left:4px}.MuiDrawer-paper.mobile-sheet .dice-roller .remove svg{opacity:1;width:18px;height:18px}.MuiDrawer-paper.mobile-sheet .dice-roller .actions{flex-direction:row-reverse;grid-column:1/-1;gap:8px;margin-top:4px}.MuiDrawer-paper.mobile-sheet .dice-roller .actions button{flex:1;min-height:44px}@media (width<=768px),(height<=500px) and (pointer:coarse){.context-menu .option{padding:10px 14px}#token-options{top:calc(env(safe-area-inset-top) + 56px);max-width:calc(100vw - 16px);left:max(8px,50vw - 140px)}.modal{z-index:1300;max-width:none;max-height:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background-color:#0d1216f5;flex-direction:column;display:flex;position:fixed;inset:0}.modal .modal-topper button{padding:8px}.modal .content{flex-grow:1;max-height:none;overflow-y:auto}.modal .handout{width:100%}}