/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/:root,[data-theme=light]{--bg-color:#fff;--text-color:#191d1f;--primary-color:#e19118;--secondary-color:#e9aa7d;--card-bg:#e6e9eb;--accent-color:#ecac4b;--input-bg:#fff;--border-color:#c7cdd1;--muted-text-color:#5d666c;--primary-text-color:#fff;--danger-color:#b42318;--success-color:#18794e;--overlay-color:#191d1f8c;--shadow-color:#191d1f33;--dwarf-color:#a86645;--elf-color:#c4c252;--halfling-color:#54a156;--human-color:#c4ac70;--dragonborn-color:#c48545;--gnome-color:#5a4c5c;--half-elf-color:#cfb751;--half-orc-color:#46593e;--tiefling-color:#ab372c}[data-theme=dark]{--bg-color:#1c1203;--text-color:#fbecd6;--primary-color:#d43826;--secondary-color:#e19118;--card-bg:#45240d;--accent-color:#8e261a;--input-bg:#2a1808;--border-color:#9a6a3e;--muted-text-color:#d4bfa5;--primary-text-color:#fff7ed;--danger-color:#f97068;--success-color:#7dcea0;--overlay-color:#000000ad;--shadow-color:#00000073;--dwarf-color:#5c3a29;--elf-color:#706f2a;--halfling-color:#2f5930;--human-color:#665a3d;--dragonborn-color:#7d4f20;--gnome-color:#362938;--half-elf-color:#7d6c25;--half-orc-color:#2e3d27;--tiefling-color:#541712}.border-\[var\(--accent-color\)\]{border-color:#ecac4b}.border-\[var\(--primary-color\)\]{border-color:#e19118}.border-\[var\(--secondary-color\)\]{border-color:#e9aa7d}.bg-\[var\(--accent-color\)\]{background-color:#ecac4b}.bg-\[var\(--bg-color\)\]{background-color:#fff}.bg-\[var\(--card-bg\)\]{background-color:#e6e9eb}.bg-\[var\(--muted-text-color\)\]{background-color:#5d666c}.bg-\[var\(--primary-color\)\]{background-color:#e19118}.text-\[var\(--primary-color\)\]{color:#e19118}.text-\[var\(--primary-text-color\)\]{color:#fff}.text-\[var\(--secondary-color\)\]{color:#e9aa7d}.text-\[var\(--text-color\)\]{color:#191d1f}.accent-\[var\(--primary-color\)\]{accent-color:#e19118}.hover\:bg-\[var\(--accent-color\)\]:hover{background-color:#ecac4b}.hover\:text-\[var\(--primary-text-color\)\]:hover{color:#fff}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/.race-card{background-color:var(--accent-color);border:2px solid var(--text-color);border-radius:2vb;display:flex;height:auto;margin:1vb;padding:3vb;position:relative;width:100vb}.race-thumbnail{flex:1 1;margin:2vb;max-height:20vb;max-width:20vb;object-fit:scale-down}.race-info{flex:1 1;margin:2vb;width:100%}.race-stat-modifiers{display:flex;justify-content:space-between;max-width:30vb;min-width:30vb}.race-stat-modifiers>div{width:20vb}.dwarf-card{background-color:var(--dwarf-color)}.elf-card{background-color:var(--elf-color)}.halfling-card{background-color:var(--halfling-color)}.human-card{background-color:var(--human-color)}.dragonborn-card{background-color:var(--dragonborn-color)}.gnome-card{background-color:var(--gnome-color)}.half-elf-card{background-color:var(--half-elf-color)}.half-orc-card{background-color:var(--half-orc-color)}.tiefling-card{background-color:var(--tiefling-color)}.race-selector{accent-color:var(--accent-color);cursor:pointer;display:flex;flex-direction:row-reverse;margin:0;position:absolute;right:2vb;top:2vb}.race-description{max-width:60vb;text-align:justify}.race-name{font-weight:650}.subrace-selector{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;max-width:30rem}.subrace-selector select{background-color:var(--bg-color);border:1px solid var(--text-color);border-radius:.25rem;color:var(--text-color);padding:.5rem}.subrace-traits{margin:1rem 0;max-width:60vb}.subrace-traits h2{font-size:1rem;font-weight:650;margin-bottom:.5rem}.subrace-traits ul{margin:0;padding-left:1.25rem}.subrace-traits li{margin-bottom:.5rem}.subrace-traits p{margin:.25rem 0 0}.creation-navigation{background-color:var(--card-bg);border-top:1px solid var(--text-color);display:flex;margin-top:auto;padding:1vb}.forward{margin-left:auto}.back{margin-left:1vb}.back,.forward{background-color:var(--accent-color);border-radius:2vb;margin-bottom:1vb;margin-right:1vb;margin-top:1vb;padding:1vb}.language-selector{background-color:var(--card-bg);border-radius:2vb;color:var(--text-color);margin:1vb;padding:1.5vb}.language-selector h2{margin:0 0 .5vb}.language-count{background-color:var(--accent-color);border-radius:1vb;font-size:.8em;padding:.2vb .8vb}.language-hint{margin:0 0 .5vb}.language-granted{font-style:italic;margin:0 0 1vb;opacity:.75}.language-list{grid-gap:.5vb;display:grid;gap:.5vb;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.language-option{align-items:center;background-color:var(--bg-color);border:1px solid var(--text-color);border-radius:1vb;cursor:pointer;display:flex;gap:.5vb;padding:.6vb}.language-option:hover{border-color:var(--primary-color)}.language-option input:disabled{cursor:not-allowed}.language-option:has(input:disabled){cursor:not-allowed;opacity:.55}.language-option-granted{background-color:var(--card-bg)}.language-tag{font-size:.75em;margin-left:auto;opacity:.8}:root{--color-bg-page:var(--bg-color);--color-card-bg:var(--card-bg);--color-card-shadow:var(--shadow-color);--color-card-border:var(--border-color);--color-text-title:var(--text-color);--color-text-label:var(--text-color);--color-text-input:var(--text-color);--color-input-bg:var(--input-bg);--color-input-border:var(--border-color);--color-input-focus:var(--secondary-color);--color-btn-bg:var(--primary-color);--color-btn-bg-hover:var(--secondary-color);--color-btn-text:var(--primary-text-color);--color-btn-disabled:var(--muted-text-color);--color-error-text:var(--danger-color);--color-error-bg:color-mix(in srgb,var(--danger-color) 16%,var(--bg-color))}.connexion-container{align-items:center;background-color:var(--color-bg-page);display:flex;justify-content:center;min-height:100vh}.connexion-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 10px 25px -5px var(--color-card-shadow);box-sizing:border-box;max-width:380px;padding:32px 28px;width:100%}.connexion-title{color:var(--color-text-title);font-size:1.6rem;font-weight:700;margin:0 0 24px;text-align:center}.connexion-form{gap:18px}.connexion-form,.input-group{display:flex;flex-direction:column}.input-group{gap:6px}.input-group label{color:var(--color-text-label);font-size:.875rem;font-weight:600}.input-group input{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-text-input);font-size:.95rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-input-focus) 25%,#0000)}.btn-submit{background-color:var(--color-btn-bg);border:none;border-radius:6px;color:var(--color-btn-text);cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:var(--color-btn-bg-hover)}.btn-submit:disabled{background-color:var(--color-btn-disabled);cursor:not-allowed}.error-banner{background-color:var(--color-error-bg);color:var(--color-error-text)}.error-banner,.success-banner{border-radius:6px;font-size:.875rem;padding:8px 12px;text-align:center}.success-banner{background-color:color-mix(in srgb,var(--success-color) 16%,var(--bg-color));color:var(--success-color)}.connexion-card{position:relative}.btn-close{background:#0000;border:none;color:var(--muted-text-color);cursor:pointer;font-size:1.2rem;position:absolute;right:15px;top:15px}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.inset-0{inset:0}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-bottom:.125rem;margin-top:.125rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.h-8{height:2rem}.max-h-36{max-height:9rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{column-gap:.5rem}.gap-y-1{row-gap:.25rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t-2{border-top-width:2px}.border-\[var\(--accent-color\)\]{border-color:var(--accent-color)}.border-\[var\(--primary-color\)\]{border-color:var(--primary-color)}.border-\[var\(--secondary-color\)\]{border-color:var(--secondary-color)}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-\[var\(--accent-color\)\]{background-color:var(--accent-color)}.bg-\[var\(--bg-color\)\]{background-color:var(--bg-color)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-\[var\(--muted-text-color\)\]{background-color:var(--muted-text-color)}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-green-950\/30{background-color:#052e164d}.bg-red-950\/30{background-color:#450a0a4d}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pr-1{padding-right:.25rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--primary-color\)\]{color:var(--primary-color)}.text-\[var\(--primary-text-color\)\]{color:var(--primary-text-color)}.text-\[var\(--secondary-color\)\]{color:var(--secondary-color)}.text-\[var\(--text-color\)\]{color:var(--text-color)}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.accent-\[var\(--primary-color\)\]{accent-color:var(--primary-color)}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.class-card{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:auto auto;justify-content:start;margin:4vb}.class-info-card{background-color:var(--card-bg);border:2px solid var(--text-color);border-radius:2vb;display:grid;grid-template-columns:24vb 1fr;height:auto;margin:1vb;padding:3vb;position:relative;width:100vb}.class-thumbnail{align-self:center;grid-column:1;grid-row:1;margin:auto 2vb;max-height:20vb;max-width:20vb;object-fit:scale-down}.class-info{grid-column:2;grid-row:1;margin:2vb;position:relative;width:100%}.class-description{background-color:var(--accent-color);border:2px solid var(--text-color);border-radius:2vb;height:90%;margin:2vb;max-width:60vb;min-width:10vb;padding:2vb;text-align:justify}.class-stat-modifiers{display:flex;justify-content:space-between;max-width:30vb;min-width:30vb}.class-stat-modifiers>div{width:20vb}.class-description h1,.class-name{font-size:1.5rem;font-weight:650;text-decoration:underline}.subclass-description h2{font-weight:400}.class-subcategory{font-weight:550}.class-equipment{background-color:var(--accent-color);border:1px solid var(--text-color);border-radius:2vb;margin-right:2vb;margin-top:2vb;padding:2vb}.equipment-select{background-color:var(--primary-color);border:none;border-radius:.5vb;color:var(--text-color);margin-bottom:.1vb;margin-top:.1vb}.generic-equipment-picker{align-items:center;display:flex;flex-wrap:wrap;gap:.5vb;margin-left:1.5vb;margin-top:.4vb}.generic-equipment-hint{font-size:.75em;opacity:.75}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-\[var\(--accent-color\)\]:hover{background-color:var(--accent-color)}.hover\:text-\[var\(--primary-text-color\)\]:hover{color:var(--primary-text-color)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:col-span-3{grid-column:span 3/span 3}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-2{gap:.5rem}.sm\:p-6{padding:1.5rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:border-b-0{border-bottom-width:0}.md\:border-r-2{border-right-width:2px}.md\:p-8{padding:2rem}.md\:pb-0{padding-bottom:0}.md\:pr-4{padding-right:1rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background-card{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:auto auto;justify-content:start}.background-info-card{background-color:var(--card-bg);border:2px solid var(--text-color);border-radius:2vb;height:auto;padding:3vb;position:relative;width:100vb}.background-thumbnail{align-self:center;border:1px solid var(--text-color);border-radius:2vb 2vb 0 0;height:25vb;object-fit:cover;width:95vb}.background-info{grid-column:2;grid-row:1;position:relative;width:100%}.background-description{background-color:var(--accent-color);border:2px solid var(--text-color);border-radius:2vb;height:90%;margin:2vb;max-width:60vb;min-width:10vb;padding:2vb;text-align:justify}.background-selector{accent-color:var(--accent-color);cursor:pointer;flex-shrink:0;margin:0}.choice-selector{accent-color:var(--secondary-color);cursor:pointer;margin:1vb}.background-info-card details{grid-column:2;grid-row:2}.background-name{background-color:var(--accent-color);border:1px solid var(--text-color);border-radius:2vb;font-size:1.5rem;font-weight:650;margin:0;padding:2vb}.background-description h1{font-size:1.5rem;font-weight:650;text-decoration:underline}.background-subcategory{font-weight:550}.background-abilities{background-color:var(--accent-color);border:1px solid var(--text-color);border-radius:0 0 2vb 2vb;border-top:none;margin:0;padding:1vb}.proficiencies-list{padding-left:2vb}.creation-page-title{font-size:2rem;margin:1vb}.background-equipment{background-color:var(--accent-color);border:1px solid var(--text-color);border-radius:2vb;margin-top:2vb;padding:2vb}.background-dropdown{display:contents}.background-dropdown summary{align-items:center;cursor:pointer;display:inline-flex;grid-column:1;grid-row:1;width:max-content}.background-list{display:flex;flex-direction:column;gap:1vb}.background-equipment-choicelist{background-color:var(--primary-color);border:none;border-radius:.5vb;color:var(--text-color);margin-bottom:.1vb;margin-top:.1vb}.background-card-container{display:flex;flex-direction:column;margin:3vb}.background-header-row{align-items:center;align-self:flex-start;display:inline-flex;gap:2vb}.background-summary-toggle{cursor:pointer;display:inline-block}.background-characteristics{background-color:var(--card-bg);border:2px solid var(--text-color);border-radius:2vb;margin:1vb;padding:2vb;width:max-content}.background-characteristics input{background-color:var(--accent-color);border-radius:2vb;margin:1vb;padding:1vb;width:100vb}.background-characteristics button{background-color:var(--accent-color);border:1px solid var(--text-color);border-radius:2vb;padding:1vb}.home-page{box-sizing:border-box;width:100%}.home-header{align-items:center;display:flex;justify-content:flex-end;margin:1rem auto .5rem;width:90%}.create-character-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:var(--primary-text-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.create-character-btn .plus-icon{font-size:1.5rem;font-weight:700;line-height:1}.create-character-btn:hover{color:var(--text-secondary);opacity:.8}.create-character-btn:active{transform:scale(.97)}.character-name-modal{align-items:center;background-color:var(--overlay-color);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10}.character-name-form{background-color:var(--bg-color);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 .5rem 2rem var(--shadow-color);color:var(--text-color);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;width:min(100%,26rem)}.character-name-form h2{margin:0 0 .25rem}.character-name-form input{background-color:var(--card-bg);border:1px solid var(--text-color);border-radius:4px;box-sizing:border-box;color:var(--text-color);font:inherit;padding:.65rem .75rem;width:100%}.character-name-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.character-name-actions button{border:0;border-radius:4px;cursor:pointer;font:inherit;font-weight:600;padding:.55rem .9rem}.character-name-cancel{background-color:var(--card-bg);color:var(--text-color)}.character-name-submit{background-color:var(--primary-color);color:var(--text-primary)}:root{--card-bg-color:var(--card-bg);--card-border-color:var(--border-color);--image-placeholder-bg:var(--input-bg);--info-box-bg:var(--bg-color);--info-box-border:var(--border-color);--text-primary:var(--text-color);--text-secondary:var(--muted-text-color);--text-muted:var(--muted-text-color);--btn-view-bg:var(--primary-color);--btn-view-hover:var(--secondary-color);--btn-edit-bg:var(--secondary-color);--btn-edit-hover:var(--primary-color);--btn-delete-bg:var(--danger-color);--btn-delete-hover:color-mix(in srgb,var(--danger-color) 80%,var(--text-color));--btn-text-color:var(--primary-text-color)}.character-card{align-items:center;background-color:var(--card-bg-color);border:2px solid var(--card-border-color);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);box-sizing:border-box;display:flex;flex-direction:row;gap:1.25rem;height:36.36364vh;margin:1rem auto;min-height:220px;padding:1rem;width:90%}.card-image-container{align-items:center;aspect-ratio:1/1;background-color:var(--image-placeholder-bg);border-radius:6px;display:flex;flex-shrink:0;height:95%;justify-content:center;overflow:hidden}.card-image-container img{height:100%;object-fit:cover;width:100%}.card-details-container{display:flex;flex:1 1;flex-direction:column;height:95%;justify-content:space-between;min-width:0}.character-header{margin:0}.character-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.character-meta{color:var(--text-secondary);font-size:.9rem;margin:0}.character-info-row{color:var(--text-secondary);display:flex;font-size:.85rem;gap:1rem;margin:.4rem 0}.info-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-item strong{color:var(--text-muted)}.character-description-box{background-color:var(--info-box-bg);border:1px solid var(--info-box-border);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.85rem;line-height:1.4;max-height:50%;overflow-y:auto;padding:.5rem .75rem}.character-description-box::-webkit-scrollbar{width:6px}.character-description-box::-webkit-scrollbar-thumb{background-color:var(--info-box-border);border-radius:3px}.card-actions-container{display:flex;flex-direction:column;gap:.5rem;height:95%;justify-content:center}.action-btn{border:none;border-radius:4px;color:var(--btn-text-color);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .2s ease}.btn-view{background-color:var(--btn-view-bg)}.btn-view:hover{background-color:var(--btn-view-hover)}.btn-edit{background-color:var(--btn-edit-bg)}.btn-edit:hover{background-color:var(--btn-edit-hover)}.btn-delete{background-color:var(--btn-delete-bg)}.btn-delete:hover{background-color:var(--btn-delete-hover)}.modify-character-page{color:var(--text-color);margin:0 auto;max-width:900px;padding:2rem}.modify-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.form-section h2{border-bottom:2px solid var(--primary-color);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:700}.form-group input[type=text],.form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:.75rem}.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-label{align-items:center;background:var(--accent-color);border-radius:4px;cursor:pointer;display:flex;gap:.4rem;padding:.5rem .75rem}.abilities-grid-edit{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ability-field{align-items:center;background:var(--accent-color);border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.ability-field input{font-size:1.2rem;margin-top:.5rem;padding:.25rem;text-align:center;width:60px}.success{font-weight:700}.annulation-btn,.save-btn{background-color:var(--color-btn-bg);border:none;border-radius:6px;color:var(--color-btn-text);cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px;transition:background-color .2s}.annulation-btn{margin-right:10px}.spells-creation{display:flex;flex-direction:column;min-height:100vh}.spell-selection-class{color:var(--secondary-color);margin:1vb}.spell-list-section{background:var(--card-bg);border:1px solid var(--text-color);border-radius:.5rem;margin:4vb}.spell-list-heading{align-items:baseline;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;list-style:none;padding:1rem}.spell-list-heading::-webkit-details-marker{display:none}.spell-list-heading:before{content:"+";font-size:1.25rem;width:1.25rem}.spell-list-section[open] .spell-list-heading:before{content:"-"}.spell-list-heading h2{flex:1 1;margin:0}.spell-list-section-content{padding:0 1rem 1rem}.spell-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.spell-card{align-items:flex-start;background:var(--card-bg);border:1px solid var(--text-color);border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:1rem}.spell-card-selected{background:var(--accent-color);border-color:var(--primary-color)}.spell-card-disabled{cursor:not-allowed;opacity:.55}.spell-card-content{grid-gap:.35rem;display:grid;gap:.35rem}.spell-card-content span{font-size:.9rem}.success{color:var(--success-color)}.spell-saving{bottom:1rem;position:fixed;right:1rem}.topbar{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--text-color);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-color);display:flex;gap:1rem;justify-content:space-between;padding:.85rem 2rem}.topbar-brand{color:inherit;font-size:1.2rem;font-weight:700;text-decoration:none}.topbar-actions{align-items:center;display:flex;gap:1rem}.topbar-user{font-size:.95rem}.logout-button{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-text-color)}.logout-button,.theme-button{cursor:pointer;padding:.5rem .9rem}.theme-button{background-color:initial;border:1px solid var(--text-color);border-radius:4px;color:var(--text-color)}.theme-button:hover{background-color:var(--accent-color);color:var(--primary-text-color)}.logout-button:hover:not(:disabled){filter:brightness(.9)}.logout-button:disabled{cursor:wait;opacity:.7}.logout-error{background-color:var(--card-bg);color:var(--text-color);padding:.65rem 2rem;text-align:center}@media (max-width:600px){.topbar{padding:.75rem 1rem}.topbar-user{display:none}}.modal-backdrop{align-items:center;background-color:var(--overlay-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:var(--card-bg);border-radius:8px;color:var(--text-color);min-width:320px;padding:2rem;position:relative}.close-button{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.not-found-page{align-items:center;background:var(--bg-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.not-found-page h1,.not-found-page p{margin:0}.not-found-code{color:var(--primary-color);font-size:clamp(4rem,16vw,8rem);font-weight:800;line-height:.9}.not-found-page h1{font-size:clamp(1.5rem,4vw,2.25rem)}.not-found-link{background:var(--primary-color);border-radius:4px;color:var(--primary-text-color);font-weight:600;margin-top:1rem;padding:.7rem 1rem;text-decoration:none}