.theme-switcher{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;background-color:var(--card-background);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:240px}.theme-switcher .theme-switcher-section{display:flex;flex-direction:column;gap:.5rem}.theme-switcher .theme-switcher-section .theme-switcher-label{font-size:.875rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.theme-switcher .theme-switcher-section .theme-switcher-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button{padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff1a;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button:hover{background-color:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px)}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button.active{background-color:#f0f;color:#fff;border-color:#f0f;box-shadow:0 2px 4px #ff00ff4d}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button .theme-switcher-icon{font-size:1rem}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button.faction-button.active{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border-color:var(--faction-primary)}.theme-switcher .theme-switcher-section .theme-switcher-buttons .theme-switcher-button.retro-button.active{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border-color:var(--faction-primary);box-shadow:0 0 8px var(--faction-primary);animation:retro-glow 2s ease-in-out infinite alternate}.theme-switcher-button.retro-button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));color:var(--faction-on-primary);border-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color);animation:retro-glow 2s ease-in-out infinite alternate}@keyframes retro-glow{0%{box-shadow:0 0 8px var(--primary-color)}to{box-shadow:0 0 12px var(--primary-color),0 0 16px var(--accent-color)}}:root[data-retro*=retro]{--card-background: rgba(0, 0, 0, .8);--card-tag-background: rgba(0, 0, 0, .9)}@media (max-width: 768px){.theme-switcher{position:relative;top:unset;right:unset;margin:1rem auto;max-width:100%}}.color-mode-toggle{position:relative;width:120px;height:40px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{position:relative;width:100%;height:100%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;transition:all .3s ease}.toggle-labels{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;z-index:2;pointer-events:none}.toggle-label{font-size:1rem;transition:all .3s ease;opacity:.6;display:flex;align-items:center;justify-content:center;width:33.333%;height:100%;line-height:1}.toggle-slider{position:absolute;top:2px;left:2px;width:calc(33.333% - 4px);height:calc(100% - 4px);background:linear-gradient(135deg,#f0f,#c71585);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 2px 4px #0003}.toggle-slider.light{background:linear-gradient(135deg,#ffb6c1,#ff69b4)}.toggle-slider.system{background:linear-gradient(135deg,#db7093,#c71585)}.toggle-slider.dark{background:linear-gradient(135deg,#ff1493,#f0f)}.color-mode-toggle.mode-light .toggle-label.light,.color-mode-toggle.mode-system .toggle-label.system,.color-mode-toggle.mode-dark .toggle-label.dark{opacity:1;transform:scale(1.1)}.color-mode-toggle:hover .toggle-track{background-color:#ffffff26;border-color:#ffffff4d}.color-mode-toggle:hover .toggle-slider{box-shadow:0 4px 8px #0000004d}.color-mode-toggle:active .toggle-slider{transform:scale(.95)}.lancelot{font-family:Lancelot,serif}.lancelot .before-title{font-size:.6em;margin-right:6em;margin-bottom:-.25em}.lancelot .title{font-size:1.1em}.lancelot2{font-family:Lancelot,serif}.lancelot2 .title{font-size:1.3em}.girassol{font-family:Girassol,serif;font-weight:400;font-style:normal}.eagle-lake{font-family:Eagle Lake,serif;font-size:4em}.eagle-lake .before-title{font-size:.5em;margin-right:11em}.eagle-lake .after-title{font-size:.5em;margin-left:11em}.rye{font-family:Rye,serif;font-weight:400;font-style:normal;font-size:5.5em}.cutive-mono-regular{font-family:Cutive Mono,monospace;font-weight:400;font-style:normal;font-size:5.5em}h1.cutive-mono-regular.index-title{margin-top:4.5em;margin-bottom:6em}.goblin-one-regular{font-family:Goblin One,serif;font-weight:400;font-style:normal}.goblin-one-regular .before-title{font-size:.7em;margin-right:6em}.noto-serif-oriya-100{font-family:"Noto Serif Oriya",serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:5.5em}.emilys-candy-regular{font-family:Emilys Candy,serif;font-weight:400;font-style:normal}.life-savers-regular{font-family:Life Savers,serif;font-weight:400;font-style:normal}.life-savers-bold{font-family:Life Savers,serif;font-weight:700;font-style:normal}.life-savers-extrabold{font-family:Life Savers,serif;font-weight:800;font-style:normal}.spicy-rice-regular{font-family:Spicy Rice,serif;font-weight:400;font-style:normal;font-size:3.5em}.spicy-rice-regular .before-title{font-size:.8em;margin-right:4.25em}.spicy-rice-regular .after-title{font-size:.8em;margin-left:4em}.cinzel-400{font-family:Cinzel,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cinzel-400 .before-title{font-size:.6em}.quintessential-regular{font-family:Quintessential,serif;font-weight:400;font-style:normal}.quintessential-regular .before-title{font-size:.4em;margin-right:9em}.quintessential-regular-made-for-two{font-family:Quintessential,serif;font-weight:400;font-style:normal;font-size:4.5em}.quintessential-regular-made-for-two .before-title{font-size:.8em}.quintessential-regular-made-for-two .after-title{font-size:.8em;margin-right:1em}.eater-regular{font-family:Eater,serif;font-weight:400;font-style:normal;color:#900;font-size:4.9em}.eater-regular .before-title{font-size:.9em}.fontdiner-swanky-regular{font-family:Fontdiner Swanky,serif;font-weight:400;font-style:normal}.risque-regular{font-family:Risque,serif;font-weight:400;font-style:normal;font-size:6em}.risque-regular .before-title,.risque-regular .after-title{font-size:.9em}.kalnia-100{font-family:Kalnia,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 112.5}.croissant-one-regular{font-family:Croissant One,serif;font-weight:400;font-style:normal}.cinzel-decorative-regular{font-family:Cinzel Decorative,serif;font-weight:400;font-style:normal}.cinzel-decorative-regular .before-title{font-size:.7em}.cinzel-decorative-regular2{font-family:Cinzel Decorative,serif;font-weight:500;font-style:normal}.cinzel-decorative-regular2 .first-letter{font-size:1.4em}.cinzel-decorative-regular2 .final-letter{font-size:1.3em}.cinzel-decorative-bold{font-family:Cinzel Decorative,serif;font-weight:700;font-style:normal}.cinzel-decorative-black{font-family:Cinzel Decorative,serif;font-weight:900;font-style:normal}.metamorphous-regular{font-family:Metamorphous,serif;font-weight:400;font-style:normal}.shrikhand-regular{font-family:Shrikhand,serif;font-weight:400;font-style:normal;font-size:4em}.shrikhand-regular .title{font-size:1.25em}.cormorant-sc-light{font-family:Cormorant SC,serif;font-weight:300;font-style:normal}.cormorant-sc-regular{font-family:Cormorant SC,serif;font-weight:400;font-style:normal}.cormorant-sc-medium{font-family:Cormorant SC,serif;font-weight:500;font-style:normal}.cormorant-sc-semibold{font-family:Cormorant SC,serif;font-weight:600;font-style:normal}.cormorant-sc-bold{font-family:Cormorant SC,serif;font-weight:700;font-style:normal}.cormorant-unicase-light{font-family:Cormorant Unicase,serif;font-weight:300;font-style:normal}.cormorant-unicase-regular{font-family:Cormorant Unicase,serif;font-weight:400;font-style:normal}.cormorant-unicase-medium{font-family:Cormorant Unicase,serif;font-weight:500;font-style:normal}.cormorant-unicase-semibold{font-family:Cormorant Unicase,serif;font-weight:600;font-style:normal}.cormorant-unicase-bold{font-family:Cormorant Unicase,serif;font-weight:700;font-style:normal}.della-respira-regular{font-family:Della Respira,serif;font-weight:400;font-style:normal}.della-respira-regular .title{font-size:1.25em}.della-respira-regular .before-title{font-size:.5em;margin-right:1.5em}.sedan-sc-regular{font-family:Sedan SC,serif;font-weight:400;font-style:normal}.sedan-sc-regular .before-title{font-size:.75em;margin-bottom:-.25em}.castoro-titling-regular{font-family:Castoro Titling,serif;font-weight:400;font-style:normal}.kranky-regular{font-family:Kranky,serif;font-weight:400;font-style:normal}.diplomata-sc-regular{font-family:Diplomata SC,serif;font-weight:400;font-style:normal;font-size:4.5em}.elsie-swash-caps-regular{font-family:Elsie Swash Caps,serif;font-weight:400;font-style:normal}.elsie-swash-caps-black{font-family:Elsie Swash Caps,serif;font-weight:900;font-style:normal}.almendra-regular{font-family:Almendra,serif;font-weight:400;font-style:normal;font-size:4em}.almendra-regular .after-title{font-size:.4em;margin:0 5em}.almendra-bold{font-family:Almendra,serif;font-weight:700;font-style:normal}.almendra-regular-italic{font-family:Almendra,serif;font-weight:400;font-style:italic}.almendra-bold-italic{font-family:Almendra,serif;font-weight:700;font-style:italic}.federant-regular{font-family:Federant,serif;font-weight:400;font-style:normal}.gideon-roman-regular{font-family:Gideon Roman,serif;font-weight:400;font-style:normal}.gideon-roman-regular .before-title{font-size:.8em}.anton-regular{font-family:Anton,sans-serif;font-weight:400;font-style:normal}.anton-sc-regular{font-family:Anton SC,sans-serif;font-weight:400;font-style:normal;font-size:6em}.almendra-display-regular{font-family:Almendra Display,serif;font-weight:400;font-style:normal}.chonburi-regular{font-family:Chonburi,serif;font-weight:400;font-style:normal}.almendra-sc-regular{font-family:Almendra SC,serif;font-weight:400;font-style:normal;font-size:4.5em}.almendra-sc-regular .before-title{font-size:.5em;margin-right:1.5em}.bebas-neue-regular{font-family:Bebas Neue,serif;font-weight:400;font-style:normal}.merriweather-light{font-family:Merriweather,serif;font-weight:300;font-style:normal}.merriweather-regular{font-family:Merriweather,serif;font-weight:400;font-style:normal}.merriweather-bold{font-family:Merriweather,serif;font-weight:700;font-style:normal}.merriweather-black{font-family:Merriweather,serif;font-weight:900;font-style:normal}.merriweather-light-italic{font-family:Merriweather,serif;font-weight:300;font-style:italic}.merriweather-regular-italic{font-family:Merriweather,serif;font-weight:400;font-style:italic}.merriweather-bold-italic{font-family:Merriweather,serif;font-weight:700;font-style:italic}.merriweather-black-italic{font-family:Merriweather,serif;font-weight:900;font-style:italic}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:4em}.big-shoulders-display-100{font-family:Big Shoulders Display,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-size:4em}.dot-io .hell{color:#850000}.dot-io .grinder{color:#036303}.dot-io .io{color:#33c}.jolly-lodger-regular{font-family:Jolly Lodger,system-ui;font-weight:400;font-style:normal;font-size:4em}.jolly-lodger-regular .title{font-size:1.25em;color:#900}.big-shoulders-display{font-family:Big Shoulders Display,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.sixtyfour-convergence{font-family:Sixtyfour Convergence,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" -20,"XELA" -60,"YELA" 0}.sixtyfour-convergence .title{font-size:.8em}.henny-penny-regular{font-family:Henny Penny,system-ui;font-weight:400;font-style:normal;font-size:4.4em}.nosifer-regular{font-family:Nosifer,sans-serif;font-weight:400;font-style:normal}.metal-mania-regular{font-family:Metal Mania,system-ui;font-weight:400;font-style:normal;font-size:6.5em}.trade-winds-regular{font-family:Trade Winds,system-ui;font-weight:400;font-style:normal;font-size:4.8em}.creepster-regular{font-family:Creepster,system-ui;font-weight:400;font-style:normal;font-size:4.5em}.creepster-regular .before-title{font-size:.95em;text-align:center}.creepster-regular .title{font-size:1.25em;color:#900}.grenze-gotisch{font-family:Grenze Gotisch,serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.grenze-gotisch .title{font-style:italic}.mystery-quest-regular{font-family:Mystery Quest,system-ui;font-weight:400;font-style:normal}.faculty-glyphic-regular{font-family:Faculty Glyphic,sans-serif;font-weight:400;font-style:normal}.faculty-glyphic-regular .spirit{font-size:.8em;display:flex;flex-direction:row;justify-content:center;margin-bottom:-.1em}.faculty-glyphic-regular .spirit .individual-letter{display:flex;flex-direction:column}.faculty-glyphic-regular .spirit .star{font-size:.4em}.faculty-glyphic-regular .spirit .letter{height:100%;display:grid;width:.7em;align-items:start}.faculty-glyphic-regular .spirit .top-letter{margin-bottom:-.1em}.faculty-glyphic-regular .title{font-size:.8em}.tapestry-regular{font-family:Tapestry,serif;font-weight:400;font-style:normal}.edu-au-vic-wa-nt-pre-400{font-family:Edu AU VIC WA NT Pre,cursive;font-optical-sizing:auto;font-weight:400;font-style:normal}.bangers-regular{font-family:Bangers,system-ui;font-weight:400;font-style:normal}.bangers-regular .before-title{font-size:.8em}.barcoded,.libre-barcode-39-regular{font-family:"Libre Barcode 39",system-ui;font-weight:400;font-style:normal}.barcoded .lower-barcode .title,.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.barcoded .lower-barcode .title{letter-spacing:4px}.barcoded{--columns: 12;--barcodeTitleColor: white;--textTitleColor: rgb(0,0,0,0)}.barcoded:hover{--barcodeTitleColor: rgb(0,0,0,0);--textTitleColor: white}.barcoded .barcode-holder{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:1.5em}.barcoded .barcode-holder .lower-barcode,.barcoded .barcode-holder .upper-barcode{grid-column-start:1;grid-column-end:var(--columns);grid-row-start:1;grid-row-end:1;place-self:center}.barcoded .upper-barcode .title{color:var(--barcodeTitleColor)}.barcoded .lower-barcode .title{color:var(--textTitleColor);font-size:.7em}.julius-sans-one-regular{font-family:Julius Sans One,sans-serif;font-weight:400;font-style:normal}.afacad-flux-100{font-family:Afacad Flux,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-variation-settings:"slnt" 0;font-size:6.5em}.lemon-regular{font-family:Lemon,serif;font-weight:400;font-style:normal}.brought-to-you{font-size:.8em}.brought-to-you .brought-by{margin-left:-3em;font-size:.6em}.kalnia-glaze-100{font-family:Kalnia Glaze,serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-variation-settings:"wdth" 100}.sour-gummy-400{font-family:Sour Gummy,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:4.5em}.doto-300{font-family:Doto,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"ROND" 0}.jetbrains-mono-100{font-family:JetBrains Mono,serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.grinds-my-hell-title{font-family:Times Roman,serif;font-weight:400;font-style:normal;font-size:5.5em}.grinds-my-hell-title .grinds-my-hell{display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;gap:.2em}.grinds-my-hell-title .grinds-my-hell .that,.grinds-my-hell-title .grinds-my-hell .really,.grinds-my-hell-title .grinds-my-hell .my{font-size:.7em;font-style:italic}.grinds-my-hell-title .grinds-my-hell .grinds,.grinds-my-hell-title .grinds-my-hell .hell{font-weight:700}.title-region{height:150px;margin-top:1.5em;margin-bottom:1.5em;align-content:center;justify-content:center;font-size:17px}.title-region h1{margin:0}.wip-banner{display:flex;flex-direction:row;font-size:1.2em;margin:.5rem;border:1px solid rgb(150,30,30);border-radius:.5rem;padding:.5rem;background-color:#c83232;--icon-padding: .5rem;--icon-size: 3rem}.wip-banner .wip-icon-container{display:flex;align-items:center;justify-content:center;padding:var(--icon-padding)}.wip-banner .wip-icon-container svg{height:var(--icon-size);width:var(--icon-size)}.wip-banner .wip-text-container{display:flex;flex-direction:column;width:calc(100% - (var(--icon-size) + 2 * var(--icon-padding)));text-align:center;font-weight:700}.color-visualizer{width:100%;margin-top:1rem;border:1px solid var(--card-border-color);border-radius:.5rem}.color-visualizer .title{font-weight:700;border-bottom:1px solid var(--card-border-color)}.color-visualizer .mode{font-size:.8rem;display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--card-border-color);background:var(--background-color)}.color-visualizer .mode.lightmode{color-scheme:light}.color-visualizer .mode.darkmode{color-scheme:dark}.color-visualizer .mode>div,.color-visualizer .mode button{--side: 55px;height:var(--side);width:var(--side);background:red}.color-visualizer .mode .primary{background:var(--primary-color)}.color-visualizer .mode .accent{background:var(--accent-color)}.color-visualizer .mode .text{text-align:center;align-content:center;font-size:.9rem;font-weight:700;background:var(--background-color);color:var(--text-color)}.color-visualizer .mode .button{color:var(--standard-button-text);background:var(--standard-button-background);border:1px solid var(--standard-button-border)}.color-visualizer .mode .button:hover{background:var(--standard-button-hover-background);border-color:var(--standard-button-hover-border)}.color-visualizer .mode .headers{font-size:.3em}.color-visualizer .mode .headers *{margin:0;padding:0}nav.navcluster{padding:2em;display:grid;grid-template-columns:repeat(3,1fr);gap:1em;justify-content:center;margin:1em 0}nav.navcluster .icon{margin-inline-end:.25em}nav.navcluster a{border:1px solid var(--nav-border);border-radius:8px;text-align:center;padding:1em;color:var(--text-color);text-decoration:none;transition:background-color .25s;display:inline-block}@media (max-width: 768px){nav.navcluster{grid-template-columns:repeat(2,1fr);gap:.75em;margin:.75em 0}nav.navcluster a{width:auto;min-width:0;padding:.75em .5em;font-size:.9em}}@media (max-width: 480px){nav.navcluster{grid-template-columns:1fr;gap:.5em}}.rules .page nav.navtabs{margin-inline:0}nav.navtabs.desktop-nav{display:flex;grid-template-columns:repeat(8,1fr);justify-content:center}nav.navtabs.desktop-nav a{flex:1;display:inline-block;color:var(--color)}nav.navtabs.desktop-nav div{--selected-border-color: var(--primary-color);--selected-color-background: var(--background-color);--unselected-color: var(--accent-color);--unselected-background-color: var(--background-color);--top-bottom-padding: 1em;--color: var(--selected-border-color);--backing-color: inherit;background-color:var(--backing-color);padding:var(--top-bottom-padding) .25em;height:calc(100% - 2 * var(--top-bottom-padding));display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid var(--color);border-bottom:0;--border-rad: 10px;border-radius:var(--border-rad) var(--border-rad) 0 0}nav.navtabs.desktop-nav div.nav-tab-bumper{border:0;height:100%;border-bottom:1px solid var(--color)}nav.navtabs.desktop-nav div .icon{margin-inline-end:.5em}nav.navtabs.desktop-nav a.selected-tab{background-color:var(--selected-border-color);color:var(--primary-color)}nav.navtabs.desktop-nav a.unselected-tab div{--color: var(--unselected-color);--backing-color: var(--unselected-background-color);border-bottom:1px solid var(--selected-border-color)}nav.navtabs.desktop-nav a.unselected-tab div{--c1: hsl(from var(--background-color) h calc(s*.8) calc(l*.95) );--c2: hsl(from var(--background-color) h calc(s*.7) calc(l*.8) );background-color:light-dark(var(--c1),var(--c2));transition:all .3s ease;position:relative;overflow:hidden}nav.navtabs.desktop-nav a.unselected-tab div:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#646cff0d,#7c7cf81a,#646cff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}nav.navtabs.desktop-nav a.unselected-tab:hover div{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 1px 4px #646cff33}nav.navtabs.desktop-nav a.unselected-tab:hover div:after{opacity:1}@media (max-width: 1600px){nav.navcluster{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){nav.navcluster{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){nav.navcluster{grid-template-columns:repeat(1,1fr)}}.mobile-menu-toggle,.mobile-sidebar{display:none}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex;position:fixed;top:1rem;right:1rem;z-index:1001;background-color:var(--primary-color, #646cff);color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1.2em;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background-color .2s;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background-color:hsl(from var(--primary-color, #5a5fcf) h s calc(l*1.2))}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:0!important}.mobile-sidebar{display:flex;flex-direction:column;position:fixed;top:0;right:-300px;width:280px;height:100vh;background-color:var(--card-background, #2a2a2a);border-left:1px solid var(--accent-color, #646cff);z-index:1000;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000004d}.mobile-sidebar.open{right:0}.mobile-sidebar .mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background-color:var(--accent-color, #646cff);color:#fff}.mobile-sidebar .mobile-sidebar-header h3{margin:0;font-size:1.2em;color:#fff;text-decoration:none}.mobile-sidebar-close{background:none;border:none;color:#fff;font-size:1.2em;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-sidebar-close:hover{background-color:#ffffff1a}.mobile-sidebar-content{flex:1;padding:1rem 0;overflow-y:auto}.mobile-nav-link{--shading: light-dark( rgb(10 10 10 / .1), rgb(255 255 255 / .05) );display:flex;align-items:center;padding:1rem 1.5rem;color:var(--text-color, white);text-decoration:none;border-bottom:1px solid var(--shading);transition:background-color .2s;font-size:1em;min-height:44px}.mobile-nav-link:hover{background-color:var(--shading)}.mobile-nav-link.active{background-color:var(--primary-color, pink);color:#fff;border-left:4px solid white}.mobile-nav-link .icon{margin-right:.75rem;font-size:1.1em;width:1.2em;text-align:center}}@media (max-width: 480px){.mobile-menu-toggle{top:.75rem;right:.75rem;padding:.6rem}.mobile-sidebar{width:100vw;right:-100vw;border-left:none}.mobile-sidebar-header{padding:1rem}.mobile-nav-link{padding:1.2rem 1rem;font-size:1.1em}}@keyframes selectedTabPulse{0%,to{box-shadow:0 calc(-1*var(--start-size)) 0 var(--start-size) hsl(from var(--accent-color) h s calc(l*1.1) / .2),inset 0 0 #fff3}50%{box-shadow:0 calc(-1*var(--end-size)) 0 var(--end-size) hsl(from var(--accent-color) h s calc(l*1.1) / .4),inset 0 0 #ffffff4d}}nav.navtabs.desktop-nav a.selected-tab div{--start-size: 1px;--end-size: 4px;animation:selectedTabPulse 3s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (prefers-contrast: high){nav.navtabs.desktop-nav a.selected-tab div{border-width:2px;box-shadow:none}nav.navtabs.desktop-nav a.unselected-tab div{border-width:2px}}.toggle{margin:0}.demon-clan-component .title{display:grid;grid-template-columns:1fr max-content}.demon-clan-component .ashborn{color:var(--ashborn-faction-primary);--hover-on-faction-color: var(--ashborn-faction-background);--hover-on-faction-border: var(--ashborn-faction-accent)}.demon-clan-component .stoneveined{color:var(--stoneveined-faction-primary);--hover-on-faction-color: var(--stoneveined-faction-background);--hover-on-faction-border: var(--stoneveined-faction-accent)}.demon-clan-component .thornwraith{color:var(--thornwraith-faction-primary);--hover-on-faction-color: var(--thornwraith-faction-background);--hover-on-faction-border: var(--thornwraith-faction-accent)}.demon-clan-component .umbral{color:var(--umbral-faction-primary);--hover-on-faction-color: var(--umbral-faction-background);--hover-on-faction-border: var(--umbral-faction-accent)}.demon-clan-component .vastfathom{color:var(--vastfathom-faction-primary);--hover-on-faction-color: var(--vastfathom-faction-background);--hover-on-faction-border: var(--vastfathom-faction-accent)}.demon-clan-component .zephpter{color:var(--zephpter-faction-primary);--hover-on-faction-color: var(--zephpter-faction-background);--hover-on-faction-border: var(--zephpter-faction-accent)}.demon-clan-component .wanderlost{color:var(--wanderlost-faction-primary);--hover-on-faction-color: var(--wanderlost-faction-background);--hover-on-faction-border: var(--wanderlost-faction-accent)}.demon-clan-component .oath-button{color:light-dark(black,white);box-sizing:border-box;font-size:.6em;background-color:var(--background-color);margin:0;padding:0;margin-inline:.5em;padding-inline:.5em}.demon-clan-component .oath-button:hover{border:1px solid var(--hover-on-faction-border);background-color:var(--hover-on-faction-color)}.demon-clan-component .selected .oath-button{color:var(--accent-color)}.skill-check-listing .tags-list{padding-inline:1px;background-color:var(--tags-list-background)}.rule-display{margin:1em 0;padding:.5em 0}.rule-display-title{margin:0 0 .5em;color:#f0f;font-size:1.2em}.rule-display-summary{margin:.5em 0;font-weight:500}.rule-display-details{margin:.5em 0;color:#ffc0cbe6}.rule-display-examples{margin:.5em 0}.rule-display-examples strong{color:#f0f}.rule-display-examples ul{margin:.3em 0;padding-left:1.2em}.rule-display-examples li{margin-bottom:.2em;color:#ffb6c1cc}.rule-display-related{margin:.5em 0;font-size:.9em}.rule-display-related strong{color:#f0f}.rule-inline{display:inline}.rule-not-found{color:#ff1493;font-style:italic;background-color:#ff14931a;padding:.2em .4em;border-radius:3px}.rule-keyword{cursor:help;border-bottom:1px dotted currentColor;text-decoration:none;position:relative;color:var(--rule-keyword-text-color)}.rule-keyword:hover{color:var(--rule-keyword-text-hover-color)}.rule-popup{background-color:var(--card-background);border:2px solid var(--card-tag-background);border-radius:8px;padding:1em;max-width:400px;min-width:250px;box-shadow:0 4px 12px #0000004d;font-size:.9em;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rule-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid rgba(255,192,203,.2)}.rule-title{margin:0;font-size:1.1em;font-weight:700}.rule-category{background-color:var(--card-tag-background);padding:.2em .5em;border-radius:4px;font-size:.8em;text-transform:capitalize}.rule-summary{margin-bottom:.5em;font-weight:500}.rule-details{margin-bottom:.5em;font-size:.95em}.rule-examples{margin-bottom:.5em}.rule-examples strong{color:var(--primary-color);font-size:.9em}.rule-examples ul{margin:.3em 0 0;padding-left:1.2em;list-style-type:"• "}.rule-examples li{margin-bottom:.2em;font-size:.85em}.rule-related{border-top:1px solid rgba(255,192,203,.2);padding-top:.5em;margin-top:.5em}.rule-related strong{color:var(--header-quaternary-color);font-size:.9em}.related-rules{margin-left:.5em}.related-rules .related-rule-link{color:var(--rule-keyword-text-color);border-bottom:1px dotted var(--rule-keyword-text-color);cursor:pointer;font-size:.85em}.related-rules .related-rule-link:hover{color:var(--rule-keyword-text-hover-color);border-bottom-color:var(--rule-keyword-text-hover-color)}.rule-popup-top:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--card-tag-background)}.rule-popup-bottom:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--card-tag-background)}.rule-popup-left:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--card-tag-background)}.rule-popup-right:before{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--card-tag-background)}@media (max-width: 768px){.rule-popup{max-width:90vw;font-size:.85em}}.rule-popup{z-index:9999}.blood-flip-button{background:linear-gradient(135deg,#8b0000,#dc143c,#8b0000);border:2px solid #660000;border-radius:8px;color:#fff;font-size:16px;font-weight:700;padding:12px 24px;cursor:pointer;position:relative;overflow:visible;text-shadow:0 0 8px rgba(139,0,0,.8);box-shadow:0 4px 8px #8b00004d,inset 0 1px #ffffff1a;transition:all .3s ease;margin:20px 0;text-transform:uppercase;letter-spacing:1px;z-index:10}.blood-flip-button:hover{background:linear-gradient(135deg,#a00000,#ff1493,#a00000);border-color:#700;box-shadow:0 6px 12px #8b000080,inset 0 1px #fff3;transform:translateY(-2px);animation:bloodPulse .5s ease-in-out infinite alternate}.blood-flip-button:active{transform:translateY(0);box-shadow:0 2px 4px #8b000066,inset 0 1px #ffffff1a;animation:bloodShake .3s ease-in-out}.blood-flip-button:before,.blood-flip-button:after{content:"🩸";position:absolute;font-size:12px;opacity:0;pointer-events:none;z-index:20}.blood-flip-button:before{top:-25px;left:20%;animation:bloodDrop1 2s ease-in-out infinite}.blood-flip-button:after{top:-30px;right:25%;font-size:10px;animation:bloodDrop2 2.5s ease-in-out infinite .8s}.blood-flip-button:hover:before,.blood-flip-button:hover:after{opacity:1;animation-play-state:running}.blood-flip-container{display:flex;justify-content:center;align-items:center;margin:20px 0;position:relative}.blood-flip-container:before,.blood-flip-container:after{content:"🩸";position:absolute;font-size:8px;opacity:0;pointer-events:none;z-index:5}.blood-flip-container:before{left:-40px;top:10px;animation:bloodSplatter1 3s ease-in-out infinite}.blood-flip-container:after{right:-40px;top:-5px;animation:bloodSplatter2 4s ease-in-out infinite 1.5s}.blood-flip-button:hover~*,.blood-flip-container:hover:before,.blood-flip-container:hover:after{animation-play-state:running}.blood-flip-container:hover{position:relative}.blood-flip-container:hover:before{content:"💀";position:absolute;left:-60px;top:50%;transform:translateY(-50%);font-size:16px;opacity:0;animation:spookySideEffect 2s ease-in-out infinite}.blood-flip-container:hover:after{content:"💀";position:absolute;right:-60px;top:50%;transform:translateY(-50%);font-size:16px;opacity:0;animation:spookySideEffect 2s ease-in-out infinite 1s}@keyframes spookySideEffect{0%,to{opacity:0;transform:translateY(-50%) scale(.5) rotate(0)}50%{opacity:.8;transform:translateY(-50%) scale(1.2) rotate(180deg)}}@keyframes bloodDrop1{0%{opacity:0;transform:translateY(0) scale(.3) rotate(0)}15%{opacity:1;transform:translateY(5px) scale(1) rotate(10deg)}85%{opacity:.8;transform:translateY(60px) scale(.8) rotate(45deg)}to{opacity:0;transform:translateY(80px) scale(.2) rotate(90deg)}}@keyframes bloodDrop2{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}10%{opacity:1;transform:translateY(3px) scale(1.2) rotate(-5deg)}80%{opacity:.9;transform:translateY(70px) scale(.6) rotate(-30deg)}to{opacity:0;transform:translateY(90px) scale(.1) rotate(-60deg)}}@keyframes bloodSplatter1{0%,85%,to{opacity:0;transform:scale(.3) rotate(0)}5%{opacity:.4;transform:scale(.8) rotate(20deg)}15%,75%{opacity:.8;transform:scale(1.5) rotate(180deg)}45%{opacity:1;transform:scale(1) rotate(90deg)}}@keyframes bloodSplatter2{0%,90%,to{opacity:0;transform:scale(.2) rotate(0)}10%{opacity:.6;transform:scale(1) rotate(-15deg)}20%,80%{opacity:1;transform:scale(1.8) rotate(-180deg)}50%{opacity:.9;transform:scale(1.2) rotate(-90deg)}}body.blood-flipped:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(220,20,60,.1) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:eerieBackground 5s ease-in-out infinite alternate}@keyframes eerieBackground{0%{background:radial-gradient(circle at 25% 25%,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(220,20,60,.1) 0%,transparent 50%)}to{background:radial-gradient(circle at 75% 25%,rgba(139,0,0,.15) 0%,transparent 50%),radial-gradient(circle at 25% 75%,rgba(220,20,60,.15) 0%,transparent 50%)}}body.blood-flipped{transform:rotate(180deg);--background-color: #0a0000;color:#dc143c!important;transition:all .8s ease-in-out;background:radial-gradient(circle at center,#1a0000,#0a0000);min-height:100vh}body.blood-flipped .blood-flip-button{transform:rotate(180deg)}body.blood-flipped *{color:#dc143c!important;text-shadow:0 0 4px rgba(220,20,60,.6)}body.blood-flipped a,body.blood-flipped button:not(.blood-flip-button),body.blood-flipped .nav-tab,body.blood-flipped .toggle-label{color:#ff4500!important;text-shadow:0 0 6px rgba(255,69,0,.8)}body.blood-flipped .blood-flip-button{background:linear-gradient(135deg,red,#8b0000,red);color:#000!important;text-shadow:0 0 8px rgba(255,0,0,1);border-color:#a00;box-shadow:0 4px 8px #ff000080,inset 0 1px #0000004d}html,body{transition:transform .8s ease-in-out,background-color .8s ease-in-out}.blood-flip-container{z-index:1000;position:relative}@media (prefers-reduced-motion: reduce){.blood-flip-button,.blood-flip-button:before,.blood-flip-button:after,.blood-flip-container:before,.blood-flip-container:after,body.blood-flipped,html,body{animation:none!important;transition:none!important}body.blood-flipped{transform:rotate(180deg);background-color:#0a0000}}.blood-flip-container.secret-reveal{animation:bloodSecretReveal 2s ease-out}@keyframes bloodSecretReveal{0%{opacity:0;transform:scale(.5) translateY(-50px);filter:blur(10px)}20%{opacity:.3;transform:scale(.8) translateY(-20px);filter:blur(5px)}60%{opacity:.8;transform:scale(1.1) translateY(5px);filter:blur(1px)}80%{opacity:1;transform:scale(.95) translateY(-2px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.blood-flip-container.secret-reveal:before{content:"🩸💀🩸";position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:20px;opacity:0;animation:sacrificeSymbols 2s ease-out;z-index:100}@keyframes sacrificeSymbols{0%{opacity:0;transform:translate(-50%) scale(2) rotate(0)}30%{opacity:1;transform:translate(-50%) scale(1) rotate(180deg)}70%{opacity:.8;transform:translate(-50%) scale(1.2) rotate(360deg)}to{opacity:0;transform:translate(-50%) scale(.5) rotate(540deg)}}.blood-flip-container.secret-reveal:after{content:"THE SACRIFICE HAS BEEN ACCEPTED...";position:absolute;top:-70px;left:50%;transform:translate(-50%);color:#8b0000;font-size:12px;font-weight:700;text-shadow:0 0 8px rgba(139,0,0,.8);opacity:0;animation:ominousMessage 2s ease-out;z-index:99;white-space:nowrap;text-transform:uppercase;letter-spacing:2px}@keyframes ominousMessage{0%{opacity:0;transform:translate(-50%) translateY(-20px)}40%,80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(10px)}50%{opacity:.5;transform:translate(-50%) translateY(0)}}body.secret-activated{animation:bloodScreenFlash .5s ease-out}@keyframes bloodScreenFlash{0%{background-color:transparent}50%{background-color:#8b00001a}to{background-color:transparent}}.blood-flip-container:not(.secret-reveal){display:none!important;visibility:hidden;opacity:0}.check-results-grid{display:grid;grid-template-columns:max-content 1fr}.check-results-grid.with-numeral{grid-template-columns:max-content max-content 1fr}.check-results-grid>div{padding-inline:.4em;align-content:center}.check-results-grid>div.data{background-color:var(--table-body-background-color);border:1px solid var(--table-border-color)}.check-results-grid>div.number-result{text-align:center}.check-results-grid>div.title{color:var(--table-header-text-color);font-weight:700;background-color:var(--table-header-background-color);text-align:center}.check-results-grid:not(.with-numeral)>div.data:nth-child(3),.check-results-grid:not(.with-numeral)>div.data:nth-child(4){border-top:none}.check-results-grid.with-numeral>div.data:nth-child(4),.check-results-grid.with-numeral>div.data:nth-child(5),.check-results-grid.with-numeral>div.data:nth-child(6){border-top:none}.injuries-table td{max-width:100px}.injuries-table td.roll-column{width:55px;text-align:center}.simple-header .movement-cost{padding-inline:.6em;font-size:.85em;color:var(--text-secondary-color)}.character-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--table-border-color);background-color:var(--table-body-background-color)}.character-stats-grid .stat-cell{padding:.5em;text-align:center;border:1px solid var(--table-border-color);--cell-text-color: var(--text-offset-color)}.character-stats-grid .stat-cell.custom-skill .stat-input{height:1.5em}.character-stats-grid .stat-cell .stat-label{font-size:1rem;color:var(--cell-text-color)}.character-stats-grid .stat-cell .stat-input{background:transparent;color:var(--cell-text-color);border:none;border-radius:4px;padding:.25rem .5rem;padding:0;font-size:1rem;font-family:inherit;font-weight:inherit;width:60px;width:1.25em;text-align:center;margin-right:.5rem;transition:all .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.character-stats-grid .stat-cell .stat-input:focus{outline:none;background-color:#646cff1a;border:1px solid #646cff;box-shadow:0 0 0 2px #646cff33}.character-stats-grid .stat-cell .stat-input:hover{background-color:#646cff0d}.character-stats-grid .stat-cell .stat-input::-webkit-outer-spin-button,.character-stats-grid .stat-cell .stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.character-stats-grid .stat-cell .stat-input.freeform{border:1px solid #646cff;width:6.6em;font-size:.95rem}.character-stats-grid div,.character-stats-grid .stat-cell{grid-column:span 2}.character-stats-grid .attack-bonus-cell{grid-column:span 4}.character-stats-grid .attack-bonus-cell ul{list-style-type:""}.attack-bonus-cell .wrapper{display:grid;grid-template-columns:2.75em 1fr}.attack-bonus-cell .attack-bonus-prefix{text-align:center;align-content:center;color:var(--cell-text-color);font-size:1rem;border:1px solid rgb(0 0 0 / 0%)}.attack-bonus-cell .attack-bonus-select{background:transparent;color:var(--cell-text-color);width:100%;border:1px solid rgb(0 0 0 / 0%);border-radius:4px;padding:.25rem .5rem;padding-inline-start:0;font-size:1rem;font-family:inherit;font-weight:inherit;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.attack-bonus-cell .attack-bonus-select:focus{outline:none;background-color:#646cff1a;border:1px solid #646cff;box-shadow:0 0 0 2px #646cff33}.attack-bonus-cell .attack-bonus-select:hover{background-color:#646cff0d}.attack-bonus-cell .attack-bonus-select option{background-color:#333;color:var(--cell-text-color)}@media (max-width: 768px){.stat-cell.attack-bonus-cell{grid-column:span 3}.stat-cell.custom-skill{grid-column:span 3}.stat-cell.custom-skill .wrapper{display:flex;flex-direction:row;gap:1em}.stat-cell.custom-skill .wrapper .stat-label{font-size:1.2em;align-items:center;align-content:center}.stat-cell.custom-skill .wrapper .stat-input{width:100%}}:root .character-stats-grid .stat-cell.attack-bonus-cell.editable .attack-bonus-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg fill='rgba(255,255,255,0.87)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .25rem center;background-size:1rem;padding-right:2rem}:root[data-theme=light] .character-stats-grid .stat-cell.attack-bonus-cell.editable .attack-bonus-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg fill='rgba(0,0,0,0.87)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e")}div.perk{break-inside:avoid-column;margin-bottom:1rem}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{background-color:var(--card-background);border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow:hidden;animation:dialogSlideIn .2s ease-out;@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}.confirm-dialog.wide{max-width:666px}.confirm-dialog .header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444}.confirm-dialog .header .title{margin:0;font-size:1.25rem}.confirm-dialog .header .close{color:var(--text-offset-color);background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.confirm-dialog .header .close:hover{color:var(--text-color);background-color:#ffffff1a}.confirm-dialog .header .close:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.confirm-dialog .body{padding:1.5rem}.confirm-dialog .body .message{margin:0;font-size:1rem;color:var(--text-color)}.confirm-dialog .action-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;margin:0;border-top:1px solid #444;padding:1rem 1.5rem;gap:.75rem}.confirm-dialog .action-buttons .button{padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;min-width:80px;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.confirm-dialog .action-buttons .button:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.confirm-dialog .action-buttons .button.primary{background-color:#646cff;color:#fff;border-color:#646cff}.confirm-dialog .action-buttons .button.primary:hover{background-color:#5a5fcf;border-color:#5a5fcf}.confirm-dialog .action-buttons .button.primary:active{background-color:#4f54b8;border-color:#4f54b8}.confirm-dialog .action-buttons .button.danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.confirm-dialog .action-buttons .button.danger:hover{background-color:#c82333;border-color:#c82333}.confirm-dialog .action-buttons .button.danger:active{background-color:#bd2130;border-color:#bd2130}.confirm-dialog .action-buttons .button.secondary{background-color:transparent;color:var(--btn-bg-color);border-color:#555}.confirm-dialog .action-buttons .button.secondary:hover{background-color:#ffffff1a;color:var(--primary-color);border-color:#777}.confirm-dialog .action-buttons .button .button-icon{font-size:.9em}.dice-roller-header{background-color:#646cff1a;border-bottom:1px solid rgba(100,108,255,.2)}.dice-roller-header .header-icon{--header-icon-color: #646cff}.dice-roller-header:hover{background-color:#646cff26}.dice-roller-header:hover .header-icon{transform:rotate(15deg)}.dice-input-section{margin-bottom:1rem}.dice-display{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background-color:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.dice-display .dice-formula{font-size:1.1rem;font-weight:700;color:#646cff;font-family:Courier New,monospace}.dice-display .plus-sign,.dice-display .bonus-label{font-weight:700;margin-inline:.25em}.dice-display .bonus-input{box-sizing:border-box;width:3.5em;border:1px solid var(--bonus-value-color);border-radius:4px;font-size:1rem;text-align:center}.dice-display .bonus-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.difficulty-shortcuts{margin-top:.75rem;margin-bottom:1rem}.difficulty-shortcuts .shortcuts-label{display:block;font-size:.85rem;margin-bottom:.5rem}.difficulty-shortcuts .difficulty-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.difficulty-shortcuts .difficulty-buttons .difficulty-btn{color:var(--difficulty-button-color);background-color:var(--difficulty-button-background-color);border:1px solid var(--difficulty-button-border-color);border-radius:4px;padding:.5rem;font-size:.8rem;cursor:pointer;transition:all .2s}.difficulty-shortcuts .difficulty-buttons .difficulty-btn:hover{background-color:var(--difficulty-button-hover-background-color);border-color:var(--difficulty-button-hover-border-color)}.difficulty-shortcuts .difficulty-buttons .difficulty-btn.active{color:var(--difficulty-button-active-color);background-color:var(--difficulty-button-active-background-color);border-color:var(--difficulty-button-active-border-color)}.roll-actions{display:flex;gap:.5rem;flex-wrap:wrap}.roll-actions .roll-btn{flex:1;background-color:#646cff;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.roll-actions .roll-btn:hover:not(:disabled){background-color:#5a5fcf;transform:translateY(-1px)}.roll-actions .roll-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.roll-actions .roll-btn.rolling{animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{background-color:#646cff}to{background-color:#8b5cf6}}.reset-btn{background-color:#6c757d;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.history-btn{background-color:#17a2b8;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s}.history-btn:hover{background-color:#138496;transform:translateY(-1px)}.dice-result-section{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dice-results{margin-bottom:1rem}.individual-dice{display:flex;gap:.5rem;margin-bottom:.75rem;justify-content:center}.die{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#fff;color:#333;border-radius:6px;font-size:1.2rem;font-weight:700;border:2px solid #ddd;box-shadow:0 2px 4px #0003;font-family:Courier New,monospace}.die-1{background-color:#ff6b6b;color:#fff;border-color:#e74c3c}.die-6{background-color:#51cf66;color:#fff;border-color:#2ecc71}.calculation{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;font-family:Courier New,monospace}.calculation .dice-sum{color:#646cff;font-weight:700}.calculation .bonus-value{color:var(--bonus-value-color);font-weight:700}.calculation .total-result{color:var(--rank-color);background-color:var(--rank-background-color-1);font-weight:700;font-size:1.3rem;padding:.25rem .5rem;border-radius:8px}.success-rank{padding:1rem;border-radius:8px;border:2px solid;margin-top:.5rem;background-color:var(--rank-background-color-1);border-color:var(--rank-border-color)}.success-rank .rank-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.success-rank .rank-header .rank-number{font-size:1.2rem;font-weight:700;color:var(--rank-color)}.success-rank .rank-description{font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.success-rank.special-hellsWrath{background-color:#8b000033;border-color:#8b0000;animation:hellsWrathPulse 2s ease-in-out infinite}.success-rank.special-hellishTriumph{background-color:#ffd70033;border-color:gold;animation:triumphGlow 2s ease-in-out infinite}@keyframes hellsWrathPulse{0%,to{box-shadow:0 0 5px #8b000080}50%{box-shadow:0 0 20px #8b0000cc}}@keyframes triumphGlow{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.special-indicator{font-size:.9rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;background-color:#ffffff1a}.success-rank.special-hellsWrath .special-indicator{color:#ff6b6b}.success-rank.special-hellishTriumph .special-indicator{color:gold}.special-description{color:var(--text-offset-color);font-size:.85rem;font-style:italic;padding-top:.5rem;border-top:1px solid var(--gentle-border-color)}.roll-history{margin-top:1rem;border-top:1px solid var(--gentle-border-color);padding-top:1rem;animation:slideDown .3s ease}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header span{color:#fffc;font-weight:500;font-size:.9rem}.clear-history-btn{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-history-btn:hover{background-color:#c82333}.history-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;border:1px solid;font-size:.85rem;background-color:var(--rank-background-color-1);border-color:var(--rank-border-color)}.history-dice{display:flex;align-items:center;gap:.25rem}.mini-die{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:#fff;color:#333;border-radius:3px;font-size:.8rem;font-weight:700;font-family:Courier New,monospace}.history-bonus{color:var(--bonus-value-color);font-weight:700;font-family:Courier New,monospace;margin-left:.25rem}.history-result{display:flex;align-items:center;gap:.5rem}.history-result .history-total{color:var(--rank-color);font-size:1.2em;font-weight:700;font-family:Courier New,monospace}.history-result .history-rank{color:var(--rank-color);font-size:1.2em;background-color:#ffffff1a;padding:.1rem .3rem;border-radius:3px;font-weight:700}.probability-display{margin:1rem 0;padding:.75rem;background:linear-gradient(135deg,#646cff1a,#8b5cf61a);border-radius:8px;border:1px solid rgba(100,108,255,.2)}.probability-header{display:flex;align-items:center;padding:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:4px;border-bottom:1px solid rgba(255,255,255,.1)}.probability-header:hover{background:#ffffff14;transform:translateY(-1px)}.probability-header:active{transform:translateY(0)}.probability-title-section{display:flex;align-items:center;gap:.5rem}.collapse-indicator{font-size:.7rem;color:var(--probability-title);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.collapse-indicator.expanded{transform:rotate(0)}.collapse-indicator.collapsed{transform:rotate(-90deg)}.probability-content{animation:slidedown .3s ease-out;overflow:hidden;transition:all 3.3s cubic-bezier(.4,0,.2,1);transform-origin:top;opacity:0;max-height:0;transform:scaleY(.8)}.probability-content.show{opacity:1;max-height:500px;transform:scaleY(1)}.total-bonus-section{display:flex;justify-content:center;margin-bottom:.75rem;padding:.5rem;background:#ffffff0d;border-radius:4px}.total-bonus-section .total-bonus{font-size:.85rem;font-family:Courier New,monospace;padding:.2rem .5rem;background:#ffffff1a;border-radius:4px}.total-bonus-section .bonus-value{color:var(--bonus-value-color);font-weight:700;margin-left:.25rem}.probability-title{font-weight:600;color:var(--probability-title);font-size:.9rem}.probability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.prob-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:6px;border:1px solid transparent;transition:all .2s ease;background:#ffffff0d}.prob-item .prob-rank{font-weight:600;font-size:.75rem;margin-bottom:.2rem}.prob-item.rank-0{border-color:var(--rank-0-border-color);background:linear-gradient(135deg,var(--rank-0-background-color-1),var(--rank-0-background-color-2))}.prob-item.rank-0 .prob-rank{color:var(--rank-0-color)}.prob-item.rank-1{border-color:var(--rank-1-border-color);background:linear-gradient(135deg,var(--rank-1-background-color-1),var(--rank-1-background-color-2))}.prob-item.rank-1 .prob-rank{color:var(--rank-1-color)}.prob-item.rank-2{border-color:var(--rank-2-border-color);background:linear-gradient(135deg,var(--rank-2-background-color-1),var(--rank-2-background-color-2))}.prob-item.rank-2 .prob-rank{color:var(--rank-2-color)}.prob-item.rank-3{border-color:var(--rank-3-border-color);background:linear-gradient(135deg,var(--rank-3-background-color-1),var(--rank-3-background-color-2))}.prob-item.rank-3 .prob-rank{color:var(--rank-3-color)}.prob-item:hover{box-shadow:0 2px 8px #0003}.prob-range{font-size:.7rem;margin-bottom:.3rem;font-family:Courier New,monospace}.prob-percentage{font-size:.9rem;font-weight:700}@media (max-width: 768px){.floating-dice-roller{max-width:none;min-width:auto}.dice-display{flex-wrap:wrap;justify-content:center}.difficulty-buttons{grid-template-columns:1fr 1fr;gap:.25rem}.difficulty-btn{font-size:.75rem;padding:.4rem}.roll-actions{flex-direction:column}.roll-btn,.reset-btn,.history-btn{width:100%}.individual-dice{gap:.25rem}.die{width:2rem;height:2rem;font-size:1rem}.calculation{font-size:1rem}.total-result{font-size:1.1rem}.history-list{max-height:150px}.mini-die{width:1.2rem;height:1.2rem;font-size:.7rem}}@media (max-width: 768px){.probability-display{padding:.5rem}.probability-header{padding:.4rem}.probability-title-section{gap:.4rem}.total-bonus-section{margin-bottom:.5rem;padding:.4rem}.probability-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.prob-item{padding:.4rem}.probability-title{font-size:.8rem}.total-bonus{font-size:.75rem;padding:.15rem .4rem}.prob-rank{font-size:.7rem}.prob-range{font-size:.65rem}.prob-percentage{font-size:.8rem}}@media (max-width: 480px){.probability-grid{grid-template-columns:1fr;gap:.3rem}.prob-item{flex-direction:row;justify-content:space-between;padding:.4rem .6rem}.prob-rank,.prob-range{margin-bottom:0}}.status-effects-header{background-color:#dc35451a;border-bottom:1px solid rgba(220,53,69,.2)}.status-effects-header .header-icon{--header-icon-color: #dc3545}.status-effects-header:hover{background-color:#dc354526}.status-effects-header:hover .header-icon{transform:rotate(15deg)}.status-effects-header svg{margin-right:.5rem}.status-effects-header .expand-arrow{margin-right:0}.status-effects-panel{max-height:270px;overflow-y:auto}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-list .status-item{background-color:light-dark(rgb(0 0 0 / .1),rgb(255 255 255 / .05));border:1px solid light-dark(rgb(0 0 0 / .2),rgb(255 255 255 / .1));border-radius:6px;padding:.75rem;transition:all .2s;cursor:pointer}.status-list .status-item:hover{border-color:#dc3848;background-color:#dc35451a;transform:translateY(-1px)}.status-list .status-item .details{font-size:.85em}.status-list .status-item .status-effect-values{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background-color:#ffffff1a;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background-color:#dc354580;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background-color:#dc3545b3}@media (max-width: 768px){.status-effects-manager{width:95vw;max-height:90vh}.status-effects-grid{grid-template-columns:1fr}.floating-status-effects{max-width:none;min-width:auto}.floating-status-effects .status-effects-content{max-height:200px}.floating-status-item{padding:.5rem}.status-effects-header .header-text{font-size:.85rem}}.floating-panels-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:500;pointer-events:none}.panel-slot{pointer-events:auto}@media (max-width: 768px){.floating-panels-container{top:10px;right:10px;left:10px;align-items:stretch}.panel-slot{width:100%}}.floating-panel{position:relative;background-color:var(--card-background);border:1px solid #444;border-radius:8px;min-width:350px;max-width:350px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;overflow:hidden}.floating-panel .panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.floating-panel .panel-header .header-icon{color:var(--header-icon-color);transition:transform .3s ease}.floating-panel .panel-header .header-text{flex:1;color:var(--text-color);font-weight:500;font-size:.9rem}.floating-panel .panel-header .header-expand-arrow{color:var(--text-color);font-size:.8rem;transition:transform .2s ease}.floating-panel .panel-header .expanded .header-expand-arrow{transform:rotate(90deg)}.floating-panel .panel-content{padding:1rem;animation:slideDown .3s ease}.import-export-panel{margin:1rem 0;background-color:var(--card-background);border:1px solid #444;border-radius:8px;overflow:hidden}.panel-toggle{width:100%;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:#ffffffde;border:none;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;text-align:left}.panel-toggle:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);transform:translateY(-1px)}.panel-toggle:active{transform:translateY(0)}.toggle-arrow{transition:transform .3s ease;font-size:.9rem}.toggle-arrow.expanded{transform:rotate(180deg)}.panel-content{padding:1.5rem;background-color:var(--card-background);border-top:1px solid #444;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.panel-section h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}h5{margin:0 0 .5rem;font-size:1rem;font-weight:600}.storage-info{background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:6px;padding:1rem;margin-bottom:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.info-label{color:var(--text-offset-color);font-weight:500}.info-value{color:light-dark(#17928e,#95f4ec);font-weight:600}.export-btn,.import-btn,.clear-btn{background:linear-gradient(135deg,#646cff,#8b5cf6);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.export-btn:hover,.import-btn:hover,.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff4d}.export-btn:active,.import-btn:active,.clear-btn:active{transform:translateY(0)}.export-btn:disabled,.import-btn:disabled,.clear-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.export-btn{background:linear-gradient(135deg,#10b981,#059669)}.export-btn:hover{box-shadow:0 4px 12px #10b9814d}.import-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.import-btn:hover{box-shadow:0 4px 12px #3b82f64d}.danger-section{background-color:#dc35450d;border:1px solid rgba(220,53,69,.2);border-radius:6px;padding:1rem}.danger-section h4{color:#dc3545}.danger-btn{background:linear-gradient(135deg,#dc3545,#c82333)}.danger-btn:hover{box-shadow:0 4px 12px #dc35454d}.import-controls{margin-bottom:1rem}.import-note{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:.75rem;font-size:.9rem;color:#f59e0b;line-height:1.4}.import-note strong{color:#fbbf24}.panel-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tips ul{margin:.5rem 0 0 1rem;padding:0}.tips li{color:var(--text-offset-color);margin-bottom:.25rem;font-size:.9rem;line-height:1.3}.action-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.action-buttons .export-btn,.action-buttons .import-btn,.action-buttons .clear-btn{flex:1;min-width:120px;text-align:center;white-space:nowrap;padding:.75rem 1rem;font-size:.9rem}.action-note{background-color:#3b82f633;border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:.75rem;font-size:.85rem;margin-top:.5rem}.action-note strong{color:#3b82f6}.action-buttons .export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.action-buttons .import-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.action-buttons .clear-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.action-buttons{flex-direction:column}.action-buttons .export-btn,.action-buttons .import-btn,.action-buttons .clear-btn{flex:none;width:100%}.panel-content{padding:1rem}.panel-section{margin-bottom:1.5rem;padding-bottom:1rem}.export-btn,.import-btn,.clear-btn{width:100%;justify-content:center;margin-bottom:.5rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.storage-info{padding:.75rem}}.import-btn:disabled{position:relative;overflow:hidden}.import-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.panel-content .success-message,.panel-content .error-message{margin-bottom:1rem;padding:.75rem;border-radius:4px;font-weight:500;animation:messageSlideIn .3s ease-out}.panel-content .success-message{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.panel-content .error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-toggle svg,.panel-section h4 svg,.export-btn svg,.import-btn svg,.clear-btn svg,.tips h5 svg{margin-right:.5rem}.toggle-arrow svg{margin-right:0;font-size:.8rem}.export-btn svg,.import-btn svg,.clear-btn svg{margin-right:.5rem}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.notification{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent}.notification-success{background-color:#10b981e6;border-color:#10b98199;color:#fff}.notification-error{background-color:#dc3545e6;border-color:#dc354599;color:#fff}.notification-warning{background-color:#f59e0be6;border-color:#f59e0b99;color:#fff}.notification-info{background-color:#3b82f6e6;border-color:#3b82f699;color:#fff}.notification-content{display:flex;align-items:center;gap:.75rem;flex:1}.notification-icon{font-size:1.2rem;flex-shrink:0}.notification-message{font-weight:500;line-height:1.4}.notification-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:4px;transition:all .2s ease;margin-left:.5rem}.notification-close:hover{background-color:#fff3;color:#fff}.notification-close:active{background-color:#ffffff4d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{padding:.75rem}.notification-message{font-size:.9rem}}.notification.removing{animation:slideOutRight .3s ease-in forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.character-selector{display:flex;flex-wrap:wrap;margin:1rem 0;border:1px solid #444;border-radius:8px;padding:1rem;background-color:var(--card-background);align-items:center;justify-content:space-between;gap:1rem}.character-selector label{display:inline-block;margin-right:.5rem;font-weight:500}.character-selector select{background-color:light-dark(#ddd,#333);border:1px solid light-dark(#bbb,#555);border-radius:4px;padding:.5rem;font-size:1rem;min-width:300px;max-width:500px}.character-selector select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.character-selector select option{padding:.5rem;font-size:.95rem}.character-selector select option:not(:first-child){font-weight:400}.character-selector button{border-radius:4px}.character-selector .clear-all-btn{--btn-bg-color: var(--delete-button-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.generated-character-display{margin-top:1rem;padding:1rem;background-color:var(--card-background);border-radius:8px;border:1px solid #444;min-height:60vh}.generated-character-display .character-name{font-size:1.6em;font-weight:600;margin-bottom:1rem;color:var(--accent-color)}.generated-character-display .character-name .editable-name{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;position:relative;--edit-icon-opacity: .2}.generated-character-display .character-name .editable-name:hover{--edit-icon-opacity: .7;background-color:#646cff1a}.generated-character-display .character-name .editable-name .edit-icon{transition:opacity .2s;font-size:.7em;opacity:var(--edit-icon-opacity)}.generated-character-display .name-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.generated-character-display .delete-character-btn{--btn-bg-color: var(--delete-button-color);border:none;padding:.75rem 1.5rem;border-radius:4px;transition:background-color .2s;margin-left:1em}.inventory-display{margin-top:1.5em;padding:1em;background-color:var(--card-background);border:1px solid rgba(255,255,255,.2);border-radius:8px}.inventory-display .inventory-title{font-size:1.2em;font-weight:700;margin-bottom:1em;color:var(--accent-color);border-bottom:1px solid var(--accent-color);padding-bottom:.5em}.inventory-display .col-handler{gap:1em}.inventory-display .weapon,.inventory-display .item{background-color:var(--table-body-background-color);border-radius:6px;padding:.8em}.inventory-button-container{display:flex;justify-content:center;margin-top:1em}.generate-character-btn.magical-button{transition:all .3s ease}.generate-character-btn.magical-button:hover{position:relative;background:linear-gradient(45deg,#646cff,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4,#646cff);background-size:200% 200%;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;overflow:hidden;animation:rainbow-shift 3s ease-in-out infinite;box-shadow:0 0 20px #646cff4d,0 0 40px #8b5cf633,inset 0 0 20px #ffffff1a}.generate-character-btn.magical-button:hover:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:400% 400%;border-radius:6px;z-index:-1;animation:rainbow-border 2s linear infinite;opacity:0;transition:opacity .3s ease}.generate-character-btn.magical-button:hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.generate-character-btn.magical-button:hover:active{transform:translateY(0) scale(1.02);animation:rainbow-shift 1s ease-in-out infinite,magical-burst .6s ease-out}.generate-character-btn.magical-button:hover:hover:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),rgba(255,215,0,.6),rgba(255,255,255,.8),transparent);animation:shimmer-sweep .8s ease-out}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes magical-pulse{0%,to{box-shadow:0 0 30px #646cff80,0 0 60px #8b5cf64d,0 0 90px #ec489933,inset 0 0 30px #fff3}50%{box-shadow:0 0 40px #646cffb3,0 0 80px #8b5cf680,0 0 120px #ec48994d,inset 0 0 40px #ffffff4d}}@keyframes magical-burst{0%{box-shadow:0 0 30px #646cff80,0 0 60px #8b5cf64d,0 0 90px #ec489933}50%{box-shadow:0 0 60px #646cffcc,0 0 120px #8b5cf699,0 0 180px #ec489966,0 0 240px #f59e0b4d}to{box-shadow:0 0 30px #646cff80,0 0 60px #8b5cf64d,0 0 90px #ec489933}}.generate-character-btn.magical-button{text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(100,108,255,.3),0 0 15px rgba(139,92,246,.2)}.generate-character-btn.magical-button:hover{text-shadow:0 0 8px rgba(255,255,255,.8),0 0 16px rgba(100,108,255,.5),0 0 24px rgba(139,92,246,.3),0 0 32px rgba(236,72,153,.2)}.generate-character-btn.magical-button:active:after{background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,215,0,.7) 30%,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%);width:200%;height:200%;border-radius:50%;animation:magical-flash .3s ease-out}@keyframes magical-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes shimmer-sweep{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes sparkle-intensity{0%,to{opacity:.8;filter:brightness(1) blur(0px)}25%{opacity:1;filter:brightness(1.2) blur(.5px)}50%{opacity:.9;filter:brightness(1.5) blur(1px)}75%{opacity:1;filter:brightness(1.3) blur(.5px)}}.generate-character-btn.magical-button:hover:before{background-color:linear-gradient(45deg,#ff0000,#ff4500,#ffd700,#00ff00,#00bfff,#8a2be2,#ff1493,#ff0000);background-size:400% 400%;animation:rainbow-border 1.5s linear infinite,sparkle-intensity 2s ease-in-out infinite}@media (max-width: 768px){.character-selector{flex-direction:column;margin:0;padding:1em 0}.character-selector button{width:85%;margin:0;padding:0}.character-selector button.clear-all-btn{margin:0;padding:0}.generate-character-btn.magical-button{font-size:.9rem;padding:.6rem 1.2rem}.generate-character-btn.magical-button:hover{transform:translateY(-1px) scale(1.03)}}@media (prefers-reduced-motion: reduce){.generate-character-btn.magical-button{animation:none}.generate-character-btn.magical-button:hover{animation:none;transform:translateY(-1px)}.generate-character-btn.magical-button:before,.generate-character-btn.magical-button:after{animation:none}}.inventory-toggle-btn{border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s;margin:1rem 0}.inventory-manager{--btn-text-color: #fff;--transfer-btn-bg-color: oklch(from var(--accent-color) 49% c h);--remove-btn-bg-color: oklch(59% .2 21);--add-btn-bg-color: oklch(59% .175 146);--negative-cost-btn-bg-color: oklch(59% .11 212);--transfer-btn-hover-bg-color: oklch(from var(--accent-color) calc(l*.9) c h);--remove-btn-hover-bg-color: oklch(from var(--remove-btn-bg-color) calc(l*.9) c h);--add-btn-hover-bg-color: oklch(from var(--add-btn-bg-color) calc(l*.9) c h);--negative-cost-btn-hover-bg-color: oklch(from var(--negative-cost-btn-bg-color) calc(l*.9) c h);--transfer-btn-active-bg-color: oklch(from var(--accent-color) calc(l*.8) c h);--remove-btn-active-bg-color: oklch(from var(--remove-btn-bg-color) calc(l*.8) c h);--add-btn-active-bg-color: oklch(from var(--add-btn-bg-color) calc(l*.8) c h);--negative-cost-btn-active-bg-color: oklch(from var(--negative-cost-btn-bg-color) calc(l*.8) c h);position:fixed;top:10%;left:5%;right:5%;bottom:10%;background-color:var(--card-background);border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444;background-color:#ffffff0d}.inventory-header h3{margin:0;color:var(--primary-color);font-size:1.25rem}.inventory-header .close-btn{background:none;border:none;color:var(--text-offset-color);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.inventory-header .close-btn svg{margin:0;padding:0}.inventory-header .close-btn:hover{color:#ffffffde;background-color:#ffffff1a}.inventory-header .close-btn:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.inventory-tabs{display:flex;padding:0 1.5rem;background-color:#ffffff05;border-bottom:1px solid #444}.inventory-tabs .tab-btn{background:none;border:none;color:var(--text-color);padding:1rem 1.5rem;cursor:pointer;font-size:1rem;transition:all .2s;border-bottom:2px solid transparent}.inventory-tabs .tab-btn:hover{background-color:hsl(from var(--primary-color) h s 30% / .4);border-bottom-color:light-dark(#333,#bbb)}.inventory-tabs .tab-btn.active{color:var(--faction-color);border-bottom-color:var(--faction-color);background-color:#646cff1a}.inventory-tabs .tab-btn:focus{outline:none;box-shadow:inset 0 0 0 2px #646cff66}.search-section{padding:1rem 1.5rem;border-bottom:1px solid #444}.search-section .search-input{width:100%;max-width:400px;background-color:var(--input-background);border:1px solid var(--input-border);color:var(--text-color);border-radius:4px;padding:.75rem;font-size:1rem}.search-section .search-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.search-section .search-input::placeholder{color:var(--text-secondary-color)}.inventory-content{flex:1;display:flex;overflow:hidden}.inventory-content .current-inventory,.inventory-content .available-items{flex:1;padding:1rem 1.5rem;overflow-y:auto}.inventory-content .current-inventory h4,.inventory-content .available-items h4{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem}.inventory-content .current-inventory .empty-message,.inventory-content .available-items .empty-message{color:var(--text-offset-color);font-style:italic;text-align:center;padding:2rem}.inventory-content .current-inventory{border-right:1px solid #444;background-color:#646cff05}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.weapons-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.item-card{--button-height: 20px;display:grid;grid-template-rows:auto var(--button-height);background-color:#ffffff0d;border:1px solid #555;border-radius:8px;padding:1rem;padding-bottom:1.5em;transition:all .2s}.item-card:hover{border-color:#777;background-color:#ffffff14}.item-card .item-content{margin-bottom:.75em}.item-card .item-content>div{height:calc(100% - var(--button-height))}.item-card .item-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,auto));gap:.5rem;flex-wrap:wrap}.item-card .item-actions button{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.item-card .item-actions button:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.item-card .item-actions .add-btn{color:var(--btn-text-color);background-color:var(--add-btn-bg-color);min-width:120px;font-weight:500}.item-card .item-actions .add-btn:hover:not(:disabled){background-color:var(--add-btn-hover-bg-color);transform:translateY(-1px)}.item-card .item-actions .add-btn:active:not(:disabled){background-color:var(--add-btn-active-bg-color);transform:translateY(0)}.item-card .item-actions .add-btn.disabled,.item-card .item-actions .add-btn:disabled{background-color:#6c757d;color:#ffffff80;cursor:not-allowed;transform:none;opacity:.6}.item-card .item-actions .add-btn.negative-cost{color:var(--btn-text-color);background-color:var(--negative-cost-btn-bg-color)}.item-card .item-actions .add-btn.negative-cost:hover:not(:disabled){background-color:var(--negative-cost-btn-hover-bg-color)}.item-card .item-actions .add-btn.negative-cost:active:not(:disabled){background-color:var(--negative-cost-btn-active-bg-color)}.item-card .item-actions .remove-btn{color:var(--btn-text-color);background-color:var(--remove-btn-bg-color)}.item-card .item-actions .remove-btn:hover:not(:disabled){background-color:var(--remove-btn-hover-bg-color)}.item-card .item-actions .remove-btn:active:not(:disabled){background-color:var(--remove-btn-active-bg-color)}.item-card .item-actions .transfer-btn{color:var(--btn-text-color);background-color:var(--transfer-btn-bg-color)}.item-card .item-actions .transfer-btn:hover:not(:disabled){background-color:var(--transfer-btn-hover-bg-color)}.item-card .item-actions .transfer-btn:active:not(:disabled){background-color:var(--transfer-btn-active-bg-color)}.transfer-options{margin-top:1rem;padding:1rem;background-color:#ffffff0d;border-radius:4px}.transfer-options label{display:block;margin-bottom:.5rem;color:#ffffffde;font-weight:500}.transfer-options select{width:100%;background-color:#333;color:#ffffffde;border:1px solid #555;border-radius:4px;padding:.5rem;font-size:1rem}.transfer-options select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.transfer-options select option{background-color:#333;color:#ffffffde}.inventory-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.inventory-section-header h4{margin:0;color:var(--mid-text);font-size:1.1rem}.sort-indicator{font-size:.8rem;color:var(--text-offset-color);font-weight:400;font-style:italic}.bulk-transfer-btn{color:var(--btn-text-color);background-color:var(--transfer-btn-bg-color);border:none;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;transition:all .2s}.bulk-transfer-btn:hover:not(:disabled){background-color:var(--transfer-btn-hover-bg-color);transform:translateY(-1px)}.bulk-transfer-btn:active:not(:disabled){background-color:var(--transfer-btn-active-bg-color);transform:translateY(0)}.bulk-transfer-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.bulk-actions{margin-top:.5rem;text-align:center}.bulk-transfer-all-btn{color:var(--btn-text-color);background-color:var(--transfer-btn-bg-color);border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.bulk-transfer-all-btn:hover:not(:disabled){background-color:var(--transfer-btn-hover-bg-color);transform:translateY(-1px)}.bulk-transfer-all-btn:active:not(:disabled){background-color:var(--transfer-btn-active-bg-color);transform:translateY(0)}.bulk-transfer-all-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.inventory-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.inventory-manager{top:5%;left:2%;right:2%;bottom:5%}.inventory-header{padding:.75rem 1rem}.inventory-header h3{font-size:1.1em}.inventory-tabs{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.tab-btn{flex:1;min-width:80px;padding:.6rem .4rem;font-size:.9em}.search-section{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.search-input{width:100%;margin-bottom:.5rem}.bulk-actions{width:100%}.bulk-transfer-all-btn{width:100%;padding:.7rem;font-size:.9em}.inventory-content{flex-direction:column;padding:.75rem 1rem}.current-inventory,.available-items{margin-bottom:1rem}.inventory-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.inventory-section-header h4{font-size:1em}.bulk-transfer-btn{width:100%;padding:.6rem;font-size:.85em}.item-grid{grid-template-columns:1fr;gap:.75rem}.item-card{padding:.75rem}.item-actions{flex-direction:column;gap:.5rem}.item-actions button{width:100%;padding:.6rem;font-size:.9em}}@media (max-width: 480px){.inventory-manager{top:0;left:0;right:0;bottom:0;border-radius:0}.inventory-header{padding:.5rem}.inventory-header h3{font-size:1em}.inventory-tabs{padding:.5rem}.tab-btn{padding:.5rem .3rem;font-size:.8em}.search-section,.inventory-content,.item-card{padding:.5rem}}.current-inventory::-webkit-scrollbar,.available-items::-webkit-scrollbar{width:6px}.current-inventory::-webkit-scrollbar-track,.available-items::-webkit-scrollbar-track{background:#222}.current-inventory::-webkit-scrollbar-thumb,.available-items::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.current-inventory::-webkit-scrollbar-thumb:hover,.available-items::-webkit-scrollbar-thumb:hover{background:#666}.status-effects-manager .search-section{padding:1rem 1.5rem;border-bottom:1px solid #444}.status-effects-manager .search-section input{width:100%;padding:.75rem;background-color:var(--search-input-background);border:1px solid var(--search-input-border);border-radius:4px;color:var(--deep-text);font-size:1rem}.status-effects-manager .search-section input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.modify-effects{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.modify-effects .value-input-group{display:flex;align-items:center;gap:1rem}.modify-effects .value-input-group label{font-weight:500;min-width:80px}.modify-effects .value-input-group input{padding:.5rem;background-color:#ffffff1a;border:1px solid #444;border-radius:4px;font-size:1rem;width:80px;text-align:center}.modify-effects .value-input-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.status-effects-toggle-btn{border:none;padding:.75rem 1.5rem;border-radius:4px;transition:all .2s}.status-effects-toggle-btn:active{border:1px solid var(--btn-bg-color)}.status-effects-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.status-effects-manager{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-background);border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px #0000004d;width:90vw;max-width:1000px;max-height:85vh;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.status-effects-manager .header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444;background-color:#ffffff0d}.status-effects-manager .header h3{margin:0;font-size:1.25rem}.status-effects-manager .header .close-btn{background:none;border:none;color:var(--text-offset-color);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;width:2rem;height:2rem;align-items:center;justify-content:center}.status-effects-manager .header .close-btn:hover{color:var(--text-color);background-color:#ffffff1a}.status-effects-manager .content{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:1.5rem}.status-effects-manager .content h4{margin:0 0 1rem;font-size:1.1rem}.status-effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.status-effects-grid .status-effect-card{flex-direction:column;background-color:#ffffff0d;border:1px solid #444;border-radius:6px;padding:.25rem .5rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s}.status-effects-grid .status-effect-card:hover{border-color:#646cff;background-color:#646cff1a}.status-effects-grid .status-effect-card .content{flex:1}.status-effects-grid .status-effect-card .content .name{font-weight:600;color:#ffffffde;margin-bottom:.25rem}.status-effects-grid .status-effect-card .content .description{font-size:.9rem;margin-bottom:.25rem}.status-effects-grid .status-effect-card .variables{display:flex;gap:.5rem;margin-top:.5rem}.status-effects-grid .status-effect-card .variables .variable-info{background-color:#edeeff33;color:#a8b4ff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-effects-grid .status-effect-card .action-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:.25rem}.status-effects-grid .status-effect-card .action-buttons>button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;min-width:80px}.status-effects-grid .status-effect-card .action-buttons>button.add-btn{background-color:#646cff;color:#fff}.status-effects-grid .status-effect-card .action-buttons>button.add-btn:hover{background-color:#5a5fcf}.status-effects-grid .status-effect-card .action-buttons>button.remove-btn{background-color:#dc3545;color:#fff}.status-effects-grid .status-effect-card .action-buttons>button.remove-btn:hover{background-color:#c82333}.empty-message{color:var(--soft-text);font-style:italic;text-align:center;padding:2rem}.active-status-effect-card{border-color:#646cff;background-color:#646cff1a}.active-status-effect-content{position:relative}.active-status-effect-content:hover{background-color:#646cff26;border-radius:4px}.active-status-effect-content:after{content:"✏️ Click to edit";position:absolute;top:-8px;right:-8px;background-color:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;z-index:10}.active-status-effect-content:hover:after{opacity:1}.name-edit-container{display:flex;align-items:center;gap:.5rem}.name-edit-container .name-edit-input{background-color:#333;color:var(--mid-text);border:1px solid #646cff;border-radius:4px;padding:.25rem .5rem;font-size:1.2rem;font-weight:600;min-width:200px}.name-edit-container .name-edit-input:focus{outline:none;box-shadow:0 0 0 2px #646cff33}.name-edit-container .save-name-btn,.name-edit-container .cancel-name-btn{background:none;border:1px solid #646cff;color:#646cff;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:1rem;transition:all .2s}.name-edit-container .save-name-btn:hover,.name-edit-container .cancel-name-btn:hover{background-color:#646cff;color:#fff}.name-edit-container .cancel-name-btn{border-color:#dc3545;color:#dc3545}.name-edit-container .cancel-name-btn:hover{background-color:#dc3545;color:#fff}.specialization-block .title,.standard-issue-kit-block .title{--indent: 0;font-size:1.2em;font-weight:700;margin-top:.5em}.standard-issue-kit-block .description{margin-left:var(--indent);margin-top:.25em;margin-bottom:.5em}.perks-title{--indent: 0;font-size:1.2em;font-weight:700;margin-top:.5em}.creature-card{--border-radius: 7px;position:relative;border:1px solid var(--border-color);border-radius:var(--border-radius);background:linear-gradient(135deg,var(--background-transition-color),light-dark(oklch(from var(--background-transition-color) l c h / .2),oklch(from var(--background-transition-color) l c h / .5)))}.creature-card>*{padding:0 .5em}.creature-card .title-row{display:flex;justify-content:space-between;align-items:center;color:light-dark(#1a1a1a,#ffffffe6);padding-top:.25em;padding-bottom:.25em;background-color:var(--card-tag-background);background:linear-gradient(135deg,var(--title-bg-color),light-dark(oklch(from var(--title-bg-color) l c h / .4),oklch(from var(--title-bg-color) l c h / .3)));font-size:1.2em;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom:1px solid var(--title-border-bottom-color)}.creature-card .title-row .name{font-size:1.2em;font-weight:700}.creature-card .title-row .tier{align-content:center}.creature-card .title-row .add-creature-btn,.creature-card .title-row .remove-creature-btn{background:none;border:1px solid light-dark(rgb(0 0 0 / .2),rgb(255 255 255 / .3));color:light-dark(rgb(0 0 0 / .6),rgb(255 255 255 / .8));border-radius:4px;padding:.25rem .4rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;margin-left:.5rem}.creature-card .title-row .add-creature-btn:hover,.creature-card .title-row .remove-creature-btn:hover{background-color:light-dark(rgb(0 0 0 / .05),rgb(255 255 255 / .1));color:light-dark(rgb(0 0 0 / .8),rgb(255 255 255 / 1));border-color:light-dark(rgb(0 0 0 / .3),rgb(255 255 255 / .5))}.creature-card .title-row .add-creature-btn:active,.creature-card .title-row .remove-creature-btn:active{transform:scale(.95)}.creature-card .title-row .add-creature-btn{color:light-dark(#2e7d32,#4ade80);border-color:light-dark(#2e7d32,#4ade8066)}.creature-card .title-row .add-creature-btn:hover{background-color:light-dark(#2e7d321a,#4ade801a);border-color:light-dark(#2e7d32,#4ade8099)}.creature-card .title-row .remove-creature-btn{color:light-dark(#d32f2f,#ef4444);border-color:light-dark(#d32f2f,#ef444466)}.creature-card .title-row .remove-creature-btn:hover{background-color:light-dark(#d32f2f1a,#ef44441a);border-color:light-dark(#d32f2f,#ef444499)}.creature-card .stats{display:flex;justify-content:space-between;margin:0}.creature-card .creature-description{padding-top:1.2rem;padding-bottom:2.5em}.creature-card .ability{margin-top:.5em}.creature-card .creature-abilities{padding-top:.5em}.creature-card .creature-abilities .details-indentation{margin-left:1em}.creatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,666px));gap:1em;justify-content:center;margin:0}.damage-modifiers{display:flex;flex-wrap:wrap;gap:.25em;margin:0 .5em}.damage-modifiers .damage-modifier{display:flex;justify-content:space-between;margin:.25em;padding:0 .5em;border:1px solid light-dark(#00000033,#fff8);background-color:light-dark(#0000000d,#fff4);border-radius:4px;font-size:.8em}.damage-modifiers .damage-modifier .damage-type{margin:0 .5em}@media (max-width: 1400px){.creatures-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width: 950px){.creatures-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width: 450px){.creatures-grid{grid-template-columns:1fr}}.encounter-card{margin-bottom:1rem}.editable-health{cursor:pointer;color:light-dark(#2e7d32,#4ade80);text-decoration:underline;text-decoration-style:dotted}.editable-health:hover{color:light-dark(#1b5e20,#66d49a)}.health-input{background:light-dark(rgb(0 0 0 / .05),rgb(255 255 255 / .1));border:1px solid light-dark(rgb(0 0 0 / .2),rgb(255 255 255 / .3));color:light-dark(#1a1a1a,white);padding:.1rem .3rem;border-radius:3px;font-size:.9rem;width:3rem;text-align:center}.health-input:focus{outline:none;border-color:light-dark(hsl(123 46% 34%),hsl(142 69% 58%));background:light-dark(hsl(123 46% 34% / .1),hsl(142 69% 58% / .1))}.stats{display:flex;justify-content:space-between;margin:0}.encounter-section{border:2px solid #4ade80;border-radius:8px;margin-bottom:2rem;background:linear-gradient(135deg,#4ade800d,#4ade8005)}.encounter-controls{margin-bottom:1rem;display:flex;justify-content:flex-end;gap:.5rem}.clear-encounter-btn,.export-encounter-btn,.import-encounter-btn{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;border:1px solid}.clear-encounter-btn:active,.export-encounter-btn:active,.import-encounter-btn:active{transform:scale(.98)}.clear-encounter-btn{background-color:#ef444433;border-color:#ef444466;color:#ef4444}.clear-encounter-btn:hover{background-color:#ef44444d;border-color:#ef444499;color:#f87171}.export-encounter-btn{background-color:#3b82f633;border-color:#3b82f666;color:#3b82f6}.export-encounter-btn:hover{background-color:#3b82f64d;border-color:#3b82f699;color:#60a5fa}.import-encounter-btn{background-color:#a855f733;border-color:#a855f766;color:#a855f7}.import-encounter-btn:hover{background-color:#a855f74d;border-color:#a855f799;color:#c084fc}.encounter-grid{gap:1rem}.creature-card.example-card{margin-bottom:2em}.creature-tooltip-trigger{position:relative;cursor:help;display:inline;padding:0;margin:0;border:1px dotted rgba(255,255,255,.5)}.creature-tooltip-trigger.as-div{display:inline-block;width:100%}.creature-tooltip-trigger:hover{border:1px dashed rgba(250,237,60,.8)}.creature-tooltip{background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:.85em;line-height:1.4;max-width:300px;word-wrap:break-word;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(255,255,255,.2);z-index:1000}.damage-modifiers-tooltip{display:flex;flex-direction:row}.faction-tag-container-tooltip{padding:10px 8px}.creature-card .faction-tag-container{position:absolute;bottom:8px;right:8px;z-index:10}.creature-card .faction-tag-container .faction-tag{background:linear-gradient(135deg,var(--faction-tag-background-color),var(--faction-tag-background-transition-color));border:2px solid var(--border-color);border-radius:16px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;text-shadow:0 1px 3px light-dark(rgb(50 50 50 / .3),rgb(0 0 0 / .8));box-shadow:0 3px 8px light-dark(rgb(50 50 50 / .3),rgb(0 0 0 / .8)),0 1px 3px var(--border-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-left:.5rem;letter-spacing:.5px;text-transform:uppercase}.faction{--core-color: grey;--border-color: oklch(from var(--core-color) calc(l*1.1) c h);--background-transition-color: oklch(from var(--core-color) calc(l/2) c h / .25);--title-bg-color: oklch(from var(--core-color) l c h / .55);--title-border-bottom-color: oklch(from var(--core-color) l c h / .7);--common-l-light: 50%;--common-l-dark: 30%;--faction-tag-background-color: light-dark( oklch(from var(--core-color) 60% c h), oklch(from var(--core-color) 25% c h) );--faction-tag-background-transition-color: light-dark( oklch(from var(--core-color) 80% c h), oklch(from var(--core-color) 40% c h) )}.faction.collapsible-section .collapsible-header{--ch-bg-c1: oklch(from var(--title-bg-color) l c h);--ch-bg-c2: red}.faction.collapsible-section .collapsible-header:hover{--ch-bg-c1: oklch(from var(--title-bg-color) calc(l*1.1) c h);--ch-bg-c2: red}.faction-ashborn-legion{--core-color: light-dark( oklch(var(--common-l-light) .16 30), oklch(var(--common-l-dark) .16 30) )}.faction-stoneveined-order{--core-color: light-dark( oklch(var(--common-l-light) .07555 72.645), oklch(var(--common-l-dark) .07555 72.645) )}.faction-vastfathom-league{--core-color: light-dark( oklch(var(--common-l-light) .15 273), oklch(var(--common-l-dark) .15 273) )}.faction-thornwraith-covenant{--core-color: light-dark( oklch(var(--common-l-light) .17 143), oklch(var(--common-l-dark) .17 143) )}.faction-wanderlost-crews{--core-color: light-dark( oklch(var(--common-l-light) .05 73), oklch(var(--common-l-dark) .05 73) );--border-color: oklch(from teal calc(l*1.05) c h);--title-border-bottom-color: oklch(from teal l c h / .7)}.faction-zephpter-swarm{--core-color: light-dark( oklch(var(--common-l-light) .18 302), oklch(var(--common-l-dark) .18 302) )}.faction-umbral-nexus{--core-color: light-dark( oklch(var(--common-l-light) .00003 271), oklch(var(--common-l-dark) .00003 271) )}.faction-sinner{--core-color: light-dark( oklch(calc(var(--common-l-dark) / 2) .18 27), oklch(calc(var(--common-l-dark) / 2) .18 27) )}.faction-forgefiend-syndicate{--core-color: light-dark( oklch(calc(var(--common-l-dark) * 1.5) .12 62), oklch(calc(var(--common-l-dark) * 1.5) .12 62) )}.faction-hand-of-death{--core-color: light-dark( oklch(calc(var(--common-l-light) / 2) .003 271), oklch(calc(var(--common-l-dark) / 2) .003 271) )}.faction-heavens-host{--core-color: light-dark( oklch(calc(var(--common-l-light) * 2) .18 95), oklch(calc(var(--common-l-dark) * 2) .18 95) )}.faction-voidfire-conclave{--core-color: light-dark( oklab(var(--common-l-light) .04 -.12), oklab(var(--common-l-dark) .04 -.12) )}.faction-witch-coven{--core-color: light-dark( oklch(var(--common-l-light) .21 328), oklch(var(--common-l-dark) .21 328) )}.faction-rot-host{--core-color: light-dark( oklch(var(--common-l-light) .1 126), oklch(var(--common-l-dark) .1 126) )}.faction-generic{--core-color: light-dark( oklch(var(--common-l-light) .00011 271), oklch(var(--common-l-dark) .00011 271) )}.collapsible-section{margin:1.5rem 0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:var(--table-body-background-color);overflow:hidden;transition:all .3s ease}.collapsible-section:hover{border-color:#ffffff4d}.collapsible-section .collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;--shade: light-dark( rgb(10 10 10), rgb(255 255 255) );--ch-bg-c1: light-dark( rgb(from var(--shade) r g b / .2), rgb(from var(--shade) r g b / .05) );--ch-bg-c2: light-dark( rgb(from var(--shade) r g b / .1), rgb(from var(--shade) r g b / .02) );background:var(--ch-bg-c1);border-bottom:1px solid rgb(from var(--shade) r g b / .1);transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section .collapsible-header:hover{--ch-bg-c1: light-dark( rgb(from var(--shade) r g b / .3), rgb(from var(--shade) r g b / .08) );--ch-bg-c2: light-dark( rgb(from var(--shade) r g b / .15), rgb(from var(--shade) r g b / .04) );border-bottom-color:rgb(from var(--shade) r g b / .15)}.collapsible-section .header-content{flex:1}.section-title{margin:0 0 .25rem;font-size:1.3rem;font-weight:600;color:var(--text-color);transition:color .2s ease}.section-description{margin:0 0 .25em;font-size:.9rem;color:var(--text-offset-color);line-height:1.4}.toggle-icon{margin-left:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#ffffff1a;transition:all .2s ease}.collapsible-header:hover .toggle-icon{background-color:#646cff33;transform:scale(1.1)}.chevron{font-size:.9rem;color:var(--text-offset-color);transition:all .3s ease}.chevron.open,.chevron.closed{transform:rotate(0)}.collapsible-header:hover .chevron{color:var(--accent-color)}.collapsible-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.collapsible-content.open{max-height:5000px;opacity:1}.collapsible-content.closed{max-height:0;opacity:0}.content-inner{padding:1.5rem;transition:all .3s ease}.collapsible-content.closed .content-inner{padding-top:0;padding-bottom:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}@keyframes slideUp{0%{max-height:5000px;opacity:1}to{max-height:0;opacity:0}}.collapsible-content.open{animation:slideDown .4s cubic-bezier(.4,0,.2,1) forwards}.collapsible-content.closed{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.collapsible-header{padding:.75rem 1rem}.section-title{font-size:1.1rem}.section-description{font-size:.8rem}.content-inner{padding:1rem}.toggle-icon{width:1.5rem;height:1.5rem}.chevron{font-size:.8rem}}.collapsible-section .faction-examples .collapsible-header{background:linear-gradient(135deg,#646cff1a,#8b5cf60d)}.collapsible-section .faction-examples .collapsible-header:hover{background:linear-gradient(135deg,#646cff26,#8b5cf614)}.collapsible-section .faction-examples .section-title{color:#646cff}.collapsible-section .faction-examples .toggle-icon{background-color:#646cff33}.collapsible-section .faction-examples .collapsible-header:hover .toggle-icon{background-color:#646cff4d}.faction-selector{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem;@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.faction-selector .selector-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.faction-selector .selector-icon{color:#646cff;font-size:1.1rem}.faction-selector .selector-label{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.faction-selector .faction-dropdown{width:100%;background-color:var(--card-background);color:var(--text-offset-color);border:1px solid #444;border-radius:6px;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg fill='rgba(255,255,255,0.87)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.faction-selector .faction-dropdown:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33;background-color:#646cff1a}.faction-selector .faction-dropdown:hover{border-color:#fff6;background-color:#ffffff05}.faction-selector .faction-dropdown option{background-color:var(--card-background);color:var(--mid-text);padding:.5rem}.faction-selector .faction-info{margin-top:1rem;padding:1rem;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;animation:fadeIn .3s ease}.faction-selector .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.faction-selector .info-row:last-child{margin-bottom:0}.faction-selector .info-label{font-size:.9rem;color:var(--text-color);font-weight:500}.faction-selector .info-value{font-size:.9rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-align:right}.faction-selector .info-value.primary{background-color:#646cff33;color:#a8b4ff}.faction-selector .info-value.absorb{background-color:#228b2233;color:#90ee90}.faction-selector .info-value.weakness{background-color:#dc354533;color:#ff6b6b}.faction-selector .special-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.faction-selector .info-value.special{background-color:#f59e0b33;color:#fbbf24;padding:.5rem;text-align:left;line-height:1.4;font-size:.85rem;font-weight:400}@media (max-width: 768px){.faction-selector .faction-selector{padding:.75rem}.faction-selector .faction-dropdown{padding:.6rem;font-size:.9rem}.faction-selector .info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.faction-selector .info-value{align-self:stretch;text-align:left}.faction-selector .special-info{margin-top:.5rem;padding-top:.5rem}}.the-prompt{margin-bottom:1em}ul,ol{padding-left:1.5rem}ul{list-style-type:"-  "}ol.roman{list-style-type:upper-roman}.fluid-readable-columns{margin-bottom:2.5rem;column-count:3;column-gap:2rem;column-rule:var(--lore-column-rule);-webkit-hyphens:auto;hyphens:auto}.fluid-readable-columns p,.fluid-readable-columns ul,.fluid-readable-columns ol,.fluid-readable-columns li{break-inside:avoid-column}.fluid-readable-columns h2,.fluid-readable-columns h3,.fluid-readable-columns h4,.fluid-readable-columns h5,.fluid-readable-columns h6,.fluid-readable-columns div.simple-header{margin-top:0;padding-top:0;break-before:auto;break-inside:avoid-column;break-after:avoid-column}.fluid-readable-columns h2:after,.fluid-readable-columns h3:after,.fluid-readable-columns h4:after,.fluid-readable-columns h5:after,.fluid-readable-columns h6:after,.fluid-readable-columns div.simple-header:after{content:"";display:block;--special-break-height: 200px;height:var(--special-break-height);margin-bottom:calc(-1 * var(--special-break-height))}@media (max-width: 1140px){.fluid-readable-columns{column-count:2;column-gap:1.5rem}}@media (max-width: 850px){.fluid-readable-columns{column-count:1;column-rule:none}}.col-handler{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:1em}@media (max-width: 1140px){.col-handler{grid-template-columns:repeat(2,1fr)}}@media (max-width: 850px){.col-handler{grid-template-columns:repeat(1,1fr)}}:root{--primary-light-l: 47%;--primary-dark-l: 57%;--accent-light-l: 47%;--accent-dark-l: 77%;--bg-light-l: 97%;--bg-dark-l: 23%;--ashborn-faction-primary: light-dark( oklch(var(--primary-light-l) .19363 35), oklch(var(--primary-dark-l) .19363 35) );--ashborn-faction-accent: light-dark( oklch(var(--accent-light-l) .19742 46), oklch(var(--accent-dark-l) .19742 46) );--ashborn-faction-background: light-dark( oklch(var(--bg-light-l) .002 17), oklch(var(--bg-dark-l) .015 18) );--stoneveined-faction-primary: light-dark( oklch(var(--primary-light-l) .09814 39), oklch(var(--primary-dark-l) .04169 39) );--stoneveined-faction-accent: light-dark( oklch(var(--accent-light-l) .05115 41), oklch(var(--accent-dark-l) .05115 41) );--stoneveined-faction-background: light-dark( oklch(var(--bg-light-l) .00327 15), oklch(var(--bg-dark-l) .00297 16) );--thornwraith-faction-primary: light-dark( oklch(var(--primary-light-l) .14321 144), oklch(var(--primary-dark-l) .14321 144) );--thornwraith-faction-accent: light-dark( oklch(var(--accent-light-l) .14662 133), oklch(var(--accent-dark-l) .14662 133) );--thornwraith-faction-background: light-dark( oklch(var(--bg-light-l) .015 145), oklch(var(--bg-dark-l) .015 145) );--umbral-faction-primary: light-dark( oklch(var(--primary-light-l) .00004 271), oklch(var(--primary-dark-l) .00004 271) );--umbral-faction-accent: light-dark( oklch(var(--accent-light-l) .18784 307), oklch(var(--accent-dark-l) .22203 307) );--umbral-faction-background: light-dark( oklch(var(--bg-light-l) .00011 271), oklch(var(--bg-dark-l) .00003 271) );--vastfathom-faction-primary: light-dark( oklch(var(--primary-light-l) .13699 244), oklch(var(--primary-dark-l) .13699 244) );--vastfathom-faction-accent: light-dark( oklch(var(--accent-light-l) .09535 206), oklch(var(--accent-dark-l) .09535 206) );--vastfathom-faction-background: light-dark( oklch(var(--bg-light-l) .01655 285), oklch(var(--bg-dark-l) .02068 285) );--zephpter-faction-primary: light-dark( oklch(var(--primary-light-l) .19976 312.627), oklch(var(--primary-dark-l) .19976 312.627) );--zephpter-faction-accent: light-dark( oklch(var(--accent-light-l) .18467 289), oklch(var(--accent-dark-l) .13863 295) );--zephpter-faction-background: light-dark( oklch(var(--bg-light-l) .04915 319), oklch(var(--bg-dark-l) .01804 309) );--wanderlost-faction-primary: light-dark( oklch(var(--primary-light-l) .1 73), oklch(var(--primary-dark-l) .1 73) );--wanderlost-faction-accent: light-dark( oklch(from teal var(--accent-light-l) c h), oklch(from teal var(--accent-dark-l) c h) );--wanderlost-faction-background: light-dark( oklch(var(--bg-light-l) .05 73), oklch(var(--bg-dark-l) .005 73) )}:root{--transition-time: .2s;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--deep-text: light-dark( #FF69B4, #FF00FF );--soft-text: light-dark( #DB7093, #FFB6C1 );--mid-text: light-dark( color-mix( in srgb, var(--deep-text) 70%, var(--soft-text)), #FF1493 );--page-margin: 2rem;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--border-radius-card: 10px;--transition-fast: .15s ease;--transition-medium: .25s ease;--transition-slow: .4s ease;--shadow-light: 0 2px 4px #FFC0CB;--shadow-medium: 0 4px 12px #FFB6C1;--shadow-heavy: 0 8px 24px #FF69B4;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-theme-switcher: 1000}.description{color:var(--text-offset-color)}:root{color:var(--mid-text);--table-background: light-dark(#FFC0CB , #FF00FF );--table-header-background: light-dark(#FFB6C1 , #C71585 );--table-row-background: light-dark(#FFC0CB , #FF00FF );--table-row-alt-background: light-dark(#FADADD , #DB7093 );--button-background: light-dark( #FFC0CB, #FF00FF );--button-color: light-dark( #FF69B4, #FF1493 );--button-hover-border: light-dark( #C71585, #FF00FF );--button-hover-background: light-dark( #FFB6C1, #DB7093 )}:root{--primary-color: light-dark( oklch(50% .15 217), oklch(70% .15 217) );--accent-color: hsl(from var(--primary-color) calc(h + 5) 100% 20%);--background-color: light-dark( hsl(0, 0%, 95%), hsl(240, 4%, 10%) )}:root[data-faction=ashborn]{--faction-primary-dark: var(--ashborn-faction-primary-dark);--faction-primary-light: var(--ashborn-faction-primary-light);--faction-on-primary: var(--ashborn-faction-on-primary);--faction-accent-light: var(--ashborn-faction-accent-light);--primary-color: var(--ashborn-faction-primary);--accent-color: var(--ashborn-faction-accent);--background-color: var(--ashborn-faction-background)}:root[data-faction=stoneveined]{--faction-primary-dark: var(--stoneveined-faction-primary-dark);--faction-primary-light: var(--stoneveined-faction-primary-light);--faction-on-primary: var(--stoneveined-faction-on-primary);--faction-accent-light: var(--stoneveined-faction-accent-light);--primary-color: var(--stoneveined-faction-primary);--accent-color: var(--stoneveined-faction-accent);--background-color: var(--stoneveined-faction-background)}:root[data-faction=thornwraith]{--faction-primary-dark: var(--thornwraith-faction-primary-dark);--faction-primary-light: var(--thornwraith-faction-primary-light);--faction-on-primary: var(--thornwraith-faction-on-primary);--faction-accent-light: var(--thornwraith-faction-accent-light);--primary-color: var(--thornwraith-faction-primary);--accent-color: var(--thornwraith-faction-accent);--background-color: var(--thornwraith-faction-background)}:root[data-faction=umbral]{--faction-primary-dark: var(--umbral-faction-primary-dark);--faction-primary-light: var(--umbral-faction-primary-light);--faction-on-primary: var(--umbral-faction-on-primary);--faction-accent-light: var(--umbral-faction-accent-light);--primary-color: var(--umbral-faction-primary);--accent-color: var(--umbral-faction-accent);--background-color: var(--umbral-faction-background)}:root[data-faction=vastfathom]{--faction-primary-dark: var(--vastfathom-faction-primary-dark);--faction-primary-light: var(--vastfathom-faction-primary-light);--faction-on-primary: var(--vastfathom-faction-on-primary);--faction-accent-light: var(--vastfathom-faction-accent-light);--primary-color: var(--vastfathom-faction-primary);--accent-color: var(--vastfathom-faction-accent);--background-color: var(--vastfathom-faction-background)}:root[data-faction=zephpter]{--faction-primary-dark: var(--zephpter-faction-primary-dark);--faction-primary-light: var(--zephpter-faction-primary-light);--faction-on-primary: var(--zephpter-faction-on-primary);--faction-accent-light: var(--zephpter-faction-accent-light);--primary-color: var(--zephpter-faction-primary);--accent-color: var(--zephpter-faction-accent);--background-color: var(--zephpter-faction-background)}:root[data-faction=wanderlost]{--faction-primary-dark: var(--wanderlost-faction-primary-dark);--faction-primary-light: var(--wanderlost-faction-primary-light);--faction-on-primary: var(--wanderlost-faction-on-primary);--faction-accent-light: var(--wanderlost-faction-accent-light);--primary-color: var(--wanderlost-faction-primary);--accent-color: var(--wanderlost-faction-accent);--background-color: var(--wanderlost-faction-background)}:root{color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;--gentle-border-color: light-dark( hsl(0 0% 0% / .1), rgb(255 255 255 / .1) );--default-background-color: light-dark( #FFC0CB, #FF00FF );--text-color: light-dark(hsl(208 37% 20% / .9), hsla(0 0% 100% / .87));--text-offset-color: light-dark(hsl(0 0% 20%), hsl(0 0% 70%));--text-secondary-color: light-dark(hsl(208 37% 40%), hsl(0 0% 60%));color:var(--text-color);background-color:var(--background-color);--header-primary-color: light-dark(black, white);--header-secondary-color: var(--primary-color);--header-tertiary-color: light-dark( oklch(from var(--primary-color) calc(l*.7) c h), oklch(from var(--primary-color) calc(l*1.3) c h) );--h4-light: hsl(from var(--accent-color) h calc(s*.4) l );--h4-dark: hsl(from var(--accent-color) h calc(s*.4) calc(l*1.2) );--header-quaternary-color: light-dark(var(--h4-light), var(--h4-dark));--simple-header-light: hsl(from var(--accent-color) h calc(s*.6) calc(l*.6) );--simple-header-dark: hsl(from var(--accent-color) h calc(s/2) calc(l*1.4) );--simple-header-color: light-dark(var(--simple-header-light), var(--simple-header-dark));--lore-column-rule-color: light-dark(hsl(0 0% 0% / .08), hsl(0 0% 100% / .1));--lore-column-rule: 1px solid var(--lore-column-rule-color);--card-background: light-dark(hsl(210, 17%, 98%), hsl(0, 0%, 16%));--card-tag-background: light-dark(hsl(210, 17%, 85%), hsl(0, 0%, 25%));--card-border-color: light-dark(hsl(210, 17%, 69%), hsl(0, 0%, 36%));--table-header-text-color: white;--table-header-background-color: var(--primary-color);--table-border-color: hsl(from var(--primary-color) h s calc(l*1.5) );--table-body-background-color: light-dark( hsl(from var(--background-color) h calc(s*.9) calc(l*.9) / .9 ), hsl(from var(--background-color) h s calc(l*1.5) / .7 ) );--table-background: #FF00FF;--tbm-index: 1.5;--table-row-background: #FF00FF;--table-row-alt-background: #DB7093;--input-background: light-dark( hsl(0 0% 90%), hsl(0 0% 20%) );--input-border: light-dark( hsl(0 0% 80%), hsl(0 0% 33%) );--nav-border: light-dark( hsl(0 0% 0%), hsl(0 0% 100%) );--header-icon-color: var(--text-color);--rule-keyword-text-color: var(--text-offset-color);--rule-keyword-text-hover-color: hsl( from var(--rule-keyword-text-color) h s calc(l*1.2) );--x-value-bg: light-dark( hsla(175 81% 77% / .5), hsla(175 81% 77% / .2) );--x-value-text: light-dark( hsl(174 25% 40%), hsl(175 81% 77%) );--y-value-bg: light-dark( hsl(50 42% 70% / .5), hsla(50 79% 61% / .2) );--y-value-text: light-dark( hsl(50 25% 40%), hsl(50 80% 62%) );font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dice-border-color: light-dark(hsl(0 0% 40% / .6), hsl(0 0% 100% / .2));--clickable-dice-hover-color: light-dark(hsl(198 83% 27%), hsl(198 72% 75%));--probability-title: #646cff;--standard-button-text: #FFC0CB;--standard-button-color: #FF00FF;--standard-button-hover-color: #DB7093;--delete-button-color: hsl(354 70% 54%);--delete-button-hover-color: #C71585;--delete-button-active-color: #8B008B;--tags-list-background: light-dark( hsl(196 49% 71%), hsl(196 49% 31%) )}:root{--difficulty-button-color: light-dark( hsl(0 0% 0% / .6), hsl(0 0% 100% / .6) );--difficulty-button-background-color: light-dark( hsl(0 0% 0% / .05), hsl(0 0% 30% / .8) );--difficulty-button-border-color: light-dark( hsl(0 0% 0% / .1), hsl(0 0% 100% / .2) );--difficulty-button-hover-color: light-dark( red, red );--difficulty-button-hover-background-color: light-dark( hsl(237 100% 70% / .3), hsl(237 100% 70% / .3) );--difficulty-button-hover-border-color: light-dark( hsl(0 0% 0% / .3), hsl(0 0% 100% / .3) );--difficulty-button-active-color: light-dark(white, white);--difficulty-button-active-background-color: light-dark( hsl(237 100% 70%), hsl(237 100% 70%) );--difficulty-button-active-border-color: light-dark( hsl(237 100% 70%), hsl(237 100% 70%) )}:root{--rank-0-border-color: hsl(331 72% 51% / .3);--rank-0-background-color-1: hsl(331 72% 51% / .1);--rank-0-background-color-2: hsl(331 72% 51% / .05);--rank-0-color: hsl(332 71% 52%);--rank-1-border-color: hsl(25 95% 53% / .3);--rank-1-background-color-1: hsl(25 95% 53% / .1);--rank-1-background-color-2: hsl(25 95% 53% / .05);--rank-1-color: hsl(25 95% 53%);--rank-2-border-color: hsl(142 71% 45% / .3);--rank-2-background-color-1: hsl(142 71% 45% / .1);--rank-2-background-color-2: hsl(142 71% 45% / .05);--rank-2-color: hsl(142 71% 45%);--rank-3-border-color: hsl(237 100% 70% / .3);--rank-3-background-color-1: hsl(237 100% 70% / .1);--rank-3-background-color-2: hsl(237 100% 70% / .05);--rank-3-color: hsl(237 100% 70%)}.rank-0{--rank-color: var(--rank-0-color);--rank-border-color: var(--rank-0-border-color);--rank-background-color-1: var(--rank-0-background-color-1);--rank-background-color-2: var(--rank-0-background-color-2)}.rank-1{--rank-color: var(--rank-1-color);--rank-border-color: var(--rank-1-border-color);--rank-background-color-1: var(--rank-1-background-color-1);--rank-background-color-2: var(--rank-1-background-color-2)}.rank-2{--rank-color: var(--rank-2-color);--rank-border-color: var(--rank-2-border-color);--rank-background-color-1: var(--rank-2-background-color-1);--rank-background-color-2: var(--rank-2-background-color-2)}.rank-3{--rank-color: var(--rank-3-color);--rank-border-color: var(--rank-3-border-color);--rank-background-color-1: var(--rank-3-background-color-1);--rank-background-color-2: var(--rank-3-background-color-2)}:root{--bonus-value-color: light-dark( hsl(47 90% 41%), hsl(47 100% 62%) )}:root{--weapon-card-border-color: light-dark(oklch(65% .14 50), oklch(51% .14 50));--weapon-tag-background-color: light-dark(oklch(55% .11 51), oklch(45% .11 51));--item-card-border-color: light-dark(oklch(65% .09 165), oklch(51% .09 165));--item-tag-background-color: light-dark(oklch(55% .09 165), oklch(35% .09 165));--training-card-border-color: light-dark(oklch(65% .14 253), oklch(51% .14 253));--training-tag-background-color: light-dark(oklch(55% .16 253), oklch(45% .14 253))}#root{width:100%}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--accent-color)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}p{margin-top:0}h1{font-size:3.2em;line-height:1.1}button{--btn-bg-color: var(--accent-color);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:var(--btn-bg-color);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:hsl(from var(--btn-bg-color) h calc(s*.8) calc(l*1.1));background-color:hsl(from var(--btn-bg-color) h calc(s*.8) calc(l*.9))}button:active{border-color:hsl(from var(--btn-bg-color) h s min(calc(l + 20%),100%));background-color:hsl(from var(--btn-bg-color) h calc(s*.7) calc(l*.7))}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.rules .page>*{--page-margin: 2rem;margin-inline:var(--page-margin)}.main-title{display:grid;text-align:center}a.title-link{font-weight:inherit;color:inherit;text-decoration:inherit}h1{display:grid;text-align:center;font-size:5em;color:var(--header-primary-color, currentColor);text-shadow:var(--header-text-shadow, none)}h2{font-size:2.5em;display:grid;text-align:center;color:var(--header-secondary-color, currentColor)}h3{font-size:1.75em;text-decoration:underline;margin-bottom:.5em;color:var(--header-tertiary-color, currentColor)}h4{font-size:1.5em;font-style:italic;color:var(--header-quaternary-color, currentColor);margin-bottom:.5em}.simple-header{font-weight:700;font-style:italic;color:var(--simple-header-color)}.basic-check-result-table,.generic-to-nongeneric-table{width:calc(100% - (2*var(--page-margin)));border:1px solid white;border-collapse:collapse;background-color:var(--table-background)}table{width:100%;border-collapse:collapse;background-color:var(--table-body-background-color)}table th{border:1px solid var(--table-header-background-color);background-color:var(--table-header-background-color);color:var(--table-header-text-color);padding:.5em}table td{border:1px solid var(--table-border-color);padding:.25em}table td .center-num{text-align:center}.perk{margin:0 .5em;background-color:var(--table-body-background-color);border:1px solid var(--card-border-color);border-radius:6px;padding:.5em}.perk .headrow{font-weight:700;display:flex;justify-content:space-between;align-items:flex-end}.perk .headrow .name{font-size:1.25em;display:flex;align-items:center;gap:.5em}.perk .headrow .cost{font-size:.98em}.perk .headrow .description{font-size:1em}.perk-count{background-color:#e74c3c;color:#fff;font-size:.75em;font-weight:700;padding:.2em .4em;border-radius:12px;min-width:1.5em;text-align:center;display:inline-block}.total-cost{color:#f39c12;font-weight:700}hr{border:none;border-top:4px double var(--text-color);color:var(--text-color);overflow:visible;text-align:center;height:5px;margin-top:1em}hr:after{font-size:1.2em;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-time) ease,color var(--transition-time) ease;border-radius:50%;content:"𝚮";padding:0 4px;position:relative;top:-.9em}.tags{font-size:.8em}.tags .tag{display:inline-block;margin:.1em;padding:.1em .5em;background-color:#063a6b;color:#fff;border-radius:5px}.reminder-text{font-size:.8em;font-style:italic}.status-effect .x-display{font-weight:700;color:var(--x-value-text)}.status-effect .y-display{font-weight:700;color:var(--y-value-text)}.card{background-color:var(--card-background);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:1em;margin:.5em 0}.card-header{background-color:var(--card-tag-background);margin:-1em -1em .5em;padding:.5em 1em;border-radius:7px 7px 0 0;font-weight:700}.toggle.character-creation-toggle{margin-top:1em}.varval{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.varval.x-value{background-color:var(--x-value-bg);color:var(--x-value-text)}.varval.y-value{background-color:var(--y-value-bg);color:var(--y-value-text)}@media (max-width: 768px){:root{font-size:14px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}.rules .page>*{--page-margin: 1rem}button{padding:.8em 1.4em;min-height:44px;font-size:1.1em}p{margin-bottom:1.2em}hr{margin:1.5em 0}table{font-size:.85em}table th,table td{padding:.4em .2em}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.rules .page{padding-top:1rem}.rules .page>*{margin-top:.5rem}}@media (max-width: 480px){:root{font-size:12px}h1{font-size:2em}.rules .page>*{--page-margin: .5rem}body{min-width:280px}table{font-size:.75em}table th,table td{padding:.3em .15em}}@media (max-width: 850px) and (orientation: landscape){h1{font-size:2.2em}.rules .page>*{--page-margin: 1.5rem}}@media (hover: none) and (pointer: coarse){button,a,.clickable{min-height:44px;min-width:44px}button:hover,a:hover{background-color:initial;border-color:initial}button:active,a:active{transform:scale(.98);transition:transform .1s ease}}button,.nav-tab,.tab-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.inventory-content,.scrollable-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mobile{display:none}@media (max-width: 768px){.mobile{display:inline}.non-mobile{display:none}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{font-size:16px;padding:.75em;border-radius:8px;border:1px solid #ccc;width:100%;box-sizing:border-box;min-height:44px}.search-input{font-size:16px;padding:.8em 1em;border-radius:8px;border:1px solid var(--color, #ccc);background-color:var(--card-background, white);color:var(--color, inherit)}label{display:block;margin-bottom:.5em;font-weight:500}.confirm-dialog,.modal{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}}@media (max-width: 480px){input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{font-size:16px;padding:.6em}.confirm-dialog,.modal{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}}.kit{--indent: .5em}.kit .name{--indent: 0;font-size:1.2em;font-weight:700;margin-top:.5em}.kit .benefits-label{font-weight:700;margin-top:.5em}.kit .benefits{padding:.25em}.kit>*{margin-left:var(--indent)}.weapon,.item,.training{margin-bottom:.5em;padding:.5em;border-radius:5px;border:1px solid var(--card-border-color)}.weapon{background-color:var(--table-body-background-color);border-color:var(--weapon-card-border-color)}.weapon .tags .tag{background-color:var(--weapon-tag-background-color)}.item{background-color:var(--table-body-background-color);border-color:var(--item-card-border-color)}.item .tags .tag{background-color:var(--item-tag-background-color)}.training{background-color:var(--table-body-background-color);border-color:var(--training-card-border-color)}.training .tags .tag{background-color:var(--training-tag-background-color)}.weapon .weapon-name{text-decoration:underline}.details-indent{margin-left:1em}.tags{margin-left:1.5em}.description{font-style:italic;font-size:.9em}.weapon .name,.item .name,.training .name{font-size:1em;font-weight:700}.kit ul,.weapon ul,.item ul,.training ul{margin-block-start:0}.dice-display{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;color:inherit}.clickable-dice{color:inherit;cursor:pointer;text-decoration:none;transition:all .15s ease;display:inline;padding:0;margin:0;border:none;background:none;font:inherit}.clickable-dice:hover{color:var(--clickable-dice-hover-color);text-decoration:underline;text-decoration-style:dotted;text-shadow:var(--dice-hover-shadow, 0 0 4px rgb(79 168 212 / .3))}.clickable-dice:active{transform:scale(.98)}@keyframes pulse-roll{0%{transform:scale(1);color:#4fa8d4}50%{transform:scale(1.15);color:#4ade80}to{transform:scale(1);color:#4fa8d4}}.average-damage{color:var(--text-secondary-color);font-size:.9em;transition:all .3s ease}.average-damage.rolled-result{--roll-result-color: light-dark( hsl(142 69% 38%), hsl(142 69% 58%) );--roll-result-shadow: 0 0 6px rgb(74 222 128 / .4);color:var(--roll-result-color);font-weight:700;text-shadow:var(--roll-result-shadow);animation:pulse-roll .6s ease-out}.dice-roll-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#2f9153e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:600;white-space:nowrap;z-index:1000;pointer-events:none;animation:tooltip-fade-in .3s ease-out;box-shadow:0 2px 4px #0003}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}span.attack-option .name-row{font-size:.95em}span.attack-option .tags{margin-left:1.5em}span.attack-option .name-row .name{font-weight:700;font-size:1.1em}span.attack-option .details-indentation{margin-left:1em}.weapon-damage{font-size:.9em}.weapon-damage .damage-bloc{background-color:var(--card-background);border:1px solid var(--dice-border-color);padding-inline:.5em;border-radius:.25em}div.msb{--height: 8.5in;--width: 11in;--sheetMarginTB: .25in;--sheetMarginLR: .25in;--pageBG: white;margin:0;background-color:var(--pageBG);width:var(--width);height:var(--height);color:#000;display:grid;grid-template-columns:repeat(2,1fr)}.msb .spell-page{--perPageSidePadding: .6in;padding-inline:var(--perPageSidePadding);padding-top:.25in;position:relative;background-color:var(--pageBG)}.msb .spell-page.first{border-right:1px solid black}.msb .spell-page.second{border-left:1px solid black}.spell-page .how-to-cast-title,.spell-page .spell-effects-title,.spell-page .backfire-title{margin-top:1em;font-size:1em;font-weight:700;text-align:center}.spell-page .spell-name,.spell-page .how-to-cast,.spell-page .spell-effects,.spell-page .backfire{border:2px solid black;height:15%}.spell-page .spell-name{height:.75in}.spell-page .spell-effects{height:40%}div.spell-name,div.how-to-cast,div.spell-effects,div.backfire{position:relative;background-color:#000;mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px}.spell-name-inner,.how-to-cast-inner,.spell-effects-inner,.backfire-inner{position:relative;width:100%;height:100%;background-color:var(--pageBG);mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px}.toggle{height:var(--height);--toggle-off-background-color: hsl( from var(--primary-color) h calc(s*.8) calc(l*.8) );--toggle-on-background-color: var(--primary-color);--toggle-nub-color: #fff;--nub-size: 1.1em;--nub-edge-gap: 3px;--height: calc( var(--nub-size) + (2 * var(--nub-edge-gap)) );--width: calc( (2 * var(--height)) + (2 * var(--nub-edge-gap)) )}.toggle input{opacity:0;width:0;height:0}.toggle .toggler{position:relative;display:inline-block;height:var(--height);width:var(--width);margin:0;margin-inline:.5em;background-color:var(--toggle-off-background-color);padding:0;transition:.3s;cursor:pointer;border-radius:34px}.toggle .toggler:before{position:absolute;content:"";top:var(--nub-edge-gap);left:var(--nub-edge-gap);height:var(--nub-size);width:var(--nub-size);background-color:var(--toggle-nub-color);border-radius:50%;transition:.3s}.toggle.toggled .toggler{background-color:var(--toggle-on-background-color)}.toggle.toggled .toggler:before{transform:translate(calc(var(--nub-edge-gap) + var(--width) / 2))}