@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;src:url(/aa3d843546362b546769.ttf) format("truetype-variations")}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;src:url(/f6f1f52f15728af8bc9e.ttf) format("truetype-variations")}:root{--bg:#d6e1f0;--panel-bg:#fff;--panel-border-color:#e0eafc;--panel-box-shadow-color:#6d71831f;--main-color:#fff;--secondary-color:#cacaca;--muted-color:#e0eafc;--font-color:#505050;--font-color-secondary:#636363;--btn-border-radius:6px;--btn-box-shadow:0px 2px 2px #00000017;--btn-font-color:#fff;--btn-hover-font-color:#e0e0e0;--btn-white-font-color:grey;--btn-white-hover-font-color:#3c3f42;--btn-disabled-color:#a6a6a6;--btn-primary-color:#1976d2;--btn-primary-color-hover:#145fb5;--btn-danger-color:#f44336;--btn-danger-hover-color:#d32f2f;--btn-secondary-color:#9eaab7;--btn-secondary-hover-color:#7f8c8d;--btn-white-color:#f9f9f9;--btn-white-hover-color:#fff}.dark{--bg:#1f232b;--panel-bg:#2c3541;--panel-border-color:#1e222e00;--panel-box-shadow-color:#18191f52;--main-color:#1f232b;--secondary-color:#2b3441;--muted-color:#3a4350;--font-color:#ced5da;--font-color-secondary:#838a8f;--btn-font-color:#e6eef7;--btn-hover-font-color:#e0e0e0;--btn-white-font-color:#b8b9bb;--btn-white-hover-font-color:#939aa1;--btn-disabled-color:#9aa6b2;--btn-primary-color:#394e6e;--btn-primary-color-hover:#4670a0;--btn-danger-color:#f44336;--btn-danger-hover-color:#d32f2f;--btn-secondary-color:#9eaab7;--btn-secondary-hover-color:#7f8c8d;--btn-white-color:#292f3a;--btn-white-hover-color:#303849}.dark *{scrollbar-color:#425868 #e0eafc05}.dark ::-webkit-scrollbar{background:#e0eafc05;max-height:5px}.dark ::-webkit-scrollbar-thumb{background:#232c33;border-color:#27304100}.dark ::-webkit-scrollbar-thumb:hover{background:#35495e}.dark ::-webkit-scrollbar-corner{background:#e0eafc}.dark a{color:var(--font-color);text-decoration:none}.dark a:hover{text-decoration:underline}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;font-family:Nunito,sans-serif;font-optical-sizing:auto;scrollbar-color:#adbcc7 #e8eef900;scrollbar-width:thin}::-webkit-scrollbar{background:#e0eafc00;border-radius:8px;max-height:5px}::-webkit-scrollbar-thumb{background:#adbcc7;border:1px solid #c1cde4;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#74a3d1}::-webkit-scrollbar-corner{background:#e0eafc}html{background:var(--bg)}body{box-sizing:border-box;margin:0;padding:0}svg{height:100%;width:100%}h2{color:#333;font-size:1.5rem;margin-top:.2rem}hr{border:none;border-top:1px solid var(--muted-color);margin:2px 0}a{color:#1384fc;text-decoration:none}a:hover{text-decoration:underline}.text-center,.text-center *{align-items:center;justify-content:center;text-align:center}button{background:var(--btn-primary-color);border:none;border-radius:6px;box-shadow:var(--btn-box-shadow);color:var(--btn-font-color);cursor:pointer;padding:.4rem 1rem;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:hover:not(:disabled){background:var(--btn-primary-color-hover)}button:disabled{background:var(--btn-disabled-color);opacity:.4}button.cancel-btn,button.danger-btn{background:var(--btn-danger-color)}button.cancel-btn:hover:not(:disabled),button.danger-btn:hover:not(:disabled){background:var(--btn-danger-hover-color)}button.primary{background:var(--btn-primary-color)!important}button.primary:hover:not(:disabled){background:var(--btn-primary-color-hover)!important}button.secondary{background:var(--btn-secondary-color)!important}button.secondary:hover:not(:disabled){background:var(--btn-secondary-hover-color)!important}button.white-btn{background:var(--btn-white-color)!important;border:1px solid var(--panel-border-color)!important;color:var(--btn-white-font-color)!important}button.white-btn,button.white-btn:hover:not(:disabled){box-shadow:0 2px 2px var(--panel-box-shadow-color)!important}button.white-btn:hover:not(:disabled){background:var(--btn-white-hover-color)!important;color:var(--btn-white-hover-font-color)!important}button.close-btn{align-items:center;background:none!important;border:none;box-shadow:none;color:#888!important;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:color .13s,background .13s;width:40px}button.close-btn:hover{background:rgba(225,29,72,.08)!important;color:#e11d48!important}button.settings-btn{box-shadow:none;height:25px;margin:0 15px;padding:2px;width:25px}button.settings-btn,button.settings-btn:hover{background:transparent}button.settings-btn path{fill:#bac4cf;transition:all .1s ease-in-out}button.settings-btn:hover path{fill:#68717a}button.icon-btn{background:transparent;box-shadow:none;cursor:pointer;opacity:.5}button.icon-btn:hover{background:transparent!important;opacity:1}button.icon-btn.sm{height:20px;width:20px}button.icon-btn.md{height:24px;width:24px}button.icon-btn.lg{height:28px;width:28px}.overflow-hidden{overflow:hidden!important}.color-white{color:#fff!important}.color-black{color:#000!important}.color-gray{color:grey!important}.color-muted{color:#6c757d!important}
.App{align-items:center;display:flex;justify-content:center;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.dark .nav-menu-hamburger-button svg path{stroke:#505966}.dark .nav-menu-hamburger-button svg:hover path{stroke:#6c7f96}.dark .nav-menu-side-bar{background:var(--panel-bg)}.dark .nav-menu-side-bar .nav-menu-title{color:var(--font-color)}.dark .nav-menu-side-bar .sub-title{color:#4f5a60}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link{color:#5d7185}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link:hover{color:#3d8ad6}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link{color:#5a6b7a}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:hover{color:#509ce7}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:hover:after{background:#509ce7}.dark .nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:after{background:#404952}.dark .nav-menu-side-bar .footer{border-top:1px solid var(--muted-color);color:var(--font-color)}.dark .nav-menu-side-bar .footer .beta-version-notice{color:#d32f2f}.nav-menu-overlay{backdrop-filter:blur(100px);background:#00000052;height:200vh;left:50%;opacity:0;position:fixed;top:50%;transition:all .2s ease-in-out;translate:-50% -50%;width:200vw;z-index:-10}.nav-menu-overlay.show{display:block;opacity:1;z-index:98}.nav-menu-hamburger-button{align-items:center;background:transparent;border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:34px;justify-content:center;left:16px;padding:0;position:fixed;top:16px;width:34px;z-index:99}.nav-menu-hamburger-button:hover,.nav-menu-hamburger-button:hover:not(:disabled){background:transparent}.nav-menu-hamburger-button path{transition:all .1s linear}.nav-menu-side-bar{background:#f8fafc;box-shadow:2px 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:32px 24px;position:fixed;top:0;transition:transform .2s ease-in-out;width:260px;z-index:100;z-index:99}.nav-menu-side-bar .nav-menu-title{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.nav-menu-side-bar .sub-title{color:#c0c9ce;font-size:.8rem;font-weight:700;margin-bottom:.3rem;padding:10px 10px 0}.nav-menu-side-bar .nav-menu-links-container{display:flex;flex-direction:column;flex-grow:1}.nav-menu-side-bar .nav-menu-links-container .nav-link{color:#8495a5;font-size:.93rem;font-weight:400;padding:10px;text-decoration:none}.nav-menu-side-bar .nav-menu-links-container .nav-link:hover{color:#509ce7}.nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link{color:#94abc1;padding-left:30px;padding-top:2px;position:relative}.nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:hover{color:#509ce7}.nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:hover:after{background:#509ce7}.nav-menu-side-bar .nav-menu-links-container .nav-link.sub-link:after{background:#c0c9ce;border-radius:50%;content:"";display:block;height:4px;left:18px;position:absolute;top:40%;transform:translateY(-50%);width:4px}.nav-menu-side-bar .footer{border-top:1px solid #e0e0e0;color:#666;display:flex;flex-direction:column;font-size:.8rem;margin-top:auto;padding-top:1.5rem;text-align:center}.nav-menu-side-bar .footer .change-lang-container button{margin:0 5px}.nav-menu-side-bar .footer .beta-version-notice{color:#d32f2f;margin:10px 0}.nav-menu-side-bar .theme-toggle{align-items:center;color:var(--font-color-secondary);display:flex;flex-direction:column;font-size:.9rem;font-weight:400;gap:6px;margin:20px auto}.nav-menu-side-bar .theme-toggle .label-left{color:transparent;text-shadow:0 0 0 #f0be1c}.nav-menu-side-bar .theme-toggle .label-right{color:transparent;text-shadow:0 0 0 #779cd3}
.dark .switch-label{color:#566068}.dark .slider-bg{background:#4c5763}.dark .slider-bg.checked{background:#497094}.dark .slider-thumb{background:#343a3d}.dark .slider-thumb.checked{left:20px}.slider-bg{background:#dbdbdb;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background .2s}.slider-bg.checked{background:#4fbe79}.slider-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px;will-change:left}.slider-thumb.checked{left:20px}.switch-label{color:#909da3}
.loader-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loader-container svg{height:30px;width:30px}.loader-container svg circle{--color:#0000002e;fill:var(--color);stroke:var(--color);stroke-width:1px}
.dark .characters-list,.dark .characters-page{background:var(--panel-bg)}.dark .characters-list{border-right:1px solid transparent}.dark .characters-list h2{color:var(--font-color)}.dark .characters-list button{background:var(--btn-primary-color);color:var(--font-color)}.dark .characters-list button:hover{background:var(--btn-primary-color-hover)}.characters-page{background:#f7f7fa;border-radius:20px;display:flex;flex-direction:column;margin:10px;min-height:90vh;overflow:hidden;position:relative;width:85vw}.characters-page .initiative-card.selected .card-wrapper{animation:none;border-color:#a6b5c1;box-shadow:inset 0 0 200px #d2ebff!important;margin-left:0;margin-right:0;transform:scale(1.05)}.characters-list{background:#fff;border-right:1px solid #e0e0e0;flex:1 1 0;min-width:320px;padding:32px 24px 32px 48px}.characters-list .body{display:flex;flex-direction:row}.characters-list h2{color:#333;font-size:2rem;margin:0 0 30px}.characters-list button{background:#4f8cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:30px;padding:12px 18px;transition:background .2s}.characters-list button:hover{background:#2563eb}.characters-list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center;list-style:none;margin:0;padding:0}.characters-list li{background:transparent;margin:0;padding:0}
@keyframes sidebarIn{0%{opacity:0;right:-400px}to{opacity:1;right:0}}@keyframes characterCardPopup{0%{opacity:0;scale:.2}to{opacity:1;scale:1.2}}.dark .character-stats-sidebar-overlay.show{background:rgba(24,26,29,.5)}.dark .character-card-sidebar{background:var(--panel-bg);box-shadow:2px 2px 5px 2px #00000017}.dark .character-card-sidebar .header{border-bottom:1px solid #3a434b}.dark .character-card-sidebar .header h3{color:#a8b4b9}.dark .character-card-sidebar form input:not([type=checkbox]),.dark .character-card-sidebar form textarea{background:#485664;border:1px solid transparent;color:#9da5b8}.dark .character-card-sidebar form input:not([type=checkbox]):focus,.dark .character-card-sidebar form textarea:focus{box-shadow:0 0 0 2px #8bb1fd33}.dark .character-card-sidebar form .form-field label{color:#737d83}.dark .character-card-sidebar form .inline-edit-display{background:#2f3a46;border:1px solid #2c323a;border-radius:8px;box-shadow:none;color:#768491}.dark .character-card-sidebar form .inline-edit-display .inline-edit-placeholder{color:#ffffff13}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__control{background:#516375;border:none}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__control .react-select__placeholder{color:#c5c7ca;font-size:.9rem}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__control .react-select__single-value{color:#d8e0eb;font-size:.9rem}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__control--is-focused,.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__control:hover{border:none!important;box-shadow:0 0 0 2px #2f3a46}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__menu{background:#51637500;border:1px solid transparent;box-shadow:0 4px 16px rgba(0,0,0,.08)}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__menu-list{background:#4c5b6b;border:1px solid transparent!important;box-shadow:2px 2px 4px #0000002c}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__option{color:#b2c1c9}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__option--is-focused{color:#3e4447}.dark .character-card-sidebar form .inline-edit-select-wrapper .react-select__option--is-selected{background:#496392!important;color:#b2c1c9}.dark .character-card-sidebar form .upload-image-form{background:#455361!important;border:1px solid transparent!important}.dark .character-card-sidebar form .upload-image-form span{color:#8a9296!important}.dark .character-card-sidebar form .upload-image-form input{background:#3a4450!important;border:1px solid transparent!important;color:#8a9296!important}.dark .character-card-sidebar form .upload-image-form input::-moz-placeholder{color:#48555e!important}.dark .character-card-sidebar form .upload-image-form input::placeholder{color:#48555e!important}.dark .character-card-sidebar form .form-buttons-container .form-save-btn{background:linear-gradient(90deg,#374c79 10%,#3b3e6d 200%);color:#d1d9dd}.dark .character-card-sidebar form .form-buttons-container .form-save-btn:hover{background:linear-gradient(90deg,#3f578b 10%,#474b85 200%)}.dark .character-card-sidebar form .form-buttons-container .form-delete-btn{background:linear-gradient(90deg,#8d4151 10%,#92424f 200%);color:#d1d9dd}.dark .character-card-sidebar form .form-buttons-container .form-delete-btn:hover{background:linear-gradient(90deg,#af475d 10%,#cc5065 200%)}.dark .character-card-sidebar .header .copy-paste-buttons path{fill:#5d666e;stroke:#5d666e}.character-stats-sidebar-overlay{align-items:center;backdrop-filter:blur(15px);background:rgba(34,34,59,0);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all .15s ease-in-out;width:100%;z-index:-10}.character-stats-sidebar-overlay.show{background:rgba(34,34,59,.5);display:block;opacity:1;z-index:99}.sidebar-wrapper{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100}.sidebar-preview-element{animation:characterCardPopup .18s cubic-bezier(.4,0,.2,1);left:0;pointer-events:none;position:fixed;scale:1.2;top:50%;transform:translate(-250%,-50%)}.initiative-card.character-selected-stats-sidebar .card-wrapper.dead{opacity:1}.character-card-sidebar{animation:sidebarIn .13s;background:#f9f9f9;border-radius:18px;box-shadow:2px 2px 5px 2px #30404c21;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:0 15px 0 0;max-height:98vh;max-width:90vw;min-width:210px;padding:10px;position:relative;transition:box-shadow .13s,background .13s;width:clamp(640px,35vw,820px)}.character-card-sidebar .header{align-items:center;background:transparent;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:18px 15px 8px}.character-card-sidebar .header h3{color:#22223b;font-size:1.08rem;font-weight:600;letter-spacing:.01em;margin:0;padding:0}.character-card-sidebar form{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:3px;height:100%;overflow-y:auto;padding:18px 15px;width:100%}.character-card-sidebar form .form-row{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.character-card-sidebar form .form-row>div{align-self:flex-end;width:100%}.character-card-sidebar form .form-row .stats-wrapper{border-radius:10px;padding:20px 80px}.character-card-sidebar form input:not([type=checkbox]),.character-card-sidebar form textarea{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px rgba(99,102,241,.04);font-size:.98rem;height:100%;margin-bottom:0;overflow-wrap:break-word;padding:4px 10px;transition:border .13s,box-shadow .13s;white-space:pre-line;width:100%;word-break:break-word}.character-card-sidebar form input:not([type=checkbox]):focus,.character-card-sidebar form textarea:focus{border:none;box-shadow:0 0 0 2px #6366f133;outline:none}.character-card-sidebar form textarea{max-height:500px;min-height:16px;resize:vertical}.character-card-sidebar form .sm-field{max-height:35px;min-height:30px}.character-card-sidebar form .md-field{max-height:100px;min-height:80px}.character-card-sidebar form .lg-field{max-height:150px;min-height:100px}.character-card-sidebar form .lg-field.editing{max-height:850px}.character-card-sidebar form .form-buttons-container{display:flex;flex-direction:row;gap:20px;max-height:50px;min-height:50px}.character-card-sidebar form .form-buttons-container .form-save-btn{background:linear-gradient(90deg,#6366f1 10%,#818cf8 200%);border:none;border-radius:6px;box-shadow:0 1px 4px rgba(99,102,241,.08);color:#fff;cursor:pointer;font-size:.98rem;font-weight:600;margin-top:8px;padding:8px 0;transition:background .13s,box-shadow .13s;width:100%}.character-card-sidebar form .form-buttons-container .form-save-btn:hover{background:linear-gradient(90deg,#4f46e5 10%,#6366f1 200%);box-shadow:0 2px 8px rgba(99,102,241,.13)}.character-card-sidebar form .form-buttons-container .form-delete-btn{background:linear-gradient(90deg,#e11d48 10%,#f43f5e 200%);border:none;border-radius:6px;box-shadow:0 1px 4px rgba(225,29,72,.08);color:#fff;cursor:pointer;font-size:.98rem;font-weight:600;margin-top:8px;padding:8px 0;transition:background .13s,box-shadow .13s;width:100%}.character-card-sidebar form .form-buttons-container .form-delete-btn:hover{background:linear-gradient(90deg,#be123c 10%,#e11d48 200%);box-shadow:0 2px 8px rgba(225,29,72,.13)}.character-card-sidebar .header .copy-paste-buttons path{fill:#a4acb4;stroke:#a4acb4}@media (max-width:900px){.character-card-sidebar{max-width:100vw;min-width:0;padding:2vw 0;width:80vw}.character-card-sidebar .header,.character-card-sidebar form{padding-left:4vw;padding-right:4vw}}
.react-select__control *{background:unset;border:unset;box-shadow:unset;display:unset;margin:unset;padding:unset;position:unset}.react-select__control{border:none!important;border-radius:6px!important;box-shadow:0 1px 2px rgba(99,102,241,.04);cursor:pointer!important;height:-moz-fit-content!important;height:fit-content!important;min-height:unset!important}.react-select__control--is-focused,.react-select__control:hover{border:none!important;box-shadow:0 0 0 2px #6366f133}.react-select__value-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;padding:4px 6px!important;width:100%!important}.react-select__value-container>input{border:unset!important;padding:unset!important;width:50px!important}.react-select__multi-value{align-items:center!important;background:#00000010!important;border-radius:6px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;line-height:1;min-width:130px!important;overflow:hidden!important;padding:0 0 0 2px!important}.react-select__multi-value svg{height:unset;width:unset}.react-select__multi-value__remove{height:100%;min-height:18px;min-width:22px}.react-select__multi-value__remove:hover{background:#4c87af;color:#fff}.react-select__placeholder{color:#999;font-size:.82rem}.form-field .react-select__control,.react-select__control{height:100%;min-height:34px}.react-select__value-container>div{text-overflow:clip;white-space:normal}.react-select__menu{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:.9rem;height:auto}.react-select__menu-list{background:#fff;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:2px 2px 4px #0000002c;height:auto;min-height:250px;min-height:0;padding:4px}.react-select__option{border-radius:4px!important;cursor:pointer!important;margin:1px 0!important;max-height:30px;padding:4px 10px!important}.react-select__option--is-focused,.react-select__option--is-selected{border-radius:4px;cursor:pointer!important}.react-select__option--is-selected{background:#618bda!important}.react-select__indicators{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:center!important;margin:0 auto!important;padding:0 10px 0 0}.react-select__indicator{border-radius:6px!important;height:20px;margin:0 1px!important;padding:0!important;width:20px}.react-select__indicator-separator{display:none}.react-select__dropdown-indicator{color:#999;padding:2px 4px}.react-select__dropdown-indicator:hover{color:#555}.react-select__clear-indicator{color:#999;padding:2px 4px}.react-select__clear-indicator:hover{background:#fdc9c9!important;color:#bd5e5e!important}.react-select__control--is-disabled{box-shadow:none;cursor:not-allowed;opacity:.55}
.character-spells-collection-form{backdrop-filter:blur(12px);background-color:#212224e5;background-color:#272c32;border-radius:8px;box-shadow:0 2px 4px var(--panel-box-shadow-color);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.character-spells-collection-form .wrapper{height:100%;overflow:auto;padding:10px 20px;width:100%}.character-spells-collection-form .close-btn{background:#141618!important;position:absolute;right:10px;top:10px}.character-spells-collection-form .selected-spells{padding-bottom:10px}.character-spells-collection-form .filters-container{display:flex;width:100%}.character-spells-collection-form .spells-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;height:auto;overflow-y:auto}
.dark .spell-card{background:#2a323a;border:1px solid #242c2e;box-shadow:0 4px 8px #0000002a;color:var(--font-color-secondary)}.dark .spell-card .header{background:#222729;border-bottom:1px solid #242c2e}.dark .spell-card .body .attrs-container{--border-color:#293033;--background-color-label:#293033;--background-color-value:#2e373b}.dark .spell-card .body .attrs-container .damage-at-slot{--background-color-slot-level:#2a3238}.dark .spell-card .body .desc-wrapper.collapsed:after{background:linear-gradient(180deg,#2a323a00,#2a323ac9,#2a323af9,#2a323a)}.dark .spell-card .body .desc-toggle{color:#56728b}.dark .spell-card .footer{background:#222729;border-top:1px solid #242c2e}.dark .spell-card h3{color:var(--font-color)}.spell-card{background:#f9fafa;border:1px solid #d9e0e4;border-radius:10px;box-shadow:0 4px 10px #00000015;color:var(--font-color-secondary);display:flex;flex-direction:column;font-size:.9rem;height:100%;max-height:550px;min-height:350px;min-width:280px;overflow:hidden;transition:scale .2s ease-in-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:350px}.spell-card .header{background:#e5ebee;border-bottom:1px solid #d9e0e4;padding:6px 12px}.spell-card .header .name-en{font-size:.85em}.spell-card .body{flex-grow:1;overflow:hidden;padding:4px 12px 2px;position:relative}.spell-card .body ul{padding-inline-start:25px}.spell-card .body .desc-wrapper{margin:8px 0 24px;overflow:hidden;transition:max-height .25s ease}.spell-card .body .desc-wrapper.collapsed:after{background:linear-gradient(180deg,#ffffff00,#f9fafad7,#f9fafa);bottom:0;content:"";height:65px;left:0;pointer-events:none;position:absolute;right:0}.spell-card .body .desc-wrapper.expanded{max-height:none!important;overflow:visible}.spell-card .body .desc-wrapper .desc-title{font-weight:700;margin-bottom:4px}.spell-card .body .desc-toggle{background:transparent;border:none;bottom:0;box-shadow:none;color:var(--link-color,#7fbfff);cursor:pointer;font-size:.7rem;left:0;margin:0;padding:4px;position:absolute;right:0;text-decoration:none;width:100%}.spell-card .body .attrs-container{display:grid;grid-template-columns:1fr;margin:10px 0;--border-color:#e9edf0;--background-color-label:#e9edf0;--background-color-value:#f3f6f8}.spell-card .body .attrs-container .attrs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));justify-items:stretch}.spell-card .body .attrs-container .attrs-row .attr-col{display:flex;flex-direction:column;text-align:center}.spell-card .body .attrs-container .attrs-row .attr-col:first-child .label,.spell-card .body .attrs-container .attrs-row .attr-col:first-child .value{border-left:1px solid var(--border-color)}.spell-card .body .attrs-container .attrs-row .attr-col .label{background:var(--background-color-label);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);font-size:.72rem;font-weight:700;padding:2px 0}.spell-card .body .attrs-container .attrs-row .attr-col .value{align-items:center;background:var(--background-color-value);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex:1;font-size:.75rem;justify-content:center;padding:2px 8px}.spell-card .body .attrs-container .damage-at-slot{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;--background-color-slot-level:#e3e9ee}.spell-card .body .attrs-container .damage-at-slot .slot-item{align-items:center;display:flex;font-size:.75rem;gap:2px}.spell-card .body .attrs-container .damage-at-slot .slot-item .slot-level{background:var(--background-color-slot-level);border:1px solid var(--border-color);border-radius:6px;font-weight:700;padding:0 4px}.spell-card .body .attrs-container .damage-at-slot .slot-item .slot-value{color:var(--font-color-secondary)}.spell-card .footer{background:#e5ebee;border-top:1px solid #d9e0e4;padding:3px 12px}.spell-card h3{color:var(--font-color);font-size:1.25rem;font-weight:700;margin:0}.spell-card p{word-wrap:break-word;margin:0;white-space:normal}.spell-card p,.spell-card pre{overflow-wrap:break-word;word-break:break-word}.spell-card pre{margin:5px 0;white-space:pre-wrap}.spell-card table{border-color:transparent;border-spacing:6px;table-layout:auto;width:100%}.spell-card td,.spell-card th{font-size:.8rem;overflow-wrap:break-word;vertical-align:middle;white-space:normal;word-break:keep-all}.spell-card th{text-align:initial;word-break:normal}
:root{--search-form-bg:#ffffff00;--search-form-input-bg:#fff;--search-form-text:#333;--search-form-border:#ddd;--search-form-focus:#007bff;--search-form-focus-shadow:rgba(0,123,255,.25)}.dark{--search-form-bg:#2c354100;--search-form-input-bg:#2c3541;--search-form-text:#ced5da;--search-form-border:#3a4350;--search-form-focus:#394e6e;--search-form-focus-shadow:rgba(57,78,110,.25)}.search-form{background:var(--search-form-bg);border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin:10px auto;max-width:1000px;padding:.5rem;width:100%}.search-form div{display:flex;flex:1 1 150px;flex-direction:column;min-width:120px}.search-form label{color:var(--search-form-text);font-size:.8rem;font-weight:500;margin-bottom:.25rem}.search-form input,.search-form select{background:var(--search-form-input-bg);border:1px solid var(--search-form-border);border-radius:4px;color:var(--search-form-text);font-size:.9rem;padding:.25rem;transition:border-color .2s}.search-form input:focus,.search-form select:focus{border-color:var(--search-form-focus);box-shadow:0 0 0 1px var(--search-form-focus-shadow);outline:none}.search-form select{cursor:pointer}
.inline-edit-display{background:#ececec;border-radius:4px;color:#6d6d6d;cursor:pointer;display:flex;font-size:.93rem;height:100%;margin-bottom:auto;max-width:100%;outline:none;overflow:hidden;overflow-wrap:anywhere;padding:4px 10px;transition:background .2s;word-break:break-all}.inline-edit-display.disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.inline-edit-display:focus:not(.disabled),.inline-edit-display:hover:not(.disabled){background:#e0eaff;box-shadow:0 0 0 2px #4c87af33}.inline-edit-placeholder{color:#c9c9c9}.inline-edit-input{background:#fff;border:1px solid #ccc;border-radius:4px;color:#222;font-size:1em;margin-bottom:10px;padding:8px;transition:border .2s;width:90%}.inline-edit-input:focus{border:1.5px solid #4c87af;outline:none}
.dark .mdx-editor{background-color:#23272c25}.dark .mdx-editor-toolbar{background-color:#232931;border-radius:0}.dark .mdx-editor-toolbar button[role=combobox]{background-color:#23272c25;border:1px solid #343a40;color:#99a2ad}.dark .mdx-editor-toolbar button:disabled{background:#5c6770;color:#5c6770}.dark .mdx-editor-toolbar button[aria-checked=true]{background-color:rgba(0,0,0,.145)}.dark .mdx-editor-toolbar div[role=separator]{border-color:#2c3238}.dark .mdx-editor-toolbar path{fill:#99a2ad}.dark .mdx-editor-content{color:#99a2ad}.mdxeditor-popup-container{z-index:100}.mdx-editor{background-color:#f3f5f8}.mdx-editor-toolbar{background-color:#e3eaf3;border-radius:0}.mdx-editor-toolbar button[role=combobox]{background-color:#eff3f8;box-shadow:none;color:#404449}.mdx-editor-toolbar button:disabled{background:#cbd1d6;color:#686c70}.mdx-editor-toolbar button[aria-checked=true]{background-color:#aeb8c0}.mdx-editor-toolbar div[role=separator]{border-color:#d6dbe0}.mdx-editor-content{color:#686c70;color:var(--font-color)}.mdx-editor-content li,.mdx-editor-content p,.mdx-editor-content ul{margin:10px 0}
.notification-stack{align-items:center;bottom:32px;display:flex;flex-direction:column;gap:12px;justify-content:center;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;z-index:1000}.notification-popup{background:#6366f1;border-radius:10px;box-shadow:0 2px 12px rgba(99,102,241,.13);color:#fff;font-size:1.08rem;padding:12px 28px;pointer-events:auto;z-index:1000}.notification-popup.error-popup{background:#e11d48;box-shadow:0 2px 12px rgba(225,29,72,.13);color:#fff}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hold{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}
@keyframes tilt-loop{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes tilt-loop-active{0%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-10px)}to{transform:scale(1.1) translateY(0)}}@keyframes hit-shake{0%{box-shadow:inset 0 0 100px #ff131300;transform:scale(.99) translateX(0)}20%{transform:scale(.97) translateX(calc(var(--hit-amplitude)*-.5))}40%{box-shadow:inset 0 0 150px #9a030352;transform:scale(.97) translateX(var(--hit-amplitude))}60%{box-shadow:inset 0 0 200px #9a030352;transform:scale(.97) translateX(calc(var(--hit-amplitude)*-.5))}80%{transform:scale(.97) translateX(var(--hit-amplitude))}to{box-shadow:inset 0 0 100px #ff131300;transform:scale(.99) translateX(0)}}@keyframes hit-shake-active{0%{box-shadow:inset 0 0 100px #ff131300;transform:scale(1.09) translateX(0)}20%{transform:scale(1.06) translateX(calc(var(--hit-amplitude)*-.5))}40%{box-shadow:inset 0 0 150px #9a030352;transform:scale(1.06) translateX(var(--hit-amplitude))}60%{box-shadow:inset 0 0 200px #9a030352;transform:scale(1.06) translateX(calc(var(--hit-amplitude)*-.5))}80%{transform:scale(1.06) translateX(var(--hit-amplitude))}to{box-shadow:inset 0 0 100px #ff131300;transform:scale(1.09) translateX(0)}}@keyframes heal{0%{box-shadow:inset 0 0 150px #13ff2700;transform:scale(1)}20%{box-shadow:inset 0 0 150px #72d27a2f;transform:scale(1.01)}50%{box-shadow:inset 0 0 200px #15951f89;transform:scale(1.02)}80%{box-shadow:inset 0 0 150px #72d27a2f;transform:scale(1.01)}to{box-shadow:inset 0 0 150px #13ff2700;transform:scale(1)}}@keyframes heal-active{0%{box-shadow:inset 0 0 150px #13ff2700;transform:scale(1.1)}20%{box-shadow:inset 0 0 150px #72d27a2f;transform:scale(1.11)}50%{box-shadow:inset 0 0 200px #15951f89;transform:scale(1.12)}80%{box-shadow:inset 0 0 150px #72d27a2f;transform:scale(1.11)}to{box-shadow:inset 0 0 150px #13ff2700;transform:scale(1.1)}}@keyframes pulsing{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.9)}}.dark .initiative-card.active .card-wrapper{background:#597192;border-color:#2b3544;box-shadow:0 4px 6px 1px #00000018}.dark .initiative-card.active .card-wrapper .character-image-container path{fill:#47596e}.dark .initiative-card.active .card-wrapper .card-body .character-name{color:#b4c5d1}.dark .initiative-card.active .card-wrapper .card-body .character-notes{color:#909fad}.dark .initiative-card.active .card-wrapper .card-footer{color:#41515a}.dark .initiative-card.active.selected .card-wrapper,.dark .initiative-card.selected .card-wrapper{border-color:#38424b;box-shadow:inset 0 0 200px #d6b38b!important}.dark .initiative-card.active.selected .card-wrapper .card-body .character-name,.dark .initiative-card.selected .card-wrapper .card-body .character-name{color:#303e49}.dark .initiative-card.active.selected .card-wrapper .card-body .character-notes,.dark .initiative-card.selected .card-wrapper .card-body .character-notes{color:#45525f}.dark .initiative-card .card-wrapper{background:#3f4752;border-color:#333941;box-shadow:0 2px 10px #1b212e2d}.dark .initiative-card .card-wrapper.dead{border-color:#332626;opacity:.4}.dark .initiative-card .card-wrapper.dead:after{background-color:#291010ad}.dark .initiative-card .card-wrapper.dead:before{color:#7a5e5e7a}.dark .initiative-card .card-wrapper .character-image-container:after{background-color:#3f4752;opacity:.7}.dark .initiative-card .card-wrapper .character-image-container path{color:#14181d;fill:#14181d}.dark .initiative-card .card-wrapper .card-header .card-buttons .delete-col .delete-btn,.dark .initiative-card .card-wrapper .card-header .card-buttons .edit-col .edit-btn,.dark .initiative-card .card-wrapper .card-header .color-col .color-control{background:#232627}.dark .initiative-card .card-wrapper .card-header .card-buttons .delete-col .delete-btn *,.dark .initiative-card .card-wrapper .card-header .card-buttons .edit-col .edit-btn *,.dark .initiative-card .card-wrapper .card-header .color-col .color-control *{fill:#90989b}.dark .initiative-card .card-wrapper .card-header .character-ac-container span,.dark .initiative-card .card-wrapper .card-header .character-hp-container span{color:#e5ecf0}.dark .initiative-card .card-wrapper .card-header .character-hp-container svg path{fill:#6e3030}.dark .initiative-card .card-wrapper .card-header .character-ac-container svg path{fill:#626a6e}.dark .initiative-card .card-wrapper .card-body .character-name{color:#777e83}.dark .initiative-card .card-wrapper .card-body .character-notes{color:#6b7279}.dark .initiative-card .card-wrapper .card-footer{color:#34393b}.initiative-card{display:flex;margin:auto;position:relative}.initiative-card.active .card-wrapper{background:#cbdff3;border-color:#b5c8d6;box-shadow:0 4px 6px 1px #9da6a93c;margin-left:20px;margin-right:20px;transform:scale(1.1);transition:.4s ease-in-out}.initiative-card.selected.active .card-wrapper{animation:tilt-loop-active 1s ease-in-out infinite;margin-left:20px;margin-right:20px;transform:scale(1.1)}.initiative-card.selected .card-wrapper{animation:tilt-loop 1s ease-in-out infinite;border-color:#ffd286fc;box-shadow:inset 0 0 200px #ffd99a!important;margin-left:2px;margin-right:2px}.initiative-card:has(.card-info-opened):before{background:#ffcb87;bottom:-28px;box-shadow:0 0 6px 1px #f0bd7b;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:40px;z-index:10}.initiative-card .card-wrapper{align-items:center;background:#e7ecf0;border:1px solid #e2e7ea;border-radius:14px;box-shadow:0 2px 10px hsla(0,0%,64%,.258);cursor:pointer;display:flex;flex-direction:column;max-width:120px;min-height:320px;min-width:120px;overflow:hidden;padding:0;position:relative;transition:.18s}.initiative-card .card-wrapper.dead{opacity:.7}.initiative-card .card-wrapper.dead:after{background-color:#691b1bad;content:"";opacity:1;z-index:15}.initiative-card .card-wrapper.dead:after,.initiative-card .card-wrapper.dead:before{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.initiative-card .card-wrapper.dead:before{align-items:center;color:#b486867a;content:"Defeated";display:flex;font-size:28px;font-variant:small-caps;font-weight:700;justify-content:center;transform:translateY(-15%);z-index:16}.initiative-card .card-wrapper .card-header{display:flex;flex:4;flex-direction:column;height:100%;max-height:250px;position:relative;width:100%}.initiative-card .card-wrapper .card-body{display:flex;flex:1;flex-direction:column;text-align:center;width:100%}.initiative-card .card-wrapper .card-body .character-name{color:#3c3f42;font-size:.9rem;font-weight:700;margin:0 auto;padding-top:8px}.initiative-card .card-wrapper .card-body .character-notes{color:#71777b;font-size:.7rem;font-weight:lighter;margin:0 auto;padding-top:2px}.initiative-card .card-wrapper .card-footer{align-items:center;align-self:flex-end;background:#1b3a590e;border-top:1px solid #6b717908;color:#aebac1;display:flex;flex:0 1 0;font-size:.7rem;justify-content:center;margin-top:auto;padding:0;width:100%}.initiative-card.getting-damage .card-wrapper{--hit-amplitude:6px;animation:hit-shake .2s linear}.initiative-card.active.getting-damage .card-wrapper{animation-name:hit-shake-active}.initiative-card.getting-heal .card-wrapper{animation:heal .7s linear}.initiative-card.active.getting-heal .card-wrapper{animation-name:heal-active}.initiative-card .card-buttons{align-items:center;display:flex;gap:4px;opacity:0;pointer-events:auto;position:absolute;right:8px;top:8px;transform:translateY(-4px);transition:opacity .16s ease,transform .1s ease;z-index:20}.initiative-card:hover .card-buttons{opacity:.8;transform:translateY(0)}.initiative-card .card-buttons .delete-col .delete-btn,.initiative-card .card-buttons .edit-col .edit-btn{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:5px;transition:opacity .16s ease,transform .1s ease;width:24px}.initiative-card .card-buttons .delete-col .delete-btn.delete-btn:hover,.initiative-card .card-buttons .delete-col .delete-btn.edit-btn:hover,.initiative-card .card-buttons .edit-col .edit-btn.delete-btn:hover,.initiative-card .card-buttons .edit-col .edit-btn.edit-btn:hover{background:var(--btn-white-hover-color)!important}.initiative-card .color-col{opacity:0;pointer-events:none;position:absolute;right:8px;top:34px;transform:translateY(-6px);transition:opacity .16s ease,transform .1s ease;z-index:20}.initiative-card .color-col .color-control{align-items:center;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;gap:4px;padding:2px}.initiative-card .color-col .color-control:hover{background:var(--btn-white-hover-color)!important}.initiative-card .color-col .clear-color-btn,.initiative-card .color-col .color-swatch-btn{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;width:18px}.initiative-card .color-col .swatch-placeholder{border-radius:3px;display:block;height:10px;width:10px}.initiative-card:hover .color-col{opacity:.8;pointer-events:auto;transform:translateY(0)}.initiative-card .half-health-warning{animation:pulsing 3s infinite;height:25px;position:absolute;right:8px;top:8px;width:25px;z-index:2}.initiative-card .half-health-warning svg path{fill:#dd6262e1}.initiative-card .character-hp-ac-container{bottom:0;left:.2rem;position:absolute;transform:scale(.8);z-index:5}.character-ac-container,.initiative-card .character-hp-container{align-items:center;display:flex;justify-content:center;padding-top:5px;position:relative}.character-ac-container span,.initiative-card .character-hp-container span{color:#fff;font-size:1.4rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.373);top:50%;transform:translate(-50%,-50%);z-index:2}.initiative-card .character-hp-container svg{filter:drop-shadow(1px 2px 1px #00000028);height:50px;width:50px}.initiative-card .character-hp-container svg path{fill:#b33f3f}.initiative-card .character-ac-container svg{filter:drop-shadow(1px 2px 0 #00000028);height:45px;width:45px}.initiative-card .character-ac-container svg path{fill:#8b98a0}.initiative-card .character-hp-container.character-temp-hp-container{align-items:center;background:#000;border-radius:20px;box-shadow:inset 0 0 30px 0 #76d4ff;display:inline-flex;height:32px;justify-content:flex-end;left:0;min-width:80px;padding:0;position:absolute;scale:.65;top:4.5rem}.initiative-card .character-hp-container.character-temp-hp-container span{font-size:1.2rem;left:unset;margin:0 12px 0 45px;padding:0;position:relative;top:unset;transform:unset}.initiative-card .character-image-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.initiative-card .character-image-container svg{height:70px;width:70px}.initiative-card .character-image-container path{color:#acb2b5;fill:#acb2b5}.initiative-card .character-image-container:after{background-color:#696969;bottom:0;content:"";display:block;height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.initiative-card.active .character-image-container:after{content:none}.initiative-card .character-image{background:#71777b;height:100%;max-width:150px;-o-object-fit:cover;object-fit:cover;width:100%}.divide-damage-checkbox{align-items:center;background:none;border:none;box-shadow:none;cursor:pointer;display:flex;height:24px;opacity:.7;padding:0;position:relative;transition:opacity .05s;width:24px}.divide-damage-checkbox path{fill:#343d3fe8;stroke:#000000b9;stroke-width:1px;transition:fill .05s}.divide-damage-checkbox:after{bottom:0;color:#1f2123;content:"!";font-size:1.2rem;font-weight:700;left:0;position:absolute;right:0;top:0}.divide-damage-checkbox:hover{background:none!important;opacity:1}.divide-damage-checkbox:hover path{fill:#9dadbc;stroke:#552e19}.divide-damage-checkbox.checked{opacity:1}.divide-damage-checkbox.checked path{fill:#f79a5d;stroke:#552e19}.multiply-damage-checkbox{align-items:center;background:none;border:none;box-shadow:none;cursor:pointer;display:flex;height:24px;opacity:.7;padding:0;transition:opacity .05s;width:24px}.multiply-damage-checkbox path{fill:#442020bd;stroke:#440707;stroke-width:1px;transition:fill .05s}.multiply-damage-checkbox:hover{background:none!important}.multiply-damage-checkbox.checked{opacity:1}.multiply-damage-checkbox.checked path{fill:#f75d5d;stroke:#551919}.card-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;max-width:92px}.color-swatch-btn{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.04);border-radius:4px;cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:1px;width:22px}.color-swatch-btn svg{height:12px;opacity:.9;width:12px}.clear-color-btn{align-items:center;background:rgba(0,0,0,.04);border-radius:4px;cursor:pointer;display:inline-flex;display:none;height:18px;justify-content:center;width:20px}.initiative-card:hover .clear-color-btn{display:inline-flex}.clear-color-btn svg{height:10px;opacity:.9;width:10px}.swatch-placeholder{background:rgba(0,0,0,.08);border-radius:3px;display:block;height:12px;width:12px}.color-swatch-btn[data-has-color=true] .swatch-placeholder{display:none}.color-swatch-btn[data-has-color=true]{padding:0}
.dark .combat-maps-page{background:var(--panel-bg)}.dark .combat-maps-page .combat-maps-list{background:var(--panel-bg);border-right:1px solid var(--muted-color)}.dark .combat-maps-page .combat-maps-list h3{color:var(--font-color)}.dark .combat-maps-page .combat-maps-list li:hover{background:#75a3e910!important}.dark .combat-maps-page .combat-maps-list li span{color:#767e85;font-weight:500}.dark .combat-maps-page .combat-map-add-form input[type=text]{background:#d7f2ff0e;border:1px solid var(--muted-color);color:#acb3b8}.dark .combat-maps-page .combat-map-add-form input[type=text]:focus{background:#d7f2ff18;border:1.5px solid #abf5ff3f}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-form input[type=text]{background:#d7f2ff0e;border:1px solid var(--muted-color);color:#acb3b8}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-form input[type=text]:focus{background:#d7f2ff18;border:1.5px solid #abf5ff3f}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns h4{color:var(--font-color)}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns>div{background:#ffffff04}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li{color:#78838a}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li .move-btn,.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li.selected,.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li:hover{background:#b7cfff27}.dark .combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li .move-btn:hover{background:#75a4e9}.dark .combat-maps-page button,.dark .combat-maps-page input[type=submit]{background:var(--btn-primary-color)}.dark .combat-maps-page button:hover,.dark .combat-maps-page input[type=submit]:hover{background:var(--btn-primary-color-hover)}.dark .combat-map-delete-btn{background:#bfddff10!important;color:#727b7c}.dark .combat-map-delete-btn:hover{background:#ff575723!important;color:#c44444}.combat-maps-page{background:#fff;border-radius:18px;box-shadow:0 4px 32px rgba(0,0,0,.07);display:flex;flex-direction:row;height:90vh;margin:3vh auto;max-height:90vh;max-width:1600px;min-height:0;min-width:0;overflow:hidden;width:90vw}.combat-maps-page li.character span.character-name{padding-top:0}.combat-maps-page .combat-maps-list{background:#fafbfc;border-right:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:32px 20px 32px 32px;width:28%}.combat-maps-page .combat-maps-list ul{flex:1 1 auto;list-style:none;margin:0;max-height:100%;min-height:0;overflow-y:auto;padding:0}.combat-maps-page .combat-maps-list ul li{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8;justify-content:space-between;margin:4px;padding:8px}.combat-maps-page .combat-map-add-form{display:flex;gap:8px;margin-bottom:24px}.combat-maps-page .combat-map-add-form input[type=text]{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:6px 10px;transition:border .2s}.combat-maps-page .combat-map-add-form input[type=text]:focus{border:1.5px solid #a3a3a3;outline:none}.combat-maps-page .combat-map-edit-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:32px 32px 32px 24px;width:72%}.combat-maps-page .combat-map-edit-container .wrapper{display:flex;flex-direction:column;gap:24px;height:100%;min-height:0}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-form{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-form input[type=text]{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:6px 10px;transition:border .2s}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-form input[type=text]:focus{border:1.5px solid #a3a3a3;outline:none}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns{display:flex;flex:1 1 auto;gap:32px;min-height:0}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns>div{background:#fafbfc;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.03);display:flex;flex:1 1 0;flex-direction:column;max-height:100%;min-height:0;padding:20px 16px 16px}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul{flex:1 1 auto;list-style:none;margin:0;max-height:100%;min-height:0;overflow-y:auto;padding:0}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li{align-items:center;border-radius:7px;cursor:pointer;display:flex;margin:0 6px;padding:8px 10px;transition:background .15s}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li.selected,.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li:hover{background:#e5e7eb}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li .move-btn{background:#e5e7eb;border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-left:auto;padding:4px 10px;transition:background .15s}.combat-maps-page .combat-map-edit-container .wrapper .combat-map-edit-columns ul li .move-btn:hover{background:#d1d5db}.combat-maps-page button,.combat-maps-page input[type=submit]{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:7px 16px;transition:background .15s}.combat-maps-page button:hover,.combat-maps-page input[type=submit]:hover{background:#4f46e5}.combat-maps-page input[type=text]{margin-right:8px}.combat-map-delete-btn{align-items:center;background:#ededed!important;border:none;border-radius:6px;color:#e11d48;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;padding:0;transition:background .15s,color .15s;width:28px}.combat-map-delete-btn:hover{background:#ffe4ea!important;color:#b91c1c}.combat-maps-page .initiative-card.selected .card-wrapper{animation:none;border-color:#a6b5c1;box-shadow:inset 0 0 200px #d2ebff!important;margin-left:0;margin-right:0;transform:scale(1.05)}
.dark .header-column .title{color:#80868b}.dark .header-buttons .action-buttons-container button{background-color:#38424d;color:#838b92}.dark .header-buttons .action-buttons-container button:hover{background-color:#495668}.dark .header-buttons .add-card-popup-overlay{background:#00000083}.dark .header-buttons .add-card-popup{background:var(--panel-bg);border:1px solid #262d35}.dark button.settings-btn path{fill:#495561;transition:all .1s ease-in-out}.dark button.settings-btn:hover path{fill:#72889c}.dark .combat-map-modal{background:#30393f;border:1px solid #2a3036;box-shadow:0 2px 10px #0000001e}.dark .combat-map-modal h2{color:var(--font-color)}.dark .combat-map-modal .combat-maps-list li button{background:#38444d;color:#6a7e92}.dark .combat-map-modal .combat-maps-list li button:hover{background:#4d5c6d;color:#98aec5}.dark .combat-map-modal .combat-maps-list li button.active{background:var(--btn-primary-color);color:#b8d2ec}.initiative-tracker-container{display:flex;flex-direction:column;position:relative}.initiative-tracker-wrapper{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:20px;max-width:100vw;padding:0 20px;position:relative}.initiative-tracker{background:var(--panel-bg);border:1px solid var(--panel-border-color);border-radius:18px;box-shadow:0 8px 12px var(--panel-box-shadow-color);margin:0 auto;max-width:min(1900px,90vw);min-width:640px;padding:20px 30px 50px;position:relative}.initiative-tracker .header-container{align-items:center;-moz-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:30px;width:100%}.initiative-tracker .header-column:first-child{justify-self:start}.initiative-tracker .header-column{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;justify-self:center}.initiative-tracker .header-column .title{color:var(--font-color);font-size:1.6rem;font-weight:700}.initiative-tracker .header-column:last-child{justify-self:end}.initiative-tracker .cards-row{display:flex;flex-direction:row;gap:6px;justify-content:flex-start;margin:0;overflow-x:auto;padding:35px 20px}.header-buttons{align-items:center;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:10px;width:100%}.header-buttons .next-turn-btn{display:flex;flex-basis:content;min-width:150px;position:relative}.header-buttons .next-turn-btn button{color:var(--btn-font-color);width:100%}.header-buttons .action-buttons-container{align-items:center;display:flex;gap:10px;justify-content:center;position:relative;width:200px}.header-buttons .action-buttons-container button{background-color:#9eaab7}.header-buttons .action-buttons-container button:hover{background-color:#7f8c8d}.header-buttons .add-card-btn-container{display:flex;flex-basis:content;min-width:150px;position:relative}.header-buttons .add-card-btn-container button{color:var(--btn-font-color)}.header-buttons .add-card-popup{background:#fff;border:1px solid #d4dfec;border-radius:12px;box-shadow:0 4px 32px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:8px;min-width:320px;padding:32px;z-index:30}.add-card-popup-overlay{backdrop-filter:blur(1px);background:rgba(0,0,0,.28);inset:0;z-index:1000}.add-card-popup-overlay,.combat-map-modal-overlay{align-items:center;display:flex;justify-content:center;position:fixed}.combat-map-modal-overlay{backdrop-filter:blur(111px);background:rgba(0,0,0,.31);height:100%;left:0;opacity:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:900}.ReactModal__Overlay--after-open.combat-map-modal-overlay{opacity:1}.ReactModal__Overlay--before-close.combat-map-modal-overlay{opacity:0;transition:opacity 1.2s linear}.combat-map-modal{align-items:center;background:#f4f4f4;border:1px solid #d4dfec;border-radius:20px;box-shadow:0 2px 10px #373b425c;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:80vh;max-width:80vw;opacity:0;overflow:auto;padding:20px 40px;position:absolute;transform:translateY(-30px) scale(.98);transition:opacity .3s,transform .3s;width:-moz-fit-content;width:fit-content;z-index:1000}.combat-map-modal .combat-maps-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.combat-map-modal .combat-maps-list ul{list-style:none;margin:0 0 32px;padding:0}.combat-map-modal .combat-maps-list li button{background:#e8e8e8;border-radius:10px;color:#3c3f42;display:flex;font-weight:500;justify-content:center;margin:5px 10px;min-width:20vw;padding:15px 40px;transition:background .3s,color .3s;width:100%}.combat-map-modal .combat-maps-list li button:hover{background:#ddd;color:#3c3f42;font-weight:600}.combat-map-modal .combat-maps-list li button.active{background:#fff;box-shadow:0 2px 2px #3c3f4213;color:#1369be;font-weight:900}.ReactModal__Content--after-open.combat-map-modal{opacity:1;transform:scale(1)}.ReactModal__Content--before-close.combat-map-modal{opacity:0;transform:translateY(-30px) scale(.98);transition:opacity .2s ease-in-out,transform .2s ease-in-out}
.dark .dice-bar-toggle-btn{background:#525c6b}.dark .dice-bar-toggle-btn:active,.dark .dice-bar-toggle-btn:hover{background:#637185!important}.dark .dice-bar{background:var(--panel-bg);border:1px solid #232a30}.dark .dice-bar .die_color{fill:#141d22}.dark .dice-bar .die_numbers{fill:#dbeeff49;filter:drop-shadow(0 0 6px #0000004d)}.dark .dice-bar .die_edges,.dark .dice-bar .die_edges_outline{stroke:#2f88ac00;fill:#1d272ec4;filter:drop-shadow(0 0 6px #0000004d)}.dark .dice-bar button.throw-dice-btn{color:#000}.dark .dice-bar button.throw-dice-btn:hover svg .die_color{fill:#253c46;filter:drop-shadow(0 0 6px #00000080)}.dark .dice-bar button.throw-dice-btn:hover svg .die_edges,.dark .dice-bar button.throw-dice-btn:hover svg .die_edges_outline{fill:#446470;filter:none}.dark .dice-bar button.throw-dice-btn:hover svg .die_numbers{fill:#446470}#dice-box{height:100%;left:0;position:fixed;top:0;width:100%;z-index:51}#dice-box,#dice-box canvas{overflow:hidden;pointer-events:none}#dice-box canvas{background:transparent!important;height:100%!important;width:100%!important}.dice-bar-toggle-btn{background:#f1f6fd;border:none;border-radius:30px;cursor:pointer;height:50px;opacity:.5;padding:10px;width:50px}.dice-bar-toggle-btn:active,.dice-bar-toggle-btn:hover{background:#f1f6fd!important;opacity:1}.throw-result-container{background:#000000d0;border-radius:20px;box-shadow:2px 1px 10px 10px #0000002a;box-shadow:2px 1px 14px 11110px #00000081;color:#b3bbc5;flex-direction:column;font-size:2rem;gap:5px;left:50%;padding:15px 30px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(1);z-index:52}.throw-result-container,.throw-result-container .text-container{align-items:center;display:flex}.throw-result-container .buttons-container{display:flex;gap:4px}.throw-result-container span.title{font-size:.7em}.throw-result-container span.result{color:#eaeff5;font-weight:700;margin-left:15px}.throw-result-container button{background:#494f57;border:none;border-radius:5px;cursor:pointer;font-size:.8rem;padding:5px 10px}.throw-result-container button:hover{background:#626f7c}.throw-result-container button:active{background:#c0c7d0}.dice-bar{align-items:center;background:#f0f8ff;border:1px solid #e8edf3;border-radius:20px;bottom:-120px;box-shadow:2px 1px 4px 0 #0000001a;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;left:50%;margin:10px 0;max-height:100px;min-height:80px;padding:2px 15px;position:fixed;transform:translateX(-50%);transition:all .2s ease-in-out;z-index:50}.dice-bar.show{bottom:0}.dice-bar .die_color{fill:#fff}.dice-bar .die_edges_outline{fill:none;stroke-width:2px}.dice-bar .die_numbers{fill:#000}.dice-bar .die_edges{stroke:#00000000;stroke-miterlimit:10}.dice-bar button.throw-dice-btn{border:none;color:#000;cursor:pointer;margin:0 4px;padding:0}.dice-bar button.throw-dice-btn,.dice-bar button.throw-dice-btn:hover{background:transparent;box-shadow:none}.dice-bar button.throw-dice-btn:hover svg .die_color{fill:#e6ebf1;filter:drop-shadow(0 10px 22px #57697a)}.dice-bar button.throw-dice-btn:hover svg .die_edges_outline,.dice-bar button.throw-dice-btn:hover svg .die_numbers{fill:#4b545e}.dice-bar .dice-icon{--icon-size:10vh;height:var(--icon-size);max-height:100px;max-width:100px;min-height:80px;min-width:80px;padding:10px;width:var(--icon-size)}
.dark button.combat-logs-toggle-button{background:#525c6b}.dark button.combat-logs-toggle-button:active,.dark button.combat-logs-toggle-button:hover{background:#637185!important}.dark .combat-logs-container .header{border-bottom:1px solid var(--panel-border-color)}.dark .combat-logs-container .logs{color:var(--font-color-secondary)}.dark .combat-logs-container .logs .log-time{color:#b7bdc0}.dark .combat-logs-container .logs .log-action-character,.dark .combat-logs-container .logs .log-affected-characters{background:#272e32}button.combat-logs-toggle-button{background:#f1f6fd;border:none;border-radius:30px;cursor:pointer;height:50px;opacity:.5;padding:10px;width:50px}button.combat-logs-toggle-button:active,button.combat-logs-toggle-button:hover{background:#f1f6fd!important;opacity:1}button.clear-logs-btn{height:20px;opacity:.4;padding:0;position:absolute;right:10px;top:10px;width:20px}.combat-logs-container{background-color:var(--panel-bg);border:1px solid var(--panel-border-color);border-radius:20px;box-shadow:2px 2px 6px var(--panel-box-shadow-color);display:flex;flex-direction:column;gap:10px;height:100%;max-height:550px;max-width:450px;min-height:300px;min-width:350px;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:-moz-max-content;width:max-content}.combat-logs-container .header{align-items:center;border-bottom:1px solid var(--panel-border-color);color:var(--font-color);display:flex;flex-direction:row;font-size:1rem;font-weight:700;justify-content:center;padding:10px;position:relative;text-align:center;vertical-align:middle}.combat-logs-container .logs{display:block;flex-direction:column;flex-grow:1;justify-content:flex-end;max-height:100%;overflow-wrap:break-word;padding:10px;white-space:normal;word-wrap:break-word;color:var(--font-color-secondary);font-size:.8rem;hyphens:auto;overflow-x:hidden;overflow-y:auto}.combat-logs-container .logs .log-entry{padding:4px 0}.combat-logs-container .logs .log-entry.message,.combat-logs-container .logs .log-entry.next_round{font-size:.85rem;font-weight:700;padding:8px;text-align:center}.combat-logs-container .logs span{line-height:1.8;padding:0 4px;text-align:center;vertical-align:middle}.combat-logs-container .logs .log-time{color:#b7bdc0;font-size:.7rem;font-weight:700;padding-right:8px}.combat-logs-container .logs .log-action-character,.combat-logs-container .logs .log-affected-characters{background:#e3e9ed;border-radius:6px;font-weight:700;padding:1px 6px;white-space:nowrap}
@keyframes curtain-open{0%{max-height:0;opacity:0;overflow:hidden;padding:0 30px}10%{padding:18px 30px}90%{overflow:hidden;padding:18px 30px}to{max-height:2000px;opacity:1;overflow:unset}}@keyframes curtain-close{0%{margin:35px auto;max-height:2000px;opacity:1;padding:18px 30px}90%{opacity:1;padding:18px 30px}to{margin:0 auto;max-height:0;opacity:0;padding:0 30px}}@keyframes change-character{0%{opacity:0}50%{opacity:1}to{color:#2d3a4a;opacity:1}}.dark button.show-card-info{background:#525c6b}.dark button.show-card-info:active,.dark button.show-card-info:hover{background:#637185!important}.dark .card-info-container{background:var(--panel-bg);color:#a0b6be}.dark .card-info-container .ability-slots .restore-slots-btn{color:#536d91;font-size:.65rem}.dark .card-info-container .ability-slots .restore-slots-btn:hover{color:#568cdb}.dark .card-info-container .ability-slots .slots .slot .slot-label{background:#36404d;color:#8893a1}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot{background:#a6d7ff0e}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot:checked{background:#436a8f}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.warlock-type{background:#a6d7ff0e}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.warlock-type:checked{background:#744bb7}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.ki-type{background:#a6d7ff0e}.dark .card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.ki-type:checked{background:#2e8b74}.dark .card-info-container .title{color:#5b6574}.dark .card-info-container .value{color:#8594a7}.dark .card-info-container .modifier{color:#5d615e}.dark .card-info-container .modifier.positive{color:#67c07e}.dark .card-info-container .modifier.negative{color:#e66c6c}.dark .controls button.next-character path,.dark .controls button.pin-character-info path,.dark .controls button.prev-character path{fill:#657385}.dark .controls button.next-character:hover path,.dark .controls button.pin-character-info:hover path,.dark .controls button.prev-character:hover path{fill:#7d8ea5}.dark .controls button.next-character.pinned,.dark .controls button.next-character.pinned:hover,.dark .controls button.pin-character-info.pinned,.dark .controls button.pin-character-info.pinned:hover,.dark .controls button.prev-character.pinned,.dark .controls button.prev-character.pinned:hover{background:#aabbca6e!important}button.show-card-info{background:#f1f6fd;border:none;border-radius:30px;cursor:pointer;height:50px;opacity:.5;padding:10px;width:50px}button.show-card-info:active,button.show-card-info:hover{background:#f1f6fd!important;opacity:1}.controls{align-items:center;display:flex;gap:0;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-110%)}.controls button.next-character,.controls button.prev-character{height:25px;padding:2px 4px;width:40px}.controls button.prev-character svg{rotate:-90deg}.controls button.next-character svg{rotate:90deg}.controls button.pin-character-info{height:20px;padding:2px 4px;width:40px}.controls button.pin-character-info.pinned,.controls button.pin-character-info.pinned:hover{background:#00000038!important}.card-info-container{animation:none;background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #0000000e;color:#2d3a4a;font-size:1rem;max-height:0;max-width:min(1200px,85vw);min-width:420px;overflow:hidden;padding:0 30px;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.card-info-container.show{animation:curtain-open .3s ease-in-out forwards;margin:35px auto;max-height:2000px;overflow:unset;padding:18px 30px}.card-info-container.hidden{animation:curtain-close .3s ease-in-out forwards}.card-info-container.hidden *{color:transparent!important}.card-info-container.change-character *{animation:change-character .3s ease-in-out forwards;color:transparent!important}.card-info-container .name-desc{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;text-align:center}.card-info-container .name-desc .name{align-items:center;display:flex;flex-direction:row;font-size:1.4rem;font-weight:700;gap:40px;justify-content:center}.card-info-container .name-desc .description{color:#6b7a8f;font-size:.95rem;margin-top:4px;white-space:pre-line}.card-info-container .level-speed{display:flex;flex-direction:row;flex-wrap:nowrap;gap:45px;justify-content:center;margin-bottom:10px}.card-info-container .class-race-align{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:15px;text-align:center}.card-info-container .class-race-align table{border-spacing:34px 0}.card-info-container .class-race-align span{margin-left:2px}.card-info-container .class-race-align .class-race{display:flex;flex-direction:row;flex-wrap:nowrap;gap:40px;justify-content:space-between;margin-bottom:6px}.card-info-container .stats{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:space-evenly;margin-bottom:20px}.card-info-container .stats .wrapper{display:flex;gap:60px;justify-content:center}.card-info-container .stats .wrapper>div{min-width:160px;width:-moz-max-content;width:max-content}.card-info-container .stats .wrapper>div>div{display:flex;flex-direction:row;justify-content:space-between}.card-info-container .vulnerabilities{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;margin-bottom:20px}.card-info-container .vulnerabilities>div{display:flex;flex-direction:row;gap:10px}.card-info-container .ability-slots{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:200px}.card-info-container .ability-slots:hover .slots .slot .slots-actions{display:flex}.card-info-container .ability-slots .title{font-weight:700}.card-info-container .ability-slots .restore-slots-btn{background:transparent;box-shadow:none;color:#b2becf;font-size:.6rem;font-weight:400;margin-bottom:10px;padding:0 10px}.card-info-container .ability-slots .restore-slots-btn:hover{color:#4c7dc7}.card-info-container .ability-slots .slots{display:flex;flex-direction:column;position:relative}.card-info-container .ability-slots .slots .slot{align-items:center;display:flex;flex-direction:row;gap:4px;position:relative}.card-info-container .ability-slots .slots .slot .slot-label{background:#dbe3ec;border-radius:6px;color:#6b7581;font-size:.8rem;font-weight:700;margin:2px 5px;padding:1px 6px}.card-info-container .ability-slots .slots .slot .slots-checkboxes{align-items:center;display:flex;flex-direction:row;gap:3px}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e3ebfc;border-radius:4px;height:14px;margin:0;position:relative;width:14px}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot:checked{background:#5aa0e0}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.warlock-type{background:#eae2fc}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.warlock-type:checked{background:#744bb7}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.ki-type{background:#dbece3}.card-info-container .ability-slots .slots .slot .slots-checkboxes input[type=checkbox].ability-slot.ki-type:checked{background:#4bb79c}.card-info-container .ability-slots .slots .slot .slots-actions{display:none;gap:2px;position:absolute;right:-50%;translate:60% 0;width:100%}.card-info-container .ability-slots .slots .slot .slots-actions button{background:#a2b4ca;font-weight:600;height:18px;opacity:.5;padding:0;width:18px}.card-info-container .ability-slots .slots .slot .slots-actions button:hover{background:#628ec4;opacity:1}.card-info-container .character-spells{margin:20px 0}.card-info-container .notes{color:#6b7a8f;display:flex;flex-direction:column;font-size:.95rem;margin-top:22px;max-height:1000px;padding:0 10px}.card-info-container .notes .title{align-items:center;color:#6b7a8f;display:flex;font-size:1rem;font-weight:700;justify-content:center;margin:0 auto 16px;position:relative}.card-info-container .notes .title .edit-notes-btn{height:20px;padding:2px;position:absolute;right:50%;top:50%;transform:translate(300%,-50%);width:20px}.card-info-container .notes .title .edit-notes-btn path{fill:#6b7a8f}.card-info-container .notes .text{margin:0;overflow:auto}.card-info-container .title{color:#4b4f55;font-size:.95rem;font-weight:600;vertical-align:middle}.card-info-container .value{color:#707b88;font-size:.9rem;font-weight:400;padding-left:6px;vertical-align:middle}.card-info-container .modifier{color:#aab4ad;font-size:.7rem;font-weight:700;padding-left:5px;vertical-align:text-top}.card-info-container .modifier.positive{color:#7daf8a}.card-info-container .modifier.negative{color:#e57373}.card-info-container>div{margin-bottom:10px}
.dark .component-characters-list{background:transparent}.dark .component-characters-list-item{color:var(--font-color-secondary)}.dark .component-characters-list-item:not(.disabled):hover{background:#b1d5ff15;color:#b6c4d1}.dark .component-characters-list-item.disabled{background:#f5f5f50a!important;color:#aaaaaa3b!important}.dark .component-characters-list-item.selected{background:#5db1ff15;color:#577b8a}.dark .component-characters-list-item.selected:hover{background:#75b6ff1f;color:#b6c4d1}.component-characters-list{background:#fff;border-radius:10px;margin:0 0 20px;max-height:400px;overflow-y:auto;padding:0;width:100%}.component-characters-list-item{background:transparent;border:none;color:#222;cursor:pointer;font-size:15px;list-style:none;margin:0 8px;padding:8px 18px;transition:background .15s,color .15s}.component-characters-list-item:not(.disabled):hover{background:#f3f7fa;color:#1976d2}.component-characters-list-item.disabled{background:#f5f5f5!important;color:#aaa!important;opacity:.5;pointer-events:none}.component-characters-list-item.selected{background:#e3f6e8;color:#219150;font-weight:500;opacity:1}::-webkit-scrollbar{background:transparent;width:4px}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}
@keyframes slides{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes fadeInScreenSaver{0%{opacity:0}to{opacity:1}}.screen-saver{animation:fadeInScreenSaver .5s ease;background:#14181d;justify-content:center;left:0;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.screen-saver,.screen-saver .carousel{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.screen-saver .carousel{flex-direction:row;position:relative;white-space:nowrap}.screen-saver .carousel .images{align-items:center;animation:slides 40s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;max-height:900px;min-height:400px}.screen-saver .carousel .images .image-container{display:flex;margin-left:-25px;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 6%,#000 40%,#000 60%,transparent 94%,transparent);mask-image:linear-gradient(180deg,transparent 0,transparent 6%,#000 40%,#000 60%,transparent 94%,transparent);max-height:600px;min-height:180px;overflow:hidden;position:relative;width:205px}.screen-saver .carousel .images .image-container,.screen-saver .carousel .images .image-container img{height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.screen-saver .carousel .images .image-container img{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon points=\"18,-100 100,-100 82,200 0,200\" fill=\"white\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon points=\"18,-100 100,-100 82,200 0,200\" fill=\"white\"/></svg>");-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.screen-saver .carousel .images .image-container .character-name{bottom:8%;color:#fff;font-size:1.5rem;font-variant:small-caps;font-weight:500;left:3%;padding:0;position:absolute;rotate:-87deg;text-shadow:1px 1px 3px #080808;transform-origin:top left;z-index:1}.screen-saver .custom-image,.screen-saver .custom-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}
.dark .damage-heal-form-container{background-color:#2b333a;border:1px solid #272e33;color:#fff}.dark .damage-heal-form-container .header{color:var(--font-color-secondary)}.dark .damage-heal-form-container .value-container input{background-color:#4d5863;border:1px solid #2f3b42;color:#d9dfec}.dark .damage-heal-form-container .value-container input:focus-visible{border:1px solid #5c6781;outline:none}.dark .damage-heal-form-container .value-container button{background-color:#363d44;color:#95a2b1}.dark .damage-heal-form-container .spell-slot-use-container .slot-use-checkbox-label{color:#64717a}.dark .damage-heal-form-container .spell-slot-use-container .slot-label{background:#36404d;border:none;color:#8893a1}.dark .damage-heal-form-container .spell-slot-use-container .selected{background:#44628a}.dark .damage-heal-form-container .spell-slot-use-container .slot-label .slot-label-text{color:#6b7581}.dark .damage-heal-form-container .spell-slot-use-container .slot-label.selected .slot-label-text{color:#d5e1e6}.dark .damage-heal-form-container .spell-slot-use-container .available-spell-slot-indicator.available{background:#4e7a94}.dark .damage-heal-form-container .spell-slot-use-container .available-spell-slot-indicator.unavailable{background:#343f3f}.damage-heal-form-container{align-items:center;background-color:#e2e9ef;border:1px solid #d2e1eb;border-radius:10px;bottom:-50px;box-shadow:0 4px 6px #0000002a;color:#fff;display:flex;flex-direction:column;gap:4px;padding:10px 15px;position:absolute;width:-moz-max-content;width:max-content;z-index:50}.damage-heal-form-container .header{color:#3c3f42;font-size:.9rem;font-weight:700;margin-bottom:4px;text-align:center;width:100%}.damage-heal-form-container .value-container{align-items:center;display:flex;gap:4px;justify-content:center;width:100%}.damage-heal-form-container .value-container input{background-color:#f8fafc;border:1px solid #d2e1eb;border-radius:4px;color:#58595b;font-size:.8rem;height:24px;padding:0 4px;text-align:center;width:60px}.damage-heal-form-container .value-container input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;margin:0}.damage-heal-form-container .value-container input[type=number]::-webkit-inner-spin-button,.damage-heal-form-container .value-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.damage-heal-form-container .value-container input:focus-visible{border:1px solid #cdd2d5;outline:none}.damage-heal-form-container .apply-close-buttons-container{align-items:baseline;display:flex;gap:4px}.damage-heal-form-container .value-container button{box-shadow:none;color:#58595b;font-size:1rem;font-weight:700;margin:0;padding:0;width:40px}.damage-heal-form-container .apply-close-buttons-container button{height:20px;margin:0;padding:0;width:70px}.damage-heal-form-container .spell-slot-use-container{align-items:center;display:flex;flex-direction:column;margin:8px 0;width:100%}.damage-heal-form-container .spell-slot-use-container .slot-use-checkbox-label{align-items:center;color:#58595b;display:flex;font-size:.8rem;gap:4px}.damage-heal-form-container .spell-slot-use-container .spell-slots-row{display:flex;gap:12px;justify-content:center;margin-top:8px}.damage-heal-form-container .spell-slot-use-container .spell-slot-container{align-items:center;display:flex;flex-direction:column}.damage-heal-form-container .spell-slot-use-container .slot-label{align-items:center;background:#f0f5fa;border:1px solid #dee4e7;border-radius:6px;display:flex;flex-direction:column;margin-bottom:2px;padding:2px;transition:background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30px}.damage-heal-form-container .spell-slot-use-container .selected{background:#a3c4e4;border-color:#9cb7d4;color:#fff}.damage-heal-form-container .spell-slot-use-container .disabled{opacity:.5;pointer-events:none}.damage-heal-form-container .spell-slot-use-container .slot-label .slot-label-text{color:#6b7581;font-size:.8rem!important;font-weight:700!important}.damage-heal-form-container .spell-slot-use-container .slot-label.selected .slot-label-text{color:#fff}.damage-heal-form-container .spell-slot-use-container .available-spell-slot-indicator{border-radius:50%;display:inline-block;height:5px;width:5px}.damage-heal-form-container .spell-slot-use-container .available-spell-slot-indicator.available{background:#4caf50}.damage-heal-form-container .spell-slot-use-container .available-spell-slot-indicator.unavailable{background:#ccc}
.dark button.show-timer-form{background:#525c6b}.dark button.show-timer-form:hover{background:#637185!important}.dark button.show-timer-form:hover path{fill:#1e2629}.dark button.show-timer-form:active{background:#637185!important}.dark .round-counter{background:#d1e5f30c}.dark .round-counter .reset-btn{background:#414c55;background:transparent}.dark .round-counter .reset-btn:hover{background:#52606b;background:#52606b44}.dark .round-counter .reset-btn path{fill:#91a7ac9a}.dark .round-counter-form{box-shadow:2px 4px 22px #0000003a}.dark .round-counter-form .title{color:var(--font-color)}.dark .round-counter-form fieldset{background:#a2b0b80c}.dark .round-counter-form fieldset legend{background:#272e35;color:#89949c}.dark .round-counter-form input[type=number],.dark .round-counter-form input[type=text]{background:#ffffff11;border:1px solid #00000036;color:#a1acb3}.dark .round-counter-form input[type=number]:focus,.dark .round-counter-form input[type=text]:focus{border:1.5px solid #ffffff18}button.show-timer-form{background:#f1f6fd;border:none;border-radius:30px;cursor:pointer;height:50px;opacity:.5;padding:12px;width:50px}button.show-timer-form path{fill:#1e2529}button.show-timer-form:hover{background:#f1f6fd!important;opacity:1}button.show-timer-form:hover path{fill:#5b6363}button.show-timer-form:active{background:#f1f6fd!important;opacity:1}.round-counter-form{background:var(--panel-bg);border-radius:8px;bottom:110px;box-shadow:0 4px 22px var(--panel-box-shadow-color);color:#8e969b;color:var(--font-color);font-size:1rem;font-weight:600;left:70px;min-height:100px;min-width:200px;opacity:0;padding:10px 15px;pointer-events:none;position:fixed;transition:all .1s linear;z-index:1000}.round-counter-form.show{left:80px;opacity:1;pointer-events:auto}.round-counter-form .title{color:var(--font-color);font-size:1.6rem;font-weight:700;padding:10px}.round-counter-form fieldset{align-items:center;background:#eff5f8b6;border:1px solid #00000027;border-radius:4px;display:flex;gap:8px;margin:18px 0;padding:14px 18px}.round-counter-form fieldset legend{background:#d3dee4;border:1px solid #00000036;border-radius:10px;color:var(--font-color);font-size:1rem;font-weight:600;padding:0 15px}.round-counter-form input[type=number],.round-counter-form input[type=text]{background:#ffffff11;border:1px solid #00000036;border-radius:8px;color:#a1acb3;outline:none;padding:6px 10px}.round-counter-form input[type=number]:focus,.round-counter-form input[type=text]:focus{border:1.5px solid #ffffff18}.round-counter-form input[type=number]{max-width:90px;text-align:center}.round-counter-form button{border:none;border-radius:8px;padding:6px 10px}.round-counter-form .main-counter-controls fieldset .countdown-controls{display:flex;flex-direction:row;gap:8px}.round-counter{align-items:center;background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;padding:4px 15px;position:relative}.round-counter *{vertical-align:middle}.round-counter:has(.last-round-alert){background:#ee555513}.round-counter .reset-btn{background:transparent;border:none;border-radius:20px;box-shadow:none;height:30px;opacity:0;padding:4px;position:absolute;right:0;top:-15px;transition:background .1s linear,color .1s linear,opacity .1s linear,top .1s ease,right .1s ease;width:30px}.round-counter .reset-btn:hover{background:#cedce9}.round-counter .reset-btn path{fill:#91a7ac9a}.round-counter:hover .reset-btn{opacity:1;right:-20px;top:-15px}.round-counter .countdown-container{align-items:center;display:flex;flex-direction:column}.round-counter .countdown-container .countdown{align-items:center;display:flex}.round-counter .countdown-container .countdown .label{color:#6a7a819c;font-size:.68rem;padding:0 2px}.round-counter .countdown-container .countdown .number{color:#6a7a819c;font-size:.9rem;padding:0 2px}.round-counter .countdown-container .last-round-alert{color:#e55;font-size:.7rem;padding:0 4px}.round-counter .label{color:#7a858a;font-size:.8rem;font-weight:500;padding:0 4px}.round-counter .number{color:#7a858a;font-size:1.2rem;font-weight:600;padding:0 4px}.round-counter-form input[type=number]::-webkit-inner-spin-button,.round-counter-form input[type=number]::-webkit-outer-spin-button{margin:0;opacity:0;position:absolute}.additional-round-counters-container{display:flex;flex-direction:column;gap:8px;margin:20px;position:absolute;right:0;top:0}.additional-round-counters-container .additional-counter-wrapper{align-items:center;display:flex;flex-direction:row-reverse;gap:4px;justify-content:flex-start}.additional-round-counters-container .additional-counter-wrapper .remove-counter-btn{border:none;color:var(--btn-font-color);margin-right:4px;opacity:0;padding:6px 12px;pointer-events:none;transform:translateX(6px);transition:opacity .15s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.additional-round-counters-container .additional-counter-wrapper:hover .remove-counter-btn{opacity:1;pointer-events:auto;transform:translateX(0);-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}
@keyframes modalFadeInTransform{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.dark .user-settings-modal-overlay{background:#1c1e1fc4}.dark .user-settings-modal{background:var(--panel-bg)}.dark .user-settings-modal h4{color:var(--font-color)}.dark .user-settings-modal .close-btn svg path{fill:#ffffff3f}.dark .user-settings-form h3{color:var(--font-color)}.dark .user-settings-form label{color:#767d83;font-size:.94rem;font-weight:400}.dark .user-settings-form input[type=text]{background:#ffffff11;border:1px solid #00000036}.dark .user-settings-form input[type=text]:focus{border:1.5px solid #ffffff18}.dark .user-settings-form fieldset{border:2px solid #ffffff0a;border-radius:8px}.dark .user-settings-form legend{color:#778088}.dark .user-settings-form button{background:var(--btn-primary-color);color:#fff}.dark .user-settings-form button:hover{background:var(--btn-primary-color-hover)}.dark .user-settings-form .tooltip-question{background:#00000018;color:#dddddd38;font-size:.9rem;font-weight:600;text-align:center;vertical-align:middle}.dark .user-settings-form .tooltip-question:focus,.dark .user-settings-form .tooltip-question:hover{background:#ffffff38;color:#dddddd93}.dark .user-settings-form .tooltip-question:after{backdrop-filter:blur(14px);background:#131414c7;box-shadow:0 2px 12px rgba(34,34,59,.13);color:#dfe5e7;font-size:.94rem;font-weight:400;padding:10px 20px}.user-settings-modal-overlay{align-items:center;animation:modalFadeIn .2s;background:rgba(34,34,59,.5);display:flex;inset:0;justify-content:center;position:fixed;transition:background .2s;z-index:1000}.user-settings-modal{animation:modalFadeInTransform .2s;background:#fff;border-radius:18px;box-shadow:2px 2px 4px rgba(34,34,59,.18);display:flex;flex-direction:column;gap:4px;max-width:95vw;min-height:120px;min-width:320px;padding:32px 28px 24px;position:relative}.user-settings-modal h4{padding:0 15px}@media (max-width:600px){.user-settings-modal{min-width:0;padding:18px 6vw}}.user-settings-form{display:flex;flex-direction:column;gap:18px}.user-settings-form h3{color:#22223b;font-size:1.25rem;font-weight:700;margin:0 0 8px;text-align:left}.user-settings-form label{align-items:center;color:#22223b;display:flex;font-size:1.08rem;font-size:.94rem;font-weight:400;gap:12px}.user-settings-form input[type=text]{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border .2s}.user-settings-form input[type=text]:focus{border:1.5px solid #a3a3a3;outline:none}.user-settings-form fieldset{border:1px solid #eee}.user-settings-form legend{color:#6366f1;font-size:1.08rem;font-weight:600;margin-bottom:6px}.user-settings-form .form-group{align-items:center;display:flex;gap:10px;margin-bottom:4px}.user-settings-form .form-group .select-characters-btn{font-size:.95rem;margin:6px 0;padding:6px 16px;width:100%}.user-settings-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.user-settings-form button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:10px 22px;transition:background .15s}.user-settings-form button:hover{background:#4f46e5}.user-settings-form .error{background:#fef2f2;border-radius:6px;color:#e11d48;font-size:.98rem;margin-top:8px;padding:8px 12px;text-align:center}.user-settings-form .tooltip-question{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6366f1;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;height:18px;justify-content:center;margin-left:6px;outline:none;position:relative;transition:background .18s,color .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:18px}.user-settings-form .tooltip-question:focus,.user-settings-form .tooltip-question:hover{background:#6366f1;color:#fff}.user-settings-form .tooltip-question:after{background:#22223b;border-radius:6px;bottom:1.8rem;box-shadow:0 2px 12px rgba(34,34,59,.13);color:#fff;content:attr(aria-label);font-size:.98rem;max-width:80vw;min-width:340px;opacity:0;overflow-wrap:break-word;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s;white-space:pre-line;word-break:break-word;z-index:10}.user-settings-form .tooltip-question:focus:after,.user-settings-form .tooltip-question:hover:after{opacity:1}.user-settings-modal .close-btn{align-items:center;background:none;border:none;box-shadow:none;color:#888;cursor:pointer;display:flex;justify-content:center;outline:none;padding:4px;position:absolute;right:16px;top:14px;transition:color .18s,background .18s;z-index:1}.user-settings-modal .close-btn svg{display:block;height:24px;width:24px;stroke:currentColor;background:none;box-shadow:none}.user-settings-modal .close-btn svg path{stroke-width:0px}
.profile-page{background-color:var(--panel-bg);border-radius:8px;box-shadow:0 2px 4px var(--panel-box-shadow-color);height:100%;max-height:90vh;max-width:90vw;padding:20px 40px;width:100%}.profile-page h1{color:var(--font-color);margin-bottom:20px;margin-top:0}
.dark .full-screen-button-container .full-screen-button,.dark .full-screen-button-container .full-screen-button:hover{background:#7c95a027}.dark .full-screen-button-container .full-screen-button path{fill:#b3c3ca}.room-info{color:#838383;font-size:.75rem;font-weight:lighter;font-weight:500;margin-top:2px}.room-code{font-weight:lighter}.room-code,.room-code code{margin-left:2px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.room-code code{font-weight:600}.connection-status{font-size:.7rem;font-weight:lighter;font-weight:600;margin-left:8px}.connection-status.online{color:#4caf50}.connection-status.offline{color:#f44336}.full-screen-button-container{position:fixed;right:10px;top:10px;z-index:5}.full-screen-button-container .full-screen-button{align-items:center;background:#00000027;box-shadow:none;display:flex;opacity:.6;padding:6px;transition:opacity .1s ease;vertical-align:middle}.full-screen-button-container .full-screen-button:hover{background:#00000027;opacity:1}.full-screen-button-container .full-screen-button svg{height:24px;width:24px}.full-screen-button-container.is-full-screen{opacity:.5;right:5px;top:5px}.full-screen-button-container.is-full-screen:hover{opacity:1}.full-screen-button-container.is-full-screen .full-screen-button{background:#0000000a;padding:4px}.full-screen-button-container.is-full-screen svg{height:20px;width:20px}.initiative-tracker.full-screen{border:none;border-radius:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:none;max-width:none;min-height:350px;min-width:500px;padding:10px 70px;width:100vw}.initiative-tracker.full-screen .title-container,.initiative-tracker.full-screen h2{margin-bottom:5px}.initiative-tracker.full-screen .cards-row-wrapper{align-items:center;display:flex;height:100%;justify-content:center;padding:0}.initiative-tracker.full-screen .cards-row{align-items:center;height:100%;padding:0}.initiative-tracker.full-screen .initiative-card{align-items:center;height:80%}.initiative-tracker.full-screen .initiative-card .card-wrapper{display:grid;grid-template-areas:"header" "body" "footer";grid-template-rows:1fr auto auto;height:100%;max-height:350px;min-height:225px}.initiative-tracker.full-screen .initiative-card .card-wrapper .card-header{grid-area:header;max-height:560px;min-height:140px}.initiative-tracker.full-screen .initiative-card .card-wrapper .card-body{grid-area:body;height:100%;max-height:65px;min-height:65px;overflow:hidden;overflow-wrap:anywhere;text-align:center;white-space:normal;word-break:break-word}.initiative-tracker.full-screen .initiative-card .card-wrapper .card-footer{grid-area:footer;height:100%;max-height:18px;min-height:12px;overflow:hidden}
.dark .rooms-page{background:var(--panel-bg)}.dark .rooms-page h2{color:var(--font-color)}.dark .rooms-page label{color:#6b7883;font-weight:500}.dark .rooms-page input[type=text]{background:#bee2ff10;border:1px solid var(--muted-color);color:#94a0aa}.dark .rooms-page input[type=text]:focus{background:#bee2ff2c;border:1.5px solid var(--muted-color)}.dark .rooms-page button{background:var(--btn-primary-color);color:#bcc6ce}.dark .rooms-page button:hover{background:var(--btn-primary-color-hover)}.dark .rooms-page .rooms-list-container h3{color:#94a0aa}.dark .rooms-page .rooms-list-container .user-rooms-list .copy-buttons-container button,.dark .rooms-page .rooms-list-container .user-rooms-list .copy-buttons-container path,.dark .rooms-page .rooms-list-container .user-rooms-list .edit-buttons-container button,.dark .rooms-page .rooms-list-container .user-rooms-list .edit-buttons-container path{color:#fff;fill:#12171bcc}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item{background:#bcdfff13}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item:hover{background:#bcdfff1e}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item .icon-btn{background:#090c0e28}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item .icon-btn:hover{background:#18202b4b!important}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item .room-link{color:#616e7c}.dark .rooms-page .rooms-list-container .user-rooms-list .user-room-item .room-link:hover{color:#779dc9}.rooms-page{background:#fff;border-radius:18px;box-shadow:0 4px 32px rgba(0,0,0,.07);justify-content:center;margin:10px;max-width:1600px;min-width:340px;padding:40px 60px}.rooms-page,.rooms-page .wrapper{align-items:center;display:flex;flex-direction:column}.rooms-page .wrapper{gap:32px;max-height:100rem;max-width:40rem;width:100%}.rooms-page .wrapper .create-room-form form input,.rooms-page .wrapper .join-room-form form input{margin-left:15px}.rooms-page h2{color:#22223b;font-size:2rem;font-weight:700;margin-bottom:12px}.rooms-page form{display:flex;flex-direction:column;gap:18px;width:100%}.rooms-page input[type=text]{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border .2s}.rooms-page input[type=text]:focus{border:1.5px solid #a3a3a3;outline:none}.rooms-page button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:10px 0;transition:background .15s}.rooms-page button:hover{background:#4f46e5}.rooms-page .user-rooms-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;width:100%}.rooms-page .user-rooms-list .user-room-item{align-items:center;background:#f7f8fa;border-radius:10px;display:flex;justify-content:space-between;padding:10px 18px;position:relative;transition:background .18s}.rooms-page .user-rooms-list .user-room-item:hover{background:#e9eef1}.rooms-page .user-rooms-list .user-room-item .icon-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:1.05rem;margin-left:4px;padding:2px;position:relative;transition:none}.rooms-page .user-rooms-list .user-room-item .icon-btn svg{height:16px;transition:color .15s;width:16px}.rooms-page .user-rooms-list .user-room-item button.icon-btn{background:transparent;box-shadow:none;margin-top:0}.rooms-page .user-rooms-list .user-room-item .icon-btn{background:#ededed;border-radius:6px;box-shadow:none;margin-left:8px;padding:4px;transition:background .15s}.rooms-page .user-rooms-list .user-room-item .icon-btn:hover{background:#e0e7ef}.rooms-page .user-rooms-list .user-room-item .room-link{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-weight:500;margin:0 20px;text-decoration:underline;transition:color .15s}.rooms-page .user-rooms-list .user-room-item .room-link:hover{color:#526172}.rooms-page .error{background:#fef2f2;border-radius:6px;color:#e11d48;font-size:.98rem;margin-top:8px;padding:8px 12px;text-align:center}.tooltip{background:#22223b;border-radius:6px;color:#fff;font-size:.95rem;left:0;margin-top:4px;opacity:.95;padding:4px 10px;pointer-events:none;position:absolute;top:100%;white-space:nowrap;z-index:10}.error-message{background:#fef2f2;border-radius:6px;color:#e11d48;font-size:.98rem;margin-top:8px;padding:8px 12px;text-align:center}