:root{--color-ranged: #00bf63;--color-ranged-bg: rgba(0, 191, 99, .2);--color-ranged-light: rgba(0, 191, 99, .5);--color-necro: #d694ff;--color-necro-bg: rgba(214, 148, 255, .2);--color-necro-light: rgba(214, 148, 255, .5);--color-magic: #94a3ff;--color-magic-bg: rgba(148, 163, 255, .2);--color-magic-light: rgba(148, 163, 255, .5);--color-melee: #fe5c5c;--color-melee-bg: rgba(254, 92, 92, .2);--color-melee-light: rgba(254, 92, 92, .5);--color-abilities: #FF4DB8;--color-abilities-bg: rgba(255, 77, 184, .2);--color-gear: #949494;--color-gear-bg: #94949433;--card-border-default: #c2ba9e;--card-border-magic: #5271ff;--card-border-ranged: #00bf63;--card-border-melee: #ff5757;--card-border-necro: #8c52ff;--card-border-rotation: #cccb74;--color-poison: #01df01;--color-familiar: #00eeee;--color-conjure: #d694ff;--color-dreadnip: #ff8c00;--color-success: #4fd1c5;--color-warning: #fbd38d;--color-error: #fc8181;--color-info: #90cdf4;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-disabled: rgba(255, 255, 255, .4);--color-bg-primary: #1a202c;--color-bg-secondary: #2d3748;--color-bg-tertiary: #4a5568}body{font-family:Roboto,sans-serif;--tw-text-opacity: 1;color:#b2dbee;background-color:#0f1316;display:flex;flex-direction:column;min-height:100vh}.responsive-container{width:100%}@media (min-width: 640px){.responsive-container{max-width:640px}}@media (min-width: 768px){.responsive-container{max-width:768px}}@media (min-width: 1024px){.responsive-container{max-width:1024px}}@media (min-width: 1280px){.responsive-container{max-width:1280px}}@media (min-width: 1536px){.responsive-container{max-width:1536px}}.responsive-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 1024px){.responsive-container{padding-left:2rem;padding-right:2rem}}.bg-card{background-color:#171d21}.border-card-light{--tw-border-opacity: 1;border-color:#c2ba9e}.effect-icon{height:auto;width:20px;margin-right:10px}.effect-container{display:flex;align-items:center;height:fit-content;width:100%}.text-gray-light{--tw-text-opacity: 1;color:rgba(201,201,201,var(--tw-text-opacity))}.card{background:#171d21;padding:1rem;border-left:8px solid var(--tw-border-color, var(--card-border-default))}.card-magic{--tw-border-color: var(--card-border-magic)}.card-ranged{--tw-border-color: var(--card-border-ranged)}.card-melee{--tw-border-color: var(--card-border-melee)}.card-necro{--tw-border-color: var(--card-border-necro)}.card-rotation{--tw-border-color: var(--card-border-rotation)}.card-title{font-family:Kumbh Sans,sans-serif;font-size:1.125rem;line-height:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity: 1;color:#b2dbee}.main-header{font-family:Kumbh Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:#c2ba9e;--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rotation-header{font-family:Kumbh Sans,sans-serif;font-size:2rem;line-height:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:#dedede;--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);margin-bottom:.15rem;margin-top:0;margin-left:.75rem;padding-bottom:.15rem;position:relative}.settings-panel{position:relative;margin-top:0;padding-top:0}.settings-content{margin-top:0;padding-top:0}.card-rotation{position:relative;margin-top:0}.collapse-button-settings{position:absolute;top:0;right:0;z-index:10;background:#171d21e6;border:1px solid #c2ba9e;color:#c2ba9e;padding:.5rem 1rem;border-radius:0 0 0 .5rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.collapse-button-settings:hover{background:#171d21;color:#b2dbee}.expand-button{position:fixed;top:20px;right:20px;z-index:1000;background:#171d21e6;border:1px solid #c2ba9e;color:#c2ba9e;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expand-button:hover{background:#171d21;color:#b2dbee;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.card-icon{height:auto;width:50px;margin-right:10px}.table-container{max-width:100%;overflow-x:auto}table{text-indent:0;border-color:inherit}.justify-between{justify-content:space-between}.block{display:block}.relative{position:relative}.config-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}.config-header:hover{background:#ffffff0d}.config-title{margin:0!important;font-size:1.125rem;font-weight:600;color:#b2dbee}.config-toggle{background:none;border:none;color:#c2ba9e;font-size:1rem;cursor:pointer;padding:0 .5rem;border-radius:.25rem;transition:all .2s ease}.config-content{padding-top:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}