@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Uncial+Antiqua&display=swap";@media (min-width: 768px) and (max-width: 1024px){.app-header{padding:15px 30px;flex-wrap:wrap;gap:15px}.app-header h1{font-size:24px}.character-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.character-sheet-header{flex-wrap:wrap;gap:15px}.modular-character-sheet{padding:15px}.react-grid-item{touch-action:none}.auth-form{max-width:500px;padding:30px}.spell-browser{grid-template-columns:300px 1fr}.spell-list{max-height:600px}.modal-content{max-width:90%;margin:5% auto}.character-creator-grid{grid-template-columns:1fr;gap:20px}.attributes-grid{grid-template-columns:repeat(3,1fr);gap:15px}.equipment-grid{grid-template-columns:1fr}.spell-slots-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (min-width: 1024px) and (max-width: 1280px){.character-grid{grid-template-columns:repeat(3,1fr)}.modular-character-sheet{max-width:1200px;margin:0 auto}.spell-browser{grid-template-columns:350px 1fr}.attributes-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 568px) and (max-width: 768px) and (orientation: landscape){.app-header{padding:10px 20px}.app-header h1{font-size:20px}.character-grid{grid-template-columns:repeat(2,1fr);gap:15px}.modular-character-sheet{padding:10px}.react-grid-layout{min-height:auto}}@media (hover: none) and (pointer: coarse){button,.clickable,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.form-group{margin-bottom:20px}button:hover,.clickable:hover{background-color:inherit}.grid-item-header{padding:12px;cursor:grab}.grid-item-header:active{cursor:grabbing}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.grid-item{border-width:.5px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.theme-toggle-container,.logout-btn,.save-character-btn,.delete-character-btn,.back-btn,.layout-toggle{display:none!important}*{color:#000!important;background:#fff!important}.grid-item{page-break-inside:avoid}.collapsible-content{display:block!important}}.tablet-only{display:none}@media (min-width: 768px) and (max-width: 1024px){.tablet-only{display:block}.tablet-hidden{display:none}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}body{font-size:14px}}@media (min-width: 768px) and (max-width: 1024px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}@media (max-width: 768px){.react-grid-layout{width:100%!important}.react-grid-item{position:relative!important;width:100%!important;left:0!important;right:0!important;height:auto!important;margin-bottom:10px}.react-grid-item.react-draggable-dragging{z-index:100}}/*!
* Bootstrap  v5.3.6 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, .75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, .5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, .15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:.25rem}.g-1,.gy-1{--bs-gutter-y:.25rem}.g-2,.gx-2{--bs-gutter-x:.5rem}.g-2,.gy-2{--bs-gutter-y:.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;top:1rem;right:.375rem;bottom:1rem;left:.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity:.65;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:.25rem;--bs-btn-padding-x:.5rem;--bs-btn-font-size:.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:.5rem;--bs-dropdown-spacer:.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle:after{display:none}.dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, .15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, .55);--bs-navbar-hover-color:rgba(255, 255, 255, .75);--bs-navbar-disabled-color:rgba(255, 255, 255, .25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform .2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:.75rem;--bs-pagination-padding-y:.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:.5rem;--bs-pagination-padding-y:.25rem;--bs-pagination-font-size:.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:.65em;--bs-badge-padding-y:.35em;--bs-badge-font-size:.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:.5;--bs-btn-close-hover-opacity:.75;--bs-btn-close-focus-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:.25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:.75rem;--bs-toast-padding-y:.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:.5rem;--bs-tooltip-padding-y:.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:.9;--bs-tooltip-arrow-width:.8rem;--bs-tooltip-arrow-height:.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow:after,.popover .popover-arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translate(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform .3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn:before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix:after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-underline-offset:.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translate(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:.1}.border-opacity-25{--bs-border-opacity:.25}.border-opacity-50{--bs-border-opacity:.5}.border-opacity-75{--bs-border-opacity:.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:#00000080!important}.text-white-50{--bs-text-opacity:1;color:#ffffff80!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:.25}.text-opacity-50{--bs-text-opacity:.5}.text-opacity-75{--bs-text-opacity:.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10,.link-opacity-10-hover:hover{--bs-link-opacity:.1}.link-opacity-25,.link-opacity-25-hover:hover{--bs-link-opacity:.25}.link-opacity-50,.link-opacity-50-hover:hover{--bs-link-opacity:.5}.link-opacity-75,.link-opacity-75-hover:hover{--bs-link-opacity:.75}.link-opacity-100,.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1,.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2,.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3,.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:.1}.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:.25}.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:.5}.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:.75}.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:.1}.bg-opacity-25{--bs-bg-opacity:.25}.bg-opacity-50{--bs-bg-opacity:.5}.bg-opacity-75{--bs-bg-opacity:.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--primary: #646cff;--primary-hover: #535bf2;--danger: #dc3545;--success: #28a745;--warning: #ffc107;--info: #17a2b8}.dark{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #808080;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--primary: #747bff;--primary-hover: #858dff}html{color-scheme:light}html.dark{color-scheme:dark}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}body{margin:0;display:contents;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .25s}button:hover{border-color:var(--primary);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,textarea,select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.5em;font-family:inherit;transition:all .2s}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:all;animation:slideIn .3s ease-out;max-width:100%;word-wrap:break-word}:root:not(.dark) .notification{background:#fff}.dark .notification{background:#1a1a1a}.notification-success{border-left:4px solid #22c55e}.notification-error{border-left:4px solid #ef4444}.notification-item{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-hp{border-left:4px solid #dc2626}.notification-hp.heal{border-left:4px solid #16a34a}.notification-dice{border-left:4px solid #8b5cf6;max-width:500px}.notification-icon{flex-shrink:0;margin-top:2px}.notification-success .notification-icon{color:#22c55e}.notification-error .notification-icon{color:#ef4444}.notification-item .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-hp .notification-icon{color:#dc2626}.notification-hp.heal .notification-icon{color:#16a34a}.notification-dice .notification-icon{color:#8b5cf6}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px}.notification-message{font-size:13px;color:var(--text-secondary);line-height:1.4}.notification-dice .notification-message{font-family:var(--font-system);font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.notification-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:1px}.notification-close:hover{background:#0000001a;color:var(--text-primary)}@keyframes diceRoll{0%{transform:translate(100%) rotate(0);opacity:0}50%{transform:translate(0) rotate(360deg);opacity:1}to{transform:translate(0) rotate(360deg);opacity:1}}.notification-dice{animation:diceRoll .5s ease-out}@media (max-width: 480px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{padding:12px}}.skeleton-loader{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin:4px 0}.skeleton-title{height:24px;margin:8px 0}.skeleton-button{height:40px;border-radius:8px}.skeleton-input{height:36px;border-radius:6px}.skeleton-block{border-radius:8px}.character-list-skeleton{padding:20px}.character-list-skeleton .character-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.character-list-skeleton .character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.character-card.skeleton{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:20px;min-height:180px}.skeleton-stats{display:flex;gap:20px;margin:20px 0}.skeleton-actions{display:flex;gap:10px;margin-top:20px}.character-sheet-skeleton{padding:20px;max-width:1400px;margin:0 auto}.sheet-header.skeleton{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.character-header.skeleton{background:var(--surface-color);border-radius:12px;padding:20px;margin-bottom:20px}.character-header.skeleton .character-stats-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.stat-group.skeleton{display:flex;flex-direction:column;gap:8px}.sheet-content.skeleton{display:grid;grid-template-columns:300px 1fr;gap:20px}.attributes-section.skeleton{background:var(--surface-color);border-radius:12px;padding:20px}.abilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.ability-box.skeleton{display:flex;flex-direction:column;align-items:center;gap:8px}.main-content.skeleton{display:flex;flex-direction:column;gap:20px}.spell-browser-skeleton{display:grid;grid-template-columns:350px 1fr;gap:20px;padding:20px}.spell-filters.skeleton{background:var(--surface-color);border-radius:12px;padding:20px}.filter-row{display:flex;gap:10px;margin-top:15px}.spell-list.skeleton{background:var(--surface-color);border-radius:12px;padding:20px}.spell-item.skeleton{padding:15px;border-bottom:1px solid var(--border-color)}.spell-item.skeleton:last-child{border-bottom:none}.dark .skeleton-loader{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}@media (max-width: 768px){.sheet-content.skeleton,.spell-browser-skeleton,.character-list-skeleton .character-grid{grid-template-columns:1fr}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:999}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);padding:24px;max-width:500px;width:90vw;max-height:85vh;overflow-y:auto;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:1000}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-header{margin-bottom:16px}.dialog-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.dialog-description{margin-top:8px;margin-bottom:20px;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:6px;border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dialog-close-button:hover{background-color:var(--surface-hover);color:var(--text-color)}.dialog-close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.dialog-button{padding:8px 16px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--surface-light);color:var(--text-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.dialog-button:hover{background-color:var(--surface-hover)}.dialog-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.dialog-button.cancel{background-color:transparent;border-color:var(--border-color)}.dialog-button.cancel:hover{background-color:var(--surface-light)}.dialog-button.confirm{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.dialog-button.confirm:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.confirm-dialog.danger .dialog-title{color:var(--error-color)}.confirm-dialog.danger .dialog-button.confirm{background-color:var(--error-color);border-color:var(--error-color)}.confirm-dialog.danger .dialog-button.confirm:hover{background-color:var(--danger);border-color:var(--danger)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background-color:var(--surface-color);color:var(--text-color);padding:12px 20px;border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);min-width:250px;max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:var(--success-color);background-color:var(--success-color);color:#fff}.toast-error{border-color:var(--error-color);background-color:var(--error-color);color:#fff}.toast-warning{border-color:var(--warning-color);background-color:var(--warning-color);color:#fff}.toast-info{border-color:var(--info-color);background-color:var(--info-color);color:#fff}@media (max-width: 640px){.dialog-content{width:95vw;max-height:90vh;padding:20px}.toast-container{bottom:10px;right:10px;left:10px}.toast{width:100%;max-width:none}}.health-bar{display:flex;flex-direction:column;gap:4px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.health-bar.small{font-size:11px}.health-bar.medium{font-size:13px}.health-bar.large{font-size:15px}.health-bar-text{display:flex;justify-content:center;align-items:center;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hp-text{padding:2px 6px;border-radius:4px;background:#00000026;color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.hp-text.healthy{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.hp-text.wounded{color:#eab308;background:#eab30826;border-color:#eab3084d}.hp-text.injured{color:#f97316;background:#f9731626;border-color:#f973164d}.hp-text.critical{color:#ef4444;background:#ef444426;border-color:#ef44444d;animation:pulse-critical 2s infinite}.hp-text.dead{color:#991b1b;background:#991b1b40;border-color:#991b1b80;animation:pulse-dead 1.5s infinite}.health-bar-container{position:relative;width:100%}.health-bar-background{position:relative;height:16px;background:linear-gradient(180deg,#0000004d,#00000080);border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d,0 1px 2px #0000001a}.health-bar.small .health-bar-background{height:12px;border-radius:6px}.health-bar.large .health-bar-background{height:20px;border-radius:10px}.health-bar-fill{position:relative;height:100%;border-radius:inherit;transition:width .8s cubic-bezier(.4,0,.2,1);overflow:hidden}.health-bar-fill.healthy{background:linear-gradient(180deg,#22c55e,#16a34a,#15803d);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003}.health-bar-fill.wounded{background:linear-gradient(180deg,#eab308,#ca8a04,#a16207);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003}.health-bar-fill.injured{background:linear-gradient(180deg,#f97316,#ea580c,#c2410c);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003}.health-bar-fill.critical{background:linear-gradient(180deg,#ef4444,#dc2626,#b91c1c);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003;animation:pulse-fill-critical 2s infinite}.health-bar-fill.dead{background:linear-gradient(180deg,#991b1b,#7f1d1d,#450a0a);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.health-bar-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 3s infinite;will-change:transform;pointer-events:none}.health-bar-extra{position:absolute;top:0;height:100%;background:repeating-linear-gradient(45deg,rgba(59,130,246,.3) 0px,rgba(59,130,246,.3) 2px,transparent 2px,transparent 4px);border-left:1px solid rgba(59,130,246,.5);pointer-events:none}.health-bar-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.marker{position:absolute;top:0;width:1px;height:100%;background:#ffffff26;opacity:.5}.marker.half{background:#ffffff40;width:2px;margin-left:-1px}.health-status-icon{position:absolute;top:50%;right:-25px;transform:translateY(-50%);font-size:14px;z-index:2}.health-status-icon.critical{animation:bounce 1s infinite}.health-status-icon.dead{animation:pulse-dead 1.5s infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-dead{0%,to{opacity:.8}50%{opacity:.4}}@keyframes pulse-fill-critical{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(-50%)}40%{transform:translateY(-60%)}60%{transform:translateY(-55%)}}.health-bar.compact .health-bar-text{font-size:10px}.health-bar.compact .health-bar-background{height:8px;border-radius:4px}.health-bar.minimal .health-bar-text{display:none}.health-bar.minimal .health-bar-background{height:6px;border-radius:3px}@media (prefers-color-scheme: dark){.health-bar-background{background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border-color:#ffffff26}.hp-text{background:#ffffff1a;border-color:#ffffff26}}@media (max-width: 768px){.health-bar.medium{font-size:12px}.health-bar.large{font-size:14px}.health-status-icon{right:-20px;font-size:12px}}.avatar-library-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1200}.avatar-library-modal{background-color:var(--bg-secondary, #2a2a2a);border-radius:8px;width:90%;max-width:1200px;height:90vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.avatar-library-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #444)}.avatar-library-header h2{margin:0;color:var(--text-primary, #fff)}.close-button{background:none;border:none;color:var(--text-secondary, #ccc);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:var(--text-primary, #fff)}.avatar-library-filters{display:flex;gap:15px;padding:20px;border-bottom:1px solid var(--border-color, #444);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:8px 12px;background-color:var(--bg-primary, #1a1a1a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444);border-radius:4px;font-size:14px;cursor:pointer;min-width:150px}.filter-group select:focus{outline:none;border-color:var(--primary-color, #00ff88)}.custom-upload-button{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-color, #00ff88);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.custom-upload-button:hover{background-color:var(--primary-hover, #00cc6a);transform:translateY(-1px)}.avatar-library-content{flex:1;overflow-y:auto;padding:20px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary, #aaa)}.no-avatars{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;text-align:center}.no-avatars p{color:var(--text-secondary, #aaa);font-size:16px}.upload-first-button{display:flex;align-items:center;gap:10px;padding:15px 30px;background-color:var(--primary-color, #00ff88);color:#000;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.upload-first-button:hover{background-color:var(--primary-hover, #00cc6a);transform:translateY(-2px)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.avatar-item{cursor:pointer;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #1a1a1a);border:2px solid transparent;transition:all .2s;position:relative}.avatar-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.avatar-item.selected{border-color:var(--primary-color, #00ff88)}.avatar-item img{width:100%;height:150px;object-fit:cover;display:block}.avatar-info{padding:10px;display:flex;flex-direction:column;gap:4px;font-size:12px}.avatar-race,.avatar-class,.avatar-sex{display:inline-block;padding:2px 6px;background-color:#ffffff1a;border-radius:3px;color:var(--text-secondary, #aaa)}.avatar-usage{color:var(--text-muted, #888);font-size:11px;margin-top:4px}.avatar-library-footer{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--border-color, #444)}.pagination{display:flex;align-items:center;gap:15px}.pagination button{padding:8px 16px;background-color:var(--bg-primary, #1a1a1a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444);border-radius:4px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background-color:var(--bg-tertiary, #333)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary, #aaa)}.select-avatar-button{padding:10px 30px;background-color:var(--primary-color, #00ff88);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.select-avatar-button:hover{background-color:var(--primary-hover, #00cc6a);transform:translateY(-1px)}@media (prefers-color-scheme: light){.avatar-library-modal{background-color:#fff}.avatar-library-header,.avatar-library-filters{border-bottom-color:#e0e0e0}.filter-group select{background-color:#f5f5f5;color:#333;border-color:#ddd}.avatar-item{background-color:#f5f5f5}.avatar-library-footer{border-top-color:#e0e0e0}.pagination button{background-color:#f5f5f5;color:#333;border-color:#ddd}}@media (max-width: 768px){.avatar-library-modal{width:95%;height:95vh}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.avatar-item img{height:120px}.avatar-library-filters{flex-direction:column;align-items:stretch}.filter-group select{width:100%}.custom-upload-button{margin-left:0;margin-top:10px}}.export-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500}.export-button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.import-dialog .import-content{margin:20px 0}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background-color:var(--surface-light);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500;width:100%;justify-content:center}.file-input-label:hover{background-color:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.import-preview{margin-top:20px;padding:16px;background-color:var(--surface-light);border-radius:8px;border:1px solid var(--border-color)}.import-preview h4{margin:0 0 12px;color:var(--text-color);font-size:1rem}.import-preview p{margin:8px 0;color:var(--text-secondary);font-size:.95rem}.import-preview p strong{color:var(--text-color);font-weight:500}.import-error{margin-top:16px;padding:12px;background-color:#dc35451a;border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);font-size:.9rem}.dice-roller-3d-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dice-roller-3d-modal{background-color:var(--surface-color);border-radius:16px;width:95%;max-width:70%;height:85vh;max-height:1200px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.dice-roller-3d-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,var(--surface-light),var(--surface-color));flex-shrink:0}.dice-roller-3d-header h2{margin:0;color:var(--text-color);font-size:1.4rem;display:flex;align-items:center;gap:12px;font-weight:700}.force-d20-indicator{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #ff6b3566;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #ff6b3566}50%{box-shadow:0 2px 12px #ff6b35cc}}.damage-totals{margin:12px 0;padding:12px;background:rgba(var(--surface-rgb),.5);border-radius:8px;border:1px solid var(--border-color)}.damage-total-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.damage-total-item:last-child{border-bottom:none}.damage-type-info{display:flex;align-items:center;gap:6px;font-weight:600}.damage-calculation{display:flex;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:.9rem}.damage-sum{font-weight:700;margin-left:4px;font-size:1.1rem}.element-selector{margin-bottom:24px}.element-selector h3{color:var(--text-color);margin-bottom:12px;font-size:16px;font-weight:600}.element-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.element-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-color);font-size:12px;min-height:70px}.element-button:hover{border-color:var(--element-color);background:var(--surface-hover);box-shadow:0 0 12px var(--element-glow) 30}.element-button.active{border-color:var(--element-color);background:var(--element-color)15;box-shadow:0 0 16px var(--element-glow) 50}.element-emoji{font-size:20px;filter:drop-shadow(0 0 4px var(--element-glow))}.element-name{font-weight:500;text-align:center}.elemental-dice-formula{font-weight:600;text-shadow:0 0 4px currentColor;display:inline-flex;align-items:center;gap:4px}.formula-group{display:inline-flex;align-items:center;margin-right:8px}.roll-value{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:50px;height:50px;border:3px solid var(--border-color);border-radius:12px;font-size:18px;font-weight:700;background:var(--surface-light);transition:all .3s ease}.roll-element-emoji{position:absolute;top:-2px;left:-2px;font-size:12px;filter:drop-shadow(0 0 2px currentColor)}.roll-value.critical{background:linear-gradient(135deg,gold,#ff6b6b);color:#fff;animation:criticalPulse .6s ease-in-out}.roll-value.fumble{background:linear-gradient(135deg,#666,#333);color:#fff;animation:fumbleShake .6s ease-in-out}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fumbleShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (max-width: 768px){.element-buttons{grid-template-columns:repeat(3,1fr)}.element-button{min-height:60px;padding:8px 4px}.element-emoji{font-size:16px}.element-name{font-size:10px}}.dice-roller-3d-close{background:#1e1e2880;border:1px solid rgba(139,115,85,.3);color:#c9c9d0b3;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.dice-roller-3d-close:hover{background:#3c141499;border-color:#c8505066;color:#c85050e6;transform:rotate(90deg)}.dice-roller-3d-content{display:grid;grid-template-columns:17% 66% 17%;flex:1;overflow:hidden;height:100%}.damage-categories-column{background-color:var(--background-color);border-right:1px solid var(--border-color);padding:16px;overflow-y:auto;display:flex;flex-direction:column}.dice-canvas-column{display:flex;flex-direction:column;overflow:hidden}.dice-3d-container{flex:1;position:relative;background:radial-gradient(ellipse at center,#8b5cf61a,#0000004d);overflow:hidden}#dice-box-container{width:100%;height:100%;position:relative}#dice-box-container canvas{width:100%!important;height:100%!important}.dice-formula-area{background-color:var(--surface-light);border-top:1px solid var(--border-color);padding:20px;min-height:80px;display:flex;align-items:center;justify-content:center}.dice-controls-column{background-color:var(--background-color);border-left:1px solid var(--border-color);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.compact-history{display:none}.damage-type-selector{background-color:var(--surface-color);padding:16px;border-radius:12px;border:1px solid var(--border-color);height:100%}.damage-type-selector h3{margin:0 0 16px;color:var(--text-color);font-size:1rem;font-weight:700;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:8px}.damage-type-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;max-width:100%}.damage-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:2px solid var(--border-color);background-color:var(--surface-color);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.85rem;text-align:center;min-height:85px;max-height:90px;aspect-ratio:1;position:relative;overflow:hidden;width:100%;box-sizing:border-box;box-shadow:0 2px 6px #00000026}.damage-type-button:hover:not(:disabled){border-color:var(--damage-color, var(--primary-color));background-color:rgba(var(--damage-color-rgb, 139, 92, 246),.15);box-shadow:0 4px 16px var(--damage-glow, rgba(139, 92, 246, .4));transform:translateY(-2px)}.damage-type-button.active{background:linear-gradient(135deg,var(--damage-color, var(--primary-color)),rgba(var(--damage-color-rgb, 139, 92, 246),.8));color:#fff;border-color:var(--damage-color, var(--primary-color));box-shadow:0 4px 20px var(--damage-glow, rgba(139, 92, 246, .6));transform:translateY(-3px)}.damage-type-button.active .damage-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:800}.damage-emoji{font-size:28px;filter:drop-shadow(0 0 4px var(--damage-glow, currentColor));line-height:1;margin-bottom:4px}.damage-name{font-weight:700;font-size:.9rem;text-transform:capitalize;line-height:1.1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text-color);text-shadow:0 1px 2px rgba(0,0,0,.1)}.dice-selection{background-color:var(--surface-color);padding:16px;border-radius:12px;border:1px solid var(--border-color);flex:1;overflow-y:auto}.dice-selection h3{margin:0 0 16px;color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dice-grid{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.dice-selector{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:8px;text-align:center;transition:all .3s}.dice-selector.selected{border-color:var(--primary-color);background-color:#8b5cf61a}.dice-name{font-size:.9rem;font-weight:700;color:var(--text-color);margin-bottom:6px}.dice-counter{display:flex;align-items:center;justify-content:center;gap:8px}.counter-btn{width:24px;height:24px;border:2px solid var(--border-color);background-color:var(--background-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-color);padding:0}.counter-btn svg{width:14px;height:14px;display:block;pointer-events:none}.counter-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--surface-light)}.counter-btn:disabled{opacity:.4;cursor:not-allowed}.counter-value{min-width:28px;text-align:center;font-size:1.1rem;font-weight:700;color:var(--primary-color)}.modifier-section{background-color:var(--surface-color);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.modifier-section label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modifier-section input{width:100%;padding:10px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--background-color);color:var(--text-color);font-size:1rem;text-align:center;font-weight:600;transition:all .2s}.modifier-section input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.dice-formula{background-color:#8b5cf61a;border:2px solid var(--primary-color);border-radius:8px;padding:12px;text-align:center;margin-bottom:16px;position:relative}.dice-visual-note{position:absolute;top:-10px;right:10px;background:var(--warning-color, #ffd43b);color:var(--surface-color);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.formula{font-size:1.1rem;font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.damage-type-label{font-size:.85rem;color:var(--text-secondary);font-style:italic}.modifier{color:var(--secondary-color)}.dice-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.roll-button,.clear-button,.reset-button{flex:1;padding:12px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.roll-button{background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.roll-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.roll-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-button{background-color:var(--surface-light);color:var(--text-color);border:2px solid var(--border-color)}.clear-button:hover:not(:disabled){border-color:var(--primary-color);background-color:#8b5cf61a}.reset-button{background-color:var(--danger-color);color:#fff;padding:10px;font-size:.85rem}.reset-button:hover:not(:disabled){background-color:var(--danger-hover);transform:translateY(-1px)}.result-display-3d{display:flex;align-items:center;gap:16px;background-color:var(--background-color);padding:16px;border-radius:12px;border:2px solid var(--primary-color)}.result-rolls{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.roll-result-item{display:flex;flex-direction:column;align-items:center;gap:4px}.roll-value{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:1.2rem;font-weight:700;color:var(--text-color);min-width:40px;text-align:center}.roll-value.critical{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border-color:#4caf50;animation:criticalPulse .6s ease-in-out}.roll-value.fumble{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border-color:#f44336;animation:fumblePulse .6s ease-in-out}.roll-damage-type{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.modifier-display{font-size:1.2rem;font-weight:600;color:var(--secondary-color)}.result-total{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:12px}.equals{font-size:1.4rem;color:#fff;font-weight:300}.total-value{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.roll-history{display:flex;flex-direction:column;height:100%}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.history-header h3{margin:0;color:var(--text-color);font-size:1.1rem;font-weight:600}.clear-history{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.clear-history:hover{border-color:var(--danger-color);color:var(--danger-color);background-color:#dc35451a}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.history-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .2s}.history-item:hover{border-color:var(--primary-color);background-color:#8b5cf60d}.history-left{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.history-formula{font-size:.9rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.history-result{font-size:1rem;font-weight:700;color:var(--primary-color)}.history-right{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.history-source{margin-right:8px}.history-time{font-size:.75rem}@keyframes criticalPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fumblePulse{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.1)}75%{transform:scale(.95)}to{transform:scale(1)}}@media (min-width: 1401px){.dice-roller-3d-content{grid-template-columns:17% 66% 17%}}@media (max-width: 1400px) and (min-width: 1201px){.dice-roller-3d-content{grid-template-columns:16% 68% 16%}}@media (max-width: 1200px) and (min-width: 1025px){.dice-roller-3d-modal{width:98%;height:90vh}.dice-roller-3d-content{grid-template-columns:15% 70% 15%}.damage-type-buttons-grid{grid-template-columns:repeat(2,1fr);gap:4px}.damage-type-button{min-height:75px;padding:12px 6px;font-size:.75rem;gap:6px;aspect-ratio:1}.damage-emoji{font-size:22px}.damage-name{font-size:.75rem}}@media (max-width: 1024px) and (min-width: 769px){.dice-roller-3d-modal{width:100%;height:95vh;border-radius:8px}.dice-roller-3d-content{grid-template-columns:250px 1fr;grid-template-rows:1fr}.dice-history-column{display:none}.compact-history{display:block;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:8px;flex-shrink:0;margin-top:8px}.compact-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.compact-history-header h4{margin:0;font-size:.75rem;color:var(--text-color);font-weight:600}.clear-history-compact{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:.65rem;transition:all .2s}.clear-history-compact:hover{border-color:var(--danger-color);color:var(--danger-color);background-color:#dc35451a}.compact-history-list{display:flex;flex-direction:column;gap:2px;max-height:60px;overflow-y:auto}.compact-history-item{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background:var(--background-color);border-radius:3px;font-size:.7rem;border:1px solid var(--border-color)}.compact-formula{font-weight:600;color:var(--text-color);font-family:Courier New,monospace;font-size:.65rem}.compact-result{font-weight:700;color:var(--primary-color);font-size:.7rem}.compact-time{font-size:.6rem;color:var(--text-secondary)}.dice-selection-column{display:flex;flex-direction:column;gap:8px;padding:16px;height:100%}.damage-type-selector{padding:8px;flex-shrink:0}.damage-type-buttons-grid{grid-template-columns:repeat(3,1fr);gap:3px}.damage-type-button{padding:10px 6px;font-size:.7rem;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:70px;aspect-ratio:1}.damage-emoji{font-size:20px}.damage-name{font-size:.7rem}.dice-selection{padding:8px;flex:1;display:flex;flex-direction:column;min-height:0}.dice-selection h3{margin:0 0 8px;font-size:.8rem}.dice-grid{display:grid;grid-template-columns:1fr;gap:4px;flex:1;overflow-y:auto;min-height:0}.dice-selector{padding:6px}.dice-name{font-size:.9rem;margin-bottom:6px}.modifier-section{padding:8px;flex-shrink:0}.modifier-section label{font-size:.75rem;margin-bottom:4px}}.projectiles-subtotal{margin-top:12px;padding-top:12px}.projectiles-subtotal hr{border:none;border-top:1px solid var(--border-color);margin:0 0 12px;opacity:.5}.projectiles-subtotal .damage-total-item-modal{font-weight:600}.projectiles-subtotal .damage-sum-modal{color:var(--primary-color)!important;font-size:1.1em}.damage-calculation-modal .projectile-damage-item{display:inline-flex;align-items:center;gap:2px}.damage-calculation-modal .projectile-fixed-bonus{font-size:.9em;opacity:.9;color:var(--warning-color);cursor:help;text-decoration:underline dotted}.damage-calculation-modal .projectile-modifier{font-size:.9em;opacity:.8;color:var(--success-color);cursor:help;text-decoration:underline dotted}.damage-calculation-modal .projectile-equals{margin:0 4px;opacity:.6}.damage-calculation-modal .projectile-subtotal{font-weight:600;color:var(--primary-color)}.projectile-damage-breakdown,.dice-values{display:inline-flex;align-items:center;gap:2px}.dice-sum-equals{margin:0 4px;opacity:.6}.dice-sum-value{font-weight:600;color:var(--info-color)}.single-die-value{font-weight:500}.modifier-section input{padding:6px;font-size:.9rem}.dice-actions{gap:4px;flex-shrink:0;padding-top:8px}.roll-button,.clear-button,.reset-button{padding:8px 12px;font-size:.8rem}.dice-results-area{padding:16px;min-height:100px}.damage-totals{margin:8px 0;padding:8px}.damage-total-item{padding:4px 0;font-size:.9rem}.result-display-3d{padding:12px;gap:12px;flex-direction:column}.result-rolls{justify-content:center}.roll-value{min-width:35px;height:35px;font-size:1rem;padding:6px 8px}} @media (max-width: 768px){.dice-roller-3d-overlay{padding:10px}.dice-roller-3d-modal{width:100%;height:100vh;max-height:none;border-radius:0}.dice-roller-3d-header{padding:12px 16px}.dice-roller-3d-header h2{font-size:1.2rem}.dice-roller-3d-content{display:flex;flex-direction:column;overflow:hidden}.dice-selection-column{border:none;padding:16px;max-height:none;flex:0 0 auto;overflow:visible}.damage-type-buttons-grid{grid-template-columns:repeat(4,1fr);gap:6px}.damage-type-button{padding:12px 8px;font-size:.8rem;min-height:70px;gap:6px;aspect-ratio:1}.damage-emoji{font-size:24px}.damage-name{font-size:.75rem}.dice-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dice-canvas-column{flex:1;min-height:200px}.dice-3d-container{min-height:150px}.dice-results-area{padding:12px;min-height:80px}.dice-history-column{display:none}.result-display-3d{flex-direction:column;gap:8px;padding:8px}.damage-totals{margin:6px 0;padding:6px}}@media (max-width: 480px){.dice-roller-3d-overlay{padding:0}.damage-type-buttons-grid{grid-template-columns:repeat(3,1fr)}.dice-grid{grid-template-columns:1fr}.dice-actions{flex-direction:column}.roll-button,.clear-button,.reset-button{width:100%}}.dice-results-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dice-results-modal{background-color:var(--surface-color);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0009;border:2px solid var(--primary-color);animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dice-results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:var(--text-color)}.dice-results-header h3{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:12px;font-weight:700}.close-results-btn{background:#ffffff1a;border:none;color:var(--text-color);cursor:pointer;padding:10px;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center}.close-results-btn:hover{background:#fff3;transform:rotate(90deg)}.dice-results-content{padding:28px;overflow-y:auto;flex:1}.result-display-modal{display:flex;flex-direction:column;gap:24px}.result-rolls-modal{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:20px;background:var(--background-color);border-radius:16px;border:2px solid var(--border-color)}.roll-result-item-modal{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--surface-light);border-radius:12px;border:1px solid var(--border-color);transition:all .3s}.roll-result-item-modal:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.roll-value-modal{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:3px solid var(--border-color);border-radius:16px;font-size:24px;font-weight:800;background:var(--surface-color);color:var(--text-color);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.roll-value-modal.critical{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;animation:criticalPulseModal .8s ease-in-out;box-shadow:0 0 20px #22c55e80}.roll-value-modal.fumble{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;animation:fumbleShakeModal .8s ease-in-out;box-shadow:0 0 20px #ef444480}.roll-value-modal.modified{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d;background:linear-gradient(135deg,var(--surface-color),rgba(139,92,246,.1))}.roll-modifier{position:absolute;bottom:-8px;right:-8px;background:#8b5cf6;color:#fff;padding:2px 6px;border-radius:8px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #8b5cf64d;border:2px solid var(--background-color)}@keyframes criticalPulseModal{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fumbleShakeModal{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.roll-element-emoji-modal{position:absolute;top:-8px;right:-8px;font-size:18px;background:var(--surface-color);border-radius:50%;padding:4px;border:2px solid var(--border-color);filter:drop-shadow(0 0 4px currentColor)}.roll-damage-type-modal{font-size:.9rem;color:var(--text-secondary);text-transform:capitalize;font-weight:600;text-align:center}.modifier-display-modal{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:rgba(var(--secondary-color-rgb, 168, 85, 247),.1);border-radius:12px;border:2px solid var(--secondary-color)}.modifier-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.modifier-value-modal{font-size:1.8rem;font-weight:800;color:var(--secondary-color);font-family:Courier New,monospace}.damage-totals-modal{background:var(--surface-light);padding:20px;border-radius:16px;border:2px solid var(--border-color)}.damage-totals-modal h4{margin:0 0 16px;color:var(--text-color);font-size:1.2rem;font-weight:700;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:8px}.damage-total-item-modal{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:12px;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color);transition:all .3s}.damage-total-item-modal:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.damage-total-item-modal:last-child{margin-bottom:0}.damage-type-info-modal{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem}.damage-emoji-modal{font-size:20px;filter:drop-shadow(0 0 4px currentColor)}.damage-name-modal{color:var(--text-color);text-transform:capitalize}.damage-calculation-modal{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--text-secondary)}.damage-sum-modal{font-weight:800;font-size:1.2rem;margin-left:8px;text-shadow:0 0 4px currentColor}.result-total-modal{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 32px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:20px;box-shadow:0 8px 24px #0003;border:1px solid rgba(255,255,255,.2);margin-top:8px}.equals-modal{font-size:2rem;color:var(--text-color);font-weight:300}.total-value-modal{font-size:3rem;font-weight:900;color:var(--text-color);text-shadow:0 4px 8px rgba(0,0,0,.3);font-family:Courier New,monospace}@media (max-width: 768px){.dice-results-modal{width:95%;margin:10px;border-radius:16px}.dice-results-header{padding:16px 20px}.dice-results-header h3{font-size:1.2rem}.dice-results-content{padding:20px}.result-rolls-modal{gap:12px;padding:16px}.roll-value-modal{width:60px;height:60px;font-size:20px}.roll-element-emoji-modal{font-size:14px;top:-6px;right:-6px}.total-value-modal{font-size:2.2rem}}@media (max-width: 480px){.dice-results-modal{width:100%;height:100vh;border-radius:0;max-height:none}.result-rolls-modal{flex-direction:column;gap:8px}.roll-result-item-modal{width:100%;flex-direction:row;justify-content:space-between;padding:12px 16px}.roll-value-modal{width:50px;height:50px;font-size:18px}}.attack-action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;padding-top:20px;border-top:2px solid var(--border-color)}.attack-advantage-btn,.attack-disadvantage-btn,.attack-damage-btn,.miss-btn{padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.attack-advantage-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.attack-advantage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.attack-disadvantage-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.attack-disadvantage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.attack-damage-btn{background:linear-gradient(135deg,var(--danger-color) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #dc35454d}.attack-damage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc354566}.critical-failure-notice{text-align:center;font-size:18px;font-weight:700;color:var(--danger-color);padding:16px;background:#dc35451a;border-radius:8px;animation:criticalFailureShake .5s ease-in-out}@keyframes criticalFailureShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.advantage-comparison-modal{background-color:var(--background-color);border-radius:16px;padding:20px;margin-bottom:20px;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.advantage-comparison-modal h4{margin:0 0 16px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-color);font-weight:700;text-align:center}.advantage-comparison-modal h4 svg{color:var(--primary-color)}.comparison-rolls{display:flex;gap:20px;justify-content:center;align-items:center}.comparison-roll{padding:16px 24px;border-radius:12px;border:3px solid transparent;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;background-color:var(--surface-color);position:relative}.comparison-roll.chosen{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-color:var(--primary-color);box-shadow:0 4px 16px #8b5cf64d}.comparison-roll.not-chosen{opacity:.6;background-color:var(--surface-light);border-color:var(--border-color)}.comparison-roll .roll-label{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comparison-roll .roll-value{font-size:2.5rem;font-weight:900;color:var(--text-color);padding:12px 20px;min-width:80px;text-align:center;border-radius:12px;background-color:var(--background-color);border:3px solid var(--border-color);font-family:Courier New,monospace}.comparison-roll .roll-value.critical{color:#22c55e;border-color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);box-shadow:0 0 20px #22c55e66}.comparison-roll .roll-value.fumble{color:#ef4444;border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d);box-shadow:0 0 20px #ef444466}.chosen-indicator{font-size:.9rem;color:#22c55e;font-weight:700;display:flex;align-items:center;gap:4px;position:absolute;top:-12px;right:-12px;background:var(--surface-color);padding:4px 12px;border-radius:20px;border:2px solid #22c55e;box-shadow:0 2px 8px #22c55e4d}@media (max-width: 768px){.advantage-comparison-modal{padding:16px}.comparison-rolls{flex-direction:column;gap:16px}.comparison-roll{width:100%;padding:12px 20px}.comparison-roll .roll-value{font-size:2rem;min-width:60px}}.spell-annotation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.spell-annotation-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spell-annotation-modal-header{display:flex;justify-content:between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #dee2e6;background:#f8f9fa;border-radius:8px 8px 0 0}.spell-annotation-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;flex:1;color:#495057}.btn-close{background:none;border:none;padding:4px;cursor:pointer;color:#6c757d;border-radius:4px;transition:all .2s}.btn-close:hover{background:#e9ecef;color:#495057}.btn-close:disabled{opacity:.5;cursor:not-allowed}.spell-annotation-modal-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow:hidden}.annotation-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.toolbar-group{display:flex;gap:.5rem}.toolbar-group .btn{padding:.375rem .75rem;font-size:.875rem;display:flex;align-items:center;gap:.375rem}.spell-annotation-modal-footer .btn{display:flex;align-items:center;gap:.375rem}.annotation-content{flex:1;display:ruby-text;flex-direction:column;overflow:hidden}.annotation-textarea{flex:1;min-height:200px;max-height:400px;resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9rem;line-height:1.5;border:1px solid #ced4da;border-radius:4px;padding:.75rem}.annotation-textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;outline:0}.annotation-preview{flex:1;display:ruby-text;overflow-y:auto;min-height:200px;max-height:400px;border:1px solid #e9ecef;border-radius:4px;padding:1rem;background:#fafafa}.annotation-preview .no-annotation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:150px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:0;margin-bottom:.75rem;font-weight:600}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.35rem}.markdown-content h3{font-size:1.2rem}.markdown-content h4{font-size:1.1rem}.markdown-content h5{font-size:1rem}.markdown-content h6{font-size:.9rem}.markdown-content p{margin-bottom:.75rem;line-height:1.6}.markdown-content ul,.markdown-content ol{margin-bottom:.75rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:#f1f3f4;padding:.125rem .25rem;border-radius:3px;font-size:.875em;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}.markdown-content pre{background:#f8f9fa;padding:.75rem;border-radius:4px;overflow-x:auto;margin-bottom:.75rem;border:1px solid #e9ecef}.markdown-content pre code{background:none;padding:0;border-radius:0}.markdown-content blockquote{border-left:4px solid #007bff;padding-left:1rem;margin:0 0 .75rem;color:#6c757d;font-style:italic}.markdown-content a{color:#007bff;text-decoration:none}.markdown-content a:hover{color:#0056b3;text-decoration:underline}.annotation-help{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e9ecef}.spell-annotation-modal-footer{padding:1rem 1.25rem;border-top:1px solid #dee2e6;background:#f8f9fa;border-radius:0 0 8px 8px}.dark .spell-annotation-modal{background:#2d3748;color:#e2e8f0}.dark .spell-annotation-modal-header,.dark .spell-annotation-modal-footer{background:#1a202c;border-color:#4a5568}.dark .annotation-toolbar{border-color:#4a5568}.dark .annotation-textarea{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.dark .annotation-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 .25rem #63b3ed40}.dark .annotation-preview{background:#1a202c;border-color:#4a5568}.dark .markdown-content code{background:#4a5568;color:#e2e8f0}.dark .markdown-content pre{background:#1a202c;border-color:#4a5568}.dark .markdown-content blockquote{border-color:#63b3ed;color:#a0aec0}.dark .annotation-help{border-color:#4a5568}@media (max-width: 768px){.spell-annotation-modal{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.annotation-toolbar{flex-direction:column;gap:.75rem;align-items:stretch}.toolbar-group{justify-content:center}.spell-annotation-modal-footer .d-flex{flex-direction:column;gap:.75rem}.spell-annotation-modal-footer .d-flex>div{display:flex;justify-content:center}}.confirm-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;animation:fadeIn .2s ease-out}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:1001;min-width:400px;max-width:90vw;animation:slideIn .3s ease-out}.confirm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.confirm-dialog-title{display:flex;align-items:center;gap:12px}.confirm-dialog-title h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.danger-icon{color:var(--danger-color)}.confirm-dialog-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.confirm-dialog-close:hover{background:var(--surface-light);color:var(--text-color)}.confirm-dialog-content{padding:24px}.confirm-dialog-content p{margin:0;font-size:16px;color:var(--text-color);line-height:1.5}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color)}.confirm-dialog-cancel,.confirm-dialog-confirm{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.confirm-dialog-cancel{background:var(--surface-light);color:var(--text-color)}.confirm-dialog-cancel:hover{background:var(--surface-hover)}.confirm-dialog-confirm{background:var(--primary-color);color:#fff}.confirm-dialog-confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}.confirm-dialog-confirm.danger{background:var(--danger-color)}.confirm-dialog-confirm.danger:hover{background:var(--danger-hover)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 600px){.confirm-dialog{min-width:90vw;margin:20px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-cancel,.confirm-dialog-confirm{width:100%}}.attack-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.attack-modal{background:var(--surface-color);background-color:var(--background-color);border-radius:16px;border:2px solid var(--border-color);box-shadow:0 20px 60px #0006;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:attackModalEnter .3s ease-out}@keyframes attackModalEnter{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.attack-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--surface-light) 0%,var(--surface-color) 100%)}.attack-modal-header h3{display:flex;align-items:center;gap:12px;margin:0;color:var(--text-color);font-size:20px;font-weight:700}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.close-btn:hover{background:var(--surface-hover);color:var(--text-color);transform:scale(1.1)}.attack-modal-content{flex:1;overflow-y:auto;padding:24px}.attack-stage h4{color:var(--secondary-color);font-size:18px;font-weight:600;margin:0 0 20px;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:12px}.attack-setup{display:flex;flex-direction:column;gap:24px}.weapon-info{background:var(--surface-light);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.weapon-info h5{margin:0 0 8px;color:var(--text-color);font-size:16px;font-weight:600}.weapon-info p{margin:4px 0;color:var(--text-secondary);font-size:14px}.modifiers-breakdown{background:var(--background-color);padding:20px;border-radius:12px;border:2px solid var(--border-color)}.modifiers-breakdown h6{margin:0 0 16px;color:var(--text-color);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modifier-list{display:flex;flex-direction:column;gap:8px}.modifier-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:14px}.modifier-item:last-child{border-bottom:none}.modifier-item span:first-child{color:var(--text-secondary)}.modifier-item span:last-child{color:var(--primary-color);font-weight:600}.modifier-total{margin-top:8px;padding-top:12px;border-top:2px solid var(--primary-color);font-weight:700}.modifier-total span:first-child{color:var(--text-color)!important}.modifier-total span:last-child{color:var(--primary-color);font-size:16px}.feat-options{background:var(--background-color);padding:16px;border-radius:12px;border:2px solid var(--border-color);margin-top:16px}.feat-options h6{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feat-option-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;color:var(--text-secondary);font-size:14px;transition:color .2s}.feat-option-checkbox:hover{color:var(--text-color)}.feat-option-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.feat-option-checkbox span{flex:1}.roll-attack-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #646cff4d;margin-top:16px}.roll-attack-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #646cff66}.attack-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:2px solid var(--border-color);background:var(--surface-light)}.cancel-btn{padding:12px 24px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}[data-theme=dark] .attack-modal-footer{background:#ffffff0d}.waiting-stage{text-align:center;padding:40px 20px}.waiting-info{background:var(--surface-light);padding:30px;border-radius:16px;border:2px solid var(--primary-color);animation:waitingPulse 2s infinite}@keyframes waitingPulse{0%,to{border-color:var(--primary-color);box-shadow:0 0 #646cff66}50%{border-color:var(--primary-hover);box-shadow:0 0 0 10px #646cff00}}.waiting-info p{margin:8px 0;font-size:16px;color:var(--text-color)}.waiting-info .modifier-info{font-size:20px;font-weight:700;color:var(--primary-color);margin-top:16px}.attack-result{display:flex;flex-direction:column;gap:24px}.result-display{background:var(--surface-light);padding:24px;border-radius:16px;border:2px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.result-display.critical{border-color:gold;background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,var(--surface-light) 100%);animation:criticalPulse 2s infinite}.result-display.critical-failure{border-color:var(--danger-color);background:linear-gradient(135deg,rgba(220,53,69,.1) 0%,var(--surface-light) 100%);animation:failurePulse 2s infinite}@keyframes criticalPulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 10px #ffd70000}}@keyframes failurePulse{0%,to{box-shadow:0 0 #dc354566}50%{box-shadow:0 0 0 10px #dc354500}}.critical-banner{background:linear-gradient(135deg,gold,#ffed4a);color:#8b7300;padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;margin-bottom:16px;animation:bannerShine 2s infinite}.critical-failure-banner{background:linear-gradient(135deg,var(--danger-color) 0%,#ff6b6b 100%);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;margin-bottom:16px;animation:bannerShine 2s infinite}@keyframes bannerShine{0%,to{opacity:1}50%{opacity:.8}}.roll-breakdown{display:flex;flex-direction:column;gap:12px}.main-result{font-size:20px;font-weight:700;color:var(--text-color)}.breakdown-details{display:flex;justify-content:center;gap:24px;font-size:14px;color:var(--text-secondary)}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.advantage-btn,.disadvantage-btn,.damage-btn,.miss-btn,.close-btn-action{padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.advantage-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.advantage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.disadvantage-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.disadvantage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.damage-btn{background:linear-gradient(135deg,var(--danger-color) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #dc35454d}.damage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc354566}.miss-btn{background:linear-gradient(135deg,var(--text-muted) 0%,#6b7280 100%);color:#fff;box-shadow:0 4px 12px #6b72804d}.miss-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6b728066}.close-btn-action{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 12px #646cff4d}.close-btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px #646cff66}.advantage-stage h4,.disadvantage-stage h4{color:var(--secondary-color);font-size:18px;font-weight:600;margin:0 0 20px;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:12px}.advantage-result,.disadvantage-result{background:var(--surface-light);padding:24px;border-radius:16px;border:2px solid var(--border-color);margin-bottom:24px}.dual-roll-display{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.roll-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;font-size:14px;transition:all .3s ease}.roll-option.selected{background:#10b98126;border:2px solid #10b981;color:var(--text-color);font-weight:600}.roll-option.discarded{background:#6b72801a;border:2px solid var(--border-color);color:var(--text-muted);opacity:.7}.final-result{text-align:center;font-size:18px;color:var(--text-color);padding:16px;background:var(--background-color);border-radius:8px;border:2px solid var(--primary-color)}.damage-stage h4{color:var(--danger-color);font-size:18px;font-weight:600;margin:0 0 20px;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:12px}.damage-info{background:var(--surface-light);padding:24px;border-radius:16px;border:2px solid var(--border-color);text-align:center;margin-bottom:24px}.damage-info p{margin:8px 0;color:var(--text-secondary);font-size:16px}.critical-damage-notice{background:linear-gradient(135deg,gold,#ffed4a);color:#8b7300;padding:12px 20px;border-radius:8px;font-weight:700;margin-top:16px;animation:bannerShine 2s infinite}@media (max-width: 768px){.attack-modal-overlay{padding:10px}.attack-modal{max-height:95vh}.attack-modal-header,.attack-modal-content{padding:16px}.action-buttons{flex-direction:column}.advantage-btn,.disadvantage-btn,.damage-btn,.miss-btn,.close-btn-action{min-width:100%}.breakdown-details{flex-direction:column;gap:8px}.dual-roll-display{gap:8px}.roll-option{flex-direction:column;gap:4px;text-align:center}}[data-theme=dark] .attack-modal{background:#1a1a1a;border-color:var(--border-color)}[data-theme=dark] .feat-options{background:#ffffff08}[data-theme=dark] .attack-modal-header{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,var(--surface-dark) 100%)}[data-theme=dark] .weapon-info{background:#ffffff0d}[data-theme=dark] .modifiers-breakdown{background:#ffffff08}[data-theme=dark] .result-display,[data-theme=dark] .advantage-result,[data-theme=dark] .disadvantage-result,[data-theme=dark] .damage-info{background:#ffffff0d}[data-theme=dark] .final-result{background:#ffffff08}.items-section .item-actions{display:flex;gap:4px}.items-section .edit-item-btn,.items-section .delete-item-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.items-section .edit-item-btn{color:var(--primary-color)}.items-section .edit-item-btn:hover{background-color:#646cff1a}.items-section .delete-item-btn{color:var(--danger-color)}.items-section .delete-item-btn:hover{background-color:#dc35451a}.items-section .damage-section{margin-top:1rem}.items-section .damage-section h5{margin-bottom:.5rem;color:var(--text-secondary);font-weight:600}.items-section .damage-roll{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}.items-section .damage-input-wrapper{display:flex;flex-direction:column;flex:2;min-width:100px;max-width:140px}.items-section .damage-roll input.invalid{border-color:var(--danger-color)}.items-section .error-message{font-size:12px;color:var(--danger-color);margin-top:4px}.items-section .damage-roll input{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:14px;font-weight:500;transition:all .3s;text-align:center}.items-section .damage-roll input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a}.items-section .damage-roll select{flex:1.5;min-width:120px;max-width:160px;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:13px;transition:all .3s;cursor:pointer}.items-section .damage-roll select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a}.items-section .remove-damage-btn{background:var(--danger-color);color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;transition:all .3s;font-size:12px}.items-section .remove-damage-btn:hover{background:#dc3545cc;transform:translateY(-1px)}.items-section .add-damage-btn{background:none;border:2px dashed var(--primary-color);color:var(--primary-color);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;margin-top:12px;font-weight:500}.items-section .add-damage-btn:hover{background:#646cff1a;border-color:var(--primary-hover);transform:translateY(-1px)}.items-section .damage-display{display:inline-flex;align-items:center;gap:4px;background:#646cff26;padding:4px 10px;border-radius:6px;margin-right:6px;margin-bottom:4px;border:1px solid rgba(100,108,255,.3);font-size:14px;font-weight:500}.items-section .damage-display svg{color:var(--primary-color)}.items-section .item-bonuses-display .damage-display{margin:0;justify-content:center;width:100%}.items-section .edit-item-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);padding:32px;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 20px 60px #0000004d;z-index:1000;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.items-section .edit-item-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.items-section .edit-item-form h4{margin-top:0;margin-bottom:32px;color:var(--secondary-color);display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;border-bottom:2px solid var(--border-color);padding-bottom:16px}.items-section .edit-item-form h4:before{content:"✨";font-size:24px}.items-section .form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.items-section .form-row input[type=text]{width:100%;padding:16px 20px;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.items-section .form-row input[type=text]:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 4px #c9a9611a;transform:translateY(-2px)}.items-section .form-row input[type=text]::placeholder{color:var(--text-secondary);font-weight:400}.items-section .form-row select{width:100%;padding:16px 48px 16px 20px;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.items-section .form-row select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 4px #c9a9611a;transform:translateY(-2px)}.items-section .markdown-editor{margin-bottom:32px}.items-section .markdown-toolbar{display:flex;align-items:center;gap:8px;background:var(--surface-light);padding:12px 16px;border-radius:12px 12px 0 0;border:2px solid var(--border-color);border-bottom:1px solid var(--border-color)}.items-section .markdown-toolbar button{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.items-section .markdown-toolbar button:hover{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c9a9614d}.items-section .markdown-help{margin-left:auto;color:var(--text-secondary);font-size:13px;font-style:italic;padding:8px 12px;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.items-section .markdown-editor textarea{width:100%;min-height:120px;padding:20px;background:var(--background-color);border:2px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;resize:vertical;transition:all .3s ease}.items-section .markdown-editor textarea:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 4px #c9a9611a}.items-section .markdown-editor textarea::placeholder{color:var(--text-secondary);font-style:italic}.items-section .markdown-preview{margin-top:20px;padding:20px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:12px}.items-section .markdown-preview h5{margin:0 0 16px;color:var(--secondary-color);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.items-section .markdown-preview h5:before{content:"👁️";font-size:16px}.items-section .item-damage-dice{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s;margin-left:6px}.items-section .item-damage-dice:hover{background:#646cff1a;transform:scale(1.1)}.items-section .item-bonuses-display .item-damage-dice{margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#646cff26;border:1px solid rgba(100,108,255,.3);padding:8px 12px;border-radius:6px}.items-section .item-bonuses-display .item-damage-dice:hover{background:#646cff40;border-color:#646cff80}.items-section .equipped-toggle{background:var(--background-color);border:2px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.items-section .equipped-toggle.equipped{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.items-section .equipped-toggle:hover{transform:scale(1.1);border-color:var(--primary-color)}.items-section .equipped-toggle.equipped:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.items-section .item-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .3s}.items-section .item-card:hover{box-shadow:0 2px 8px #0000001a}.items-section .item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.items-section .item-header h5{flex:1;margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.items-section .item-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:12px}.items-section .item-type-group{margin-bottom:32px}.items-section .item-type-group h4{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.items-section .item-bonuses{margin-bottom:32px}.items-section .item-bonuses h5{color:var(--secondary-color);font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.items-section .item-bonuses h5:before{content:"⚡";font-size:18px}.items-section .bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.items-section .bonus-field{display:flex;flex-direction:column;gap:8px}.items-section .bonus-field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.items-section .bonus-field input[type=number]{width:100%;padding:12px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;font-weight:500;text-align:center;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.items-section .bonus-field input[type=number]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a;transform:translateY(-1px)}.items-section .damage-section h5{color:var(--danger-color);font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.items-section .damage-section h5:before{content:"⚔️";font-size:18px}.items-section .form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color)}.items-section .form-actions button{padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.items-section .form-actions button[type=button]{background:var(--surface-light);color:var(--text-color);border:2px solid var(--border-color)}.items-section .form-actions button[type=button]:hover{background:var(--background-color);border-color:var(--text-secondary);transform:translateY(-2px)}.items-section .form-actions button[type=submit]{background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.items-section .form-actions button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.items-section .add-item-btn{background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.items-section .add-item-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.items-section .item-title-info{flex:1}.items-section .item-title-info h5{margin:0 0 4px}.items-section .weapon-info{display:flex;gap:8px;flex-wrap:wrap}.items-section .weapon-type,.items-section .weapon-attribute{font-size:12px;padding:2px 6px;border-radius:4px;font-weight:500}.items-section .weapon-type{background-color:#646cff26;color:var(--primary-color);border:1px solid rgba(100,108,255,.3)}.items-section .weapon-attribute{background-color:#22c55e26;color:#059669;border:1px solid rgba(34,197,94,.3)}.config-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1e1e2880;border:1px solid rgba(139,115,85,.3);border-radius:4px;color:#c9c9d0e6;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:600;height:36px;white-space:nowrap;min-width:fit-content;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.config-toggle:hover{border-color:#8b735566;background:#28283299;color:#e9e9f0}.spell-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:overlayShow .3s ease-out}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.spell-config-modal-content{background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border-radius:8px;box-shadow:0 10px 40px #000c;border:1px solid rgba(139,115,85,.3);width:600px;max-width:90vw;max-height:90vh;overflow:hidden;animation:contentShow .3s ease-out;display:flex;flex-direction:column}@keyframes contentShow{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spell-config-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(139,115,85,.2);background:transparent}.spell-config-modal-header h3{margin:0;color:#c9c9d0e6;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.spell-config-close-btn{background:none;border:none;color:#c9c9d080;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.spell-config-close-btn:hover{background:#c850501a;color:#c85050e6}.spell-config-modal-body{padding:24px;overflow-y:auto;flex:1}.spell-config-auto-fill{margin-bottom:32px}.spell-config-auto-fill h4{margin:0 0 16px;color:#c9c9d0e6;font-size:16px;font-weight:600;font-family:Cinzel,serif}.spell-config-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.spell-config-class-btn{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.spell-config-class-btn:hover{border-color:#8b735580;background:linear-gradient(135deg,#3c3c4680,#32323c66);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.spell-config-class-btn .class-name{font-weight:600;color:#c9c9d0e6;font-size:14px;margin-bottom:4px;font-family:Cinzel,serif}.spell-config-class-btn .class-level{font-size:12px;color:#c9c9d080}.spell-config-manual h4{margin:0 0 16px;color:#c9c9d0e6;font-size:16px;font-weight:600;font-family:Cinzel,serif}.spell-config-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.spell-config-slot-row{display:flex;flex-direction:column}.spell-config-slot-label{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.spell-config-slot-label .slot-level{font-weight:600;color:#c9c9d0e6;font-size:14px;font-family:Cinzel,serif}.spell-config-slot-input{width:60px;height:40px;border:2px solid rgba(139,115,85,.3);border-radius:4px;background:linear-gradient(135deg,#14141ecc,#1e1e28cc);color:#c9c9d0;text-align:center;font-size:16px;font-weight:600;transition:all .2s ease;font-family:Cinzel,serif}.spell-config-slot-input:focus{outline:none;border-color:#8b735599;box-shadow:0 0 0 3px #8b73551a}.spell-config-slot-input:hover{border-color:#8b735566}.spell-config-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid rgba(139,115,85,.2);background:transparent}.spell-config-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.spell-config-btn.cancel{background:#1e1e2880;border:1px solid rgba(139,115,85,.3);color:#c9c9d0e6}.spell-config-btn.cancel:hover{background:#28283299;border-color:#8b735566;color:#e9e9f0}.spell-config-btn.save{background:#8b7355cc;border:1px solid rgba(139,115,85,.6);color:#fff}.spell-config-btn.save:hover{background:#8b7355e6;border-color:#8b7355cc;transform:translateY(-1px);box-shadow:0 3px 6px #0006}@media (max-width: 640px){.spell-config-modal-content{width:95vw;max-height:95vh}.spell-config-modal-header,.spell-config-modal-body,.spell-config-modal-footer{padding:16px}.spell-config-class-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.spell-config-class-btn{padding:12px 8px}.spell-config-slots-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.spell-config-modal-footer{flex-direction:column}.spell-config-btn{width:100%}}@media (prefers-color-scheme: dark){.spell-config-class-btn:hover{background:#8b735526}.spell-config-slot-input:focus{box-shadow:0 0 0 3px #8b735533}}.damage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s ease-out}.damage-modal{background:var(--bs-dark);border:1px solid var(--bs-gray-600);border-radius:8px;min-width:400px;max-width:500px;width:90vw;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease-out}.damage-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--bs-gray-600);background:var(--bs-primary);border-radius:8px 8px 0 0}.damage-modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:#fff;font-size:1.1rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background:#ffffff1a}.damage-modal-content{padding:1.5rem;color:#fff}.character-info{text-align:center;margin-bottom:1.5rem}.character-info h4{margin:0 0 .5rem;color:var(--bs-primary);font-weight:600}.current-hp{font-size:1rem;color:var(--bs-gray-300)}.hp-display{font-weight:600;color:var(--bs-success);font-size:1.1rem}.damage-input-section{margin-bottom:1.5rem}.damage-input-section label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--bs-gray-200)}.damage-input-section input{width:100%;padding:.75rem;border:1px solid var(--bs-gray-600);border-radius:6px;background:var(--bs-gray-800);color:#fff;font-size:1.1rem;text-align:center;transition:border-color .2s,box-shadow .2s}.damage-input-section input:focus{outline:none;border-color:var(--bs-danger);box-shadow:0 0 0 .2rem #dc354540}.damage-preview{background:var(--bs-gray-800);border:1px solid var(--bs-gray-600);border-radius:6px;padding:1rem;text-align:center;margin-bottom:1rem}.preview-text{font-size:1rem;margin-bottom:.5rem}.hp-result{font-weight:600;color:var(--bs-warning);font-size:1.1rem}.damage-amount{font-size:.9rem;color:var(--bs-gray-300)}.damage-value{color:var(--bs-danger);font-weight:600;font-size:1rem}.heal-value{color:var(--bs-success)!important}.damage-modal-footer{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--bs-gray-600);background:var(--bs-gray-900);border-radius:0 0 8px 8px}.btn-cancel,.btn-confirm{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bs-gray-600);color:#fff}.btn-cancel:hover{background:var(--bs-gray-500)}.btn-confirm{background:var(--bs-danger);color:#fff}.btn-confirm:hover:not(:disabled){background:var(--bs-danger);transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.btn-confirm:disabled{background:var(--bs-gray-600);color:var(--bs-gray-400);cursor:not-allowed}.btn-heal{background:var(--bs-success)!important}.btn-heal:hover:not(:disabled){background:var(--bs-success)!important;transform:translateY(-1px);box-shadow:0 2px 8px #1987544d}@media (max-width: 576px){.damage-modal{min-width:300px;margin:1rem}.damage-modal-header,.damage-modal-content,.damage-modal-footer{padding:1rem}}.multiclass-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.multiclass-modal-content{background:radial-gradient(ellipse at top left,rgba(30,30,40,.95) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(40,35,45,.95) 0%,transparent 40%),linear-gradient(180deg,#1a1a25,#242435,#1a1a25);border-radius:16px;width:90%;max-width:650px;max-height:85vh;overflow:hidden;box-shadow:0 20px 40px #000c,0 0 80px #8b735533,inset 0 0 40px #8b73550d;border:2px solid;border-image:linear-gradient(135deg,#8b735599,#8b735533,#8b735599) 1;position:relative;animation:slideIn .4s ease-out;font-family:Cinzel,serif}.multiclass-modal-content:before,.multiclass-modal-content:after{content:"";position:absolute;width:60px;height:60px;border:2px solid rgba(139,115,85,.5);pointer-events:none}.multiclass-modal-content:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:16px 0 0}.multiclass-modal-content:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 16px}.multiclass-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid rgba(139,115,85,.3);background:linear-gradient(135deg,#8b735526,#8b73550d),linear-gradient(90deg,transparent 0%,rgba(139,115,85,.1) 50%,transparent 100%);position:relative}.multiclass-modal-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(139,115,85,.8),transparent)}.multiclass-modal-header h3{margin:0;color:#e9e9f0;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px rgba(139,115,85,.5),0 2px 4px rgba(0,0,0,.5);font-family:Uncial Antiqua,cursive;display:flex;align-items:center;gap:12px}.header-icon{color:#8b7355e6;animation:sparkleRotate 3s ease-in-out infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.btn-close{background:#8b73551a;border:1px solid rgba(139,115,85,.3);color:#8b7355cc;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#8b735533;border-color:#8b735599;color:#e9e9f0;transform:rotate(90deg);box-shadow:0 0 15px #8b735566}.multiclass-modal-body{padding:28px;overflow-y:auto;max-height:calc(85vh - 90px);background:#0003}.level-summary{text-align:center;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#8b735526,#8b73550d),radial-gradient(circle at center,rgba(139,115,85,.1) 0%,transparent 70%);border-radius:12px;border:2px solid rgba(139,115,85,.4);position:relative;overflow:hidden}.level-summary:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(139,115,85,.6),transparent);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{opacity:.3}50%{opacity:.8}}.level-summary{display:flex;align-items:center;justify-content:center;gap:8px}.level-icon{color:#8b7355e6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.level-summary span{font-size:18px;font-weight:700;color:#8b7355e6;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 8px rgba(139,115,85,.4);position:relative;z-index:1}.classes-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.class-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#8b735514,#8b735505),linear-gradient(180deg,#ffffff05,#fff0);border:1px solid rgba(139,115,85,.3);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.class-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,115,85,.1),transparent);transition:left .5s ease}.class-item:hover:before{left:100%}.class-item:hover{border-color:#8b735599;background:linear-gradient(135deg,#8b735526,#8b73550d),linear-gradient(180deg,#ffffff0d,#fff0);box-shadow:0 4px 12px #8b735533,inset 0 1px #ffffff1a;transform:translateY(-2px)}.class-info{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.class-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.class-details{display:flex;flex-direction:column;gap:4px}.class-name{font-weight:600;color:#e9e9f0;font-size:18px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.class-hit-dice{font-size:13px;color:#8b7355cc;letter-spacing:.5px;font-weight:500}.class-controls{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.level-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8b7355b3;font-weight:600}.class-controls input{width:70px;padding:10px;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#0000004d;color:#e9e9f0;text-align:center;font-size:16px;font-weight:600;transition:all .3s ease;font-family:Cinzel,serif}.class-controls input:focus{outline:none;border-color:#8b7355cc;box-shadow:0 0 0 3px #8b735533,inset 0 0 10px #8b73551a;background:#00000080}.btn-remove{padding:10px;border:1px solid rgba(255,68,68,.3);background:#ff44441a;color:#f44c;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover:not(:disabled){background:#f443;border-color:#f449;color:#f44;box-shadow:0 0 12px #ff44444d;transform:scale(1.1)}.btn-remove:disabled{opacity:.3;cursor:not-allowed}.btn-add-class{width:100%;padding:16px;border:2px dashed rgba(139,115,85,.5);background:transparent;color:#8b7355e6;font-weight:600;font-size:16px;letter-spacing:1px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;font-family:Cinzel,serif;position:relative;overflow:hidden}.btn-add-class:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(139,115,85,.3) 0%,transparent 70%);transition:all .5s ease}.btn-add-class:hover:not(:disabled):before{width:100%;height:100%}.btn-add-class:hover:not(:disabled){background:#8b73551a;border-color:#8b7355cc;color:#e9e9f0;transform:translateY(-2px);box-shadow:0 4px 16px #8b73554d}.btn-add-class:disabled{opacity:.5;cursor:not-allowed}.add-class-form{display:flex;gap:12px;padding:20px;background:linear-gradient(135deg,#8b73551a,#8b73550d),linear-gradient(180deg,#ffffff05,#fff0);border:2px solid rgba(139,115,85,.4);border-radius:12px;margin-top:16px;position:relative;animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.add-class-form:before{content:"✦";position:absolute;top:-10px;left:20px;font-size:20px;color:#8b735599;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.add-class-form select{flex:1;padding:12px 16px;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#0000004d;color:#e9e9f0;font-size:15px;font-weight:500;transition:all .3s ease;font-family:Cinzel,serif}.add-class-form input{width:90px;padding:12px;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#0000004d;color:#e9e9f0;text-align:center;font-size:15px;font-weight:600;transition:all .3s ease;font-family:Cinzel,serif}.add-class-form select:focus,.add-class-form input:focus{outline:none;border-color:#8b7355cc;box-shadow:0 0 0 3px #8b735533,inset 0 0 10px #8b73551a;background:#00000080}.add-class-form select option{background:#1a1a25;color:#e9e9f0}.btn-save,.btn-cancel{padding:12px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:Cinzel,serif}.btn-save{background:linear-gradient(135deg,#8b7355cc,#8b735599);color:#1a1a25;border:1px solid rgba(139,115,85,.9);box-shadow:0 2px 8px #8b73554d,inset 0 1px #fff3}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#8b7355,#8b7355cc);transform:translateY(-2px);box-shadow:0 4px 12px #8b735566,inset 0 1px #ffffff4d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#ffffff1a;color:#e9e9f0;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 2px 8px #ffffff1a}.multiclass-modal-body::-webkit-scrollbar{width:10px}.multiclass-modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.multiclass-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b735599,#8b735566);border-radius:5px;border:1px solid rgba(139,115,85,.3)}.multiclass-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b7355cc,#8b735599)}@media (max-width: 640px){.multiclass-modal-content{width:95%;max-height:90vh}.multiclass-modal-header{padding:20px}.multiclass-modal-header h3{font-size:20px}.multiclass-modal-body{padding:20px}.class-item{flex-direction:column;gap:12px;align-items:stretch}.class-icon{font-size:24px}.class-details{gap:2px}.class-name{font-size:16px}.class-hit-dice{font-size:12px}.class-controls{justify-content:space-between;width:100%}.level-label{display:none}.add-class-form{flex-wrap:wrap}.add-class-form select{width:100%}.add-class-form input,.btn-save,.btn-cancel{flex:1}}.avatar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.avatar-modal{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border-radius:12px;box-shadow:0 10px 40px #00000080;width:90%;max-width:500px;border:1px solid rgba(255,215,0,.2);animation:slideIn .3s ease-out}.avatar-modal-header{padding:20px;border-bottom:1px solid rgba(255,215,0,.2);display:flex;justify-content:space-between;align-items:center}.avatar-modal-header h3{margin:0;color:gold;font-size:1.25rem;display:flex;align-items:center;gap:10px}.avatar-modal-header .close-button{background:none;border:none;color:#888;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}.avatar-modal-header .close-button:hover{color:#fff;background:#ffffff1a}.avatar-modal-body{padding:30px 20px;text-align:center}.avatar-modal-icon{margin-bottom:20px;color:gold;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.avatar-modal-text{color:#e0e0e0;font-size:1.1rem;margin-bottom:20px;line-height:1.6}.avatar-modal-text strong{color:gold}.avatar-modal-warning{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:12px 16px;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:#ff6b6b;font-size:.9rem}.avatar-modal-info{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:15px;display:flex;gap:12px;text-align:left;color:#3498db}.avatar-modal-info>svg{flex-shrink:0;margin-top:2px}.avatar-modal-info strong{color:#5dade2;display:block;margin-bottom:4px}.avatar-modal-info p{margin:0;font-size:.85rem;line-height:1.4;color:#7fb3d5}.avatar-modal-footer{padding:20px;border-top:1px solid rgba(255,215,0,.2);display:flex;justify-content:flex-end;gap:10px}.avatar-modal-footer button{padding:10px 20px;border-radius:6px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.avatar-modal-footer .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc}.avatar-modal-footer .btn-secondary:hover{background:#ffffff26;color:#fff}.avatar-modal-footer .btn-primary{background:linear-gradient(135deg,gold,#ffed4e);border:none;color:#1a1a2e;font-weight:600}.avatar-modal-footer .btn-primary:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}.avatar-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;align-items:center;gap:15px;padding:16px 20px;min-width:350px;max-width:450px;z-index:10000;animation:slideInRight .3s ease-out;border:1px solid rgba(255,215,0,.2)}.avatar-notification-processing{border-color:#3498db66}.avatar-notification-success{border-color:#2ecc7166}.avatar-notification-error{border-color:#ff6b6b66}.avatar-notification-icon{flex-shrink:0}.avatar-notification-processing .avatar-notification-icon{color:#3498db}.avatar-notification-success .avatar-notification-icon{color:#2ecc71}.avatar-notification-error .avatar-notification-icon{color:#ff6b6b}.avatar-notification-spinner{animation:spin 2s linear infinite}.avatar-notification-content{flex:1;min-width:0}.avatar-notification-title{color:gold;font-weight:600;font-size:.9rem;margin-bottom:4px;display:flex;align-items:center;gap:6px}.avatar-notification-message{color:#b0b0b0;font-size:.85rem;margin:0;line-height:1.4}.avatar-notification-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.avatar-notification-close:hover{color:#fff;background:#ffffff1a}@media (max-width: 480px){.avatar-notification{right:10px;left:10px;min-width:auto}}.loading-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-modal-content{background:var(--surface-color);border-radius:12px;padding:40px;text-align:center;border:2px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-message{color:var(--text-primary);font-size:18px;margin:0;font-weight:500}:root{--primary-gold: #d4af37;--text-gold: #d4af37;--border-gold: rgba(212, 175, 55, .5)}.bootstrap-character-sheet{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(30,30,40,.3) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(40,35,45,.3) 0%,transparent 40%),linear-gradient(180deg,#0f0f15,#141420,#0f0f15);color:#c9c9d0;position:relative;overflow-x:hidden;font-family:Cinzel,serif}.bootstrap-character-sheet:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(139,115,85,.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(139,115,85,.15),transparent),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.05),transparent);background-size:200px 200px,300px 300px,100px 100px,150px 150px;animation:magicalParticles 20s linear infinite;pointer-events:none;z-index:-1}@keyframes magicalParticles{0%{transform:translate(0)}to{transform:translate(-100px,-100px)}}.bootstrap-character-sheet>*{position:relative;z-index:2}.bootstrap-character-sheet .card.character-header,.bootstrap-character-sheet .card.bg-primary{background:transparent!important;border:none;position:relative;padding:3px;box-shadow:inset 0 0 30px #00000080,0 0 20px #0009;overflow:visible}.bootstrap-character-sheet .card.character-header:before,.bootstrap-character-sheet .card.bg-primary:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:transparent;z-index:-1;border-radius:15px;box-shadow:inset 0 0 10px #00000080,0 0 10px #8b73551a}.bootstrap-character-sheet .card.character-header:after,.bootstrap-character-sheet .card.bg-primary:after{position:absolute;top:-25px;left:50%;transform:translate(-50%);color:#8b7355;font-size:1.5rem;text-shadow:0 0 5px rgba(139,115,85,.3);letter-spacing:2rem}.bootstrap-character-sheet .card-header{background:transparent;border-bottom:1px solid rgba(139,115,85,.2);font-family:Cinzel,serif;font-weight:600;color:#c9c9d0e6;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;padding:.75rem 1.25rem;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;overflow:visible}.bootstrap-character-sheet .card-header h6{position:relative;display:inline-block;margin:0;font-size:.85rem;color:#c9c9d0cc}.bootstrap-character-sheet .card-body{background:transparent;color:#c9c9d0;padding:1.25rem;position:relative;font-family:Georgia,serif}.bootstrap-character-sheet .card{background:transparent;border:1px solid rgba(139,115,85,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 16px #0000004d;transition:all .3s ease;position:relative;overflow:hidden;border-radius:8px;margin-bottom:1rem}.bootstrap-character-sheet .card:hover{box-shadow:0 6px 20px #0006;border-color:#8b73554d}.bootstrap-character-sheet .border-secondary{border-color:#8b735533!important;background:#14141e4d}.bootstrap-character-sheet .border-secondary .card-header{background:transparent;border-bottom-color:#8b735533}.bootstrap-character-sheet .card-header svg{filter:drop-shadow(0 0 4px rgba(139,115,85,.4));transition:all .3s ease}.bootstrap-character-sheet .card-header:hover svg{filter:drop-shadow(0 0 8px rgba(139,115,85,.6));transform:scale(1.1)}.bootstrap-character-sheet .card-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.bootstrap-character-sheet .card-header:hover{background:linear-gradient(135deg,#413c46e6,#55505ab3)}.bootstrap-character-sheet .form-control{background:linear-gradient(135deg,#14141ecc,#1e1e28cc);border:2px solid rgba(139,115,85,.3);color:#c9c9d0;border-radius:8px;padding:.75rem 1rem;font-weight:600;font-family:Cinzel,serif;box-shadow:inset 0 2px 5px #0009,0 0 5px #0000004d;transition:all .3s ease;text-align:center;letter-spacing:1px;position:relative;z-index:10}.bootstrap-character-sheet .form-control:focus{background:linear-gradient(135deg,#191923e6,#23232de6);border-color:#8b7355;color:#e9e9f0;box-shadow:inset 0 2px 5px #0009,0 0 10px #8b735533,0 0 20px #8b73551a;outline:none;transform:scale(1.02)}.bootstrap-character-sheet .attribute-display{width:100px;height:100px;position:relative;margin:0 auto}.bootstrap-character-sheet .attribute-orb{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(139,115,85,.3) 0%,transparent 50%),radial-gradient(circle at center,#3a3a4a,#1a1a2a 70%,#0a0a1a);border:3px solid #5a5a6a;box-shadow:inset 0 0 20px #00000080,inset 0 0 40px #1e1e2880,0 0 15px #8b73551a,0 0 30px #0000004d;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;animation:orbPulse 3s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:inset 0 0 20px #00000080,inset 0 0 40px #1e1e2880,0 0 15px #8b73551a,0 0 30px #0000004d}50%{box-shadow:inset 0 0 25px #0009,inset 0 0 50px #1e1e2899,0 0 20px #8b735526,0 0 40px #0006}}.bootstrap-character-sheet .attribute-orb:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,transparent 70%);animation:innerGlow 2s ease-in-out infinite alternate}@keyframes innerGlow{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bootstrap-character-sheet .attribute-value{font-size:2.5rem;font-weight:700;font-family:Uncial Antiqua,cursive;color:#e9e9f0;text-shadow:0 0 5px rgba(139,115,85,.4),0 0 10px rgba(139,115,85,.2);z-index:2}.bootstrap-character-sheet .attribute-label{font-size:.75rem;text-transform:uppercase;color:#8b7355;font-weight:600;letter-spacing:1px;z-index:2}.bootstrap-character-sheet .btn{font-family:Cinzel,serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(139,115,85,.3);position:relative;padding:.5rem 1rem;background:#1e1e2880;color:#c9c9d0e6;box-shadow:0 2px 4px #0000004d;transition:all .2s ease;overflow:hidden;border-radius:4px;font-size:.8rem}.bootstrap-character-sheet .btn:hover{background:#28283299;box-shadow:0 3px 6px #0006;color:#e9e9f0;border-color:#8b735566}.bootstrap-character-sheet .btn:active{transform:translateY(0);box-shadow:0 1px 2px #0006}.bootstrap-character-sheet .resource-globe{width:120px;height:120px;position:relative;display:inline-block;margin:0 1rem}.bootstrap-character-sheet .globe-container{width:100%;height:100%;border-radius:50%;background:#000;border:4px solid;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 0 30px #00000080}.bootstrap-character-sheet .health-globe{border-color:#8b0000;background:radial-gradient(circle at center,#1a0000,#000)}.bootstrap-character-sheet .health-globe .globe-fill{position:absolute;bottom:0;left:0;right:0;background:radial-gradient(circle at 50% 130%,red,#8b0000);transition:height .5s ease;box-shadow:inset 0 -10px 20px #00000080,0 0 40px #f009}.bootstrap-character-sheet .health-globe .globe-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,transparent 100%);animation:liquidWave 3s ease-in-out infinite}@keyframes liquidWave{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-5px) scaleY(1.1)}}.bootstrap-character-sheet .globe-reflection{position:absolute;top:10%;left:20%;width:40%;height:30%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.4) 0%,transparent 70%);transform:rotate(-20deg)}.bootstrap-character-sheet .item-slot{width:64px;height:64px;background:linear-gradient(135deg,#1a0f08,#2a1810);border:2px solid #8B6914;position:relative;margin:.5rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 5px #000c,0 0 10px #00000080;transition:all .3s ease;overflow:hidden}.bootstrap-character-sheet .item-slot:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid rgba(139,69,19,.3);pointer-events:none}.bootstrap-character-sheet .item-slot:hover{border-color:gold;box-shadow:inset 0 2px 5px #000c,0 0 20px #ffd70066;transform:scale(1.05)}.bootstrap-character-sheet .item-slot.rare{border-color:#0070dd;box-shadow:inset 0 2px 5px #000c,0 0 20px #0070dd66}.bootstrap-character-sheet .item-slot.epic{border-color:#a335ee;box-shadow:inset 0 2px 5px #000c,0 0 20px #a335ee66}.bootstrap-character-sheet .item-slot.legendary{border-color:#ff8000;box-shadow:inset 0 2px 5px #000c,0 0 20px #ff800066;animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:inset 0 2px 5px #000c,0 0 20px #ff800066}50%{box-shadow:inset 0 2px 5px #000c,0 0 30px #ff800099,0 0 50px #ff80004d}}.bootstrap-character-sheet .skill-connection{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,#8B6914,transparent);box-shadow:0 0 10px #ffd7004d}.bootstrap-character-sheet .rune-decoration{position:absolute;font-family:Uncial Antiqua,cursive;color:#ffd70033;font-size:2rem;text-shadow:0 0 10px rgba(255,215,0,.3);animation:runeFloat 10s ease-in-out infinite;pointer-events:none}@keyframes runeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-10px) rotate(180deg);opacity:.4}}.bootstrap-character-sheet .stat-frame{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:30px;margin:.25rem 0;position:relative;overflow:visible;min-height:70px;box-shadow:inset 0 1px 3px #0000004d,0 2px 8px #0003;transition:all .3s ease}.bootstrap-character-sheet .stat-frame:hover{border-color:#8b735580;background:linear-gradient(135deg,#3c3c4680,#32323c66);box-shadow:inset 0 1px 3px #0000004d,0 4px 12px #0000004d;transform:translateY(-1px)}.bootstrap-character-sheet .stat-frame:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,115,85,.05) 0%,transparent 70%);animation:statGlow 3s ease-in-out infinite;opacity:.5;pointer-events:none;z-index:-1}@keyframes statGlow{0%,to{transform:scale(.8) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(180deg);opacity:.6}}.bootstrap-character-sheet .stat-icon{width:24px;height:24px;margin-right:.75rem;filter:drop-shadow(0 0 2px rgba(139,115,85,.3));color:#8b7355!important}.bootstrap-character-sheet .fantasy-text{font-family:Cinzel,serif;font-weight:700;letter-spacing:.5px}.bootstrap-character-sheet .stat-frame .small{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.bootstrap-character-sheet .stat-frame .fs-4{line-height:1.2}.bootstrap-character-sheet .btn-sm{padding:.375rem .75rem;font-size:.8rem}.bootstrap-character-sheet .btn-icon{padding:.25rem!important;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.bootstrap-character-sheet .stat-input{background:#1e1e28b3!important;border:2px solid rgba(139,115,85,.3)!important;color:#c9c9d0e6!important;font-family:Cinzel,serif;font-weight:600;font-size:1.2rem!important;padding:.25rem!important;height:auto!important;transition:all .3s ease;position:relative;z-index:10;cursor:text}.bootstrap-character-sheet .stat-input:focus{background:#282832cc!important;border-color:#8b735580!important;box-shadow:inset 0 1px 3px #0000004d,0 0 10px #8b735533!important;outline:none}.bootstrap-character-sheet .stat-input::placeholder{color:#8b735566!important;opacity:1}.bootstrap-character-sheet .stat-frame input{pointer-events:auto!important;cursor:text!important}.bootstrap-character-sheet input[type=text],.bootstrap-character-sheet input[type=number],.bootstrap-character-sheet input[type=checkbox]{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.bootstrap-character-sheet .flex-grow-1{pointer-events:none}.bootstrap-character-sheet .flex-grow-1>*{pointer-events:auto!important}.bootstrap-character-sheet .inspiration-check{display:flex;justify-content:center;align-items:center;height:40px}.bootstrap-character-sheet .inspiration-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:40px;border:3px solid rgba(139,115,85,.5);border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease;background:#1e1e2880}.bootstrap-character-sheet .inspiration-checkbox:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #8b73554d;border-color:#8b7355b3}.bootstrap-character-sheet .inspiration-checkbox:checked{background:radial-gradient(circle at center,#ffd7004d,#8b73554d);border-color:gold;animation:pulse .5s ease}.bootstrap-character-sheet .inspiration-checkbox:checked:before{content:"✨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;animation:sparkle .5s ease}.bootstrap-character-sheet .inspiration-checkbox:disabled{opacity:.6;cursor:not-allowed}.bootstrap-character-sheet .stat-controls{display:flex;justify-content:center;gap:.25rem;margin-top:.25rem;align-items:center}.bootstrap-character-sheet .stat-controls .small{font-size:.65rem;color:#c9c9d080;text-transform:uppercase;font-family:Cinzel,serif;margin:0 .25rem}.bootstrap-character-sheet .stat-controls .btn-stat{padding:.1rem .4rem;font-size:.7rem;line-height:1;min-width:22px;height:22px;border-radius:3px;background:#1e1e2880;border:1px solid rgba(139,115,85,.2);color:#c9c9d0b3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:600}.bootstrap-character-sheet .stat-controls .btn-stat:hover{background:#28283299;border-color:#8b73554d;color:#c9c9d0e6}.bootstrap-character-sheet .stat-controls .btn-stat:active{transform:scale(.95)}.bootstrap-character-sheet .health-bar{margin-top:.25rem}.bootstrap-character-sheet .ornate-divider{height:40px;position:relative;margin:3rem 0;display:flex;align-items:center;justify-content:center}.bootstrap-character-sheet .ornate-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#8B6914 20%,#FFD700 50%,#8B6914 80%,transparent 100%);transform:translateY(-50%)}.bootstrap-character-sheet .ornate-divider:after{content:"❦";position:relative;font-size:2rem;color:#8b7355;background:#0f0f15;padding:0 1rem;text-shadow:0 0 10px rgba(139,115,85,.3)}.bootstrap-character-sheet .rpg-tooltip{position:absolute;background:linear-gradient(135deg,#000000f2,#281c14f2);border:2px solid #8B6914;border-radius:0;padding:1rem;color:#f4e4bc;font-size:.875rem;box-shadow:0 0 20px #000c,0 0 40px #ffd70033;z-index:1000;min-width:200px}.bootstrap-character-sheet .rpg-tooltip:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#8b6914,gold,#8b6914);z-index:-1}.bootstrap-character-sheet .magic-text{background:linear-gradient(45deg,#c9c9d0,#8b7355,#c9c9d0);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:magicShift 3s ease-in-out infinite;font-weight:700;text-shadow:0 0 15px rgba(139,115,85,.3)}@keyframes magicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bootstrap-character-sheet .quest-list{list-style:none;padding:0;margin:0}.bootstrap-character-sheet .quest-item{padding:1rem;margin:.5rem 0;background:linear-gradient(135deg,rgba(139,69,19,.1) 0%,transparent 100%);border-left:4px solid #8B6914;position:relative;transition:all .3s ease}.bootstrap-character-sheet .quest-item:before{content:"◆";position:absolute;left:-13px;top:50%;transform:translateY(-50%);color:#8b7355;font-size:1.2rem;text-shadow:0 0 5px rgba(139,115,85,.3)}.bootstrap-character-sheet .quest-item:hover{background:linear-gradient(135deg,rgba(139,115,85,.1) 0%,transparent 100%);border-left-color:#8b7355;transform:translate(5px);box-shadow:0 0 10px #8b73551a}[data-theme=dark] .bootstrap-character-sheet{background:radial-gradient(ellipse at top left,rgba(75,0,130,.1) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(138,43,226,.1) 0%,transparent 40%),linear-gradient(180deg,#0a0a0a,#1a0a2a,#0a0a0a)}[data-theme=dark] .bootstrap-character-sheet .card{background:radial-gradient(ellipse at center,rgba(138,43,226,.05) 0%,transparent 70%),linear-gradient(135deg,#140a1ef2,#1e0f28f2)}[data-theme=dark] .bootstrap-character-sheet .form-control{background:linear-gradient(135deg,#000000e6,#1e0f28e6);border-color:#8a2be2;color:plum}[data-theme=dark] .bootstrap-character-sheet .btn{background:linear-gradient(135deg,#1a0a2a,#2d1b3d,#1a0a2a);color:plum}@media (max-width: 768px){.bootstrap-character-sheet .attribute-display{width:80px;height:80px}.bootstrap-character-sheet .resource-globe{width:100px;height:100px}.bootstrap-character-sheet .item-slot{width:48px;height:48px}.bootstrap-character-sheet .card{border-radius:8px}.bootstrap-character-sheet .stat-frame{padding:.5rem .75rem;min-height:60px}.bootstrap-character-sheet .stat-frame .stat-icon{width:20px;height:20px;margin-right:.5rem}.bootstrap-character-sheet .stat-frame .fs-4{font-size:1.25rem!important}.character-avatar.character-avatar-small{width:150px;height:150px}.race-class-section{padding-left:0;padding-top:1rem}.race-class-selector .selector-display,.race-class-selector .selector-edit-mode{min-width:100%}.bootstrap-character-sheet .stat-input{font-size:1rem!important}}.character-header-modern{position:relative;background:linear-gradient(135deg,#14141ef2,#1e1e28e6,#14141ef2);border:2px solid rgba(139,115,85,.3);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:inset 0 0 30px #00000080,0 4px 20px #0006,0 0 40px #8b73550d;overflow:hidden;transition:all .3s ease}.character-header-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(139,115,85,.03) 50%,transparent 70%);animation:shimmer 8s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.header-rune-corner{position:absolute;font-size:1.5rem;color:#8b735566;font-family:serif;z-index:1;transition:all .3s ease}.header-rune-corner.top-left{top:10px;left:10px}.header-rune-corner.top-right{top:10px;right:10px}.header-rune-corner.bottom-left{bottom:10px;left:10px;transform:rotate(180deg)}.header-rune-corner.bottom-right{bottom:10px;right:10px;transform:rotate(180deg)}.character-header-modern:hover .header-rune-corner{color:#d4af3799;text-shadow:0 0 10px rgba(212,175,55,.5)}.header-content{position:relative;z-index:2;display:flex;align-items:center;gap:2rem;flex-direction:column}.header-avatar-section{flex-shrink:0}.header-avatar-section .character-avatar-container{position:relative;width:450px;height:450px}.header-avatar-section .character-avatar{width:450px;height:450px;border-radius:12px;overflow:hidden;border:3px solid rgba(139,115,85,.4);box-shadow:0 4px 12px #0006,inset 0 0 20px #0000004d;transition:all .3s ease;background:linear-gradient(135deg,#282832cc,#1e1e28cc)}.header-avatar-section .character-avatar:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 6px 16px #00000080,inset 0 0 20px #0000004d,0 0 20px #d4af371a}.header-avatar-section .avatar-image{width:100%;height:100%;object-fit:cover}.header-avatar-section .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b735599;background:radial-gradient(circle at center,rgba(139,115,85,.1) 0%,transparent 70%)}.header-avatar-section .avatar-placeholder-icon{width:144px;height:144px}.header-avatar-section .avatar-controls{position:absolute;bottom:-5px;right:-5px;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.header-avatar-section:hover .avatar-controls{opacity:1}.avatar-control-btn{width:42px;height:42px;padding:0;background:#14141ee6;border:1px solid rgba(139,115,85,.4);border-radius:8px;color:#8b7355cc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-control-btn:hover{background:#8b735533;border-color:#8b735599;color:#ffffffe6;transform:translateY(-1px)}.avatar-control-btn.delete:hover{background:#dc354533;border-color:#dc354599;color:#dc3545e6}.header-info-section{flex:1;min-width:0}.character-name-wrapper{margin-bottom:.75rem}.character-name-input{width:100%;background:#ffffff0d;border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:.5rem 1rem;font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.character-name-input:focus{outline:none;background:#ffffff14;border-color:#d4af3780;box-shadow:0 0 20px #d4af3733}.character-name-display{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(139,115,85,.2);margin:0;letter-spacing:.02em}.character-details{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.race-display,.npc-class-display{display:flex;align-items:center;gap:.5rem}.detail-label{font-size:.875rem;color:#8b7355cc;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.class-summary{display:flex;align-items:center;gap:1rem;flex:1;background:#0003;border-radius:8px;padding:.5rem 1rem;border:1px solid rgba(139,115,85,.2)}.class-summary-content{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.class-badge{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#8b735526,#8b735514);border:1px solid rgba(139,115,85,.3);border-radius:6px;padding:.25rem .5rem;font-weight:600;font-size:.8125rem;transition:all .2s ease;white-space:nowrap}.class-badge.primary{background:linear-gradient(135deg,#8b735533,#8b73551a);border-color:#8b735566;color:#d4af37e6}.class-badge.primary svg{color:#d4af37cc}.class-badge.secondary{color:#c9c9d0cc}.class-badge.secondary svg{color:#8b735599}.class-badge:hover{background:linear-gradient(135deg,#8b735540,#8b735526);border-color:#8b735580;transform:translateY(-1px)}.total-level{margin-left:auto;font-size:.875rem;color:#c9c9d0cc;font-weight:600;padding:.25rem .75rem;background:#8b73551a;border-radius:4px;border:1px solid rgba(139,115,85,.2)}.class-edit-btn,.class-add-btn{flex-shrink:0;padding:.375rem .75rem;background:#ffffff0d;border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#8b7355cc;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.class-edit-btn:hover,.class-add-btn:hover{background:#8b735533;border-color:#8b735580;color:#ffffffe6;transform:translateY(-1px)}@media (min-width: 2560px){.character-header-modern{padding:2rem}.header-content{gap:3rem}.header-avatar-section .character-avatar-container,.header-avatar-section .character-avatar{width:120px;height:120px}.character-name-display{font-size:2.5rem}.character-name-input{font-size:2rem}.character-details{gap:3rem}.class-summary{padding:.75rem 1.5rem}}@media (max-width: 1440px){.character-header-modern{padding:1.25rem}.header-content{gap:1.5rem}.character-name-display{font-size:1.75rem}.character-name-input{font-size:1.5rem}}@media (max-width: 1024px){.header-content{flex-direction:column;align-items:stretch;gap:1rem}.header-avatar-section{display:flex;justify-content:center}.character-details{flex-direction:column;align-items:stretch;gap:1rem}.class-summary,.class-summary-content{flex-wrap:wrap}.total-level{margin-left:0;width:100%;margin-top:.5rem}}@media (max-width: 768px){.character-header-modern{padding:1rem}.header-rune-corner{font-size:1.25rem}.header-avatar-section .character-avatar-container,.header-avatar-section .character-avatar{width:300px;height:300px}.header-avatar-section .avatar-placeholder-icon{width:100px;height:100px}.character-name-display{font-size:1.5rem}.character-name-input{font-size:1.25rem;padding:.375rem .75rem}.class-summary{padding:.375rem .75rem;gap:.75rem}.class-badge{font-size:.75rem;padding:.25rem .375rem}.class-badge svg{width:16px;height:16px}.total-level{font-size:.8125rem}}@media (min-width: 1920px){.header-content{flex-direction:row}.header-avatar-section .character-avatar-container,.header-avatar-section .character-avatar{width:600px;height:600px}.header-avatar-section .avatar-placeholder-icon{width:192px;height:192px}.avatar-control-btn{width:48px;height:48px}.avatar-control-btn svg{width:24px;height:24px}}@media (min-width: 2560px){.header-avatar-section .character-avatar-container,.header-avatar-section .character-avatar{width:750px;height:750px}.header-avatar-section .avatar-placeholder-icon{width:240px;height:240px}.character-header-modern{padding:3rem}.avatar-control-btn{width:56px;height:56px}.avatar-control-btn svg{width:28px;height:28px}}.race-selector-compact{background:#ffffff0d;border:1px solid rgba(139,115,85,.3);border-radius:6px;padding:.375rem .75rem;font-size:.875rem;color:#ffffffe6;font-weight:500;transition:all .2s ease;cursor:pointer;min-width:120px}.race-selector-compact:focus{outline:none;background:#ffffff14;border-color:#d4af3780;box-shadow:0 0 15px #d4af3733}.race-selector-compact:disabled{opacity:.6;cursor:not-allowed}.race-selector-compact option{background:#14141ef2;color:#ffffffe6}.class-selector-compact{background:#ffffff0d;border:1px solid rgba(139,115,85,.3);border-radius:6px;padding:.375rem .75rem;font-size:.875rem;color:#ffffffe6;font-weight:500;transition:all .2s ease;cursor:pointer;min-width:120px}.class-selector-compact:focus{outline:none;background:#ffffff14;border-color:#d4af3780;box-shadow:0 0 15px #d4af3733}.class-selector-compact:disabled{opacity:.6;cursor:not-allowed}.class-selector-compact option{background:#14141ef2;color:#ffffffe6}.character-stats-ultra-compact{background:linear-gradient(135deg,#14141ee6,#191923d9);border:1px solid rgba(139,115,85,.25);border-radius:10px;padding:1.25rem;margin-bottom:1rem;box-shadow:inset 0 1px 3px #0000004d,0 2px 8px #0003;overflow-x:auto;overflow-y:hidden}.stats-grid-uniform{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.75rem;width:100%}.stat-cell{display:flex;align-items:center;gap:.25rem;padding:.5rem .6rem;background:#00000040;border:1px solid rgba(139,115,85,.15);border-radius:6px;transition:all .15s ease;min-height:36px;min-width:0;overflow:hidden;position:relative}.stat-cell:hover{background:#00000059;border-color:#8b735540}.stat-icon-mini{color:#8b735599;flex-shrink:0}.stat-label-mini{font-size:.75rem;color:#8b7355b3;font-weight:500;white-space:nowrap;margin-right:.2rem;flex-shrink:0}.stat-value-mini{font-size:.875rem;font-weight:600;color:#ffffffe6;text-align:right;flex:1;min-width:0}.stat-input-mini{flex:1;min-width:0;width:100%;background:#ffffff0a;border:1px solid rgba(139,115,85,.15);border-radius:4px;padding:.25rem .35rem;font-size:.875rem;color:#ffffffe6;text-align:center;transition:all .15s ease;height:26px}.stat-input-mini:focus{outline:none;background:#ffffff0f;border-color:#d4af374d;box-shadow:0 0 6px #d4af371a}.stat-input-mini:disabled{background:#ffffff05;color:#ffffffb3;cursor:default}.checkbox-cell{position:relative}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;flex:1}.stat-checkbox-mini{opacity:0;position:absolute;width:14px;height:14px}.checkbox-label{position:relative;display:inline-block;width:18px;height:18px;background:#0000004d;border:1px solid rgba(139,115,85,.3);border-radius:4px;cursor:pointer;transition:all .2s ease}.stat-checkbox-mini:checked+.checkbox-label{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780}.checkbox-label:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#d4af37e6;font-size:12px;transition:transform .2s ease}.stat-checkbox-mini:checked+.checkbox-label:after{transform:translate(-50%,-50%) scale(1)}.stat-checkbox-mini:disabled+.checkbox-label{cursor:default;opacity:.6}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.stat-cell select.stat-input-mini{width:100%;min-width:0}@media (max-width: 1920px){.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.hp-cell{grid-column:span 2}}@media (max-width: 1440px){.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 4}.hp-cell{grid-column:span 2}}.hp-cell{position:relative}.hp-inputs-mini{display:flex;align-items:center;gap:.35rem;flex:1}.hp-inputs-mini span{color:#8b735599;font-size:.75rem}.hp-input-mini{width:auto!important;min-width:45px!important;max-width:65px!important;flex:1!important}.hp-btn-mini{width:16px;height:16px;padding:0;background:#8b735526;border:1px solid rgba(139,115,85,.2);border-radius:3px;color:#8b7355b3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin-left:.125rem}.hp-btn-mini:hover{background:#8b735540;color:#fffc;transform:scale(1.05)}.hp-bar-compact{margin-top:.75rem;padding:0 .35rem}.damage-mod-buttons{display:flex;gap:.35rem;margin-left:auto}.damage-mod-btn{width:20px;height:20px;padding:0;background:#8b735526;border:1px solid rgba(139,115,85,.2);border-radius:4px;color:#8b7355b3;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.damage-mod-btn:hover{background:#8b735540;color:#fffc;transform:scale(1.05)}@media (min-width: 2560px){.character-stats-ultra-compact{padding:1rem}.stats-grid-uniform{gap:.75rem}.stat-cell{padding:.5rem;min-height:32px}.stat-label-mini{font-size:.75rem}.stat-value-mini,.stat-input-mini{font-size:.875rem}.stat-input-mini{height:24px}}@media (max-width: 1750px){.stats-grid-uniform{grid-template-columns:repeat(4,minmax(140px,1fr))}.stat-input-mini{width:100%;min-width:0}.hp-input-mini{width:auto!important;min-width:40px!important;max-width:55px!important}}@media (max-width: 1920px){.stats-grid-uniform{grid-template-columns:repeat(5,minmax(130px,1fr));gap:.5rem}.stat-cell{padding:.4rem .5rem}}@media (max-width: 1440px){.stats-grid-uniform{grid-template-columns:repeat(4,minmax(140px,1fr));gap:.5rem}.stat-cell{padding:.35rem .45rem}}@media (max-width: 1024px){.stats-grid-uniform{grid-template-columns:repeat(3,minmax(150px,1fr));gap:.4rem}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}}@media (max-width: 768px){.character-stats-ultra-compact{padding:.5rem}.stats-grid-uniform{grid-template-columns:repeat(3,minmax(110px,1fr));gap:.25rem}.stat-cell{padding:.25rem;min-height:26px}.stat-icon-mini{width:12px;height:12px}.stat-label-mini{font-size:.5625rem}.stat-value-mini,.stat-input-mini{font-size:.6875rem}.stat-input-mini{width:100%;min-width:0}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}}@media (max-width: 480px){.stats-grid-uniform{grid-template-columns:repeat(2,minmax(140px,1fr))}.hp-cell{grid-column:span 2}}.character-quick-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:linear-gradient(135deg,#8b735526,#8b735514);border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#d4af37cc;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:linear-gradient(135deg,#8b735540,#8b735526);border-color:#d4af3780;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 2px 8px #8b73554d}.quick-action-btn:active{transform:translateY(0)}.character-avatar-container{position:relative;display:inline-block}.character-avatar{width:200px;height:200px;border-radius:50%;overflow:hidden;border:5px solid rgba(139,115,85,.6);background:#000;position:relative;box-shadow:0 0 30px #8b73554d,inset 0 0 30px #0009}.character-avatar.character-avatar-small{width:150px;height:150px;border-width:4px}.character-avatar:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:conic-gradient(from 45deg,#8b735566,#8b7355cc,#8b735566,#8b7355cc,#8b735566);border-radius:50%;z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-image{width:100%;height:100%;object-fit:cover;filter:sepia(20%) contrast(1.1)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e1914cc,#000);color:#8b735599}.avatar-controls{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10;opacity:0;transition:opacity .3s ease}.character-avatar-container:hover .avatar-controls{opacity:1}.avatar-controls .btn{padding:.25rem .5rem!important;font-size:.75rem!important;background:#282832e6!important;border:1px solid rgba(139,115,85,.4)!important;border-radius:4px!important;box-shadow:inset 0 1px #8b73551a,0 2px 4px #0006!important;transition:all .2s ease!important}.avatar-controls .btn:hover{background:#32323ce6!important;border-color:#8b735599!important;transform:translateY(-1px);box-shadow:inset 0 1px #8b735533,0 3px 6px #00000080!important}.avatar-controls .btn-outline-light{color:#8b7355cc!important}.avatar-controls .btn-outline-danger{color:#c85050e6!important;border-color:#c8505066!important}.avatar-controls .btn-outline-danger:hover{background:#3c1414e6!important;border-color:#c8505099!important}.character-identity-compact{align-items:center}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.name-section{text-align:center;margin-top:.5rem}.character-name-display{font-size:1.5rem!important;font-weight:700;font-family:Cinzel,serif;color:#c9c9d0e6;text-shadow:2px 2px 4px rgba(0,0,0,.6),0 0 20px rgba(139,115,85,.2);margin:0}.character-name-input{font-size:1.25rem!important;text-align:center!important;font-family:Cinzel,serif;font-weight:600;background:#1e1e2880!important;border:2px solid rgba(139,115,85,.3)!important;color:#c9c9d0e6!important;padding:.5rem!important;transition:all .3s ease}.character-name-input:focus{border-color:#8b735580!important;box-shadow:0 0 10px #8b735533!important}.race-class-section{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding-left:1rem;width:100%;max-width:100%}.race-class-selector{display:flex;flex-direction:column;gap:1rem}.race-class-selector .selector-item{position:relative}.race-class-selector .selector-item:before{content:attr(data-label);position:absolute;top:-18px;left:0;font-size:.75rem;text-transform:uppercase;color:#8b7355cc;font-family:Cinzel,serif;font-weight:600;letter-spacing:1px}.race-class-selector .selector-display,.race-class-selector .selector-edit-mode{min-width:200px}.race-class-selector .selector-display{background:#1e1e2880;border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.race-class-selector .selector-display:hover{border-color:#8b735580;background:#28283280}.race-class-selector .selector-value{font-family:Cinzel,serif;font-weight:600;color:#c9c9d0e6;font-size:1rem}.race-class-selector .edit-btn{background:transparent;border:none;color:#8b735599;padding:.25rem;cursor:pointer;transition:all .3s ease}.race-class-selector .edit-btn:hover{color:#8b7355e6;transform:scale(1.1)}.race-class-selector .selector-dropdown{background:#1e1e28cc;border:2px solid rgba(139,115,85,.5);color:#c9c9d0e6;padding:.5rem;border-radius:6px;font-family:Cinzel,serif;font-weight:600;width:100%}@keyframes criticalHit{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.bootstrap-character-sheet .critical-effect{animation:criticalHit .5s ease-out}.bootstrap-character-sheet .magic-particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.bootstrap-character-sheet .particle{position:absolute;width:4px;height:4px;background:#8b7355;border-radius:50%;box-shadow:0 0 5px #8b735566;animation:particleFloat 5s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.multiclass-display{margin-top:1.5rem;margin-bottom:1.5rem;transition:all .3s ease;width:100%;max-width:100%;overflow:visible}.multiclass-container{background:linear-gradient(135deg,#141414cc,#1e1e1e99);border:2px solid rgba(139,115,85,.5);border-radius:16px;padding:0;overflow:visible;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:200px}.multiclass-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b735533,#8b73551a);border-bottom:2px solid rgba(139,115,85,.3);gap:1.5rem;border-radius:16px 16px 0 0}.multiclass-title{display:flex;align-items:center;gap:.75rem;font-family:Cinzel,serif;font-weight:700;font-size:1.1rem;color:#fffffff2;text-transform:uppercase;letter-spacing:1px;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.multiclass-icon{color:#8b7355e6;width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(139,115,85,.3))}.multiclass-grid{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.multiclass-card{background:linear-gradient(135deg,#8b735526,#8b735514);border:2px solid rgba(139,115,85,.4);border-radius:14px;overflow:visible;transition:all .3s ease;position:relative;display:flex;align-items:center;padding:1.25rem 1.5rem;gap:1.5rem;min-height:80px}.multiclass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b7355b3,#8b7355e6);opacity:0;transition:opacity .3s ease;border-radius:14px 14px 0 0}.multiclass-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080;border-color:#8b735599;background:linear-gradient(135deg,#8b735533,#8b73551a)}.multiclass-card-header{display:flex;align-items:center;gap:1rem;flex:1}.multiclass-class-icon{color:#8b7355e6;filter:drop-shadow(0 0 4px rgba(139,115,85,.4));transition:all .3s ease;width:32px;height:32px;flex-shrink:0}.multiclass-card:hover .multiclass-class-icon{color:#ffd700f2;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.15)}.multiclass-name{font-family:Cinzel,serif;font-weight:700;font-size:1.2rem;color:#fffffff2;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.multiclass-card-body{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.multiclass-level{font-size:1rem;color:#8b7355f2;font-weight:700;padding:.4rem .9rem;background:#8b735533;border-radius:16px;border:2px solid rgba(139,115,85,.4);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.multiclass-card.primary-class{border-color:#ffd70080;background:linear-gradient(135deg,#8b735533,#8b73551a);box-shadow:0 4px 16px #ffd70033}.multiclass-card.primary-class:before{background:linear-gradient(90deg,#ffd700b3,#ffd700e6)}.multiclass-card.primary-class .class-progress-bar{background:linear-gradient(90deg,#ffd700b3,#ffd700e6)}.multiclass-card.primary-class .multiclass-class-icon{color:#ffd700f2}.primary-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ffd700f2,#8b7355f2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;z-index:10;animation:badgePulse 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.2)}.primary-badge svg{color:#fffffff2;filter:drop-shadow(0 0 3px rgba(0,0,0,.4));width:16px;height:16px}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #00000080}50%{transform:scale(1.15);box-shadow:0 4px 16px #ffd70080}}.class-progress{width:100px;height:6px;background:#0006;border-radius:3px;overflow:hidden;border:1px solid rgba(139,115,85,.3)}.class-progress-bar{height:100%;background:linear-gradient(90deg,#8b7355b3,#8b7355e6);border-radius:3px;transition:width .5s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #ffd7004d}.class-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s linear infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.multiclass-summary{padding:1rem 1.5rem;background:#0006;border-top:2px solid rgba(139,115,85,.3);text-align:center;border-radius:0 0 16px 16px}.multiclass-total-level{font-size:1rem;color:#fffffff2;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.multiclass-edit-btn{padding:.75rem;background:#ffffff1a;border:2px solid rgba(139,115,85,.4);border-radius:10px;color:#8b7355e6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.multiclass-edit-btn:hover{background:#8b735540;border-color:#8b735599;color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #8b735566}.multiclass-edit-btn svg{width:20px;height:20px}.multiclass-empty{padding:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14141480,#1e1e1e4d);border:3px dashed rgba(139,115,85,.4);border-radius:16px;min-height:160px}.multiclass-add-btn{background:linear-gradient(135deg,#8b735526,#8b735514);border:2px solid rgba(139,115,85,.5);color:#fffffff2;padding:1rem 2rem;border-radius:14px;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:1rem}.multiclass-add-btn:hover{background:linear-gradient(135deg,#8b735540,#8b735526);border-color:#8b7355b3;color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #8b735566}.multiclass-add-btn:focus{box-shadow:0 0 0 .3rem #8b73554d}@media (min-width: 1920px){.multiclass-container{padding:0}.multiclass-header{padding:1.5rem 2rem}.multiclass-title{font-size:1.3rem}.multiclass-grid{padding:2rem;gap:1.25rem}.multiclass-card{padding:1.5rem 2rem;min-height:90px}.multiclass-class-icon{width:36px;height:36px}.multiclass-name{font-size:1.4rem}.multiclass-level{font-size:1.1rem;padding:.5rem 1rem}}.character-identity-compact{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}@media (min-width: 1920px){.card.character-header .col-lg-6:first-child{padding-right:2rem}.card.character-header .col-lg-6:last-child{padding-left:2rem}}@media (min-width: 1200px){.col-xl-3 .stat-frame{min-height:85px}.col-xl-3 .stat-frame .stat-icon{font-size:1.25rem}.col-xl-3 .stat-frame .fs-4{font-size:1.25rem!important}}.character-avatar-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.character-avatar-large{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid rgba(139,115,85,.5);box-shadow:0 0 30px #8b735533,inset 0 0 20px #0000004d;background:#14141ecc;display:flex;align-items:center;justify-content:center;position:relative}.character-avatar-large .avatar-image{width:100%;height:100%;object-fit:cover}.character-avatar-large .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#32323c80,#28283266);color:#8b735599}.avatar-controls{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.character-info-wrapper{width:100%;display:flex;flex-direction:column;gap:1.5rem}.character-name-race{display:flex;flex-direction:column;gap:1rem}.name-section .character-name-input{font-size:1.75rem!important;font-weight:700;padding:.75rem 1rem!important;text-align:left!important;background:#1e1e2899!important;border:2px solid rgba(139,115,85,.3)!important;border-radius:8px!important;width:100%;max-width:500px}.name-section .character-name-display{font-size:2rem!important;font-weight:700;margin-bottom:.5rem!important}.character-classes-section{margin-top:.5rem}.multiclass-horizontal{background:linear-gradient(135deg,#14141e80,#1e1e284d);border:2px solid rgba(139,115,85,.3);border-radius:10px;padding:1.25rem;box-shadow:0 4px 8px #0003}.multiclass-header-compact{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,115,85,.2)}.multiclass-label{font-family:Cinzel,serif;font-weight:600;font-size:1rem;color:#c9c9d0e6;text-transform:uppercase;letter-spacing:1px;flex:1}.multiclass-edit-btn-compact{background:#ffffff0d;border:1px solid rgba(139,115,85,.3);border-radius:6px;padding:.5rem;color:#8b7355cc;transition:all .2s ease;cursor:pointer}.multiclass-edit-btn-compact:hover{background:#8b735533;border-color:#8b735580;color:#ffffffe6;transform:translateY(-1px)}.multiclass-cards-horizontal{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.multiclass-card-horizontal{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;position:relative;transition:all .3s ease;min-width:180px}.multiclass-card-horizontal:hover{background:linear-gradient(135deg,#3c3c4680,#32323c66);border-color:#8b735580;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.multiclass-card-horizontal.primary-class{border-color:#ffd70066;background:linear-gradient(135deg,#8b735540,#8b735526)}.primary-indicator{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ffd700e6,#8b7355e6);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;color:#fff}.class-icon-small{width:28px;height:28px;color:#8b7355cc;filter:drop-shadow(0 0 4px rgba(139,115,85,.3))}.multiclass-card-horizontal:hover .class-icon-small{color:#ffd700e6;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.class-info{display:flex;flex-direction:column;gap:.25rem}.class-name{font-family:Cinzel,serif;font-weight:600;font-size:.95rem;color:#ffffffe6;line-height:1.2}.class-level{font-size:.85rem;color:#8b7355e6;font-weight:500}.total-level-badge{margin-left:auto;background:linear-gradient(135deg,#8b73554d,#8b735533);border:2px solid rgba(139,115,85,.5);border-radius:8px;padding:.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 2px 8px #0003}.total-label{font-size:.75rem;color:#8b7355cc;text-transform:uppercase;letter-spacing:1px}.total-value{font-family:Cinzel,serif;font-weight:700;font-size:1.5rem;color:#fffffff2;text-shadow:0 0 10px rgba(139,115,85,.4)}.multiclass-add-btn-compact{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px dashed rgba(139,115,85,.4)!important;color:#8b7355cc!important;padding:.75rem 1.5rem!important;font-weight:600;transition:all .3s ease}.multiclass-add-btn-compact:hover{background:linear-gradient(135deg,#3c3c4680,#32323c66);border-color:#8b735599!important;color:#ffffffe6!important;transform:translateY(-2px)}.character-stats-column{background:linear-gradient(135deg,#1e1e2833,#14141e1a);padding:1.5rem;border-radius:12px;border:1px solid rgba(139,115,85,.15)}@media (min-width: 1920px){.character-header-content{padding:2rem}.character-identity-column,.character-stats-column{padding:2.5rem}.character-avatar-large{width:200px;height:200px;border-width:5px}.name-section .character-name-input{font-size:2rem!important;max-width:600px}.name-section .character-name-display{font-size:2.25rem!important}.multiclass-card-horizontal{min-width:200px;padding:1rem 1.5rem}.class-icon-small{width:32px;height:32px}.class-name{font-size:1.05rem}.class-level{font-size:.9rem}.character-stats-grid{padding:2rem}}@media (min-width: 2560px){.character-avatar{width:3000px;height:3000px;border-width:6px}.character-avatar-container{margin-bottom:2rem}}@media (max-width: 1366px){.character-identity-section{gap:2rem;padding:1.5rem}.character-avatar-large{width:160px;height:160px}.multiclass-card-horizontal{min-width:160px;padding:.6rem 1rem}.class-icon-small{width:24px;height:24px}}@media (max-width: 1200px){.character-header-content{gap:1.5rem;padding:1rem}.character-identity-section{flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:1.25rem}.character-info-wrapper{width:100%;align-items:center}.character-name-race{align-items:center;width:100%}.name-section .character-name-input,.name-section .character-name-display{text-align:center!important}.multiclass-horizontal{padding:1rem}.multiclass-cards-horizontal{justify-content:center}.race-class-section{padding-left:.5rem}.multiclass-container{font-size:.95rem}.multiclass-grid{padding:1.25rem;gap:.9rem}.multiclass-card{padding:1rem 1.25rem;min-height:70px}.multiclass-class-icon{width:28px;height:28px}.multiclass-name{font-size:1.1rem}}@media (max-width: 1200px){.character-avatar{width:180px;height:180px}}@media (max-width: 768px){.character-avatar-large{width:140px;height:140px;border-width:3px}.character-identity-section{padding:1rem;gap:1rem}.name-section .character-name-input{font-size:1.5rem!important}.name-section .character-name-display{font-size:1.75rem!important}.multiclass-cards-horizontal{flex-direction:column;align-items:stretch;gap:.75rem}.multiclass-card-horizontal{min-width:auto;width:100%}.total-level-badge{margin-left:0;margin-top:.75rem;width:100%;flex-direction:row;justify-content:center;gap:.5rem}.character-stats-grid{padding:1rem}.character-avatar{width:150px;height:150px;border-width:4px}.multiclass-display{margin-top:1rem}.multiclass-container{border-radius:14px;min-height:180px}.multiclass-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.multiclass-title{font-size:1rem}.multiclass-icon{width:20px;height:20px}.multiclass-grid{gap:.75rem;padding:1rem}.multiclass-card{padding:.75rem 1rem;min-height:60px}.multiclass-class-icon{width:24px;height:24px}.multiclass-name{font-size:1rem}.multiclass-level{font-size:.9rem;padding:.3rem .7rem}.class-progress{width:90px;height:5px}.primary-badge{top:-6px;right:-6px;width:24px;height:24px}.primary-badge svg{width:14px;height:14px}.multiclass-summary{padding:.75rem 1rem;font-size:.9rem}.multiclass-empty{padding:2rem 1.5rem}.multiclass-add-btn{padding:.75rem 1.5rem;font-size:.9rem}.multiclass-edit-btn{min-width:40px;height:40px;padding:.6rem}.multiclass-edit-btn svg{width:18px;height:18px}}@media (max-width: 480px){.character-avatar-large{width:120px;height:120px}.avatar-controls{gap:.25rem}.avatar-controls .btn{padding:.4rem!important}.multiclass-header-compact{flex-wrap:wrap;gap:.5rem}.multiclass-card-horizontal{padding:.5rem .75rem}.class-icon-small{width:20px;height:20px}.class-name{font-size:.85rem}.class-level{font-size:.75rem}.total-value{font-size:1.25rem}.multiclass-container{border-radius:12px}.multiclass-header{padding:.6rem .75rem}.multiclass-title{font-size:.9rem;gap:.5rem}.multiclass-grid{padding:.75rem;gap:.6rem}.multiclass-card{padding:.6rem .75rem;min-height:50px;gap:.75rem}.multiclass-class-icon{width:20px;height:20px}.multiclass-name{font-size:.9rem}.multiclass-level{font-size:.8rem;padding:.25rem .6rem}}.race-class-section{margin-bottom:2rem}.multiclass-display{margin-top:1.5rem;position:relative;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.multiclass-container{background:linear-gradient(135deg,#1a1a2eb3,#1a1a2e80);border:2px solid rgba(212,175,55,.3);border-radius:10px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0006,0 8px 24px #0000004d,0 0 40px #d4af370d;transition:all .3s ease}.multiclass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(212,175,55,.08) 0%,transparent 100%);pointer-events:none}.multiclass-container:hover{border-color:#d4af3780;box-shadow:inset 0 0 30px #0006,0 8px 32px #0006,0 0 60px #d4af3714}.multiclass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(212,175,55,.2);position:relative}.multiclass-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary-gold);box-shadow:0 0 10px #d4af3780}.multiclass-title{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;color:var(--text-gold);font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(212,175,55,.2)}.multiclass-icon{width:24px;height:24px;color:var(--primary-gold);filter:drop-shadow(0 0 6px rgba(212,175,55,.5));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.multiclass-edit-btn{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1.5px solid rgba(212,175,55,.4);color:var(--text-gold);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0003}.multiclass-edit-btn svg{width:16px;height:16px}.multiclass-edit-btn:hover{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:var(--primary-gold);color:var(--primary-gold);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 4px 8px #0000004d,0 0 20px #d4af371a}.multiclass-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.multiclass-card{background:linear-gradient(145deg,#1a1a2ecc,#1a1a2e99);border:1.5px solid rgba(212,175,55,.25);border-radius:8px;padding:1rem;position:relative;transition:all .3s ease;overflow:hidden;cursor:pointer}.multiclass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(212,175,55,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.multiclass-card:hover:before{opacity:1}.multiclass-card:hover{background:linear-gradient(145deg,#1a1a2ee6,#1a1a2eb3);border-color:#d4af3780;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0006,0 0 30px #d4af371a}.multiclass-card.primary-class{border-color:var(--primary-gold);background:linear-gradient(145deg,#1a1a2ee6,#1a1a2eb3);box-shadow:0 4px 16px #0000004d,0 0 30px #d4af3726,inset 0 0 20px #d4af370d}.primary-badge{position:absolute;top:.5rem;right:.5rem;color:var(--primary-gold);filter:drop-shadow(0 0 4px rgba(212,175,55,.6));animation:spin 8s linear infinite}.multiclass-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.multiclass-class-icon{width:32px;height:32px;padding:6px;background:radial-gradient(circle at center,#d4af3733,#d4af370d);border-radius:50%;color:var(--primary-gold);filter:drop-shadow(0 0 4px rgba(212,175,55,.4));transition:all .3s ease}.multiclass-card:hover .multiclass-class-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}.multiclass-name{font-size:1rem;font-weight:700;color:var(--text-gold);text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.02em}.multiclass-card-body{display:flex;flex-direction:column;gap:.5rem}.multiclass-level{font-size:.9rem;color:#c9c9d0e6;font-weight:500;display:flex;align-items:center;gap:.25rem}.class-progress{height:6px;background:#0006;border-radius:3px;overflow:hidden;margin-top:.5rem;box-shadow:inset 0 1px 3px #0000004d}.class-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-gold) 0%,rgba(212,175,55,.7) 50%,rgba(212,175,55,.5) 100%);transition:width .6s ease;position:relative;overflow:hidden}.class-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmerProgress 2s ease-in-out infinite}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.multiclass-summary{text-align:center;padding-top:1rem;margin-top:1rem;border-top:2px solid rgba(212,175,55,.2);position:relative}.multiclass-summary:before{content:"✦";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#1a1a2e;padding:0 .5rem;color:var(--primary-gold);font-size:1.2rem}.multiclass-total-level{font-size:1.1rem;font-weight:700;color:var(--primary-gold);font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(212,175,55,.3)}.multiclass-empty{text-align:center;padding:3rem 2rem;background:#0000001a;border-radius:8px;border:1px dashed rgba(212,175,55,.3)}.multiclass-add-btn{margin:0 auto;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:2px solid rgba(212,175,55,.4);color:var(--text-gold);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0003}.multiclass-add-btn:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:var(--primary-gold);color:var(--primary-gold);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 6px 12px #0000004d,0 0 30px #d4af3726}.multiclass-add-btn:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0003}@media (max-width: 768px){.race-class-section,.race-selector-container{padding:1rem}.race-select-wrapper{flex-direction:column;align-items:stretch;gap:1rem}.race-icon-display{align-self:center}.multiclass-grid{grid-template-columns:1fr}.multiclass-container{padding:1rem}.multiclass-title{font-size:1rem}}.race-selector.loading{opacity:.6;pointer-events:none}.race-selector.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(212,175,55,.2);border-top-color:var(--primary-gold);border-radius:50%;animation:spin .8s linear infinite}.character-identity-compact{padding:1.5rem;border-radius:10px;border:1px solid rgba(212,175,55,.15);margin-bottom:1rem}.character-identity-compact .avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.character-identity-compact .character-avatar-container{position:relative}.character-identity-compact .character-avatar{width:280px;height:280px;border:3px solid var(--border-gold);box-shadow:0 0 20px #d4af3733,inset 0 0 20px #0000004d}.character-identity-compact .name-section{flex:1}.character-identity-compact .character-name-input{background:#1a1a2e99;border:2px solid rgba(212,175,55,.3);padding:.75rem 1rem;font-size:1.1rem;font-weight:600;letter-spacing:.02em;transition:all .3s ease}.character-identity-compact .character-name-input:focus{background:#1a1a2ecc;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4af3733,inset 0 0 10px #0000004d}.character-identity-compact .character-name-display{font-size:1.5rem;font-weight:700;color:var(--text-gold);font-family:Cinzel,serif;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(212,175,55,.2);letter-spacing:.03em}.multiclass-card{animation:cardAppear .4s ease-out;animation-fill-mode:both}.multiclass-card:nth-child(1){animation-delay:.1s}.multiclass-card:nth-child(2){animation-delay:.2s}.multiclass-card:nth-child(3){animation-delay:.3s}.multiclass-card:nth-child(4){animation-delay:.4s}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.race-icon-display:hover{transform:scale(1.1) rotate(5deg);box-shadow:inset 0 0 15px #d4af3733,0 0 20px #d4af374d}.race-selector-container:after,.multiclass-container:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.1) 50%,transparent 70%);opacity:0;z-index:-1;border-radius:inherit;transition:opacity .3s ease}.race-selector-container:hover:after,.multiclass-container:hover:after{opacity:1;animation:glowRotate 3s linear infinite}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.multiclass-level{position:relative}.multiclass-level:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:var(--text-gold);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(212,175,55,.3)}.multiclass-card:hover .multiclass-level:after{opacity:1}.race-selector *,.multiclass-display *{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.race-selector .form-select:focus-visible,.multiclass-edit-btn:focus-visible,.multiclass-add-btn:focus-visible{outline:2px solid var(--primary-gold);outline-offset:2px}.race-class-section{display:flex;flex-direction:column;gap:1.5rem;padding:0;background:transparent;border:none;box-shadow:none;position:relative;overflow:visible}.race-class-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(212,175,55,.05) 0%,transparent 70%);animation:shimmer 15s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{transform:translate(0) rotate(0);opacity:.5}50%{transform:translate(-25%,-25%) rotate(180deg);opacity:1}}.race-selector{position:relative;z-index:1}.race-selector-container{background:linear-gradient(135deg,#1a1a2eb3,#1a1a2e80);border:2px solid rgba(212,175,55,.3);border-radius:10px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #0003,inset 0 0 20px #0003}.race-selector-container:hover{border-color:var(--primary-gold);box-shadow:0 0 20px #d4af3726,inset 0 0 20px #d4af370d}.race-selector-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.race-selector-icon{width:24px;height:24px;color:var(--primary-gold);filter:drop-shadow(0 0 4px rgba(212,175,55,.4))}.race-selector .form-label{font-size:1.1rem;font-weight:700;color:var(--text-gold);margin:0;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.race-select-wrapper{position:relative;display:flex;align-items:center;gap:.75rem}.race-icon-display{width:48px;height:48px;background:radial-gradient(circle at center,#d4af3726,#1a1a2ecc);border:2px solid var(--border-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #0000004d,0 0 10px #d4af3733;transition:all .3s ease}.race-icon-display svg{width:28px;height:28px;color:var(--primary-gold);filter:drop-shadow(0 0 3px rgba(212,175,55,.5))}.race-selector .form-select{flex:1;background:linear-gradient(to right,#1a1a2ef2,#1a1a2ed9);border:2px solid rgba(212,175,55,.3);color:#fff;font-size:1rem;font-weight:500;padding:.75rem 2.5rem .75rem 1rem;border-radius:6px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.race-selector .form-select:hover:not(:disabled){background-color:#1a1a2e;border-color:var(--primary-gold);box-shadow:0 0 0 1px var(--primary-gold),inset 0 2px 4px #0000004d,0 4px 12px #d4af371a;transform:translateY(-1px)}.race-selector .form-select:focus{outline:none;background-color:#1a1a2e;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4af3733,inset 0 2px 4px #0000004d,0 4px 16px #d4af3726}.race-selector .form-select:disabled{background:#1a1a2e80;border-color:#d4af371a;opacity:.6;cursor:not-allowed;transform:none}.race-selector .form-select option{background-color:#1a1a2e;color:#fff;padding:.5rem;font-weight:500}.race-selector .form-select option:hover{background-color:#d4af371a}.race-traits-preview{margin-top:.75rem;padding:.75rem;background:#0003;border-radius:4px;border-left:3px solid var(--primary-gold);font-size:.85rem;color:#c9c9d0e6;line-height:1.4;transition:all .3s ease}.race-traits-preview.hidden{opacity:0;max-height:0;margin-top:0;padding:0;overflow:hidden}.drawing-tools-panel{position:absolute;top:60px;right:20px;background:linear-gradient(135deg,#191c21fa,#1e2128f2);border:1px solid rgba(138,43,226,.3);border-radius:16px;width:320px;box-shadow:0 0 0 1px #8a2be21a inset,0 20px 40px #0009,0 0 80px #8a2be20d;z-index:100;animation:panelSlideIn .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden}@keyframes panelSlideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.drawing-tools-panel h4{margin:0 0 15px;font-size:11px;font-weight:700;color:#8a2be2e6;text-transform:uppercase;letter-spacing:1.2px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(138,43,226,.15);position:relative}.drawing-tools-panel h4:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:linear-gradient(90deg,rgba(138,43,226,.8) 0%,transparent 100%)}.drawing-tools-panel h4 svg{color:#8a2be2b3}.tool-section{padding:20px 24px;background:#ffffff03;border-bottom:1px solid rgba(138,43,226,.08);transition:all .3s ease}.tool-section:hover{background:#8a2be208}.tool-section:last-child{border-bottom:none}.tool-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}.tool-btn{aspect-ratio:1;background:linear-gradient(135deg,#ffffff0d,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;min-height:56px;position:relative;overflow:hidden}.tool-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8a2be24d;transition:all .5s ease;transform:translate(-50%,-50%)}.tool-btn:hover{background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border-color:#8a2be24d;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be233}.tool-btn:hover:before{width:100%;height:100%;border-radius:12px}.tool-btn.active{background:linear-gradient(135deg,#8a2be2e6,#8a2be2b3);border-color:#8a2be280;color:#fff;box-shadow:0 0 0 2px #8a2be233,0 4px 16px #8a2be266,0 0 40px #8a2be233 inset;transform:scale(1.05)}.tool-btn.active svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.tool-btn svg{width:22px;height:22px;position:relative;z-index:1}.style-controls{display:flex;flex-direction:column;gap:15px}.style-controls label{display:flex;align-items:center;gap:10px;font-size:12px;color:#ffffffb3;font-weight:500;padding:8px 12px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.style-controls label:hover{background:#ffffff0a;border-color:#8a2be233}.style-controls input[type=color]{width:45px;height:35px;border:none;border-radius:8px;cursor:pointer;background:transparent;margin-left:auto;position:relative;transition:transform .2s ease}.style-controls input[type=color]:hover{transform:scale(1.1)}.style-controls input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.style-controls input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 2px 8px #0000004d}.style-controls input[type=range]{flex:1;height:4px;border-radius:2px;background:linear-gradient(90deg,#8a2be24d,#8a2be21a);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.style-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8a2be2e6,#8a2be2b3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 4px #8a2be21a,0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.2)}.style-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 6px #8a2be233,0 4px 12px #8a2be266}.style-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8a2be2e6,#8a2be2b3);cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 4px #8a2be21a,0 2px 8px #0000004d}.style-controls input[type=range]::-moz-range-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 6px #8a2be233,0 4px 12px #8a2be266}.style-controls span{font-size:11px;color:#8a2be2cc;background:#8a2be21a;padding:4px 10px;border-radius:6px;min-width:45px;text-align:center;font-weight:600;border:1px solid rgba(138,43,226,.2)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:#ffffffb3;font-weight:500;padding:10px 14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.checkbox-label:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(138,43,226,.1) 0%,transparent 100%);transition:width .3s ease}.checkbox-label:hover{background:#ffffff0a;border-color:#8a2be233;color:#ffffffe6}.checkbox-label:hover:before{width:100%}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border:2px solid rgba(138,43,226,.3);border-radius:4px;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#8a2be2e6,#8a2be2b3);border-color:#8a2be280}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.duration-input-wrapper{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.duration-input-wrapper label{font-size:12px;color:#ffffffb3;font-weight:500}.duration-input{width:65px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(138,43,226,.2);border-radius:8px;color:#ffffffe6;font-size:13px;font-weight:600;text-align:center;margin-left:auto;transition:all .3s ease}.duration-input:hover{background:#ffffff14;border-color:#8a2be266}.duration-input:focus{outline:none;border-color:#8a2be299;background:#8a2be21a;box-shadow:0 0 0 3px #8a2be21a,0 0 20px #8a2be233}.preset-effects{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.preset-btn{padding:10px 14px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.preset-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(138,43,226,.3) 0%,transparent 70%);transition:all .5s ease;transform:translate(-50%,-50%)}.preset-btn:hover{background:linear-gradient(135deg,#8a2be226,#8a2be214);border-color:#8a2be24d;color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be233}.preset-btn:hover:before{width:120%;height:120%}.preset-btn:active{transform:translateY(0);box-shadow:0 2px 6px #8a2be233}.clear-drawings-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444e6;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.clear-drawings-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.2) 50%,transparent 100%);transition:left .5s ease}.clear-drawings-btn:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444466;color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.clear-drawings-btn:hover:before{left:100%}.clear-drawings-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ef444433}.clear-drawings-btn svg{transition:transform .3s ease}.clear-drawings-btn:hover svg{transform:rotate(-10deg) scale(1.1)}.drawing-tools-panel::-webkit-scrollbar{width:6px}.drawing-tools-panel::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.drawing-tools-panel::-webkit-scrollbar-thumb{background:#8a2be24d;border-radius:3px}.drawing-tools-panel::-webkit-scrollbar-thumb:hover{background:#8a2be280}.drawing-tools-content{overflow-y:auto;overflow-x:hidden;flex:1;padding-right:4px}@media (max-width: 768px){.drawing-tools-panel{top:10px;right:10px;width:280px}.tool-section{padding:16px 18px}.preset-effects{grid-template-columns:1fr}.tool-buttons{gap:8px}.tool-btn{min-height:48px}}.map-upload-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:480px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #000c;z-index:1000;animation:modalSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column}.map-upload-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#0003;border-radius:12px 12px 0 0;flex-shrink:0}.map-upload-modal .modal-header h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0}.map-upload-modal .close-button{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.map-upload-modal .close-button:hover{background:#ffffff1a;color:#fff}.map-upload-modal .modal-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;animation:errorFadeIn .3s ease}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-section{display:flex;flex-direction:column;gap:16px}.file-upload-label{display:block;cursor:pointer;transition:all .2s ease}.upload-placeholder{background:#ffffff08;border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-placeholder:hover{background:#ffffff0d;border-color:#3b82f6}.upload-placeholder svg{color:#3b82f6;opacity:.8}.upload-placeholder p{margin:0;font-size:14px;font-weight:500;color:#e0e0e0}.file-info{font-size:12px;color:#888}.map-preview{background:#0000004d;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.map-preview img{width:100%;height:200px;object-fit:contain;border-radius:4px}.map-config-section{background:#ffffff08;border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.08)}.map-config-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field:last-child{grid-column:1 / -1}.config-field label{font-size:13px;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:6px}.config-field input[type=number],.config-field input[type=color],.config-field select{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;transition:all .2s ease}.config-field input[type=number]:hover,.config-field select:hover{background:#ffffff1a;border-color:#ffffff26}.config-field input[type=number]:focus,.config-field select:focus{outline:none;border-color:#3b82f6;background:#ffffff1f;box-shadow:0 0 0 3px #3b82f61a}.config-field input[type=color]{width:50px;height:38px;padding:4px;cursor:pointer}.config-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.config-field input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.config-field:has(input[type=range]){position:relative}.config-field:has(input[type=range]) label span{position:absolute;right:0;top:0;font-size:12px;color:#888;background:#ffffff14;padding:2px 8px;border-radius:4px}.config-field input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .2s ease}.config-field input[type=range]:hover{background:#ffffff26}.config-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.config-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#2563eb}.config-field input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 4px #0003}.config-field input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);background:#2563eb}.color-preset:hover{border-color:#ffffff4d;transform:scale(1.1)}.config-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23888' d='M6 7L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.map-upload-modal .modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);background:#0003;border-radius:0 0 12px 12px;flex-shrink:0}.map-upload-modal .cancel-button,.map-upload-modal .confirm-button{padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.map-upload-modal .cancel-button{background:#ffffff14;color:#b0b0b0}.map-upload-modal .cancel-button:hover:not(:disabled){background:#ffffff1f;color:#fff}.map-upload-modal .confirm-button{background:#3b82f6;color:#fff}.map-upload-modal .confirm-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.map-upload-modal .cancel-button:disabled,.map-upload-modal .confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.map-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}.grid-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-upload-tabs{display:flex;gap:8px;background:#ffffff08;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:6px;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#ffffff0d;color:#e0e0e0}.tab-button.active{background:#3b82f626;color:#3b82f6}.library-section{min-height:300px;display:flex;flex-direction:column}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:#888}.library-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:#666}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.library-map-item{display:flex;flex-direction:column;gap:6px;padding:8px;background:#ffffff08;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.library-map-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.library-map-item.selected{background:#3b82f61a;border-color:#3b82f6}.library-map-preview{width:100%;aspect-ratio:1;background:#0000004d;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.library-map-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.library-map-item:hover .library-map-preview img{transform:scale(1.05)}.library-map-name{font-size:12px;color:#e0e0e0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-grid::-webkit-scrollbar{width:8px}.library-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.library-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.library-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.lazy-image-container{width:100%;height:100%;position:relative}.lazy-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff08}.lazy-image-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.lazy-image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff08;color:#ef4444;font-size:24px}.lazy-image-loaded{width:100%;height:100%;object-fit:cover;animation:fadeIn .3s ease}@media (max-width: 600px){.map-upload-modal{width:95%;max-height:90vh}.config-grid{grid-template-columns:1fr}.map-preview img{height:150px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.turn-context-menu{position:fixed;z-index:999999;background:#14141efa;border:1px solid rgba(212,175,55,.3);border-radius:8px;box-shadow:0 10px 30px #00000080,0 0 20px #d4af371a;padding:0;min-width:200px;font-family:Cinzel,serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:contextMenuFadeIn .2s ease-out;pointer-events:auto}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{padding:12px 16px;border-bottom:1px solid rgba(212,175,55,.2);color:var(--primary-gold);font-weight:600;font-size:.9rem;text-align:center;background:#d4af370d}.context-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.context-menu-item:hover{background:#d4af371a;color:var(--primary-gold);padding-left:20px}.context-menu-item:active{background:#d4af3733}.context-menu-item svg{flex-shrink:0}.context-menu-item span{flex:1}.context-menu-item+.context-menu-item{border-top:1px solid rgba(255,255,255,.05)}.turn-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999998;background:transparent}.context-menu-item:disabled{opacity:.5;cursor:not-allowed;color:#fff6}.context-menu-item:disabled:hover{background:transparent;color:#fff6;padding-left:16px}.context-menu-disabled-message{padding:12px 16px;color:#ffffff80;font-size:.8rem;text-align:center;font-style:italic}.context-menu-item.damage:hover{color:#ef4444;background:#ef44441a}.context-menu-item.heal:hover{color:#10b981;background:#10b9811a}.context-menu-item.wild-magic:hover{color:#a78bfa;background:#a78bfa1a}.context-menu-item.danger:hover{color:#dc2626;background:#dc26261a}.spell-slots-section{padding:8px 0}.spell-slots-header{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--primary-gold);font-weight:600;font-size:.875rem}.spell-slot-level{display:flex;align-items:center;padding:8px 16px;gap:8px;font-size:.8rem;color:#fffc}.spell-slot-level:hover{background:#d4af370d}.spell-slot-level .level-label{min-width:60px;font-weight:500}.spell-slot-level .slots-display{min-width:40px;text-align:center;color:var(--primary-gold);font-weight:600}.spell-slot-level .slot-controls{display:flex;gap:4px;margin-left:auto}.slot-btn{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:var(--primary-gold);cursor:pointer;transition:all .2s ease}.slot-btn:hover:not(:disabled){background:#d4af3733;border-color:var(--primary-gold);transform:scale(1.1)}.slot-btn:active:not(:disabled){transform:scale(.95)}.slot-btn.minus:hover:not(:disabled){color:#ef4444;border-color:#ef4444;background:#ef44441a}.slot-btn.plus:hover:not(:disabled){color:#10b981;border-color:#10b981;background:#10b9811a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.combat-action-modal{position:relative;background:var(--surface-color);border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.combat-action-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--background-color)}.combat-action-modal h2{margin:0;font-size:24px;color:var(--primary-color)}.combat-action-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s}.combat-action-modal .close-btn:hover{background:var(--hover-color);color:var(--text-color)}.target-info{padding:12px 20px;background:rgba(var(--danger-rgb),.1);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;font-size:16px}.target-info strong{color:var(--danger);font-weight:600}.target-info .separator{color:var(--text-muted);margin:0 8px}.combat-action-modal .modal-content{padding:20px;overflow-y:auto;flex:1;background:var(--surface-color)}.combat-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.combat-action-btn{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-height:140px}.combat-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.combat-action-btn:disabled{opacity:.5;cursor:not-allowed}.combat-action-btn svg{color:var(--text-secondary)}.combat-action-btn span{font-weight:600;font-size:16px;color:var(--text-color)}.combat-action-btn small{font-size:12px;color:var(--text-secondary)}.combat-action-btn.weapon:hover:not(:disabled){border-color:#ef4444;background:#ef44441a}.combat-action-btn.weapon:hover svg{color:#ef4444}.combat-action-btn.spell:hover:not(:disabled){border-color:#8b5cf6;background:#8b5cf61a}.combat-action-btn.spell:hover svg{color:#8b5cf6}.weapon-selection,.spell-selection{display:flex;flex-direction:column;gap:16px}.weapon-selection h3,.spell-selection h3{margin:0 0 8px;color:var(--primary-color);font-size:20px}.weapons-list,.spells-list{display:flex;flex-direction:column;gap:16px;max-height:450px;overflow-y:auto;padding-right:8px;margin-bottom:16px}.weapon-item,.spell-item{animation:fadeIn .3s ease-out}.weapon-item{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:80px}.spell-item{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:24px 20px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:120px;position:relative;overflow:visible}.weapon-item:hover,.spell-item:hover{border-color:var(--primary-color);background:var(--hover-color);transform:translate(4px)}.weapon-info,.spell-info{flex:1;text-align:left;min-width:0}.weapon-info h4,.spell-info h4{margin:0 0 12px;font-size:18px;color:var(--text-color);font-weight:600;line-height:1.3;white-space:normal;word-break:break-word}.weapon-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--text-secondary)}.spell-meta{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--text-secondary)}.spell-meta>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.weapon-stats .damage,.spell-meta .damage{color:#ef4444;font-weight:500;display:inline-flex;align-items:center;gap:4px;background:#ef44441a;padding:3px 10px;border-radius:4px;white-space:nowrap;line-height:1.4}.weapon-stats .properties{font-style:italic}.spell-meta .level{color:#8b5cf6;font-weight:500;background:#8b5cf61a;padding:3px 10px;border-radius:4px;white-space:nowrap;line-height:1.4}.spell-meta .school{color:#3b82f6;background:#3b82f61a;padding:3px 10px;border-radius:4px;white-space:nowrap;line-height:1.4}.spell-meta .attack-bonus{color:#10b981;font-weight:500;background:#10b9811a;padding:3px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;line-height:1.4}.spell-meta .save-info{color:#f59e0b;font-weight:500;background:#f59e0b1a;padding:3px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;line-height:1.4}.back-btn{width:100%;padding:12px;background:none;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--hover-color)}.weapons-list::-webkit-scrollbar,.spells-list::-webkit-scrollbar{width:8px}.weapons-list::-webkit-scrollbar-track,.spells-list::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.weapons-list::-webkit-scrollbar-thumb,.spells-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.weapons-list::-webkit-scrollbar-thumb:hover,.spells-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.spell-item>svg{flex-shrink:0;color:#8b5cf6;opacity:.8;transition:all .2s}.spell-item:hover>svg{opacity:1;transform:rotate(180deg)}.spell-item.has-damage{border-left:4px solid #ef4444;padding-left:20px}.spell-item.has-save{border-left:4px solid #f59e0b;padding-left:20px}.spell-item.has-attack{border-left:4px solid #10b981;padding-left:20px}.weapon-item>svg{flex-shrink:0;color:#ef4444;opacity:.8;transition:all .2s}.weapon-item:hover>svg{opacity:1;transform:scale(1.1)}@media (max-width: 768px){.combat-action-modal{width:95%;max-height:90vh}.combat-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.combat-action-btn{padding:16px;min-height:120px}.combat-action-btn svg{width:24px;height:24px}.combat-action-btn span{font-size:14px}.weapon-item{padding:12px;min-height:70px}.spell-item{padding:18px 16px;min-height:110px}.weapon-info h4,.spell-info h4{font-size:16px;margin-bottom:8px}.spell-meta{font-size:12px}.spell-meta span{padding:1px 6px}.spell-meta svg{width:12px;height:12px}.weapons-list,.spells-list{max-height:350px}}.flanking-bonus-indicator{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;animation:flankingGlow 2s ease-in-out infinite}.flanking-bonus-indicator .bonus-icon{font-size:20px}.flanking-bonus-indicator .bonus-text{color:#22c55e;font-weight:500;font-size:14px}@keyframes flankingGlow{0%,to{box-shadow:0 0 5px #22c55e33}50%{box-shadow:0 0 15px #22c55e66}}.empty-weapons-container,.empty-spells-container{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:16px;margin-bottom:20px;text-align:center}.empty-spells-container{background:#8b5cf60d;border-color:#8b5cf633}.empty-message{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px;font-weight:500;color:var(--text-color);font-size:16px}.empty-message svg{color:#f59e0b}.help-text{margin:0;color:var(--text-secondary);font-size:14px}.available-section-title{margin:0 0 16px;color:var(--primary-color);font-size:16px;font-weight:600;text-align:left}.available-weapon-item,.available-spell-item{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s}.available-weapon-item:hover,.available-spell-item:hover{border-color:var(--primary-color);background:var(--hover-color)}.quick-equip-btn,.quick-prepare-btn{flex-shrink:0;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-equip-btn:hover:not(:disabled),.quick-prepare-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.quick-equip-btn:disabled,.quick-prepare-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-weapons-message,.no-spells-message{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px 20px;background:var(--background-color);border-radius:8px;border:1px dashed var(--border-color)}.available-spell-item .spell-info{flex:1;min-width:0}.available-spell-item .spell-meta{display:flex;flex-direction:column;gap:8px;margin-top:8px}.available-spell-item .spell-meta>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.available-spell-item .damage{background:#ef44441a;color:#ef4444;padding:3px 10px;border-radius:4px;font-size:13px;font-weight:500}@media (max-width: 768px){.available-weapon-item,.available-spell-item{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.quick-equip-btn,.quick-prepare-btn{width:100%;padding:10px}.empty-message{font-size:14px}.help-text{font-size:12px}}.hp-modal-overlay{z-index:2300!important}.hp-modification-modal{max-width:600px!important;width:90%;max-height:85vh;overflow-y:auto}.hp-current-status{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.hp-bar{width:100%}.hp-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hp-label{font-weight:600;color:#495057}.hp-value{font-weight:700;font-size:1.1rem;color:#212529}.hp-progress{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.hp-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:10px}.operation-selection{margin-bottom:1.5rem}.operation-selection h4{margin-bottom:.75rem;color:#495057;font-size:1rem}.operation-buttons{display:flex;gap:.5rem}.operation-btn{flex:1;padding:.75rem 1rem;border:2px solid #dee2e6;background:#fff;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.operation-btn:hover{border-color:#adb5bd;background:#f8f9fa}.operation-btn.active.damage{border-color:#dc3545;background:#dc3545;color:#fff}.operation-btn.active.heal{border-color:#28a745;background:#28a745;color:#fff}.value-input{margin-bottom:1.5rem}.value-input label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.value-input input{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:8px;font-size:1.1rem;text-align:center;transition:border-color .2s ease}.value-input input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.hp-preview{padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;margin-bottom:1.5rem}.hp-preview h4{margin-bottom:.75rem;color:#495057;font-size:1rem}.preview-calculation{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.current-hp{color:#6c757d}.operation-symbol{color:#495057;font-size:1.4rem}.modifier-value{color:#0d6efd}.equals{color:#495057;font-size:1.4rem}.new-hp.damage{color:#dc3545}.new-hp.heal{color:#28a745}.hp-bar.preview{margin-top:.75rem}.warning-message{padding:.75rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.info-message{padding:.75rem;background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;color:#0c5460;margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.form-actions{display:flex;justify-content:space-between;gap:1rem}.form-actions .cancel-btn{flex:1;padding:.75rem 1.5rem;border:2px solid #6c757d;background:#fff;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.form-actions .cancel-btn:hover{background:#6c757d;color:#fff}.form-actions .save-btn{flex:2;padding:.75rem 1.5rem;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-actions .save-btn.damage{background:#dc3545}.form-actions .save-btn.damage:hover:not(:disabled){background:#c82333}.form-actions .save-btn.heal{background:#28a745}.form-actions .save-btn.heal:hover:not(:disabled){background:#218838}.form-actions .save-btn:disabled{background:#6c757d!important;cursor:not-allowed;opacity:.6}@media (max-width: 576px){.hp-modification-modal{width:55%;max-width:none}.operation-buttons{flex-direction:column}.preview-calculation{flex-wrap:wrap;gap:.5rem}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .save-btn{flex:none}}.wild-magic-modal{max-width:600px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #7c3aed;box-shadow:0 0 30px #7c3aed80}.wild-magic-header{background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff;padding:1rem 1.5rem;border-radius:.5rem .5rem 0 0}.wild-magic-header h2{margin:0;display:flex;align-items:center;font-size:1.5rem}.activation-section{text-align:center;padding:2rem}.activation-info{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.target-numbers{font-size:1.2rem;margin-top:1rem}.target-list{color:#a855f7;font-weight:700;font-size:1.4rem}.btn-wild-magic{background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;padding:.75rem 2rem;font-size:1.1rem;display:inline-flex;align-items:center;transition:all .3s ease}.btn-wild-magic:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7c3aed66}.btn-wild-magic:disabled{opacity:.6;cursor:not-allowed}.activated-section{text-align:center;padding:3rem}.activation-success{animation:magicPulse 2s ease-in-out infinite}.activation-success p{margin:1rem 0;font-size:1.1rem;color:#e9d5ff}.activation-success h3{color:#a855f7;margin-bottom:1rem;font-size:1.8rem;text-shadow:0 0 20px rgba(168,85,247,.5)}.activation-success .btn-wild-magic{background:linear-gradient(90deg,#9333ea,#c026d3);font-size:1.2rem;padding:1rem 2.5rem;margin-top:2rem;animation:buttonGlow 2s ease-in-out infinite}@keyframes buttonGlow{0%,to{box-shadow:0 0 20px #9333ea80}50%{box-shadow:0 0 30px #c026d3cc}}.sparkle-icon{color:#a855f7;margin-bottom:1rem;animation:sparkleRotate 2s linear infinite}@keyframes magicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.surge-result-section{padding:2rem}.surge-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(124,58,237,.3)}.surge-header h3{color:#a855f7;margin-bottom:.5rem}.surge-roll{font-size:1.2rem;color:#e9d5ff}.surge-effect{background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.surge-effect h4{color:#e9d5ff;margin-bottom:1rem;font-size:1.3rem}.surge-effect .duration{color:#c084fc;margin-bottom:.5rem}.surge-effect .description{color:#e9d5ff;line-height:1.6}.last-roll{color:#ef4444;font-style:italic}.wild-magic-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(124,58,237,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(196,132,252,.2) 0%,transparent 50%);pointer-events:none;opacity:.5;animation:floatingParticles 20s ease-in-out infinite}@keyframes floatingParticles{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.opportunity-attack-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 10px 30px #00000080;z-index:10000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;color:var(--text-primary);font-size:20px}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.modal-body{margin-bottom:16px}.provocation-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.provocation-item:last-child{margin-bottom:0}.provocation-info{font-size:14px;color:var(--text-primary)}.attacker-name{color:#ef4444;font-weight:700}.target-name{color:#3b82f6;font-weight:700}.provocation-actions{display:flex;gap:8px}.provocation-resolved{color:var(--text-muted);font-size:14px;font-style:italic}.resolved-text{padding:4px 12px;background:#00ff001a;border-radius:4px;color:#22c55e}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-sm{padding:4px 10px;font-size:13px}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.modal-footer{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.info-text{font-size:12px;color:var(--text-muted);margin:0;text-align:center}.grid-settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:320px;box-shadow:0 20px 60px #000c;z-index:1000;animation:modalSlideIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.grid-settings-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#0003;border-radius:12px 12px 0 0}.grid-settings-modal .modal-header h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0}.grid-settings-modal .close-button{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.grid-settings-modal .close-button:hover{background:#ffffff1a;color:#fff}.grid-settings-modal .modal-body{padding:20px}.grid-settings-content{display:flex;flex-direction:column;gap:20px}.setting-group label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#e0e0e0;gap:6px}.setting-value{font-size:12px;color:#888;background:#ffffff14;padding:2px 8px;border-radius:4px;font-weight:400;margin-left:auto}.setting-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#2563eb}.setting-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.setting-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#2563eb}.color-input-wrapper{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.color-input-wrapper:hover{background:#ffffff0d;border-color:#ffffff1f}.setting-color-input{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;background:transparent}.setting-color-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.1);border-radius:6px}.color-value{font-family:Courier New,monospace;font-size:13px;color:#888;text-transform:uppercase}.grid-preview{background:#ffffff08;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.08)}.preview-label{font-size:12px;font-weight:500;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-area{display:flex;justify-content:center;align-items:center;padding:8px;background:#0000004d;border-radius:6px;overflow:hidden}.preview-area svg{border-radius:4px;box-shadow:0 2px 8px #0003}.grid-settings-modal .modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);background:#0003;border-radius:0 0 12px 12px}.grid-settings-modal .button-primary,.grid-settings-modal .button-secondary{padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.grid-settings-modal .button-primary{background:#3b82f6;color:#fff}.grid-settings-modal .button-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.grid-settings-modal .button-secondary{background:#ffffff14;color:#b0b0b0}.grid-settings-modal .button-secondary:hover{background:#ffffff1f;color:#fff}.grid-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}.color-presets{display:flex;gap:6px;margin-top:8px}.color-preset{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-preset:hover{border-color:var(--text-secondary);transform:scale(1.1)}.color-preset.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.setting-slider{transition:background .2s ease}.setting-slider:hover{background:#ffffff26}@media (max-width: 480px){.grid-settings-modal{width:90%;max-width:320px}}.ar-viewer-modal{width:90%;max-width:800px;max-height:90vh;background:var(--bg-secondary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.ar-viewer-content{padding:24px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.ar-section{background:var(--bg-primary);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.ar-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--text-primary);font-size:18px}.ar-section p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.marker-preview{width:100%;aspect-ratio:1;background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.marker-preview img{width:100%;height:100%;object-fit:contain}.download-marker-btn{width:100%;padding:12px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.download-marker-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.qr-code-container{width:100%;aspect-ratio:1;background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.qr-code-container canvas{max-width:100%;height:auto}.url-display{display:flex;gap:8px}.url-display input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:monospace}.url-display button{padding:8px 16px;background:var(--button-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.url-display button:hover{background:var(--button-secondary-hover)}.ar-instructions{grid-column:1 / -1;background:var(--bg-primary);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.ar-instructions h3{margin:0 0 12px;color:var(--text-primary);font-size:16px}.ar-instructions ol{margin:0;padding-left:24px;color:var(--text-secondary)}.ar-instructions li{margin-bottom:8px;font-size:14px}@media (max-width: 768px){.ar-viewer-content{grid-template-columns:1fr;gap:16px;padding:16px}.ar-section{padding:16px}}.lazy-avatar{position:relative;display:inline-block;overflow:hidden;border-radius:50%;background-color:#2d3748;flex-shrink:0}.lazy-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#374151,#1f2937);border-radius:50%;position:relative;overflow:hidden}.lazy-avatar-placeholder.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.lazy-avatar-spinner{width:20px;height:20px;border:2px solid #4b5563;border-top-color:#9ca3af;border-radius:50%;animation:spin .8s linear infinite}.lazy-avatar-initials{font-size:14px;font-weight:600;color:#d1d5db;text-transform:uppercase;-webkit-user-select:none;user-select:none}.lazy-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.lazy-avatar-40{width:40px;height:40px}.lazy-avatar-40 .lazy-avatar-initials{font-size:14px}.lazy-avatar-32{width:32px;height:32px}.lazy-avatar-32 .lazy-avatar-initials{font-size:12px}.lazy-avatar-32 .lazy-avatar-spinner{width:16px;height:16px}.notification-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;animation:fadeIn .2s ease-out}.notification-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-bg, #2d2d30);border:1px solid var(--modal-border, #444);border-radius:8px;min-width:320px;max-width:400px;box-shadow:0 4px 20px #0000004d;z-index:9999;animation:slideIn .3s ease-out}.notification-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--modal-border, #444);background:var(--modal-header-bg, #1e1e1e);border-radius:8px 8px 0 0}.notification-modal-title{display:flex;align-items:center;gap:8px;color:var(--text-primary, #fff)}.notification-modal-title h3{margin:0;font-size:18px;font-weight:600}.notification-modal-close{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notification-modal-close:hover{background:var(--hover-bg, #3d3d40);color:var(--text-primary, #fff)}.notification-modal-content{padding:24px 20px;color:var(--text-primary, #fff)}.notification-modal-content p{margin:0;font-size:14px;line-height:1.5}.notification-modal-actions{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--modal-border, #444);background:var(--modal-footer-bg, rgba(0, 0, 0, .1));border-radius:0 0 8px 8px}.notification-modal-button{padding:8px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.notification-modal-button.info{background:var(--info-color, #3498db)}.notification-modal-button.info:hover{background:var(--info-hover, #2980b9)}.notification-modal-button.success{background:var(--success-color, #27ae60)}.notification-modal-button.success:hover{background:var(--success-hover, #229954)}.notification-modal-button.error{background:var(--danger-color, #e74c3c)}.notification-modal-button.error:hover{background:var(--danger-hover, #c0392b)}.notification-modal-button.warning{background:var(--warning-color, #f39c12)}.notification-modal-button.warning:hover{background:var(--warning-hover, #e67e22)}.success-icon{color:var(--success-color, #27ae60)}.error-icon{color:var(--danger-color, #e74c3c)}.warning-icon{color:var(--warning-color, #f39c12)}.info-icon{color:var(--info-color, #3498db)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.barrier-controls{background:#000c;border:1px solid #333;border-radius:8px;padding:15px;margin-bottom:15px;color:#fff}.barrier-controls .controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.barrier-controls h4{margin:0;font-size:16px;color:#fff}.barrier-controls .icon-button{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;transition:color .2s}.barrier-controls .icon-button:hover{color:#fff}.barrier-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.barrier-tool{background:#ffffff1a;border:1px solid #444;border-radius:4px;padding:10px;cursor:pointer;color:#ccc;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .2s}.barrier-tool:hover{background:#fff3;border-color:#666;color:#fff}.barrier-tool.active{background:#2980b9;border-color:#3498db;color:#fff}.barrier-tool svg{font-size:20px}.barrier-tool span{font-size:12px;text-align:center}.clear-barriers-btn{width:100%;padding:10px;border:1px solid #c0392b;background:#c0392b33;color:#e74c3c;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.clear-barriers-btn:hover{background:#c0392b66;border-color:#e74c3c;color:#fff}.clear-barriers-btn svg{font-size:14px}.rules-control{background:#000c;border:1px solid #333;border-radius:8px;padding:15px;margin-bottom:15px;color:#fff}.rules-control h4{margin:0 0 15px;font-size:16px;color:#fff;border-bottom:1px solid #444;padding-bottom:10px}.rule-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333}.rule-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.rule-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:5px}.rule-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.rule-icon{font-size:18px;color:#3498db}.rule-checkbox span{font-size:14px;font-weight:500}.rule-description{font-size:12px;color:#999;margin:0 0 0 46px}.night-mode{background:#ffffff0d;padding:10px;border-radius:4px;margin-left:20px;border-bottom:none}.vision-ranges{margin-top:20px;padding-top:20px;border-top:1px solid #444}.vision-ranges h5{margin:0 0 15px;font-size:14px;color:#ddd}.range-input{margin-bottom:10px}.range-input label{display:flex;align-items:center;gap:10px}.range-input span:first-child{font-size:13px;color:#ccc;min-width:100px}.range-input input[type=number]{width:60px;padding:5px;background:#ffffff1a;border:1px solid #444;border-radius:4px;color:#fff;text-align:center}.range-input input[type=number]:focus{outline:none;border-color:#3498db;background:#ffffff26}.range-input .unit{font-size:12px;color:#999}.battle-map-container{display:flex;flex-direction:column;background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);min-height:calc(100vh - 240px);height:auto}.battle-map-page{padding:16px;min-height:100vh}.battle-map-page .row{display:flex;align-items:stretch;min-height:calc(100vh - 32px)}.battle-map-page .col-lg-8,.battle-map-page .col-lg-4{display:flex;flex-direction:column}@media (min-width: 992px){.battle-map-page .col-lg-8{flex:0 0 70%;max-width:70%}.battle-map-page .col-lg-4{flex:0 0 30%;max-width:30%}}.battle-map-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:12px 16px;width:100%}.battle-map-main{position:relative;overflow:visible;background:#2a2a2a;min-height:600px}.map-viewport{position:relative;width:100%;min-height:600px;overflow:hidden;cursor:default;background:#3a3a3a}.map-viewport.panning{cursor:move}.grid-overlay{z-index:1}.grid-container{position:absolute;top:0;left:0;background:#2a2a2a;background-image:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:8px;box-shadow:inset 0 0 20px #00000080;pointer-events:none}.map-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.map-control-group{display:flex;gap:4px;align-items:center}.map-control-separator{width:1px;height:28px;background:var(--border-color);margin:0}.map-control-btn{width:40px;height:40px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;position:relative}.map-control-btn svg{display:block;width:20px;height:20px;pointer-events:none}.map-control-btn:hover{background:var(--primary-color);color:#fff}.map-control-btn:hover svg{color:#fff}.map-control-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 0 0 2px #3b82f64d}.map-control-btn.active svg{color:#fff}.map-control-btn.danger{color:#ef4444}.map-control-btn.danger svg{color:#ef4444}.map-control-btn.danger:hover{background:#ef4444;color:#fff}.map-control-btn.danger:hover svg{color:#fff}.map-control-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.token-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:55}.map-token{border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .2s;pointer-events:all;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000080}.map-token.player-token{border:3px solid #22c55e;box-shadow:0 0 8px #22c55e80}.map-token:hover{transform:scale(1.1);box-shadow:0 0 20px #ffffff80;z-index:10}.map-token.selected{box-shadow:0 0 0 3px #3b82f6;z-index:20}.map-token.current-turn{animation:pulse-turn 2s infinite}.map-token.can-attack{cursor:crosshair;position:relative}.map-token.can-attack:before{content:"⚔️";position:absolute;top:-25px;right:-10px;font-size:20px;opacity:0;transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));z-index:10;pointer-events:none}.map-token.can-attack:hover:before{opacity:1;transform:scale(1.2) rotate(-10deg)}.map-token .token-content{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}.map-token.can-attack:hover .token-content:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:radial-gradient(circle at center,transparent 35%,#dc2626 36%,transparent 38%),linear-gradient(to right,transparent 48%,#dc2626 48%,#dc2626 52%,transparent 52%),linear-gradient(to bottom,transparent 48%,#dc2626 48%,#dc2626 52%,transparent 52%);opacity:.8;pointer-events:none;animation:pulse-crosshair 1s ease-in-out infinite;z-index:5}@keyframes pulse-crosshair{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.map-token.can-attack:hover{box-shadow:0 0 0 3px #dc2626,0 4px 8px #dc262666;transform:scale(1.05);border-color:#dc2626}.map-token.can-attack:hover:after{content:"ATACAR";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #dc262699;z-index:100;pointer-events:none;animation:pulse-attack .8s ease-in-out infinite}@keyframes pulse-attack{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@keyframes pulse-turn{0%,to{box-shadow:0 0 #3b82f6cc}50%{box-shadow:0 0 0 10px #3b82f600}}.map-token img{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:50%}.token-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);letter-spacing:1px}.token-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}.token-death-indicator{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.token-death-indicator svg{width:80%;height:80%;color:#dc2626;stroke-width:4;filter:drop-shadow(0 0 4px rgba(0,0,0,.8));animation:deathPulse 2s ease-in-out infinite}@keyframes deathPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.map-token:has(.token-death-indicator){opacity:.8}.map-token:has(.token-death-indicator) img{filter:grayscale(100%) brightness(.7)}.map-token:has(.token-death-indicator) .token-placeholder{filter:grayscale(100%) brightness(.7)}.token-elevation{position:absolute;top:-20px;right:-5px;background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;pointer-events:none}.token-conditions{position:absolute;top:-5px;left:-5px;display:flex;gap:2px;pointer-events:none}.condition-marker{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.movement-controls{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--bg-color);border-top:1px solid var(--border-color);flex-wrap:wrap}.movement-info{display:flex;align-items:center;gap:8px;font-size:14px}.movement-label{color:var(--text-muted);font-weight:500}.movement-value{font-weight:700;color:var(--primary-color);font-size:16px}.movement-used{color:var(--text-muted);font-size:12px}.movement-buttons{display:flex;gap:8px;margin-left:auto}.movement-mode{display:flex;align-items:center}.free-movement-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.free-movement-toggle input[type=checkbox]{cursor:pointer}.free-movement-toggle span{font-size:14px;font-weight:500}@media (max-width: 768px){.movement-controls{flex-direction:column;align-items:stretch;gap:12px}.movement-buttons{margin-left:0;justify-content:center}.movement-info{justify-content:center}}.condition-stunned{background:#6b7280}.condition-prone{background:#a78bfa}.map-token.current-turn{box-shadow:0 0 0 3px #fbbf24,0 0 0 6px #fbbf244d,0 0 20px #fbbf2499;z-index:15}.current-turn-indicator{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);pointer-events:none}.pulse-ring{width:100%;height:100%;border:4px solid #fbbf24;border-radius:50%;animation:pulse-ring 1.5s infinite;box-shadow:0 0 20px #fbbf24,inset 0 0 20px #fbbf244d}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1;box-shadow:0 0 20px #fbbf24,inset 0 0 20px #fbbf244d}50%{transform:scale(1.2);opacity:.7;box-shadow:0 0 40px #fbbf24,inset 0 0 30px #fbbf2480}to{transform:scale(1.5);opacity:0;box-shadow:0 0 60px #fbbf2400,inset 0 0 40px #fbbf2400}}.turn-arrow-indicator{position:absolute;left:50%;transform:translate(-50%);width:28px;height:36px;pointer-events:none;z-index:1000;animation:arrow-float 2s ease-in-out infinite;transition:top .3s ease-out}.turn-arrow{width:100%;height:100%;color:#fbbf24;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(251,191,36,.8)) drop-shadow(0 0 24px rgba(251,191,36,.4));animation:arrow-pulse 2s ease-in-out infinite}.turn-arrow path:first-child{filter:brightness(1.2)}.turn-arrow path:last-child{opacity:.9}@keyframes arrow-float{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(-50%) translateY(-6px)}50%{transform:translate(-50%) translateY(-10px)}75%{transform:translate(-50%) translateY(-6px)}}@keyframes arrow-pulse{0%,to{opacity:.85;transform:scale(1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(251,191,36,.8)) drop-shadow(0 0 24px rgba(251,191,36,.4))}50%{opacity:1;transform:scale(1.15);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(251,191,36,1)) drop-shadow(0 0 32px rgba(251,191,36,.6))}}.movement-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.movement-square{position:absolute;background:#22c55e26;border:1px solid rgba(34,197,94,.4);pointer-events:none}.movement-square.unreachable{background:#f003;border-color:#ff000080}.target-square{position:absolute;background:#3b82f64d;border:2px solid #3b82f6;pointer-events:none;animation:pulse-target 1s infinite}@keyframes pulse-target{0%,to{opacity:.6}50%{opacity:1}}.grid-hover-info{position:absolute;bottom:10px;right:10px;background:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;pointer-events:none;border:1px solid rgba(255,255,255,.2);font-family:monospace}.zoom-control{position:absolute;bottom:16px;right:16px;background:#202020f2;border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.zoom-label{font-size:12px;font-weight:500;color:var(--text-color);white-space:nowrap;min-width:80px}.zoom-slider{width:120px;height:4px;border-radius:2px;background:var(--border-color);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f633}.zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:all .2s}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f633}.drawing-tools-panel{position:absolute;bottom:16px;left:16px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;padding:16px;width:280px;max-height:400px;overflow-y:auto;box-shadow:var(--shadow);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202020f2}.tool-section{margin-bottom:16px}.tool-section h4{margin:0 0 8px;font-size:14px;color:var(--primary-color)}.tool-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tool-btn{aspect-ratio:1;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-color)}.tool-btn:hover,.tool-btn.active{background:var(--primary-color);color:#fff}.style-controls{display:flex;flex-direction:column;gap:8px}.style-controls label{display:flex;align-items:center;gap:8px;font-size:13px}.style-controls input[type=color]{width:40px;height:30px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.style-controls input[type=range]{flex:1}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.duration-input{width:60px;padding:4px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color)}.preset-effects{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.preset-btn{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color);font-size:12px;cursor:pointer;transition:all .2s}.preset-btn:hover{background:var(--primary-color);color:#fff}.clear-drawings-btn{width:100%;padding:8px;border:1px solid #ef4444;border-radius:4px;background:transparent;color:#ef4444;cursor:pointer;transition:all .2s}.clear-drawings-btn:hover{background:#ef4444;color:#fff}.grid-coordinate-text{-webkit-user-select:none;user-select:none;pointer-events:none}.map-upload-modal{max-width:600px;width:90%}.upload-section{margin-bottom:24px}.file-upload-label{display:block;cursor:pointer}.file-upload-label input[type=file]{display:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed var(--border-color);border-radius:8px;background:var(--background-color);transition:all .2s;text-align:center}.upload-placeholder:hover{border-color:var(--primary-color);background:#3b82f60d}.upload-placeholder svg{color:var(--text-secondary);margin-bottom:12px}.upload-placeholder p{margin:0 0 8px;font-weight:500;color:var(--text-color)}.file-info{font-size:12px;color:var(--text-secondary)}.map-preview{margin-top:16px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-height:300px}.map-preview img{width:100%;height:auto;display:block}.map-config-section{margin-top:24px}.map-config-section h3{margin:0 0 16px;font-size:16px;color:var(--primary-color)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.config-field input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color);font-size:14px}.config-field input[type=color]{width:100%;height:40px;cursor:pointer}.config-field input[type=range]{padding:0}.config-field span{font-size:12px;color:var(--text-secondary)}.context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.token-context-menu{background:#14141efa;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:0;min-width:200px;box-shadow:0 8px 32px #0006,0 0 0 1px #d4af371a,inset 0 0 20px #d4af370d;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:contextMenuFadeIn .2s ease-out;font-family:Cinzel,serif;overflow:hidden}.context-menu-header{padding:12px 16px;border-bottom:1px solid rgba(212,175,55,.2);color:var(--primary-gold, #d4af37);font-weight:600;font-size:.9rem;text-align:center;background:#d4af370d}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;color:#d4af37;font-size:13px;transition:all .2s;position:relative;font-weight:500;border-radius:0}.context-menu-item:hover{background:#d4af3726;color:#f4e4bc;padding-left:20px}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef4444;color:#fff}.context-menu-item.damage{color:#ef4444}.context-menu-item.damage:hover{background:#dc2626;color:#fff}.context-menu-item.heal{color:#22c55e}.context-menu-item.heal:hover{background:#16a34a;color:#fff}.map-token.invisible-token{border:2px dashed rgba(255,255,255,.5);background-blend-mode:overlay}.invisible-indicator{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.invisible-indicator svg{width:14px;height:14px;color:#fffc}.context-menu-item.wild-magic{color:#a855f7}.context-menu-item.wild-magic:hover{background:#7c3aed;color:#fff}.context-menu-divider{height:1px;background:#d4af3733;margin:4px 0}.context-menu-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.context-menu-item.disabled:hover{background:transparent;color:inherit}.movement-history-layer{animation:fadeIn .3s ease-in}.movement-history-layer line{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.movement-history-layer text{filter:drop-shadow(0 0 2px rgba(0,0,0,.8));-webkit-user-select:none;user-select:none}.token-tooltip{position:fixed;z-index:1000;background:#141414f2;border:1px solid var(--border-color);border-radius:8px;padding:12px;min-width:200px;max-width:280px;color:#fff;font-size:14px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .2s ease-out}.token-tooltip.entity-dead{border-color:#dc2626;background:#141414fa}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-110%) scale(.95)}to{opacity:1;transform:translate(-50%,-120%) scale(1)}}.token-tooltip .tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.token-tooltip .entity-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);border-radius:4px;color:#fff}.token-tooltip h4{margin:0;font-size:16px;font-weight:600;color:#fff}.token-tooltip .entity-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#b0b0b0}.token-tooltip .level,.token-tooltip .cr{color:var(--primary-color);font-weight:500}.token-tooltip .hp-section{margin:10px 0}.token-tooltip .stats-row{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.token-tooltip .stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#d0d0d0}.token-tooltip .stat svg{color:var(--primary-color)}.token-tooltip .conditions-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.token-tooltip .conditions-label{display:block;font-size:12px;color:#909090;margin-bottom:6px}.token-tooltip .conditions-list{display:flex;flex-wrap:wrap;gap:4px}.token-tooltip .condition-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;color:#fff;font-weight:500}.token-tooltip .death-notice{margin-top:10px;padding:6px;background:#dc262633;border:1px solid #dc2626;border-radius:4px;text-align:center;font-size:13px;color:#ff6b6b;font-weight:500}.token-tooltip .attack-indicator{margin-top:12px;padding:10px;background:linear-gradient(135deg,#dc262633,#ef444433);border:2px solid #dc2626;border-radius:6px;text-align:center;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#dc2626;box-shadow:0 0 #dc262666}50%{border-color:#ef4444;box-shadow:0 0 0 4px #dc262633}}.token-tooltip .attack-message{font-size:14px;color:#fca5a5;margin-bottom:6px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.token-tooltip .attack-message strong{color:#fff;text-transform:uppercase;letter-spacing:.5px}.token-tooltip .distance-info{font-size:13px;color:#d1d5db;margin-top:4px}.token-tooltip .distance-info strong{color:#fbbf24;font-weight:600}.hp-abstract-tooltip{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;font-size:14px;color:var(--text-color)}.hp-hidden-tooltip{text-align:center;padding:8px;font-size:14px;color:var(--text-secondary);font-style:italic}.grid-settings-modal{max-width:400px;width:90%}.grid-settings-content{display:flex;flex-direction:column;gap:24px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:var(--text-color)}.setting-value{font-size:12px;color:var(--text-secondary);font-weight:400}.setting-slider{width:100%;height:6px;border-radius:3px;background:var(--background-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f633}.setting-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:all .2s}.setting-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f633}.color-input-wrapper{display:flex;align-items:center;gap:12px}.setting-color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;background:transparent;padding:2px}.setting-color-input::-webkit-color-swatch-wrapper{padding:0}.setting-color-input::-webkit-color-swatch{border:none;border-radius:6px}.color-value{font-family:monospace;font-size:14px;color:var(--text-secondary)}.grid-preview{margin-top:8px}.preview-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.preview-area{border:1px solid var(--border-color);border-radius:8px;padding:12px;background:var(--background-color);display:flex;justify-content:center;align-items:center}.preview-area svg{border:1px solid var(--border-color);border-radius:4px}.battle-map-sidebar{position:sticky;top:16px;align-self:flex-start;width:100%;padding:16px;background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow);overflow-y:auto;overflow-x:hidden}.battle-map-sidebar{overflow-y:auto;scrollbar-gutter:stable}.battle-map-sidebar .battle-status-enhanced{background:transparent;border-radius:0;box-shadow:none;padding:0;margin:0;width:100%;height:auto;overflow-y:visible}.battle-map-sidebar .turn-order-container,.battle-map-sidebar .turn-order-track{max-height:none;overflow:visible}.battle-map-sidebar.has-many-turns{overflow-y:auto}.sidebar-section{background:var(--surface-color);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.sidebar-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.token-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.token-list-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.token-list-item:hover{background:#3b82f61a;border-color:var(--primary-color)}.token-list-item.selected{background:#3b82f633;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f64d}.token-list-item.hidden{opacity:.5}.token-list-item.current-turn{background:#fbbf241a;border-color:#fbbf24;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2433}}.turn-indicator{font-size:12px;margin-left:4px;animation:bounce 1s ease-in-out infinite}.token-list-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;flex-shrink:0}.token-list-info{flex:1;min-width:0}.token-list-name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-list-stats{font-size:12px;color:var(--text-secondary);margin-top:2px}.map-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.info-row span:first-child{color:var(--text-secondary)}.info-row span:last-child{color:var(--text-color);font-weight:500}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action-btn{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.quick-action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.battle-map-sidebar::-webkit-scrollbar,.token-list::-webkit-scrollbar{width:6px}.battle-map-sidebar::-webkit-scrollbar-track,.token-list::-webkit-scrollbar-track{background:transparent}.battle-map-sidebar::-webkit-scrollbar-thumb,.token-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.battle-map-sidebar::-webkit-scrollbar-thumb:hover,.token-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 991px){.battle-map-container{min-height:400px}.battle-map-sidebar{position:relative;top:0;height:auto;min-height:400px;max-height:calc(100vh - 32px);overflow-y:auto}.zoom-control{bottom:auto;top:70px;right:16px}}@media (max-width: 767px){.battle-map-container{min-height:300px}.battle-map-sidebar{min-height:300px;max-height:calc(100vh - 32px);overflow-y:auto}.drawing-tools-panel{width:200px;font-size:12px;bottom:60px}.turn-arrow-indicator{width:24px;height:30px}@keyframes arrow-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.zoom-control{bottom:10px;right:10px;padding:8px 12px}.zoom-slider{width:80px}.map-controls{gap:6px;overflow-x:auto;padding-bottom:4px}.map-control-group{flex-shrink:0}.map-control-separator{margin:0 4px}.map-control-btn{width:36px;height:36px;flex-shrink:0}.map-control-btn svg{width:16px;height:16px}.grid-hover-info{display:none}}.preset-effects{grid-template-columns:1fr}.map-upload-modal{max-width:100%;margin:16px}.config-grid{grid-template-columns:1fr}.token-tooltip{font-size:12px;min-width:160px;max-width:220px;padding:10px}.token-tooltip h4{font-size:14px}.token-tooltip .entity-info,.token-tooltip .stat{font-size:11px}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-header{padding:12px 16px;background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2);margin-bottom:4px}.context-menu-header h4{margin:0;font-size:14px;color:#d4af37;font-weight:600;text-align:center;font-family:Cinzel,serif}.combat-controls{position:absolute;top:20px;right:20px;z-index:60;display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#14141ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.2);border-radius:12px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #d4af371a,inset 0 0 20px #d4af3705;min-width:280px;max-width:320px;transition:all .3s ease;font-family:Cinzel,serif;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.combat-controls:hover{box-shadow:0 8px 32px #0006,0 0 0 1px #d4af3733,inset 0 0 20px #d4af370d}.combat-status-bar{display:flex;flex-direction:column;gap:6px}.entity-name{font-weight:600;font-size:14px;color:#d4af37;text-align:center;padding-bottom:6px;border-bottom:1px solid rgba(212,175,55,.15);letter-spacing:.5px}.combat-resources{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:12px}.resource-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background:#d4af370d;border-radius:6px;transition:all .3s ease}.resource-item:hover{background:#d4af371a}.resource-item.used{opacity:.4;background:#6464641a}.resource-label{color:#a8a8a8;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.resource-value{color:#d4af37;font-weight:600;font-size:13px}.resource-item.action.used .resource-value,.resource-item.bonus-action.used .resource-value,.resource-item.reaction.used .resource-value{color:#666;text-decoration:line-through}.resource-item.concentration{grid-column:1 / -1;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2)}.resource-item.concentration .resource-value{color:#a78bfa;font-style:italic}.resource-item.movement{grid-column:1 / -1;background:#22c55e0d;border:1px solid rgba(34,197,94,.15)}.resource-item.movement .resource-value{color:#22c55e}.resource-separator{display:none}.combat-actions{display:flex;flex-direction:column;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid rgba(212,175,55,.15)}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-buttons button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:6px 8px;background:#d4af370d;border:1px solid rgba(212,175,55,.2);color:#d4af37;border-radius:6px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:500;font-family:Cinzel,serif;cursor:pointer}.action-buttons button:hover:not(:disabled){background:#d4af3726;border-color:#d4af374d;transform:translateY(-1px)}.action-buttons button:disabled{opacity:.4;cursor:not-allowed;color:#666;border-color:#64646433;background:#6464640d}.action-buttons button i{font-size:12px}.combat-actions-divider{height:1px;background:#d4af3726;margin:8px 0}.utility-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.utility-btn{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:6px 8px;background:#d4af370d;border:1px solid rgba(212,175,55,.2);color:#d4af37;border-radius:6px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:500;font-family:Cinzel,serif;cursor:pointer}.utility-btn:hover{transform:translateY(-1px)}.utility-btn.damage{border-color:#ef44444d;background:#ef44440d;color:#ef4444}.utility-btn.damage:hover{background:#ef444426;border-color:#ef444480}.utility-btn.heal{border-color:#22c55e4d;background:#22c55e0d;color:#22c55e}.utility-btn.heal:hover{background:#22c55e26;border-color:#22c55e80}.utility-btn.rest{border-color:#9333ea4d;background:#9333ea0d;color:#a78bfa}.utility-btn.rest:hover{background:#9333ea26;border-color:#9333ea80}.spell-slots-section{display:flex;flex-direction:column;gap:6px;padding:8px;background:#9333ea0d;border-radius:8px;border:1px solid rgba(147,51,234,.15)}.spell-slots-title{font-size:12px;font-weight:600;color:#a78bfa;text-align:center;margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.spell-slot-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#9333ea0d;border-radius:4px;font-size:11px}.spell-slot-row:hover{background:#9333ea1a}.slot-level{color:#a8a8a8;font-weight:500;min-width:60px}.slot-count{color:#a78bfa;font-weight:600;min-width:40px;text-align:center}.slot-btn{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:4px;color:#a78bfa;cursor:pointer;transition:all .2s ease}.slot-btn:hover:not(:disabled){background:#9333ea33;border-color:#9333ea80;transform:scale(1.1)}.slot-btn:disabled{opacity:.4;cursor:not-allowed}.slot-btn.minus:hover:not(:disabled){color:#22c55e;border-color:#22c55e80;background:#22c55e1a}.slot-btn.plus:hover:not(:disabled){color:#ef4444;border-color:#ef444480;background:#ef44441a}.slot-btn i{font-size:10px}.gm-combat-controls{display:flex;flex-direction:column;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid rgba(212,175,55,.15)}.gm-mode-toggles{display:flex;flex-direction:column;gap:6px}.combat-mode-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;padding:4px 8px;background:#d4af370d;border-radius:6px;transition:all .2s ease;color:#a8a8a8}.combat-mode-toggle:hover{background:#d4af371a;color:#d4af37}.combat-mode-toggle input[type=checkbox]{cursor:pointer;accent-color:#d4af37}.combat-mode-toggle span{-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.gm-combat-controls .btn-danger{font-size:11px;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.gm-combat-controls .btn-danger:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.map-token.flanked{box-shadow:0 0 0 2px #dc2626,0 0 10px #dc262680}.flanking-indicator{position:absolute;top:-8px;right:-8px;background:#dc2626;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:15;animation:flankingPulse 2s infinite}@keyframes flankingPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.flanking-overlay line{filter:drop-shadow(0 0 3px rgba(34,197,94,.5))}.flanking-toggle{position:absolute;bottom:60px;right:20px;background:var(--surface-color);padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;box-shadow:var(--shadow)}.flanking-info{position:absolute;bottom:100px;right:20px;background:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;max-width:200px}.flanking-info .title{font-weight:700;margin-bottom:4px;color:#22c55e}.flanking-info .description{color:#ccc}.threat-range-overlay{position:absolute;pointer-events:none;z-index:2;top:0;left:0;width:100%;height:100%}.threat-square{position:absolute;background:#ff000026;border:1px dashed rgba(255,0,0,.5);pointer-events:none}.threat-square.active{background:#ff000040;border-color:#f00c;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.map-token.disengaged{box-shadow:0 0 20px #0096ffcc}.map-token.disengaged:after{content:"🛡️";position:absolute;bottom:-5px;right:-5px;font-size:16px;background:#0096ffe6;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:10}.gm-controls-panel{position:absolute;bottom:20px;left:300px;display:flex;gap:16px;z-index:100;padding:16px;background:#14141ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.2);border-radius:12px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #d4af371a,inset 0 0 20px #d4af3705;transition:all .3s ease}.gm-controls-panel:hover{box-shadow:0 8px 32px #0006,0 0 0 1px #d4af3733,inset 0 0 20px #d4af370d}@media (max-width: 1200px){.gm-controls-panel{left:16px;bottom:80px}}@media (max-width: 768px){.gm-controls-panel{flex-direction:column;left:16px;right:16px;bottom:120px;max-width:none}}.gm-controls-panel-floating{position:fixed;top:20px;right:20px;max-width:600px;z-index:1000;background:#14141ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.2);border-radius:12px;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff1a;animation:slideIn .3s ease-out}.gm-controls-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(212,175,55,.2)}.gm-controls-panel-header h4{margin:0;color:var(--primary-color);font-size:18px;font-weight:600}.gm-controls-panel-header-buttons{display:flex;gap:8px;align-items:center}.gm-controls-panel-toggle{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:16px;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s}.gm-controls-panel-toggle:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.gm-controls-panel-toggle.active{color:var(--primary-color);background:#d4af371a;border-color:#d4af374d}.gm-controls-panel-close{background:none;border:none;color:#ffffffb3;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.gm-controls-panel-close:hover{color:#fff;background:#ffffff1a}.gm-controls-panel-content{padding:20px;display:flex;gap:20px;max-height:calc(100vh - 120px);overflow-y:auto}@media (max-width: 1200px){.gm-controls-panel-floating{right:10px;max-width:500px}.gm-controls-panel-content{flex-direction:column}}@media (max-width: 768px){.gm-controls-panel-floating{top:60px;left:10px;right:10px;max-width:none}}.combat-controls{position:absolute;right:20px;top:20px;background:var(--card-bg, #1a1b1e);border:1px solid var(--border-color, #2a2b2e);border-radius:8px;box-shadow:0 2px 10px #0000004d;transition:box-shadow .3s ease,border-color .3s ease;z-index:60;min-width:280px}.combat-controls[style*="cursor: move"]{box-shadow:0 4px 20px #00000080;border-color:var(--primary-color, #5865f2)}.combat-controls.minimized{min-width:auto}.combat-controls.minimized .combat-status-bar{border-radius:8px}.combat-status-bar{padding:12px 16px;background:var(--darker-bg, #16171a);border-bottom:1px solid var(--border-color, #2a2b2e);display:flex;align-items:center;justify-content:space-between;position:relative;cursor:move;-webkit-user-select:none;user-select:none}.entity-name{font-weight:600;font-size:16px;color:var(--text-primary, #ffffff);flex:1}.minimize-button{background:transparent;border:none;padding:4px 8px;cursor:pointer;color:var(--text-muted, #a0a0a0);transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.minimize-button:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff)}.combat-resources{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.resource-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;background:var(--button-bg, #2a2b2e);border-radius:4px;min-width:60px}.resource-item.used{opacity:.5}.resource-label{font-size:11px;color:var(--text-muted, #a0a0a0);text-transform:uppercase}.resource-value{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.combat-controls.collapsed{width:48px}.combat-controls.expanded{width:320px}.toggle-controls{position:absolute;left:-20px;top:50%;transform:translateY(-50%);background:var(--primary-color, #5865f2);border:none;border-radius:4px 0 0 4px;padding:8px 4px;cursor:pointer;display:flex;align-items:center;gap:4px;color:#fff;transition:all .2s ease}.toggle-controls:hover{background:var(--primary-hover, #4752c4)}.controls-container,.combat-actions{padding:16px}.controls-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.controls-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border-color, #2a2b2e);padding-bottom:8px}.tab-btn{flex:1;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;color:var(--text-muted, #a0a0a0)}.tab-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.tab-btn.active{background:var(--primary-color, #5865f2);color:#fff;border-color:var(--primary-color, #5865f2)}.tab-icon{font-size:20px}.tab-label{font-size:12px}.control-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #2a2b2e)}.control-header h4{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin:0}.damage-heal-control{display:flex;flex-direction:column;gap:12px}.damage-heal-control.disabled{opacity:.5;pointer-events:none}.no-target{text-align:center;color:var(--text-muted, #a0a0a0);padding:20px}.target-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.target-name{font-weight:500;color:var(--text-primary, #ffffff)}.hp-display{display:flex;align-items:center;gap:6px}.hp-text{font-size:14px;color:var(--success-color, #3ba55d)}.hp-text.critical{color:var(--danger-color, #ed4245);font-weight:700}.amount-control{display:flex;align-items:center;gap:8px}.quick-buttons{display:flex;gap:4px}.quick-btn{padding:6px 10px;border:1px solid var(--border-color, #2a2b2e);background:var(--button-bg, #2a2b2e);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.quick-btn:hover:not(:disabled){background:var(--hover-bg, rgba(255, 255, 255, .1))}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.quick-btn.minus{color:var(--danger-color, #ed4245)}.quick-btn.plus{color:var(--success-color, #3ba55d)}.amount-input-wrapper{flex:1}.amount-input{width:100%;padding:8px;background:var(--input-bg, #202225);border:1px solid var(--border-color, #2a2b2e);border-radius:4px;color:var(--text-primary, #ffffff);text-align:center;font-size:16px;font-weight:700}.action-buttons{display:flex;gap:8px}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s ease}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.damage{background:var(--danger-color, #ed4245);color:#fff}.action-btn.damage:hover:not(:disabled){background:var(--danger-hover, #c53539)}.action-btn.heal{background:var(--success-color, #3ba55d);color:#fff}.action-btn.heal:hover:not(:disabled){background:var(--success-hover, #2d8049)}.rest-control{display:flex;flex-direction:column;gap:12px}.rest-buttons{display:flex;flex-direction:column;gap:8px}.rest-btn{padding:12px 16px;border:1px solid var(--border-color, #2a2b2e);background:var(--button-bg, #2a2b2e);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.rest-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));border-color:var(--primary-color, #5865f2)}.rest-btn.short{color:var(--info-color, #00b0f4)}.rest-btn.long{color:var(--warning-color, #faa61a)}.spell-slots-control{display:flex;flex-direction:column;gap:12px}.spell-slots-control.loading{text-align:center;padding:20px;color:var(--text-muted, #a0a0a0)}.spell-slots-grid{display:flex;flex-direction:column;gap:8px}.spell-level{border:1px solid var(--border-color, #2a2b2e);border-radius:4px;overflow:hidden;transition:all .2s ease}.spell-level.expanded{border-color:var(--primary-color, #5865f2)}.level-header{padding:10px 12px;background:var(--button-bg, #2a2b2e);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.level-header:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.level-label{font-weight:500}.slots-summary{display:flex;align-items:center;gap:8px}.slots-count{font-size:14px;color:var(--primary-color, #5865f2)}.slots-count.exhausted{color:var(--danger-color, #ed4245)}.slots-detail{padding:12px;background:var(--card-bg, #1a1b1e)}.slots-circles{display:flex;gap:8px;flex-wrap:wrap}.slot-circle{width:32px;height:32px;padding:0;border:2px solid var(--border-color, #2a2b2e);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.slot-circle:hover:not(:disabled){transform:scale(1.1)}.slot-circle:disabled{opacity:.5;cursor:not-allowed}.slot-circle.available{color:var(--success-color, #3ba55d)}.slot-circle.available:hover:not(:disabled){border-color:var(--success-color, #3ba55d);background:#3ba55d1a}.slot-circle.used{color:var(--danger-color, #ed4245);background:#ed42451a;border-color:var(--danger-color, #ed4245)}.spellcasting-info{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--info-bg, rgba(0, 176, 244, .1));border-radius:4px;font-size:12px}.ability-label,.modifier-label{color:var(--text-muted, #a0a0a0)}.ability-label strong,.modifier-label strong{color:var(--text-primary, #ffffff)}.confirmation-overlay,.rest-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.confirmation-dialog,.rest-modal{background:var(--card-bg, #1a1b1e);border:1px solid var(--border-color, #2a2b2e);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000080}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.modal-header h3,.modal-header h4{margin:0}.modal-content{margin-bottom:20px}.rest-description{color:var(--text-muted, #a0a0a0);margin-bottom:16px}.benefits-list{margin-bottom:16px}.benefits-list h4{font-size:14px;margin-bottom:8px}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--text-secondary, #dcddde)}.current-status{padding:12px;background:var(--info-bg, rgba(0, 176, 244, .1));border-radius:4px}.current-status h4{font-size:14px;margin-bottom:8px}.status-info{display:flex;flex-direction:column;gap:6px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px}.modal-actions,.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.confirm-btn{background:var(--primary-color, #5865f2);color:#fff}.confirm-btn:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.cancel-btn{background:var(--button-bg, #2a2b2e);color:var(--text-primary, #ffffff)}.cancel-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.gm-combat-controls{padding:16px;border-top:1px solid var(--border-color, #2a2b2e)}.gm-mode-toggles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.combat-mode-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--text-secondary, #b0b0b0)}.combat-mode-toggle input[type=checkbox]{cursor:pointer}.combat-mode-toggle span{-webkit-user-select:none;user-select:none}.combat-actions-divider{height:1px;background:var(--border-color, #2a2b2e);margin:12px 0}.action-buttons,.utility-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-buttons button,.utility-buttons button{padding:8px 12px;border:1px solid var(--border-color, #2a2b2e);background:var(--button-bg, #2a2b2e);border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;color:var(--text-primary, #ffffff)}.action-buttons button:hover:not(:disabled),.utility-buttons button:hover:not(:disabled){background:var(--hover-bg, rgba(255, 255, 255, .1));border-color:var(--primary-color, #5865f2)}.action-buttons button:disabled,.utility-buttons button:disabled{opacity:.5;cursor:not-allowed}.utility-btn.damage:hover:not(:disabled){background:#ed424533;border-color:var(--danger-color, #ed4245)}.utility-btn.heal:hover:not(:disabled){background:#3ba55d33;border-color:var(--success-color, #3ba55d)}.utility-btn.rest:hover:not(:disabled){background:#5865f233;border-color:var(--primary-color, #5865f2)}.spell-slots-section{margin-top:8px}.spell-slots-title{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.spell-slot-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color, #2a2b2e)}.spell-slot-row:last-child{border-bottom:none}.slot-level{font-size:13px;color:var(--text-secondary, #b0b0b0)}.slot-count{font-size:14px;font-weight:500;color:var(--primary-color, #5865f2)}.slot-buttons{display:flex;gap:4px}.slot-btn{width:24px;height:24px;padding:0;border:1px solid var(--border-color, #2a2b2e);background:var(--button-bg, #2a2b2e);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.slot-btn:hover:not(:disabled){transform:scale(1.1)}.slot-btn:disabled{opacity:.5;cursor:not-allowed}.slot-btn.minus{color:var(--success-color, #3ba55d)}.slot-btn.minus:hover:not(:disabled){background:#3ba55d33;border-color:var(--success-color, #3ba55d)}.slot-btn.plus{color:var(--danger-color, #ed4245)}.slot-btn.plus:hover:not(:disabled){background:#ed424533;border-color:var(--danger-color, #ed4245)}@media (max-width: 768px){.combat-controls{right:10px;top:10px;min-width:260px}.combat-controls.expanded{width:280px}.controls-container,.combat-actions{padding:12px}.tab-label{display:none}.tab-btn{padding:8px}.action-buttons,.utility-buttons{grid-template-columns:1fr}}.media-sharing-container{background-color:var(--surface-color);border-radius:8px;padding:1rem;height:100%;display:flex;flex-direction:column}.media-sharing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.media-sharing-header h3{margin:0;color:var(--primary-color);font-size:1.25rem}.media-header-actions{display:flex;gap:.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;flex:1;overflow-y:auto;padding:.5rem}.media-item-wrapper{position:relative;transition:transform .2s ease}.media-item-wrapper.dragging{opacity:.5}.media-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.media-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-item.hidden-media{opacity:.6;border-color:var(--warning-color)}.drag-handle{position:absolute;top:.5rem;left:.5rem;color:var(--text-muted);cursor:grab;z-index:10;background-color:#000000b3;padding:.25rem;border-radius:4px;opacity:0;transition:opacity .2s ease}.media-item-wrapper:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.media-thumbnail-container{position:relative;width:100%;height:150px;overflow:hidden;cursor:pointer;background-color:var(--surface-color)}.media-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-thumbnail-container:hover .media-thumbnail{transform:scale(1.05)}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-muted);background-color:var(--surface-color)}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s ease}.media-thumbnail-container:hover .media-overlay{opacity:1}.media-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.media-name{font-weight:500;color:var(--text-color);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-description{font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-actions{display:flex;gap:.5rem;padding:.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.icon-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--surface-hover);color:var(--text-color)}.icon-button.danger:hover{background-color:#dc35451a;color:var(--danger-color)}.empty-media{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center;flex:1}.empty-media svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-media p{margin:.5rem 0}.empty-media .hint{font-size:.9rem;color:var(--text-muted);opacity:.8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;flex:1}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.media-selector-modal{max-width:800px;max-height:80vh;display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background-color:var(--background-color);border-radius:8px;box-shadow:0 10px 40px #00000080;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--primary-color)}.close-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;font-size:1.2rem;transition:color .2s ease}.close-button:hover{color:var(--text-color)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:50vh}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.campaign-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.selectable-media-item{position:relative;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:all .2s ease;background-color:var(--surface-color)}.selectable-media-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.selectable-media-item.selected{border-color:var(--success-color);box-shadow:0 0 0 3px #28a74533}.selectable-media-item img{width:100%;height:120px;object-fit:cover}.selectable-media-item .media-name{padding:.5rem;font-size:.8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-indicator{position:absolute;top:.5rem;right:.5rem;background-color:var(--success-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.fullscreen-media-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.fullscreen-close{position:absolute;top:2rem;right:2rem;background:#000000b3;border:none;color:#fff;cursor:pointer;padding:1rem;border-radius:50%;font-size:1.5rem;z-index:2001;transition:all .2s ease}.fullscreen-close:hover{background:#000000e6;transform:scale(1.1)}.fullscreen-media-container{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.fullscreen-media{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.fullscreen-media-info{background-color:#000c;color:#fff;padding:1rem 2rem;border-radius:8px;margin-top:1rem;text-align:center;max-width:600px}.fullscreen-media-info h4{margin:0 0 .5rem;color:var(--primary-color)}.fullscreen-media-info p{margin:0;color:var(--text-secondary)}.primary-button,.secondary-button{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.primary-button{background-color:var(--primary-color);color:#fff}.primary-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.secondary-button:hover{background-color:var(--surface-hover);border-color:var(--text-muted)}.error-message{background-color:#dc35451a;border:1px solid var(--danger-color);color:var(--danger-color);padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;text-align:center}.media-upload-modal{max-width:600px;width:90vw}.upload-area{margin-bottom:1.5rem}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background-color:var(--surface-color);cursor:pointer;transition:all .3s ease;text-align:center}.upload-dropzone:hover{border-color:var(--primary-color);background-color:#6b46c10d}.upload-dropzone svg{color:var(--text-muted);margin-bottom:1rem}.upload-dropzone p{color:var(--text-color);margin:0 0 .5rem;font-weight:500}.upload-dropzone small{color:var(--text-muted);font-size:.85rem}.upload-preview{position:relative;display:inline-block;width:100%;max-width:400px;margin:0 auto}.upload-preview img{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color)}.remove-file{position:absolute;top:.5rem;right:.5rem;background-color:#dc3545e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-file:hover{background-color:var(--danger-color);transform:scale(1.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.9rem}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.95rem;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group.checkbox label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.form-group.checkbox input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer}.upload-progress{margin-top:1rem;text-align:center}.progress-bar{width:100%;height:20px;background-color:var(--surface-color);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;animation:progress-animation 1s linear infinite}@keyframes progress-animation{0%{background-position:0 0}to{background-position:40px 40px}}.upload-progress span{color:var(--text-color);font-weight:500}@media (max-width: 768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-thumbnail-container{height:120px}.campaign-media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-content{margin:1rem}.media-upload-modal{max-width:95vw}.upload-dropzone{padding:2rem 1rem}}.media-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-notification-overlay.visible{opacity:1;visibility:visible}.media-notification-modal{background-color:var(--background-color);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;overflow:hidden;transform:scale(.9);transition:transform .3s ease;border:2px solid var(--primary-color)}.media-notification-overlay.visible .media-notification-modal{transform:scale(1)}.media-notification-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,rgba(107,70,193,.8) 100%);color:#fff}.media-notification-header h3{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.media-notification-header .close-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.media-notification-header .close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.media-notification-content{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:var(--surface-color)}.shared-media-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000004d}.media-description{margin-top:1.5rem;padding:1rem;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color);width:100%;max-width:600px}.media-description p{margin:0;color:var(--text-color);text-align:center;font-style:italic}.media-notification-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--background-color)}.shared-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.shared-by{color:var(--text-muted);font-size:.875rem}.shared-name{color:var(--text-color);font-size:.875rem;font-weight:500}@keyframes slideInScale{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.media-notification-modal{animation:slideInScale .3s ease-out}.media-notification-header:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:#ffffff80;animation:autoCloseProgress 10s linear}@keyframes autoCloseProgress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.media-notification-modal{width:95vw;max-height:95vh;margin:1rem}.media-notification-content{padding:1rem}.shared-media-image{max-height:50vh}.shared-info{flex-direction:column;align-items:flex-start}}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.connection-status:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:.1;z-index:-1}.connection-status.good{color:#10b981;border:1px solid rgba(16,185,129,.3)}.connection-status.medium{color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.connection-status.poor{color:#ef4444;border:1px solid rgba(239,68,68,.3)}.connection-status.offline{color:#6b7280;border:1px solid rgba(107,114,128,.3)}.connection-status svg{flex-shrink:0}.ping-value{font-weight:700;margin-left:2px}.connection-status:not(.offline):after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.connection-divider{width:1px;height:16px;background:currentColor;opacity:.3;margin:0 4px}.sound-toggle-inline{background:none;border:none;color:inherit;padding:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:4px;position:relative;opacity:.7}.sound-toggle-inline:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.sound-toggle-inline:active{transform:scale(.95)}.sound-toggle-inline.active{color:#10b981;opacity:1}.sound-toggle-inline:not(.active){color:#6b7280}.sound-toggle-inline.active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:currentColor;opacity:.2;border-radius:4px;animation:soundPulse 2s infinite}@keyframes soundPulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1);opacity:.2}}.npc-visibility-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.npc-visibility-control{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color, #2a2a2a);border:2px solid var(--border-color, #444);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;z-index:1000}.visibility-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color, #444);background:var(--background-color, #1a1a1a)}.visibility-header h3{display:flex;align-items:center;gap:10px;margin:0;color:var(--primary-color);font-size:1.2rem}.visibility-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);transition:color .2s}.visibility-header .close-btn:hover{color:var(--danger-color)}.visibility-body{padding:20px;flex:1;overflow-y:auto;background:var(--surface-color, #2a2a2a)}.visibility-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.visibility-option{display:flex;align-items:center;gap:10px;padding:15px;background:var(--background-color, #1a1a1a);border:2px solid var(--border-color, #444);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.visibility-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.visibility-option.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.visibility-option.active .option-icon{color:#fff}.visibility-option .option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-color);border-radius:50%;color:var(--text-secondary);transition:all .3s ease}.visibility-option.active .option-icon{background:#fff3}.visibility-option.hp-option{grid-column:span 2;display:flex;align-items:center;gap:15px}.visibility-option .option-content{display:flex;flex-direction:column;gap:2px}.visibility-option .option-content small{font-size:.85rem;opacity:.8}.apply-to-all-section{margin-bottom:30px;padding:15px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px}.apply-to-all-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.apply-to-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.visibility-preview{background:var(--background-color, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:8px;padding:20px}.visibility-preview h4{margin:0 0 15px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.preview-card{display:flex;align-items:center;gap:15px;padding:15px;background:var(--surface-color, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px}.preview-avatar{width:60px;height:60px;border-radius:50%;background:var(--section-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border-color)}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-info{flex:1}.preview-name{font-size:1.1rem;font-weight:600;margin-bottom:5px;color:var(--text-primary)}.preview-details{font-size:.9rem;color:var(--text-secondary);margin-bottom:10px}.preview-hp{display:flex;align-items:center;gap:10px}.hp-hidden{color:var(--text-secondary);font-style:italic}.hp-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.2);transition:all .3s ease}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.hp-full{flex:1}.hp-full span{display:block;margin-bottom:5px;font-size:.9rem}.hp-bar{height:20px;background:var(--section-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;position:relative}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#22c55e);transition:width .3s ease}.visibility-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--border-color, #444);background:var(--background-color, #1a1a1a)}.visibility-footer button{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--section-bg);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover:not(:disabled){background:var(--hover-bg)}.save-btn{background:var(--primary-color);color:#fff}.save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=light] .npc-visibility-control{background:#fff;border-color:#e5e7eb}[data-theme=light] .visibility-header{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .visibility-body{background:#fff}[data-theme=light] .visibility-option{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .visibility-preview{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .preview-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .visibility-footer{background:#f9fafb;border-color:#e5e7eb}[data-theme=dark] .npc-visibility-control{background:#1a1a1a;border-color:#333}[data-theme=dark] .visibility-header{background:#0d0d0d;border-color:#333}[data-theme=dark] .visibility-option{background:#2a2a2a;border-color:#444}[data-theme=dark] .visibility-option:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .visibility-option .option-icon{background:#1a1a1a}[data-theme=dark] .apply-to-all-section{background:#eab3081a;border-color:#eab3084d}[data-theme=dark] .visibility-preview{background:#2a2a2a;border-color:#444}[data-theme=dark] .preview-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .hp-bar{background:#333;border-color:#444}[data-theme=dark] .visibility-footer{background:#0d0d0d;border-color:#333}.ready-check-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.ready-check-modal{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease-out}.ready-check-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.ready-check-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-primary)}.ready-check-header svg{color:var(--warning);transition:color .3s ease}.ready-check-header h2 svg{color:var(--warning)}.ready-check-modal.success .ready-check-header h2 svg{color:var(--success)}.ready-check-timer{background:var(--bg-primary);padding:.5rem 1rem;border-radius:20px;border:2px solid var(--border-color)}.timer{font-size:1.2rem;font-weight:700;color:var(--success);transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.timer.urgent{color:var(--danger);animation:pulse 1s infinite}.timer.success{color:var(--success);font-size:1rem}.ready-check-content{padding:1.5rem}.ready-check-message{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary);font-size:1.1rem;transition:all .3s ease}.ready-check-message.success{color:var(--success);font-size:1.3rem;font-weight:600;animation:successPulse .5s ease-out}.ready-check-players{margin-bottom:1.5rem}.ready-check-stats{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary)}.player-ready-list{display:flex;flex-direction:column;gap:.5rem}.player-ready-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.player-ready-item.ready{border-color:var(--success);background:#4caf501a}.player-ready-item.not-ready{border-color:var(--danger);background:#f443361a}.player-ready-item.waiting{opacity:.7}.player-ready-info{display:flex;flex-direction:column;gap:.25rem}.player-ready-name{font-weight:600;color:var(--text-primary)}.player-ready-class{font-size:.875rem;color:var(--text-secondary)}.player-ready-status{display:flex;align-items:center}.ready-icon{color:var(--success)}.not-ready-icon{color:var(--danger)}.waiting-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ready-check-actions{display:flex;gap:1rem;justify-content:center}.ready-check-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ready-check-btn.ready{background:var(--success);color:#fff}.ready-check-btn.ready:hover{background:#45a049;transform:translateY(-1px)}.ready-check-btn.not-ready{background:var(--danger);color:#fff}.ready-check-btn.not-ready:hover{background:#da190b;transform:translateY(-1px)}.ready-check-btn.cancel{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.ready-check-btn.cancel:hover{background:var(--bg-hover)}.response-sent,.all-ready-message{display:flex;align-items:center;gap:.5rem;color:var(--success);font-weight:600}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes successPulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.youtube-player-container{position:relative;background:var(--bg-secondary);border-radius:8px;padding:.5rem;border:1px solid var(--border-color)}.youtube-player-iframe{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.youtube-player-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);padding:.25rem .5rem}.player-status{display:flex;align-items:center;gap:.5rem}.player-time{font-family:monospace;font-size:.9rem;color:var(--text-primary)}.music-controller{position:fixed;bottom:20px;left:20px;z-index:1000}.music-toggle{background:var(--primary);color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease;position:relative}.music-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.playing-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(.95);opacity:1}}.music-panel{position:absolute;bottom:60px;left:0;background:var(--bg-secondary);border-radius:12px;width:320px;box-shadow:0 10px 30px #0000004d;animation:slideUp .3s ease-out}.music-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.music-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-primary);font-size:1.1rem}.close-music-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-music-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.music-content{padding:1rem;max-height:400px;overflow-y:auto}.track-list,.track-category{margin-bottom:1rem}.track-category h4{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;margin:0 0 .5rem;font-weight:600}.track-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.track-item:hover{background:var(--bg-hover)}.track-item.selected{background:var(--primary);color:#fff}.track-item svg{color:red;flex-shrink:0}.track-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.track-details .track-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-details .track-description{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item.selected .track-description{color:#fffc}.music-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.control-buttons{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.control-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.control-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.play{background:var(--success);color:#fff;border-color:var(--success)}.control-btn.play:hover:not(:disabled){background:#45a049;border-color:#45a049}.control-btn.pause{background:var(--warning);color:#fff;border-color:var(--warning)}.control-btn.pause:hover:not(:disabled){background:#ed8936;border-color:#ed8936}.control-btn.stop{background:var(--danger);color:#fff;border-color:var(--danger)}.control-btn.stop:hover:not(:disabled){background:#da190b;border-color:#da190b}.track-info{text-align:center;margin-bottom:1rem}.track-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.track-time{color:var(--text-secondary);font-size:.875rem}.volume-control{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.volume-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-value{min-width:40px;text-align:right;color:var(--text-secondary);font-size:.875rem}.player-music-info{text-align:center;padding:1rem}.now-playing{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:1rem}.playing-label{margin:0;color:var(--text-secondary);font-size:.875rem}.playing-track{margin:0;color:var(--text-primary);font-weight:600;font-size:1.1rem}.player-time{color:var(--text-secondary);font-size:.875rem}.no-music{text-align:center;color:var(--text-secondary);padding:2rem 1rem}@media (max-width: 480px){.music-controller{bottom:10px;left:10px}.music-toggle{width:45px;height:45px}.music-panel{width:calc(100vw - 20px);max-width:320px}}.quick-actions-bar{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #0000001a;transition:all .3s ease;z-index:100}.quick-actions-bar.collapsed{transform:translateY(-50%) translate(calc(100% - 40px))}.toggle-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--primary);color:#fff;border:none;width:30px;height:60px;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-bar:hover{background:var(--primary-hover);width:35px}.actions-container{padding:1.5rem 1rem 1.5rem 2.5rem;min-width:200px}.actions-title{margin:0 0 1rem;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.actions-list{display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:left;position:relative;overflow:hidden}.quick-action-btn:hover{transform:translate(-2px);box-shadow:-2px 0 10px #0000001a}.quick-action-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;opacity:0;transition:opacity .2s}.quick-action-btn:hover:before{opacity:1}.quick-action-btn.primary{color:var(--primary)}.quick-action-btn.primary:hover{background:#6366f11a;border-color:var(--primary)}.quick-action-btn.danger{color:var(--danger)}.quick-action-btn.danger:hover{background:#ef44441a;border-color:var(--danger)}.quick-action-btn.success{color:var(--success)}.quick-action-btn.success:hover{background:#22c55e1a;border-color:var(--success)}.quick-action-btn.info{color:var(--info)}.quick-action-btn.info:hover{background:#3b82f61a;border-color:var(--info)}.quick-action-btn.warning{color:var(--warning)}.quick-action-btn.warning:hover{background:#f59e0b1a;border-color:var(--warning)}.quick-action-btn.secondary{color:var(--text-secondary)}.quick-action-btn.secondary:hover{background:#6b72801a;border-color:var(--text-secondary)}.action-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.action-name{flex:1}.action-hint{margin-top:1rem;padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;font-size:.75rem;color:var(--text-secondary);text-align:center;font-style:italic}@keyframes slideIn{0%{transform:translateY(-50%) translate(100%)}to{transform:translateY(-50%) translate(0)}}.quick-actions-bar.expanded{animation:slideIn .3s ease-out}@media (max-height: 600px){.quick-actions-bar{top:20px;transform:none}.quick-actions-bar.collapsed{transform:translate(calc(100% - 40px))}.toggle-bar{top:20px;transform:none}.actions-container{max-height:calc(100vh - 80px);overflow-y:auto}}@media (max-width: 768px){.quick-actions-bar{position:fixed;right:auto;left:50%;top:auto;bottom:0;transform:translate(-50%);border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000001a;width:100%;max-width:400px}.quick-actions-bar.collapsed{transform:translate(-50%) translateY(calc(100% - 40px))}.toggle-bar{position:absolute;left:50%;top:0;transform:translate(-50%);width:60px;height:30px;border-radius:12px 12px 0 0}.toggle-bar svg{transform:rotate(90deg)}.actions-container{padding:2.5rem 1rem 1rem}.actions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-action-btn{flex-direction:column;padding:.75rem;text-align:center}.action-name{font-size:.75rem}}.saving-throws-modal{width:40%;max-width:500px;min-width:400px;background:var(--surface-color);border-radius:16px;box-shadow:var(--shadow-xl);max-height:85vh;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-out}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.saving-throws-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--border-color)}.saving-throws-modal .modal-header h3{margin:0;color:var(--secondary-color);font-size:24px;font-family:var(--font-heading);font-weight:600;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.05em}.saving-throws-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;font-size:24px}.saving-throws-modal .close-btn:hover{color:var(--text-color);background:var(--surface-light);transform:rotate(90deg)}.saving-throws-modal-body{padding:24px;overflow-y:auto;flex:1;background:var(--surface-color)}.saving-throws-modal .bootstrap-section{margin:0;box-shadow:none;border:none;background:transparent}.saving-throws-modal .bootstrap-section .section-header{display:none}.saving-throws-modal .bootstrap-section .section-content{padding:0}.saving-throws-modal .card{background:transparent!important;border:none!important;box-shadow:none!important}.saving-throws-modal .card-body{padding:0!important;background:transparent!important}.saving-throws-modal .border-secondary{border:none!important}.saving-throws-modal .hover-bg-light{background:var(--surface-light);transition:all .3s ease}.saving-throws-modal .hover-bg-light:hover{background:var(--surface-hover);transform:translate(4px)}.saving-throws-modal .btn-outline-success{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);font-weight:600;font-size:14px;padding:4px 12px;transition:all .3s}.saving-throws-modal .btn-outline-success:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.saving-throws-modal .fw-medium{color:var(--text-color);font-weight:500;font-size:14px}.saving-throws-modal .text-muted{color:var(--text-secondary);font-size:12px}.saving-throws-modal .text-success{color:var(--success-color)}.saving-throws-modal .border-top{border-color:var(--border-color)!important;margin-top:16px;padding-top:16px}.dark .saving-throws-modal{background:var(--background-color);border:1px solid var(--border-color)}.dark .saving-throws-modal-body{background:var(--background-color)}.dark .saving-throws-modal .hover-bg-light{background:#ffffff0d}.dark .saving-throws-modal .hover-bg-light:hover{background:#ffffff1a}@media (max-width: 1200px){.saving-throws-modal{width:50%;min-width:400px}}@media (max-width: 768px){.saving-throws-modal{width:95%;min-width:auto;max-height:80vh}.saving-throws-modal-body,.saving-throws-modal .modal-header{padding:16px}.saving-throws-modal .modal-header h3{font-size:20px}}.npc-creation-modal{max-width:600px;width:90vw}.npc-creation-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.npc-creation-modal .modal-header h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary)}.npc-creation-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.npc-creation-modal .close-btn:hover{color:var(--danger-color);transform:rotate(90deg)}.npc-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.form-group label small{font-weight:400;color:var(--text-secondary);font-size:12px;display:block;margin-top:4px}.form-group input,.form-group select,.form-group textarea{padding:10px;border:2px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-primary);font-size:16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.generate-traits-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.generate-traits-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.generate-traits-btn:active{transform:translateY(0)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:2px solid var(--border-color)}.form-actions button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.cancel-btn{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:var(--surface-color);border-color:var(--text-secondary);color:var(--text-primary)}.create-btn{background:var(--primary-color);border:none;color:#fff}.create-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.create-btn:active{transform:translateY(0)}.avatar-section{margin-bottom:20px}.avatar-controls{display:flex;align-items:center;gap:20px;margin-top:10px}.avatar-preview{width:100px;height:100px;border-radius:8px;overflow:hidden;background:var(--surface-color);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.avatar-library-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.avatar-library-btn:hover{background:var(--surface-hover);border-color:var(--primary-color);transform:translateY(-1px)}.item-grant-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.item-grant-modal{background:#1a1a1a;border-radius:12px;border:1px solid #333;box-shadow:0 20px 40px #00000080;max-width:700px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.item-grant-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333;background:#0d0d0d}.item-grant-header h3{display:flex;align-items:center;gap:8px;margin:0;color:#f0e6dc;font-size:18px;font-weight:600}.item-grant-header .close-btn{background:none;border:none;color:#999;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.item-grant-header .close-btn:hover{background:#ffffff1a;color:#f0e6dc}.item-grant-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.grant-player-section{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #333}.grant-player-section label{font-size:14px;font-weight:600;color:#f0e6dc}.grant-player-section select{padding:10px 12px;border:1px solid #333;border-radius:6px;background:#0d0d0d;color:#f0e6dc;font-size:14px}.grant-player-section select.select-required{border-color:#dc3545}.item-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-field{display:flex;flex-direction:column;gap:6px}.info-field label{font-size:13px;font-weight:500;color:#b8a695}.info-field input,.info-field select{padding:8px 12px;border:1px solid #333;border-radius:6px;background:#0d0d0d;color:#f0e6dc;font-size:14px;transition:border-color .2s}.info-field input:focus,.info-field select:focus{outline:none;border-color:#6b46c1;box-shadow:0 0 0 2px #6b46c133}.description-section{display:flex;flex-direction:column;gap:8px}.description-section label{font-size:13px;font-weight:500;color:#b8a695}.description-section textarea{padding:10px 12px;border:1px solid #333;border-radius:6px;background:#0d0d0d;color:#f0e6dc;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.description-section textarea:focus{outline:none;border-color:#6b46c1;box-shadow:0 0 0 2px #6b46c133}.bonus-section,.combat-bonus-section{display:flex;flex-direction:column;gap:12px}.section-label{font-size:14px;font-weight:600;color:#f0e6dc;padding-bottom:4px;border-bottom:1px solid #333}.bonus-grid,.combat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bonus-field{display:flex;flex-direction:column;align-items:center;gap:4px}.bonus-field span{font-size:12px;font-weight:600;color:#b8a695}.bonus-field input{width:100%;padding:6px 8px;text-align:center;border:1px solid #333;border-radius:4px;background:#0d0d0d;color:#f0e6dc;font-size:14px}.bonus-field input:focus{outline:none;border-color:#6b46c1}.damage-section{display:flex;flex-direction:column;gap:12px}.damage-header{display:flex;align-items:center;justify-content:space-between}.add-damage-btn{display:flex;align-items:center;gap:6px;background:#6b46c1;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s}.add-damage-btn:hover{background:#7c3aed;transform:translateY(-1px)}.damage-dice-row{display:flex;align-items:center;gap:10px;padding:10px;background:#0d0d0d;border-radius:8px;border:1px solid #333}.damage-dice-row input[type=text]{flex:1;min-width:120px;padding:6px 10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#f0e6dc;font-size:13px}.damage-dice-row input[type=text]:focus{outline:none;border-color:#6b46c1}.damage-dice-row.invalid input[type=text]{border-color:#dc3545}.damage-dice-row select{flex:1;min-width:100px;padding:6px 10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#f0e6dc;font-size:13px}.damage-help{font-size:12px;color:#b8a695;margin-top:-8px;font-style:italic}.roll-dice-btn{background:#28a745;border:none;border-radius:4px;padding:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.roll-dice-btn:hover{background:#218838;transform:scale(1.05)}.remove-dice-btn{background:#dc3545;border:none;border-radius:4px;padding:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-dice-btn:hover{background:#c82333;transform:scale(1.05)}.item-grant-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333;background:#0d0d0d}.cancel-btn{padding:8px 20px;background:transparent;border:1px solid #333;border-radius:6px;color:#f0e6dc;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn:hover{background:#ffffff0d;border-color:#666}.grant-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#6b46c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.grant-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #6b46c14d}.grant-btn:disabled{opacity:.6;cursor:not-allowed}.required-field{color:#dc3545}.required-field:after{content:" *";color:#dc3545}.error-field{border-color:#dc3545!important}[data-theme=light] .item-grant-modal{background:#fff;border-color:#dee2e6}[data-theme=light] .item-grant-header{background:#f8f9fa;border-bottom-color:#dee2e6}[data-theme=light] .item-grant-header h3{color:#212529}[data-theme=light] .item-grant-header .close-btn{color:#6c757d}[data-theme=light] .item-grant-header .close-btn:hover{background:#0000000d;color:#212529}[data-theme=light] .grant-player-section{border-bottom-color:#dee2e6}[data-theme=light] .grant-player-section label,[data-theme=light] .section-label{color:#212529}[data-theme=light] .grant-player-section select,[data-theme=light] .info-field input,[data-theme=light] .info-field select,[data-theme=light] .description-section textarea,[data-theme=light] .bonus-field input,[data-theme=light] .damage-dice-row input[type=text],[data-theme=light] .damage-dice-row select{background:#f8f9fa;border-color:#dee2e6;color:#212529}[data-theme=light] .damage-help,[data-theme=light] .info-field label,[data-theme=light] .description-section label,[data-theme=light] .bonus-field span{color:#6c757d}[data-theme=light] .damage-dice-row{background:#f8f9fa;border-color:#dee2e6}[data-theme=light] .item-grant-footer{background:#f8f9fa;border-top-color:#dee2e6}[data-theme=light] .cancel-btn{border-color:#dee2e6;color:#212529}[data-theme=light] .cancel-btn:hover{background:#00000008;border-color:#adb5bd}[data-theme=light] .add-damage-btn,[data-theme=light] .grant-btn{background:#8b0000}[data-theme=light] .add-damage-btn:hover,[data-theme=light] .grant-btn:hover:not(:disabled){background:#a00000}@media (max-width: 768px){.item-grant-modal-overlay{padding:10px}.item-grant-modal{max-height:95vh}.item-grant-header,.item-grant-content,.item-grant-footer{padding:12px 16px}.item-info-grid{grid-template-columns:1fr}.bonus-grid{grid-template-columns:repeat(3,1fr)}.combat-grid{grid-template-columns:repeat(2,1fr)}.damage-dice-row{flex-wrap:wrap}.damage-dice-row select{width:calc(50% - 5px)}.damage-header{flex-direction:column;align-items:flex-start;gap:10px}}.item-grant-content::-webkit-scrollbar{width:8px}.item-grant-content::-webkit-scrollbar-track{background:#0d0d0d}.item-grant-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.item-grant-content::-webkit-scrollbar-thumb:hover{background:#444}[data-theme=light] .item-grant-content::-webkit-scrollbar-track{background:#f8f9fa}[data-theme=light] .item-grant-content::-webkit-scrollbar-thumb{background:#dee2e6}[data-theme=light] .item-grant-content::-webkit-scrollbar-thumb:hover{background:#ced4da}.rich-text-editor{border:1px solid var(--border-color, #dee2e6);border-radius:6px;background:var(--background-color, #ffffff);overflow:hidden}.rich-text-toolbar{display:flex;align-items:center;gap:2px;padding:8px;background:var(--surface-color, #f8f9fa);border-bottom:1px solid var(--border-color, #dee2e6);flex-wrap:wrap}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color, #dee2e6);border-radius:4px;background:var(--background-color, #ffffff);color:var(--text-color, #212529);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none}.toolbar-btn:hover{background:var(--surface-hover, #dee2e6);color:var(--text-color, #212529)}.toolbar-btn.active{background:var(--accent-color, #ff6b6b);color:#fff}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn strong,.toolbar-btn em,.toolbar-btn u{font-size:11px;line-height:1;pointer-events:none}.toolbar-separator{width:1px;height:20px;background:var(--border-color, #dee2e6);margin:0 4px}.rich-text-content{min-height:120px;max-height:300px;padding:12px;overflow-y:auto;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-color);outline:none;cursor:text}.rich-text-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;position:absolute}.rich-text-content p{margin:0 0 8px}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content ul,.rich-text-content ol{margin:8px 0;padding-left:24px}.rich-text-content li{margin:4px 0}.rich-text-content strong{font-weight:600}.rich-text-content em{font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content br{line-height:1.5}.rich-text-editor.compact .rich-text-content{min-height:80px;max-height:200px}.rich-text-editor.large .rich-text-content{min-height:200px;max-height:500px}@media (max-width: 768px){.rich-text-toolbar{gap:1px}.toolbar-btn{width:32px;height:32px}.rich-text-content{min-height:100px;padding:10px}}.gm-broadcast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.gm-broadcast-modal{background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:480px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.gm-broadcast-header{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px 12px 0 0}.gm-broadcast-header h2{margin:0;color:#fff;font-size:1.5rem;display:flex;align-items:center;gap:.75rem}.gm-broadcast-header .fa-bullhorn{font-size:1.25rem}.gm-broadcast-header .close-button{background:#fff3;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.gm-broadcast-header .close-button:hover{background:#ffffff4d;transform:scale(1.05)}.gm-broadcast-body{padding:1.5rem;flex:1;overflow-y:auto}.broadcast-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.broadcast-message{padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);min-height:100px;font-size:1rem;line-height:1.6}.broadcast-message h1,.broadcast-message h2,.broadcast-message h3{margin-top:0;margin-bottom:.5rem;color:var(--primary)}.broadcast-message p{margin:.5rem 0}.broadcast-message ul,.broadcast-message ol{margin:.5rem 0;padding-left:1.5rem}.broadcast-message blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:4px solid var(--primary);background:#8b45131a;font-style:italic}.gm-broadcast-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.gm-broadcast-footer button{padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.gm-broadcast-footer .button-primary{background:var(--primary);color:#fff}.gm-broadcast-footer .button-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b45134d}.gm-broadcast-footer .button-primary:disabled{opacity:.5;cursor:not-allowed}.gm-broadcast-footer .button-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.gm-broadcast-footer .button-secondary:hover{background:var(--bg-primary)}@media (max-width: 600px){.gm-broadcast-modal{width:95%;max-height:90vh}.gm-broadcast-header h2{font-size:1.25rem}.gm-broadcast-body{padding:1rem}.gm-broadcast-footer{padding:.75rem 1rem}.gm-broadcast-footer button{padding:.4rem 1rem;font-size:.9rem}}.encounter-builder{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.builder-header h3{margin:0;color:var(--text-primary)}.builder-actions{display:flex;gap:.5rem}.btn-cancel,.btn-save{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-hover)}.btn-save{background:var(--primary-color);color:#fff}.btn-save:hover{background:var(--primary-hover)}.builder-content{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;padding:1.5rem;flex:1;overflow:hidden}.builder-left,.builder-right{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.encounter-details{display:flex;flex-direction:column;gap:1rem}.encounter-name-input{padding:.75rem;font-size:1.1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.encounter-description{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);resize:vertical;font-family:inherit}.selected-monsters-section{background:var(--bg-primary);border-radius:8px;padding:1.5rem}.selected-monsters-section h4{margin:0 0 1rem;color:var(--text-primary)}.selected-monsters-list{display:flex;flex-direction:column;gap:.75rem}.selected-monster-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border-radius:4px}.monster-name{font-weight:500;color:var(--text-primary)}.monster-cr{font-size:.85rem;color:var(--text-secondary);margin-left:.5rem}.quantity-controls{display:flex;align-items:center;gap:.5rem}.btn-quantity,.btn-remove{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-quantity:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-remove:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.quantity{min-width:24px;text-align:center;font-weight:500;color:var(--text-primary)}.difficulty-section{background:var(--bg-primary);border-radius:8px;padding:1.5rem}.difficulty-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--text-primary)}.difficulty-rating{display:inline-block;padding:.5rem 1rem;border-radius:4px;color:#fff;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.difficulty-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.xp-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.threshold-bars{display:flex;flex-direction:column;gap:.75rem}.threshold-row{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:.75rem;font-size:.85rem}.threshold-row span:first-child{color:var(--text-secondary)}.threshold-row span:last-child{text-align:right;color:var(--text-secondary)}.threshold-bar{height:20px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.threshold-fill{height:100%;transition:width .3s ease}.threshold-fill.easy{background:#4caf50}.threshold-fill.medium{background:#ffc107}.threshold-fill.hard{background:#ff9800}.threshold-fill.deadly{background:#f44336}.btn-toggle-advanced{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-toggle-advanced:hover{background:var(--bg-hover)}.advanced-options{display:flex;flex-direction:column;gap:1.5rem}.environment-section,.tactics-section{background:var(--bg-primary);border-radius:8px;padding:1.5rem}.environment-section h4,.tactics-section h4{margin:0 0 1rem;color:var(--text-primary)}.environment-section select{width:100%;padding:.5rem;margin-bottom:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.tactics-section textarea{width:100%;padding:.5rem;margin-bottom:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);resize:vertical;font-family:inherit}.monster-search-section{background:var(--bg-primary);border-radius:8px;padding:1rem}.monster-search-section h4{margin:0 0 1rem;color:var(--text-primary)}.monster-search{position:relative;display:flex;align-items:center}.monster-search svg{position:absolute;left:.75rem;color:var(--text-secondary)}.monster-search input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.monster-list{background:var(--bg-primary);border-radius:8px;padding:1rem;flex:1;overflow-y:auto}.loading{text-align:center;color:var(--text-secondary);padding:2rem}.monster-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:4px;transition:background .2s}.monster-list-item:hover{background:var(--bg-hover)}.monster-info{display:flex;align-items:center;gap:1rem;flex:1}.monster-list-item .monster-name{font-weight:500;color:var(--text-primary)}.monster-type{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.monster-list-item .monster-cr{font-size:.85rem;color:var(--text-secondary);background:var(--bg-primary);padding:.125rem .5rem;border-radius:12px}.btn-add-monster{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.btn-add-monster:hover{background:var(--primary-hover)}@media (max-width: 1024px){.builder-content{grid-template-columns:1fr}.builder-right{max-height:400px}}.encounter-system-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.encounter-system-modal{background:var(--bg-primary);border-radius:12px;width:90%;max-width:1200px;height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.encounter-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.encounter-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.encounter-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 1rem}.tab{background:none;border:none;padding:1rem 1.5rem;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color)}.encounter-content{flex:1;overflow-y:auto;padding:1.5rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-state button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.quick-deploy-section{display:grid;grid-template-columns:1fr 350px;gap:2rem;height:100%}.quick-monsters h3,.selected-monsters h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.quick-monster-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:border-color .2s}.quick-monster-card:hover{border-color:var(--primary-color)}.monster-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.monster-info h4{margin:0;font-size:1rem;color:var(--text-primary)}.cr{font-size:.85rem;color:var(--text-secondary);background:var(--bg-primary);padding:.125rem .5rem;border-radius:12px}.quick-actions{display:flex;gap:.5rem}.quick-actions button{flex:1;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.quick-actions button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.selected-monsters{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;margin:0}.selected-list{display:flex;flex-direction:column;gap:.5rem}.selected-monster{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary);border-radius:4px}.remove-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.remove-btn:hover{background:var(--error-color);color:#fff}.difficulty-display{background:var(--bg-primary);border-radius:8px;padding:1rem;margin-top:1rem}.difficulty-display h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.difficulty-badge{display:inline-block;padding:.5rem 1rem;border-radius:4px;color:#fff;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;font-size:.85rem}.xp-info{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.deploy-btn{margin-top:auto;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.deploy-btn:hover:not(:disabled){background:var(--primary-hover)}.deploy-btn:disabled{opacity:.5;cursor:not-allowed}.templates-section{height:100%}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.template-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s}.template-card:hover{border-color:var(--primary-color)}.template-header{display:flex;justify-content:space-between;align-items:center}.template-header h4{margin:0;color:var(--text-primary)}.template-description{margin:0;color:var(--text-secondary);font-size:.9rem}.template-info{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.use-template-btn{padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;margin-top:auto}.use-template-btn:hover:not(:disabled){background:var(--primary-hover)}.use-template-btn:disabled{opacity:.5;cursor:not-allowed}.builder-section{height:100%;overflow:hidden}@media (max-width: 768px){.encounter-system-modal{width:95%;height:90vh}.quick-deploy-section{grid-template-columns:1fr}.selected-monsters{position:sticky;bottom:0;background:var(--bg-primary);border-top:1px solid var(--border-color);border-radius:0}.monster-grid,.template-list{grid-template-columns:1fr}}.npc-template-list{padding:20px;height:100%;overflow-y:auto}.template-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.template-list-header h3{margin:0;color:var(--primary-text)}.create-template-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.create-template-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.template-list-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-bar{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:12px;color:var(--secondary-text)}.search-bar input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--primary-text);font-size:14px}.filter-controls{display:flex;gap:8px;align-items:center}.filter-controls select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--primary-text);font-size:14px;cursor:pointer}.filter-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--secondary-text);cursor:pointer;transition:all .2s}.filter-button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.template-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.template-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-color)}.template-card.public{border-color:var(--success-color)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-header-content{display:flex;align-items:center;gap:12px;flex:1}.template-avatar{width:40px;height:40px;flex-shrink:0}.template-avatar img{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid var(--border-color)}.template-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--secondary-text)}.template-card-header h4{margin:0;font-size:16px;color:var(--primary-text);flex:1}.favorite-button{background:none;border:none;cursor:pointer;color:var(--secondary-text);padding:4px;transition:all .2s}.favorite-button:hover,.favorite-button.active{color:var(--warning-color)}.favorite-button.active svg{fill:var(--warning-color)}.template-card-body{margin-bottom:12px}.template-info{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.template-info span{padding:2px 8px;background:var(--secondary-bg);border-radius:4px;font-size:12px;color:var(--secondary-text)}.template-type{background:var(--info-bg)!important;color:var(--info-color)!important}.template-size{text-transform:capitalize}.template-cr{background:var(--warning-bg)!important;color:var(--warning-color)!important;font-weight:500}.template-stats{margin:12px 0}.stat-row{display:flex;gap:12px;margin-bottom:8px;font-size:13px;color:var(--secondary-text)}.stat-row.attributes{flex-wrap:wrap;gap:8px}.stat-row.attributes span{background:var(--secondary-bg);padding:2px 6px;border-radius:3px;font-size:11px}.template-description{font-size:13px;color:var(--secondary-text);margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.template-card-actions{display:flex;gap:8px;margin-top:12px}.action-button{padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--secondary-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-button:hover{background:var(--secondary-bg)}.action-button.edit:hover{border-color:var(--info-color);color:var(--info-color)}.action-button.delete:hover{border-color:var(--danger-color);color:var(--danger-color)}.action-button.duplicate:hover{border-color:var(--success-color);color:var(--success-color)}.template-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.template-badge.public{background:var(--success-bg);color:var(--success-color)}.template-badge.owner{background:var(--info-bg);color:var(--info-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--secondary-text)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.empty-state{text-align:center;padding:60px 20px;color:var(--secondary-text)}.empty-state p{margin-bottom:16px}.empty-state button{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.empty-state button:hover{background:var(--accent-hover)}[data-theme=dark] .template-card{background:#1e1e1e;border-color:#333}[data-theme=dark] .template-card:hover{border-color:#4a90e2}[data-theme=dark] .stat-row.attributes span,[data-theme=dark] .template-info span{background:#2a2a2a}[data-theme=dark] .action-button{background:#2a2a2a;border-color:#333}[data-theme=dark] .action-button:hover{background:#333}.npc-template-editor{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:visible;min-height:0}.npc-template-editor form{display:flex;flex-direction:column;height:100%;min-height:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;position:relative;z-index:10}.editor-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.editor-header h2{margin:0;color:var(--text-color);font-size:28px;font-weight:700;display:flex;align-items:center;gap:16px;letter-spacing:-.5px}.editor-header h2:before{content:"⚔️";font-size:32px;filter:hue-rotate(280deg)}.editor-tabs{display:flex;gap:8px;padding:16px 24px;background:transparent;border-bottom:2px solid var(--border-color);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.editor-tabs::-webkit-scrollbar{height:6px}.editor-tabs::-webkit-scrollbar-track{background:transparent}.editor-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.editor-tabs button{padding:10px 20px;background:var(--background-color);border:2px solid transparent;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.editor-tabs button:hover{color:var(--text-color);background:var(--surface-light);border-color:var(--border-color)}.editor-tabs button.active{color:#8b5cf6;background:var(--background-color);border-color:#8b5cf6;border-bottom-color:var(--background-color);position:relative;top:2px;font-weight:600}.editor-tabs button svg{width:16px;height:16px}.editor-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px;background:var(--background-color);position:relative;min-height:0;scroll-behavior:smooth}.editor-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.03) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,.02) 0%,transparent 50%);pointer-events:none}.tab-content{animation:fadeIn .4s ease-out;width:100%;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:0;width:100%;box-sizing:border-box}.tab-grid .form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.tab-grid .full-row{grid-column:1 / -1}.section-title{grid-column:1 / -1;font-size:18px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.section-title:first-child{margin-top:0}.section-title svg{color:#8b5cf6;flex-shrink:0}.attributes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;width:100%}.attribute-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:all .2s}.attribute-box:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.attribute-box label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.attribute-box input[type=number]{width:70px;text-align:center;font-size:16px;font-weight:600;margin:0 auto}.progression-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.progression-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.progression-item label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.progression-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.progression-inputs input{width:60px;text-align:center;flex-shrink:0}.progression-inputs span{font-size:12px;color:var(--text-secondary)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;color:var(--text-secondary);font-weight:600;display:block;margin-bottom:6px}.form-group label .required{color:#ef4444;font-size:16px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:14px;transition:all .2s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:var(--surface-color)}.help-text{font-size:13px;color:var(--text-secondary);margin-bottom:16px;font-style:normal;padding:10px 14px;background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:8px;display:flex;align-items:center;gap:8px;grid-column:1 / -1}.help-text:before{content:"💡";font-size:16px;filter:hue-rotate(280deg)}.attributes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.attribute-group{text-align:center;background:var(--surface-color);border-radius:10px;padding:16px 8px;border:1px solid var(--border-color);transition:all .3s}.attribute-group:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a;border-color:#8b5cf6}.attribute-group label{display:block;font-size:14px;font-weight:800;color:#8b5cf6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.attribute-group input{width:100%;text-align:center;font-size:18px;font-weight:600;padding:8px;background:var(--background-color);border:2px solid transparent}.attribute-group input:focus{border-color:#8b5cf6;background:#fff}[data-theme=dark] .attribute-group input:focus{background:#1a1a1a}.progression-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.progression-group{background:var(--surface-color);padding:16px;border-radius:10px;border:1px solid var(--border-color);transition:all .3s}.progression-group:hover{box-shadow:0 2px 8px #8b5cf61a;border-color:#8b5cf64d}.progression-group label{display:block;font-size:14px;font-weight:700;color:#8b5cf6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.progression-inputs{display:flex;align-items:center;gap:6px}.progression-inputs input{width:60px;text-align:center}.progression-inputs span{font-size:13px;color:var(--secondary-text)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:none;overflow:visible;padding:8px 0}.checkbox-label{display:flex;align-items:center;font-size:13px;cursor:pointer;padding:8px 10px;border-radius:6px;transition:all .2s;background:var(--surface-color);border:1px solid transparent;text-transform:capitalize;min-width:0;flex:1}.checkbox-label:hover{background:#8b5cf60d;border-color:#8b5cf633;transform:translate(2px)}.checkbox-label input{margin-right:8px;cursor:pointer;width:16px;height:16px}.checkbox-label input:checked{accent-color:#8b5cf6}.checkbox-label input:checked+span{color:#8b5cf6;font-weight:500}.speed-types,.senses-list{margin-top:12px}.speed-type-list,.senses-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.speed-type-item,.sense-item{display:flex;align-items:center;gap:8px}.speed-type-item label,.sense-item label{font-size:13px;color:var(--secondary-text);min-width:80px;text-transform:capitalize}.speed-type-item input,.sense-item input{width:80px}.cr-progression{margin-top:16px}.cr-progression-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cr-progression-item{display:flex;align-items:center;gap:8px}.cr-progression-item span{font-size:13px;color:var(--secondary-text);min-width:70px}.cr-progression-item input{width:100px}.features-list,.actions-list{display:flex;flex-direction:column;gap:20px;max-height:600px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#8b5cf6 transparent}.features-list::-webkit-scrollbar,.actions-list::-webkit-scrollbar{width:6px}.features-list::-webkit-scrollbar-thumb,.actions-list::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.features-list::-webkit-scrollbar-track,.actions-list::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.feature-item,.action-item{padding:20px;border:2px solid var(--border-color);border-radius:12px;background:var(--surface-color);transition:all .3s;position:relative;overflow:hidden}.feature-item:before,.action-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8b5cf6,#7c3aed);opacity:0;transition:opacity .3s}.feature-item:hover,.action-item:hover{box-shadow:0 4px 12px #8b5cf61a;border-color:#8b5cf64d;transform:translate(2px)}.feature-item:hover:before,.action-item:hover:before{opacity:1}.template-spells-section,.add-spells-section{margin-bottom:30px}.template-spells-section h4,.add-spells-section h4{margin-bottom:15px;color:var(--text-color);font-size:16px;font-weight:600}.template-spells-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:5px}.spell-item,.available-spell-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);transition:all .2s}.spell-item:hover,.available-spell-item:hover{border-color:#8b5cf64d;background:#8b5cf60d}.spell-info{display:flex;align-items:center;gap:12px;flex:1}.spell-name{font-weight:500;color:var(--text-color)}.spell-level{font-size:12px;color:var(--text-muted);padding:2px 8px;background:#8b5cf61a;border-radius:4px}.spell-school{font-size:12px;color:var(--text-muted);font-style:italic}.remove-spell-btn,.add-spell-btn{padding:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-spell-btn:hover{background:#ef44441a;color:#ef4444}.add-spell-btn:hover{background:#10b9811a;color:#10b981}.spell-filters{display:flex;gap:12px;margin-bottom:20px}.search-box{position:relative;flex:1}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-color);font-size:14px}.spell-filters select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-color);font-size:14px;cursor:pointer}.available-spells-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:5px}.no-spells,.no-results{text-align:center;color:var(--text-muted);padding:20px;font-style:italic}.warning-message{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;text-align:center;color:#f59e0b}.feature-header,.action-header{display:flex;gap:12px;margin-bottom:16px;align-items:center}.feature-header input:first-child,.action-header input:first-child{flex:1;font-size:16px;font-weight:600;padding:12px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:10px}.feature-header input:first-child:focus,.action-header input:first-child:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.feature-header input[type=number],.action-header input[type=number]{width:100px;text-align:center;font-weight:600}.action-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:16px;background:var(--background-color);border-radius:10px;border:1px solid var(--border-color)}.remove-button{padding:4px 8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--danger-color);cursor:pointer;transition:all .2s}.remove-button:hover{background:var(--danger-color);color:#fff}.add-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:1px dashed var(--border-color);border-radius:6px;background:none;color:var(--secondary-text);cursor:pointer;transition:all .2s}.add-button:hover{border-color:#8b5cf6;color:#8b5cf6;background:var(--secondary-bg)}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;border-top:1px solid var(--border-color);background:var(--surface-color);box-shadow:0 -2px 8px #0000000d}.editor-footer:before{content:"Preencha todos os campos obrigatórios";font-size:14px;color:var(--text-secondary);opacity:.8;display:flex;align-items:center;gap:8px}.editor-footer:after{content:"⚠️";position:absolute;left:24px;font-size:16px;opacity:.6}.editor-footer-buttons{display:flex;gap:12px}.cancel-button,.save-button{padding:12px 32px;border:2px solid transparent;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.cancel-button{background:var(--background-color);color:var(--text-secondary);border-color:var(--border-color)}.cancel-button:hover{background:var(--surface-light);border-color:#ef4444;color:#ef4444;transform:translateY(-1px)}.cancel-button:active{transform:translateY(0)}.save-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.save-button:hover:before{left:100%}.save-button:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.save-button:disabled:hover:before{left:-100%}.cancel-button:before{content:"✕";font-size:16px;margin-right:4px}.save-button:after{content:"✓";font-size:16px;margin-left:4px}.attributes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:24px;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #00000008}.progression-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:24px;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #00000008}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:8px 0;background:transparent;border-radius:0;border:none;max-height:none;overflow:visible}.checkbox-grid::-webkit-scrollbar{width:6px}.checkbox-grid::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.checkbox-grid::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.add-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:2px dashed #8b5cf6;border-radius:12px;background:#8b5cf608;color:#8b5cf6;cursor:pointer;transition:all .3s;font-weight:600;font-size:15px;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .6s}.add-button:hover{border-style:solid;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.add-button:hover:before{left:100%}.add-button:active{transform:translateY(0);box-shadow:0 2px 6px #8b5cf633}.remove-button{padding:8px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.remove-button:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.05);box-shadow:0 2px 8px #ef44444d}.remove-button:active{transform:scale(.98)}[data-theme=dark] .npc-template-editor{background:#0f0f0f}[data-theme=dark] .editor-header,[data-theme=dark] .editor-tabs{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .form-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#0f0f0f;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:#1f1f1f;border-color:#8b5cf6}[data-theme=dark] .attributes-grid,[data-theme=dark] .progression-grid,[data-theme=dark] .checkbox-grid{background:#0f0f0f;border-color:#2a2a2a}[data-theme=dark] .attribute-group,[data-theme=dark] .progression-group,[data-theme=dark] .checkbox-label{background:#1f1f1f;border-color:#2a2a2a}[data-theme=dark] .checkbox-label:hover{background:#8b5cf61a}[data-theme=dark] .feature-item,[data-theme=dark] .action-item{background:#1f1f1f;border-color:#2a2a2a}[data-theme=dark] .action-details{background:#0f0f0f;border-color:#2a2a2a}[data-theme=dark] .help-text{background:#8b5cf61a;border-left-color:#8b5cf6}[data-theme=dark] .add-button{background:#8b5cf60d}[data-theme=dark] .remove-button{background:#1f1f1f;border-color:#2a2a2a}.items-list{display:flex;flex-direction:column;gap:16px}.item-entry{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;padding:16px;transition:all .3s}.item-entry:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.item-header{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;margin-bottom:12px}.item-name-input{flex:1}.item-type-select{width:120px}.item-quantity-input{width:60px;text-align:center}.weapon-details,.armor-details{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.weapon-row{display:grid;grid-template-columns:1fr auto auto;gap:12px}.weapon-properties{display:flex;flex-direction:column;gap:8px}.weapon-properties>label{font-size:13px;color:var(--secondary-text);font-weight:500}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.property-checkbox{display:flex;align-items:center;font-size:12px;padding:4px 8px;background:var(--background-color);border-radius:4px;cursor:pointer;transition:all .2s}.property-checkbox:hover{background:var(--surface-light)}.property-checkbox input{margin-right:6px}.armor-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-items-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%}.template-item-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.template-item-card:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.item-info{display:flex;align-items:center;gap:12px;flex:1}.item-info h5{margin:0;font-size:14px;color:var(--text-color)}.item-type-badge{background:#8b5cf633;color:#8b5cf6;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.item-quantity{background:var(--surface-light);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.item-actions{display:flex;gap:8px}.edit-item-btn,.remove-item-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.edit-item-btn{color:#8b5cf6}.edit-item-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.remove-item-btn{color:#ef4444}.remove-item-btn:hover{background:#ef44441a;border-color:#ef4444}.edit-item-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-edit-item-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);border:2px solid #8b5cf6;border-radius:12px;padding:24px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:2500;box-shadow:0 20px 60px #0000004d}.template-edit-item-form h4{margin:0 0 20px;color:#8b5cf6;font-size:20px}.template-edit-item-form .form-row{display:flex;gap:12px;margin-bottom:16px}.template-edit-item-form input,.template-edit-item-form select,.template-edit-item-form textarea{padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:14px;transition:all .3s}.template-edit-item-form input:focus,.template-edit-item-form select:focus,.template-edit-item-form textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.template-edit-item-form .weapon-fields{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px}.template-edit-item-form .weapon-fields h5{margin:0 0 12px;color:var(--text-color);font-size:16px}.template-edit-item-form .required-field{border-color:#ef4444!important}.template-edit-item-form .markdown-editor{margin-bottom:16px}.template-edit-item-form .markdown-toolbar{display:flex;gap:8px;align-items:center;padding:8px;background:var(--background-color);border:2px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0}.template-edit-item-form .markdown-toolbar button{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.template-edit-item-form .markdown-toolbar button:hover{background:var(--surface-light);color:#8b5cf6;border-color:#8b5cf6}.template-edit-item-form .markdown-help{margin-left:auto;font-size:12px;color:var(--text-secondary)}.template-edit-item-form textarea{width:100%;border-radius:0 0 8px 8px;resize:vertical}.template-edit-item-form .markdown-preview{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:12px}.template-edit-item-form .markdown-preview h5{margin:0 0 8px;color:var(--text-secondary);font-size:12px;text-transform:uppercase}.template-edit-item-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.template-edit-item-form .cancel-btn,.template-edit-item-form .save-btn{padding:10px 24px;border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.template-edit-item-form .cancel-btn{background:var(--background-color);color:var(--text-secondary);border-color:var(--border-color)}.template-edit-item-form .cancel-btn:hover{background:var(--surface-light);border-color:#ef4444;color:#ef4444}.template-edit-item-form .save-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 6px #8b5cf64d}.template-edit-item-form .save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}[data-theme=dark] .template-item-card,[data-theme=dark] .template-edit-item-form{background:#1a1a1a}[data-theme=dark] .template-edit-item-form .weapon-fields,[data-theme=dark] .template-edit-item-form .markdown-toolbar,[data-theme=dark] .template-edit-item-form .markdown-preview{background:#0f0f0f}.editor-tabs{display:flex;gap:0;padding:0;background:var(--surface-color);border-bottom:2px solid var(--border-color);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8b5cf6 transparent}.editor-tabs::-webkit-scrollbar{height:4px}.editor-tabs::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:2px}.editor-tabs button{padding:16px 24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .3s;border-bottom:3px solid transparent;position:relative;display:flex;align-items:center;gap:8px}.editor-tabs button svg{transition:all .3s;opacity:.7}.editor-tabs button:hover{color:var(--text-color);background:#8b5cf60d}.editor-tabs button:hover svg{opacity:1;transform:scale(1.1)}.editor-tabs button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:#8b5cf61a}.editor-tabs button.active svg{opacity:1;color:#8b5cf6}.editor-tabs button.active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#8b5cf6}.form-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-bottom:28px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:0;transition:opacity .3s}.form-section:hover{box-shadow:0 4px 16px #8b5cf614;border-color:#8b5cf64d}.form-section:hover:before{opacity:1}.form-section h4{margin:0 0 24px;color:var(--text-color);font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px;position:relative;padding-bottom:12px}.form-section h4:before{content:"";width:6px;height:24px;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-radius:3px;box-shadow:0 2px 4px #8b5cf64d}.form-section h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#8b5cf6 0%,transparent 100%);opacity:.3}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--background-color);color:var(--text-color);font-size:15px;transition:all .3s;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#8b5cf64d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #8b5cf61a;background:var(--surface-color)}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:var(--secondary-bg)}.editor-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.attribute-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.attribute-group{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:all .2s}.attribute-group:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.attribute-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.attribute-group input[type=number]{width:80px;text-align:center;font-size:18px;font-weight:600;margin:0 auto}.progression-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.progression-fields input{padding:6px 10px;font-size:13px}.hit-die-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.list-section{margin-top:16px}.list-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.list-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;padding:6px 16px;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s}.list-item:hover{background:var(--background-color);border-color:#8b5cf6}.list-item button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .2s}.list-item button:hover{color:#ef4444}.add-item-button{background:none;border:2px dashed var(--border-color);border-radius:8px;padding:8px 16px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s;margin-top:12px}.add-item-button:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf60d}.editor-footer{background:var(--surface-color);border-top:2px solid var(--border-color);padding:20px 32px;box-shadow:0 -2px 8px #0000000d}.editor-footer-buttons{display:flex;gap:12px;justify-content:flex-end;max-width:900px;margin:0 auto}@media (max-width: 768px){.editor-content{padding:16px}.tab-content{max-width:100%}.form-section{padding:16px}.form-grid{grid-template-columns:1fr}.attribute-inputs{grid-template-columns:repeat(2,1fr)}.editor-tabs{padding:12px 16px}.editor-tabs button{min-width:auto;padding:8px 12px;font-size:13px}}[data-theme=dark] .form-section{background:#1a1a1a;border-color:#333}[data-theme=dark] .attribute-group{background:#0f0f0f;border-color:#333}[data-theme=dark] .attribute-group:hover{border-color:#8b5cf6}[data-theme=dark] .list-item{background:#1a1a1a;border-color:#333}[data-theme=dark] .list-item:hover{background:#262626}[data-theme=dark] .editor-tabs button{background:#1a1a1a}[data-theme=dark] .editor-tabs button:hover{background:#262626}[data-theme=dark] .editor-tabs button.active{background:#0f0f0f}.help-text{color:var(--text-secondary);font-size:13px;margin:-8px 0 16px;line-height:1.5;font-style:italic;grid-column:1 / -1}.save-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.save-button:disabled{opacity:.7;cursor:not-allowed}.cancel-button{background:var(--surface-color);color:var(--text-secondary);border:2px solid var(--border-color);padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-button:hover{background:var(--background-color);border-color:#8b5cf6;color:#8b5cf6}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:var(--text-color)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.select-multiple{min-height:120px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--primary-text);font-size:14px}.select-multiple option{padding:4px 8px;margin:2px 0}.select-multiple option:checked{background:#8b5cf6;color:#fff}.form-group.full-width textarea{min-height:80px;resize:vertical}.template-modal .npc-template-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.template-modal .editor-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.template-modal form{display:flex;flex-direction:column;height:100%;min-height:0}.form-group input:not([type=checkbox]):hover,.form-group select:hover,.form-group textarea:hover{border-color:#8b5cf680}.form-section h4 svg{color:#8b5cf6;flex-shrink:0}.form-section .form-section{margin-top:24px;padding:16px;background:var(--background-color);border:1px solid var(--border-color)}.save-button.saving{position:relative;color:transparent}.save-button.saving:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ef4444}.form-group.error label{color:#ef4444}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#22c55e}@media (max-height: 800px){.editor-header{padding:16px 24px}.editor-header h2{font-size:24px}.editor-tabs{padding:12px 20px}.editor-content{padding:20px}.form-section{padding:20px;margin-bottom:24px}.editor-footer{padding:16px 24px}}.tab-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-section+.form-section{margin-top:32px}.form-section h4+.form-grid,.form-section h4+.attribute-inputs,.form-section h4+.list-section{margin-top:20px}.template-modal{z-index:1000}.template-edit-item-form{z-index:1100}.edit-item-backdrop{z-index:1050}.editor-tabs,.editor-footer{flex-shrink:0}.progression-fields span{font-size:12px;color:var(--text-secondary);padding:0 4px;align-self:center}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:16px}.form-group.full-width,.form-group.full-row{grid-column:1 / -1}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{width:100%}.tab-content{animation:fadeIn .4s ease-out;width:100%;padding:0;max-width:100%;overflow-x:hidden}@media (max-width: 1200px){.attributes-row{grid-template-columns:repeat(2,1fr)}.progression-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tab-grid{grid-template-columns:1fr;gap:12px}.attributes-row{grid-template-columns:repeat(2,1fr);gap:12px}.progression-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.editor-content{padding:12px 16px}.section-title{font-size:16px;margin:16px 0 12px}}@media (min-width: 1400px){.tab-grid{grid-template-columns:repeat(4,1fr)}}.attribute-modifier{display:block;font-size:12px;color:#8b5cf6;font-weight:600;margin-top:4px}.template-items-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.tab-content>.section-title{margin-bottom:16px}.tab-content>.help-text{margin-bottom:20px}.tab-content .checkbox-grid{margin-top:12px}.template-modal .npc-template-editor{max-width:100%;overflow:hidden}.template-modal .editor-content{max-width:100%;overflow-x:hidden}.tab-content>*{max-width:100%}.avatar-section{display:flex;align-items:center;gap:20px;padding:15px}.avatar-container{position:relative;width:120px;height:120px;flex-shrink:0}.avatar-container .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid var(--border-color)}.avatar-container .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-color);border:2px dashed var(--border-color);border-radius:8px;color:var(--muted-text-color)}.avatar-delete-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--danger-color);color:#fff;border:2px solid var(--surface-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.avatar-delete-btn:hover{transform:scale(1.1);background:var(--danger-color-hover)}.avatar-upload{flex:1;display:flex;flex-direction:column;gap:10px}.avatar-upload .upload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;align-self:flex-start}.avatar-upload .upload-btn:hover{background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.avatar-upload .help-text{margin:0;font-size:13px;color:var(--muted-text-color);font-style:italic}.editor-actions{padding:20px 24px;background:var(--surface-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;position:sticky;bottom:0;z-index:10}.editor-actions button{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;border:none}.editor-actions .cancel-button{background:var(--background-color);color:var(--text-secondary);border:2px solid var(--border-color)}.editor-actions .cancel-button:hover{background:var(--surface-color);border-color:var(--text-secondary)}.editor-actions .save-button{background:#8b5cf6;color:#fff}.editor-actions .save-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.editor-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.npc-template-deploy{width:100%;height:100%;background:var(--surface-color);display:flex;flex-direction:column}.deploy-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a)}.deploy-header-content{display:flex;align-items:center;gap:16px}.template-preview-avatar{width:60px;height:60px;flex-shrink:0}.template-preview-avatar img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid #8b5cf6}.template-preview-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:2px solid #8b5cf6;border-radius:8px;color:#8b5cf6}.deploy-header h2{margin:0;color:#8b5cf6;font-size:24px;display:flex;align-items:center;gap:12px}.close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--background-color);color:#8b5cf6}.deploy-content{flex:1;display:grid;grid-template-columns:300px 1fr;gap:20px;padding:20px;overflow-y:auto;background:var(--background-color)}.deploy-config{border-right:1px solid var(--border-color);padding-right:20px}.deploy-config h3{margin:0 0 16px;color:var(--primary-text);font-size:16px}.config-group{margin-bottom:16px}.config-group label{display:block;font-size:13px;color:var(--secondary-text);margin-bottom:6px;font-weight:500}.config-group input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--primary-text);font-size:14px}.deploy-preview{padding-left:20px}.deploy-preview h3{margin:0 0 16px;color:var(--primary-text);font-size:16px}.preview-section{margin-bottom:20px}.preview-section h4{margin:0 0 12px;color:var(--secondary-text);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.preview-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-info span{font-size:13px;color:var(--secondary-text)}.preview-info strong{color:var(--primary-text)}.attributes-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attribute{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--secondary-bg);border-radius:6px;text-align:center}.attr-name{font-size:12px;font-weight:700;color:var(--secondary-text);margin-bottom:4px}.attr-value{font-size:18px;font-weight:700;color:var(--primary-text)}.attr-mod{font-size:12px;color:var(--secondary-text)}.combat-preview{display:flex;flex-direction:column;gap:12px}.combat-stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--secondary-text)}.combat-stat svg{color:#8b5cf6}.combat-stat strong{color:var(--primary-text);font-weight:600}.features-list,.actions-list{margin:0;padding:0 0 0 20px}.features-list li,.actions-list li{font-size:13px;color:var(--secondary-text);margin-bottom:6px}.actions-list li strong{color:var(--primary-text)}.deploy-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-color)}.cancel-button,.deploy-button{padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:var(--input-bg);color:var(--secondary-text)}.cancel-button:hover{background:var(--secondary-bg)}.deploy-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;box-shadow:0 2px 6px #8b5cf64d}.deploy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.deploy-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .npc-template-deploy{background:#1e1e1e}[data-theme=dark] .config-group input{background:#2a2a2a;border-color:#333}[data-theme=dark] .attribute{background:#252525}@media (max-width: 768px){.deploy-content{grid-template-columns:1fr}.deploy-config{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:20px}.deploy-preview{padding-left:0}.attributes-preview{grid-template-columns:repeat(2,1fr)}}.deploy-content::-webkit-scrollbar{width:8px}.deploy-content::-webkit-scrollbar-track{background:var(--secondary-bg)}.deploy-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.deploy-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.wild-magic-notification{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.wild-magic-notification.visible{opacity:1;pointer-events:all}.wild-magic-notification.exiting{opacity:0}.notification-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#8a2be21a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:backdropPulse 2s ease-in-out infinite}@keyframes backdropPulse{0%,to{background:#8a2be21a}50%{background:#8a2be233}}.notification-content{position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #8a2be2;border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 0 50px #8a2be280,0 0 100px #8a2be24d,inset 0 0 20px #8a2be233;transform:scale(.8);animation:notificationEntrance .5s ease-out forwards}@keyframes notificationEntrance{0%{transform:scale(.8) rotate(-5deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.notification-header{text-align:center;margin-bottom:20px;position:relative}.magic-burst{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:100px;height:100px}.magic-burst .sparkle-1,.magic-burst .sparkle-2,.magic-burst .sparkle-3{position:absolute;color:#8a2be2;filter:drop-shadow(0 0 10px currentColor)}.sparkle-1{top:10px;left:20px;animation:sparkleFloat1 3s ease-in-out infinite}.sparkle-2{top:0;right:10px;animation:sparkleFloat2 3.5s ease-in-out infinite}.sparkle-3{bottom:20px;left:50%;transform:translate(-50%);animation:sparkleFloat3 2.5s ease-in-out infinite}@keyframes sparkleFloat1{0%,to{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(-10px,-5px) rotate(15deg);opacity:1}50%{transform:translate(5px,-10px) rotate(-10deg);opacity:.8}75%{transform:translate(-5px,5px) rotate(5deg);opacity:1}}@keyframes sparkleFloat2{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.7}33%{transform:translate(10px,-8px) rotate(-20deg) scale(1.2);opacity:1}66%{transform:translate(-8px,-5px) rotate(15deg) scale(.9);opacity:.9}}@keyframes sparkleFloat3{0%,to{transform:translate(-50%) rotate(0);opacity:.5}50%{transform:translate(-50%) rotate(360deg);opacity:1}}.notification-header h2{color:#fff;font-size:28px;margin:0;text-shadow:0 0 20px rgba(138,43,226,.8),0 0 40px rgba(138,43,226,.5);animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(138,43,226,.8),0 0 40px rgba(138,43,226,.5)}50%{text-shadow:0 0 30px rgba(138,43,226,1),0 0 60px rgba(138,43,226,.7)}}.notification-body{text-align:center;color:#e0e0e0}.character-name{font-size:20px;font-weight:700;color:#8a2be2;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.surge-info{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.surge-roll{font-size:16px;color:#b19cd9;margin-bottom:10px}.surge-effect{font-size:22px;color:#fff;margin:10px 0;font-weight:700;line-height:1.3}.surge-duration{font-size:14px;color:#b19cd9;font-style:italic;margin:10px 0}.surge-description{font-size:16px;line-height:1.5;color:#e0e0e0;margin-top:15px}.notification-close{display:block;margin:0 auto;padding:12px 30px;background:linear-gradient(145deg,#8a2be2,#6a1b9a);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a2be266,inset 0 1px #fff3}.notification-close:hover{background:linear-gradient(145deg,#9932cc,#7b1fa2);transform:translateY(-2px);box-shadow:0 6px 20px #8a2be299,inset 0 1px #ffffff4d}.notification-close:active{transform:translateY(0);box-shadow:0 2px 10px #8a2be266,inset 0 1px #fff3}.notification-content:before,.notification-content:after{content:"";position:absolute;width:4px;height:4px;background:#8a2be2;border-radius:50%;box-shadow:0 0 10px #8a2be2;animation:magicParticle 3s ease-in-out infinite}.notification-content:before{top:-20px;left:10%;animation-delay:0s}.notification-content:after{top:-20px;right:10%;animation-delay:1.5s}@keyframes magicParticle{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100px) scale(0);opacity:0}}@media (max-width: 768px){.notification-content{padding:20px;max-width:95%}.notification-header h2{font-size:24px}.surge-effect{font-size:18px}.magic-burst{top:-30px;width:80px;height:80px}.magic-burst svg{transform:scale(.8)}}.campaign-maps-viewer{padding:20px;background:var(--bg-secondary);border-radius:8px;min-height:500px}.maps-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:15px;flex:1;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:0 12px;min-width:250px}.search-box svg{color:var(--text-secondary);margin-right:8px}.search-input{flex:1;border:none;background:transparent;padding:8px 0;color:var(--text-primary);font-size:14px;outline:none}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.view-mode-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.view-mode-btn{padding:6px 10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-mode-btn:first-child{border-right:1px solid var(--border-color)}.view-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-btn.active{background:var(--accent-color);color:#fff}.grid-icon,.list-icon{font-size:16px;line-height:1}.maps-container{display:grid;gap:20px}.maps-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.maps-container.list{grid-template-columns:1fr}.map-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.map-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-color)}.map-item.grid{display:flex;flex-direction:column}.map-item.list{display:flex;flex-direction:row;align-items:center}.map-thumbnail{position:relative;overflow:hidden;background:var(--bg-secondary)}.map-item.grid .map-thumbnail{width:100%;height:200px}.map-item.list .map-thumbnail{width:150px;height:100px;flex-shrink:0}.map-thumbnail img{width:100%;height:100%;object-fit:cover}.no-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:8px}.map-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase}.pin-count-badge{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000000b3;border-radius:4px;color:#fff;font-size:12px;display:flex;align-items:center;gap:4px}.map-info{padding:16px;flex:1}.map-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.map-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.map-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.player-pins-allowed{display:flex;align-items:center;gap:4px}.no-maps-message{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-maps-message svg{margin-bottom:16px;opacity:.5}.no-maps-message p{margin:0;font-size:18px}.search-hint{margin-top:8px!important;font-size:14px!important;opacity:.7}.map-fullscreen-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-header h2{margin:0;color:#fff;font-size:24px}.viewer-controls{display:flex;align-items:center;gap:15px}.viewer-btn{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.viewer-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.viewer-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn{background:#ff3b3033;border-color:#ff3b3066}.close-btn:hover{background:#ff3b304d;border-color:#ff3b3080}.zoom-level{color:#fff;font-size:14px;min-width:50px;text-align:center}.viewer-content{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;-webkit-user-select:none;user-select:none}.map-image-container{transition:transform .3s ease;transform-origin:center;position:relative}.full-map-image{max-width:100%;max-height:100%;display:block;box-shadow:0 0 50px #00000080}.no-image-fullscreen{text-align:center;color:#ffffff80}.no-image-fullscreen svg{margin-bottom:16px}.viewer-footer{padding:20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center}.viewer-footer p{margin:0;font-size:16px}.viewer-help{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.8;transition:opacity .3s}.viewer-help:hover{opacity:1}.map-fullscreen-viewer:fullscreen{background:#000}.map-fullscreen-viewer:-webkit-full-screen{background:#000}.map-fullscreen-viewer:-moz-full-screen{background:#000}.map-fullscreen-viewer:-ms-fullscreen{background:#000}@media (max-width: 768px){.maps-viewer-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-buttons{justify-content:center}.maps-container.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.map-item.list{flex-direction:column}.map-item.list .map-thumbnail{width:100%;height:150px}.viewer-header{flex-direction:column;gap:15px;align-items:stretch}.viewer-controls{justify-content:center}}.multiplayer-lobby{max-width:100%;margin:0;padding:20px;background:var(--background-color);border-radius:12px;display:flex;flex-direction:column;height:100%;min-height:600px}.multiplayer-lobby.connected{padding:0}.lobby-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--surface-color);padding:8px;border-radius:12px;box-shadow:var(--shadow)}.tab-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab-button:hover{background:#ffffff0d;color:var(--text-color)}.tab-button.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab-button svg{width:16px;height:16px}.lobby-content{flex:1;display:flex;flex-direction:column;min-height:0}.lobby-content>div{flex:1;display:flex;flex-direction:column}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-color);border-radius:12px;margin-bottom:24px;box-shadow:var(--shadow);flex-wrap:wrap;gap:16px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px}.status-indicator.online{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-indicator.offline{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.match-info{display:flex;align-items:center;gap:12px}.match-label{color:var(--text-secondary);font-size:14px}.match-id-group{display:flex;align-items:center;gap:8px}.match-id{background:var(--surface-light);padding:8px 12px;border-radius:6px;font-family:Courier New,monospace;font-weight:700;color:var(--secondary-color);border:2px solid var(--border-color);font-size:16px;letter-spacing:1px}.copy-btn{background:var(--primary-color);color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.lobby-actions{display:flex;gap:8px}.chat-toggle,.logs-toggle{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);padding:10px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;position:relative}.chat-toggle:hover,.logs-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.chat-badge,.logs-badge{position:absolute;top:-6px;right:-6px;background:var(--danger-color);color:#fff;font-size:12px;border-radius:50%;padding:2px 6px;min-width:18px;text-align:center}.leave-btn{background:var(--danger-color);color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center}.leave-btn:hover{background:var(--danger-hover);transform:translateY(-2px)}.connection-section{display:flex;flex-direction:column;gap:32px;max-width:600px;margin:0 auto;min-height:400px}.character-info{text-align:center}.character-info h3{color:var(--text-secondary);margin-bottom:16px}.connection-section .character-card{background:var(--surface-color);padding:20px;border-radius:12px;border:2px solid var(--border-color);box-shadow:var(--shadow)}.connection-section .character-card h4{color:var(--secondary-color);margin:0 0 8px;font-size:20px}.connection-section .character-card p{color:var(--text-secondary);margin:0}.connection-options{display:flex;flex-direction:column;gap:24px}.create-match,.join-match{background:var(--surface-color);padding:24px;border-radius:12px;border:2px solid var(--border-color);text-align:center}.create-match h3,.join-match h3{color:var(--text-color);margin:0 0 8px}.create-match p,.join-match p{color:var(--text-secondary);margin:0 0 20px}.create-btn{background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);padding:14px 28px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;margin:0 auto;font-size:16px}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.create-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.join-divider{text-align:center;position:relative;padding:20px 0}.join-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.join-divider span{background:var(--background-color);padding:0 16px;color:var(--text-secondary);font-weight:500}.join-input-group{display:flex;gap:12px;max-width:400px;margin:0 auto}.join-input-group input{flex:1;padding:14px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.join-input-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a}.join-input-group button{background:var(--primary-color);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.join-input-group button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.join-input-group button:disabled{opacity:.6;cursor:not-allowed;transform:none}.connection-error{background:#ef444426;color:#ef4444;padding:12px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.3);text-align:center;font-weight:500}.lobby-error{text-align:center;padding:60px 20px;color:var(--text-secondary)}.lobby-error svg{margin-bottom:20px;color:var(--text-secondary)}.lobby-error h3{margin:0 0 12px;color:var(--text-color)}.lobby-error p{margin:0}.lobby-content{display:flex;flex-direction:column;gap:32px}.players-section h3{display:flex;align-items:center;gap:8px;color:var(--text-color);margin:0 0 20px;font-size:18px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:8px;width:100%;max-width:100%;overflow:visible}.player-card{background:var(--surface-color);padding:20px;border-radius:12px;border:2px solid var(--border-color);transition:all .3s;box-shadow:var(--shadow)}.player-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.player-card.clickable-for-gm{cursor:pointer;position:relative}.player-card.clickable-for-gm:after{content:"👁️";position:absolute;top:8px;right:8px;font-size:16px;opacity:0;transition:opacity .3s}.player-card.clickable-for-gm:hover:after{opacity:.7}.player-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;position:relative}.player-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--surface-light);border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.player-avatar .avatar-image{width:100%;height:100%;object-fit:cover;object-position:center}.player-avatar .avatar-placeholder{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface-light)}.player-info{flex:1;min-width:0}.player-info h4{margin:0 0 4px;color:var(--secondary-color);display:flex;align-items:center;gap:8px;font-size:18px}.host-icon{color:#fbbf24}.gm-badge{background:linear-gradient(135deg,gold,orange);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ffd7004d}.gm-label{color:#fbbf24;font-weight:600;font-size:12px}.player-info p{margin:0;color:var(--text-secondary);font-size:14px}.player-status{width:12px;height:12px;border-radius:50%;margin-top:4px}.player-status.online{background:#22c55e;box-shadow:0 0 8px #22c55e66}.player-status.offline{background:#ef4444;box-shadow:0 0 8px #ef444466}.kick-player-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:6px;background-color:var(--danger-bg, rgba(239, 68, 68, .1));color:var(--danger-color, #dc2626);border:1px solid var(--danger-border, rgba(239, 68, 68, .3));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;pointer-events:none}.player-card:hover .kick-player-btn{opacity:1;pointer-events:auto}.kick-player-btn:hover{background-color:var(--danger-color, #dc2626);color:#fff;transform:scale(1.05)}.kick-player-btn:active{transform:scale(.95)}.empty-session-message{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-session-message svg{opacity:.3;color:var(--text-secondary)}.empty-session-message p{margin:0;font-size:16px}.empty-session-message p:first-of-type{font-weight:500;color:var(--text-primary);font-size:18px}.empty-session-message p:last-of-type{font-size:14px;opacity:.8}.player-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.stat{background:var(--surface-light);padding:8px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--border-color);min-width:0;word-break:break-word}.stat.hp{color:var(--danger-color);border-color:#ef44444d;background:#ef44440d;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px}.modify-hp-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:2px 4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:18px;flex-shrink:0}.modify-hp-btn:hover{background:#c82333;transform:scale(1.05)}.modify-hp-btn:active{transform:scale(.95)}.hp-action-buttons{display:flex;gap:4px;flex-shrink:0}.damage-btn,.heal-btn{border:none;border-radius:3px;color:#fff;cursor:pointer;padding:2px 4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:18px;flex-shrink:0}.damage-btn{background:#dc3545}.damage-btn:hover{background:#c82333;transform:scale(1.05)}.heal-btn{background:#28a745}.heal-btn:hover{background:#218838;transform:scale(1.05)}.damage-btn:active,.heal-btn:active{transform:scale(.95)}.stat.initiative{color:#ff8c00;border-color:#ff8c004d;background:#ff8c000d;grid-column:1 / -1}.stat.initiative .roll-value{font-weight:700;color:#ff6500}.stat.initiative .modifier-value{font-size:12px;opacity:.8}.stat.initiative .total-value{font-weight:700;color:#ff8c00;margin-left:4px}.player-dice-area{min-height:40px;background:var(--background-color);border:2px dashed var(--border-color);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center}.recent-roll{display:flex;align-items:center;gap:8px;color:var(--primary-color);font-size:13px;font-weight:500}@media (max-width: 768px){.players-grid{grid-template-columns:1fr;gap:16px}.player-card{padding:16px}.player-stats{grid-template-columns:1fr;gap:6px}.stat.initiative{grid-column:1}.stat{padding:6px 8px;font-size:11px}.stat.hp{padding:5px 6px;gap:4px}.modify-hp-btn{min-width:18px;height:16px;padding:1px 3px}}@media (max-width: 480px){.players-grid{grid-template-columns:1fr}.player-info h4{font-size:16px}.player-info p{font-size:12px}.stat{font-size:10px;padding:4px 6px}}.player-card.player-dead{opacity:.7;border-color:#dc262680;background:linear-gradient(135deg,#7f1d1d1a,#b91c1c1a);position:relative}.player-card.player-dead:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(220,38,38,.05) 10px,rgba(220,38,38,.05) 20px);pointer-events:none;border-radius:12px}.player-card.player-dead .player-info h4{color:#dc2626}.player-card.player-dead .stat.hp{color:#dc2626;font-weight:700}.player-dead-label{background:#dc2626;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin:8px 0;text-align:center;letter-spacing:1px;animation:pulse-red 2s infinite;position:relative;z-index:1}.player-card-enhanced{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:auto;height:auto;will-change:transform}.player-card-enhanced:before{content:"";position:absolute;top:-10px;right:-10px;left:-10px;height:30px;pointer-events:none;z-index:0}.player-card-enhanced:hover{background:#ffffff0d;border-color:#ffffff1f;transform:scale(1.02);box-shadow:0 8px 32px #0000001a}.player-card-enhanced.clickable-for-gm{cursor:pointer}.player-card-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:64px;gap:12px}.player-identity{display:flex;gap:16px;align-items:center;flex:1;min-width:0}.player-avatar-large{width:64px;height:64px;border-radius:50%;position:relative;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:2px;flex-shrink:0;overflow:visible;z-index:1}.player-avatar-large.dead{filter:grayscale(100%);opacity:.7}.player-avatar-large .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--background-color)}.player-avatar-large .avatar-placeholder{width:100%;height:100%;background:var(--surface-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:2px solid var(--background-color)}.connection-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid var(--background-color)}.connection-indicator.connected{background:#22c55e;box-shadow:0 0 8px #22c55e80}.connection-indicator.disconnected{background:#64748b}.player-details{flex:1;min-width:0;overflow:hidden}.player-name{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-color);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;word-break:break-word;line-height:1.3;max-width:100%}.player-level{font-size:14px;font-weight:400;color:var(--text-secondary);opacity:.8}.death-indicator{font-size:18px;margin-left:4px}.player-class{margin:0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.4}.gm-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#ffd70026,#ffa50026);border:1px solid rgba(255,215,0,.3);border-radius:12px;color:#fbbf24;font-size:12px;font-weight:600;margin-left:8px}.player-hp-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:0;position:relative;z-index:1;width:100%}.hp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hp-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:500}.hp-numbers{display:flex;align-items:baseline;gap:4px;font-family:SF Mono,Monaco,Inconsolata,monospace}.current-hp{font-size:32px;font-weight:700;color:var(--success-color);line-height:1}.current-hp.low{color:#fb923c}.current-hp.critical{color:#ef4444;animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.6}}.hp-separator{font-size:20px;color:var(--text-secondary);opacity:.5}.max-hp{font-size:20px;color:var(--text-secondary)}.extra-hp{font-size:16px;color:#60a5fa;font-weight:600;margin-left:4px}.player-hp-section .health-bar{height:24px;margin-bottom:12px;width:100%;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative}.hp-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hp-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.hp-button.damage{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.hp-button.damage:hover{background:#ef444433;border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.hp-button.heal{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.hp-button.heal:hover{background:#22c55e33;border-color:#22c55e4d;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:16px;pointer-events:none}.death-text{background:#dc2626e6;color:#fff;padding:12px 32px;font-weight:700;font-size:20px;letter-spacing:2px;text-transform:uppercase;border-radius:8px;transform:rotate(-15deg);box-shadow:0 8px 24px #dc262680}.status-effects-section{width:100%;overflow:hidden}.effects-grid{display:flex;flex-wrap:wrap;gap:8px}.effect-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .2s ease}.effect-badge:hover{background:#ffffff14;border-color:#ffffff26}.effect-badge.buff{background:#22c55e1a;border-color:#22c55e33}.effect-badge.debuff{background:#ef44441a;border-color:#ef444433}.effect-badge.neutral{background:#3b82f61a;border-color:#3b82f633}.effect-icon{font-size:16px}.effect-content{display:flex;flex-direction:column}.effect-name{font-size:13px;font-weight:500;color:var(--text-color);line-height:1.2}.effect-duration{font-size:11px;color:var(--text-secondary);opacity:.8}.remove-effect{width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);margin-left:4px}.remove-effect:hover{background:#ef444433;color:#ef4444}.player-card-enhanced.npc-card{border-color:#a855f726;background:linear-gradient(135deg,#a855f708,#7c3aed05);min-height:auto;height:auto;display:flex;flex-direction:column}.player-card-enhanced.npc-card:hover{background:linear-gradient(135deg,#a855f70d,#7c3aed0a);border-color:#a855f740;box-shadow:0 8px 32px #a855f71a}.player-card-content{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:visible}.player-card-content::-webkit-scrollbar{width:4px}.player-card-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.player-card-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.player-card-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.player-card-enhanced.npc-card .player-card-content{max-height:none;overflow:visible}.player-card-enhanced.npc-card .player-hp-section{width:100%;margin-left:0;margin-right:0}.player-card-enhanced.npc-card .player-hp-section .health-bar,.player-card-enhanced.npc-card .player-hp-section .hp-controls{width:100%}.npc-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;letter-spacing:.5px;box-shadow:0 2px 8px #a855f766;z-index:12}.invisible-badge{position:absolute;bottom:-6px;left:-6px;background:#282832f2;color:#8b8b8b;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px dashed #666;box-shadow:0 2px 8px #0006;z-index:12}.invisible-badge svg{width:16px;height:16px}.card-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease;flex-shrink:0;z-index:10;position:relative;margin-left:8px}.player-card-enhanced:hover .card-actions{opacity:1}.player-card-enhanced.npc-card .card-actions{opacity:.7}.player-card-enhanced.npc-card:hover .card-actions{opacity:1}.edit-button,.remove-button,.copy-items-button,.copy-spells-button,.copy-attributes-button{min-width:36px;min-height:36px;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none;position:relative;flex-shrink:0;padding:0}.edit-button{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.edit-button:hover{background-color:#3b82f640;border-color:#3b82f666;transform:scale(1.05)}.edit-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.remove-button{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.remove-button:hover{background-color:#ef444440;border-color:#ef444466;transform:scale(1.05)}.remove-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.copy-items-button{background-color:#a855f726;border:1px solid rgba(168,85,247,.3);color:#a855f7}.copy-items-button:hover{background-color:#a855f740;border-color:#a855f766;transform:scale(1.05)}.copy-items-button.active{background-color:#a855f74d;border-color:#a855f780;box-shadow:0 0 12px #a855f766}.copy-items-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.copy-spells-button{background-color:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.copy-spells-button:hover{background-color:#fbbf2440;border-color:#fbbf2466;transform:scale(1.05)}.copy-spells-button.active{background-color:#fbbf244d;border-color:#fbbf2480;box-shadow:0 0 12px #fbbf2466}.copy-spells-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.copy-attributes-button{background-color:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.copy-attributes-button:hover{background-color:#22c55e40;border-color:#22c55e66;transform:scale(1.05)}.copy-attributes-button.active{background-color:#22c55e4d;border-color:#22c55e80;box-shadow:0 0 12px #22c55e66}.copy-attributes-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.players-section.copy-mode-items,.players-section.copy-mode-spells,.players-section.copy-mode-attributes{position:relative}.players-section.copy-mode-items:before,.players-section.copy-mode-spells:before,.players-section.copy-mode-attributes:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px dashed;border-radius:20px;pointer-events:none;animation:pulse-border 2s infinite}.players-section.copy-mode-items:before{border-color:#a855f780}.players-section.copy-mode-spells:before{border-color:#fbbf2480}.players-section.copy-mode-attributes:before{border-color:#22c55e80}.copy-mode-indicator{font-size:14px;font-weight:400;color:var(--text-secondary);margin-left:12px;opacity:.8}.player-card-enhanced.copy-source-items{border-color:#a855f766;box-shadow:0 0 20px #a855f74d}.player-card-enhanced.copy-source-spells{border-color:#fbbf2466;box-shadow:0 0 20px #fbbf244d}.player-card-enhanced.copy-source-attributes{border-color:#22c55e66;box-shadow:0 0 20px #22c55e4d}.player-card-enhanced.copy-target-selected{position:relative;border-color:#3b82f699;background:#3b82f61a}.player-card-enhanced.copy-target-selected:after{content:"✓";position:absolute;top:10px;right:10px;background:#3b82f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.players-section.copy-mode-items .player-card-enhanced.npc-card:not(.copy-source-items):hover,.players-section.copy-mode-spells .player-card-enhanced.npc-card:not(.copy-source-spells):hover,.players-section.copy-mode-attributes .player-card-enhanced.npc-card:not(.copy-source-attributes):hover{cursor:crosshair;transform:scale(1.03)}.players-section.copy-mode-items .player-card-enhanced.npc-card:not(.copy-source-items):hover{border-color:#a855f799;box-shadow:0 8px 32px #a855f74d}.players-section.copy-mode-spells .player-card-enhanced.npc-card:not(.copy-source-spells):hover{border-color:#fbbf2499;box-shadow:0 8px 32px #fbbf244d}.players-section.copy-mode-attributes .player-card-enhanced.npc-card:not(.copy-source-attributes):hover{border-color:#22c55e99;box-shadow:0 8px 32px #22c55e4d}.players-section.copying{position:relative;pointer-events:none;opacity:.8}.players-section.copying:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px;z-index:100;display:flex;align-items:center;justify-content:center}.players-section.copying .copy-mode-indicator{color:var(--primary-color);font-weight:600;animation:pulse 1s infinite}.players-section.copying .player-card-enhanced{pointer-events:none}.battle-status-enhanced{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-status-enhanced svg{stroke:currentColor;fill:none;stroke-width:2}.battle-status-enhanced button{font-size:inherit;line-height:inherit}.battle-status-enhanced button svg{display:inline-block;vertical-align:middle}.battle-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.header-icon{color:var(--primary-color);opacity:.8}.header-icon.combat{color:#ef4444;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.battle-header h3{margin:0;font-size:24px;font-weight:300;letter-spacing:-.5px}.battle-description{color:var(--text-secondary);margin-bottom:20px;font-size:15px}.initiative-tracker{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.npcs-initiative-section{margin-bottom:24px;padding:16px;background:#ef444408;border:1px solid rgba(239,68,68,.1);border-radius:12px}.npcs-initiative-title,.players-initiative-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-secondary);letter-spacing:-.5px}.npcs-initiative-title{color:#ef4444}.npc-tracker{margin-bottom:0}.initiative-card.npc-card{background:#ef44440d;border-color:#ef444426}.players-initiative-section{margin-top:8px}.initiative-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.initiative-card.rolled{background:#22c55e0d;border-color:#22c55e33}.initiative-card.pending{opacity:.7}.player-info{display:flex;align-items:center;gap:8px}.player-icon{color:var(--text-secondary)}.player-name{font-weight:500;color:var(--text-color)}.initiative-result{display:flex;align-items:center;gap:8px}.initiative-icon{font-size:20px}.initiative-value{font-size:24px;font-weight:700;color:var(--primary-color)}.waiting-indicator{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.waiting-indicator .pulse{animation:spin 2s linear infinite}.turn-order-container{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.turn-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.turn-order-header h4{margin:0;font-size:18px;font-weight:500}.round-indicator{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;color:var(--primary-color)}.turn-order-track{display:flex;flex-direction:column;gap:8px}.turn-card{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;transition:all .3s ease;position:relative;overflow:hidden}.turn-card.active-turn{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 0 20px #3b82f633;transform:scale(1.02)}.turn-card.dead{opacity:.5;filter:grayscale(80%)}.turn-position{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-weight:700;font-size:18px}.turn-avatar{position:relative;width:40px;height:40px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,215,0,.3);background:#00000080;transition:all .3s ease}.turn-card.active-turn .turn-avatar{border-color:var(--primary-color);box-shadow:0 0 10px #ffd70080;transform:scale(1.1)}.turn-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.turn-avatar .lazy-avatar{width:100%!important;height:100%!important;border-radius:0}.turn-avatar .lazy-avatar-placeholder{background:linear-gradient(135deg,#1f2937,#111827)}.turn-avatar .lazy-avatar-image{border-radius:0}.turn-card.dead .turn-avatar{filter:grayscale(100%);opacity:.5}.position-number{color:var(--text-secondary)}.active-indicator{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--primary-color);border-radius:10px;animation:pulse-border 2s infinite;z-index:1}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.5}}.turn-content{flex:1;display:flex;flex-direction:column;gap:8px}.turn-player-info{display:flex;justify-content:space-between;align-items:center}.player-identity{display:flex;align-items:center;gap:8px}.death-marker{margin-left:6px;font-size:16px}.invisible-marker{margin-left:6px;font-size:14px;opacity:.7;filter:grayscale(100%)}.initiative-display{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:14px;font-weight:500}.hp-mini-bar{position:relative;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.hp-fill{position:absolute;top:0;left:0;height:100%;transition:all .3s ease}.hp-text{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--text-color);text-shadow:0 0 3px rgba(0,0,0,.5)}.hp-mini-bar.hp-hidden{background:#ffffff0d;height:20px;display:flex;align-items:center;justify-content:center}.hp-mini-bar.hp-hidden .hp-text{position:static;transform:none;font-size:12px;color:var(--text-secondary)}.hp-mini-bar.hp-abstract{background:transparent;height:20px;display:flex;align-items:center;gap:6px;padding:0 8px}.hp-mini-bar.hp-abstract .hp-text{position:static;transform:none;font-size:12px}.hp-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.hp-dot-green{background:#22c55e;box-shadow:0 0 8px #22c55e66}.hp-dot-yellow{background:#fb923c;box-shadow:0 0 8px #fb923c66}.hp-dot-red{background:#ef4444;box-shadow:0 0 8px #ef444466}.hp-dot-red.hp-dot-critical{animation:pulse-critical 1s infinite}@keyframes pulse-critical{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.reorder-controls{display:flex;flex-direction:column;gap:2px}.reorder-btn{width:24px;height:24px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:0;line-height:0;vertical-align:middle;flex-shrink:0}.reorder-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;display:block;pointer-events:none}.reorder-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:var(--text-color)}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.current-turn-actions{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.current-player-spotlight{display:flex;justify-content:space-between;align-items:center;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:16px 20px}.current-player-spotlight h4{margin:0;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:var(--primary-color)}.end-turn-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633;line-height:1;vertical-align:middle}.end-turn-button svg{width:18px;height:18px;stroke:currentColor;fill:none;display:block;flex-shrink:0}.end-turn-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.end-turn-button:active{transform:translateY(0)}.recent-rolls h3{display:flex;align-items:center;gap:8px;color:var(--text-color);margin:0 0 16px;font-size:18px}.rolls-list{background:var(--surface-color);border-radius:8px;border:1px solid var(--border-color);max-height:200px;overflow-y:auto}.roll-item{padding:12px 16px;border-bottom:1px solid var(--border-color)}.roll-item:last-child{border-bottom:none}.roll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.roll-player{font-weight:600;color:var(--text-color)}.roll-time{color:var(--text-secondary);font-size:12px}.roll-details{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.elemental-dice-results,.legacy-dice-results{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.dice-result{padding:4px 8px;background:var(--background-color);border-radius:6px;font-family:monospace;font-size:13px;font-weight:600;border:1px solid var(--border-color)}.dice-result.fire{background:#ef44441a;border-color:#ef4444;color:#dc2626}.dice-result.cold{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.dice-result.lightning{background:#eab3081a;border-color:#eab308;color:#ca8a04}.dice-result.poison{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.dice-result.acid{background:#a855f71a;border-color:#a855f7;color:#9333ea}.dice-result.normal{background:var(--background-color);border-color:var(--border-color);color:var(--text-primary)}.dice-formula{font-family:monospace;font-weight:600;color:var(--text-primary);margin-right:8px}.modifier{padding:4px 6px;background:#a855f71a;border:1px solid #a855f7;border-radius:4px;color:#9333ea;font-family:monospace;font-size:12px;font-weight:600}.total{padding:4px 8px;background:var(--primary-color);color:#fff;border-radius:6px;font-weight:700;font-family:monospace;margin-left:8px}.damage-types{margin-top:4px;font-size:12px;color:var(--text-secondary);font-style:italic}.roll-summary{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.roll-result{margin-top:4px}.roll-result .total{font-size:12px;padding:2px 6px;margin-left:0}.player-dice-area{min-height:60px}.roll-details-compact{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.dice-result-compact{padding:2px 6px;background:var(--background-color);border-radius:4px;font-family:monospace;font-size:11px;font-weight:600;border:1px solid var(--border-color)}.dice-result-compact.fire{background:#ef44441a;border-color:#ef4444;color:#dc2626}.dice-result-compact.cold{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.dice-result-compact.lightning{background:#eab3081a;border-color:#eab308;color:#ca8a04}.dice-result-compact.poison{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.dice-result-compact.acid{background:#a855f71a;border-color:#a855f7;color:#9333ea}.dice-result-compact.initiative,.dice-result.initiative{background:#ff8c001a;border-color:#ff8c00;color:#ff6500;font-weight:700}.modifier-compact{padding:2px 4px;background:#a855f71a;border:1px solid #a855f7;border-radius:3px;color:#9333ea;font-family:monospace;font-size:10px;font-weight:600}.total-compact{font-weight:700;color:var(--primary-color);font-size:12px;margin-top:4px}.no-rolls{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;font-style:italic}.recent-rolls{margin-top:24px}.recent-rolls-enhanced{margin-top:32px;margin-bottom:24px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;min-height:300px;position:relative}.recent-rolls-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--background-color);border-bottom:1px solid var(--border-color)}.recent-rolls-title{display:flex;align-items:center;gap:12px}.recent-rolls-title h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.5px;color:var(--text-color)}.dice-icon-main{color:var(--primary-color);opacity:.8}.rolls-counter{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:14px;color:var(--text-secondary)}.rolls-container{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:600px;overflow-y:auto}.roll-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:14px 16px;transition:all .2s ease}.roll-card:hover{background:var(--surface-light);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.roll-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.player-info{display:flex;align-items:center;gap:10px}.player-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.player-name{font-weight:500;color:var(--text-color);font-size:15px}.roll-timestamp{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px}.roll-card-body{display:flex;flex-direction:column;gap:12px}.dice-visualization{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dice-box{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 10px;min-width:60px;text-align:center;transition:all .2s ease}.dice-box.critical{background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 0 12px #22c55e33}.dice-box.fumble{background:#ef44441a;border-color:#ef44444d;box-shadow:0 0 12px #ef444433}.dice-box.high{background:#3b82f61a;border-color:#3b82f64d}.dice-box.low{background:#fb923c1a;border-color:#fb923c4d}.dice-icon{font-size:20px;line-height:1;opacity:.3;margin-bottom:4px}.dice-value{font-size:24px;font-weight:700;line-height:1;margin:4px 0}.dice-type{font-size:11px;text-transform:uppercase;opacity:.6;letter-spacing:.5px}.element-indicator{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.element-indicator.fire{background:#ef444433;color:#ef4444}.element-indicator.cold{background:#3b82f633;color:#3b82f6}.element-indicator.lightning{background:#fbbf2433;color:#fbbf24}.element-indicator.acid{background:#22c55e33;color:#22c55e}.element-indicator.poison{background:#a855f733;color:#a855f7}.modifier-box{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:18px;font-weight:600}.modifier-sign{opacity:.6;margin-right:2px}.roll-result{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid rgba(59,130,246,.2);border-radius:8px}.result-label{font-size:14px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.result-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.roll-metadata{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.formula-tag{padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--text-secondary)}.damage-tags{display:flex;gap:6px}.damage-tag{padding:4px 10px;border-radius:16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;border:1px solid rgba(255,255,255,.1)}.damage-tag.slashing{background:#ef44441a;color:#ef4444}.damage-tag.piercing{background:#3b82f61a;color:#3b82f6}.damage-tag.bludgeoning{background:#fb923c1a;color:#fb923c}.damage-tag.fire{background:#ef444426;color:#f87171}.damage-tag.cold{background:#60a5fa26;color:#60a5fa}.damage-tag.lightning{background:#fbbf2426;color:#fbbf24}.damage-tag.acid{background:#22c55e26;color:#22c55e}.damage-tag.poison{background:#a855f726;color:#a855f7}.damage-tag.psychic{background:#ec489926;color:#ec4899}.damage-tag.radiant{background:#fef08a26;color:#fef08a}.damage-tag.necrotic{background:#4b556326;color:#94a3b8}.damage-tag.force{background:#a5b4fc26;color:#a5b4fc}.no-rolls-empty-state{padding:80px 40px;text-align:center;color:var(--text-secondary);min-height:200px}.empty-state-icon{margin-bottom:20px;opacity:.2}.no-rolls-empty-state h4{font-size:20px;font-weight:300;margin:0 0 8px;color:var(--text-color)}.no-rolls-empty-state p{font-size:14px;opacity:.7;margin:0}.rolls-container::-webkit-scrollbar{width:6px}.rolls-container::-webkit-scrollbar-track{background:#ffffff05}.rolls-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.rolls-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.dice-results-display{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.element-tag{font-size:10px;color:inherit;opacity:.8;margin-left:2px}.roll-total{display:flex;justify-content:flex-end;margin-bottom:6px}.roll-total .total{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:6px;font-weight:700;font-family:monospace}.roll-formula{margin-top:4px;font-size:12px}.formula-label{color:var(--text-secondary);font-weight:500}.no-rolls-message{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-rolls-message svg{opacity:.5;margin-bottom:12px}.no-rolls-message p{font-size:16px;margin:0 0 8px;font-weight:500}.no-rolls-message small{font-size:12px;opacity:.7}.gm-controls-section{background:var(--surface-color);border-radius:12px;padding:20px;margin-bottom:24px;border:2px solid #FFD700;box-shadow:0 4px 12px #ffd7001a}.gm-controls-section h3{display:flex;align-items:center;gap:8px;color:gold;margin:0 0 16px;font-size:18px}.gm-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.gm-control-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:14px;box-shadow:0 2px 6px #ffd7004d;min-width:120px;min-height:40px}.gm-control-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffd70066}.gm-control-btn span{font-size:16px}.gm-control-btn.ready-check{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 2px 6px #f59e0b4d}.gm-control-btn.ready-check:hover{box-shadow:0 4px 12px #f59e0b66}.gm-notice{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px}.gm-notice p{margin:0 0 12px;color:var(--text-secondary);font-size:14px;text-align:center}.gm-rolls-toggle{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 auto;font-size:14px;color:var(--text-secondary);transition:color .2s ease}.gm-rolls-toggle:hover{color:var(--text-color)}.gm-rolls-toggle input[type=checkbox]{display:none}.gm-rolls-toggle .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.gm-rolls-toggle input[type=checkbox]:checked+.toggle-icon{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gm-rolls-toggle span:last-child{font-weight:500}.chat-panel{position:fixed;right:20px;bottom:20px;width:320px;max-height:500px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.chat-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-color);font-size:16px}.chat-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px}.chat-messages{flex:1;padding:16px;overflow-y:auto;max-height:300px;min-height:200px}.chat-message{margin-bottom:12px;font-size:14px}.message-player{font-weight:600;color:var(--secondary-color);margin-right:8px}.message-text{color:var(--text-color)}.message-time{color:var(--text-secondary);font-size:11px;margin-left:8px}.no-messages{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px 0}.chat-input{display:flex;padding:16px;border-top:1px solid var(--border-color);gap:8px}.chat-input input{flex:1;padding:8px 12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px}.chat-input input:focus{border-color:var(--primary-color);outline:none}.chat-input button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.chat-input button:hover:not(:disabled){background:var(--primary-hover)}.chat-input button:disabled{opacity:.6;cursor:not-allowed}.whisper-message{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border-left:3px solid #9333ea;border-radius:6px;padding:12px}.whisper-message .message-player{color:#9333ea;font-weight:700}.whisper-message .message-text{font-style:italic}.chat-input-container{display:flex;flex-direction:column;gap:8px}.whisper-indicator{display:flex;align-items:center;justify-content:space-between;background:#a855f71a;border:1px solid #9333ea;border-radius:6px;padding:6px 10px;font-size:12px;color:#9333ea}.cancel-whisper{background:none;border:none;color:#9333ea;cursor:pointer;font-weight:700;padding:0 4px}.input-row{display:flex;gap:8px}.whisper-select{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-color);font-size:12px;min-width:80px;cursor:pointer}.whisper-select:focus{border-color:var(--primary-color);outline:none}.chat-input input{flex:1}@media (max-width: 768px){.lobby-header{flex-direction:column;align-items:stretch}.match-info,.lobby-actions{justify-content:center}.players-grid{grid-template-columns:1fr}.chat-panel{position:relative;right:auto;bottom:auto;width:100%;margin-top:20px}.connection-options{gap:16px}.join-input-group{flex-direction:column}}.player-sheet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.player-sheet-modal{background:var(--surface-color);border-radius:16px;width:95%;max-width:95%;height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:2px solid #FFD700}.player-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#ffd7001a,#ffa5001a)}.player-sheet-header h2{display:flex;align-items:center;gap:12px;color:gold;margin:0;font-size:24px}.close-sheet-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s;padding:8px;border-radius:8px}.close-sheet-btn:hover{background:var(--background-color);color:var(--text-color)}.player-sheet-content{flex:1;overflow-y:auto;padding:20px;background:var(--background-color)}.gm-sheet-actions{display:flex;gap:12px;padding:16px 24px;border-top:2px solid var(--border-color);background:var(--surface-color);justify-content:center}.gm-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px;box-shadow:0 2px 6px #ffd7004d}.gm-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.player-sheet-content input:not([type=checkbox]),.player-sheet-content textarea,.player-sheet-content select{pointer-events:none;background:var(--surface-light)!important;opacity:.8}.player-sheet-content button:not(.close-sheet-btn){pointer-events:none;opacity:.6}.grant-item-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.grant-item-modal{background:var(--surface-color);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid #FFD700}.grant-item-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#ffd7001a,#ffa5001a)}.grant-item-header h2{margin:0;color:gold;font-size:20px;display:flex;align-items:center;gap:12px}.grant-item-form{padding:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:gold;outline:none;box-shadow:0 0 0 3px #ffd7001a}.item-properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.property-row{display:flex;flex-direction:column}.property-row label{font-size:12px;margin-bottom:4px}.property-row input{padding:8px 12px;font-size:13px}.cancel-btn,.confirm-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px;border:none}.cancel-btn{background:transparent;border:2px solid var(--border-color);color:var(--text-color)}.cancel-btn:hover{background:var(--background-color);border-color:var(--text-secondary)}.confirm-btn{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 6px #ffd7004d}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.battle-status{background:var(--surface-color);border-radius:12px;padding:20px;margin-bottom:24px;border:2px solid var(--border-color);box-shadow:var(--shadow)}.battle-status svg{stroke:currentColor;fill:none;stroke-width:2}.battle-status button{font-size:inherit;line-height:inherit}.battle-status button svg{display:inline-block;vertical-align:middle}.battle-status.preparing{border-color:#ff8c00;background:linear-gradient(135deg,#ff8c000d,#ffa5000d)}.battle-status.active{border-color:#dc2626;background:linear-gradient(135deg,#dc26260d,#ef44440d)}.battle-status h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--text-color);font-size:20px}.battle-status p{margin:0 0 16px;color:var(--text-secondary)}.initiative-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.player-initiative-status{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.player-initiative-status span:first-child{font-weight:600;color:var(--text-color)}.player-initiative-status .rolled{color:#22c55e;font-weight:500}.player-initiative-status .pending{color:#f59e0b;font-weight:500}.turn-order h4{margin:0 0 12px;color:var(--text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.turn-order-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.turn-player{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-color);border-radius:8px;border:2px solid var(--border-color);transition:all .3s}.turn-player.active-turn{border-color:#dc2626;background:linear-gradient(135deg,#dc26261a,#ef44441a);box-shadow:0 4px 12px #dc262633;transform:translate(8px)}.turn-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-light);border-radius:50%;font-weight:700;color:var(--text-secondary);border:2px solid var(--border-color)}.turn-player.active-turn .turn-number{background:#dc2626;color:#fff;border-color:#dc2626}.turn-name{flex:1;font-weight:600;color:var(--text-color)}.turn-initiative{color:var(--text-secondary);font-size:14px}.turn-player.dead-player{opacity:.6;background:linear-gradient(135deg,#6b72801a,#9ca3af1a);border-color:#6b7280}.turn-player.dead-player .turn-name{color:#6b7280;text-decoration:line-through}.turn-player.dead-player .turn-number{background:#6b7280;color:#fff;border-color:#6b7280}.turn-status{color:#dc2626;font-size:12px;font-weight:700;text-transform:uppercase}.current-turn-info{background:var(--surface-light);border-radius:8px;padding:16px;text-align:center}.current-turn-info h4{margin:0 0 12px;color:#dc2626;font-size:18px}.end-turn-btn{padding:10px 24px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px;box-shadow:0 2px 6px #dc26264d}.end-turn-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.npcs-section{background:var(--surface-color);border-radius:12px;padding:20px;margin-bottom:24px;border:2px solid #9333ea;box-shadow:0 4px 12px #9333ea1a}.npcs-section h3{display:flex;align-items:center;gap:8px;color:#9333ea;margin:0 0 16px;font-size:18px}.npc-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.npc-tab{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:16px;transition:all .3s;position:relative}.npc-tab:hover{transform:translateY(-2px);border-color:#9333ea;box-shadow:0 4px 12px #9333ea33}.npc-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.npc-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--surface-light);border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.npc-avatar .avatar-image{width:100%;height:100%;object-fit:cover;object-position:center}.npc-avatar .avatar-placeholder{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface-light)}.npc-header h4{margin:0;color:var(--text-color);font-size:16px;font-weight:600;flex:1}.remove-npc-btn{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s;flex-shrink:0}.remove-npc-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.npc-info{margin-bottom:12px}.npc-info p{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.npc-stats{display:flex;flex-wrap:wrap;gap:8px}.npc-stats span{background:var(--surface-light);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.npc-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.npc-hp-actions{display:flex;gap:6px;margin-top:8px;margin-bottom:8px}.npc-hp-actions .damage-btn,.npc-hp-actions .heal-btn{display:flex;align-items:center;justify-content:center;padding:5px 10px;border:none;border-radius:5px;color:#fff;font-size:12px;cursor:pointer;transition:all .3s;flex:1}.npc-hp-actions .damage-btn{background:#dc3545}.npc-hp-actions .damage-btn:hover{background:#c82333;transform:scale(1.05)}.npc-hp-actions .heal-btn{background:#28a745}.npc-hp-actions .heal-btn:hover{background:#218838;transform:scale(1.05)}.npc-hp-actions .damage-btn:active,.npc-hp-actions .heal-btn:active{transform:scale(.95)}.edit-npc-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#9333ea;color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s;flex:1;justify-content:center;min-width:60px}.edit-npc-btn:hover{background:#7c3aed;transform:translateY(-1px)}.view-npc-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s;flex:1;justify-content:center;min-width:60px}.view-npc-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.visibility-btn{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s;flex-shrink:0;margin-left:auto;margin-right:8px}.visibility-btn:hover{background:#9333ea33;border-color:#9333ea;color:#9333ea}.hp-abstract{display:flex;align-items:center;gap:8px}.hp-abstract-display{display:flex;align-items:center;justify-content:center;width:100%}.hp-hidden{color:var(--text-secondary);font-style:italic;font-size:1.2rem}.hp-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,0,0,.2);transition:all .3s ease}.hp-dot-green{background:#22c55e;box-shadow:0 0 8px #22c55e80}.hp-dot-yellow{background:#eab308;box-shadow:0 0 8px #eab30880}.hp-dot-red{background:#ef4444;box-shadow:0 0 8px #ef444480}.hp-dot-critical{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.visibility-control-button{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all .3s;display:flex;align-items:center;justify-content:center}.visibility-control-button:hover{background:#9333ea1a;border-color:#9333ea;color:#9333ea;transform:translateY(-1px)}.npc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.npc-modal{background:var(--surface-color);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid #9333ea}.npc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#9333ea1a,#a855f71a)}.npc-modal-header h2{margin:0;color:#9333ea;font-size:20px;display:flex;align-items:center;gap:12px}.npc-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.npc-tab[data-type=hostile]{border-color:#ef44444d;background:linear-gradient(135deg,#ef44440d,#dc26260d)}.npc-tab[data-type=neutral]{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.npc-tab[data-type=friendly]{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e0d,#15803d0d)}.npc-tab.npc-dead{opacity:.7;border-color:#dc262680;background:linear-gradient(135deg,#7f1d1d1a,#b91c1c1a);position:relative}.npc-tab.npc-dead:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(220,38,38,.05) 10px,rgba(220,38,38,.05) 20px);pointer-events:none;border-radius:12px}.npc-tab.npc-dead .npc-header h4{color:#dc2626}.npc-tab.npc-dead .hp-dead{color:#dc2626;font-weight:700}.npc-dead-label{background:#dc2626;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin-top:8px;text-align:center;letter-spacing:1px;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}@media (max-width: 768px){.npc-tabs{grid-template-columns:1fr;gap:12px}.npc-tab{padding:12px}.npc-actions{gap:4px;margin-top:6px}.edit-npc-btn,.view-npc-btn{padding:4px 8px;font-size:10px;min-width:50px}.form-row{grid-template-columns:1fr}}.sound-toggle{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);padding:10px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center}.sound-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.logs-toggle{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);padding:10px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;position:relative}.logs-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.logs-badge{position:absolute;top:-6px;right:-6px;background:var(--primary-color);color:#fff;font-size:12px;border-radius:50%;padding:2px 6px;min-width:18px;text-align:center}.logs-panel{position:fixed;left:20px;bottom:20px;width:400px;max-height:600px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.logs-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-color);font-size:16px}.logs-actions{display:flex;align-items:center;gap:8px}.export-logs-btn{display:flex;align-items:center;gap:4px;background:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s;font-size:12px;font-weight:500}.export-logs-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.logs-header button:last-child{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px}.logs-messages{flex:1;padding:16px;overflow-y:auto;max-height:500px;min-height:300px}.log-entry{margin-bottom:16px;padding:12px;background:var(--background-color);border-radius:8px;border-left:4px solid var(--border-color);transition:all .3s}.log-entry:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.log-entry.log-dice{border-left-color:#3b82f6}.log-entry.log-combat{border-left-color:#dc2626}.log-entry.log-connection{border-left-color:#22c55e}.log-entry.log-npc{border-left-color:#9333ea}.log-entry.log-chat{border-left-color:#f59e0b}.log-entry.log-item{border-left-color:#ec4899}.log-entry.log-hp{border-left-color:#ef4444}.log-entry.log-system{border-left-color:#6b7280}.log-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.log-icon{font-size:16px}.log-type{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.log-time{color:var(--text-secondary);font-size:11px;margin-left:auto}.log-message{color:var(--text-color);font-size:14px;line-height:1.4;margin-bottom:6px}.log-details{background:var(--surface-light);padding:8px 10px;border-radius:4px;font-size:12px;color:var(--text-secondary);border-left:2px solid var(--border-color);margin-top:6px}.log-dice-details,.log-combat-details,.log-npc-details{font-family:monospace;font-size:11px}.no-logs{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-logs svg{opacity:.5;margin-bottom:12px}.no-logs p{font-size:16px;margin:0 0 8px;font-weight:500}.no-logs small{font-size:12px;opacity:.7}@media (max-width: 768px){.logs-panel{position:relative;left:auto;bottom:auto;width:100%;margin-top:20px;max-height:400px}}.player-status-effects{margin-top:12px;padding:12px;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.status-effects-header{margin-bottom:8px}.status-effects-header span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-effects-list{display:flex;flex-wrap:wrap;gap:6px}.status-effect{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid;transition:all .3s;position:relative}.status-effect-buff{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.status-effect-debuff{background:#ef44441a;border-color:#ef4444;color:#dc2626}.status-effect-condition{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.effect-icon{font-size:14px;line-height:1}.effect-name{font-weight:600;white-space:nowrap}.effect-duration{background:var(--surface-light);color:var(--text-secondary);font-size:10px;font-weight:700;padding:2px 4px;border-radius:3px;margin-left:4px;border:1px solid var(--border-color)}.remove-effect-btn{background:transparent;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:3px;transition:all .3s;margin-left:4px;opacity:.6}.remove-effect-btn:hover{opacity:1;background:#ef444433;color:#ef4444}.status-effect-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.status-effect-modal{background:var(--surface-color);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid #a855f7}.status-effect-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#a855f71a,#9333ea1a)}.status-effect-header h2{margin:0;color:#a855f7;font-size:20px;display:flex;align-items:center;gap:12px}.status-effect-form{padding:24px}.status-effect-form .form-group small{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px;font-style:italic}.log-entry.log-status{border-left-color:#a855f7}@media (max-width: 768px){.status-effects-list{justify-content:center}.status-effect{flex:0 0 auto;min-width:fit-content}.status-effect-modal{width:95%;margin:10px}}.npc-tabs-section{margin-top:24px}.npc-tabs-nav{display:flex;gap:2px;padding:8px 8px 0;background:var(--surface-color);border-bottom:2px solid var(--border-color);overflow-x:auto}.npc-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--background-color);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;position:relative}.npc-tab-btn:hover{background:var(--primary-color-light);transform:translateY(-2px)}.npc-tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);z-index:2}.npc-tab-btn .tab-name{flex:1;overflow:hidden;text-overflow:ellipsis}.npc-tab-btn .tab-close{opacity:.6;transition:opacity .2s ease;flex-shrink:0}.npc-tab-btn .tab-close:hover{opacity:1;color:#ef4444}.npc-tab-btn.active .tab-close{opacity:.8}.npc-tab-btn.active .tab-close:hover{opacity:1;color:#fecaca}.npc-tab-content{background:var(--background-color);border-radius:0 0 12px 12px;max-height:70vh;overflow-y:auto}@media (max-width: 768px){.npc-tabs-nav{padding:4px}.npc-tab-btn{padding:8px 12px;font-size:13px;min-width:100px}.npc-tab-content{max-height:60vh}}.template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px 20px;overflow-y:auto}.template-modal{background:var(--surface-color);border-radius:16px;width:90%;max-width:1200px;height:85vh;max-height:900px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;border:2px solid #8b5cf6;position:relative}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a)}.template-modal-header h2{display:flex;align-items:center;gap:12px;color:#8b5cf6;margin:0;font-size:24px}.close-template-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.close-template-btn:hover{background:var(--background-color);color:#8b5cf6}.template-modal-content{flex:1;overflow-y:auto;background:var(--background-color)}.template-modal .npc-template-list{height:100%;background:transparent}.template-modal .template-list-header{background:var(--surface-color);padding:16px 20px;margin:0;border-radius:0;box-shadow:0 2px 4px #0000001a}.template-modal .template-list-header h3{color:var(--text-color);font-size:20px}.template-modal .create-template-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 6px #8b5cf64d}.template-modal .create-template-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.template-modal .template-list-filters{background:var(--surface-color);padding:16px 20px;margin:0;border-bottom:1px solid var(--border-color)}.template-modal .search-bar input{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color)}.template-modal .search-bar input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.template-modal .filter-controls select{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color)}.template-modal .filter-controls select:focus{border-color:#8b5cf6;outline:none}.template-modal .filter-button{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color)}.template-modal .filter-button.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.template-modal .template-list-grid{padding:20px;background:var(--background-color)}.template-modal .template-card{background:var(--surface-color);border:2px solid var(--border-color);transition:all .3s}.template-modal .template-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf633}.template-modal .template-card.public{border-color:#22c55e}.template-modal .template-type{background:#8b5cf633!important;color:#8b5cf6!important}.template-modal .template-cr{background:#fbbf2433!important;color:#f59e0b!important}.template-modal .stat-row.attributes span{background:var(--surface-light);color:var(--text-secondary)}.template-modal .action-button{background:var(--background-color);border:1px solid var(--border-color)}.template-modal .action-button:hover{background:var(--surface-light)}.template-modal .favorite-button.active{color:#fbbf24}.template-modal .favorite-button.active svg{fill:#fbbf24}.template-modal .template-badge.public{background:#22c55e33;color:#22c55e}.template-modal .template-badge.owner{background:#8b5cf633;color:#8b5cf6}.template-modal .loading-container,.template-modal .empty-state{background:var(--background-color)}.template-modal .empty-state button{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@media (max-width: 768px){.template-modal{width:100%;height:100vh;border-radius:0;border:none}.template-modal-header{padding:16px 20px}.template-modal-header h2{font-size:20px}.template-modal .template-list-grid{padding:16px}}.template-modal input:not([type=checkbox]),.template-modal select,.template-modal textarea{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);transition:all .3s}.template-modal input:not([type=checkbox]):focus,.template-modal select:focus,.template-modal textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.template-modal .form-section,.template-modal .feature-item,.template-modal .action-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:16px}[data-theme=dark] .template-modal{background:#1a1a1a;border-color:#8b5cf6}[data-theme=dark] .template-modal-header{background:linear-gradient(135deg,#8b5cf626,#7c3aed26)}[data-theme=dark] .template-modal-content{background:#0f0f0f}[data-theme=dark] .template-modal .npc-template-editor,[data-theme=dark] .template-modal .npc-template-deploy,[data-theme=dark] .template-modal .editor-tabs,[data-theme=dark] .template-modal .template-list-header,[data-theme=dark] .template-modal .template-list-filters{background:#1a1a1a}[data-theme=dark] .template-modal .editor-content,[data-theme=dark] .template-modal .deploy-content,[data-theme=dark] .template-modal .template-list-grid{background:#0f0f0f}[data-theme=dark] .template-modal .form-section,[data-theme=dark] .template-modal .feature-item,[data-theme=dark] .template-modal .action-item,[data-theme=dark] .template-modal .template-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .template-modal input:not([type=checkbox]),[data-theme=dark] .template-modal select,[data-theme=dark] .template-modal textarea{background:#0f0f0f;border-color:#333;color:#e0e0e0}[data-theme=dark] .template-modal input:not([type=checkbox]):focus,[data-theme=dark] .template-modal select:focus,[data-theme=dark] .template-modal textarea:focus{border-color:#8b5cf6}.loading-sessions{text-align:center;padding:40px;color:var(--text-secondary)}.loading-sessions .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.no-campaign-message{text-align:center;padding:40px;background:var(--surface-color);border-radius:12px;border:2px solid var(--border-color)}.no-campaign-message svg{color:#fb923c;margin-bottom:16px}.no-campaign-message h3{color:var(--text-color);margin:0 0 12px}.no-campaign-message p{color:var(--text-secondary);margin:0 0 8px}.manual-entry-btn{margin-top:20px;background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s}.manual-entry-btn:hover{background:var(--primary-color);filter:brightness(1.2);transform:translateY(-2px)}.campaign-sessions{background:var(--surface-color);padding:24px;border-radius:12px;border:2px solid var(--border-color)}.campaign-sessions h3{color:var(--text-color);margin:0 0 20px;text-align:center}.empty-sessions{text-align:center;padding:40px 20px;color:var(--text-secondary)}.sessions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.session-card{background:var(--background-color);padding:16px;border-radius:8px;border:2px solid var(--border-color);transition:all .3s}.session-card.clickable{cursor:pointer}.session-card.clickable:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.session-card.disabled{opacity:.7}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.session-header h4{color:var(--text-color);margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.planned{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-badge.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.session-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px;line-height:1.4}.session-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.meta-item svg{opacity:.6}.session-ready{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px;background:#22c55e1a;color:#22c55e;border-radius:6px;font-weight:600;font-size:14px}.session-waiting{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px;background:#fb923c1a;color:#fb923c;border-radius:6px;font-size:14px}.manual-entry-toggle{width:100%;margin-top:16px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.manual-entry-toggle:hover{background:var(--primary-color);color:#fff}.manual-entry-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.manual-entry-section h4{color:var(--text-color);margin:0 0 8px;text-align:center}.manual-entry-section p{color:var(--text-secondary);text-align:center;margin:0 0 16px;font-size:14px}.player-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.player-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.player-details{flex:1;min-width:0}.player-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-class{font-size:14px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:140px;justify-content:flex-end;flex-shrink:0}.card-actions button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.card-actions button:hover{background:var(--surface-light);color:var(--text-color);transform:translateY(-1px)}.card-actions button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.npc-card .player-card-header{min-height:60px}@media (max-width: 480px){.card-actions{max-width:80px}.player-name{font-size:15px}.player-class{font-size:13px}}.disconnect-modal{text-align:center;padding:30px}.disconnect-modal h2{color:var(--error-color);margin-bottom:15px}.disconnect-modal ul{list-style:disc;padding-left:20px;margin:15px 0}.disconnect-modal .modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.turn-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.turn-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.npc-import-modal{width:600px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}.npc-import-content{flex:1;overflow-y:auto;padding:20px}.sessions-list h3{margin-bottom:20px;color:var(--text-primary)}.sessions-grid{display:flex;flex-direction:column;gap:10px}.session-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.session-card:hover{background:var(--bg-hover);transform:translate(5px)}.session-info h4{margin:0 0 8px;color:var(--text-primary)}.session-meta{display:flex;gap:15px;margin-bottom:8px;font-size:.85rem;color:var(--text-secondary)}.session-meta span{display:flex;align-items:center;gap:4px}.session-ended{color:var(--color-warning)}.session-stats{display:flex;gap:15px;font-size:.8rem;color:var(--text-tertiary)}.session-arrow{color:var(--text-tertiary);flex-shrink:0}.npcs-section{display:flex;flex-direction:column;height:100%}.npcs-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.back-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:5px 10px;border-radius:4px;transition:background .2s ease}.back-btn:hover{background:var(--bg-hover)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;margin-bottom:20px}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.search-bar input::placeholder{color:var(--text-tertiary)}.npcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.npc-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.npc-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.npc-info{display:flex;gap:12px;flex:1}.npc-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.npc-details{flex:1}.npc-details h4{margin:0 0 4px;color:var(--text-primary)}.npc-meta{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.npc-stats{display:flex;gap:12px;font-size:.8rem;color:var(--text-tertiary)}.import-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.import-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.error-message{background:var(--color-danger-bg);color:var(--color-danger);padding:12px 16px;border-radius:6px;margin-bottom:20px;text-align:center}@media (max-width: 768px){.npc-import-modal{max-width:95%;max-height:90vh}.npcs-grid{grid-template-columns:1fr}.session-stats{flex-wrap:wrap}}.skeleton-card{min-height:380px;pointer-events:none;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.skeleton-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-name{width:120px;height:20px;margin-bottom:8px}.skeleton-race-class{width:160px;height:16px}.skeleton-hp-label{width:80px;height:16px;display:inline-block}.skeleton-hp-numbers{width:100px;height:32px}.skeleton-health-bar{width:100%;height:24px;background:#ffffff0d;border-radius:12px;margin:12px 0;overflow:hidden;position:relative}.skeleton-health-bar:after{content:"";position:absolute;top:0;left:0;width:70%;height:100%;background:linear-gradient(90deg,#22c55e33 25%,#22c55e4d,#22c55e33 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:12px}.skeleton-button{flex:1;height:48px;background:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.skeleton-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:skeleton-wave 1.5s infinite}.skeleton-stat{width:100%;height:20px;background:#ffffff0d;border-radius:4px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-wave{0%{left:-100%}to{left:200%}}.annotation-list{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.annotation-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.annotation-list-header{display:flex;flex-direction:column;gap:16px;padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.search-section{display:flex;align-items:center;gap:12px}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.search-input:focus{outline:none;border-color:var(--accent-color)}.header-actions{display:flex;align-items:center;gap:8px}.btn-sm{padding:8px 12px;font-size:13px}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.annotation-list-content{flex:1;overflow-y:auto;padding:20px}.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:16px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.item-card{background:var(--background-color, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:8px;padding:20px;transition:all .2s ease;position:relative;min-height:200px;display:flex;flex-direction:column}.item-card:hover{border-color:var(--accent-color, #ff6b6b);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.item-title{flex:1;margin:0;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.3}.item-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px;border:1px solid var(--border-color, #dee2e6)}.action-btn:hover{background:var(--surface-hover, #dee2e6);transform:scale(1.1)}.action-btn.delete-btn:hover{background:var(--error-bg, #f8d7da)}.item-content{margin-bottom:12px}.item-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.item-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.annotation-list-header{padding:16px}.header-actions{flex-direction:column;align-items:stretch;gap:12px}.action-buttons{justify-content:center}.items-grid{grid-template-columns:1fr;gap:12px}.annotation-list-content{padding:16px}.btn{padding:12px 16px}}.annotation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.annotation-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.annotation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.annotation-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.annotation-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.form-fields{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-label{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:4px}.required{color:var(--error-color);font-weight:700}.form-input,.form-textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-color)}.form-input.error,.form-textarea.error,.rich-text-editor.error{border-color:var(--error-color)}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.error-message{font-size:12px;color:var(--error-color);margin-top:4px}.annotation-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.annotation-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.annotation-modal-overlay{padding:0}.form-fields,.annotation-modal-header,.annotation-modal-footer{padding:16px}.btn{padding:12px 16px}}.import-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.import-dialog{background-color:var(--bg-dark);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:dialogEnter .2s ease-out}@keyframes dialogEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.import-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.import-dialog-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.import-dialog-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.import-dialog-header .close-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.import-dialog-content{padding:20px;overflow-y:auto}.import-dialog-description{color:var(--text-secondary);margin-bottom:20px}.import-options{display:flex;flex-direction:column;gap:12px}.import-option{display:flex;align-items:flex-start;padding:16px;background-color:var(--bg-darker);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.import-option:hover{background-color:var(--hover-bg)}.import-option input[type=radio]{margin-right:12px;margin-top:2px;cursor:pointer}.import-option input[type=radio]:checked+.option-content{color:var(--primary)}.import-option input[type=radio]:checked~.option-content .option-description{color:var(--text-primary)}.option-content{flex:1;display:flex;flex-direction:column;gap:4px}.option-title{font-weight:600;color:var(--text-primary);font-size:1rem}.option-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.import-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--border-color)}.import-dialog-footer .btn{padding:8px 16px}[data-theme=dark] .import-dialog{background-color:var(--bg-dark)}[data-theme=dark] .import-option{background-color:var(--bg-darker)}[data-theme=dark] .import-option:hover{background-color:var(--hover-bg)}@media (max-width: 576px){.import-dialog{margin:10px;max-height:calc(100vh - 20px)}.import-dialog-content{padding:16px}.import-option{padding:12px}}.people-of-interest{height:100%;display:flex;flex-direction:column}.module-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.module-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.module-title h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.module-header p{margin:0;color:var(--text-secondary);font-size:14px}.person-item-content{display:flex;flex-direction:column;gap:16px}.person-section{border-bottom:1px solid var(--border-color, #dee2e6);padding-bottom:12px}.person-section:last-child{border-bottom:none;padding-bottom:0}.location-details{display:flex;flex-direction:column;gap:6px}.location-item{display:flex;flex-direction:column;gap:2px}.location-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6c757d)}.location-value{font-size:14px;color:var(--text-color, #212529);padding:4px 8px;background:var(--surface-color, #f8f9fa);border-radius:4px;border-left:3px solid var(--accent-color, #ff6b6b)}.view-modal{max-width:700px;max-height:90vh}.view-modal-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.view-section{border-bottom:1px solid var(--border-color);padding-bottom:16px}.view-section:last-child{border-bottom:none;padding-bottom:0}.view-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.view-content{font-size:14px;line-height:1.5;color:var(--text-secondary)}.view-content p{margin:0 0 8px}.view-content p:last-child{margin-bottom:0}.view-content ul,.view-content ol{margin:8px 0;padding-left:20px}.view-content li{margin:4px 0}.view-content strong{color:var(--text-primary);font-weight:600}.view-content em{font-style:italic}.view-content u{text-decoration:underline}@media (max-width: 768px){.module-header{padding:16px}.module-title h2{font-size:20px}.view-modal{max-width:100%;height:100vh;border-radius:0}.view-modal-content{padding:16px}}.organizations{height:100%;display:flex;flex-direction:column}.organization-item-content{display:flex;flex-direction:column;gap:16px}.organization-section{border-bottom:1px solid var(--border-color, #dee2e6);padding-bottom:12px}.organization-section:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 768px){.detail-content{margin-left:16px}}.free-notes{height:100%;display:flex;flex-direction:column}.note-item-content{display:flex;flex-direction:column;gap:16px}.note-section{border-bottom:1px solid var(--border-color, #dee2e6);padding-bottom:12px}.note-section:last-child{border-bottom:none;padding-bottom:0}.tags-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{display:inline-block;padding:2px 8px;background:var(--accent-color, #ff6b6b);color:#fff;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.note-meta{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:6px;margin-bottom:16px}.note-date{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.note-date svg{color:var(--accent-color)}.note-tags-view{align-items:flex-start}.note-tags-view .tags-list{margin-top:-2px}.view-modal-content .view-section{border:none;padding-bottom:0}.view-modal-content .view-content{font-size:15px;line-height:1.6;color:var(--text-primary)}.view-modal-content .view-content p{margin:0 0 12px}.view-modal-content .view-content p:last-child{margin-bottom:0}.view-modal-content .view-content ul,.view-modal-content .view-content ol{margin:12px 0;padding-left:24px}.view-modal-content .view-content li{margin:6px 0;line-height:1.5}.view-modal-content .view-content strong{font-weight:600}.view-modal-content .view-content em{font-style:italic}.view-modal-content .view-content u{text-decoration:underline}.view-modal-content .view-content blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--accent-color);background:var(--bg-secondary);font-style:italic}@media (max-width: 768px){.note-meta{padding:12px}.tags-list{gap:3px}.tag{font-size:10px;padding:1px 6px}}.cities{height:100%;display:flex;flex-direction:column}.city-item-content{display:flex;flex-direction:column;gap:16px}.city-section{border-bottom:1px solid var(--border-color, #dee2e6);padding-bottom:12px}.city-section:last-child{border-bottom:none;padding-bottom:0}.section-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--accent-color, #ff6b6b);display:flex;align-items:center;gap:4px}.section-content{font-size:14px;color:var(--text-color, #212529);line-height:1.5}.section-content p{margin:0 0 8px}.section-content p:last-child{margin-bottom:0}.section-content strong{font-weight:600;color:var(--text-color, #212529)}.section-content em{font-style:italic}.section-content u{text-decoration:underline}.section-content ul,.section-content ol{margin:8px 0;padding-left:20px}.section-content li{margin:4px 0}.view-modal .detail-content{max-height:none;overflow:visible}.view-modal .detail-content:after{display:none}@media (max-width: 768px){.detail-content{margin-left:16px;max-height:60px}}.annotations-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.annotations-nav{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:20px}.nav-header{margin-bottom:20px}.nav-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.nav-header p{margin:0;color:var(--text-secondary);font-size:14px}.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.nav-button svg{flex-shrink:0}.annotations-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.annotations-content>div{height:100%}@media (max-width: 768px){.annotations-nav{padding:16px}.nav-header{margin-bottom:16px}.nav-header h2{font-size:20px}.nav-buttons{gap:6px}.nav-button{padding:10px 16px;font-size:13px}.nav-button span{display:none}.nav-button{width:auto;min-width:44px;justify-content:center}}@media (max-width: 480px){.nav-buttons{justify-content:center}.nav-button{flex:1;min-width:60px}}.character-tabs{max-width:100%;margin:0;padding:0}.tabs-header{background:var(--surface-color);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;min-height:60px}.tabs-navigation{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.back-btn-tabs{background:transparent;border:2px solid var(--border-color);color:var(--text-color);padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:500;display:flex;align-items:center;gap:8px}.back-btn-tabs:hover{border-color:var(--secondary-color);color:var(--secondary-color);transform:translate(-2px)}.character-info-tabs{flex:1;text-align:center;margin:0 24px}.character-info-tabs h2{margin:0 0 4px;color:var(--secondary-color);font-size:24px;font-weight:700}.character-info-tabs span{color:var(--text-secondary);font-size:14px;font-weight:500}.tabs-list{display:flex;padding:0 24px;gap:4px;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.tabs-list::-webkit-scrollbar{height:4px}.tabs-list::-webkit-scrollbar-track{background:transparent}.tabs-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.tabs-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tabs-lobby-controls{display:flex;align-items:center;gap:12px;padding:0 24px;margin-left:auto;flex-shrink:0;border-left:1px solid var(--border-color)}.tabs-lobby-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.tabs-lobby-controls button:hover{background:#646cff1a;border-color:var(--primary-color);color:var(--primary-color)}.tabs-lobby-controls .sound-toggle.active{color:var(--primary-color);background:#646cff1a}.tabs-lobby-controls .chat-badge,.tabs-lobby-controls .logs-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.tabs-lobby-controls .leave-btn{background:#ef44441a;border-color:#ef4444;color:#ef4444}.tabs-lobby-controls .leave-btn:hover{background:#ef444433;transform:scale(1.05)}.tab-button{background:transparent;border:none;padding:16px 24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-secondary);border-radius:12px 12px 0 0;position:relative;min-width:120px;justify-content:center;flex-shrink:0;white-space:nowrap}.tab-button:hover{background:#646cff1a;color:var(--primary-color);transform:translateY(-2px)}.tab-button.active{background:var(--background-color);color:var(--primary-color);border:2px solid var(--border-color);border-bottom:2px solid var(--background-color);margin-bottom:-2px;transform:translateY(-2px);box-shadow:0 4px 12px #646cff1a}.tab-button.active:hover{transform:translateY(-2px)}.tab-badge{font-size:12px;background:var(--text-secondary);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:4px}.tab-badge.connected{background:#22c55e;animation:pulse-connected 2s infinite}@keyframes pulse-connected{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.tabs-content{background:var(--background-color);padding:0}@media (max-width: 768px){.tabs-header{flex-wrap:nowrap;gap:8px}.tabs-list{padding:0 8px;flex:1;min-width:0}.tabs-lobby-controls{padding:0 8px;gap:8px;border-left:1px solid var(--border-color)}.tabs-lobby-controls button{width:32px;height:32px}.tab-button{min-width:auto;padding:12px 16px;font-size:14px}.tab-button span{display:inline}.tab-button{justify-content:center}.tabs-content{padding:16px}}@media (max-width: 480px){.tabs-list{padding:0 4px}.tab-button{min-width:auto;padding:10px 12px}.tab-button span{font-size:12px}.tabs-lobby-controls{padding:0 4px;gap:4px}.tabs-lobby-controls button{width:28px;height:28px}.tabs-header{position:relative;min-height:56px}.tabs-content{padding:8px}}.tab-button.closeable{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:8px}.tab-content{display:flex;align-items:center;gap:8px;flex:1}.tab-close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:currentColor;opacity:.6;cursor:pointer;border-radius:4px;transition:all .2s ease;padding:0;margin:0;flex-shrink:0}.tab-close-btn:hover{opacity:1;background:#ef444426;color:#ef4444}.tab-button.active .tab-close-btn{opacity:.8}.tab-button.active .tab-close-btn:hover{opacity:1;background:#fff3;color:#fff}@media (max-width: 768px){.tab-button.closeable{min-width:120px}.tab-close-btn{width:18px;height:18px}}@media (max-width: 480px){.tab-button.closeable{min-width:100px}}.campaign-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.campaign-modal{background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border:2px solid rgba(139,115,85,.3);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.campaign-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(139,115,85,.2)}.campaign-modal-header h2{margin:0;color:#c9c9d0e6;font-size:1.5rem;font-weight:700;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.modal-close-btn{background:#1e1e2880;border:1px solid rgba(139,115,85,.3);color:#c9c9d0b3;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.modal-close-btn:hover{background:#3c141499;border-color:#c8505066;color:#c85050e6;transform:rotate(90deg)}.campaign-modal-form{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#c9c9d0e6;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#14141ecc;border:2px solid rgba(139,115,85,.3);border-radius:6px;color:#c9c9d0e6;font-size:1rem;transition:all .2s ease;font-family:Georgia,serif}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b735580;background:#1e1e28cc;box-shadow:0 0 0 3px #8b73551a}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:6px;color:#c9c9d080;font-size:.85rem;font-style:italic}.form-section{margin:24px 0;padding:20px;background:#32323c33;border:1px solid rgba(139,115,85,.2);border-radius:8px}.form-section h3{margin:0 0 16px;color:#8b7355e6;font-size:1.1rem;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.form-checkbox{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.form-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:rgba(139,115,85,.8)}.form-checkbox label{flex:1;color:#c9c9d0cc;font-size:.95rem;line-height:1.5;cursor:pointer}.form-error{background:#c850501a;border:1px solid rgba(200,80,80,.3);border-radius:6px;padding:12px 16px;color:#c85050e6;margin:16px 0;font-size:.9rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid rgba(139,115,85,.2)}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;border:1px solid transparent}.btn-cancel{background:#1e1e2880;border-color:#8b73554d;color:#c9c9d0e6}.btn-cancel:hover:not(:disabled){background:#28283299;border-color:#8b735566}.btn-submit{background:#8b7355cc;border-color:#8b735599;color:#fff}.btn-submit:hover:not(:disabled){background:#8b7355e6;border-color:#8b7355cc;transform:translateY(-1px);box-shadow:0 4px 12px #8b73554d}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.campaign-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.campaign-modal-header,.campaign-modal-form{padding:20px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.character-selection-modal{max-width:600px;width:100%}.character-selection-modal .modal-description{margin-bottom:20px;color:#ddd;font-size:.95rem}.character-selection-modal .modal-description strong{color:#8b7355}.loading-container{text-align:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid rgba(139,115,85,.2);border-top-color:#8b7355;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.empty-state{text-align:center;padding:40px;color:#999}.empty-state p{margin:8px 0}.character-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.character-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#32323c4d;border:2px solid rgba(139,115,85,.3);border-radius:8px;cursor:pointer;transition:all .2s}.character-card:hover:not(.disabled){background:#32323c80;border-color:#8b735580}.character-card.selected{background:#8b735533;border-color:#8b7355}.character-card.disabled{opacity:.5;cursor:not-allowed}.character-card.disabled:hover{background:#32323c4d;border-color:#8b73554d}.character-info h3{margin:0 0 8px;color:#fff;font-size:1.1rem;font-weight:600}.character-details{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ddd}.character-details .separator{color:#666}.campaign-badge{margin-top:8px;padding:4px 8px;background:#ffc10733;color:#ffc107;font-size:.85rem;border-radius:4px;display:inline-block}.character-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#0000004d;border-radius:6px}.stat-label{font-size:.75rem;color:#999;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:1rem;color:#8b7355;font-weight:700}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(139,115,85,.2)}.error-message{padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#dc3545;text-align:center}.campaign-list-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.campaign-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.campaign-list-header h1{font-size:2.5rem;font-weight:700;color:#c9c9d0e6;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(139,115,85,.3)}.campaign-list-actions{display:flex;gap:1rem}.btn-create-campaign,.btn-join-campaign{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;cursor:pointer;border:1px solid rgba(139,115,85,.3)}.btn-create-campaign{background:#8b7355cc;color:#fff}.btn-create-campaign:hover{background:#8b7355e6;border-color:#8b735580;transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.btn-join-campaign{background:#1e1e2880;color:#c9c9d0e6}.btn-join-campaign:hover{background:#28283299;border-color:#8b735566;transform:translateY(-2px)}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.campaign-card{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.campaign-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,115,85,.05) 0%,transparent 70%);animation:statGlow 4s ease-in-out infinite;opacity:.5;pointer-events:none}.campaign-card:hover{border-color:#8b735580;transform:translateY(-4px);box-shadow:0 8px 24px #0006}.campaign-banner{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1e28cc,#282832cc)}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b73554d}.master-badge{position:absolute;top:1rem;right:1rem;background:#8b7355e6;color:#fff;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.campaign-info{padding:1.5rem}.campaign-info h3{font-size:1.5rem;font-weight:700;color:#c9c9d0e6;margin-bottom:.5rem;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.campaign-description{color:#c9c9d0b3;font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaign-meta{display:flex;gap:1.5rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#c9c9d099;font-size:.85rem}.meta-item svg{color:#8b7355b3}.campaign-master{font-size:.85rem;color:#8b7355cc;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.campaign-card-footer{padding:1rem 1.5rem;background:#14141e66;border-top:1px solid rgba(139,115,85,.2);display:flex;justify-content:space-between;align-items:center}.btn-leave-campaign{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(220,53,69,.5);border-radius:4px;color:#dc3545cc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-leave-campaign:hover{background:#dc35451a;border-color:#dc3545cc;color:#dc3545;transform:translateY(-1px)}.btn-leave-campaign svg{width:16px;height:16px}.enter-campaign{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#8b7355e6;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.campaign-card:hover .enter-campaign{color:#8b7355;gap:1rem}.invites-section{margin-bottom:3rem}.invites-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.invites-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.6rem;color:#8b7355e6;font-family:Uncial Antiqua,serif;letter-spacing:1px;margin:0}.invites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.invite-card{background:linear-gradient(135deg,#3c3c464d,#32323c33);border:2px solid rgba(139,115,85,.3);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.invite-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#8b7355cc,#8b73554d)}.invite-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006;border-color:#8b735580}.invite-icon{background:#8b73551a;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-icon svg{color:#8b7355cc}.invite-info{flex:1}.invite-info h3{margin:0 0 .5rem;font-family:Cinzel,serif;font-size:1.2rem;color:#c9c9d0e6}.invite-from{color:#c9c9d099;font-size:.9rem;margin:0 0 .5rem}.invite-from strong{color:#8b7355e6}.invite-message{background:#0003;border-left:3px solid rgba(139,115,85,.5);padding:.5rem 1rem;margin:.75rem 0;font-style:italic;color:#c9c9d0cc;border-radius:4px}.invite-date{color:#c9c9d080;font-size:.85rem;margin:0}.invite-actions{display:flex;flex-direction:column;gap:.5rem}.btn-accept,.btn-reject{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.btn-accept{background:linear-gradient(135deg,#28a74533,#28a7454d);border:2px solid rgba(40,167,69,.5);color:#28a745e6}.btn-accept:hover{background:linear-gradient(135deg,#28a7454d,#28a74566);border-color:#28a745cc;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-reject{background:transparent;border:2px solid rgba(220,53,69,.3);color:#dc3545cc}.btn-reject:hover{background:#dc35451a;border-color:#dc354580;transform:translateY(-1px)}.campaign-list-empty{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem;width:100%}.empty-state-content{background:linear-gradient(135deg,#32323c33,#2828321a);border:2px dashed rgba(139,115,85,.3);border-radius:12px;max-width:600px;width:100%;margin:0 auto;padding:3rem;text-align:center;box-sizing:border-box}.empty-state-content svg{color:#8b735580;margin-bottom:1.5rem}.empty-state-content h2{font-size:1.6rem;color:#c9c9d0e6;margin-bottom:1rem;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.empty-state-content p{color:#c9c9d099;margin-bottom:2rem;font-size:1rem;line-height:1.5}.empty-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.empty-actions .btn-create-campaign,.empty-actions .btn-join-campaign{padding:.6rem 1.2rem;font-size:.9rem;flex:0 1 auto;box-sizing:border-box}.campaign-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.campaign-list-loading .spinner{color:#8b7355b3;animation:spin 1s linear infinite}.campaign-list-loading p{color:#c9c9d0b3;font-size:1.1rem;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.campaign-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.campaign-list-error p{color:#c85050e6;font-size:1.1rem}.campaign-list-error button{padding:.75rem 1.5rem;background:#1e1e2880;border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#c9c9d0e6;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.campaign-list-error button:hover{background:#28283299;border-color:#8b735566}@keyframes statGlow{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 768px){.campaign-list-container{padding:1rem}.campaign-list-header{flex-direction:column;gap:1rem;align-items:stretch}.campaign-list-header h1{font-size:2rem;text-align:center}.campaign-list-actions{flex-direction:column}.campaign-grid{grid-template-columns:1fr;gap:1rem}.empty-actions{flex-direction:column;gap:.75rem}.empty-actions .btn-create-campaign,.empty-actions .btn-join-campaign{width:100%;max-width:none;min-width:0}.empty-state-content{padding:2rem 1.5rem}.empty-state-content h2{font-size:1.3rem}.empty-state-content p{font-size:.95rem}.campaign-list-header h1{font-size:1.8rem}.campaign-list-empty{padding:1rem}}.campaign-overview{display:flex;flex-direction:column;gap:2rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.overview-card{background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;overflow:hidden}.overview-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#8b73551a;border-bottom:1px solid rgba(139,115,85,.3)}.overview-card-header h3{margin:0;font-family:Cinzel,serif;font-size:1.1rem;color:#8b7355}.overview-card-content{padding:1.25rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(139,115,85,.1);gap:1rem}.invite-row{flex-wrap:wrap}.info-row:last-child{border-bottom:none}.info-label{color:#999;font-size:.9rem}.info-value{color:#d0d0d0;font-weight:500}.invite-code-wrapper{display:flex;align-items:center;gap:.5rem;flex-grow:1;justify-content:flex-end;max-width:100%}.invite-code{font-family:monospace;background:#8b735533;padding:.25rem .5rem;border-radius:4px;color:#8b7355;font-size:.9rem;word-break:break-all;flex-shrink:1}.copy-button{display:flex;align-items:center;justify-content:center;background:#8b735533;border:1px solid rgba(139,115,85,.4);border-radius:4px;color:#8b7355;padding:.25rem;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#8b73554d;border-color:#8b7355}.copy-button:active{transform:scale(.95)}.status{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;text-transform:uppercase}.status.active{background:#4caf5033;color:#4caf50}.status.inactive{background:#f4433633;color:#f44336}.member-count{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1rem}.count-number{font-size:3rem;font-weight:700;color:#8b7355;font-family:Cinzel,serif}.count-label{color:#999;font-size:.9rem}.manage-members-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#8b735533,#8b73554d);border:2px solid #8B7355;border-radius:6px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.manage-members-btn:hover{background:linear-gradient(135deg,#8b73554d,#8b735566);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.map-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;color:#8b7355;font-family:Cinzel,serif}.stat-label{color:#999;font-size:.9rem}.session-info{text-align:center;padding:1rem 0}.no-sessions{color:#999;font-style:italic}.recent-sessions-list{display:flex;flex-direction:column;gap:.75rem}.recent-session-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#8b73551a;border-radius:4px;border:1px solid rgba(139,115,85,.2)}.session-name{color:#d0d0d0;font-weight:500;flex-grow:1;text-align:left}.session-date{color:#999;font-size:.85rem;white-space:nowrap}.overview-section{background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:1.5rem}.overview-section h2{margin:0 0 1rem;font-family:Uncial Antiqua,serif;font-size:1.5rem;color:#8b7355}.campaign-full-description{color:#d0d0d0;line-height:1.6;white-space:pre-wrap}@media (max-width: 768px){.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.invite-code-wrapper{justify-content:flex-start;width:100%}.invite-code{flex-grow:1}}.campaign-members{display:flex;flex-direction:column;gap:2rem}.members-header{display:flex;justify-content:space-between;align-items:center}.members-header h2{margin:0;font-family:Uncial Antiqua,serif;font-size:1.5rem;color:#8b7355}.invite-member-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b735533,#8b73554d);border:2px solid #8B7355;border-radius:6px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.invite-member-btn:hover{background:linear-gradient(135deg,#8b73554d,#8b735566);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.members-list{display:flex;flex-direction:column;gap:1rem}.member-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;transition:all .3s ease}.member-card:hover{background:#0006;border-color:#8b735580}.member-card.master{border-color:#8b735580;background:#8b73551a}.member-avatar{width:60px;height:60px;border-radius:50%;background:#8b735533;display:flex;align-items:center;justify-content:center;color:#8b7355;border:2px solid rgba(139,115,85,.5)}.member-info{flex:1}.member-info h3{margin:0 0 .25rem;font-family:Cinzel,serif;font-size:1.1rem;color:#d0d0d0}.member-info p{margin:0;color:#999;font-size:.9rem}.member-role,.member-actions{display:flex;align-items:center}.role-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase}.role-badge.master{background:#8b73554d;color:#8b7355;border:1px solid #8B7355}.member-menu-btn{padding:.5rem;background:transparent;border:1px solid transparent;border-radius:4px;color:#999;cursor:pointer;transition:all .3s ease}.member-menu-btn:hover{background:#8b735533;border-color:#8b735580;color:#8b7355}.member-actions{position:relative}.member-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#1a1a1a;border:2px solid rgba(139,115,85,.5);border-radius:6px;box-shadow:0 4px 12px #00000080;z-index:10;min-width:200px}.member-menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:#d0d0d0;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;font-family:Cinzel,serif;font-size:.9rem}.member-menu-item:hover{background:#8b735533;color:#8b7355}.member-menu-item.danger{color:#ff6b6b}.member-menu-item.danger:hover{background:#ff6b6b33;color:#ff5252}.invite-section{background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:1.5rem}.invite-section h3{margin:0 0 .75rem;font-family:Cinzel,serif;font-size:1.2rem;color:#8b7355}.invite-section p{color:#999;margin-bottom:1rem}.invite-code-display{display:flex;align-items:center;gap:1rem;background:#8b73551a;border:2px solid rgba(139,115,85,.3);border-radius:6px;padding:1rem}.invite-code-display code{flex:1;font-size:1.2rem;color:#8b7355;font-weight:600;letter-spacing:.05em}.copy-code-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b735533,#8b73554d);border:2px solid #8B7355;border-radius:4px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-code-btn:hover{background:linear-gradient(135deg,#8b73554d,#8b735566);transform:translateY(-2px)}.role-badge.player{background:#ffffff1a;color:#d0d0d0;border:1px solid rgba(255,255,255,.3)}.invite-modal{background:#2a2a2a;border:2px solid rgba(139,115,85,.5);border-radius:12px;padding:2rem;width:90%;max-width:400px}.invite-modal h3{margin:0 0 1.5rem;font-family:Uncial Antiqua,serif;font-size:1.5rem;color:#8b7355;text-align:center}.invite-form{display:flex;flex-direction:column;gap:1rem}.invite-form label{display:flex;align-items:center;gap:.5rem;color:#8b7355;font-family:Cinzel,serif;font-size:.9rem}.invite-form input{width:100%;padding:.75rem;background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:6px;color:#d0d0d0;font-size:1rem}.invite-form input:focus{outline:none;border-color:#8b7355;background:#00000080}.confirm-btn:hover{background:linear-gradient(135deg,#8b735566,#8b735580);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.member-card.has-character .member-info{transition:all .3s ease;border-radius:8px;padding:8px;margin:-8px}.member-card.has-character .member-info:hover{background-color:#8b73551a}.view-character-hint{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#8b7355;margin-top:4px;opacity:0;transition:opacity .2s ease}.member-card.has-character .member-info:hover .view-character-hint{opacity:1}.character-sheet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.character-sheet-modal{background-color:#2a2a2a;border:2px solid rgba(139,115,85,.5);border-radius:12px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.character-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:2px solid rgba(139,115,85,.3)}.character-sheet-header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:Uncial Antiqua,serif;color:#8b7355}.close-sheet-btn{background:none;border:none;color:#999;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.close-sheet-btn:hover{background-color:#8b735533;color:#8b7355}.character-sheet-content{flex:1;overflow-y:auto;padding:20px}.direct-invite-section{margin-top:20px}.direct-invite-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.direct-invite-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.direct-invite-modal{max-width:500px;padding:0}.direct-invite-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.direct-invite-modal .modal-header h3{display:flex;align-items:center;gap:10px;margin:0}.direct-invite-modal .modal-close{background:none;border:none;cursor:pointer;padding:5px;color:var(--text-secondary);transition:color .2s}.direct-invite-modal .modal-close:hover{color:var(--text-color)}.direct-invite-modal .modal-body{padding:20px}.direct-invite-modal .form-group{margin-bottom:20px}.direct-invite-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.direct-invite-modal .form-group input,.direct-invite-modal .form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--surface-color);color:var(--text-color);font-family:inherit}.direct-invite-modal .modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:20px;border-top:1px solid var(--border-color)}.direct-invite-modal .btn-primary,.direct-invite-modal .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.direct-invite-modal .btn-primary{background-color:var(--primary-color);color:#fff}.direct-invite-modal .btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.direct-invite-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.direct-invite-modal .btn-secondary{background-color:var(--surface-hover);color:var(--text-color)}.direct-invite-modal .btn-secondary:hover{background-color:var(--surface-active)}.campaign-map-viewer{--secondary-color: #d4af37;--danger-color: #dc3545;--info-color: #17a2b8;--font-heading: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0a;z-index:1000;display:flex;flex-direction:column}.map-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#000000f2,#000000d9);border-bottom:2px solid rgba(212,175,55,.3)}.map-info h2{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 .25rem;color:var(--secondary-color);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.map-type-badge svg{color:var(--secondary-color)}.close-button{background:#00000080;border:2px solid rgba(212,175,55,.3);color:#d4af37;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.campaign-map-viewer .close-button svg{width:20px;height:20px;display:block}.campaign-map-viewer svg.lucide-x{stroke:#d4af37;stroke-width:2;fill:none}.close-button:hover{background:#d4af371a;border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.close-button:hover svg{stroke:#d4af37}.map-viewer-controls{display:flex;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(135deg,#000000e6,#000c);border-bottom:1px solid rgba(212,175,55,.2)}.controls-group{display:flex;gap:.5rem}.controls-group button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000c;border:2px solid #d4af37;border-radius:6px;color:#d4af37!important;cursor:pointer;transition:all .2s ease;position:relative;font-family:var(--font-body);overflow:visible;padding:0}.campaign-map-viewer button svg{width:18px!important;height:18px!important;display:block!important;color:#d4af37!important;opacity:1!important;visibility:visible!important}.campaign-map-viewer button svg *{stroke:currentColor!important;stroke-width:2!important;fill:none!important;opacity:1!important}.campaign-map-viewer button svg.lucide-pin *:last-child,.campaign-map-viewer button svg.lucide-lock *,.campaign-map-viewer button svg.lucide-globe *{fill:currentColor!important;stroke:none!important}.campaign-map-viewer .fallback-icon{display:none!important}.controls-group button:hover{background:#d4af371a;border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d;color:#f4d03f}.controls-group button.active{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:var(--secondary-color);color:#f4d03f;box-shadow:0 0 10px #d4af3780}.controls-group button:after{content:attr(data-key);position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000000e6;color:var(--secondary-color);padding:2px 6px;border-radius:4px;font-size:.7rem;font-family:var(--font-system);opacity:0;pointer-events:none;transition:opacity .2s ease;white-space:nowrap}.controls-group button:hover:after{opacity:1}.map-viewer-container{flex:1;position:relative;overflow:hidden;background:#0a0a0a}.map-viewer-container.pin-mode{cursor:crosshair!important}.map-viewport{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.map-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:relative}.map-pin{position:absolute;transform:translate(-50%,-100%);cursor:pointer;transition:all .2s ease;z-index:10}.pin-marker{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:inherit;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.map-pin:hover .pin-marker{transform:rotate(-45deg) scale(1.2);box-shadow:0 4px 8px #0006}.pin-label{position:absolute;top:-25px;left:50%;transform:translate(-50%) rotate(45deg);background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.map-pin:hover .pin-label{opacity:1}.map-pin.master{opacity:.7}.map-pin.specific{border:2px solid var(--accent-color)}.pin-tooltip{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000f2,#000000d9);border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;max-width:300px;box-shadow:0 4px 12px #00000080;z-index:100}.pin-tooltip h4{margin:0 0 .5rem;color:var(--secondary-color);font-size:1.1rem;font-family:var(--font-heading)}.pin-tooltip p{margin:0 0 .5rem;color:#999;font-size:.9rem;font-family:var(--font-body)}.pin-tooltip small{color:#666;font-size:.8rem;font-family:var(--font-body)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:1.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.pin-modal h3{margin:0 0 1.5rem;color:var(--secondary-color);font-size:1.5rem;font-family:var(--font-heading);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pin-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--secondary-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group textarea,.form-group select{padding:.75rem;background:#00000080;border:2px solid rgba(212,175,55,.3);border-radius:6px;color:#d0d0d0;font-size:1rem;font-family:var(--font-body);transition:all .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #d4af371a}.form-group textarea{resize:vertical;font-family:inherit}.form-group input[type=color]{width:60px;height:40px;padding:.25rem;border:2px solid rgba(212,175,55,.3);border-radius:6px;cursor:pointer;background:#00000080}.form-group input[type=color]:hover{border-color:var(--secondary-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.player-checkboxes{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto;padding:.5rem;background:#0000004d;border:2px solid rgba(212,175,55,.2);border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#999;font-family:var(--font-body)}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:var(--secondary-color)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease}.modal-actions button:first-child{background:transparent;border:2px solid rgba(212,175,55,.3);color:#999}.modal-actions button:first-child:hover{background:#d4af371a;border-color:var(--secondary-color);color:var(--secondary-color)}.delete-button{background:transparent!important;color:var(--danger-color)!important;border:2px solid var(--danger-color)!important;display:flex;align-items:center;gap:.5rem}.delete-button:hover{background:var(--danger-color)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.primary-button{background:linear-gradient(135deg,#d4af3733,#d4af374d);border:2px solid var(--secondary-color);color:var(--secondary-color)}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af374d,#d4af3766);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.primary-button:disabled{opacity:.5;cursor:not-allowed}.pin-mode-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000f2,#000000d9);border:2px solid var(--secondary-color);border-radius:8px;padding:.75rem 1.5rem;color:var(--secondary-color);font-family:var(--font-heading);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;z-index:100;pointer-events:none;animation:pulse 2s infinite;box-shadow:0 4px 12px #000c,0 0 20px #d4af374d;text-shadow:0 0 10px rgba(212,175,55,.5)}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.05)}}@media (max-width: 768px){.map-viewer-header{padding:.75rem 1rem}.map-viewer-controls{padding:.5rem 1rem}.controls-group button{width:32px;height:32px}.pin-modal{padding:1rem}.form-row{grid-template-columns:1fr}}.campaign-maps{min-height:100vh;padding:2rem;background:linear-gradient(to bottom,#000000b3,#000000e6)}.maps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(212,175,55,.3)}.maps-header h2{font-family:var(--font-heading);font-size:2.5rem;color:var(--secondary-color);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.create-map-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af371a,#d4af3733);border:2px solid var(--secondary-color);border-radius:8px;color:var(--secondary-color);font-family:var(--font-heading);font-size:1rem;cursor:pointer;transition:all .3s ease}.create-map-btn:hover{background:linear-gradient(135deg,#d4af3733,#d4af374d);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.maps-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#00000080;border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#999;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.filter-btn.active{background:#d4af3733;border-color:var(--secondary-color);color:var(--secondary-color)}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.map-card{background:linear-gradient(135deg,#000c,#000000e6);border:2px solid rgba(212,175,55,.2);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.map-card:hover{border-color:#d4af3766;transform:translateY(-4px);box-shadow:0 8px 24px #00000080}.map-preview{width:100%;height:220px;position:relative;overflow:hidden;background:#00000080;cursor:pointer}.map-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.map-preview:hover img{transform:scale(1.05)}.map-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d4af374d}.map-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-size:1.2rem;gap:.5rem}.map-preview:hover .map-overlay{opacity:1}.map-info{padding:1.5rem}.map-info h3{margin:0 0 .5rem;font-family:var(--font-heading);font-size:1.3rem;color:var(--secondary-color)}.map-info p{margin:0 0 1rem;color:#999;font-family:var(--font-body);font-size:.95rem;line-height:1.5}.map-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.map-type-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.8rem;color:var(--secondary-color);font-family:var(--font-body)}.map-type-badge.master{background:#8b000033;border-color:#8b000080;color:#ff6b6b}.map-type-badge.campaign{background:#d4af371a;border-color:#d4af374d;color:var(--secondary-color)}.map-type-badge.player{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.pin-count{color:#666;font-size:.85rem;font-family:var(--font-body)}.map-actions{display:flex;gap:.5rem;padding:0 1.5rem 1.5rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;background:#00000080;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:#999;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#d4af371a;border-color:var(--secondary-color);color:var(--secondary-color);transform:translateY(-1px)}.action-btn.view{color:var(--info-color);border-color:#17a2b84d}.action-btn.view:hover{background:#17a2b81a;border-color:var(--info-color)}.action-btn.edit{color:var(--secondary-color);border-color:#d4af374d}.action-btn.edit:hover{background:#d4af371a;border-color:var(--secondary-color)}.action-btn.delete{color:var(--danger-color);border-color:#dc35454d}.action-btn.delete:hover{background:#dc35451a;border-color:var(--danger-color)}.maps-empty{text-align:center;padding:4rem;color:#666}.maps-empty svg{color:#d4af374d;margin-bottom:1rem}.maps-empty p{font-family:var(--font-body);font-size:1.1rem;color:#999}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-map-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.create-map-modal h3{margin:0 0 1.5rem;font-family:var(--font-heading);font-size:1.8rem;color:var(--secondary-color);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.map-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:var(--secondary-color);font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:#00000080;border:2px solid rgba(212,175,55,.3);border-radius:6px;color:#d0d0d0;font-size:1rem;font-family:var(--font-body);resize:vertical;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #d4af371a}.map-type-options{display:flex;gap:1rem;flex-wrap:wrap}.map-type-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border:2px solid rgba(212,175,55,.3);border-radius:6px;cursor:pointer;transition:all .3s ease}.map-type-option input[type=radio]{display:none}.map-type-option:has(input:checked){background:#d4af3733;border-color:var(--secondary-color)}.map-type-option span{display:flex;align-items:center;gap:.3rem;color:#999;font-family:var(--font-body);font-size:.9rem}.map-type-option:has(input:checked) span{color:var(--secondary-color)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#999;font-family:var(--font-body);font-size:.9rem}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.file-upload{position:relative}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#0000004d;border:2px dashed rgba(212,175,55,.3);border-radius:6px;color:#999;font-family:var(--font-body);cursor:pointer;transition:all .3s ease}.file-upload-btn:hover{background:#d4af371a;border-color:var(--secondary-color);color:var(--secondary-color)}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1;padding:.75rem 1.5rem;border-radius:6px;font-family:var(--font-heading);font-size:1rem;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;border:2px solid rgba(212,175,55,.3);color:#999}.cancel-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.confirm-btn{background:linear-gradient(135deg,#d4af3733,#d4af374d);border:2px solid var(--secondary-color);color:var(--secondary-color)}.confirm-btn:hover{background:linear-gradient(135deg,#d4af374d,#d4af3766);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:50px;height:50px;border:3px solid rgba(212,175,55,.3);border-top-color:var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.campaign-maps{padding:1rem}.maps-header{flex-direction:column;gap:1rem;align-items:flex-start}.maps-grid{grid-template-columns:1fr;gap:1rem}.map-actions{flex-wrap:wrap}.create-map-modal{padding:1.5rem}}.campaign-media{display:flex;flex-direction:column;gap:2rem}.media-header{display:flex;justify-content:space-between;align-items:center}.media-header h2{margin:0;font-family:Uncial Antiqua,serif;font-size:1.5rem;color:#8b7355}.upload-media-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b735533,#8b73554d);border:2px solid #8B7355;border-radius:6px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.upload-media-btn:hover{background:linear-gradient(135deg,#8b73554d,#8b735566);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.media-filters{margin-bottom:1rem}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:transparent;border:2px solid rgba(139,115,85,.3);border-radius:6px;color:#999;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#8b73551a;border-color:#8b735580;color:#8b7355}.filter-btn.active{background:#8b735533;border-color:#8b7355;color:#8b7355}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.media-card{display:flex;flex-direction:column;background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease}.media-card:hover{background:#0006;border-color:#8b735580;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-preview{height:150px;background:#8b73551a;display:flex;align-items:center;justify-content:center;color:#8b735580;border-bottom:1px solid rgba(139,115,85,.3)}.media-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.media-info h3{margin:0;font-family:Cinzel,serif;font-size:1.1rem;color:#d0d0d0}.media-info p{margin:0;color:#999;font-size:.9rem;line-height:1.4}.media-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.media-type{padding:.25rem .5rem;background:#8b735533;border-radius:4px;font-size:.8rem;color:#8b7355}.media-size{color:#666;font-size:.85rem}.media-menu-btn{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#00000080;border:1px solid transparent;border-radius:4px;color:#999;cursor:pointer;transition:all .3s ease}.media-menu-btn:hover{background:#8b73554d;border-color:#8b735580;color:#8b7355}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-modal{background:#2a2a2a;border:2px solid rgba(139,115,85,.5);border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.upload-modal h3{margin:0 0 1.5rem;font-family:Uncial Antiqua,serif;font-size:1.5rem;color:#8b7355;text-align:center}.upload-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#8b7355;font-family:Cinzel,serif;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:6px;color:#d0d0d0;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b7355;background:#00000080}.form-group select{cursor:pointer}.file-upload{display:flex;align-items:center}.file-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#8b73551a;border:2px solid rgba(139,115,85,.3);border-radius:6px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-upload-btn:hover{background:#8b735533;border-color:#8b7355}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;padding:.75rem;border-radius:6px;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;border:2px solid rgba(139,115,85,.5);color:#999}.cancel-btn:hover{background:#8b73551a;border-color:#8b7355;color:#8b7355}.confirm-btn{background:linear-gradient(135deg,#8b73554d,#8b735566);border:2px solid #8B7355;color:#8b7355}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b735566,#8b735580);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.media-preview{position:relative;cursor:pointer;overflow:hidden}.media-thumbnail{width:100%;height:100%;object-fit:cover}.media-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;color:#fff}.media-preview:hover .media-overlay{opacity:1}.media-actions{display:flex;gap:.5rem;padding:1rem;padding-top:0}.media-action-btn{padding:.5rem;background:#8b735533;border:1px solid rgba(139,115,85,.3);border-radius:4px;color:#8b7355;cursor:pointer;transition:all .3s ease}.media-action-btn:hover{background:#8b73554d;border-color:#8b7355}.media-action-btn.delete{background:#dc262633;border-color:#dc26264d;color:#dc2626}.media-action-btn.delete:hover{background:#dc26264d;border-color:#dc2626}.loading-message,.empty-message{grid-column:1 / -1;text-align:center;padding:3rem;color:#999}.clear-filter-btn{display:block;margin:1rem auto 0;padding:.5rem 1rem;background:#8b735533;border:1px solid rgba(139,115,85,.3);border-radius:4px;color:#8b7355;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:#8b73554d;border-color:#8b7355}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:2rem}.media-viewer{background:#2a2a2a;border:2px solid rgba(139,115,85,.5);border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid rgba(139,115,85,.3)}.viewer-header h3{margin:0;font-family:Uncial Antiqua,serif;color:#8b7355}.close-viewer-btn{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.close-viewer-btn:hover{background:#8b735533;color:#8b7355}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.viewer-audio{width:100%;max-width:500px}.viewer-file{text-align:center;padding:3rem}.viewer-file svg{color:#8b7355;margin-bottom:1rem}.viewer-file p{color:#999;margin:1rem 0 2rem}.download-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b735533,#8b73554d);border:2px solid #8B7355;border-radius:6px;color:#8b7355;text-decoration:none;transition:all .3s ease}.download-link:hover{background:linear-gradient(135deg,#8b73554d,#8b735566);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.viewer-tags{padding:1rem 1.5rem;border-top:1px solid rgba(139,115,85,.3);display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background:#8b735533;border:1px solid rgba(139,115,85,.3);border-radius:20px;font-size:.85rem;color:#8b7355}.campaign-lobbies{height:100%;display:flex;flex-direction:column;gap:20px}.lobbies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lobbies-header h2{color:#fff;font-size:1.5rem;margin:0}.create-session-btn.primary{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#8b7355;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.create-session-btn.primary:hover{background:#a08666;transform:translateY(-1px)}.lobbies-tabs{display:flex;gap:12px;border-bottom:2px solid rgba(139,115,85,.2);margin-bottom:24px;padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#999;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;margin-bottom:-2px;position:relative}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#8b7355;transform:translate(-50%);transition:width .3s ease}.tab-btn:hover{color:#ddd;background:#8b73550d}.tab-btn.active{color:#8b7355;background:#8b73551a}.tab-btn.active:after{width:100%}.tab-btn svg{transition:transform .3s}.tab-btn:hover svg{transform:scale(1.1)}.loading-sessions,.empty-sessions{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#999;padding:60px 20px;background:linear-gradient(135deg,#32323c4d,#28283280);border-radius:12px;border:2px dashed rgba(139,115,85,.2)}.empty-sessions p{font-size:1.1rem;margin:8px 0;color:#bbb}.empty-sessions p:first-child{font-size:1.3rem;font-weight:600;color:#8b7355;margin-bottom:16px}.spinner{width:50px;height:50px;border:4px solid rgba(139,115,85,.2);border-top-color:#8b7355;border-right-color:#8b7355;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:20px;box-shadow:0 0 20px #8b73554d}.loading-sessions p{font-size:1.1rem;color:#8b7355;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sessions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:8px}.session-card{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.session-card:nth-child(1){animation-delay:.1s}.session-card:nth-child(2){animation-delay:.2s}.session-card:nth-child(3){animation-delay:.3s}.session-card:nth-child(4){animation-delay:.4s}.session-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-card{background:linear-gradient(135deg,#32323c99,#282832cc);border:2px solid transparent;border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(139,115,85,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.session-card:hover:before{transform:translate(100%)}.session-card:hover{border-color:#8b735599;box-shadow:0 8px 24px #0000004d,0 0 0 1px #8b735533 inset;transform:translateY(-2px)}.session-card.planned{background:linear-gradient(135deg,#32323c99,#3c3c50cc);border:2px solid rgba(108,117,125,.3)}.session-card.in_progress{background:linear-gradient(135deg,#283c3299,#1e3228cc);border:2px solid rgba(40,167,69,.3);animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#28a7454d}50%{border-color:#28a74599}}.session-card.completed{background:linear-gradient(135deg,#28323c66,#1e283299);border:2px solid rgba(23,162,184,.2);opacity:.85}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.session-title{display:flex;align-items:center;gap:12px;flex:1}.session-title h3{color:#fff;font-size:1.2rem;margin:0}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;position:relative;overflow:hidden}.status-badge svg{width:14px;height:14px}.status-badge:before{content:"";position:absolute;top:50%;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateY(-50%);transition:left .5s}.status-badge:hover:before{left:100%}.status-badge.planned{background:linear-gradient(135deg,#6c757d4d,#6c757d33);color:#adb5bd;border-color:#6c757d66}.status-badge.active{background:linear-gradient(135deg,#28a7454d,#28a74533);color:#5dd176;border-color:#28a74566;box-shadow:0 0 10px #28a7454d}.status-badge.paused{background:linear-gradient(135deg,#ffc1074d,#ffc10733);color:#ffd43b;border-color:#ffc10766}.status-badge.completed{background:linear-gradient(135deg,#17a2b84d,#17a2b833);color:#4dd0e1;border-color:#17a2b866}.session-actions{display:flex;gap:8px}.action-btn{padding:8px;background:#ffffff0d;color:#999;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.action-btn:hover:after{width:40px;height:40px}.action-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:scale(1.05)}.action-btn.danger:hover{background:#dc35454d;color:#ff6b7a;border-color:#dc354580}.session-description{color:#ddd;font-size:.95rem;margin-bottom:16px;line-height:1.5}.session-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px;background:#0003;border-radius:8px;border:1px solid rgba(139,115,85,.1)}.meta-item{display:flex;align-items:center;gap:8px;color:#bbb;font-size:.9rem;transition:all .2s}.meta-item:hover{color:#fff}.meta-item svg{color:#8b7355;width:18px;height:18px;filter:drop-shadow(0 0 3px rgba(139,115,85,.5))}.session-footer{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(139,115,85,.2)}.session-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.session-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.session-btn:hover:before{left:100%}.session-btn.primary{background:linear-gradient(135deg,#8b7355,#a08666);color:#fff;box-shadow:0 4px 12px #8b73554d}.session-btn.primary:hover{background:linear-gradient(135deg,#a08666,#b49777);transform:translateY(-2px);box-shadow:0 6px 20px #8b735566}.session-btn.secondary{background:linear-gradient(135deg,#6c757d4d,#6c757d33);color:#adb5bd;border:1px solid rgba(108,117,125,.3)}.session-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#6c757d66,#6c757d4d);border-color:#6c757d80;transform:translateY(-1px)}.session-btn.danger{background:linear-gradient(135deg,#dc35454d,#dc354533);color:#ff6b7a;border:1px solid rgba(220,53,69,.3)}.session-btn.danger:hover{background:linear-gradient(135deg,#dc354566,#dc35454d);border-color:#dc354580;transform:translateY(-1px)}.session-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.session-btn svg{transition:transform .3s}.session-btn:hover svg{transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.session-modal{background:#32323c;border:2px solid rgba(139,115,85,.3);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.session-modal h3{color:#fff;font-size:1.5rem;margin:0 0 20px;font-family:Cinzel,serif}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:#8b7355;font-size:.9rem;font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#fff;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b7355;background:#ffffff14}.form-group.checkbox{flex-direction:row}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ddd;font-weight:400}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid rgba(139,115,85,.2)}.cancel-btn,.confirm-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.cancel-btn{background:#6c757d33;color:#ccc}.cancel-btn:hover{background:#6c757d4d}.confirm-btn{background:#8b7355;color:#fff}.confirm-btn:hover:not(:disabled){background:#a08666}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.lobbies-header{flex-direction:column;gap:12px;align-items:stretch}.create-session-btn.primary{width:100%;justify-content:center}.session-meta{flex-direction:column;gap:8px}.session-footer{flex-direction:column}.session-btn{width:100%;justify-content:center}.modal-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.status-badge.preparation{background-color:#f59e0b;color:#fff}.session-card.preparation{border-color:#f59e0b}.session-btn.warning{background-color:#f59e0b;color:#fff}.session-btn.warning:hover{background-color:#d97706}.campaign-settings{padding:2rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px);background:transparent;display:flex;flex-direction:column;gap:2rem}.settings-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 8px 32px #1f268726}.settings-section:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 32px #1f268740;transform:translateY(-2px)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h2{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0;letter-spacing:.5px;text-transform:none!important}.section-header svg{color:var(--accent-color, #d4af37);width:24px;height:24px}.settings-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:600;color:#e0e0e0;font-size:.9375rem;letter-spacing:.3px;text-transform:none!important;display:block}.form-group input[type=text],.form-group textarea,.form-group select{padding:.875rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e0e0e0;font-size:.9375rem;transition:all .2s ease;width:100%;font-family:inherit}.form-group input[type=text]:hover,.form-group textarea:hover,.form-group select:hover{border-color:#ffffff40;background:#0006}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color, #d4af37);box-shadow:0 0 0 3px #d4af3726;background:#00000080}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.form-help{font-size:.8125rem;color:#999;margin:.5rem 0 0;line-height:1.4}.checkbox-label{display:inline-flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer;padding:.5rem 0!important;font-size:.9375rem;color:#e0e0e0;transition:all .2s ease;position:relative;width:100%;box-sizing:border-box}.checkbox-label:after,.checkbox-label:before{display:none!important;content:none!important}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;cursor:pointer;margin:0!important;padding:0!important;flex-shrink:0;accent-color:var(--accent-color, #d4af37);vertical-align:middle!important;position:relative!important;top:auto!important;transform:none!important}.checkbox-label span{flex:1;-webkit-user-select:none;user-select:none;line-height:1.4;margin:0}.invite-code-section{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.invite-code-display{display:flex;align-items:center;gap:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.875rem 1.25rem;flex:1;min-width:280px;transition:all .2s ease}.invite-code-display:hover{border-color:#ffffff40;background:#0006}.invite-code{font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;color:var(--accent-color, #d4af37);letter-spacing:.075em;flex:1;word-break:break-all}.icon-button{background:none;border:none;color:#999;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.icon-button:hover{color:#e0e0e0;background:#ffffff1a}.regenerate-button{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e0e0e0;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.regenerate-button:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color, #d4af37);color:var(--accent-color, #d4af37);transform:translateY(-1px)}.regenerate-button:disabled{opacity:.5;cursor:not-allowed}.permissions-list{display:flex;flex-direction:column;gap:1rem}.permissions-list .checkbox-label{display:flex!important;align-items:center!important;gap:.75rem!important;margin:0!important;padding:.5rem 0!important}.permissions-list .checkbox-label input[type=checkbox]{margin:0!important;position:relative!important;top:0!important;transform:none!important;vertical-align:middle!important}.permissions-list .checkbox-label span{margin:0!important;padding:0!important;line-height:1.2!important;display:inline-block!important;vertical-align:middle!important}.settings-actions{display:flex;gap:1.25rem;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}.save-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,#f4e4a1);color:#1a1a1a;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.5)}.delete-button{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 2rem;background:transparent;color:#dc3545;border:1px solid #dc3545;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#dc35451a;border-color:#ff4757;color:#ff4757;transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.delete-button:active:not(:disabled){transform:translateY(0)}.delete-button:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.5)}.delete-warning{text-align:center;padding:1.5rem}.warning-icon{color:#dc3545;margin-bottom:1.25rem}.delete-warning p{margin:.75rem 0;color:#e0e0e0;line-height:1.5}.warning-text{font-size:.875rem;color:#999;margin-top:1.25rem!important;line-height:1.5}.campaign-settings .form-group label,.campaign-settings .section-header h2,.campaign-settings label{text-transform:none!important;font-variant:normal!important}.campaign-settings .form-group>label,.campaign-settings .form-group label[for]{text-transform:none!important;text-transform:initial!important}.settings-section{position:relative;overflow:hidden}.settings-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.settings-section:hover:before{left:100%}@media (min-width: 1024px){.campaign-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:start}.settings-section{margin-bottom:0}.settings-actions{grid-column:1 / -1;margin-top:0}}@media (max-width: 768px){.campaign-settings{padding:1.25rem}.settings-section{padding:1.5rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem}.invite-code-section{flex-direction:column;align-items:stretch}.invite-code-display{min-width:auto}.settings-actions{flex-direction:column;gap:1rem}.save-button,.delete-button{width:100%}}.campaign-settings.loading{pointer-events:none;opacity:.7}.campaign-settings.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.unsaved-indicator{position:fixed;top:80px;right:20px;background:#ffc107e6;color:#1a1a1a;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #0003;z-index:100;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*:focus-visible{outline:2px solid var(--accent-color, #d4af37);outline-offset:2px}html{scroll-behavior:smooth}.campaign-settings .checkbox-label:before,.campaign-settings .checkbox-label:after{display:none!important;content:none!important}.campaign-settings input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #d4af3740}.settings-form>div:last-child .checkbox-label{display:flex!important;align-items:center!important;gap:.75rem!important}.settings-form>div:last-child .checkbox-label input[type=checkbox]{margin:0!important;vertical-align:middle!important}.settings-form>div:last-child .checkbox-label span{line-height:1.2!important;vertical-align:middle!important}.permissions-list .checkbox-label{margin-bottom:.5rem}.permissions-list .checkbox-label:last-child{margin-bottom:0}.campaign-checkbox-label{display:inline-flex!important;align-items:center!important;gap:.75rem!important;width:100%!important;margin:0!important;padding:.5rem 0!important}.campaign-checkbox-label input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;padding:0!important;vertical-align:middle!important;position:relative!important;top:0!important;transform:none!important;flex-shrink:0!important}.campaign-checkbox-label span{margin:0!important;padding:0!important;line-height:1.2!important;vertical-align:middle!important;font-size:.9375rem!important;color:#e0e0e0!important}.campaign-checkbox-label:before,.campaign-checkbox-label:after,.campaign-checkbox-label input[type=checkbox]:before,.campaign-checkbox-label input[type=checkbox]:after{display:none!important;content:none!important}.campaign-dashboard{max-width:1400px;margin:0 auto;padding:1rem}.campaign-dashboard-loading,.campaign-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#8b7355}.spinner{animation:spin 1s linear infinite;color:#8b7355}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.campaign-dashboard-error button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b73551a,#8b735533);border:2px solid #8B7355;border-radius:8px;color:#8b7355;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.campaign-dashboard-error button:hover{background:linear-gradient(135deg,#8b735533,#8b73554d);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.campaign-header{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;position:relative}.back-button{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(139,115,85,.5);border-radius:6px;color:#8b7355;font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:10}.back-button:hover{background:#8b735533;border-color:#8b7355;transform:translate(-2px)}.campaign-header-content{display:flex;gap:2rem;align-items:flex-start}.campaign-banner{position:relative;width:200px;height:120px;border-radius:8px;overflow:hidden;border:2px solid rgba(139,115,85,.5);background:#0000004d;flex-shrink:0}.campaign-banner img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b735580}.master-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#8b7355e6;border-radius:4px;color:#1a1a1a;font-size:.75rem;font-weight:600}.campaign-header-info{flex:1;padding-top:1rem}.campaign-header-info h1{font-family:Uncial Antiqua,serif;font-size:2.5rem;color:#8b7355;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.campaign-description{color:#d0d0d0;font-size:1.1rem;line-height:1.6;margin:0}.campaign-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(139,115,85,.3);margin-bottom:2rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(139,115,85,.5) transparent}.campaign-tabs::-webkit-scrollbar{height:6px}.campaign-tabs::-webkit-scrollbar-track{background:transparent}.campaign-tabs::-webkit-scrollbar-thumb{background:#8b735580;border-radius:3px}.tab-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:#999;text-decoration:none;font-family:Cinzel,serif;font-size:.95rem;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap;cursor:pointer}.tab-link:hover{color:#8b7355;background:#8b73551a}.tab-link.active{color:#8b7355;border-bottom-color:#8b7355;background:#8b735526}.campaign-content{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:12px;padding:2rem;min-height:500px}@media (max-width: 768px){.campaign-header-content{flex-direction:column;gap:1rem}.campaign-banner{width:100%;height:150px}.campaign-header-info h1{font-size:2rem}.campaign-tabs{padding-bottom:.5rem}.tab-link{padding:.5rem 1rem;font-size:.9rem}.campaign-content{padding:1rem}}.users-list{width:100%}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.users-header h2{font-size:24px;font-weight:600;color:var(--primary-color)}.users-count{color:var(--text-secondary);font-size:14px}.users-table-container{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow)}.users-table{width:100%;border-collapse:collapse;table-layout:fixed}.users-table th{background:var(--primary-color);color:#fff;padding:12px 16px;text-align:left;font-weight:500;font-size:14px}.users-table th:nth-child(1){width:60px}.users-table th:nth-child(2){width:20%}.users-table th:nth-child(3){width:25%}.users-table th:nth-child(4){width:150px}.users-table th:nth-child(5){width:180px}.users-table th:nth-child(6){width:120px}.users-table th:nth-child(7){width:140px}.users-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:rgba(var(--primary-rgb),.05)}.user-id{font-family:monospace;color:var(--text-secondary);font-size:13px}.user-name-wrapper{display:flex;align-items:center;gap:8px}.role-icon{width:16px;height:16px}.role-icon.admin{color:#dc2626}.role-icon.moderator{color:#f59e0b}.role-icon.default{color:var(--text-secondary)}.user-email{color:var(--text-secondary);font-size:14px}.role-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color);font-size:13px;cursor:pointer;transition:all .2s}.role-select:hover:not(:disabled){border-color:var(--primary-color)}.role-select:disabled{opacity:.6;cursor:not-allowed}.role-select.admin{border-color:#dc2626;color:#dc2626}.role-select.moderator{border-color:#f59e0b;color:#f59e0b}.date-wrapper,.stat-wrapper{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.date-wrapper svg,.stat-wrapper svg{opacity:.6}.admin-loading{text-align:center;padding:40px;color:var(--text-secondary)}.admin-error{text-align:center;padding:40px;color:var(--danger-color)}@media (max-width: 768px){.users-table{min-width:900px;table-layout:auto}.users-table th{white-space:nowrap}.users-header{flex-direction:column;align-items:flex-start;gap:8px}}.spells-admin{width:100%}.spells-admin-new{width:100%;min-height:100vh}.help-icon-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:6px}.help-icon{cursor:help;color:var(--text-secondary);transition:color .2s}.help-icon:hover{color:var(--primary-color)}.help-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:normal;width:250px;text-align:center;opacity:0;visibility:hidden;transition:all .3s;pointer-events:none;z-index:1000;margin-bottom:5px}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9)}.help-icon-wrapper:hover .help-tooltip{opacity:1;visibility:visible}.spells-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.spells-header h2{font-size:20px;font-weight:600;color:var(--text-color)}.btn-primary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.spells-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-box input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:14px}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:14px;cursor:pointer}.spells-list{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.spells-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px}.spells-table-wrapper{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow);width:100%}.spells-table-new{width:100%;border-collapse:collapse}.spells-table-new thead{background:rgba(var(--primary-rgb),.1);position:sticky;top:0;z-index:10}.spells-table-new th{padding:14px 16px;text-align:left;font-weight:500;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.spells-table-new td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.spells-table-new tr:last-child td{border-bottom:none}.spells-table-new tr:hover{background:rgba(var(--primary-rgb),.02)}.sort-header{display:flex;align-items:center;gap:4px;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;transition:color .2s}.sort-header:hover{color:var(--primary-color)}.sort-header svg{opacity:.6}.spell-name-cell{display:flex;align-items:center;gap:8px;min-width:0}.spell-name-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.spell-tags{display:flex;gap:4px;flex-shrink:0}.classes-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:13px}.no-data{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.spells-table{width:100%;border-collapse:collapse;table-layout:fixed}.spells-table th:nth-child(1){width:30%}.spells-table th:nth-child(2){width:80px}.spells-table th:nth-child(3){width:80px}.spells-table th:nth-child(4){width:auto}.spells-table th:nth-child(5){width:auto}.spells-table th:nth-child(6){width:100px}.spells-table th{background:rgba(var(--primary-rgb),.1);padding:12px 16px;text-align:left;font-weight:500;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.spells-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.spells-table tr:last-child td{border-bottom:none}.spells-table tr:hover{background:rgba(var(--primary-rgb),.02)}.spell-name{font-weight:500;display:flex;align-items:center;gap:6px}.tag{padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.tag.concentration{background:#3b82f633;color:#3b82f6}.tag.ritual{background:#a855f733;color:#a855f7}.spell-school{text-transform:capitalize;color:var(--text-secondary)}.spell-actions{display:flex;gap:4px}.btn-icon{padding:6px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{color:var(--primary-color);border-color:var(--primary-color)}.btn-icon.danger:hover{color:var(--danger-color);border-color:var(--danger-color)}.spells-loading{text-align:center;padding:40px;color:var(--text-secondary)}.spell-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.spell-form-container{background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.spell-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.spell-form-header h3{font-size:20px;font-weight:600;color:var(--text-color)}.btn-close{padding:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.btn-close:hover{background:var(--hover-color);color:var(--text-color)}.spell-form{padding:20px;overflow-y:auto;flex:1}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.small{max-width:150px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-checkboxes{display:flex;gap:20px;margin:20px 0}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-color);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.btn-secondary{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--hover-color);color:var(--text-color)}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;padding:12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;max-height:200px;overflow-y:auto}.classes-grid .checkbox-label{margin:0;padding:4px 8px;border-radius:4px;transition:background-color .2s}.classes-grid .checkbox-label:hover{background:var(--hover-color)}@media (max-width: 768px){.spells-filters,.spells-controls{flex-direction:column;width:100%}.search-box{width:100%}.spells-table,.spells-table-new{font-size:13px}.spells-table th,.spells-table td,.spells-table-new th,.spells-table-new td{padding:8px 12px}.spell-form-container{max-height:100vh;border-radius:0}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.spells-header{flex-direction:column;align-items:flex-start;gap:12px}}.damage-instances-section{margin:24px 0;background:var(--background-color);border-radius:12px;overflow:hidden}.damage-instances-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(var(--primary-rgb),.05);border-bottom:1px solid var(--border-color)}.damage-instances-section h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-color);margin:0}.damage-instances-section h4 svg{color:var(--primary-color)}.btn-add-instance{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-instance:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.instances-container{padding:16px}.damage-instance-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .2s}.damage-instance-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 2px 8px #0000000d}.damage-instance-card:last-child{margin-bottom:0}.damage-instance-card .instance-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(var(--primary-rgb),.03);border-bottom:1px solid var(--border-color)}.instance-title{display:flex;align-items:center;gap:12px}.instance-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.instance-preview{font-size:14px;font-weight:500;color:var(--text-color)}.btn-remove-instance{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.btn-remove-instance:hover{background:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.instance-content{padding:16px}.dice-section{margin-bottom:16px}.section-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dice-grid{display:contents;grid-template-columns:repeat(6,1fr);gap:8px}.dice-input{display:flex;flex-direction:column;gap:4px}.dice-input label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;text-transform:uppercase}.dice-input input{padding:8px 4px;text-align:center;border:2px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:14px;font-weight:500;width:100%;transition:all .2s}.dice-input input:hover{border-color:rgba(var(--primary-rgb),.3)}.dice-input input:focus{outline:none;border-color:var(--primary-color);background:#fff}.dice-input input[value]:not([value="0"]){border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05);color:var(--primary-color);font-weight:600}.properties-row{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px}.compact-inputs{display:flex;gap:12px}.form-group.compact{width:80px}.form-group.compact input{text-align:center}@media (max-width: 768px){.dice-grid{grid-template-columns:repeat(3,1fr);gap:6px}.properties-row{grid-template-columns:1fr}.compact-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group.compact{width:100%}}.system-logs{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--surface-color);border-radius:8px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.stat-card h3{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.stat-value{font-size:32px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.stat-detail{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.logs-section{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow);padding:20px}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.logs-header h3{font-size:18px;font-weight:600;color:var(--text-color)}.logs-filters{display:flex;gap:12px}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:13px;cursor:pointer}.logs-list{display:flex;flex-direction:column;gap:12px}.log-entry{padding:16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;transition:all .2s}.log-entry:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.log-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.log-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.log-info svg{color:var(--text-secondary)}.log-user{font-weight:500;color:var(--primary-color)}.log-action{color:var(--text-color)}.log-target{font-family:monospace;font-size:13px;color:var(--text-secondary)}.log-time{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.log-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.log-values{margin-bottom:8px}.log-values .label{font-size:12px;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:4px}.log-values code{display:block;padding:8px;background:#0000000d;border-radius:4px;font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--text-color)}.no-logs,.logs-loading{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.logs-header{flex-direction:column;align-items:flex-start}.logs-filters{width:100%;flex-direction:column}.filter-select{width:100%}.log-header{flex-direction:column;align-items:flex-start}.log-info{font-size:13px}}.suggestions-admin{padding:20px}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.suggestions-header h2{margin:0;color:var(--text-color)}.suggestions-stats{display:flex;gap:20px}.suggestions-filters{display:flex;gap:10px;margin-bottom:20px}.suggestions-list{display:grid;gap:15px}.suggestion-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;transition:all .2s}.suggestion-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.suggestion-item.selected{border-color:var(--primary-color);background-color:var(--primary-light)}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.suggestion-header h3{margin:0;color:var(--text-color);font-size:18px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.suggestion-description{color:var(--text-secondary);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.suggestion-meta{display:flex;gap:20px;font-size:12px;color:var(--text-secondary)}.suggestion-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.suggestion-detail{background-color:var(--background-color);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.bugs-admin{padding:20px}.bugs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.bugs-header h2{margin:0;color:var(--text-color)}.bugs-stats{display:flex;gap:20px}.stat-item{text-align:center;padding:10px 20px;background-color:var(--card-background);border-radius:8px;border:1px solid var(--border-color)}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--primary-color)}.stat-label{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.bugs-filters{display:flex;gap:10px;margin-bottom:20px}.filter-select{padding:8px 12px;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px}.bugs-list{display:grid;gap:15px}.bug-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;transition:all .2s}.bug-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.bug-item.selected{border-color:var(--primary-color);background-color:var(--primary-light)}.bug-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.bug-header h3{margin:0;color:var(--text-color);font-size:18px;flex:1}.bug-badges{display:flex;gap:8px}.status-badge,.priority-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.badge-open{background-color:#2196f3;color:#fff}.badge-in-progress{background-color:#ff9800;color:#fff}.badge-resolved{background-color:#4caf50;color:#fff}.badge-closed{background-color:#9e9e9e;color:#fff}.badge-wont-fix{background-color:#f44336;color:#fff}.priority-low{background-color:#81c784;color:#fff}.priority-medium{background-color:#ffb74d;color:#fff}.priority-high{background-color:#ff7043;color:#fff}.priority-critical{background-color:#e53935;color:#fff}.bug-description{color:var(--text-secondary);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bug-meta{display:flex;gap:20px;font-size:12px;color:var(--text-secondary)}.bug-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bug-detail{background-color:var(--background-color);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.detail-header h3{margin:0;color:var(--text-color)}.close-btn{background:none;border:none;font-size:28px;color:var(--text-color);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.detail-content{padding:20px}.detail-section{margin-bottom:30px}.detail-section h4{margin:0 0 10px;color:var(--text-color);font-size:16px;font-weight:600}.detail-section p{margin:0 0 10px;color:var(--text-secondary);line-height:1.6}.detail-info p{margin:5px 0}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.screenshots-grid img{width:100%;height:150px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s}.screenshots-grid img:hover{transform:scale(1.05)}.detail-form{display:flex;flex-direction:column;gap:15px}.detail-form label{display:flex;flex-direction:column;gap:5px;color:var(--text-color);font-weight:500}.detail-form select,.detail-form textarea{padding:8px 12px;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px}.detail-form textarea{resize:vertical}.detail-actions{display:flex;gap:10px;margin-top:20px}.update-btn,.delete-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.update-btn{background-color:var(--primary-color);color:#fff}.update-btn:hover{background-color:var(--primary-hover)}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#d32f2f}.admin-notes{background-color:var(--card-background);padding:15px;border-radius:6px;white-space:pre-wrap}.error-message{background-color:#f443361a;border:1px solid #F44336;color:#f44336;padding:10px;border-radius:6px;margin-bottom:20px}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.admin-dashboard{min-height:100vh;background:var(--background-color);overflow-x:auto}.admin-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:20px}.admin-title{display:flex;align-items:center;gap:12px}.admin-icon{width:32px;height:32px;color:var(--primary-color)}.admin-title h1{font-size:28px;font-weight:600;color:var(--text-color)}.admin-tabs{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:0 20px;display:flex;gap:8px;overflow-x:auto}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-tab:hover{color:var(--text-color);background:rgba(var(--primary-rgb),.05)}.admin-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.admin-tab svg{flex-shrink:0}.admin-content{padding:20px}@media (max-width: 768px){.admin-header{padding:16px}.admin-title h1{font-size:24px}.admin-tabs{padding:0 16px}.admin-tab{padding:10px 16px;font-size:13px}.admin-content{padding:16px}}.battle-map-ar{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}.ar-scene{position:absolute;top:0;left:0;width:100%;height:100%}.ar-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ar-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ar-overlay{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;padding:15px 20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.ar-overlay h3{margin:0 0 10px;font-size:18px;font-weight:600}.ar-overlay p{margin:0 0 10px;font-size:14px;opacity:.8}.token-count{font-size:14px;color:#4ecdc4;font-weight:500}.ar-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#fff}.ar-loading .spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.ar-error{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;text-align:center;padding:20px}.ar-error h2{color:#f44;margin-bottom:10px}.ar-error p{font-size:16px;opacity:.8}.ar-controls{display:flex;gap:10px;margin-top:10px}.ar-controls button{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s}.ar-controls button:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width: 768px){.ar-overlay{top:10px;left:10px;padding:10px 15px}.ar-overlay h3{font-size:16px}.ar-overlay p{font-size:12px}}.theme-toggle-container{display:flex;align-items:center;gap:8px}.theme-icon{color:var(--text-secondary);transition:color .2s}.theme-icon.sun{color:var(--text-primary)}.dark .theme-icon.sun{color:var(--text-secondary)}.dark .theme-icon.moon{color:var(--text-primary)}.theme-toggle-root{width:42px;height:24px;background-color:var(--bg-secondary);border-radius:9999px;position:relative;cursor:pointer;border:1px solid var(--border-color);transition:background-color .2s;overflow:hidden}.theme-toggle-root[data-state=checked]{background-color:var(--primary)}.theme-toggle-thumb{display:block;width:16px;height:16px;background-color:#fff;border-radius:9999px;transition:transform .2s;transform:translate(3px);will-change:transform;box-shadow:0 1px 3px #0000004d;position:absolute;top:50%;margin-top:-8px}.theme-toggle-thumb[data-state=checked]{transform:translate(22px)}.shortcuts-help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-help-modal{background-color:var(--surface-color);border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.shortcuts-help-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background-color:var(--surface-light)}.shortcuts-help-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.shortcuts-help-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.shortcuts-help-close:hover{background-color:var(--surface-hover);color:var(--text-color)}.shortcuts-help-content{padding:20px;overflow-y:auto;flex:1}.shortcuts-category{margin-bottom:24px}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category h3{margin:0 0 12px;color:var(--secondary-color);font-size:1.1rem;font-weight:600}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color)}.shortcut-description{color:var(--text-color);font-size:.95rem}.shortcut-keys{background-color:var(--surface-hover);color:var(--text-color);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.85rem;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}@media (max-width: 640px){.shortcuts-help-modal{max-height:90vh}.shortcuts-help-header,.shortcuts-help-content{padding:16px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}}.item-received-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.item-received-modal{background:var(--background-primary);border:2px solid var(--accent-color);border-radius:16px;max-width:480px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .4s ease-out;box-shadow:0 20px 40px #0000004d}.close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;z-index:10}.close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.item-received-header{text-align:center;padding:24px 24px 16px;background:linear-gradient(135deg,var(--accent-color)20,var(--accent-color)10);border-bottom:1px solid var(--border-color)}.gift-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--accent-color);border-radius:50%;color:#fff;margin-bottom:16px;animation:bounce .6s ease-out}.item-received-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.granted-by{color:var(--text-secondary);font-size:.9rem;margin:0}.granted-by strong{color:var(--accent-color)}.item-received-content{padding:24px}.item-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.item-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0;flex:1}.item-rarity{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.item-type{margin-bottom:12px}.item-type-badge{display:inline-block;background:var(--accent-color)20;color:var(--accent-color);padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:capitalize}.item-description{margin-bottom:16px}.item-description p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.item-details{display:flex;flex-direction:column;gap:8px}.item-detail{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.item-detail.attunement{justify-content:center}.attunement-badge{background:var(--warning-color)20;color:var(--warning-color);padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.item-received-footer{padding:16px 24px 24px;text-align:center;border-top:1px solid var(--border-color);background:var(--background-primary)}.item-received-note{color:var(--text-secondary);font-size:.85rem;margin:0 0 16px;font-style:italic}.confirm-btn{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.confirm-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.confirm-btn:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media (max-width: 480px){.item-received-modal{width:95%;max-width:none}.item-received-header,.item-received-content,.item-received-footer{padding-left:16px;padding-right:16px}.item-header{flex-direction:column;align-items:flex-start;gap:8px}.item-rarity{align-self:flex-end}}.changelog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.changelog-modal{background:linear-gradient(135deg,#2a2a35,#1f1f28);border:2px solid rgba(139,115,85,.3);border-radius:16px;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.changelog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid rgba(139,115,85,.2);background:#8b73551a}.changelog-title{display:flex;align-items:center;gap:12px;color:#fff}.changelog-title svg{color:#8b7355;filter:drop-shadow(0 0 8px rgba(139,115,85,.5))}.changelog-title h2{margin:0;font-size:1.5rem;font-family:Cinzel,serif;font-weight:600}.changelog-close{background:transparent;border:none;color:#999;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.changelog-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.changelog-content{flex:1;overflow-y:auto;padding:24px}.release-section{background:#32323c4d;border:1px solid rgba(139,115,85,.2);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.release-section:hover{border-color:#8b735566;box-shadow:0 4px 12px #0003}.release-section.latest{border-color:#8b735566;background:linear-gradient(135deg,#8b73551a,#32323c4d)}.release-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.release-header:hover{background:#8b73550d}.release-info{display:flex;align-items:baseline;gap:12px;flex:1}.release-version{color:#fff;font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.latest-badge{background:linear-gradient(135deg,#8b7355,#a08666);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.release-date{color:#999;font-size:.9rem}.release-toggle{background:transparent;border:none;color:#8b7355;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.release-toggle:hover{background:#8b73551a}.release-body{padding:0 20px 20px;animation:expandDown .3s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.change-category{margin-bottom:20px}.change-category:last-child{margin-bottom:0}.category-title{color:#8b7355;font-size:1rem;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}.change-list{list-style:none;padding:0;margin:0}.change-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#ddd;font-size:.95rem;line-height:1.5;transition:all .2s}.change-item:hover{color:#fff;transform:translate(4px)}.change-item svg{color:#8b7355;flex-shrink:0;margin-top:2px}.changelog-footer{padding:16px 24px;border-top:2px solid rgba(139,115,85,.2);text-align:center;background:#8b73550d}.changelog-footer p{color:#999;font-size:.9rem;margin:0}.changelog-footer a{color:#8b7355;text-decoration:none;font-weight:600;transition:color .2s}.changelog-footer a:hover{color:#a08666;text-decoration:underline}.changelog-content::-webkit-scrollbar{width:8px}.changelog-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.changelog-content::-webkit-scrollbar-thumb{background:#8b735580;border-radius:4px}.changelog-content::-webkit-scrollbar-thumb:hover{background:#8b7355b3}@media (max-width: 768px){.changelog-modal{max-height:90vh}.changelog-header{padding:16px}.changelog-title h2{font-size:1.2rem}.changelog-content{padding:16px}.release-header{padding:12px 16px}.release-info{flex-direction:column;gap:4px}.change-item{font-size:.9rem}}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.feedback-modal{background-color:var(--background-color, #2a2a3e);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #444)}.feedback-modal-header h2{margin:0;color:var(--text-color, #fff)}.feedback-modal-close{background:none;border:none;font-size:32px;color:var(--text-color, #ccc);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.feedback-modal-close:hover{background-color:#ffffff1a}.feedback-success{padding:60px 20px;text-align:center}.feedback-success svg{color:#4caf50;margin-bottom:20px}.feedback-success h3{color:var(--text-color, #fff);margin-bottom:10px}.feedback-success p{color:var(--text-secondary, #aaa)}.feedback-form{padding:20px}.feedback-form-group{margin-bottom:20px}.feedback-form-group label{display:block;margin-bottom:8px;color:var(--text-color, #fff);font-weight:500}.feedback-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid var(--border-color, #444);background-color:transparent;color:var(--text-color, #fff);border-radius:8px;cursor:pointer;transition:all .2s}.type-button:hover{background-color:#ffffff0d}.type-button.active{background-color:var(--primary-color, #1a1a2e);border-color:var(--primary-color, #1a1a2e)}.type-button svg{width:20px;height:20px}.feedback-form-group input[type=text],.feedback-form-group textarea,.feedback-form-group select{width:100%;padding:10px;border:1px solid var(--border-color, #444);background-color:var(--input-background, #1a1a2e);color:var(--text-color, #fff);border-radius:6px;font-size:14px;transition:border-color .2s}.feedback-form-group input[type=text]:focus,.feedback-form-group textarea:focus,.feedback-form-group select:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.screenshot-input{display:block;width:100%;padding:8px;border:2px dashed var(--border-color, #444);background-color:transparent;color:var(--text-color, #fff);border-radius:6px;cursor:pointer}.screenshot-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:10px}.screenshot-item{position:relative}.screenshot-item img{width:100%;height:100px;object-fit:cover;border-radius:4px}.remove-screenshot{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#f44336;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.feedback-error{background-color:#f443361a;border:1px solid #f44336;color:#f44336;padding:10px;border-radius:4px;margin-bottom:20px}.feedback-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button{background-color:transparent;color:var(--text-color, #fff);border:1px solid var(--border-color, #444)}.cancel-button:hover{background-color:#ffffff0d}.submit-button{background-color:var(--primary-color, #4a90e2);color:#fff}.submit-button:hover:not(:disabled){background-color:var(--primary-hover, #357abd)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.feedback-modal{max-height:100vh;border-radius:0}.feedback-modal-overlay{padding:0}.feedback-type-buttons{grid-template-columns:1fr}}.feedback-button{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--primary-color, #1a1a2e);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background-color:var(--primary-hover, #16213e)}.feedback-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.feedback-button svg{width:28px;height:28px}@media (max-width: 768px){.feedback-button{width:48px;height:48px;bottom:16px;right:16px}.feedback-button svg{width:24px;height:24px}}:root{--font-heading: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-color: #8b0000;--secondary-color: #d4af37;--accent-color: #ff6b6b;--background-color: #ffffff;--surface-color: #f8f9fa;--surface-light: #e9ecef;--surface-hover: #dee2e6;--text-color: #212529;--text-secondary: #6c757d;--text-muted: #6c757d;--border-color: #dee2e6;--danger-color: #dc3545;--danger-hover: #c82333;--error-color: #dc3545;--success-color: #28a745;--success-hover: #218838;--info-color: #17a2b8;--warning-color: #ffc107;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-dark: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.4) 100%)}.dark{--font-heading: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-color: #6b46c1;--secondary-color: #7c3aed;--accent-color: #ff6b6b;--background-color: #0a0a0a;--surface-color: black;--surface-light: transparent;--surface-hover: #352a30;--text-color: #f0e6dc;--text-secondary: #b8a695;--text-muted: #b8a695;--border-color: #3a3035;--danger-color: #e74c3c;--danger-hover: #c0392b;--error-color: #e74c3c;--success-color: #27ae60;--success-hover: #229954;--info-color: #3498db;--warning-color: #f39c12;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .8);--gradient-primary: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .06) 100%);--gradient-dark: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.4) 100%)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--background-color);color:var(--text-color);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}.dark body{background-image:radial-gradient(ellipse at top left,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(212,175,55,.05) 0%,transparent 50%)}#root{max-width:none;margin:0;padding:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-color);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:2px solid var(--surface-color)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--secondary-color);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.error-message{background-color:#dc35451a;border:1px solid var(--error-color);color:var(--error-color);padding:12px 16px;border-radius:8px;margin-bottom:20px}.text-muted{color:var(--text-muted)!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color, #28a745)!important}.text-warning{color:var(--warning-color, #ffc107)!important}.text-secondary{color:var(--secondary-color)!important}.add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 1400px){.character-sheet{max-width:1600px;margin:0 auto}}@media (max-width: 1400px){.sheet-content{grid-template-columns:280px 1fr;gap:24px}.attributes-section{position:sticky;top:20px;padding:20px}}@media (max-width: 1200px){.sheet-content{grid-template-columns:1fr}.attributes-section{position:static;padding:16px;margin-bottom:24px}.sheet-main-content{grid-template-columns:1fr}.character-stats-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.character-details-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.app-header{padding:12px 16px;position:sticky;top:0;z-index:100;background:var(--surface-color)}.app-header h1{font-size:18px}.character-sheet{margin:0;padding:12px}.character-header{padding:20px}.character-name{font-size:28px}.character-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-group{width:100%;padding:12px}.stat-group input{width:100%;font-size:16px}.character-details-row{grid-template-columns:1fr;gap:12px}.detail-group input{width:100%;min-width:unset}.bonus-grid{grid-template-columns:repeat(2,1fr);gap:8px}.abilities-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ability-box{padding:12px}.character-grid{grid-template-columns:1fr;padding:12px}.character-card{padding:16px}.skills-legend{flex-direction:column;gap:4px;font-size:11px}button{min-height:44px;padding:12px 20px}.clickable{min-height:40px}.spell-browser-modal{padding:10px}.spell-browser{height:95vh;width:100%}.item-modal .modal-content{width:95%;max-height:90vh;overflow-y:auto}.dice-roller-3d-modal{width:95%;height:90vh}.dice-3d-controls{padding:12px}.dice-buttons{grid-template-columns:repeat(4,1fr);gap:8px}.dice-button{padding:8px;font-size:12px}}@media (max-width: 480px){.character-stats-row{grid-template-columns:1fr}.abilities-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ability-box{padding:8px}.ability-box input{font-size:14px;padding:6px}.sheet-header{flex-direction:column;gap:8px}.back-btn,.save-btn{width:100%;justify-content:center}}@media (max-width: 900px) and (orientation: landscape){.character-header{padding:16px}.character-stats-row{grid-template-columns:repeat(4,1fr)}.abilities-grid{grid-template-columns:repeat(3,1fr)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface-color);background-image:var(--gradient-dark);border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{margin:0;color:var(--secondary-color);font-size:32px;font-weight:700;font-family:var(--font-heading);text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px;text-transform:uppercase}.user-info{display:flex;align-items:center;gap:24px;min-width:200px}.user-info span{color:var(--text-secondary);font-weight:500}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500}.logout-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.shortcuts-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s}.shortcuts-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.dice-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s}.dice-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);transform:scale(1.05) rotate(10deg)}.changelog-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;position:relative}.changelog-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);transform:scale(1.05)}.changelog-btn svg{filter:drop-shadow(0 0 4px rgba(139,115,85,.3))}.changelog-btn:hover svg{filter:drop-shadow(0 0 8px rgba(139,115,85,.6));animation:sparkle 1s ease-in-out}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.app-main{flex:1;padding:4px;max-width:100%;margin:0 auto;width:100%;overflow-x:hidden}.sheet-content{display:grid;grid-template-columns:300px 1fr;gap:32px}.sheet-main-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--background-color) 0%,#1a1a1a 100%)}.auth-form{background:var(--surface-color);background-image:var(--gradient-dark);padding:48px;border-radius:20px;box-shadow:var(--shadow-xl);width:100%;max-width:420px;border:2px solid var(--border-color);position:relative;overflow:hidden}.auth-form:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:20px;opacity:0;z-index:-1;transition:opacity .3s ease}.auth-form:hover:before{opacity:.1}.auth-form h2{margin-top:0;margin-bottom:32px;text-align:center;color:var(--secondary-color);font-size:28px;font-weight:700}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:14px 18px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);font-size:16px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);background:var(--surface-hover);box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #d4af3733;transform:translateY(-1px)}.password-input{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;transition:color .3s}.password-toggle:hover{color:var(--secondary-color)}.submit-btn{width:100%;padding:16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.submit-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:active:after{width:300px;height:300px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d4af3766,0 0 40px #d4af3733;filter:brightness(1.1)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:24px}.link-btn{background:none;border:none;color:var(--secondary-color);cursor:pointer;text-decoration:underline;transition:color .3s}.link-btn:hover{color:var(--primary-color)}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.header-left{display:flex;align-items:center;gap:48px;flex:1}.header-nav{display:flex;align-items:center;gap:20px;width:100%}.nav-links{display:flex;gap:20px}.nav-center{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:auto}.nav-back-btn{display:flex;align-items:center;padding:8px;background:#0000004d;border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#8b7355;cursor:pointer;transition:all .2s}.nav-back-btn:hover{background:#8b735533;border-color:#8b7355;transform:translate(-2px)}.nav-context-title{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:1px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#0000004d;border:2px solid rgba(139,115,85,.3);border-radius:8px;color:#d0d0d0;text-decoration:none;font-family:Cinzel,serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #8b73551a,inset 0 -1px #0000004d,0 2px 4px #0003}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b735533,#8b735566);opacity:1;transition:left .6s cubic-bezier(.4,0,.2,1)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:calc(100% - 24px);height:3px;background:#8b7355;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:2px;box-shadow:0 2px 4px #8b735580}.nav-link:hover:before{left:0}.nav-link:hover{border-color:#8b735599;color:#8b7355;transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d;background:#0006}.nav-link:hover:after{transform:translate(-50%) scaleX(1)}.nav-link.active{background:linear-gradient(135deg,transparent 40%,rgba(212,175,55,.1) 50%,transparent 60%),linear-gradient(135deg,#8b73554d,#8b735566);border-color:#8b7355;color:#d4af37;box-shadow:0 4px 12px #8b73554d,inset 0 1px #d4af374d;background-size:200% 200%,100% 100%;animation:goldShimmer 3s ease-in-out infinite}.nav-link.active:before{display:none}.nav-link.active:after{display:none}.nav-link.active:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #d4af3766}.nav-link svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover svg{transform:rotate(-10deg) scale(1.1)}.nav-link.active svg{transform:none;color:#d4af37}.nav-link svg{color:#8b7355;width:20px;height:20px}.nav-link:hover svg{color:#d4af37}@media (max-width: 768px){.header-left{gap:24px}.header-nav,.nav-links{gap:12px}.nav-link{padding:10px 16px;font-size:14px}.nav-link span{display:none}.nav-context-title{font-size:16px}.nav-center{gap:8px}}.dark .nav-link{background:#0006;border-color:#8b73554d;color:silver}.dark .nav-link:hover{border-color:#8b735599;background:#8b735526;box-shadow:0 4px 16px #8b73554d;color:#8b7355}.dark .nav-link.active{background:linear-gradient(135deg,#8b735559,#8b735573);border-color:#8b7355;box-shadow:0 4px 16px #8b735566;color:#d4af37}.dark .nav-back-btn{background:#0006;border-color:#8b73554d;color:#8b7355}.dark .nav-back-btn:hover{background:#8b735540;border-color:#8b7355}.nav-separator{width:1px;height:24px;background:#8b73554d;margin:0 8px}.nav-link.admin{background:linear-gradient(135deg,#dc26261a,#dc262633),#0000004d;border-color:#dc26264d}.nav-link.admin:before{background:linear-gradient(135deg,#dc262633,#dc262666)}.nav-link.admin:after{background:#dc2626}.nav-link.admin:hover{border-color:#dc262699;color:#dc2626;background:#dc262626;box-shadow:0 4px 12px #dc26264d}.nav-link.admin.active{background:linear-gradient(135deg,transparent 40%,rgba(220,38,38,.1) 50%,transparent 60%),linear-gradient(135deg,#dc26264d,#dc262666);border-color:#dc2626;color:#dc2626;box-shadow:0 4px 12px #dc26264d,inset 0 1px #dc26264d}.nav-link.admin svg{color:#dc2626}.dark .nav-link.admin{background:linear-gradient(135deg,#dc262626,#dc262640),#0006;border-color:#dc262666}.dark .nav-link.admin:hover{border-color:#dc2626b3;background:#dc262633;box-shadow:0 4px 16px #dc262666}.dark .nav-link.admin.active{background:linear-gradient(135deg,#dc262659,#dc262673);border-color:#dc2626;box-shadow:0 4px 16px #dc262680}.character-list-container{width:100%;position:relative;min-height:100vh}.character-list-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#ffffffe0,#ffffffeb),url(https://images.unsplash.com/photo-1578662996442-48f60103fc96?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.dark .character-list-container:before{background-image:linear-gradient(to bottom,#1a1a1ae0,#1a1a1aeb),url(https://images.unsplash.com/photo-1578662996442-48f60103fc96?q=80&w=2070&auto=format&fit=crop)}.character-list-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;background:var(--surface-color);border-radius:16px;padding:32px;box-shadow:var(--shadow)}.header-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.character-list-header h2{margin:0 0 16px;font-size:36px;font-weight:700;color:#8b0000;text-shadow:0 2px 4px rgba(0,0,0,.6)}.dark .character-list-header h2{color:#f8f9fa;text-shadow:0 2px 6px rgba(0,0,0,.8)}.create-character-btn{display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.create-character-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.create-character-btn:hover:before{left:100%}.create-character-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.gm-lobby-btn{display:flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,#6b46c1,#9333ea);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.gm-lobby-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.gm-lobby-btn:hover:before{left:100%}.gm-lobby-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b46c166}.empty-state{text-align:center;padding:80px 40px;background:var(--surface-color);border-radius:20px;border:2px dashed var(--border-color);box-shadow:var(--shadow);max-width:500px;margin:0 auto}.empty-state p{margin-bottom:24px;font-size:20px;color:var(--text-secondary)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto;padding:20px;grid-auto-rows:320px}.character-card-wrapper{width:100%;max-width:450px;height:320px;position:relative}.character-grid .character-card{background:var(--surface-color);background-image:var(--gradient-dark);border:2px solid var(--border-color);border-radius:16px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-shadow:var(--shadow);width:100%;height:100%;display:flex;flex-direction:column}.character-card-overlay{background:linear-gradient(to bottom,#0000,#0000001a 50%,#000000b3 80%,#000000e6);padding:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;z-index:1;border-radius:16px;overflow:hidden}.character-card-top{flex:1}.character-card-bottom{background:linear-gradient(to top,#000000f2,#000c);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;gap:12px}.character-info-line{display:flex;align-items:baseline;gap:12px;margin:0;flex-wrap:wrap}.character-info-line h3{margin:0;font-size:20px;line-height:1}.character-details{font-size:14px;color:#fffc;font-weight:500}.character-hp-actions{display:flex;align-items:center;gap:16px;justify-content:space-between}.character-health-compact{flex:0 0 auto;min-width:150px;max-width:200px}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);transform:scaleX(0);transition:transform .3s}.character-grid .character-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--secondary-color);box-shadow:var(--shadow-xl),0 0 30px #d4af3733;background:var(--surface-hover)}.character-grid .character-card:hover:before{transform:scaleX(1)}.character-grid .character-card h3{margin:0 0 8px;color:#fff;font-size:24px;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:700}.character-grid .character-card p{margin:0;color:#ffffffe6;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.character-actions{display:flex;gap:6px;flex:0 0 auto}.view-btn,.multiplayer-btn,.delete-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1.5px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:12px;transition:all .3s;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.8);flex:0 0 auto}.view-btn:hover{border-color:#d4af37;color:#d4af37;background:#d4af374d;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.multiplayer-btn:hover{border-color:#646cff;color:#646cff;background:#646cff4d;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.delete-btn:hover{border-color:#dc3545;color:#dc3545;background:#dc35454d;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.multiplayer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.multiplayer-modal{background:var(--surface-color);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid var(--border-color)}.multiplayer-modal h2{margin:0 0 20px;color:var(--secondary-color);text-align:center;font-size:28px}.character-info-modal{background:var(--background-color);border-radius:12px;padding:16px;margin-bottom:24px;text-align:center;border:1px solid var(--border-color)}.character-info-modal h3{margin:0 0 8px;color:var(--primary-color);font-size:20px}.character-info-modal p{margin:0;color:var(--text-secondary)}.gm-info-modal{background:linear-gradient(135deg,#6b46c11a,#9333ea1a);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center;border:1px solid rgba(107,70,193,.3)}.gm-info-modal p{margin:0;color:var(--text-color);font-size:16px;line-height:1.5}.multiplayer-options{display:flex;flex-direction:column;gap:24px}.create-match-section,.join-match-section{padding:20px;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color)}.create-match-section h3,.join-match-section h3{margin:0 0 8px;color:var(--text-color);font-size:18px}.create-match-section p,.join-match-section p{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.create-match-btn{width:100%;padding:12px 24px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.create-match-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:linear-gradient(135deg,#ffffff2e,#ffffff1a)}.create-match-btn:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;color:var(--text-secondary);font-weight:500;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.divider:before{left:0}.divider:after{right:0}.join-inputs{display:flex;gap:12px}.join-inputs input{flex:1;padding:12px 16px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.join-inputs input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a}.join-inputs button{padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.join-inputs button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.join-inputs button:disabled{opacity:.6;cursor:not-allowed}.close-modal-btn{width:100%;padding:12px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-weight:500;cursor:pointer;transition:all .3s;margin-top:16px}.close-modal-btn:hover{border-color:var(--text-secondary);background:var(--background-color)}.connection-error{background:#ef444426;color:#ef4444;padding:12px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.3);text-align:center;font-weight:500;margin-top:16px}.gm-info{margin-top:16px;padding:12px;background:#646cff0d;border:1px solid rgba(100,108,255,.2);border-radius:8px;text-align:left}.gm-info small{color:var(--text-secondary);font-weight:600;display:block;margin-bottom:8px}.gm-info ul{margin:0;padding-left:20px;list-style-type:disc}.gm-info li{color:var(--text-secondary);font-size:12px;margin-bottom:4px}@media (max-width: 768px){.character-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:15px}.character-card-wrapper{height:280px}.character-card,.character-card-overlay{height:100%}.character-card-bottom{padding:16px 16px 20px}.character-info-line h3{font-size:18px}.character-details{font-size:13px}}@media (max-width: 576px){.character-grid{grid-template-columns:1fr;gap:15px;padding:10px}.character-card-wrapper{height:260px;max-width:100%}.character-card,.character-card-overlay{height:100%}.character-card-bottom{padding:14px 14px 18px}.character-info-line{gap:8px;margin-bottom:10px}.character-info-line h3{font-size:16px}.character-details{font-size:12px}.character-hp-actions{flex-direction:column;align-items:stretch;gap:10px}.character-health-compact{min-width:100%;max-width:100%}.character-actions{justify-content:center}.view-btn,.multiplayer-btn,.delete-btn{padding:6px 12px;font-size:12px;gap:3px}}.character-creator{background:var(--surface-color);border-radius:16px;padding:40px;max-width:900px;margin:0 auto;box-shadow:var(--shadow-lg)}.creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.creator-header h2{margin:0;color:var(--secondary-color);font-size:32px}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .3s}.close-btn:hover{color:var(--accent-color);background:#e74c3c1a}.form-section{margin-bottom:40px}.form-section h3{margin-bottom:24px;color:var(--secondary-color);font-size:20px;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.roll-btn{padding:8px 16px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;transition:all .3s}.roll-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.attribute-group{display:flex;flex-direction:column}.attribute-group label{font-size:14px;margin-bottom:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.attribute-group input{padding:12px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);text-align:center;font-size:20px;font-weight:700;transition:all .3s}.attribute-group input:focus{border-color:var(--secondary-color);background:var(--background-color)}.modifier{text-align:center;margin-top:8px;font-size:14px;color:var(--secondary-color);font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px}.cancel-btn{padding:12px 24px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-weight:600;transition:all .3s}.cancel-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.spell-browser-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spell-browser{background:var(--background-color);border-radius:16px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out;overflow:hidden}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.spell-browser-header{padding:24px;background:var(--surface-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.spell-browser-header h3{margin:0;color:var(--primary-color);font-size:24px}.spell-browser-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.spell-browser-header .close-btn:hover{background:var(--hover-color);color:var(--text-color);transform:scale(1.1)}.spell-browser-header .close-btn:active{transform:scale(.95)}.spell-search{padding:20px 24px;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.search-filters{display:flex;gap:16px;align-items:center}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:12px 12px 12px 40px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;transition:all .3s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c9a9611a}.level-filter{padding:12px 16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;min-width:150px;cursor:pointer;transition:all .3s}.level-filter:focus{outline:none;border-color:var(--primary-color)}.spell-browser-content{flex:1;overflow:hidden;display:flex}.spell-results{flex:1;display:flex;flex-direction:column;overflow:hidden}.results-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.results-header h4{margin:0;color:var(--text-color);font-size:18px}.pagination-info{color:var(--text-muted);font-size:14px}.loading-spells{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:18px}.spell-list{flex:1;overflow-y:auto;padding:16px}.spell-item{background:var(--surface-color);border-radius:12px;margin-bottom:12px;border:1px solid var(--border-color);transition:all .3s;overflow:hidden}.spell-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.spell-item.expanded{border-color:var(--primary-color)}.spell-item.spell-added{animation:spellAdded 1s ease-out}@keyframes spellAdded{0%{background-color:#4caf5033;transform:scale(1)}50%{transform:scale(1.02)}to{background-color:var(--surface-color);transform:scale(1)}}.spell-item-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.spell-header-left{display:flex;align-items:center;gap:12px;flex:1}.expand-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s}.expand-btn:hover{color:var(--primary-color)}.spell-name{font-weight:600;color:var(--text-color);font-size:16px;margin-right:12px}.spell-level{font-size:14px;color:var(--primary-color);background:#c9a9611a;padding:4px 12px;border-radius:20px;white-space:nowrap}.spell-quick-actions{display:flex;gap:8px}.quick-add-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-color);background:var(--background-color);border-radius:6px;color:var(--text-color);font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap}.quick-add-btn:hover{border-color:var(--primary-color);background:#c9a9611a}.quick-add-btn.prepared:hover{border-color:#4caf50;background:#4caf501a;color:#4caf50}.quick-add-btn.known:hover{border-color:#2196f3;background:#2196f31a;color:#2196f3}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.spell-item-meta{padding:0 16px 12px;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--text-muted)}.spell-item-meta span{display:flex;align-items:center;gap:4px}.spell-item-meta .concentration{color:#ff9800;background:#ff98001a;padding:2px 8px;border-radius:4px}.spell-damage-preview{padding:0 16px 12px;display:flex;align-items:center;gap:8px;color:var(--accent-color);font-size:14px;font-weight:500}.spell-details-expanded{padding:0 16px 16px;border-top:1px solid var(--border-color);margin-top:8px;animation:expandDetails .3s ease-out}@keyframes expandDetails{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spell-detail-row{margin-top:12px;display:flex;align-items:flex-start;gap:8px;color:var(--text-color);font-size:14px}.spell-detail-row strong{color:var(--text-color);min-width:80px}.spell-effects,.spell-notes{margin-top:12px}.spell-effects ul,.spell-notes ul{margin:8px 0 0 20px;padding:0;list-style:disc}.spell-effects li,.spell-notes li{margin-top:4px;color:var(--text-muted);font-size:14px}.spell-scaling{margin-top:12px;padding:12px;background:#c9a9610d;border-radius:8px;border-left:3px solid var(--primary-color)}.spell-scaling p{margin:4px 0;color:var(--text-color);font-size:14px}.spell-source{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:13px;text-align:right}.pagination{padding:20px;display:flex;justify-content:center;align-items:center;gap:16px;background:var(--surface-color);border-top:1px solid var(--border-color)}.pagination-btn{padding:8px 16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);background:#c9a9611a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{color:var(--text-muted);font-size:14px}.spell-actions{display:flex;gap:.25rem;align-items:center}.annotation-btn{background:none;border:1px solid #dee2e6;padding:.25rem;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s;display:flex;align-items:center;justify-content:center}.annotation-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.annotation-btn.has-annotation{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.annotation-btn.has-annotation:hover{background:#bbdefb;border-color:#1976d2}.spell-annotation{background:var(--surface-light);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;margin:8px 0 4px;font-size:.8rem;border-left:3px solid var(--primary-color)}.annotation-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;font-weight:500;color:var(--primary-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.annotation-preview{color:var(--text-secondary);line-height:1.3;white-space:pre-wrap;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.annotation-preview:hover{color:var(--text-color);cursor:pointer}.dark .annotation-btn{border-color:#4a5568;color:#a0aec0}.dark .annotation-btn:hover{background:#2d3748;border-color:#718096;color:#e2e8f0}.dark .annotation-btn.has-annotation{background:#2c5aa0;border-color:#63b3ed;color:#90cdf4}.dark .annotation-btn.has-annotation:hover{background:#3182ce;border-color:#90cdf4}.dark .spell-annotation{background:var(--surface-light);border-color:var(--border-color);border-left-color:var(--primary-color)}.dark .annotation-header{color:var(--primary-color)}.dark .annotation-preview{color:var(--text-secondary)}.dark .annotation-preview:hover{color:var(--text-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--surface-color);border-radius:16px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.item-modal .modal-content,.item-edit-modal .modal-content{width:600px;max-width:90%;padding:0}.item-modal .modal-header,.item-edit-modal .modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.item-modal .modal-header h3,.item-edit-modal .modal-header h3{margin:0;color:var(--primary-color);font-size:20px}.item-modal .modal-body,.item-edit-modal .modal-body{padding:24px}.item-modal .close-modal-btn,.item-edit-modal .close-modal-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;transition:all .3s;display:flex;align-items:center;justify-content:center}.item-modal .close-modal-btn:hover,.item-edit-modal .close-modal-btn:hover{background:#e74c3c1a;color:var(--error-color)}.config-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease-out}.npc-creation-modal,.item-grant-modal{max-width:600px;width:95%}.npc-creation-modal .modal-header,.item-grant-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.npc-creation-modal .modal-header h2,.item-grant-modal .modal-header h2{margin:0;color:var(--secondary-color);font-size:24px;display:flex;align-items:center;gap:12px}.npc-creation-modal .close-btn,.item-grant-modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.npc-creation-modal .close-btn:hover,.item-grant-modal .close-btn:hover{color:var(--text-color);background:var(--surface-light)}.npc-form,.item-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-color);font-size:14px}.form-group label small{display:block;font-weight:400;color:var(--text-secondary);font-size:12px;margin-top:4px;font-style:italic}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #646cff1a}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-weight:500;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color);margin-top:8px}.cancel-btn,.create-btn,.grant-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:2px solid transparent}.cancel-btn{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.cancel-btn:hover{color:var(--text-color);border-color:var(--text-secondary);background:var(--surface-light)}.create-btn,.grant-btn{background:var(--gradient-primary);color:#fff;border:none}.create-btn:hover,.grant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #646cff4d}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.npc-creation-modal,.item-grant-modal{margin:20px;width:calc(100% - 40px)}}.bootstrap-section{position:relative;display:flex;flex-direction:column;min-width:0;height:auto!important;min-height:auto!important;max-height:none!important;word-wrap:break-word;background-clip:border-box;overflow:visible!important;margin-bottom:1rem}.card{position:relative;display:flex;flex-direction:column;min-width:0;height:auto!important;min-height:auto!important;word-wrap:break-word;background-clip:border-box;overflow:visible!important}.card-body{flex:1 1 auto;padding:1.25rem;height:auto!important;min-height:auto!important;overflow:visible!important}.mb-4{height:auto!important;overflow:visible!important}.card:has(.features-traits-section),.card:has(.features-auto-grow){height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.card-body:has(.features-traits-section),.card-body:has(.features-auto-grow){height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.card,.card-body,.card-header,.card-footer{max-height:none!important}.card-body>*{height:auto!important;overflow:visible!important}.character-sheet{max-width:100%;margin:0 20px;padding:20px 0}.sheet-header{background:var(--surface-color);padding:8px;display:flex;justify-content:center;align-items:center;margin-bottom:12px;border-radius:12px;box-shadow:var(--shadow)}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500}.back-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a9614d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.character-header{background:var(--surface-color);padding:32px;margin-bottom:12px;border-radius:12px;box-shadow:var(--shadow)}.character-basic-info{margin-bottom:14px}.character-identity-row{display:flex;align-items:center;gap:24px;margin-bottom:12px}.character-name{font-size:36px;font-weight:700;background:none;border:none;color:var(--secondary-color);padding:0;flex:1;min-width:200px}.character-details{color:var(--text-secondary);margin:0;font-size:18px}.race-class-selector{display:flex;gap:16px;align-items:center}.selector-item{display:flex;align-items:center}.selector-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;transition:all .3s}.selector-display:hover{border-color:var(--secondary-color)}.selector-value{font-size:16px;font-weight:600;color:var(--text-color)}.selector-display .edit-btn{padding:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s;border-radius:4px}.selector-display .edit-btn:hover{color:var(--secondary-color);background:var(--background-color)}.selector-edit-mode{display:flex;align-items:center;gap:8px}.selector-dropdown{padding:8px 12px;background:var(--surface-light);border:2px solid var(--secondary-color);border-radius:6px;color:var(--text-color);font-size:16px;font-weight:600;cursor:pointer}.selector-actions{display:flex;gap:4px}.selector-actions button{padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.selector-actions .save-btn{background:var(--success-color);color:#fff}.selector-actions .save-btn:hover{background:var(--success-hover);transform:translateY(-1px)}.selector-actions .cancel-btn{background:var(--danger-color);color:#fff}.selector-actions .cancel-btn:hover{background:var(--danger-hover);transform:translateY(-1px)}.character-stats-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.stat-group{display:flex;flex-direction:column;gap:8px;background:var(--surface-light);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.stat-group label{font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.stat-group input{width:80px;padding:10px;background:var(--background-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);text-align:center;font-weight:700;font-size:18px;transition:all .3s}.stat-group input:focus{border-color:var(--secondary-color)}.stat-with-bonus{position:relative;display:flex;align-items:center}.stat-with-bonus input{width:120px!important}.hp-inputs{display:flex;align-items:center;gap:8px}.hp-inputs span{color:var(--text-secondary);font-weight:700}.proficiency-bonus{padding:10px 16px;background:var(--background-color);border:2px solid var(--secondary-color);border-radius:6px;font-weight:700;text-align:center;font-size:18px;color:var(--secondary-color)}.attack-modifier-display{padding:10px 16px;background:var(--background-color);border:2px solid var(--primary-color);border-radius:6px;font-weight:700;text-align:center;font-size:18px;color:var(--primary-color);min-width:60px}.dc-display{padding:10px 16px;background:var(--background-color);border:2px solid var(--danger-color);border-radius:6px;font-weight:700;text-align:center;font-size:18px;color:var(--danger-color);min-width:60px}.inspiration-container{display:flex;justify-content:center;align-items:center;padding:8px}.inspiration-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:40px;border:3px solid var(--secondary-color);border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease;background:var(--background-color)}.inspiration-checkbox:hover{transform:scale(1.1);box-shadow:0 0 20px #c9a9614d}.inspiration-checkbox:checked{background:var(--gradient-primary);color:var(--text-color);border:1px solid rgba(255,255,255,.2);animation:pulse .5s ease}.inspiration-checkbox:checked:before{content:"✨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;animation:sparkle .5s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.attributes-section{background:var(--surface-color);padding:24px;border-radius:12px;box-shadow:var(--shadow);height:auto;position:sticky;top:24px}.abilities-container h3,.skills-container h3{margin-bottom:12px;color:var(--secondary-color);font-size:20px;font-weight:600}.abilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.ability-box{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:all .3s}.ability-box:hover{border-color:var(--secondary-color)}.ability-box label{display:block;font-size:12px;margin-bottom:8px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.ability-box input{width:100%;padding:8px;background:none;border:none;color:var(--text-color);text-align:center;font-size:24px;font-weight:700}.ability-modifier{margin-top:8px;font-size:16px;color:var(--secondary-color);font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.ability-modifier.clickable{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:6px}.ability-modifier.clickable:hover{background:#c9a9611a;transform:scale(1.05)}.dice-icon{opacity:0;transition:opacity .2s}.ability-modifier.clickable:hover .dice-icon,.skill-row.clickable:hover .dice-icon{opacity:1}.skills-list{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;padding:4px;overflow-y:auto}.skill-row{display:grid;grid-template-columns:20px 50px 1fr 50px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);transition:all .2s;gap:8px}.skill-row.clickable{cursor:pointer;padding:8px;border-radius:6px;margin:2px 0}.skill-row.clickable:hover{background:#c9a9611a}.skill-row:hover{background:var(--background-color);margin:0 -8px;padding:8px}.skill-row:last-child{border-bottom:none}.skill-modifier{text-align:right;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.skill-name{padding:0 12px;font-weight:500}.skill-ability{font-size:12px;color:var(--text-secondary)}.skills-legend{display:flex;gap:24px;margin-top:16px;font-size:13px;color:var(--text-secondary)}.skill-proficiency-checkbox{width:16px;height:16px;accent-color:var(--secondary-color);cursor:pointer}.skill-modifier.clickable,.skill-name.clickable{cursor:pointer;transition:all .2s;padding:4px;border-radius:4px}.skill-modifier.clickable:hover,.skill-name.clickable:hover{background:#c9a9611a}.death-saves-section{background:var(--surface-color);border-radius:12px;padding:24px;margin:20px 0;box-shadow:var(--shadow)}.death-saves-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.death-saves-section h3{margin:0;color:var(--primary-color);font-size:20px}.reset-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .3s}.reset-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.death-saves-content{display:flex;flex-direction:column;gap:20px}.save-group{display:flex;align-items:center;gap:16px}.save-label{display:flex;align-items:center;gap:8px;min-width:100px;font-weight:500}.success-icon{color:#4caf50}.failure-icon{color:var(--accent-color)}.save-checkboxes{display:flex;gap:12px}.save-checkbox{width:32px;height:32px;border:2px solid var(--border-color);border-radius:50%;background:var(--background-color);cursor:pointer;transition:all .3s;position:relative;padding:0}.save-checkbox:hover{border-color:var(--primary-color);transform:scale(1.1)}.save-checkbox.checked{border-color:currentColor}.save-checkbox.checked.success{color:#4caf50;background:#4caf501a}.save-checkbox.checked.failure{color:var(--accent-color);background:#e74c3c1a}.checkbox-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .3s}.save-checkbox.checked .checkbox-inner{opacity:1}.save-result{margin-top:16px;padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;animation:fadeIn .3s ease-out}.save-result.stabilized{background:#4caf501a;border:1px solid #4CAF50;color:#4caf50}.save-result.death{background:#e74c3c1a;border:1px solid var(--accent-color);color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.death-saves-and-rest-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:12px}.death-saves-and-rest-section .section-content.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.death-saves-and-rest-section .section-content.three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.rest-container h3{margin:0 0 16px;color:var(--text-color);font-size:18px;display:flex;align-items:center;gap:8px}.rest-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.short-rest-btn,.long-rest-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;width:100%;justify-content:center}.short-rest-btn:hover,.long-rest-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.short-rest-btn{border-color:#fbbf24;color:#fbbf24}.short-rest-btn:hover{background:#fbbf24;border-color:#fbbf24}.long-rest-btn{border-color:#8b5cf6;color:#8b5cf6}.long-rest-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.rest-info{border-top:1px solid var(--border-color);padding-top:12px}.rest-info .info-text{margin:4px 0;color:var(--text-muted);font-size:12px;line-height:1.3}.sorcery-container h3{margin:0 0 16px;color:var(--text-color);font-size:18px;display:flex;align-items:center;gap:8px}.sorcery-container .sorcery-points-display{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.sorcery-container .points-inputs{display:flex;align-items:center;gap:6px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:10px 12px}.sorcery-container .current-points{background:none;border:none;color:var(--text-color);font-size:18px;font-weight:600;text-align:center;width:50px}.sorcery-container .current-points:focus{outline:none}.sorcery-container .separator{color:var(--text-muted);font-size:16px;font-weight:500}.sorcery-container .max-points{color:var(--text-muted);font-size:18px;font-weight:600}.sorcery-container .sorcery-info{border-top:1px solid var(--border-color);padding-top:12px}.sorcery-container .sorcery-info .info-text{margin:3px 0;color:var(--text-muted);font-size:11px;line-height:1.2}.spellcasting-container{display:flex;flex-direction:column;gap:12px}.spellcasting-container h3{margin:0 0 8px;color:var(--text-color);font-size:18px;display:flex;align-items:center;gap:8px}.ability-selector-compact{display:flex;flex-direction:column;gap:6px}.ability-selector-compact label{font-size:12px;color:var(--text-color);font-weight:500}.spellcasting-select-compact{padding:8px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:13px;cursor:pointer;transition:all .3s}.spellcasting-select-compact:focus{outline:none;border-color:var(--primary-color)}.spellcasting-stats-compact{display:flex;flex-direction:column;gap:10px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.stat-item-compact{display:flex;align-items:center;gap:10px}.stat-item-compact>div{display:flex;justify-content:space-between;align-items:center;flex:1}.stat-icon-compact{color:var(--primary-color);flex-shrink:0}.stat-item-compact .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value-compact{font-size:16px;font-weight:600;color:var(--primary-color)}.spells-section{background:var(--surface-color);padding:24px;border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.add-spell-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.add-spell-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.add-spell-form{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:24px}.add-spell-form input,.add-spell-form select,.add-spell-form textarea{width:100%;padding:10px;background:var(--background-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);margin-bottom:12px;transition:all .3s}.add-spell-form input:focus,.add-spell-form select:focus,.add-spell-form textarea:focus{border-color:var(--secondary-color)}.add-spell-form .form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.add-spell-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.add-spell-form button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.add-spell-form button[type=submit]{background:var(--primary-color);color:#fff;border:none}.add-spell-form button[type=submit]:hover{background:var(--secondary-color)}.add-spell-form button[type=button]{background:transparent;border:2px solid var(--border-color);color:var(--text-color)}.add-spell-form button[type=button]:hover{border-color:var(--accent-color);color:var(--accent-color)}.spells-list{flex:1;overflow-y:auto}.spell-level-group{margin-bottom:32px}.spell-level-group h4{margin-bottom:16px;color:var(--secondary-color);font-size:18px;font-weight:600}.spell-cards{display:grid;gap:12px}.spell-card{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;padding:16px;transition:all .3s}.spell-card:hover{border-color:var(--secondary-color);transform:translate(4px)}.spell-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.spell-header h5{flex:1;margin:0;font-size:16px;font-weight:600}.prepared-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;transition:all .3s}.prepared-toggle.prepared{color:var(--secondary-color)}.delete-spell-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;transition:all .3s}.delete-spell-btn:hover{color:var(--error-color)}.spell-school{font-size:13px;color:var(--text-secondary);margin:0 0 8px;font-style:italic}.spell-description{font-size:14px;color:var(--text-color);margin:0;line-height:1.5}.no-spells{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}.spell-card .spell-header{padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.spell-card .spell-header h5{flex:1;margin:0;color:var(--text-color);font-size:16px;font-weight:600}.spell-card .spell-meta{padding:0 16px 12px;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--text-muted)}.spell-card .spell-meta span{display:flex;align-items:center;gap:4px}.spell-card .spell-tags{padding:0 16px 12px;display:flex;gap:8px}.spell-card .concentration-tag{background:#ff98001a;color:#ff9800;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.spell-card .ritual-tag{background:#673ab71a;color:#673ab7;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.spell-card .spell-damage-info{padding:0 16px 12px;display:flex;align-items:center;gap:8px;color:var(--accent-color);font-size:14px;font-weight:500}.dice-roll-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.dice-roll-btn:hover{background:#c9a9611a;transform:scale(1.1)}.dice-roll-btn:active{transform:scale(.95)}.damage-instance{display:inline-flex;align-items:center;gap:4px}.damage-details{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.projectile-info{display:inline-flex;align-items:center;gap:2px;color:var(--secondary-color);font-size:13px;font-weight:500;background:#7b61ff1a;padding:2px 8px;border-radius:12px;margin-left:4px}.condition-info{color:var(--text-secondary);font-size:13px;font-style:italic;margin-left:4px}.spell-card .save-info{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--secondary-color)}.spell-card .spell-details-expanded{padding:16px;border-top:1px solid var(--border-color);background:var(--background-color);animation:expandDetails .3s ease-out}.spell-card .spell-effects,.spell-card .spell-notes{margin-bottom:16px}.spell-card .spell-effects strong,.spell-card .spell-notes strong,.spell-card .spell-area strong,.spell-card .spell-scaling strong,.spell-card .spell-classes strong,.spell-card .spell-source strong{color:var(--text-color);display:block;margin-bottom:8px;font-size:14px}.spell-card .spell-effects ul,.spell-card .spell-notes ul{margin:0;padding-left:20px;list-style:disc}.spell-card .spell-effects li,.spell-card .spell-notes li{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:4px}.spell-card .spell-area,.spell-card .spell-classes,.spell-card .spell-source{margin-bottom:12px;font-size:14px;color:var(--text-muted)}.spell-card .spell-scaling{background:#c9a9610d;border-left:3px solid var(--primary-color);padding:12px;border-radius:4px;margin-bottom:16px}.spell-card .spell-scaling p{margin:4px 0;color:var(--text-color);font-size:14px}.prepared-toggle{background:none;border:2px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.prepared-toggle.prepared{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.prepared-toggle:hover{border-color:var(--primary-color);transform:scale(1.1)}.delete-spell-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:4px}.delete-spell-btn:hover{background:#e74c3c1a;color:var(--accent-color)}.spell-card .spell-annotation{background:linear-gradient(135deg,#c9a96114,#c9a9610a);border:1px solid rgba(201,169,97,.3);border-left:3px solid var(--primary-color);border-radius:6px;padding:16px 20px;margin:12px 16px;font-size:.875rem;position:relative;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;cursor:pointer}.spell-card .spell-annotation:hover{background:linear-gradient(135deg,#c9a9611f,#c9a9610f);border-color:#c9a96166;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.spell-card .annotation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:var(--primary-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.spell-card .annotation-preview{color:var(--text-color);line-height:1.6;max-height:none;overflow:visible;display:block;word-break:break-word;font-style:italic;opacity:.9;white-space:pre-wrap;font-size:.875rem}.spell-card .annotation-preview:hover{opacity:1}.spell-card .spell-annotation.truncated .annotation-preview{max-height:4.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}.spell-card .spell-annotation.truncated .annotation-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5em;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9));pointer-events:none}.dark .spell-card .spell-annotation.truncated .annotation-preview:after{background:linear-gradient(to bottom,transparent,rgba(45,55,72,.9))}.spell-card .spell-annotation:hover .expand-hint{opacity:1;transform:translateY(0)}.spell-card .expand-hint{display:block;text-align:center;color:var(--primary-color);font-size:.75rem;font-weight:500;font-style:normal;margin-top:.5rem;opacity:0;transform:translateY(-5px);transition:all .2s ease}.spell-actions{display:flex;gap:4px;align-items:center}.annotation-btn{background:transparent;border:1px solid var(--border-color);padding:6px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.annotation-btn:hover{background:var(--surface-light);border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.1)}.annotation-btn.has-annotation{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(201,169,97,.9) 100%);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #c9a9614d;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 2px 4px #c9a9614d}50%{box-shadow:0 2px 8px #c9a96180}to{box-shadow:0 2px 4px #c9a9614d}}.annotation-btn.has-annotation:hover{background:linear-gradient(135deg,rgba(201,169,97,.9) 0%,var(--primary-color) 100%);border-color:var(--primary-color-dark);transform:scale(1.15);box-shadow:0 4px 8px #c9a96166;animation:none}.annotation-btn.has-annotation:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:#4caf50;border-radius:50%;border:2px solid var(--surface-color);box-shadow:0 1px 3px #0003}.dark .spell-card .spell-annotation{background:linear-gradient(135deg,#c9a96126,#c9a96114);border-color:#c9a96180}.dark .spell-card .spell-annotation:hover{background:linear-gradient(135deg,#c9a96133,#c9a9611a);border-color:#c9a96199;box-shadow:0 4px 8px #0003}.dark .annotation-btn.has-annotation:after{border-color:var(--surface-color)}.spell-card .spell-annotation{animation:slideInFade .3s ease-out}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spell-card .spell-annotation.important{border-left-width:5px;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-color:#ffc10766}.spell-card .spell-annotation.important .annotation-header{color:#ffc107}.spell-card .annotation-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.3px}.annotation-btn.has-annotation svg{animation:bounce .5s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.items-section{position:relative;display:flex;flex-direction:column}.header-actions{margin-bottom:16px}.add-item-btn,.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e1e2880;color:#c9c9d0e6;border:1px solid rgba(139,115,85,.3);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.add-item-btn:hover,.btn-primary:hover{background:#28283299;border-color:#8b735566;color:#e9e9f0;transform:translateY(-1px)}.item-type-group{margin-bottom:32px}.item-type-group h4{margin-bottom:16px;color:#8b7355e6;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(139,115,85,.3)}.item-cards{display:grid;gap:16px;overflow:hidden}.item-card{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,115,85,.05) 0%,transparent 70%);animation:statGlow 3s ease-in-out infinite;opacity:.5;pointer-events:none}.item-card:hover{border-color:#8b735580;background:linear-gradient(135deg,#3c3c4680,#32323c66);box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.item-title-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-title-info h5{margin:0;font-size:18px;font-weight:700;color:#c9c9d0e6;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.weapon-info{display:flex;gap:8px;flex-wrap:wrap}.weapon-type,.weapon-attribute{font-size:11px;padding:2px 8px;background:#8b735533;border:1px solid rgba(139,115,85,.3);border-radius:4px;color:#8b7355e6;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Cinzel,serif}.equipped-toggle{background:linear-gradient(135deg,#14141ecc,#1e1e28cc);border:2px solid rgba(139,115,85,.3);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#c9c9d080;position:relative;overflow:hidden;flex-shrink:0}.equipped-toggle:hover{border-color:#8b735580;color:#8b7355e6;transform:scale(1.05);box-shadow:0 0 8px #8b73554d}.equipped-toggle.equipped{background:linear-gradient(135deg,#8b73554d,#8b735533);border-color:#8b735599;color:#8b7355e6;box-shadow:inset 0 0 10px #8b735533}.equipped-toggle.equipped:hover{transform:scale(1.05);box-shadow:inset 0 0 10px #8b735533,0 0 12px #8b735566}.item-actions{display:flex;gap:4px;flex-shrink:0}.edit-item-btn,.delete-item-btn{background:#1e1e2880;border:1px solid rgba(139,115,85,.2);cursor:pointer;color:#c9c9d080;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.edit-item-btn:hover{background:#28283299;border-color:#8b735566;color:#8b7355e6}.delete-item-btn:hover{background:#3c141499;border-color:#c8505066;color:#c85050e6}.item-description{font-size:14px;color:#c9c9d0cc;margin:16px 0;line-height:1.6;background:#14141e66;padding:16px;border-radius:6px;border-left:3px solid rgba(139,115,85,.5);font-family:Georgia,serif}.item-description p{margin:0 0 8px}.item-description p:last-child{margin-bottom:0}.item-description ul,.item-description ol{margin:0 0 8px;padding-left:20px}.item-description strong{color:#8b7355e6;font-weight:600}.item-description em{color:#c9c9d099}.item-bonuses-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(139,115,85,.2)}.item-bonuses-display>span{font-size:12px;padding:8px 12px;background:linear-gradient(135deg,#32323c66,#2828324d);border:1px solid rgba(139,115,85,.3);border-radius:6px;color:#c9c9d0e6;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.item-bonuses-display>span:hover{border-color:#8b735580;background:linear-gradient(135deg,#3c3c4680,#32323c66);transform:translateY(-1px)}.damage-display{display:flex;align-items:center;gap:4px;font-size:13px;color:#8b7355e6;font-weight:600;font-family:Cinzel,serif}.item-damage-dice{background:#1e1e2880;border:1px solid rgba(139,115,85,.3);cursor:pointer;color:#8b7355e6;padding:6px;margin-left:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.item-damage-dice:hover{background:#28283299;border-color:#8b735580;transform:scale(1.1);box-shadow:0 0 8px #8b73554d}.no-items{text-align:center;color:#c9c9d080;padding:60px 40px;font-style:italic;background:linear-gradient(135deg,#32323c33,#2828321a);border-radius:8px;border:2px dashed rgba(139,115,85,.2);font-family:Cinzel,serif}.edit-item-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:9999}.edit-item-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:24px;z-index:10000;box-shadow:0 10px 40px #000c}.edit-item-form h4{margin:0 0 20px;color:#c9c9d0e6;font-size:20px;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.edit-item-form input,.edit-item-form select,.edit-item-form textarea{width:100%;padding:10px;background:#14141ecc;border:2px solid rgba(139,115,85,.3);border-radius:4px;color:#c9c9d0e6;margin-bottom:12px;transition:all .2s ease;font-family:Georgia,serif}.edit-item-form input:focus,.edit-item-form select:focus,.edit-item-form textarea:focus{border-color:#8b735580;outline:none;box-shadow:0 0 0 3px #8b73551a}.edit-item-form textarea{min-height:120px;resize:vertical}.edit-item-form .form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.weapon-fields,.item-bonuses,.damage-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(139,115,85,.2)}.weapon-fields h5,.item-bonuses h5,.damage-section h5{margin:0 0 12px;color:#8b7355e6;font-size:16px;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bonus-field label{font-size:11px;color:#c9c9d080;text-align:center;text-transform:uppercase;letter-spacing:.5px}.bonus-field input{padding:6px;text-align:center;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.save-item-btn,.cancel-item-btn{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.save-item-btn{background:#8b7355cc;border:1px solid rgba(139,115,85,.6);color:#fff}.save-item-btn:hover{background:#8b7355e6;border-color:#8b7355cc;transform:translateY(-1px);box-shadow:0 3px 6px #0006}.cancel-item-btn{background:#1e1e2880;border:1px solid rgba(139,115,85,.3);color:#c9c9d0e6}.cancel-item-btn:hover{background:#28283299;border-color:#8b735566;color:#e9e9f0}.item-card.common{border-left-width:4px;border-left-color:#9ca3af}.item-card.uncommon{border-left-width:4px;border-left-color:#10b981}.item-card.rare{border-left-width:4px;border-left-color:#3b82f6}.item-card.very-rare{border-left-width:4px;border-left-color:#8b5cf6}.item-card.legendary{border-left-width:4px;border-left-color:#f59e0b}.item-card.artifact{border-left-width:4px;border-left-color:#ef4444}@media (max-width: 768px){.item-bonuses-display{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.bonus-grid{grid-template-columns:repeat(2,1fr)}.edit-item-form{width:95%;padding:20px}}.currency-section{position:relative}.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.currency-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;min-height:120px}.currency-item.stat-frame{flex-direction:column;padding:16px;min-height:140px}.currency-icon-wrapper{display:flex;justify-content:center;margin-bottom:8px}.currency-content{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.currency-label{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.currency-short{font-weight:700;font-size:16px;color:#c9c9d0e6;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.currency-full{font-size:11px;color:#c9c9d080;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.currency-value{font-size:2rem;font-weight:700;color:#e9e9f0}.currency-item .stat-controls{margin-top:8px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.currency-item .btn-stat-medium{min-width:40px;font-size:11px;padding:4px 6px}.currency-item .btn-stat-large{min-width:48px;font-size:11px;padding:4px 8px}.currency-summary{margin-top:20px;text-align:center}.ornate-divider-small{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,115,85,.3) 20%,rgba(139,115,85,.5) 50%,rgba(139,115,85,.3) 80%,transparent 100%);margin:16px 0;position:relative}.ornate-divider-small:after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8b735580;background:#0f0f15;padding:0 8px;font-size:12px}.total-value{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.total-label{font-size:14px;color:#c9c9d0b3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Cinzel,serif}.total-amount{font-size:1.5rem;font-weight:700;color:#8b7355e6;text-shadow:0 0 5px rgba(139,115,85,.3)}.conversion-info{margin-top:8px}.conversion-info small{font-size:11px;letter-spacing:.5px}@media (max-width: 768px){.currency-grid{grid-template-columns:repeat(2,1fr);gap:8px}.currency-item.stat-frame{min-height:120px;padding:12px}.currency-value{font-size:1.5rem}.total-amount{font-size:1.25rem}.currency-item .btn-stat-medium,.currency-item .btn-stat-large{font-size:10px;padding:3px 5px;min-width:36px}}@media (max-width: 480px){.currency-grid{grid-template-columns:1fr}.currency-item.stat-frame{min-height:auto}}.languages-section{background:var(--surface-color);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.languages-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.languages-section h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-size:20px}.add-language-dropdown{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px}.add-language-dropdown h4{margin:0 0 12px;color:var(--text-color);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:16px}.language-option{padding:8px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .3s;text-align:center}.language-option:hover{border-color:var(--primary-color);background:#c9a9611a}.language-option.exotic{border-color:#673ab74d}.language-option.exotic:hover{border-color:#673ab7;background:#673ab71a}.languages-list{min-height:60px}.language-tags{display:flex;flex-wrap:wrap;gap:8px}.language-tag{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:20px;font-size:14px;color:var(--text-color)}.language-tag.exotic{border-color:#673ab74d;background:#673ab70d}.remove-language{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.remove-language:hover{background:#e74c3c1a;color:var(--accent-color)}.no-languages{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}.feats-section{background:var(--surface-color);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.add-feat-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.add-feat-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.feats-list{margin-top:20px}.no-feats{text-align:center;color:var(--text-muted);font-style:italic;padding:40px 20px;margin:0}.feat-item{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s}.feat-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feat-item:hover:before{transform:scaleX(1)}.feat-header{display:flex;justify-content:space-between;align-items:center}.feat-header h4{margin:0;color:var(--primary-color);font-size:16px}.feat-actions{display:flex;gap:8px}.feat-info-btn,.remove-feat-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.feat-info-btn:hover{color:var(--primary-color)}.remove-feat-btn:hover{color:var(--danger-color)}.feat-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.feat-description{color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.feat-prerequisite{color:var(--warning-color);font-size:14px;margin:8px 0}.feat-benefits{margin-top:12px}.feat-benefits strong{color:var(--text-color);display:block;margin-bottom:8px}.feat-benefits ul{margin:0;padding-left:20px}.feat-benefits li{color:var(--text-secondary);margin-bottom:4px;line-height:1.4}.spell-slots-section{position:relative}.spell-slots-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.rest-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1e1e2880;border:1px solid rgba(139,115,85,.3);border-radius:4px;color:#c9c9d0e6;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.rest-button:hover{background:#28283299;border-color:#8b735566;color:#e9e9f0}.spell-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:20px}.spell-slot-level{background:linear-gradient(135deg,#32323c66,#2828324d);border:2px solid rgba(139,115,85,.3);border-radius:8px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.spell-slot-level:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,115,85,.05) 0%,transparent 70%);animation:statGlow 3s ease-in-out infinite;opacity:.5}.spell-slot-level:hover{border-color:#8b735580;background:linear-gradient(135deg,#3c3c4680,#32323c66);box-shadow:0 4px 12px #0000004d}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slot-level-text{font-size:14px;font-weight:700;color:#c9c9d0e6;text-transform:uppercase;letter-spacing:.5px}.slot-count{color:#8b7355e6;font-weight:700;font-size:16px;font-family:Cinzel,serif;text-shadow:0 0 4px rgba(139,115,85,.3)}.slot-boxes{display:flex;gap:8px;flex-wrap:wrap}.slot-box{width:28px;height:28px;border:2px solid rgba(139,115,85,.3);border-radius:6px;background:linear-gradient(135deg,#14141ecc,#1e1e28cc);cursor:pointer;transition:all .2s ease;position:relative;padding:0;box-shadow:inset 0 1px 3px #0006}.slot-box:disabled{cursor:default}.slot-box:not(:disabled):hover{transform:scale(1.1);box-shadow:inset 0 1px 3px #0006,0 0 8px #8b73554d}.slot-box.available{border-color:#8b735580;background:linear-gradient(135deg,#8b735533,#8b73551a)}.slot-box.available:not(:disabled):hover{background:linear-gradient(135deg,#8b73554d,#8b735533);border-color:#8b7355b3}.slot-box.used{background:linear-gradient(135deg,#3c1414cc,#280a0acc);border-color:#c850504d}.slot-box.used:not(:disabled):hover{background:linear-gradient(135deg,#501e1ecc,#3c1414cc);border-color:#c8505080}.slot-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#8b735599;box-shadow:0 0 4px #8b735566}.slot-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#c85050cc;stroke-width:3}.no-spell-slots{text-align:center;padding:40px 20px}.no-spell-slots p{color:#c9c9d080;font-style:italic;margin:0;font-family:Cinzel,serif}.spell-slots-info{text-align:center;padding-top:16px;margin-top:16px;border-top:1px solid rgba(139,115,85,.2)}.spell-slots-info small{color:#c9c9d080;font-size:12px;line-height:1.4;font-style:italic}@media (max-width: 768px){.spell-slots-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.spell-slot-level{padding:12px}.slot-box{width:24px;height:24px}}@media (max-width: 480px){.spell-slots-grid{grid-template-columns:1fr}}.character-details-section{background:var(--surface-color);border-radius:12px;padding:24px;margin:20px 0;box-shadow:var(--shadow)}.character-details-section h3{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--primary-color);font-size:20px}.physical-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.detail-group{display:flex;flex-direction:column;gap:4px}.detail-group label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-group input{padding:8px 12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;transition:all .3s;min-width:140px}.detail-group input:focus{outline:none;border-color:var(--primary-color)}.spellcasting-section{background:var(--surface-color);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.spellcasting-section .section-header{margin-bottom:20px}.spellcasting-section h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-size:20px}.spellcasting-content{display:flex;flex-direction:column;gap:24px}.ability-selector{display:flex;flex-direction:column;gap:8px}.ability-selector label{font-size:14px;color:var(--text-color);font-weight:500}.spellcasting-select{padding:12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .3s}.spellcasting-select:focus{outline:none;border-color:var(--primary-color)}.spellcasting-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{color:var(--primary-color)}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:var(--primary-color)}.stat-formula{font-size:12px;color:var(--text-muted);font-style:italic}.spellcasting-notes{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px}.spellcasting-notes h4{margin:0 0 12px;color:var(--text-color);font-size:16px}.spellcasting-notes ul{margin:0;padding-left:20px;list-style:disc}.spellcasting-notes li{color:var(--text-muted);line-height:1.6;margin-bottom:8px}.spellcasting-notes strong{color:var(--text-color)}@keyframes slideInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.features-traits-section{min-height:auto;height:auto;overflow:visible;width:100%}.features-traits-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.features-traits-section h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-size:20px}.add-feature-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.add-feature-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.feature-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.feature-modal{background:var(--surface-color);background-color:var(--background-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInScale .3s ease-out}.feature-type-selector{max-width:600px}.feature-type-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.feature-type-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s;text-align:center}.feature-type-option:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--surface-hover)}.feature-type-option svg{color:var(--primary-color)}.feature-type-option h4{margin:0;color:var(--text-color);font-size:18px;font-weight:600}.feature-type-option p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.feature-preset-selector{max-width:800px}.feature-preset-list{display:flex;flex-direction:column;gap:16px;padding:24px;max-height:60vh;overflow-y:auto}.feature-preset-item{padding:20px;background:var(--surface-light);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s}.feature-preset-item:hover{border-color:var(--primary-color);background:var(--surface-hover);transform:translate(4px);box-shadow:var(--shadow-md)}.feature-preset-item h4{margin:0 0 12px;color:var(--primary-color);font-size:18px;font-weight:600}.feature-preset-item p{margin:0 0 12px;color:var(--text-color);line-height:1.6}.preset-effects{display:flex;flex-wrap:wrap;gap:8px}.effect-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#c9a9611a;border:1px solid var(--primary-color);border-radius:16px;color:var(--primary-color);font-size:13px;font-weight:500}.feature-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-light)}.feature-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-color);font-size:18px;font-weight:600}.feature-modal-header .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.feature-modal-header .close-btn:hover{background:var(--surface-hover);color:var(--text-color)}.feature-modal-content{flex:1;overflow-y:auto;padding:24px}.feature-modal-content .form-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}.feature-modal-content .form-row input{width:100%;padding:12px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .3s ease;box-sizing:border-box}.feature-modal-content .form-row input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #c9a9611a}.feature-modal-content .active-toggle{margin-bottom:24px;padding:16px;background:var(--surface-light);border-radius:8px;border:1px solid var(--border-color)}.feature-modal-content .active-toggle label{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text-color);cursor:pointer;margin:0}.feature-modal-content .active-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer}.add-feature-form .form-group{margin-bottom:16px}.add-feature-form label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color);font-size:14px}.add-feature-form input,.add-feature-form textarea{width:100%;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .3s}.add-feature-form textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.add-feature-form input:focus,.add-feature-form textarea:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover)}.features-list{display:flex;flex-direction:column;gap:12px;min-height:auto;height:auto;overflow:visible;width:100%;padding-bottom:16px}.feature-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;width:100%}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card.expanded{border-color:var(--primary-color);box-shadow:var(--shadow)}.feature-card.expanded:before{transform:scaleX(1)}.feature-header{padding:16px 20px;display:flex;align-items:center;gap:12px;transition:background-color .3s}.feature-header h5{flex:1;margin:0;color:var(--text-color);font-size:16px;font-weight:600}.feature-header .active-toggle{background:var(--background-color);border:2px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.feature-header .active-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.feature-header .active-toggle:hover{transform:scale(1.1);border-color:var(--primary-color)}.feature-header .active-toggle.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.feature-card.inactive{opacity:.6;filter:grayscale(.3)}.feature-card.inactive .feature-header h5{color:var(--text-muted)}.edit-feature-btn,.delete-feature-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center}.edit-feature-btn:hover{background:#c9a9611a;color:var(--primary-color)}.feature-icon{width:40px;height:40px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.feature-title{flex:1}.feature-title h4{margin:0 0 4px;color:var(--text-color);font-size:18px;font-weight:600}.feature-source{font-size:13px;color:var(--text-muted);background:var(--surface-light);padding:4px 8px;border-radius:4px;font-weight:500}.feature-type-badge{padding:6px 12px;background:#d4af371a;border:1px solid var(--secondary-color);border-radius:20px;color:var(--secondary-color);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-actions{display:flex;gap:8px;align-items:center}.expand-feature-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center}.expand-feature-btn:hover{background:var(--surface-light);color:var(--primary-color)}.delete-feature-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.delete-feature-btn:hover{background:#e74c3c1a;color:var(--accent-color)}.feature-description{padding:0 20px 20px;color:var(--text-color);line-height:1.6;animation:expandDetails .3s ease-out;background:var(--surface-light);border-top:1px solid var(--border-color)}.feature-description p{margin:16px 0 0;white-space:pre-wrap}.feature-description ul,.feature-description ol{margin:12px 0;padding-left:20px}.feature-description li{margin-bottom:4px}.feature-description strong{color:var(--primary-color)}.feature-description em{color:var(--secondary-color)}.no-features{text-align:center;color:var(--text-muted);font-style:italic;padding:60px 40px;background:var(--surface-light);border-radius:12px;border:2px dashed var(--border-color)}.no-features:before{content:"⭐";font-size:48px;display:block;margin-bottom:16px}.feature-card.class-feature .feature-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-card.racial-trait .feature-icon{background:linear-gradient(135deg,#10b981,#047857)}.feature-card.feat .feature-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-card.background .feature-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-card.custom .feature-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-bonuses-display{padding:12px 20px 20px;display:flex;flex-wrap:wrap;gap:8px;background:var(--surface-light);border-top:1px solid var(--border-color)}.feature-bonuses-display span{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.feature-special-effects{padding:12px 20px 20px;display:flex;flex-wrap:wrap;gap:8px;background:var(--surface-light);border-top:1px solid var(--border-color)}.feature-special-effects .effect-tag{background:#8b5cf61a;border:1px solid #8b5cf6;color:#8b5cf6;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.feature-bonuses{margin-bottom:24px}.feature-bonuses h5{margin:0 0 16px;color:var(--text-color);font-size:16px;font-weight:600}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.bonus-field{display:flex;flex-direction:column;gap:4px}.bonus-field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.bonus-field input{padding:10px 8px;border:2px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);text-align:center;font-weight:500;transition:all .3s ease;box-sizing:border-box;width:100%}.bonus-field input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #c9a9611a}.markdown-editor{margin-bottom:24px}.markdown-editor label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color);font-size:14px}.markdown-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-light);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0}.markdown-toolbar button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;transition:all .3s}.markdown-toolbar button:hover{background:var(--surface-color);color:var(--primary-color)}.markdown-help{margin-left:auto;font-size:12px;color:var(--text-muted)}.markdown-editor textarea{width:100%;padding:12px 16px;background:var(--background-color);border:2px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;color:var(--text-color);font-size:14px;resize:vertical;min-height:120px;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;transition:all .3s ease;box-sizing:border-box}.markdown-editor textarea:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #c9a9611a}.markdown-preview{margin-top:16px;padding:16px;background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px}.markdown-preview h5{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:600}.markdown-preview *{margin-bottom:8px}.markdown-preview strong{color:var(--primary-color)}.markdown-preview em{color:var(--secondary-color)}.feature-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--surface-light)}.feature-modal-footer .cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;transition:all .2s}.feature-modal-footer .cancel-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}.feature-modal-footer .save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.feature-modal-footer .save-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.feature-modal-footer .save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .feature-modal{background:#1a1a1a;border-color:var(--border-color)}[data-theme=dark] .feature-modal-header,[data-theme=dark] .feature-modal-footer,[data-theme=dark] .feature-modal-content .active-toggle,[data-theme=dark] .markdown-preview{background:#ffffff0d}.card:has(.features-traits-section){height:auto!important;min-height:auto!important;overflow:visible!important}.card-body:has(.features-traits-section){height:auto!important;min-height:auto!important;overflow:visible!important;flex:none!important}.features-auto-grow{min-height:auto!important;height:auto!important;overflow:visible!important}.mb-4:has(.features-auto-grow){height:auto!important;overflow:visible!important}@media (max-width: 768px){.feature-modal-overlay{padding:10px}.feature-modal{max-height:95vh}.feature-modal-header,.feature-modal-content,.feature-modal-footer{padding:16px}.feature-modal-content .form-row{grid-template-columns:1fr}.bonus-grid{grid-template-columns:repeat(2,1fr)}.markdown-toolbar{flex-wrap:wrap}.markdown-help{width:100%;margin-top:8px}}.saving-throws-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.saving-throw-row{display:grid;grid-template-columns:24px 60px 1fr;align-items:center;gap:12px;padding:8px 12px;background:var(--surface-light);border-radius:8px;transition:all .3s;cursor:pointer}.saving-throw-row:hover{background:var(--surface-hover);transform:translate(4px)}.saving-throw-proficiency-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.saving-throw-modifier{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:600;color:var(--text-color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;min-width:50px;font-size:14px;transition:all .3s}.saving-throw-modifier:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.saving-throw-modifier .dice-icon{opacity:.7;transition:opacity .3s}.saving-throw-modifier:hover .dice-icon{opacity:1}.saving-throw-name{font-weight:500;color:var(--text-color);font-size:14px;transition:color .3s}.saving-throw-name:hover{color:var(--primary-color)}.saving-throw-modifier.clickable,.saving-throw-name.clickable{cursor:pointer}.saving-throws-legend{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.saving-throws-legend span{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.saving-throw-row{grid-template-columns:20px 50px 1fr;gap:8px;padding:6px 8px}.saving-throw-modifier{min-width:40px;padding:2px 6px;font-size:12px}.saving-throw-name{font-size:13px}}[data-theme=dark] .saving-throw-row{background:#ffffff0d}[data-theme=dark] .saving-throw-row:hover{background:#ffffff1a}.weapon-proficiencies-section{background:var(--color-surface);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.weapon-proficiencies-section h3{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:16px;font-weight:600}.weapon-proficiencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.weapon-proficiency-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.weapon-proficiency-item:hover{background-color:var(--color-surface-hover)}.weapon-proficiency-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.weapon-proficiency-item span{color:var(--color-text-primary);font-size:.9rem;-webkit-user-select:none;user-select:none}.weapon-proficiency-item input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.weapon-proficiency-item input[type=checkbox]:disabled+span{opacity:.6}@media (max-width: 768px){.weapon-proficiencies-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.weapon-proficiency-item{padding:6px 10px}.weapon-proficiency-item span{font-size:.85rem}}@media (max-width: 480px){.weapon-proficiencies-grid{grid-template-columns:1fr}}.spells-section .spells-list{flex:unset!important;overflow-y:visible!important;overflow:visible!important;max-height:none!important;height:auto!important}.card-body,.card{height:auto!important;max-height:none!important;overflow:visible!important}.spells-section,.items-section,.features-traits-section{height:auto!important;max-height:none!important;overflow:visible!important;display:flex;flex-direction:column}.features-list,.items-list,.equipment-list{height:auto!important;max-height:none!important;overflow:visible!important}.spell-level-group,.spell-cards{height:auto!important;overflow:visible!important}.bootstrap-section,.character-section,.tab-content,.tab-pane{height:auto!important;max-height:none!important;overflow:visible!important}.character-sheet-container,.bootstrap-character-sheet{height:auto!important;min-height:100vh;overflow-x:hidden;overflow-y:visible!important}body{overflow-y:auto!important}.sheet-content,.sheet-main-content{height:auto!important;min-height:100vh}.spell-level-group{margin-bottom:2rem!important}.bootstrap-character-sheet{padding-bottom:3rem}.encounter-list-content,.npc-template-list,.campaign-list-content{flex:unset!important;height:auto!important;max-height:none!important;overflow-y:visible!important}.row,.col,.col-md-6,.col-lg-6,.col-xl-6{height:auto!important;max-height:none!important}.card{min-height:unset!important}.d-flex.flex-column{height:auto!important;max-height:none!important}@media (max-width: 768px){.spells-list,.items-list,.features-list{height:auto!important;max-height:none!important;overflow:visible!important}.sheet-content{display:block!important}.sheet-main-content{grid-template-columns:1fr!important}}