.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{flex:0 0 auto}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:flex;align-items:center;justify-content:center;gap:.25em}@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;min-height:44px}}@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:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));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;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}.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}}.rules .page.story-setting-chooser-page{min-height:100dvh;display:flex;flex-direction:column}.story-setting-chooser{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem;margin:.5rem 0}.story-setting-chooser .story-setting-card{margin-top:4rem;height:clamp(150px,30vh,220px);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:12px;border:1px solid var(--card-border-color);background:var(--tile-background-color);color:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.story-setting-chooser .story-setting-card:hover,.story-setting-chooser .story-setting-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--text-color) 18%,transparent);border-color:var(--alert-color)}.story-setting-chooser .story-setting-card h2{margin:0}.story-setting-chooser .story-setting-card p{margin:0;opacity:.88}.story-setting-chooser .story-setting-card .story-setting-card-cta{margin-top:auto;font-weight:700;color:var(--alert-color)}@media (max-width: 760px){.rules .page.story-setting-chooser-page{min-height:auto}.story-setting-chooser{grid-template-columns:1fr;flex:initial}}.sub-page-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding-bottom:.6rem;margin-bottom:1rem;border-bottom:1px solid var(--accent-color);font-size:.9em}.sub-page-nav-back{color:var(--primary-color);text-decoration:none;font-weight:500;white-space:nowrap;transition:opacity .15s ease}.sub-page-nav-back:hover{opacity:.75;text-decoration:underline}.sub-page-nav-divider{color:var(--text-offset-color);opacity:.5;-webkit-user-select:none;user-select:none}.sub-page-nav-tabs{display:flex;border:1px solid var(--primary-color);border-radius:6px;overflow:hidden}.sub-page-nav-tab{display:flex;align-items:center;justify-content:center;text-align:center;padding:.2em .8em;line-height:1.3;text-decoration:none;color:var(--primary-color);font-weight:500;transition:background-color .15s ease,color .15s ease}.sub-page-nav-tab:not(:last-child){border-right:1px solid var(--primary-color)}.sub-page-nav-tab:hover:not(.active){background-color:color-mix(in srgb,var(--primary-color) 15%,transparent)}.sub-page-nav-tab.active{background-color:var(--primary-color);color:var(--background-color);font-weight:600}@media (max-width: 768px){.sub-page-nav-tab{min-height:36px;padding:.2em .7em}.sub-page-nav-back{display:inline-flex;align-items:center;min-height:36px}}.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}.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 .rot{color:var(--rot-faction-primary);--hover-on-faction-color: var(--rot-faction-background);--hover-on-faction-border: var(--rot-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)}.arc-keyword{--arc-accent: var(--arc-front-color);white-space:nowrap;font-weight:600;color:var(--arc-accent)}.arc-keyword.peripheral{--arc-accent: var(--arc-peripheral-color)}.arc-keyword.rear{--arc-accent: var(--arc-rear-color)}.arc-keyword.flank{--arc-accent: var(--arc-flank-color)}.arc-keyword .arc-glyph{width:1em;height:1em;vertical-align:-.12em;margin-right:.25em;overflow:visible}.arc-keyword .arc-ring{fill:none;stroke:var(--arc-ring-color);stroke-width:1.4}.arc-keyword .arc-highlight{fill:none;stroke:var(--arc-accent);stroke-width:3;stroke-linecap:round}.arc-keyword .arc-pointer{fill:currentColor;opacity:.55}.rule-keyword.arc-trigger{color:inherit;border-bottom:none}.rule-keyword.arc-trigger .arc-label{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:.2em}.rule-keyword.arc-trigger:hover .arc-keyword{filter:brightness(1.15)}.skill-check-listing{color:var(--tag-text)}.skill-check-listing .check-tags{display:inline-flex;align-items:center;vertical-align:.1em;margin-right:.35em;padding:.3em .5em;line-height:1;border-radius:4px;background:hsl(from var(--tag-fill) h s l / .1);border:1px solid hsl(from var(--tag-line) h s l / .1);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.skill-check-listing .check-tag-separator{padding-inline:.3em;opacity:.55}.skill-check-listing .check-label{font-weight:600}.range-glyph{height:1em;vertical-align:-.12em;margin-right:.25em;overflow:visible}.range-glyph.bars,.range-glyph.reach,.range-glyph.pips{width:1.3em}.range-glyph.ripples,.range-glyph.hexrings{width:1em}.range-track{stroke:var(--range-track-color);stroke-width:1.2;stroke-linecap:round}.range-origin{fill:currentColor;opacity:.55}.range-mark{fill:var(--range-track-color)}.range-mark.near{fill:var(--range-accent);opacity:.3}.range-mark.active{fill:var(--range-accent)}.range-arc{fill:none;stroke:var(--range-track-color);stroke-width:1.5;stroke-linecap:round}.range-arc.near{stroke:var(--range-accent);opacity:.3}.range-arc.active{stroke:var(--range-accent);stroke-width:2.4}.range-tick{stroke:var(--range-track-color);stroke-width:1;stroke-linecap:round}.range-reach{stroke:var(--range-accent);stroke-width:2;stroke-linecap:round}.range-arrow{fill:var(--range-accent)}.range-keyword{--range-accent: var(--range-adjacent-color);white-space:nowrap;font-weight:600;color:var(--range-accent)}.range-keyword.short{--range-accent: var(--range-short-color)}.range-keyword.medium{--range-accent: var(--range-medium-color)}.range-keyword.long{--range-accent: var(--range-long-color)}.range-keyword.extreme{--range-accent: var(--range-extreme-color)}.rule-keyword.range-trigger{color:inherit;border-bottom:none}.rule-keyword.range-trigger .range-label{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:.2em}.rule-keyword.range-trigger:hover .range-keyword{filter:brightness(1.15)}.tags{font-size:.8em}.tags .special-tag-trigger{border-bottom:none}.tags .tag{display:inline-flex;align-items:center;vertical-align:.3em;gap:.4em;margin:.15em .3em;padding:.34em .62em;line-height:1;border-radius:5px;font-size:.82em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--tag-fill);border:1px solid var(--tag-line);color:var(--tag-text)}.tags .tag.special{border-color:var(--special-tag-line);color:var(--special-tag-text)}.tags .tag.clickable{cursor:pointer}.tags .range-tag{gap:.45em;background:var(--range-tag-fill);border-color:var(--range-tag-line);color:var(--range-tag-text)}.tags .range-key{font-weight:800;padding-right:.45em;border-right:1px solid var(--range-tag-line)}.tags .range-values{display:inline-flex;align-items:center;gap:.15em;font-weight:600}.tags .range-value.clickable{cursor:pointer}.tags .range-value.selected-choice{outline:1.5px solid var(--primary-color, #444);outline-offset:1px;border-radius:3px;font-weight:800}.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}.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}.simple-header .movement-cost{padding-inline:.6em;font-size:.85em;color:var(--text-secondary-color)}.swap-equipment-grid{margin-bottom:16px}.damage-type-keyword{--damage-accent: var(--damage-neutral-color);white-space:nowrap;font-weight:600;color:var(--damage-accent)}.damage-type-keyword.metal{--damage-accent: var(--damage-metal-color)}.damage-type-keyword.infernal{--damage-accent: var(--damage-infernal-color)}.damage-type-keyword.abyssal{--damage-accent: var(--damage-abyssal-color)}.damage-type-keyword.verdant{--damage-accent: var(--damage-verdant-color)}.damage-type-keyword.chthonic{--damage-accent: var(--damage-chthonic-color)}.damage-type-keyword.nethercurrent{--damage-accent: var(--damage-nethercurrent-color)}.damage-type-keyword.voidyr{--damage-accent: var(--damage-voidyr-color)}.damage-type-keyword.core{--damage-accent: var(--damage-core-color)}.damage-type-keyword .damage-glyph{width:1em;height:1em;vertical-align:-.12em;overflow:visible}.damage-type-keyword .glyph-fill{fill:var(--damage-accent);stroke:none}.damage-type-keyword .glyph-stroke{fill:none;stroke:var(--damage-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.injuries-table td{max-width:100px}.injuries-table td.roll-column{width:55px;text-align:center}.rules .page.character-creation-chooser-page{min-height:100dvh;display:flex;flex-direction:column}.character-creation-chooser{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem;margin:.5rem 0}.character-creation-chooser .character-creation-chooser-card{margin-top:4rem;height:clamp(150px,30vh,220px);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:12px;border:1px solid var(--card-border-color);background:var(--tile-background-color);color:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.character-creation-chooser .character-creation-chooser-card:hover,.character-creation-chooser .character-creation-chooser-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--text-color) 18%,transparent);border-color:var(--primary-color)}.character-creation-chooser .character-creation-chooser-card h2{margin:0}.character-creation-chooser .character-creation-chooser-card p{margin:0;opacity:.88}.character-creation-chooser .character-creation-chooser-card .character-creation-chooser-card-cta{margin-top:auto;font-weight:700;color:var(--primary-color)}@media (max-width: 760px){.rules .page.character-creation-chooser-page{min-height:auto}.character-creation-chooser{grid-template-columns:1fr;flex:initial}}.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")}.simple-lock-btn{font-size:1em;padding:.2em .4em;border-radius:4px;cursor:pointer;background:transparent;--lock-border: 1px solid var(--primary-color, #444);border:var(--lock-border);line-height:1}.simple-lock-btn:hover:not(:disabled){background:#ffffff12}.simple-lock-btn:disabled{opacity:.5;cursor:default}.simple-lock-btn.locked{padding-inline:.5em;background:#646cff26;border-color:#646cff66}span.attack-option .name-container{margin-top:.4rem;margin-left:1em}span.attack-option .name-container .name-row{font-size:.95em}span.attack-option .name-container .name-row .name{font-weight:700;font-size:1.1em;margin-right:1.3rem}span.attack-option .details-indentation{margin-left:1.6em}.weapon-damage{font-size:.9em}.weapon-damage .damage-bloc{position:relative;background-color:var(--card-background);border:1px solid var(--dice-border-color);padding-inline:.5em;border-radius:.25em}.weapon-damage .damage-bloc.clickable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.weapon-damage .damage-bloc.clickable:hover{color:var(--clickable-dice-hover-color);border-color:var(--clickable-dice-hover-color);background-color:color-mix(in srgb,var(--clickable-dice-hover-color) 12%,var(--card-background))}.weapon-damage .damage-bloc.clickable:active{transform:scale(.98)}.weapon-damage .damage-bloc.clickable:focus-visible{outline:2px solid var(--clickable-dice-hover-color);outline-offset:1px}.defense-mod{display:inline-flex;align-items:baseline;gap:.3em;padding:0 .4em;border:1px solid light-dark(#00000033,#ffffff44);background-color:light-dark(#0000000d,#ffffff14);border-radius:4px;white-space:nowrap;line-height:1.4}.defense-mod.defense-weak{border-color:light-dark(#c98484,#7a4444);background-color:light-dark(#c9848422,#7a444444)}.defense-mod.defense-absorb{border-color:light-dark(#84b6c9,#3f647a);background-color:light-dark(#84b6c922,#3f647a44)}.defense-mod-kind{font-size:.8em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.defense-mod-qualifier{font-style:italic;opacity:.85}.defense-mod-label{font-weight:600}.defense-mod-note{font-size:.85em;opacity:.65}.defense-mod-note:before{content:"("}.defense-mod-note:after{content:")"}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%;--bg1: light-dark( oklch(94.705% .0001 271), oklch(29% .00003 271) );--bg2: light-dark( oklch(91% .0001 271), oklch(35% .00004 271) );background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);color:light-dark(rgb(0 0 0 / .87),rgb(255 255 255 / .87));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{--bg1: light-dark( oklch(89% .0001 271), oklch(35% .00004 271) );--bg2: light-dark( oklch(86% .0001 271), oklch(41% .00005 271) );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 rgb(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 rgb(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 rgb(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 rgb(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 rgb(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 rgb(16 185 129 / .3);color:#10b981}.panel-content .error-message{background-color:#dc35451a;border:1px solid rgb(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}}.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}.spec-header{display:flex;align-items:center;justify-content:space-between;gap:.5em;flex-wrap:wrap}.spec-controls{display:flex;gap:.4em;align-items:center}.spec-randomize-btn{font-size:.8em;padding:.25em .6em;border-radius:4px;cursor:pointer}.spec-display{margin-top:.3em}.spec-selectors{display:flex;flex-direction:column;gap:.4em;margin-top:.4em}.spec-row{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.spec-label{font-size:.9em;min-width:7em;flex-shrink:0}.spec-row select{background-color:light-dark(#ddd,#333);border:1px solid light-dark(#bbb,#555);border-radius:4px;padding:.3em .5em;font-size:.9em;color:inherit;flex:1;min-width:0}.spec-row select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.bonus-totals-block{padding:.6em .8em;margin-bottom:.75em;border:1px solid var(--primary-color, #444);border-radius:8px;background-color:var(--table-body-background-color)}.bonus-totals-block .title{font-size:1.2em;font-weight:700;margin-bottom:.4em}.bonus-chips{display:flex;flex-wrap:wrap;gap:.35em}.bonus-chips+.bonus-chips{margin-top:.35em}.bonus-chip{display:inline-flex;align-items:baseline;padding:.1em .55em;border:1px solid light-dark(#bbb,#555);border-radius:1em;font-size:.9em;white-space:nowrap;cursor:default}.bonus-chip.defense-weak{border-color:light-dark(#c98484,#7a4444)}.bonus-condition{margin-left:.35em;font-size:.85em;opacity:.65;white-space:normal}.bonus-choices{margin-top:.5em;padding-top:.4em;border-top:1px solid light-dark(#ccc,#444);display:flex;flex-direction:column;gap:.3em}.bonus-choice-row{display:flex;align-items:center;gap:.4em;font-size:.9em}.bonus-choice-row select{padding:.1em .3em;border-radius:4px;background-color:light-dark(#ddd,#333);border:1px solid light-dark(#bbb,#555)}.bonus-choice-source{font-weight:600}.kit-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1rem;box-sizing:border-box}.kit-select-modal{background-color:var(--card-background);border:1px solid #444;border-radius:8px;box-shadow:0 16px 48px #00000080;width:min(95vw,1280px);max-height:90vh;display:flex;flex-direction:column;animation:kitModalIn .2s ease-out}@keyframes kitModalIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.kit-select-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #444;flex-shrink:0}.kit-select-header .kit-select-title{margin:0;font-size:1.2rem}.kit-select-header .kit-select-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-offset-color);padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.kit-select-header .kit-select-close:hover{color:var(--text-color);background-color:#ffffff1a}.kit-select-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.kit-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}@media (max-width: 600px){.kit-select-grid{grid-template-columns:1fr}}.kit-select-card{position:relative;border:2px solid transparent;border-radius:8px;padding:.75rem;cursor:pointer;background-color:var(--table-body-background-color, rgba(0,0,0,.2));transition:border-color .15s,background-color .15s;-webkit-user-select:none;user-select:none}.kit-select-card:hover:not(.disabled){border-color:#646cff66;background-color:#646cff0f}.kit-select-card.selected{border-color:#646cff;background-color:#646cff1f}.kit-select-card.disabled{opacity:.4;cursor:not-allowed}.kit-select-badge{position:absolute;top:-.6rem;right:.75rem;background-color:#646cff;color:#fff;font-size:.7em;font-weight:600;padding:.15em .55em;border-radius:12px;letter-spacing:.04em;text-transform:uppercase}.kit-select-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #444;flex-shrink:0}.kit-select-footer .kit-select-cancel{padding:.6rem 1.25rem;border-radius:4px;border:1px solid #555;background:transparent;color:inherit;cursor:pointer;font-size:.95rem}.kit-select-footer .kit-select-cancel:hover{background-color:#ffffff14;border-color:#777}.kit-select-footer .kit-select-confirm{padding:.6rem 1.25rem;border-radius:4px;border:none;background-color:#646cff;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s}.kit-select-footer .kit-select-confirm:hover:not(:disabled){background-color:#5a5fcf}.kit-select-footer .kit-select-confirm:disabled{opacity:.45;cursor:not-allowed}.kit-relic-toggle-btn{display:block;margin-top:.5rem;padding:.3em .7em;font-size:.82em;border:1px solid #555;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.kit-relic-toggle-btn:hover{background-color:#ffffff14;border-color:#777}.kit-relic-preview{margin-top:.5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;overflow:hidden}.kit-relic-preview .kit-relic-preview-header{padding:.35em .6em;font-size:.78em;font-weight:600;color:var(--text-secondary-color, #aaa);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.05em}.kit-slot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:1.5em 1em;border:2px dashed var(--primary-color, #444);border-radius:8px;gap:.75em}@media (max-width: 850px){.kit-slot-placeholder{min-height:120px}}.kit-slot-placeholder-title{font-size:1.15em;font-weight:700;color:var(--accent-color, #aaa)}.kit-slot-placeholder-hint{font-size:.85em;opacity:.6;margin:0}.kit-slot-placeholder-buttons{display:flex;gap:.6em;flex-wrap:wrap;justify-content:center}.kit-randomize-btn,.kit-select-btn{padding:.5em 1em;border-radius:4px;cursor:pointer;font-size:.95em;border:1px solid var(--primary-color, #555)}.kit-slot-assigned{display:flex;flex-direction:column;gap:0}.kit-change-controls{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;padding:.4em 0;margin-bottom:.25em;border-bottom:1px solid var(--primary-color, #333)}.kit-reroll-btn,.kit-change-btn{font-size:.8em;padding:.25em .6em;border-radius:4px;cursor:pointer;border:1px solid var(--primary-color, #555)}.kit-lock-btn{margin-left:auto}.perks-section{margin-top:.5em}.perks-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4em;margin-bottom:.25em}.perks-controls{display:flex;align-items:center;gap:.4em;flex-wrap:wrap}.perks-budget{font-size:.8em;opacity:.7;white-space:nowrap}.perks-randomize-btn,.perks-select-btn{font-size:.8em;padding:.25em .6em;border-radius:4px;cursor:pointer;border:1px solid var(--primary-color, #555)}.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}.notes-block{margin-top:1em}.notes-block .notes-title{font-size:1.2em;font-weight:700;margin-bottom:.4em}.notes-block .notes-textarea{width:100%;box-sizing:border-box;background:var(--background-color, #1a1a1a);color:inherit;border:1px solid var(--primary-color, #444);border-radius:4px;padding:.5em;font-family:inherit;font-size:.95em;resize:vertical}.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}}.rules .page>nav.scrollspy-nav{margin-inline:0}.scrollspy-target{scroll-margin-top:calc(4.5rem + env(safe-area-inset-top,0px))}.scrollspy-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--background-color);border-bottom:1px solid light-dark(rgb(0 0 0 / .12),rgb(255 255 255 / .15));box-shadow:0 2px 6px light-dark(rgb(0 0 0 / .06),rgb(0 0 0 / .3))}.scrollspy-nav:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:env(safe-area-inset-top,0px);background:var(--background-color)}.scrollspy-nav-inner{position:relative;display:flex;gap:.35rem;align-items:center;padding:.5rem 2rem;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;--indicator-radius: 5px}.scrollspy-nav-inner .scrollspy-indicator{position:absolute;top:0;left:0;border-radius:var(--indicator-radius);background-color:var(--accent-color);pointer-events:none;z-index:0;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1)}.scrollspy-nav-inner .scrollspy-link{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .85rem;border-radius:var(--indicator-radius);font-weight:600;font-size:.95rem;line-height:1.2;white-space:nowrap;color:var(--text-offset-color);text-decoration:none;border:1px solid transparent;transition:color .2s ease,background-color .2s ease}.scrollspy-nav-inner .scrollspy-link:hover{color:var(--text-color)}.scrollspy-nav-inner .scrollspy-link.pending{color:var(--text-color);background-color:color-mix(in srgb,var(--accent-color) 32%,transparent)}.scrollspy-nav-inner .scrollspy-link.active{color:#fff}@media (prefers-reduced-motion: reduce){.scrollspy-indicator{transition:none}}@media (max-width: 850px){.scrollspy-nav-inner{padding:.4rem 1rem;gap:.25rem;--indicator-radius: 3px}.scrollspy-nav-inner .scrollspy-indicator{height:2px}.scrollspy-nav-inner .scrollspy-link{font-size:.85rem;padding:.3rem .7rem;min-height:36px}}.toggle{margin:0}.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-radius:4px;padding:.25rem .4rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;margin-left:.5rem;--color: light-dark( rgb(0 0 0 / .6), rgb(255 255 255 / .8) );color:var(--color);border-color:(oklch from var(--color) l c h / .66);background-color:light-dark(#fff1,#fff1)}.creature-card .title-row .add-creature-btn:hover,.creature-card .title-row .remove-creature-btn:hover{background-color:light-dark(#fff2,#fff4)}.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: oklch(77% .22 144)}.creature-card .title-row .add-creature-btn:hover{--color: oklch(82% .22 144)}.creature-card .title-row .remove-creature-btn{--color: oklch(55% .22 26)}.creature-card .title-row .remove-creature-btn:hover{--color: light-dark( oklch(60% .22 26), oklch(68% .22 26) )}.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(oklch(62.344% .13464 144.188),oklch(80.036% .18204 151.736));text-decoration:underline;text-decoration-style:dotted}.editable-health:hover{color:light-dark(oklch(52.344% .13464 144.188),oklch(80.036% .18204 151.736))}.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 light-dark(rgb(0 0 0 / .1),rgb(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:light-dark(rgb(0 0 0 / .15),rgb(255 255 255 / .3))}.collapsible-section .collapsible-header{--shade: light-dark(rgb(10 10 10), rgb(255 255 255));--header-bg-1: light-dark( rgb(from var(--shade) r g b / .2), rgb(from var(--shade) r g b / .05) );--header-bg-2: light-dark( rgb(from var(--shade) r g b / .1), rgb(from var(--shade) r g b / .02) );display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:var(--header-bg-1);border-bottom:1px solid light-dark(rgb(0 0 0 / .08),rgb(255 255 255 / .1));transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section .collapsible-header:hover{--header-bg-1: light-dark( rgb(from var(--shade) r g b / .3), rgb(from var(--shade) r g b / .08) );--header-bg-2: light-dark( rgb(from var(--shade) r g b / .15), rgb(from var(--shade) r g b / .04) );border-bottom-color:light-dark(rgb(0 0 0 / .12),rgb(255 255 255 / .15))}.collapsible-section .collapsible-header:hover .toggle-icon{background-color:light-dark(rgb(100 108 255 / .15),rgb(100 108 255 / .2));transform:scale(1.1)}.collapsible-section .collapsible-header:hover .chevron{color:var(--accent-color)}.collapsible-section .collapsible-header .header-content{flex:1}.collapsible-section .collapsible-header .section-title{margin:0 0 .25rem;font-size:1.3rem;font-weight:600;color:var(--text-color);transition:color .2s ease}.collapsible-section .collapsible-header .section-description{margin:0 0 .25rem;font-size:.9rem;color:var(--text-offset-color);line-height:1.4}.collapsible-section .collapsible-header .toggle-icon{margin-left:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:light-dark(rgb(100 108 255 / .1),rgb(255 255 255 / .1));transition:all .2s ease}.collapsible-section .collapsible-header .toggle-icon .chevron{font-size:.9rem;color:var(--text-offset-color);transition:all .3s ease}.collapsible-section .collapsible-header .toggle-icon .chevron.open{transform:rotate(180deg)}.collapsible-section .collapsible-header .toggle-icon .chevron.closed{transform:rotate(0)}.collapsible-section .collapsible-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.collapsible-section .collapsible-content.open{max-height:150000px;opacity:1}.collapsible-section .collapsible-content.closed{max-height:0;opacity:0}.collapsible-section .collapsible-content .content-inner{padding:1.5rem;transition:all .3s ease}.collapsible-content.closed :is(.collapsible-section .collapsible-content .content-inner){padding-top:0;padding-bottom:0}.collapsible-section[data-variant=faction-examples]{border:2px solid transparent;border-radius:8px;background-image:linear-gradient(light-dark(rgb(255 255 255),rgb(30 30 30)),light-dark(rgb(255 255 255),rgb(30 30 30))),linear-gradient(135deg,#ff505059,#ffa02859,#dcdc2859,#3cc85059,#3ca0ff59,#8c50ff59,#dc3cc859);background-origin:border-box;background-clip:padding-box,border-box}.collapsible-section[data-variant=faction-examples] .collapsible-header{background:light-dark(linear-gradient(135deg,rgb(100 108 255 / .08),rgb(139 92 246 / .03)),linear-gradient(135deg,rgb(100 108 255 / .1),rgb(139 92 246 / .05)))}.collapsible-section[data-variant=faction-examples] .collapsible-header:hover{background:light-dark(linear-gradient(135deg,rgb(100 108 255 / .12),rgb(139 92 246 / .05)),linear-gradient(135deg,rgb(100 108 255 / .15),rgb(139 92 246 / .08)))}.collapsible-section[data-variant=faction-examples] .collapsible-header .section-title{color:light-dark(rgb(100 108 100),rgb(239 239 239))}.collapsible-section[data-variant=faction-examples] .collapsible-header .toggle-icon{background-color:light-dark(rgb(100 108 255 / .15),rgb(100 108 255 / .2))}.collapsible-section[data-variant=faction-examples] .collapsible-header .toggle-icon:hover{background-color:light-dark(rgb(100 108 255 / .25),rgb(100 108 255 / .3))}.collapsible-section[data-variant=rot-host] .collapsible-header,.collapsible-section[data-variant=zephpter-swarm] .collapsible-header{--header-bg-1: oklch(from var(--title-bg-color) l c h)}.collapsible-section[data-variant=rot-host] .collapsible-header:hover,.collapsible-section[data-variant=zephpter-swarm] .collapsible-header:hover{--header-bg-1: oklch(from var(--title-bg-color) calc(l*1.1) c h)}.collapsible-section[data-variant=rot-host] .collapsible-header .section-title,.collapsible-section[data-variant=zephpter-swarm] .collapsible-header .section-title{color:#fff}.collapsible-section[data-variant=rot-host] .collapsible-header .toggle-icon,.collapsible-section[data-variant=zephpter-swarm] .collapsible-header .toggle-icon{background-color:oklch(from var(--core-color) calc(l*1.3) c h / .9)}.collapsible-section[data-variant=rot-host] .collapsible-content .content-inner,.collapsible-section[data-variant=zephpter-swarm] .collapsible-content .content-inner{background-color:var(--background-transition-color)}@media (max-width: 768px){.collapsible-section .collapsible-header{padding:.75rem 1rem}.collapsible-section .collapsible-header .section-title{font-size:1.1rem}.collapsible-section .collapsible-header .section-description{font-size:.8rem}.collapsible-section .collapsible-header .toggle-icon{width:1.5rem;height:1.5rem}.collapsible-section .collapsible-header .toggle-icon .chevron{font-size:.8rem}.collapsible-section .collapsible-content .content-inner{padding:1rem}}.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}}.encounter-tab{display:flex;align-items:center;gap:6px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px 4px 0 0;padding:0;transition:all .2s ease;cursor:grab}.encounter-tab:active{cursor:grabbing}.encounter-tab.active{background-color:#3a3a3a;border-color:var(--accent-color, #666)}.encounter-tab:hover{background-color:#333}.encounter-tab.drag-over{background-color:#3a5a3a;border-color:#6fff6f;box-shadow:inset 0 0 8px #6fff6f4d}.encounter-tab .tab-button{background:none;border:none;padding:8px 12px;cursor:pointer;color:#ddd;font-size:14px;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.encounter-tab .tab-button:hover{color:#fff}.encounter-tab.active .tab-button{color:#fff;font-weight:500}.encounter-tab .tab-edit-input{flex:1;padding:6px 8px;margin:2px 4px;background-color:#1a1a1a;border:1px solid #666;color:#fff;border-radius:2px;font-size:14px;min-width:100px}.encounter-tab .tab-edit-input:focus{outline:none;border-color:#888;box-shadow:0 0 4px #8888884d}.encounter-tab .tab-delete-btn{background:none;border:none;color:#999;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-size:12px}.encounter-tab .tab-delete-btn:hover{color:#ff6b6b}.encounter-tabs{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap;border-bottom:2px solid #444;padding-bottom:8px}.encounter-tabs .tabs-container{display:flex;gap:4px;flex-wrap:wrap;flex:1}.encounter-tabs .add-encounter-btn,.encounter-tabs .import-encounters-btn,.encounter-tabs .export-encounters-btn{background-color:#2a5a3a;border:1px solid #4a8a5a;color:#6fff6f;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.encounter-tabs .add-encounter-btn:hover,.encounter-tabs .import-encounters-btn:hover,.encounter-tabs .export-encounters-btn:hover{background-color:#3a7a4a;border-color:#6a9a7a;color:#8fff8f}.encounter-tabs .add-encounter-btn:active,.encounter-tabs .import-encounters-btn:active,.encounter-tabs .export-encounters-btn:active{transform:scale(.98)}.encounter-tabs .import-encounters-btn{background-color:#2a3a5a;border-color:#4a5a8a;color:#6f9fff}.encounter-tabs .import-encounters-btn:hover{background-color:#3a4a7a;border-color:#6a7aaa;color:#8fbfff}.encounter-tabs .export-encounters-btn{background-color:#5a3a2a;border-color:#8a5a4a;color:#ff9f6f}.encounter-tabs .export-encounters-btn:hover{background-color:#7a4a3a;border-color:#aa7a6a;color:#ffbf8f}.the-prompt{margin-bottom:1em}.reference-wip-banner{position:relative;margin:1rem 0 2rem;padding:1.5rem 1.5rem 1.5rem 2rem;border:1px solid var(--card-border-color);border-radius:12px;background:var(--card-background);overflow:hidden}.reference-wip-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:repeating-linear-gradient(45deg,var(--accent-color) 0 8px,transparent 8px 16px)}.reference-wip-banner h2{margin:.5rem 0}.reference-wip-banner p{margin:0;max-width:60ch;color:var(--text-secondary-color)}.reference-wip-badge{display:inline-block;padding:.15rem .6rem;border:1px solid var(--accent-color);border-radius:999px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);color:var(--header-tertiary-color);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reference-planned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.reference-planned-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px dashed var(--card-border-color);border-radius:10px;background:color-mix(in srgb,var(--card-background) 50%,transparent)}.reference-planned-card header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.reference-planned-card h3{margin:0;font-size:1.05rem}.reference-planned-card p{margin:0;color:var(--text-secondary-color);font-size:.9rem}.reference-planned-card.drafting{border-style:solid;background:var(--card-background)}.reference-planned-card.planned{opacity:.75}.reference-status-chip{flex:none;padding:.1rem .5rem;border-radius:999px;background:var(--card-tag-background);color:var(--text-offset-color);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.reference-planned-card.drafting .reference-status-chip{background:color-mix(in srgb,var(--primary-color) 22%,transparent);color:var(--header-tertiary-color)}.reference-footnote{margin:2rem 0 1rem;color:var(--text-secondary-color);font-size:.9rem;font-style:italic}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) );--rot-faction-primary: light-dark( oklch(var(--primary-light-l) .1 126), oklch(var(--primary-dark-l) .1 126) );--rot-faction-accent: light-dark( oklch(var(--accent-light-l) .1 126), oklch(var(--accent-dark-l) .1 126) );--rot-faction-background: light-dark( oklch(var(--bg-light-l) .05 126), oklch(var(--bg-dark-l) .005 126) )}: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[data-faction=rot]{--faction-primary-dark: var(--rot-faction-primary-dark);--faction-primary-light: var(--rot-faction-primary-light);--faction-on-primary: var(--rot-faction-on-primary);--faction-accent-light: var(--rot-faction-accent-light);--primary-color: var(--rot-faction-primary);--accent-color: var(--rot-faction-accent);--background-color: var(--rot-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}: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{--tag-fill: light-dark(oklch(45% .07 250 / .13), oklch(72% .09 250 / .2));--tag-line: light-dark(oklch(45% .07 250 / .38), oklch(72% .09 250 / .42));--tag-text: light-dark(oklch(38% .09 250), oklch(83% .09 250));--special-tag-line: light-dark(oklch(45% .07 80 / .38), oklch(72% .09 80 / .42));--special-tag-text: light-dark(oklch(38% .09 80), oklch(83% .09 80));--range-tag-fill: light-dark(oklch(45% .1 255 / .15), oklch(72% .11 255 / .22));--range-tag-line: light-dark(oklch(45% .1 255 / .42), oklch(72% .11 255 / .48));--range-tag-text: light-dark(oklch(40% .11 255), oklch(85% .11 255));--weapon-tag-fill: light-dark(oklch(55% .11 51 / .15), oklch(72% .12 51 / .2));--weapon-tag-line: light-dark(oklch(50% .11 51 / .4), oklch(72% .12 51 / .46));--weapon-tag-text: light-dark(oklch(45% .12 51), oklch(80% .12 51));--item-tag-fill: light-dark(oklch(55% .09 165 / .16), oklch(72% .1 165 / .2));--item-tag-line: light-dark(oklch(50% .09 165 / .4), oklch(72% .1 165 / .46));--item-tag-text: light-dark(oklch(42% .1 165), oklch(80% .1 165));--training-tag-fill: light-dark(oklch(55% .16 253 / .14), oklch(72% .14 253 / .2));--training-tag-line: light-dark(oklch(50% .16 253 / .4), oklch(72% .14 253 / .46));--training-tag-text: light-dark(oklch(50% .16 253), oklch(83% .14 253))}:root{--damage-neutral-color: light-dark(oklch(45% 0 0), oklch(80% 0 0));--damage-metal-color: light-dark(oklch(48% .03 255), oklch(80% .03 255));--damage-infernal-color: light-dark(oklch(55% .17 40), oklch(74% .16 40));--damage-abyssal-color: light-dark(oklch(48% .13 255), oklch(75% .12 255));--damage-verdant-color: light-dark(oklch(50% .13 145), oklch(78% .14 145));--damage-chthonic-color: light-dark(oklch(48% .07 65), oklch(75% .07 65));--damage-nethercurrent-color: light-dark(oklch(52% .16 300), oklch(78% .13 300));--damage-voidyr-color: light-dark(oklch(45% .14 325), oklch(76% .13 325));--damage-core-color: light-dark(oklch(50% .15 15), oklch(75% .14 15))}:root{--arc-ring-color: light-dark(oklch(45% .02 250 / .35), oklch(85% .02 250 / .3));--arc-front-color: light-dark(oklch(48% .1 165), oklch(78% .11 165));--arc-peripheral-color: light-dark(oklch(55% .12 80), oklch(80% .12 85));--arc-rear-color: light-dark(oklch(52% .17 25), oklch(72% .15 25));--arc-flank-color: light-dark(oklch(53% .14 50), oklch(76% .13 50))}:root{--range-track-color: light-dark(oklch(45% .02 250 / .35), oklch(85% .02 250 / .3));--range-adjacent-color: light-dark(oklch(52% .05 245), oklch(82% .05 245));--range-short-color: light-dark(oklch(51% .08 245), oklch(80% .08 245));--range-medium-color: light-dark(oklch(50% .11 245), oklch(78% .11 245));--range-long-color: light-dark(oklch(49% .14 245), oklch(76% .14 245));--range-extreme-color: light-dark(oklch(56% .13 78), oklch(81% .13 82))}#root{width:100%}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--accent-color)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}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:disabled{opacity:.4;border-color:transparent;cursor:default}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}.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)}.special-tag-rule .rule-title,.special-tag-rule .x-display{font-weight:700;color:var(--special-tag-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}.devil{font-weight:666}@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 .choice-tags,.item .choice-tags,.training .choice-tags{font-size:.9em;margin-left:.5em}.weapon .choice-tags.interactive,.item .choice-tags.interactive,.training .choice-tags.interactive{display:flex;align-items:center;gap:.3em;flex-wrap:wrap;margin-left:0}.weapon button.tag,.item button.tag,.training button.tag{border:none;padding:0;cursor:pointer;font:inherit;background:inherit}.weapon button.tag:hover,.item button.tag:hover,.training button.tag:hover{filter:brightness(1.4)}.weapon .tag.selected-choice,.item .tag.selected-choice,.training .tag.selected-choice{outline:1.5px solid var(--primary-color, #444);outline-offset:1px;font-weight:700}.weapon .choice-controls,.item .choice-controls,.training .choice-controls{display:inline-flex;align-items:center;gap:.25em;margin-left:auto;flex-shrink:0}.choice-action-btn,.choice-lock-btn{background:transparent;border:1px solid var(--primary-color, #444);border-radius:4px;padding:.1em .35em;font-size:.9em;line-height:1.2}.choice-action-btn:hover{background-color:#ffffff14}.choice-action-btn:disabled{opacity:.5;cursor:default;background-color:transparent}.item-choice-section{border:1px solid rgb(255 255 255 / .1);border-radius:6px;overflow:hidden;margin-top:.4em}.item-choice-section .item-choice-header{display:flex;align-items:center;gap:.5em;padding:.35em .6em;background:#ffffff0a;border-bottom:1px solid rgb(255 255 255 / .08)}.item-choice-section .item-choice-header .item-choice-count{flex:1;font-size:.82em;color:var(--text-secondary-color, #aaa)}.item-choice-section .item-choice-list{display:flex;flex-direction:column}.item-choice-section .item-choice-list .item-choice-card{border-bottom:1px solid rgb(255 255 255 / .05);transition:background-color .12s}.item-choice-section .item-choice-list .item-choice-card:last-child{border-bottom:none}.item-choice-section .item-choice-list .item-choice-card.interactive{cursor:pointer}.item-choice-section .item-choice-list .item-choice-card.interactive:hover{background-color:#646cff12}.item-choice-section .item-choice-list .item-choice-card.selected{background-color:#646cff21;border-left:3px solid #646cff}.weapon{background-color:var(--table-body-background-color);border-color:var(--weapon-card-border-color);--tag-fill: var(--weapon-tag-fill);--tag-line: var(--weapon-tag-line);--tag-text: var(--weapon-tag-text)}.item{background-color:var(--table-body-background-color);border-color:var(--item-card-border-color);--tag-fill: var(--item-tag-fill);--tag-line: var(--item-tag-line);--tag-text: var(--item-tag-text)}.training{background-color:var(--table-body-background-color);border-color:var(--training-card-border-color);--tag-fill: var(--training-tag-fill);--tag-line: var(--training-tag-line);--tag-text: var(--training-tag-text)}.weapon .weapon-name{text-decoration:underline}.details-indent{margin-left:1em}.weapon .name,.item .name,.training .name{margin-right:1.3rem}.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}@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)}}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))}