.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:#646cff;color:#fff;border-color:#646cff;box-shadow:0 2px 4px #646cff4d}.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}:root[data-theme=light] .theme-switcher{background-color:#fffffff2;border-color:#0003;box-shadow:0 4px 12px #0000001a}:root[data-theme=light] .theme-switcher .theme-switcher-label{color:#000000b3}:root[data-theme=light] .theme-switcher .theme-switcher-buttons .theme-switcher-button{background-color:#0000000d;border-color:#0000001a;color:#000000b3}:root[data-theme=light] .theme-switcher .theme-switcher-buttons .theme-switcher-button:hover{background-color:#0000001a;border-color:#0003;color:#000000e6}:root[data-theme=light] .theme-switcher .theme-switcher-buttons .theme-switcher-button.active{background-color:#1976d2;color:#fff;border-color:#1976d2;box-shadow:0 2px 4px #1976d24d}.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}@keyframes retro-glow{0%{box-shadow:0 0 8px var(--faction-primary)}to{box-shadow:0 0 12px var(--faction-primary),0 0 16px var(--faction-accent)}}:root[data-retro*=retro]{--card-background: rgba(0, 0, 0, .8);--card-header-background: rgba(0, 0, 0, .9)}:root[data-theme=light][data-retro*=retro]{--card-background: rgba(255, 255, 255, .9);--card-header-background: rgba(240, 240, 240, .95)}@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,#646cff,#4338ca);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,#fbbf24,#f59e0b)}.toggle-slider.system{background:linear-gradient(135deg,#6b7280,#4b5563)}.toggle-slider.dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.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)}:root[data-theme=light] .toggle-track{background-color:#0000000d;border-color:#0000001a}:root[data-theme=light] .toggle-label{color:#000000b3}:root[data-theme=light] .color-mode-toggle:hover .toggle-track{background-color:#0000001a;border-color:#0003}nav.navcluster{padding:2em;display:grid;grid-template-columns:repeat(3,1fr);gap:1em;justify-content:center;margin:1em 0}nav.navcluster .icon{margin-inline-end:.25em}nav.navcluster div{display:grid;justify-content:center;padding:1em 0;border:1px solid white;border-radius:8px}nav.navcluster a{text-align:center;padding:.5em;color:#fff;text-decoration:none;transition:background-color .25s;width:23em}@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}nav.navcluster div{padding:.75em .5em}}@media (max-width: 480px){nav.navcluster{grid-template-columns:1fr;gap:.5em}nav.navcluster a{padding:1em;font-size:1em}nav.navcluster div{padding:1em}}.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{--selectedColor: var(--faction-primary, white);--unselectedColor: var(--faction-accent-light, #b1b1b1);--unselectedBackgroudnColor: var(--card-background, #333);--top-bottom-padding: 1em;--color: var(--selectedColor);--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.unselected-tab div{--color: var(--unselectedColor);--backing-color: var(--unselectedBackgroudnColor);border-bottom:1px solid var(--selectedColor)}nav.navtabs.desktop-nav a.selected-tab div{background:linear-gradient(135deg,var(--faction-primary, #646cff) 0%,var(--faction-accent, #7c7cf8) 50%,var(--faction-primary, #646cff) 100%);color:#fff;border-color:var(--faction-primary, #646cff);box-shadow:0 2px 8px #646cff4d,inset 0 1px #fff3;position:relative;overflow:hidden}nav.navtabs.desktop-nav a.selected-tab div:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}nav.navtabs.desktop-nav a.selected-tab:hover div:before{left:100%}nav.navtabs.desktop-nav a.unselected-tab div{transition:all .3s ease;position:relative;overflow:hidden}nav.navtabs.desktop-nav a.unselected-tab:hover div{background:linear-gradient(135deg,#646cff1a,#7c7cf826,#646cff1a);border-color:var(--faction-primary, #646cff);color:var(--faction-primary, #646cff);box-shadow:0 1px 4px #646cff33;transform:translateY(-2px)}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:after{opacity:1}@media (max-width: 1600px){nav.navcluster{grid-template-columns:repeat(3,1fr)}nav.navcluster a{width:20em}}@media (max-width: 1100px){nav.navcluster{grid-template-columns:repeat(2,1fr)}nav.navcluster a{width:23em}}@media (max-width: 800px){nav.navcluster{grid-template-columns:repeat(1,1fr)}nav.navcluster a{width:23em}}.mobile-menu-toggle,.mobile-sidebar{display:none}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex;position:fixed;top:1rem;right:1rem;z-index:1001;background-color:var(--faction-primary, #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:var(--faction-primary-hover, #5a5fcf)}.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)}.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(--faction-primary, #646cff);z-index:1000;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000004d}.mobile-sidebar.open{right:0}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background-color:var(--faction-primary, #646cff);color:#fff}.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{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--color, white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s;font-size:1em;min-height:44px}.mobile-nav-link:hover{background-color:#ffffff0d}.mobile-nav-link.active{background-color:var(--faction-primary, #646cff);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 2px 8px #646cff4d,inset 0 1px #fff3}50%{box-shadow:0 3px 12px #646cff66,inset 0 1px #ffffff4d}}nav.navtabs.desktop-nav a.selected-tab div{animation:selectedTabPulse 3s ease-in-out infinite}nav.navtabs.desktop-nav a.selected-tab div{text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (prefers-color-scheme: light){nav.navtabs.desktop-nav a.selected-tab div{background:linear-gradient(135deg,var(--faction-primary, #646cff) 0%,var(--faction-accent, #7c7cf8) 50%,var(--faction-primary, #646cff) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 2px 8px #646cff66,inset 0 1px #ffffff4d}nav.navtabs.desktop-nav a.unselected-tab:hover div{background:linear-gradient(135deg,#646cff26,#7c7cf833,#646cff26)}}@media (prefers-contrast: high){nav.navtabs.desktop-nav a.selected-tab div{border-width:2px;box-shadow:none}nav.navtabs.desktop-nav a.unselected-tab div{border-width:2px}}.toggle{margin:0}.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 *{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}.injuries-table td.roll-column{width:55px;text-align:center}.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}.confirm-dialog.wide{max-width:666px}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444}.confirm-dialog-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--mid-text)}.confirm-dialog-close{background:none;border:none;color:var(--soft-text);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-close:hover{color:var(--mid-text);background-color:#ffffff1a}.confirm-dialog-close:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-message{margin:0;font-size:1rem;line-height:1.5;color:var(--deep-text)}.confirm-dialog-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #444;justify-content:flex-end;flex-wrap:wrap}.confirm-dialog.wide .confirm-dialog-footer{gap:1rem}.confirm-dialog-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-button:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.confirm-dialog-button.primary{background-color:#646cff;color:#fff;border-color:#646cff}.confirm-dialog-button.primary:hover{background-color:#5a5fcf;border-color:#5a5fcf}.confirm-dialog-button.primary:active{background-color:#4f54b8;border-color:#4f54b8}.confirm-dialog-button.danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.confirm-dialog-button.danger:hover{background-color:#c82333;border-color:#c82333}.confirm-dialog-button.danger:active{background-color:#bd2130;border-color:#bd2130}.confirm-dialog-button.secondary{background-color:transparent;color:var(--soft-text);border-color:#555}.confirm-dialog-button.secondary:hover{background-color:#ffffff1a;color:var(--deep-text);border-color:#777}.button-icon{font-size:.9em}.confirm-dialog-overlay{z-index:9999}.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-formula{font-size:1.1rem;font-weight:700;color:#646cff;font-family:Courier New,monospace}.plus-sign{color:#fff9;font-weight:700}.bonus-input{width:60px;background-color:#333;color:#ffffffde;border:1px solid #555;border-radius:4px;padding:.25rem .5rem;font-size:1rem;text-align:center;font-family:Courier New,monospace}.bonus-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.bonus-label{color:#fff9;font-size:.9rem}.difficulty-shortcuts{margin-top:.75rem;margin-bottom:1rem}.shortcuts-label{display:block;color:var(--mid-text);font-size:.85rem;margin-bottom:.5rem}.difficulty-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.difficulty-btn{background-color:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem;font-size:.8rem;cursor:pointer;transition:all .2s}.difficulty-btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.difficulty-btn.active{background-color:#646cff;color:#fff;border-color:#646cff}.roll-actions{display:flex;gap:.5rem;flex-wrap:wrap}.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-btn:hover:not(:disabled){background-color:#5a5fcf;transform:translateY(-1px)}.roll-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.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;color:#ffffffde}.dice-sum{color:#646cff;font-weight:700}.operator,.equals{color:#fff9}.bonus-value{color:#ffd43b;font-weight:700}.total-result{color:#51cf66;font-weight:700;font-size:1.3rem;padding:.25rem .5rem;background-color:#51cf661a;border-radius:4px}.success-rank{padding:1rem;border-radius:8px;border:2px solid;margin-top:.5rem}.success-rank.rank-0{background-color:#dc35451a;border-color:#dc3545}.success-rank.rank-1{background-color:#ffc1071a;border-color:#ffc107}.success-rank.rank-2{background-color:#28a7451a;border-color:#28a745}.success-rank.rank-3{background-color:#646cff1a;border-color:#646cff}.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}}.rank-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.rank-number{font-size:1.2rem;font-weight:700;color:#ffffffe6}.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}.rank-description{color:#fffc;font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.special-description{color:var(--mid-text);font-size:.85rem;font-style:italic;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.roll-history{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);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}.history-item.rank-0{background-color:#dc35451a;border-color:#dc35454d}.history-item.rank-1{background-color:#ffc1071a;border-color:#ffc1074d}.history-item.rank-2{background-color:#28a7451a;border-color:#28a7454d}.history-item.rank-3{background-color:#646cff1a;border-color:#646cff4d}.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:#ffd43b;font-weight:700;font-family:Courier New,monospace;margin-left:.25rem}.history-result{display:flex;align-items:center;gap:.5rem}.history-total{color:#ffffffe6;font-weight:700;font-family:Courier New,monospace}.history-rank{background-color:#ffffff1a;color:#fffc;padding:.1rem .3rem;border-radius:3px;font-size:.75rem;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:#fff9;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{font-size:.85rem;color:#ffffffb3;font-family:Courier New,monospace;padding:.2rem .5rem;background:#ffffff1a;border-radius:4px}.probability-title{font-weight:600;color:#646cff;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.rank-0{border-color:#dc267f4d;background:linear-gradient(135deg,#dc267f1a,#dc267f0d)}.prob-item.rank-1{border-color:#f973164d;background:linear-gradient(135deg,#f973161a,#f973160d)}.prob-item.rank-2{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.prob-item.rank-3{border-color:#646cff4d;background:linear-gradient(135deg,#646cff1a,#646cff0d)}.prob-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.prob-rank{font-weight:600;font-size:.75rem;margin-bottom:.2rem}.prob-item.rank-0 .prob-rank{color:#dc2f7f}.prob-item.rank-1 .prob-rank{color:#f97316}.prob-item.rank-2 .prob-rank{color:#22c55e}.prob-item.rank-3 .prob-rank{color:#646cff}.prob-range{font-size:.7rem;color:#fff9;margin-bottom:.3rem;font-family:Courier New,monospace}.prob-percentage{font-size:.9rem;font-weight:700;color:#ffffffe6}@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:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;transition:all .2s;cursor:pointer}.status-list .status-item:hover{border-color:#dc3545;background-color:#dc35451a;transform:translateY(-1px)}.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;--header-icon-color: white}.floating-panel .panel-header .header-icon{color:var(--header-icon-color);transition:transform .3s ease}.floating-panel .panel-header .header-text{flex:1;color:#ffffffde;font-weight:500;font-size:.9rem}.floating-panel .panel-header .header-expand-arrow{color:#fff9;font-size:.8rem;transition:transform .2s ease}.floating-panel .panel-header .expanded .header-expand-arrow{transform:rotate(90deg)}.floating-panel .panel-content{padding:1rem;animation:slideDown .3s ease}.import-export-panel{margin:1rem 0;background-color:var(--card-background);border:1px solid #444;border-radius:8px;overflow:hidden}.panel-toggle{width:100%;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:#ffffffde;border:none;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;text-align:left}.panel-toggle:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);transform:translateY(-1px)}.panel-toggle:active{transform:translateY(0)}.toggle-arrow{transition:transform .3s ease;font-size:.9rem;color:#646cff}.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{color:#646cff;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.panel-section h5{color:#95f4ec;margin:0 0 .5rem;font-size:1rem;font-weight:600}.section-description{color:var(--mid-text);margin-bottom:1rem;font-size:.95rem;line-height:1.4}.storage-info{background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:6px;padding:1rem;margin-bottom:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.info-label{color:#fffc;font-weight:500}.info-value{color:#95f4ec;font-weight:600}.export-btn,.import-btn,.clear-btn{background:linear-gradient(135deg,#646cff,#8b5cf6);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.export-btn:hover,.import-btn:hover,.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff4d}.export-btn:active,.import-btn:active,.clear-btn:active{transform:translateY(0)}.export-btn:disabled,.import-btn:disabled,.clear-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.export-btn{background:linear-gradient(135deg,#10b981,#059669)}.export-btn:hover{box-shadow:0 4px 12px #10b9814d}.import-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.import-btn:hover{box-shadow:0 4px 12px #3b82f64d}.danger-section{background-color:#dc35450d;border:1px solid rgba(220,53,69,.2);border-radius:6px;padding:1rem}.danger-section h4{color:#dc3545}.danger-btn{background:linear-gradient(135deg,#dc3545,#c82333)}.danger-btn:hover{box-shadow:0 4px 12px #dc35454d}.import-controls{margin-bottom:1rem}.import-note{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:.75rem;font-size:.9rem;color:#f59e0b;line-height:1.4}.import-note strong{color:#fbbf24}.panel-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tips ul{margin:.5rem 0 0 1rem;padding:0}.tips li{color:var(--mid-text);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:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:.75rem;font-size:.85rem;color:#fffc;margin-top:.5rem}.action-note strong{color:#3b82f6}.action-buttons .export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.action-buttons .import-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.action-buttons .clear-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.action-buttons{flex-direction:column}.action-buttons .export-btn,.action-buttons .import-btn,.action-buttons .clear-btn{flex:none;width:100%}.panel-content{padding:1rem}.panel-section{margin-bottom:1.5rem;padding-bottom:1rem}.export-btn,.import-btn,.clear-btn{width:100%;justify-content:center;margin-bottom:.5rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.storage-info{padding:.75rem}}.import-btn:disabled{position:relative;overflow:hidden}.import-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.panel-content .success-message,.panel-content .error-message{margin-bottom:1rem;padding:.75rem;border-radius:4px;font-weight:500;animation:messageSlideIn .3s ease-out}.panel-content .success-message{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.panel-content .error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-toggle svg,.panel-section h4 svg,.export-btn svg,.import-btn svg,.clear-btn svg,.tips h5 svg{margin-right:.5rem}.toggle-arrow svg{margin-right:0;font-size:.8rem}.export-btn svg,.import-btn svg,.clear-btn svg{margin-right:.5rem}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.notification{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent}.notification-success{background-color:#10b981e6;border-color:#10b98199;color:#fff}.notification-error{background-color:#dc3545e6;border-color:#dc354599;color:#fff}.notification-warning{background-color:#f59e0be6;border-color:#f59e0b99;color:#fff}.notification-info{background-color:#3b82f6e6;border-color:#3b82f699;color:#fff}.notification-content{display:flex;align-items:center;gap:.75rem;flex:1}.notification-icon{font-size:1.2rem;flex-shrink:0}.notification-message{font-weight:500;line-height:1.4}.notification-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:4px;transition:all .2s ease;margin-left:.5rem}.notification-close:hover{background-color:#fff3;color:#fff}.notification-close:active{background-color:#ffffff4d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{padding:.75rem}.notification-message{font-size:.9rem}}.notification.removing{animation:slideOutRight .3s ease-in forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.character-selector{margin:1rem 0;padding:1rem;background-color:var(--card-background);border-radius:8px;border:1px solid #444;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.character-selector button{background-color:#646cff;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.character-selector button:hover{background-color:#535bf2}.character-selector button:active{background-color:#4249d9}.character-selector label{display:inline-block;margin-right:.5rem;font-weight:500;color:var(--mid-text)}.character-selector select{background-color:#333;color:var(--mid-text);border:1px solid #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 .clear-all-btn{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.character-selector .clear-all-btn:hover{background-color:#5a6268}.character-selector .clear-all-btn:active{background-color:#545b62}.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(--faction-accent)}.generated-character-display .character-name .editable-name{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;position:relative}.generated-character-display .character-name .editable-name:hover{background-color:#646cff1a}.generated-character-display .character-name .editable-name:hover:after{content:" ✏️";font-size:.8rem;opacity:.7}.generated-character-display .name-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.generated-character-display .delete-character-btn{margin-left:1rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.generated-character-display .delete-character-btn:hover{background-color:#c82333}.generated-character-display .delete-character-btn:active{background-color:#bd2130}.character-stats-table{width:100%;border-collapse:collapse;margin:1rem 0}.character-stats-table td{padding:.5rem;text-align:center;border:1px solid #444;background-color:var(--table-row-background)}.character-stats-table.inline-editable .inline-editable-stat-cell{position:relative}.character-stats-table.inline-editable .inline-editable-stat-cell .inline-stat-input{background:transparent;color:var(--mid-text);border:none;border-radius:4px;padding:.25rem .5rem;padding:0;font-size:1rem;font-family:inherit;font-weight:inherit;width:60px;width:1em;text-align:center;margin-right:.5rem;transition:all .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.character-stats-table.inline-editable .inline-editable-stat-cell .inline-stat-input:focus{outline:none;background-color:#646cff1a;border:1px solid #646cff;box-shadow:0 0 0 2px #646cff33}.character-stats-table.inline-editable .inline-editable-stat-cell .inline-stat-input:hover{background-color:#646cff0d}.character-stats-table.inline-editable .inline-editable-stat-cell .inline-stat-input::-webkit-outer-spin-button,.character-stats-table.inline-editable .inline-editable-stat-cell .inline-stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.character-stats-table.inline-editable .inline-editable-stat-cell .stat-label{font-size:1rem;color:var(--mid-text)}.character-stats-table.inline-editable .attack-bonus-cell .attack-bonus-prefix{color:var(--mid-text);font-size:1rem}.character-stats-table.inline-editable .attack-bonus-cell .inline-attack-bonus-select{background:transparent;color:var(--mid-text);border:none;border-radius:4px;padding:.25rem 2rem .25rem .5rem;font-size:1rem;font-family:inherit;font-weight:inherit;cursor:pointer;transition:all .2s;-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 .25rem center;background-size:1rem}.character-stats-table.inline-editable .attack-bonus-cell .inline-attack-bonus-select:focus{outline:none;background-color:#646cff1a;border:1px solid #646cff;box-shadow:0 0 0 2px #646cff33}.character-stats-table.inline-editable .attack-bonus-cell .inline-attack-bonus-select:hover{background-color:#646cff0d}.character-stats-table.inline-editable .attack-bonus-cell .inline-attack-bonus-select option{background-color:#333;color:var(--mid-text)}.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-title{font-size:1.2em;font-weight:700;margin-bottom:1em;color:#95f4ec;border-bottom:1px solid rgba(149,244,236,.3);padding-bottom:.5em}.inventory-display .col-handler{gap:1em}.inventory-display .weapon,.inventory-display .item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);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:linear-gradient(45deg,red,#ff4500,gold,#0f0,#00bfff,#8a2be2,#ff1493,red);background-size:400% 400%;animation:rainbow-border 1.5s linear infinite,sparkle-intensity 2s ease-in-out infinite}@media (max-width: 768px){.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}}:root[data-theme=light] .character-selector{border-color:#e2e8f0}:root[data-theme=light] .character-selector label{color:#2d3748}:root[data-theme=light] .character-selector select{background-color:#fff;color:#2d3748;border-color:#e2e8f0}:root[data-theme=light] .character-selector select:focus{border-color:#646cff;box-shadow:0 0 0 2px #646cff33}:root[data-theme=light] .character-display .character-name,:root[data-theme=light] .character-display .character-stats,:root[data-theme=light] .character-display .section-header,:root[data-theme=light] .character-display .kit-section-header,:root[data-theme=light] .character-display .specialization-block .title{color:#2d3748}:root[data-theme=light] .stat-display{color:#2d3748}:root[data-theme=light] .perk-display{color:#2d3748}.inventory-toggle-btn{background-color:#646cff;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s;margin:1rem 0}.inventory-toggle-btn:hover{background-color:#5a5fcf}.inventory-toggle-btn:active{background-color:#4f54b8}.inventory-manager{--transfer-btn-color: white;--transfer-btn-bg-color: #646cff;--transfer-btn-hover-bg-color: #5a5fcf;--transfer-btn-active-bg-color: #4f54b8;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(--mid-text);font-size:1.25rem}.inventory-header .close-btn{background:none;border:none;color:#fff9;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: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(--mid-text);padding:1rem 1.5rem;cursor:pointer;font-size:1rem;transition:all .2s;border-bottom:2px solid transparent}.inventory-tabs .tab-btn:hover{color:#fffc;background-color:#ffffff0d}.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 .search-input{width:100%;max-width:400px;background-color:#333;color:#ffffffde;border:1px solid #555;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:#ffffff80}.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(--mid-text);font-size:1.1rem}.inventory-content .current-inventory .empty-message,.inventory-content .available-items .empty-message{color:var(--soft-text);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}.item-card{background-color:#ffffff0d;border:1px solid #555;border-radius:8px;padding:1rem;transition:all .2s}.item-card:hover{border-color:#777;background-color:#ffffff14}.item-card .item-content{margin-bottom:1rem}.item-card .item-actions{display:flex;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{background-color:#28a745;color:#fff;min-width:120px;font-weight:500}.item-card .item-actions .add-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.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{background-color:#17a2b8;color:#fff}.item-card .item-actions .add-btn.negative-cost:hover{background-color:#138496}.item-card .item-actions .remove-btn{background-color:#dc3545;color:#fff}.item-card .item-actions .remove-btn:hover{background-color:#c82333}.item-card .item-actions .transfer-btn{background-color:var(--transfer-btn-bg-color);color:var(--transfer-btn-color)}.item-card .item-actions .transfer-btn:hover{background-color:var(--transfer-btn-hover-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(--soft-text);font-weight:400;font-style:italic}.bulk-transfer-btn{background-color:var(--transfer-btn-bg-color);color:var(--transfer-btn-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{background-color:var(--transfer-btn-bg-color);color:var(--transfer-btn-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-toggle-btn{background-color:#646cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;margin:.5rem}.status-effects-toggle-btn:hover{background-color:#5a5fcf}.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-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444;background-color:#ffffff0d}.status-effects-header h3{margin:0;font-size:1.25rem;color:var(--mid-text)}.close-btn{background:none;border:none;color:var(--soft-text);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--deep-text);background-color:#ffffff1a}.search-section{padding:1rem 1.5rem;border-bottom:1px solid #444}.search-input{width:100%;padding:.75rem;background-color:#ffffff1a;border:1px solid #444;border-radius:4px;color:var(--deep-text);font-size:1rem}.search-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.status-effects-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.current-status-effects h4,.available-status-effects h4{margin:0 0 1rem;color:var(--deep-text);font-size:1.1rem}.status-effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.status-effect-card,.active-status-effect-card{background-color:#ffffff0d;border:1px solid #444;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:all .2s}.status-effect-card:hover,.active-status-effect-card:hover{border-color:#646cff;background-color:#646cff1a}.status-effect-content,.active-status-effect-content{flex:1}.status-effect-name{font-weight:600;color:#ffffffde;margin-bottom:.5rem}.status-effect-description{color:var(--mid-text);font-size:.9rem;margin-bottom:.5rem}.status-effect-variables{display:flex;gap:.5rem;margin-top:.5rem}.variable-info{background-color:#646cff33;color:#a8b4ff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-effect-values{display:flex;gap:.5rem;margin-top:.5rem}.x-value,.y-value{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.x-value{background-color:var(--x-value-bg);color:var(--x-value-text)}.y-value{background-color:var(--y-value-bg);color:var(--y-value-text)}.status-effect-actions{display:flex;flex-direction:column;gap:.5rem}.add-btn,.remove-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;min-width:80px}.add-btn{background-color:#646cff;color:#fff}.add-btn:hover{background-color:#5a5fcf}.remove-btn{background-color:#dc3545;color:#fff}.remove-btn:hover{background-color:#c82333}.empty-message{color:var(--soft-text);font-style:italic;text-align:center;padding:2rem}.effect-value-inputs{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.value-input-group{display:flex;align-items:center;gap:1rem}.value-input-group label{color:var(--deep-text);font-weight:500;min-width:80px}.value-input-group input{padding:.5rem;background-color:#ffffff1a;border:1px solid #444;border-radius:4px;color:var(--deep-text);font-size:1rem;width:80px;text-align:center}.value-input-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.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}.collapsible-section{margin:1.5rem 0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:var(--card-background);overflow:hidden;transition:all .3s ease}.collapsible-section:hover{border-color:#ffffff4d;background-color:#ffffff05}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-bottom-color:#ffffff26}.header-content{flex:1}.section-title{margin:0 0 .25rem;font-size:1.3rem;font-weight:600;color:#ffffffe6;transition:color .2s ease}.collapsible-header:hover .section-title{color:#646cff}.section-description{margin:0;font-size:.9rem;color:var(--mid-text);line-height:1.4}.toggle-icon{margin-left:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#ffffff1a;transition:all .2s ease}.collapsible-header:hover .toggle-icon{background-color:#646cff33;transform:scale(1.1)}.chevron{font-size:.9rem;color:var(--mid-text);transition:all .3s ease}.collapsible-header:hover .chevron{color:#646cff}.chevron.open,.chevron.closed{transform:rotate(0)}.collapsible-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.collapsible-content.open{max-height:5000px;opacity:1}.collapsible-content.closed{max-height:0;opacity:0}.content-inner{padding:1.5rem;transition:all .3s ease}.collapsible-content.closed .content-inner{padding-top:0;padding-bottom:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}@keyframes slideUp{0%{max-height:5000px;opacity:1}to{max-height:0;opacity:0}}.collapsible-content.open{animation:slideDown .4s cubic-bezier(.4,0,.2,1) forwards}.collapsible-content.closed{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.collapsible-header{padding:.75rem 1rem}.section-title{font-size:1.1rem}.section-description{font-size:.8rem}.content-inner{padding:1rem}.toggle-icon{width:1.5rem;height:1.5rem}.chevron{font-size:.8rem}}.collapsible-section.faction-examples .collapsible-header{background:linear-gradient(135deg,#646cff1a,#8b5cf60d)}.collapsible-section.faction-examples .collapsible-header:hover{background:linear-gradient(135deg,#646cff26,#8b5cf614)}.collapsible-section.faction-examples .section-title{color:#646cff}.collapsible-section.faction-examples .toggle-icon{background-color:#646cff33}.collapsible-section.faction-examples .collapsible-header:hover .toggle-icon{background-color:#646cff4d}.faction-selector{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.selector-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.selector-icon{color:#646cff;font-size:1.1rem}.selector-label{font-size:1rem;font-weight:600;color:var(--deep-text);margin:0}.faction-dropdown{width:100%;background-color:var(--card-background);color:var(--mid-text);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-dropdown:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33;background-color:#646cff1a}.faction-dropdown:hover{border-color:#fff6;background-color:#ffffff05}.faction-dropdown option{background-color:var(--card-background);color:var(--mid-text);padding:.5rem}.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}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-label{font-size:.9rem;color:var(--mid-text);font-weight:500}.info-value{font-size:.9rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-align:right}.info-value.primary{background-color:#646cff33;color:#a8b4ff}.info-value.absorb{background-color:#228b2233;color:#90ee90}.info-value.weakness{background-color:#dc354533;color:#ff6b6b}.special-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.info-value.special{background-color:#f59e0b33;color:#fbbf24;padding:.5rem;text-align:left;line-height:1.4;font-size:.85rem;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.faction-selector{padding:.75rem}.faction-dropdown{padding:.6rem;font-size:.9rem}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{align-self:stretch;text-align:left}.special-info{margin-top:.5rem;padding-top:.5rem}}:root{--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: white;--mid-text: rgba(255, 255, 255, .87);--soft-text: hsl(0, 0%, 70%);--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 rgba(0, 0, 0, .1);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .2);--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;--faction-primary-rgb: 255, 255, 255;--faction-accent-rgb: 255, 255, 255}:root[data-theme=light]{color-scheme:light;--deep-text: #213547;--soft-text: #4a5568;--mid-text: color-mix( in srgb, var(--deep-text) 70%, var(--soft-text));color:var(--deep-text);background-color:#fff;--card-background: #f8f9fa;--card-header-background: #e9ecef;--table-background: #ffffff;--table-header-background: #e9ecef;--table-row-background: #ffffff;--table-row-alt-background: #f8f9fa;--button-background: #f9f9f9;--button-color: #213547;--button-hover-border: #747bff;--button-hover-background: #f0f0f0;--simple-header-color: #2d3748;--table-header-color: #2d3748}.description{color:var(--soft-text)}:root[data-theme=dark],:root{color-scheme:dark;color:var(--mid-text);background-color:#242424;--card-background: #2a2a2a;--card-header-background: #333333;--table-background: #2a2a2a;--table-header-background: #1e2157;--table-row-background: #2a2a2a;--table-row-alt-background: #2e2e2e;--button-background: #1a1a1a;--button-color: rgba(255, 255, 255, .87);--button-hover-border: #646cff;--button-hover-background: #1a1a1a}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;color:#213547;background-color:#fff;--card-background: #f8f9fa;--card-header-background: #e9ecef;--table-background: #ffffff;--table-header-background: #e9ecef;--table-row-background: #ffffff;--table-row-alt-background: #f8f9fa;--button-background: #f9f9f9;--button-color: #213547;--button-hover-border: #747bff;--button-hover-background: #f0f0f0}}:root[data-faction=ashborn]{--faction-primary: #d84315;--faction-primary-dark: #bf360c;--faction-primary-light: #ff5722;--faction-on-primary: #ffffff;--faction-accent: #ff6f00;--faction-accent-light: #ffab00;--faction-background: #2a2424;--faction-primary-rgb: 216, 67, 21;--faction-accent-rgb: 255, 111, 0;background-color:var(--faction-background)}:root[data-theme=light][data-faction=ashborn]{--faction-background: #fefafa}:root[data-faction=stoneveined]{--faction-primary: #5d4037;--faction-primary-dark: #3e2723;--faction-primary-light: #8d6e63;--faction-on-primary: #ffffff;--faction-accent: #795548;--faction-accent-light: #a1887f;--faction-background: #262424;--faction-primary-rgb: 93, 64, 55;--faction-accent-rgb: 121, 85, 72;background-color:var(--faction-background)}:root[data-theme=light][data-faction=stoneveined]{--faction-background: #fefefe}:root[data-faction=thornwraith]{--faction-primary: #388e3c;--faction-primary-dark: #1b5e20;--faction-primary-light: #66bb6a;--faction-on-primary: #ffffff;--faction-accent: #689f38;--faction-accent-light: #9ccc65;--faction-background: #242a24;--faction-primary-rgb: 56, 142, 60;--faction-accent-rgb: 104, 159, 56;background-color:var(--faction-background)}:root[data-theme=light][data-faction=thornwraith]{--faction-background: #fafefa}:root[data-faction=umbral]{--faction-primary: #424242;--faction-primary-dark: #212121;--faction-primary-light: #616161;--faction-on-primary: #ffffff;--faction-accent: #6a1b9a;--faction-accent-light: #9c27b0;--faction-background: #1f1f1f;--faction-primary-rgb: 66, 66, 66;--faction-accent-rgb: 106, 27, 154;background-color:var(--faction-background)}:root[data-theme=light][data-faction=umbral]{--faction-background: #fcfcfc}:root[data-faction=vastfathom]{--faction-primary: #0277bd;--faction-primary-dark: #01579b;--faction-primary-light: #0288d1;--faction-on-primary: #ffffff;--faction-accent: #00838f;--faction-accent-light: #00acc1;--faction-background: #242428;--faction-primary-rgb: 2, 119, 189;--faction-accent-rgb: 0, 131, 143;background-color:var(--faction-background)}:root[data-theme=light][data-faction=vastfathom]{--faction-background: #fafafe}:root[data-faction=zephpter]{--faction-primary: #7b1fa2;--faction-primary-dark: #4a148c;--faction-primary-light: #9c27b0;--faction-on-primary: #ffffff;--faction-accent: #512da8;--faction-accent-light: #673ab7;--faction-background: #272424;--faction-primary-rgb: 123, 31, 162;--faction-accent-rgb: 81, 45, 168;background-color:var(--faction-background)}:root[data-theme=light][data-faction=zephpter]{--faction-background: #fefaff}:root[data-faction=wanderlost]{--faction-primary: #455a64;--faction-primary-dark: #263238;--faction-primary-light: #607d8b;--faction-on-primary: #ffffff;--faction-accent: #00695c;--faction-accent-light: #00897b;--faction-background: #242628;--faction-primary-rgb: 69, 90, 100;--faction-accent-rgb: 0, 105, 92;background-color:var(--faction-background)}:root[data-theme=light][data-faction=wanderlost]{--faction-background: #fafafc}:root[data-retro=retro-deco]{font-family:Poiret One,Times New Roman,Georgia,serif}:root[data-retro=retro-atompunk]{font-family:Oswald,Arial,Helvetica,sans-serif}:root[data-retro=retro-western]{font-family:Rye,Creepster,"serif"}:root[data-retro=retro-nouveau]{font-family:Dancing Script,Brush Script MT,cursive}:root[data-retro=retro-bauhaus]{font-family:Roboto,Helvetica Neue,sans-serif}:root[data-retro=retro-midcentury]{font-family:Archivo Black,Helvetica,sans-serif}:root[data-retro=retro-psychedelic]{font-family:Fredoka One,Comic Sans MS,cursive}:root[data-retro=retro-memphis]{font-family:Bebas Neue,Impact,sans-serif}:root[data-retro=retro-grunge]{font-family:Permanent Marker,Brush Script MT,cursive}:root[data-retro=retro-future]{font-family:Orbitron,Courier New,monospace}:root[data-retro=retro-victorian]{font-family:UnifrakturMaguntia,Times New Roman,Book Antiqua,serif}:root[data-retro=retro-deco] h1,:root[data-retro=retro-deco] h2{text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--faction-primary);padding-bottom:.5rem;margin-bottom:1rem}:root[data-retro=retro-deco] .card,:root[data-retro=retro-deco] .toggle,:root[data-retro=retro-deco] button{border:1px solid var(--faction-primary);box-shadow:inset 0 0 0 1px var(--faction-primary)}:root[data-retro=retro-atompunk] .card,:root[data-retro=retro-atompunk] button{border-radius:25px;box-shadow:0 6px 20px rgba(var(--faction-primary-rgb),.4);border:3px solid var(--faction-primary)}:root[data-retro=retro-atompunk] h1,:root[data-retro=retro-atompunk] h2{text-shadow:3px 3px 6px rgba(0,0,0,.6);text-transform:uppercase;letter-spacing:.15em;position:relative}:root[data-retro=retro-atompunk] h1:before,:root[data-retro=retro-atompunk] h2:before{content:"⚛";position:absolute;left:-2rem;color:var(--faction-accent);animation:atomic-spin 3s linear infinite}@keyframes atomic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-retro=retro-western] h1,:root[data-retro=retro-western] h2{text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.1em;border-bottom:3px solid var(--faction-primary);padding-bottom:.5rem;position:relative}:root[data-retro=retro-western] h1:after,:root[data-retro=retro-western] h2:after{content:"★";position:absolute;right:0;bottom:.2rem;color:var(--faction-accent);font-size:.8em}:root[data-retro=retro-western] .card,:root[data-retro=retro-western] button{border:2px solid var(--faction-primary);border-radius:0;box-shadow:4px 4px rgba(var(--faction-primary-rgb),.3)}:root[data-retro=retro-nouveau] h1,:root[data-retro=retro-nouveau] h2{text-shadow:1px 1px 3px rgba(0,0,0,.4);position:relative;padding-bottom:1rem}:root[data-retro=retro-nouveau] h1:after,:root[data-retro=retro-nouveau] h2:after{content:"🌿";position:absolute;right:0;bottom:.2rem;color:var(--faction-accent);animation:sway 3s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}:root[data-retro=retro-nouveau] .card,:root[data-retro=retro-nouveau] button{border:2px solid var(--faction-primary);border-radius:20px 5px;box-shadow:0 4px 12px rgba(var(--faction-primary-rgb),.3)}:root[data-retro=retro-bauhaus] h1,:root[data-retro=retro-bauhaus] h2{text-transform:lowercase;font-weight:300;letter-spacing:.05em;border-left:4px solid var(--faction-primary);padding-left:1rem;margin-left:0}:root[data-retro=retro-bauhaus] .card,:root[data-retro=retro-bauhaus] button{border:1px solid var(--faction-primary);border-radius:0;box-shadow:2px 2px 0 var(--faction-accent)}:root[data-retro=retro-midcentury] h1,:root[data-retro=retro-midcentury] h2{text-transform:uppercase;font-weight:900;letter-spacing:.2em;border-bottom:1px solid var(--faction-accent);padding-bottom:.25rem}:root[data-retro=retro-midcentury] .card,:root[data-retro=retro-midcentury] button{border:none;border-radius:2px;box-shadow:0 1px 3px rgba(var(--faction-primary-rgb),.3)}:root[data-retro=retro-psychedelic] h1,:root[data-retro=retro-psychedelic] h2{text-shadow:0 0 10px var(--faction-primary);animation:psychedelic-pulse 2s ease-in-out infinite alternate;position:relative}@keyframes psychedelic-pulse{0%{transform:scale(1);filter:hue-rotate(0deg)}to{transform:scale(1.02);filter:hue-rotate(10deg)}}:root[data-retro=retro-psychedelic] .card,:root[data-retro=retro-psychedelic] button{border:3px solid var(--faction-primary);border-radius:50% 10px;box-shadow:0 0 15px rgba(var(--faction-primary-rgb),.5);animation:groovy-float 4s ease-in-out infinite}@keyframes groovy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}:root[data-retro=retro-memphis] h1,:root[data-retro=retro-memphis] h2{text-transform:uppercase;font-weight:900;letter-spacing:.1em;text-shadow:3px 3px 0px var(--faction-accent);position:relative}:root[data-retro=retro-memphis] h1:before,:root[data-retro=retro-memphis] h2:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid var(--faction-primary);border-radius:50% 0%;z-index:-1}:root[data-retro=retro-memphis] .card,:root[data-retro=retro-memphis] button{border:3px solid var(--faction-primary);border-radius:0;box-shadow:5px 5px 0 var(--faction-accent);position:relative}:root[data-retro=retro-memphis] .card:before,:root[data-retro=retro-memphis] button:before{content:"";position:absolute;top:-3px;left:-3px;width:10px;height:10px;background:var(--faction-accent);border-radius:50%}:root[data-retro=retro-grunge] h1,:root[data-retro=retro-grunge] h2{text-shadow:2px 2px 4px rgba(0,0,0,.8);transform:rotate(-1deg);position:relative;filter:contrast(1.2)}:root[data-retro=retro-grunge] .card,:root[data-retro=retro-grunge] button{border:2px solid var(--faction-primary);border-radius:3px;box-shadow:inset 0 0 10px #0000004d,0 2px 8px rgba(var(--faction-primary-rgb),.3);position:relative;transform:rotate(.5deg)}:root[data-retro=retro-grunge] .card:after,:root[data-retro=retro-grunge] button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none}:root[data-retro=retro-future] h1,:root[data-retro=retro-future] h2{text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 8px var(--faction-primary);border:none;position:relative}:root[data-retro=retro-future] h1:after,:root[data-retro=retro-future] h2:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--faction-primary),transparent);animation:scan-line 2s ease-in-out infinite}@keyframes scan-line{0%,to{opacity:.3}50%{opacity:1}}:root[data-retro=retro-future] .card,:root[data-retro=retro-future] button{border:1px solid var(--faction-primary);border-radius:0;box-shadow:0 0 10px rgba(var(--faction-primary-rgb),.3);position:relative;overflow:hidden}:root[data-retro=retro-future] button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}:root[data-retro=retro-future] button:hover:before{left:100%}:root[data-retro=retro-victorian] h1,:root[data-retro=retro-victorian] h2{text-shadow:1px 1px 2px rgba(0,0,0,.8);border-bottom:1px solid var(--faction-primary);padding-bottom:.25rem}:root[data-retro=retro-victorian] .card{border:1px solid var(--faction-primary);box-shadow:0 2px 8px #8b00004d}:root[data-retro=retro-deco] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700;border:2px solid var(--faction-primary);transition:all .3s ease}:root[data-retro=retro-deco] button:hover{background:linear-gradient(135deg,var(--faction-primary-light),var(--faction-primary));box-shadow:0 4px 12px rgba(var(--faction-primary-rgb),.4);transform:translateY(-2px)}:root[data-retro=retro-atompunk] button{background:radial-gradient(circle at 30% 30%,var(--faction-primary-light),var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:3px solid var(--faction-primary);border-radius:25px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(var(--faction-primary-rgb),.5)}:root[data-retro=retro-atompunk] button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.3),transparent,rgba(255,255,255,.3),transparent);transform:rotate(0);transition:all .6s ease;opacity:0}:root[data-retro=retro-atompunk] button:hover:before{opacity:1;animation:atomic-spiral 1.5s ease-out}:root[data-retro=retro-atompunk] button:hover{box-shadow:0 0 25px rgba(var(--faction-primary-rgb),.8);transform:scale(1.05)}@keyframes atomic-spiral{0%{transform:rotate(0) scale(.8)}to{transform:rotate(360deg) scale(1.2)}}:root[data-retro=retro-western] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:2px solid var(--faction-primary);border-radius:0;text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);position:relative}:root[data-retro=retro-western] button:hover{background:linear-gradient(135deg,var(--faction-primary-light),var(--faction-primary));box-shadow:6px 6px rgba(var(--faction-primary-rgb),.4);transform:translate(-2px,-2px)}:root[data-retro=retro-nouveau] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:2px solid var(--faction-primary);border-radius:20px 5px;font-style:italic;position:relative;overflow:hidden}:root[data-retro=retro-nouveau] button:hover{background:linear-gradient(135deg,var(--faction-primary-light),var(--faction-primary));box-shadow:0 6px 16px rgba(var(--faction-primary-rgb),.4);transform:translateY(-2px)}:root[data-retro=retro-bauhaus] button{background:var(--faction-primary);color:var(--faction-on-primary);border:1px solid var(--faction-primary);border-radius:0;text-transform:lowercase;font-weight:300;letter-spacing:.05em}:root[data-retro=retro-bauhaus] button:hover{background:var(--faction-primary-dark);box-shadow:3px 3px 0 var(--faction-accent);transform:translate(-1px,-1px)}:root[data-retro=retro-midcentury] button{background:var(--faction-primary);color:var(--faction-on-primary);border:none;border-radius:2px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}:root[data-retro=retro-midcentury] button:hover{background:var(--faction-primary-dark);box-shadow:0 2px 6px rgba(var(--faction-primary-rgb),.4);transform:translateY(-1px)}:root[data-retro=retro-psychedelic] button{background:radial-gradient(circle,var(--faction-primary-light),var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:3px solid var(--faction-primary);border-radius:50% 10px;text-shadow:0 0 5px rgba(0,0,0,.5);animation:psychedelic-breathe 3s ease-in-out infinite}@keyframes psychedelic-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}:root[data-retro=retro-psychedelic] button:hover{animation-duration:1s;box-shadow:0 0 20px rgba(var(--faction-primary-rgb),.7)}:root[data-retro=retro-memphis] button{background:var(--faction-primary);color:var(--faction-on-primary);border:3px solid var(--faction-primary);border-radius:0;text-transform:uppercase;font-weight:900;text-shadow:2px 2px 0px var(--faction-accent);position:relative}:root[data-retro=retro-memphis] button:hover{background:var(--faction-primary-dark);box-shadow:7px 7px 0 var(--faction-accent);transform:translate(-2px,-2px)}:root[data-retro=retro-grunge] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:2px solid var(--faction-primary);border-radius:3px;text-shadow:1px 1px 2px rgba(0,0,0,.8);position:relative;transform:rotate(.5deg);filter:contrast(1.1)}:root[data-retro=retro-grunge] button:hover{background:linear-gradient(135deg,var(--faction-primary-light),var(--faction-primary));box-shadow:inset 0 0 10px #0003,0 3px 10px rgba(var(--faction-primary-rgb),.4);transform:rotate(-.5deg)}:root[data-retro=retro-future] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);border:1px solid var(--faction-primary);text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}:root[data-retro=retro-future] button:hover{box-shadow:0 0 15px rgba(var(--faction-primary-rgb),.6);text-shadow:0 0 8px var(--faction-primary)}:root[data-retro=retro-victorian] button{background:linear-gradient(135deg,var(--faction-primary-dark),var(--faction-primary));color:var(--faction-on-primary);border:1px solid var(--faction-primary);position:relative}:root[data-retro=retro-victorian] button:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid rgba(205,92,92,.3);border-radius:inherit;pointer-events:none}:root[data-retro=retro-victorian] button:hover{box-shadow:inset 0 0 10px #8b00004d,0 2px 8px #8b00004d}:root[data-retro=retro-stellar]{--retro-font: "Orbitron", "Space Mono", monospace;--retro-accent-color: #4a9eff;--retro-secondary-accent: #ff6b4a;--retro-tertiary-accent: #4aff9e;--retro-quaternary-accent: #ff4acd}:root[data-retro=retro-stellar] h1,:root[data-retro=retro-stellar] h2{font-family:var(--retro-font);font-weight:600;text-transform:uppercase;letter-spacing:.15em;position:relative;text-shadow:0 0 10px rgba(74,158,255,.3)}:root[data-retro=retro-stellar] h1:before,:root[data-retro=retro-stellar] h2:before{content:"✶";position:absolute;left:-2em;top:50%;transform:translateY(-50%);color:var(--retro-accent-color);font-size:.8em;text-shadow:0 0 8px rgba(74,158,255,.5);animation:stellar-pulse 3s ease-in-out infinite}:root[data-retro=retro-stellar] h2:before{content:"✦";color:var(--retro-secondary-accent);text-shadow:0 0 8px rgba(255,107,74,.5)}@keyframes stellar-pulse{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}:root[data-retro=retro-stellar] .card,:root[data-retro=retro-stellar] .toggle,:root[data-retro=retro-stellar] button{position:relative;border:2px solid transparent;background-clip:padding-box}:root[data-retro=retro-stellar] .card:before,:root[data-retro=retro-stellar] .toggle:before,:root[data-retro=retro-stellar] button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#4a9eff,#ff6b4a,#4aff9e,#ff4acd,#4a9eff);border-radius:inherit;z-index:-1;opacity:.6}:root[data-retro=retro-stellar] .card:hover:before,:root[data-retro=retro-stellar] button:hover:before{opacity:.8;background:linear-gradient(45deg,#4a9eff,#ff6b4a,#4aff9e,#ff4acd,#9b59b6,#4a9eff);animation:stellar-border-shift 2s ease-in-out infinite}@keyframes stellar-border-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root[data-retro=retro-stellar] .card:after{content:"✶ ✦ ✶";position:absolute;top:8px;right:12px;font-size:.7em;color:var(--retro-accent-color);opacity:.4;text-shadow:0 0 4px rgba(74,158,255,.3);animation:stellar-twinkle 4s ease-in-out infinite}@keyframes stellar-twinkle{0%,to{opacity:.2}33%{opacity:.6}66%{opacity:.3}}:root[data-retro=retro-stellar] button{background:linear-gradient(135deg,var(--faction-primary),var(--faction-primary-dark));color:var(--faction-on-primary);text-transform:uppercase;letter-spacing:.1em;font-family:var(--retro-font);font-weight:500;box-shadow:0 4px 15px #0003}:root[data-retro=retro-stellar] button:hover{box-shadow:0 6px 20px rgba(var(--faction-primary-rgb),.4);text-shadow:0 0 8px rgba(var(--faction-primary-rgb),.5);transform:translateY(-1px)}:root[data-retro=retro-stellar] input,:root[data-retro=retro-stellar] select,:root[data-retro=retro-stellar] textarea{font-family:var(--retro-font);background:rgba(var(--faction-primary-rgb),.05);border:1px solid rgba(var(--retro-accent-color),.3);border-radius:4px}:root[data-retro=retro-stellar] input:focus,:root[data-retro=retro-stellar] select:focus,:root[data-retro=retro-stellar] textarea:focus{border-color:var(--retro-accent-color);box-shadow:0 0 8px #4a9eff4d;outline:none}:root[data-retro=retro-stellar] h1:after,:root[data-retro=retro-stellar] h2:after{content:"";display:block;height:4px;width:100%;margin-top:8px;background:linear-gradient(90deg,#4a9eff,#ff6b4a,#4aff9e 66%,#ff4acd);border-radius:2px;opacity:.7}:root[data-retro=retro-stellar] .nav-cluster{border-top:3px solid;border-image:linear-gradient(90deg,#4a9eff,#ff6b4a,#4aff9e,#ff4acd) 1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;color-scheme:light dark;color:#ffffffde;background-color:#242424;--card-background: #2a2a2a;--card-header-background: #333333;--table-background: #2a2a2a;--table-header-background: #1e2157;--table-row-background: #2a2a2a;--table-row-alt-background: #2e2e2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background, #1a1a1a);color:var(--button-color, inherit);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--button-hover-border, #646cff);background-color:var(--button-hover-background, #1a1a1a)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.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)}}.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, hsl(238, 100%, 87%));margin-bottom:.5em}.simple-header{font-weight:700;font-style:italic;color:var(--simple-header-color, white)}ul{list-style-type:"- "}ol.roman{list-style-type:upper-roman}.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)}.devil-deal-table,.injuries-table{width:100%;border:1px solid white;border-collapse:collapse;background-color:var(--table-background)}.devil-deal-table th,.injuries-table th{background-color:var(--table-header-background);color:#fff;padding:.5em}.devil-deal-table td,.injuries-table td{border:1px solid white;padding:.25em;background-color:var(--table-row-background)}td.center-num{text-align:center}.perk{margin:0 .5em;background-color:var(--card-background);border:1px solid rgba(255,255,255,.2);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;color:#fff}.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}.perk .description{font-size:1em}hr{border:none;border-top:4px double white;color:#fff;overflow:visible;text-align:center;height:5px;margin-top:1em}hr:after{font-size:1.2em;background-color:var(--faction-background);color:var(--strong-text);content:"𝚮";padding:0 4px;position:relative;top:-.9em}table{width:100%;border:1px solid white;border-collapse:collapse;background-color:var(--table-background)}table th{background-color:var(--table-header-background);color:var(--table-header-color, white);padding:.5em}table td{border:1px solid white;padding:.25em;background-color:var(--table-row-background)}.tags{font-size:.8em}.tags .tag{display:inline-block;margin:.1em;padding:.1em .5em;background-color:#063a6b;color:#fff;border-radius:5px}.reminder-text{font-size:.8em;font-style:italic}.status-effect .x-display{font-weight:700;color:#95f4ec}.status-effect .y-display{font-weight:700;color:#ead04e}.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-header-background);margin:-1em -1em .5em;padding:.5em 1em;border-radius:7px 7px 0 0;font-weight:700}.toggle.character-creation-toggle{margin-top:1em}:root[data-theme=light] table{border-color:#e2e8f0}:root[data-theme=light] table td{border-color:#e2e8f0}:root[data-theme=light] .devil-deal-table th,:root[data-theme=light] .injuries-table th{color:#2d3748}:root[data-theme=light] .devil-deal-table td,:root[data-theme=light] .injuries-table td{border-color:#e2e8f0}:root[data-theme=light] .perk{border-color:#e2e8f0}:root[data-theme=light] .perk .headrow .cost{color:#2d3748}:root[data-theme=light] hr{border-top-color:#e2e8f0;color:#e2e8f0}:root{--x-value-bg: rgba(149, 244, 236, .2);--x-value-text: #95f4ec;--y-value-bg: rgba(234, 208, 78, .2);--y-value-text: #ead04e}:root[data-theme=light]{--x-value-bg: rgba(149, 244, 236, .5);--x-value-text: hsl(174, 25%, 40%);--y-value-bg: rgba(211, 200, 147, .5);--y-value-text: hsl(50, 25%, 40%)}@media (max-width: 768px){:root{font-size:14px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}.rules .page>*{--page-margin: 1rem}button{padding:.8em 1.4em;min-height:44px;font-size:1.1em}p{margin-bottom:1.2em}hr{margin:1.5em 0}table{font-size:.85em}table th,table td{padding:.4em .2em}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.rules .page{padding-top:1rem}.rules .page>*{margin-top:.5rem}}@media (max-width: 480px){:root{font-size:12px}h1{font-size:2em}.rules .page>*{--page-margin: .5rem}body{min-width:280px}table{font-size:.75em}table th,table td{padding:.3em .15em}}@media (max-width: 850px) and (orientation: landscape){h1{font-size:2.2em}.rules .page>*{--page-margin: 1.5rem}}@media (hover: none) and (pointer: coarse){button,a,.clickable{min-height:44px;min-width:44px}button:hover,a:hover{background-color:initial;border-color:initial}button:active,a:active{transform:scale(.98);transition:transform .1s ease}}button,.nav-tab,.tab-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.inventory-content,.scrollable-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){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 rgba(255,255,255,.2)}.weapon{background-color:var(--card-background);border-color:#843f06}.item{background-color:var(--card-background);border-color:#056649}.training{background-color:var(--card-background);border-color:#09549a}.weapon .tags .tag{background-color:#843f06}.item .tags .tag{background-color:#056649}.training .tags .tag{background-color:#09549a}.weapon .weapon-name{text-decoration:underline}.details-indent{margin-left:1em}.tags{margin-left:1.5em}.description{font-style:italic;font-size:.9em}.weapon .name,.item .name,.training .name{font-size:1em;font-weight:700}.kit ul,.weapon ul,.item ul,.training ul{margin-block-start:0}.dice-display{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;color:inherit}.clickable-dice{color:inherit;cursor:pointer;text-decoration:none;transition:all .15s ease;display:inline;padding:0;margin:0;border:none;background:none;font:inherit}.clickable-dice:hover{color:var(--dice-hover-color, #66c0e6);text-decoration:underline;text-decoration-style:dotted;text-shadow:var(--dice-hover-shadow, 0 0 4px rgba(79, 168, 212, .3))}.clickable-dice:active{transform:scale(.98)}.rolled-result{color:var(--dice-result-color, hsl(142, 69%, 58%));font-weight:700;text-shadow:var(--dice-result-shadow, 0 0 6px rgba(74, 222, 128, .4));animation:pulse-roll .6s ease-out}@keyframes pulse-roll{0%{transform:scale(1);color:#4fa8d4}50%{transform:scale(1.15);color:#4ade80}to{transform:scale(1);color:#4ade80}}.average-damage{color:#fff9;font-size:.9em;transition:all .3s ease}.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)}}:root[data-theme=light] .kit .description{color:#4a5568}:root[data-theme=light] .weapon,:root[data-theme=light] .item,:root[data-theme=light] .training{border-color:#0003}.fancy-index .title-region{height:200px;align-content:center;justify-content:center}.fancy-index h1{margin-top:2.5em;margin-bottom:2.5em}.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}.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}.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}.creature-card{border:1px solid white;--border-radius: 10px;border-radius:var(--border-radius);background-color:var(--card-background);position:relative}.creature-card>*{padding:0 .5em}.creature-card .title-row{padding-top:.25em;padding-bottom:.25em;background-color:var(--card-header-background);font-size:1.2em;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.creature-card .title-row{display:flex;justify-content:space-between;align-items:center}.creature-card .title-row .name{font-size:1.2em;font-weight:700}.creature-card .title-row .add-creature-btn,.creature-card .title-row .remove-creature-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fffc;border-radius:4px;padding:.25rem .4rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;margin-left:.5rem}.creature-card .title-row .add-creature-btn:hover,.creature-card .title-row .remove-creature-btn:hover{background-color:#ffffff1a;color:#fff;border-color:#ffffff80}.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:#4ade80;border-color:#4ade8066}.creature-card .title-row .add-creature-btn:hover{background-color:#4ade801a;border-color:#4ade8099}.creature-card .title-row .remove-creature-btn{color:#ef4444;border-color:#ef444466}.creature-card .title-row .remove-creature-btn:hover{background-color:#ef44441a;border-color:#ef444499}.creature-card .stats{display:flex;justify-content:space-between;margin:0}.creature-card .creature-description{padding-top:.5em;padding-bottom:2.5em}.creature-card .creature-abilities{padding-top:.5em}.creature-card .creature-abilities .details-indentation{margin-left:1em}.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 #fff8;background-color:#fff4;border-radius:4px;font-size:.8em}.damage-modifiers .damage-modifier .damage-type{margin:0 .5em}.creatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,666px));gap:1em;justify-content:center;margin:0}@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}}.creature-card{--border-color: rgba(255, 255, 255, .3);--background-transition-color: rgba(255, 255, 255, .05);--title-bg-color: rgba(255, 255, 255, .1);--title-border-bottom-color: rgba(255, 255, 255, .2);border-color:var(--border-color);background:linear-gradient(135deg,var(--card-background),var(--background-transition-color))}.creature-card .title-row{background:linear-gradient(135deg,var(--title-bg-color),rgba(255,255,255,.05));border-bottom:1px solid var(--title-border-bottom-color);color:#ffffffe6}.creature-card .title-row .tier{align-content:center}.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(--border-color),var(--background-transition-color));border:2px solid var(--border-color);color:#fffffff2;border-radius:16px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:0 3px 8px #0006,0 1px 3px var(--border-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-left:.5rem;letter-spacing:.5px;text-transform:uppercase}.creature-card.faction-ashborn-legion{--border-color: rgb(139, 0, 0);--background-transition-color: rgba(139, 0, 0, .1);--title-bg-color: rgba(139, 0, 0, .15);--title-border-bottom-color: rgba(139, 0, 0, .3)}.creature-card.faction-stoneveined-order{--border-color: rgb(134, 100, 55);--background-transition-color: rgba(134, 100, 55, .1);--title-bg-color: rgba(134, 100, 55, .15);--title-border-bottom-color: rgba(134, 100, 55, .3)}.creature-card.faction-vastfathom-league{--border-color: #191970;--background-transition-color: rgba(25, 25, 112, .1);--title-bg-color: rgba(25, 25, 112, .15);--title-border-bottom-color: rgba(25, 25, 112, .3)}.creature-card.faction-thornwraith-covenant{--border-color: #228B22;--background-transition-color: rgba(34, 139, 34, .1);--title-bg-color: rgba(34, 139, 34, .15);--title-border-bottom-color: rgba(34, 139, 34, .3)}.creature-card.faction-wanderlost-crews{--border-color: #8B7355;--background-transition-color: rgba(139, 115, 85, .1);--title-bg-color: rgba(139, 115, 85, .15);--title-border-bottom-color: rgba(139, 115, 85, .3)}.creature-card.faction-zephpter-horde{--border-color: #4B0082;--background-transition-color: rgba(75, 0, 130, .1);--title-bg-color: rgba(75, 0, 130, .15);--title-border-bottom-color: rgba(75, 0, 130, .3)}.creature-card.faction-umbral-nexus{--border-color: #2F2F2F;--background-transition-color: rgba(47, 47, 47, .1);--title-bg-color: rgba(47, 47, 47, .15);--title-border-bottom-color: rgba(47, 47, 47, .3)}.creature-card.faction-sinner{--border-color: #B22222;--background-transition-color: rgba(178, 34, 34, .1);--title-bg-color: rgba(178, 34, 34, .15);--title-border-bottom-color: rgba(178, 34, 34, .3)}.creature-card.faction-forgefiend-syndicate{--border-color: #CD853F;--background-transition-color: rgba(205, 133, 63, .1);--title-bg-color: rgba(205, 133, 63, .15);--title-border-bottom-color: rgba(205, 133, 63, .3)}.creature-card.faction-hand-of-death{--border-color: #1C1C1C;--background-transition-color: rgba(28, 28, 28, .1);--title-bg-color: rgba(28, 28, 28, .15);--title-border-bottom-color: rgba(28, 28, 28, .3)}.creature-card.faction-heavens-host{--border-color: #FFD700;--background-transition-color: rgba(255, 215, 0, .1);--title-bg-color: rgba(255, 215, 0, .15);--title-border-bottom-color: rgba(255, 215, 0, .3)}.creature-card.faction-voidfire-conclave{--border-color: #483D8B;--background-transition-color: rgba(72, 61, 139, .1);--title-bg-color: rgba(72, 61, 139, .15);--title-border-bottom-color: rgba(72, 61, 139, .3)}.creature-card.faction-witch-coven{--border-color: #8B008B;--background-transition-color: rgba(139, 0, 139, .1);--title-bg-color: rgba(139, 0, 139, .15);--title-border-bottom-color: rgba(139, 0, 139, .3)}.creature-card.faction-generic{--border-color: rgba(255, 255, 255, .3);--background-transition-color: rgba(255, 255, 255, .02);--title-bg-color: rgba(255, 255, 255, .05)}.encounter-card{margin-bottom:1rem}.editable-health{cursor:pointer;color:#4ade80;text-decoration:underline;text-decoration-style:dotted}.editable-health:hover{color:#66d49a}.health-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.1rem .3rem;border-radius:3px;font-size:.9rem;width:3rem;text-align:center}.health-input:focus{outline:none;border-color:#4ade80;background:#4ade801a}.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}:root[data-theme=light] .creature-card{border-color:#0003}:root[data-theme=light] .creature-card .title-row{color:#1a1a1a}:root[data-theme=light] .creature-card .add-creature-btn,:root[data-theme=light] .creature-card .remove-creature-btn{color:#0009;border-color:#0003}:root[data-theme=light] .creature-card .add-creature-btn:hover,:root[data-theme=light] .creature-card .remove-creature-btn:hover{background-color:#0000000d;color:#000c;border-color:#0000004d}:root[data-theme=light] .creature-card .add-creature-btn{color:#2e7d32;border-color:#2e7d32}:root[data-theme=light] .creature-card .add-creature-btn:hover{background-color:#2e7d321a;border-color:#2e7d32}:root[data-theme=light] .creature-card .remove-creature-btn{color:#d32f2f;border-color:#d32f2f}:root[data-theme=light] .creature-card .remove-creature-btn:hover{background-color:#d32f2f1a;border-color:#d32f2f}:root[data-theme=light] .damage-modifier{border-color:#0003;background-color:#0000000d}:root[data-theme=light] .editable-health{color:#2e7d32}:root[data-theme=light] .editable-health:hover{color:#1b5e20}:root[data-theme=light] .health-input{background:#0000000d;border-color:#0003;color:#1a1a1a}:root[data-theme=light] .health-input:focus{border-color:#2e7d32;background:#2e7d321a}span.attack-option .name-row{font-size:.95em}span.attack-option .tags{margin-left:1.5em}span.attack-option .name-row .name{font-weight:700;font-size:1.1em}span.attack-option .details-indentation{margin-left:1em}.weapon-damage{font-size:.9em}.weapon-damage .damage-bloc{background-color:var(--card-background);border:1px solid rgba(255,255,255,.2);padding-inline:.5em;border-radius:.25em}div.msb{--height: 8.5in;--width: 11in;--sheetMarginTB: .25in;--sheetMarginLR: .25in;--pageBG: white;margin:0;background-color:var(--pageBG);width:var(--width);height:var(--height);color:#000;display:grid;grid-template-columns:repeat(2,1fr)}.msb .spell-page{--perPageSidePadding: .6in;padding-inline:var(--perPageSidePadding);padding-top:.25in;position:relative;background-color:var(--pageBG)}.msb .spell-page.first{border-right:1px solid black}.msb .spell-page.second{border-left:1px solid black}.spell-page .how-to-cast-title,.spell-page .spell-effects-title,.spell-page .backfire-title{margin-top:1em;font-size:1em;font-weight:700;text-align:center}.spell-page .spell-name,.spell-page .how-to-cast,.spell-page .spell-effects,.spell-page .backfire{border:2px solid black;height:15%}.spell-page .spell-name{height:.75in}.spell-page .spell-effects{height:40%}div.spell-name,div.how-to-cast,div.spell-effects,div.backfire{position:relative;background-color:#000;mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px}.spell-name-inner,.how-to-cast-inner,.spell-effects-inner,.backfire-inner{position:relative;width:100%;height:100%;background-color:var(--pageBG);mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px}.toggle{height:var(--height);--toggle-off-background-color: var(--faction-primary, #2c3e50);--toggle-on-background-color: var(--faction-accent, #5a88bc);--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))}.rule-display{margin:1em 0;padding:.5em 0}.rule-display-title{margin:0 0 .5em;color:#646cff;font-size:1.2em}.rule-display-summary{margin:.5em 0;font-weight:500}.rule-display-details{margin:.5em 0;color:#ffffffe6}.rule-display-examples{margin:.5em 0}.rule-display-examples strong{color:#646cff}.rule-display-examples ul{margin:.3em 0;padding-left:1.2em}.rule-display-examples li{margin-bottom:.2em;color:#fffc}.rule-display-related{margin:.5em 0;font-size:.9em}.rule-display-related strong{color:#646cff}.rule-inline{display:inline}.rule-not-found{color:#ff6b6b;font-style:italic;background-color:#ff6b6b1a;padding:.2em .4em;border-radius:3px}.rule-keyword{cursor:help;border-bottom:1px dotted currentColor;text-decoration:none;position:relative;color:var(--deep-text)}.rule-keyword .rule-keyword:hover{color:var(--faction-accent)}.rule-popup{background-color:var(--card-background);border:2px solid var(--card-header-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;color:#fffffff2;-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,255,255,.2)}.rule-title{margin:0;font-size:1.1em;font-weight:700;color:#646cff}.rule-category{background-color:var(--card-header-background);color:#fffc;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;color:#fffc;font-size:.95em}.rule-examples{margin-bottom:.5em}.rule-examples strong{color:#646cff;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;color:#fffc}.rule-related{border-top:1px solid rgba(255,255,255,.2);padding-top:.5em;margin-top:.5em}.rule-related strong{color:#646cff;font-size:.9em}.related-rules{margin-left:.5em}.related-rule-link{color:#646cff;border-bottom:1px dotted #646cff;cursor:pointer;font-size:.85em}.related-rule-link:hover{color:#535bf2;border-bottom-color:#535bf2}.rule-popup-top: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-header-background)}.rule-popup-bottom: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-header-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-header-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-header-background)}@media (max-width: 768px){.rule-popup{max-width:90vw;font-size:.85em}}.rule-popup{z-index:9999}