:root{--ember-950: #120c0a;--ember-900: #1a1210;--ember-800: #241915;--ember-700: #2f2420;--ember-600: #3a2d27;--ember-500: #4d3d35;--ember-400: #5a4d44;--gold-200: #f5dfae;--gold-300: #f0c87f;--gold-400: #d9a052;--gold-500: #b6711a;--gold-600: #845214;--gold-700: #5e3a0e;--crimson-300: #c94a4a;--crimson-500: #7a1414;--crimson-700: #4a0c0c;--parchment-50: #fbf7ee;--parchment-100: #f4ecd8;--parchment-200: #e6d9bc;--parchment-300: #d7c6a1;--parchment-400: #c2ad83;--ink-900: #1f1712;--ink-700: #2b2320;--ink-500: #5a4a3c;--ink-300: #8a7a68;--moss-500: #2e7d32;--lake-500: #31708e;--font-display: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-heading: "Cinzel", "Cinzel Decorative", Georgia, serif;--font-body: "Alegreya", Georgia, "Times New Roman", serif;--font-caps: "Alegreya SC", "Alegreya", Georgia, serif;--text-xs: .8rem;--text-sm: .9rem;--text-base: clamp(1rem, .96rem + .2vw, 1.1rem);--text-md: clamp(1.05rem, 1rem + .3vw, 1.2rem);--text-lg: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--text-xl: clamp(1.35rem, 1.1rem + 1.1vw, 1.85rem);--text-2xl: clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem);--text-3xl: clamp(2rem, 1.2rem + 3.6vw, 3.4rem);--leading-tight: 1.2;--leading-body: 1.65;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--dur-fast: .15s;--dur-base: .26s;--dur-slow: .6s;--ease: cubic-bezier(.22, 1, .36, 1);--glass-blur: 14px;--bg-page: var(--ember-900);--bg-surface: var(--ember-800);--bg-panel: rgba(58, 45, 39, .58);--bg-panel-solid: var(--ember-600);--bg-raised: rgba(26, 18, 16, .55);--bg-paper: var(--parchment-100);--bg-paper-strong: var(--parchment-200);--bg-input: var(--parchment-200);--bg-input-hover: var(--parchment-50);--text: #d8c9a7;--text-strong: var(--gold-200);--text-muted: #a89f8f;--text-on-paper: var(--ink-700);--text-on-paper-muted: var(--ink-500);--text-on-accent: var(--ember-900);--text-on-primary: var(--parchment-100);--heading: var(--gold-400);--heading-on-paper: var(--crimson-500);--accent: var(--gold-400);--accent-strong: var(--gold-500);--accent-deep: var(--gold-600);--accent-soft: rgba(217, 160, 82, .16);--primary: var(--crimson-500);--primary-strong: var(--crimson-700);--primary-soft: rgba(122, 20, 20, .18);--border: rgba(217, 160, 82, .18);--border-strong: rgba(217, 160, 82, .38);--border-paper: var(--parchment-400);--border-muted: var(--ember-400);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 10px 28px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--shadow-paper: 0 3px 10px rgba(0, 0, 0, .28);--glow-accent: 0 0 18px rgba(217, 160, 82, .35);--focus-ring: 0 0 0 3px rgba(217, 160, 82, .45);--vignette: radial-gradient(ellipse at 50% 0%, rgba(182, 113, 26, .18), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(122, 20, 20, .22), transparent 65%);--texture-surface: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='800'><filter id='w' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='0.004 0.09' numOctaves='4' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.14  0 0 0 0 0.09  0 0 0 0 0.06  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23w)'/></svg>");--texture-surface-opacity: .6;--texture-paper: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0 0.12  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--texture-paper-opacity: .35;color-scheme:dark}:root[data-theme=daylight]{--bg-page: var(--parchment-200);--bg-surface: var(--parchment-50);--bg-panel: rgba(255, 252, 245, .72);--bg-panel-solid: #fffdf7;--bg-raised: rgba(230, 217, 188, .55);--bg-paper: #fffcf3;--bg-paper-strong: var(--parchment-100);--bg-input: #ffffff;--bg-input-hover: #fffdf7;--text: var(--ink-700);--text-strong: var(--ink-900);--text-muted: var(--ink-500);--text-on-paper: var(--ink-700);--text-on-paper-muted: var(--ink-500);--text-on-accent: var(--ink-900);--text-on-primary: var(--parchment-50);--heading: var(--crimson-500);--heading-on-paper: var(--crimson-500);--accent: var(--gold-600);--accent-strong: var(--gold-500);--accent-deep: var(--gold-700);--accent-soft: rgba(182, 113, 26, .14);--primary: var(--crimson-500);--primary-strong: var(--crimson-700);--primary-soft: rgba(122, 20, 20, .1);--border: rgba(132, 82, 20, .22);--border-strong: rgba(132, 82, 20, .45);--border-paper: var(--parchment-400);--border-muted: var(--parchment-300);--shadow-sm: 0 2px 6px rgba(70, 45, 20, .14);--shadow-md: 0 10px 28px rgba(70, 45, 20, .16), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-lg: 0 24px 60px rgba(70, 45, 20, .22);--shadow-paper: 0 3px 10px rgba(70, 45, 20, .14);--glow-accent: 0 0 18px rgba(182, 113, 26, .25);--focus-ring: 0 0 0 3px rgba(132, 82, 20, .35);--vignette: radial-gradient(ellipse at 50% 0%, rgba(255, 250, 235, .9), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(194, 173, 131, .5), transparent 65%);--texture-surface: var(--texture-paper);--texture-surface-opacity: .25;color-scheme:light}:root{--primary-color: var(--primary);--primary-dark: var(--primary-strong);--secondary-color: var(--accent-strong);--secondary-dark: var(--accent-deep);--secondary-light: var(--accent);--text-color: var(--text);--text-dark: var(--text-muted);--background-dark: var(--bg-page);--background-medium: var(--bg-surface);--background-light: var(--bg-panel-solid);--border-color: var(--border-muted);--success-color: var(--moss-500);--info-color: var(--lake-500);--parchment: var(--bg-paper);--parchment-dark: var(--bg-paper-strong);--scroll-shadow: rgba(0, 0, 0, .3)}:root[data-class]{--accent: var(--class-light);--accent-strong: var(--class-mid);--accent-soft: rgba(var(--class-rgb), .16);--border-strong: rgba(var(--class-rgb), .42);--glow-accent: 0 0 18px rgba(var(--class-rgb), .38);--focus-ring: 0 0 0 3px rgba(var(--class-rgb), .45);--vignette: radial-gradient(ellipse at 50% 0%, rgba(var(--class-rgb), .16), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(122, 20, 20, .2), transparent 65%)}:root[data-theme=daylight][data-class]{--accent: var(--class-deep);--accent-strong: var(--class-mid);--accent-soft: rgba(var(--class-rgb), .12);--border-strong: rgba(var(--class-rgb), .45);--glow-accent: 0 0 18px rgba(var(--class-rgb), .28);--focus-ring: 0 0 0 3px rgba(var(--class-rgb), .35);--vignette: radial-gradient(ellipse at 50% 0%, rgba(255, 250, 235, .9), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(var(--class-rgb), .22), transparent 65%)}:root[data-class=barbarian]{--class-light: #e8a07a;--class-mid: #c2622e;--class-deep: #8a3a12;--class-rgb: 194, 98, 46}:root[data-class=bard]{--class-light: #eca0c4;--class-mid: #c2578f;--class-deep: #8a2a5a;--class-rgb: 194, 87, 143}:root[data-class=cleric]{--class-light: #f2dca0;--class-mid: #c9a13a;--class-deep: #7a5a10;--class-rgb: 201, 161, 58}:root[data-class=druid]{--class-light: #a9d68f;--class-mid: #5f9a48;--class-deep: #2f6b2a;--class-rgb: 95, 154, 72}:root[data-class=fighter]{--class-light: #cfd8e2;--class-mid: #8797a8;--class-deep: #3f5266;--class-rgb: 135, 151, 168}:root[data-class=monk]{--class-light: #9fdccb;--class-mid: #4faa92;--class-deep: #1f6b5a;--class-rgb: 79, 170, 146}:root[data-class=paladin]{--class-light: #f4d47a;--class-mid: #d4a72c;--class-deep: #8a6a12;--class-rgb: 212, 167, 44}:root[data-class=ranger]{--class-light: #b3cf94;--class-mid: #6f9a4f;--class-deep: #3a6a2a;--class-rgb: 111, 154, 79}:root[data-class=rogue]{--class-light: #c2bcdc;--class-mid: #8078b0;--class-deep: #4a4270;--class-rgb: 128, 120, 176}:root[data-class=sorcerer]{--class-light: #f2a494;--class-mid: #d05a4a;--class-deep: #9a2a2a;--class-rgb: 208, 90, 74}:root[data-class=warlock]{--class-light: #cfa8f2;--class-mid: #9a63d6;--class-deep: #5a2a8a;--class-rgb: 154, 99, 214}:root[data-class=wizard]{--class-light: #a6c8f2;--class-mid: #5f8fd6;--class-deep: #2a4a8a;--class-rgb: 95, 143, 214}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--text);background-color:var(--bg-page);padding:var(--space-5) var(--space-4);position:relative;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--text-on-accent)}.particles-container{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:-1!important;pointer-events:none!important;filter:drop-shadow(0 0 8px rgba(255,215,150,.7));mix-blend-mode:screen;overflow:hidden}:root[data-theme=daylight] .particles-container{mix-blend-mode:multiply;opacity:.55;filter:none}#dynamic-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-page);z-index:-2;transition:background-color var(--dur-slow) var(--ease)}.bg-default{background-color:var(--bg-page);background-image:var(--vignette)}.container{max-width:1240px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-5);background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;z-index:1}.container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--texture-surface);opacity:var(--texture-surface-opacity);pointer-events:none;z-index:-1}main{display:grid;grid-template-columns:minmax(260px,1fr) 3fr;gap:var(--space-5)}form{grid-column:2 / 3;grid-row:1 / span 2}#character-summary{grid-column:1 / 3}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;color:var(--heading);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:.02em}h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);text-align:center;margin:var(--space-3) 0 var(--space-4);letter-spacing:.06em;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,22px);flex-wrap:wrap;background:linear-gradient(180deg,var(--gold-200) 0%,var(--gold-400) 55%,var(--gold-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35)) drop-shadow(0 10px 22px rgba(217,160,82,.18))}:root[data-theme=daylight] h1{background:linear-gradient(180deg,var(--crimson-300) 0%,var(--crimson-500) 55%,var(--crimson-700) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{max-width:72ch}.doodle{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.28em;color:var(--accent);flex:none}.doodle-divider{display:block;width:min(260px,60%);height:26px;margin:0 auto;color:var(--accent);opacity:.85}.title-sparkle{display:inline-flex;width:.8em;height:.8em;color:var(--gold-300);-webkit-text-fill-color:initial;animation:twinkle 3.2s ease-in-out infinite}.title-sparkle:last-child{animation-delay:1.4s}.title-sparkle .doodle{width:100%;height:100%;vertical-align:0;color:inherit}:root[data-theme=daylight] .title-sparkle{color:var(--gold-600)}@keyframes twinkle{0%,to{transform:scale(.9) rotate(-6deg);opacity:.7}50%{transform:scale(1.1) rotate(8deg);opacity:1}}header{text-align:center;padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.header-image-container{position:relative;display:inline-block;margin:var(--space-2) auto var(--space-5);max-width:100%}.header-image-container:before{content:"";position:absolute;top:-40px;right:-60px;bottom:-40px;left:-60px;background:radial-gradient(ellipse at 50% 60%,rgba(255,140,40,.28),transparent 60%);filter:blur(6px);z-index:0;pointer-events:none}:root[data-theme=daylight] .header-image-container:before{background:radial-gradient(ellipse at 50% 60%,rgba(255,170,80,.35),transparent 60%)}.header-image{position:relative;z-index:1;display:block;width:220px;max-width:70vw;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--glow-accent);border:1px solid var(--border-strong);animation:floating 4.5s ease-in-out infinite;image-rendering:auto}.header-doodle{position:absolute;width:46px;height:46px;color:var(--accent);opacity:.85;z-index:2;pointer-events:none}.header-doodle.potion{left:-58px;bottom:10px;transform:rotate(-12deg);animation:floating 5.5s ease-in-out infinite reverse}.header-doodle.moon{right:-56px;top:6px;transform:rotate(10deg);animation:floating 6s ease-in-out .8s infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.header-image:before,.header-image:after{content:none}.pot-description{max-width:760px;margin:var(--space-4) auto 0;padding:var(--space-5) var(--space-6);background-color:var(--bg-paper);border-radius:var(--radius-md);border:1px solid var(--border-paper);box-shadow:var(--shadow-paper);color:var(--text-on-paper);text-align:center;position:relative;overflow:hidden}.pot-description:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-paper);opacity:var(--texture-paper-opacity);z-index:0;pointer-events:none}.pot-description>*{position:relative;z-index:1}.pot-description .doodle-divider{color:var(--heading-on-paper);margin-bottom:var(--space-3)}.pot-description p{margin:0 auto;text-align:left;font-style:italic;font-size:var(--text-md);line-height:1.6;max-width:58ch;color:var(--text-on-paper)}.pot-description p:first-letter{font-family:var(--font-heading);font-style:normal;font-size:2.6em;line-height:.8;float:left;color:var(--heading-on-paper);padding:6px 6px 0 0}.pot-description,.details-box,#class-skills-selection,.preview-details,.alignment-cell,select,input,textarea{color-scheme:light}.character-management{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.character-management .secondary-btn{margin-top:0}.theme-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;margin-left:var(--space-2);border-radius:var(--radius-pill);background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-strong);color:var(--text-strong);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;box-shadow:var(--shadow-sm)}.theme-toggle-btn .doodle{width:1.35em;height:1.35em;vertical-align:0;color:var(--accent)}.theme-toggle-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),var(--glow-accent)}.panel,.form-section,.character-preview{background-color:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.panel,.form-section,.character-preview{background-color:var(--bg-panel-solid)}}.character-preview{grid-column:1 / 2;grid-row:1;padding:var(--space-4);position:sticky;top:var(--space-4);width:100%;height:max-content;max-height:calc(100vh - var(--space-6));overflow-y:auto;transition:box-shadow var(--dur-base) var(--ease);align-self:start;margin-bottom:var(--space-4)}.character-preview.static{position:static;top:auto}.character-preview h3{text-align:center;font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.portrait-container{position:relative;width:100%;aspect-ratio:1 / 1;height:auto;margin-bottom:var(--space-3);border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(ellipse at 50% 70%,rgba(217,160,82,.12),transparent 70%),var(--bg-raised);box-shadow:inset 0 0 0 1px var(--border),inset 0 12px 30px #00000040}.character-portrait{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:background-image var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);image-rendering:pixelated}.portrait-container:hover .character-portrait{transform:scale(1.03)}.frame-corner{position:absolute;width:30px;height:30px;color:var(--accent);opacity:.9;z-index:2;pointer-events:none}.frame-corner.tl{top:6px;left:6px}.frame-corner.tr{top:6px;right:6px;transform:rotate(90deg)}.frame-corner.br{bottom:6px;right:6px;transform:rotate(180deg)}.frame-corner.bl{bottom:6px;left:6px;transform:rotate(270deg)}.preview-details{background-color:var(--bg-paper);color:var(--text-on-paper);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-paper);position:relative;overflow:hidden;box-shadow:var(--shadow-paper)}.preview-details:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-paper);opacity:var(--texture-paper-opacity);z-index:0;pointer-events:none}.preview-details>*{position:relative;z-index:1}.preview-item{display:flex;justify-content:space-between;gap:var(--space-3);padding:6px 0;border-bottom:1px dashed var(--border-paper);font-family:var(--font-caps);font-size:var(--text-sm);letter-spacing:.04em;color:var(--text-on-paper-muted)}.preview-item:last-child{border-bottom:none}.preview-item span{color:var(--heading-on-paper);font-family:var(--font-body);font-weight:700;letter-spacing:0;text-align:right}.preview-abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-3) 0}.preview-ability{text-align:center;padding:8px 4px;border-radius:var(--radius-sm);background:#ffffff73;border:1px solid var(--border-paper);font-family:var(--font-caps);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-on-paper-muted);line-height:1.3}.preview-ability span{display:block;color:var(--heading-on-paper);font-family:var(--font-body);font-weight:700;font-size:1.05rem;letter-spacing:0}.form-section{margin-bottom:var(--space-5);padding:var(--space-5);width:100%}.form-section h2{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-4);position:relative}.form-section h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='none'><path d='M2 5 C 60 2 120 7 200 4 C 280 1 340 6 398 3' fill='none' stroke='%23c94a4a' stroke-width='2' stroke-linecap='round'/><path d='M2 6.5 C 70 4 130 8 210 5.5 C 290 3 350 7 398 5' fill='none' stroke='%23c94a4a' stroke-width='1' stroke-linecap='round' opacity='0.45'/></svg>");background-size:100% 100%;background-repeat:no-repeat}select,input[type=text],input[type=number],textarea{width:100%;padding:12px 14px;background-color:var(--bg-input);border:1px solid var(--border-paper);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-body);margin-bottom:var(--space-3);color:var(--text-on-paper);box-shadow:inset 0 1px 2px #0000001f;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}select:hover,input[type=text]:hover,input[type=number]:hover,textarea:hover{border-color:var(--accent-strong);background-color:var(--bg-input-hover)}select:focus,input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring),inset 0 1px 2px #0000001f}input::placeholder,textarea::placeholder{color:var(--ink-300);font-style:italic}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 9 l 6 6 6 -6' fill='none' stroke='%23845214' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;padding-right:40px;cursor:pointer}.details-box,#class-skills-selection{margin-top:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--bg-paper);color:var(--text-on-paper);border-radius:var(--radius-md);border:1px solid var(--border-paper);border-left:4px solid var(--accent-strong);box-shadow:var(--shadow-paper);position:relative;overflow:hidden}.details-box:before,#class-skills-selection:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-paper);opacity:var(--texture-paper-opacity);z-index:0;pointer-events:none}.details-box>*,#class-skills-selection>*{position:relative;z-index:1}.details-box h3,#class-skills-selection h3{color:var(--heading-on-paper);margin-bottom:var(--space-2);text-shadow:none}.details-box p,.details-box li{color:var(--text-on-paper)}.details-box strong{color:var(--heading-on-paper);font-family:var(--font-caps);letter-spacing:.03em}.details-box ul{padding-left:20px}#class-skills-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.skill-option label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-on-paper)}.skill-option input[type=checkbox]{cursor:pointer;accent-color:var(--primary);width:16px;height:16px}.dice-animation-container{margin:20px 0;padding:20px;background-color:#2e231c;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000004d;text-align:center;z-index:2000;position:relative}.dice-tray{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.die{width:50px;height:50px;background-color:var(--secondary-color);color:#fff;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 3px 6px #0006;transition:transform .3s ease,background-color .3s ease;z-index:2001;position:relative}.die.dropped{transform:scale(.7);opacity:.6;background-color:#8c6d3f}.die.rolling{animation:dieRoll .2s infinite}@keyframes dieRoll{0%{transform:translateY(0)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0)}}.dice-result{background-color:var(--parchment);color:var(--primary-color);padding:10px 15px;border-radius:5px;display:inline-block;box-shadow:0 2px 4px #0000004d;position:relative;z-index:2001}#dice-sum{font-size:1.8rem;font-weight:700;font-family:var(--font-heading);margin-right:10px;text-shadow:none}.dice-result-label{color:#5d4a2e;font-size:.9rem;font-weight:600;text-transform:uppercase}.dice-ability-label{color:var(--secondary-color);font-size:1.2rem;font-weight:700;margin-top:15px;text-align:center;font-family:var(--font-heading);text-shadow:1px 1px 2px rgba(0,0,0,.3);position:relative;z-index:2001}.ability-score-method{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);align-items:center;margin-bottom:var(--space-4)}.ability-score-method label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text)}.ability-score-method input[type=radio]{cursor:pointer;accent-color:var(--accent);width:16px;height:16px}.ability-scores-container{display:grid;gap:var(--space-2)}.ability-score-row{display:grid;grid-template-columns:130px 110px 64px 64px 64px;align-items:center;gap:var(--space-2);padding:10px 14px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.ability-score-row select{margin-bottom:0;padding:8px 32px 8px 10px;background-position:right 8px center}.ability-score-row label{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);letter-spacing:.04em;color:var(--accent)}.ability-mod,.racial-bonus,.ability-total{text-align:center;padding:8px 4px;border-radius:var(--radius-sm);font-weight:700;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.06)}.ability-mod{background-color:#1e3c5a;color:#a8c6df}.racial-bonus{background-color:#2c4c2c;color:#b5d8b5}.ability-total{background-color:#5e2b3b;color:#e8b7c7}button{cursor:pointer;padding:12px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);line-height:1.2;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%;pointer-events:none}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(100);opacity:0}}button:focus:not(:active):after{animation:ripple 1s ease-out}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm),var(--glow-accent)}button:active{transform:translateY(1px);box-shadow:none}.primary-btn{background-color:var(--primary);background-image:linear-gradient(180deg,#ffffff14,#0000001f);color:var(--text-on-primary);border-color:var(--primary-strong);padding:16px 28px;font-size:var(--text-sm);width:100%;margin-top:var(--space-4)}.primary-btn:hover{background-color:#8f1a1a;border-color:var(--accent)}.secondary-btn{background-color:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text-strong);border-color:var(--border-strong);margin-top:var(--space-4)}.secondary-btn:hover{border-color:var(--accent);color:var(--accent)}#roll-abilities-btn{background-color:var(--gold-400);background-image:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:var(--text-on-accent);border-color:var(--accent-deep)}#roll-abilities-btn:hover{background-image:linear-gradient(180deg,var(--gold-200),var(--gold-400))}.alignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:var(--space-3) 0}.alignment-cell{background-color:var(--bg-paper);border-radius:var(--radius-md);border:1px solid var(--border-paper);box-shadow:var(--shadow-paper);padding:var(--space-3) var(--space-3) var(--space-4);position:relative;cursor:pointer;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);overflow:hidden;color:var(--text-on-paper)}.alignment-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-paper);opacity:var(--texture-paper-opacity);z-index:0;pointer-events:none}.alignment-cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-strong)}.alignment-cell input[type=radio]{position:absolute;opacity:0;cursor:pointer}.alignment-cell label{display:block;cursor:pointer;position:relative;z-index:1}.alignment-cell h4{margin:0 0 2px;font-weight:700;color:var(--heading-on-paper);font-size:var(--text-md);text-align:center}.alignment-title{margin:0 0 var(--space-2) 0;color:var(--primary-strong);font-family:var(--font-body);font-weight:500;font-style:italic;text-align:center;font-size:var(--text-sm)}.alignment-description{color:var(--ink-700);font-size:var(--text-sm);line-height:1.45}.alignment-cell:has(input[type=radio]:checked){border-color:var(--accent-strong);box-shadow:var(--shadow-md),0 0 0 2px var(--accent-strong)}.alignment-cell input[type=radio]:checked+label h4{color:var(--accent-deep)}.alignment-cell input[type=radio]:checked+label:after{content:"";position:absolute;top:-4px;right:-2px;width:22px;height:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 12.5 C 7 14 9 17 10 19 C 12 13 16 8 21 5' fill='none' stroke='%23845214' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:contain;background-repeat:no-repeat}.alignment-cell:hover h4{transform:translateY(-2px);transition:transform var(--dur-base) var(--ease)}[data-alignment=lawful-good]{background-color:#c0d9fc}[data-alignment=neutral-good]{background-color:#a9e7c1}[data-alignment=chaotic-good]{background-color:#e6d2af}[data-alignment=lawful-neutral]{background-color:#ccccea}[data-alignment=true-neutral]{background-color:#e1e1e1}[data-alignment=chaotic-neutral]{background-color:#e6c8c8}[data-alignment=lawful-evil]{background-color:#baa8cc}[data-alignment=neutral-evil]{background-color:#beaab4}[data-alignment=chaotic-evil]{background-color:#e8a6a6}#character-summary{margin-top:40px}.summary-container{background-color:var(--parchment);color:var(--text-on-paper);border:3px solid #8c6d3f;border-radius:8px;padding:30px;box-shadow:0 6px 12px #0006;position:relative;overflow:hidden}.summary-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--texture-paper);opacity:.35;z-index:-1}.summary-header{text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #8c6d3f}.summary-header h3{font-size:2.2rem;margin-bottom:5px;color:var(--primary-color);text-shadow:none}.summary-section{margin-bottom:25px}.summary-section h4{border-bottom:1px solid #8c6d3f;padding-bottom:8px;margin-bottom:15px;color:var(--primary-color);font-size:1.4rem;text-shadow:none}.stats-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px}.stat-box{text-align:center;min-width:100px;padding:12px;border-radius:5px;background-color:var(--bg-paper-strong);box-shadow:0 2px 5px #0003;border:1px solid #c9b991}.stat-label{font-size:.9rem;font-weight:600;margin-bottom:5px;color:#5d4a2e;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.6rem;font-weight:700;color:var(--primary-color);font-family:var(--font-heading)}.abilities-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px}.ability-box{text-align:center;width:104px;height:104px;padding:12px 8px 14px;position:relative;border:2px solid #8c6d3f;border-radius:50%;background-color:var(--bg-paper-strong);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 3px 6px #0003}.ability-label{font-weight:700;font-size:.72rem;letter-spacing:.08em;line-height:1;margin-bottom:4px;color:#5d4a2e;font-family:var(--font-heading)}.ability-value{font-size:1.5rem;font-weight:700;margin-bottom:2px;color:var(--text-on-paper)}.ability-summary-mod{background-color:var(--primary-color);color:#fff;border-radius:10px;padding:2px 8px;font-weight:700;display:inline-block;font-size:.9rem}.summary-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}#saving-throws,#skills-list,#proficiencies,#languages,#equipment,#features{line-height:1.8;color:var(--text-on-paper)}#saving-throws .proficient,#skills-list .proficient{font-weight:700;color:var(--success-color)}#features h5{color:var(--primary-dark);margin-top:15px;margin-bottom:8px;font-family:var(--font-heading)}#backstory-container{display:flex;flex-direction:column;gap:15px}.backstory-text{background-color:var(--parchment);color:var(--text-on-paper);padding:15px;border-radius:5px;position:relative;font-style:italic;line-height:1.6;min-height:100px;overflow:hidden}.backstory-text:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--texture-paper);opacity:.35;z-index:-1}.backstory-text.loading:after{content:"⏳";display:block;text-align:center;font-size:2rem;padding:20px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;background-color:#f2d74e;z-index:9999}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes confetti-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magical-flash{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff3;z-index:9998;pointer-events:none;animation:magical-flash 1s ease-out forwards}@keyframes magical-flash{0%{opacity:.8}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes pageFlip{0%{opacity:1;transform:rotateY(0)}50%{opacity:.8;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes sectionSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes diceRoll{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(0)}}#roll-abilities-btn:active{animation:diceRoll .3s ease}.details-box::-webkit-scrollbar,.character-preview::-webkit-scrollbar{width:8px}.details-box::-webkit-scrollbar-track,.character-preview::-webkit-scrollbar-track{background:var(--parchment-dark)}.details-box::-webkit-scrollbar-thumb,.character-preview::-webkit-scrollbar-thumb{background:#8c6d3f;border-radius:4px}.details-box::-webkit-scrollbar-thumb:hover,.character-preview::-webkit-scrollbar-thumb:hover{background:#705628}#generate-pdf-btn{margin-bottom:15px;background-color:#2a6b2a;background-image:linear-gradient(to bottom,#2a6b2a,#1a4b1a);border-color:#1a4b1a}#generate-pdf-btn:hover{background-image:linear-gradient(to bottom,#3a7b3a,#2a6b2a)}#generate-pdf-btn:disabled{opacity:.7;cursor:not-allowed}.summary-transition-enter{animation:fadeIn .8s ease-in-out forwards}.summary-transition-exit{animation:fadeOut .5s ease-in-out forwards}.page-flip{animation:pageFlip 1s ease-in-out;perspective:1000px}.form-section{animation:sectionSlideIn var(--dur-slow) var(--ease) forwards;opacity:0}.form-section:nth-child(1){animation-delay:.05s}.form-section:nth-child(2){animation-delay:.12s}.form-section:nth-child(3){animation-delay:.19s}.form-section:nth-child(4){animation-delay:.26s}.form-section:nth-child(5){animation-delay:.33s}.form-section:nth-child(6){animation-delay:.4s}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}footer{text-align:center;margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-family:var(--font-caps);font-size:var(--text-sm);letter-spacing:.04em}footer .doodle-divider{margin-bottom:var(--space-3);opacity:.6}@media(max-width:992px){body{padding:var(--space-3)}.container{padding:var(--space-4);border-radius:var(--radius-md)}main{grid-template-columns:1fr}.character-preview{grid-column:1 / 2;grid-row:1;position:relative;top:auto;max-height:none;margin-bottom:var(--space-4);display:grid;grid-template-columns:160px 1fr;gap:var(--space-4);align-items:start}.character-preview h3{grid-column:1 / -1}.portrait-container{margin-bottom:0}.preview-details{min-width:0}form{grid-column:1 / 2;grid-row:2}.header-doodle{display:none}}@media(max-width:768px){.character-preview{grid-template-columns:1fr}.portrait-container{max-width:240px;margin:0 auto}.form-section{padding:var(--space-4)}.ability-score-row{grid-template-columns:1fr 1fr 1fr}.ability-score-row label,.ability-score-row select{grid-column:1 / -1}.alignment-grid{grid-template-columns:1fr 1fr}.summary-columns{grid-template-columns:1fr}.dice-tray{flex-wrap:wrap}.pot-description{padding:var(--space-4)}.pot-description p{font-size:var(--text-base)}}@media(max-width:520px){.alignment-grid{grid-template-columns:1fr}.title-sparkle{display:none}.character-management{flex-direction:column;align-items:stretch}.theme-toggle-btn{margin-left:0;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.particles-container,.fallback-particle{display:none!important}}.summary-container .secondary-btn,.details-box .secondary-btn,#character-summary .secondary-btn{background-color:var(--bg-paper-strong);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-on-paper);border-color:var(--border-paper)}.summary-container .secondary-btn:hover,.details-box .secondary-btn:hover,#character-summary .secondary-btn:hover{border-color:var(--accent-strong);color:var(--heading-on-paper)}.picker-bridge{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;opacity:.01}.portrait-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin:var(--space-2) 0 var(--space-3);perspective:900px}.portrait-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0);transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease);will-change:transform}.portrait-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-4px);z-index:1}.portrait-card:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-md)}.portrait-card.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent),var(--glow-accent),var(--shadow-md)}.portrait-card__art{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:radial-gradient(ellipse at 50% 75%,rgba(217,160,82,.18),transparent 70%),var(--ember-900);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 10px 18px #00000059}:root[data-theme=daylight] .portrait-card__art{background:radial-gradient(ellipse at 50% 75%,rgba(182,113,26,.18),transparent 70%),var(--ember-800)}.portrait-card__art img{display:block;width:100%;height:100%;object-fit:contain;transform:translateZ(18px) scale(1.02);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.portrait-card:hover .portrait-card__art img{transform:translateZ(24px) scale(1.08)}.portrait-card__art img.is-swapping{opacity:0}.portrait-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(255,235,190,.28),transparent 55%);transition:opacity var(--dur-base) var(--ease);mix-blend-mode:screen}.portrait-card:hover .portrait-card__glow{opacity:1}.portrait-card__name{margin-top:6px;font-family:var(--font-heading);font-weight:600;font-size:.82rem;letter-spacing:.03em;color:var(--text-strong);line-height:1.15}.portrait-card.is-selected .portrait-card__name{color:var(--accent)}.portrait-card__tag{font-family:var(--font-caps);font-size:.68rem;letter-spacing:.08em;text-transform:lowercase;color:var(--text-muted)}.portrait-card__tagline{font-family:var(--font-body);font-style:italic;font-size:.76rem;color:var(--text-muted);line-height:1.2}.portrait-card__check{position:absolute;top:4px;right:4px;width:26px;height:26px;color:var(--accent);opacity:0;transform:scale(.6) rotate(-12deg);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease);pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.portrait-card.is-selected .portrait-card__check{opacity:1;transform:scale(1) rotate(0)}@keyframes portraitReveal{0%{opacity:0;transform:scale(.94) translateY(6px);filter:saturate(.4) brightness(1.4)}60%{opacity:1;filter:saturate(1.15) brightness(1.08)}to{opacity:1;transform:scale(1) translateY(0);filter:none}}.character-portrait.is-revealing{animation:portraitReveal .7s var(--ease)}@media(max-width:768px){.portrait-picker{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:var(--space-2)}.portrait-card__tagline{display:none}.portrait-card__name{font-size:.72rem}.portrait-card__tag{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.portrait-card,.portrait-card:hover{transform:none}}.level-container{margin-bottom:1.5rem;padding:.5rem;background:var(--background-medium);border-radius:5px;border:1px solid var(--border-color)}.level-control{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem;border-bottom:1px solid var(--border-color)}.level-control label{font-weight:700;font-size:1.1rem;color:var(--text-color);font-family:var(--font-heading)}.level-select{background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color);padding:.5rem;font-family:Alegreya,serif;font-size:1rem;min-width:60px;border-radius:3px}.level-up-panel{background:var(--background-light);border:1px solid var(--border-color);border-radius:5px;padding:1rem;margin-top:1rem;position:relative}.level-up-panel h4{color:var(--secondary-color);font-family:Cinzel Decorative,cursive;margin-bottom:1rem;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.level-up-panel h5{color:var(--text-color);font-family:var(--font-heading);margin:.5rem 0}.hp-calculation{margin-bottom:1.5rem;padding:.75rem;background:#fff3;border-radius:5px}.hp-options{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.hp-options label{display:flex;align-items:center;gap:.5rem;color:#e0e0e0}#roll-hp-btn{margin:.5rem 0}#hp-result{font-weight:700;color:#e0e0e0;margin-top:.5rem}.asi-container{margin-bottom:1.5rem;padding:.75rem;background:#fff3;border-radius:5px}.asi-options{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.asi-options label{display:flex;align-items:center;gap:.5rem;color:#e0e0e0}.asi-selection{display:flex;gap:1rem;margin:.5rem 0}.asi-selection select{background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color);padding:.5rem;font-family:Alegreya,serif;font-size:1rem;border-radius:3px;flex:1}.new-features{margin-bottom:1.5rem;padding:.75rem;background:#fff3;border-radius:5px}#level-features-list{margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--background-medium);border-radius:5px}#level-features-list .feature-item{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}#level-features-list .feature-item:last-child{border-bottom:none}#level-features-list .feature-name{font-weight:700;color:var(--secondary-color)}#level-features-list .feature-description{font-size:.9rem;color:#e0e0e0}.hp-dice-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}.hp-die{width:40px;height:40px;background-color:var(--primary-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;border-radius:5px;box-shadow:0 0 5px #0000004d;position:relative;transition:transform .5s ease}.hp-die.rolling{animation:diceRoll .5s linear infinite}@keyframes diceRoll{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(10px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}.character-management{display:flex;justify-content:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.modal.active{opacity:1;pointer-events:all}.modal-content{background-color:var(--background-medium);color:var(--text-color);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:8px;position:relative;box-shadow:0 5px 15px #00000080;border:1px solid var(--border-color);font-family:Alegreya,serif}.close-modal{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:var(--text-dark);transition:color .2s}.close-modal:hover{color:var(--text-color)}#modal-title{font-family:var(--font-heading);color:var(--secondary-color);margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:.5rem;background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-family:Alegreya,serif}.form-group textarea{min-height:100px;resize:vertical}.character-list{margin-top:1rem;max-height:400px;overflow-y:auto;border-radius:4px;border:1px solid var(--border-color);background-color:var(--background-light)}.character-card{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.character-card:hover{background-color:var(--background-dark)}.character-card:last-child{border-bottom:none}.character-card-info{flex:1}.character-card-name{font-weight:700;font-size:1.1rem;color:var(--secondary-color)}.character-card-details{font-size:.9rem;color:var(--text-dark)}.character-card-actions{display:flex;gap:.5rem}.character-card-actions button{background-color:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--text-dark);transition:color .2s;padding:.25rem .5rem}.character-card-actions button:hover{color:var(--text-color)}.character-card-actions .delete-character{color:#c53030}.character-card-actions .delete-character:hover{color:#e53e3e}.no-characters{padding:2rem;text-align:center;color:var(--text-dark)}.modal.show{display:flex;animation:fadeIn .3s forwards}.hidden{display:none!important}@media(max-width:600px){.modal-content{width:95%;padding:1.5rem}.character-management{flex-direction:column;gap:.5rem}}.toast-container{position:fixed;top:20px;right:20px;z-index:1100}.toast{padding:1rem;margin-bottom:.75rem;border-radius:4px;color:#fff;width:300px;max-width:100%;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.success{background-color:var(--success-color)}.toast.error{background-color:#c53030}.toast.info{background-color:var(--info-color)}.toast-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;margin-left:.5rem}.toast.hide{animation:slideOut .3s forwards}#subclass-selection{margin-top:1rem;padding:1.5rem;background-color:#b49b7833;border:1px solid var(--border-color);border-radius:5px;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #d1aa5980}to{box-shadow:0 0 15px #d1aa59e6}}#subclass-selection h2{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:.5rem;text-align:center}#subclass-selection p{font-family:Alegreya,serif;font-style:italic;color:var(--text-color);margin-bottom:1rem;text-align:center}#subclass-select{width:100%;padding:.75rem;font-family:Alegreya,serif;font-size:1rem;background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .3s ease}#subclass-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color-light)}#subclass-details{margin-top:1.5rem;padding:1.5rem;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:5px}#subclass-details h3{font-family:var(--font-heading);color:var(--secondary-color);margin-bottom:.75rem}#subclass-details p{font-style:normal;margin-bottom:1rem;line-height:1.5;text-align:left}#subclass-details ul{list-style-type:none;padding-left:0}#subclass-details li{margin-bottom:1rem;padding-left:1rem;border-left:3px solid var(--secondary-color-light)}#subclass-details li strong{color:var(--secondary-color);display:block;margin-bottom:.25rem}.subclass-header{font-family:var(--font-heading);color:var(--primary-color);margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.subclass-feature{margin-bottom:.75rem;padding-left:1rem;position:relative}.subclass-feature:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.subclass-feature strong{color:var(--secondary-color)}@media(max-width:768px){#subclass-selection,#subclass-details{padding:1rem}}.spell-column{background-color:#ebe1c8b3;border:1px solid #a89880;box-shadow:2px 2px 4px #0003}#spellcasting-section{padding:15px}#spellcasting-section h4{margin-top:0;border-bottom:1px solid #a89880;padding-bottom:5px;color:#583917}#spellcasting-section h5{color:#583917;margin-top:15px;margin-bottom:8px}#spellcasting-section h6{color:#583917;margin-top:12px;margin-bottom:6px;font-style:italic}.spellcasting-info{display:flex;justify-content:space-between;margin-bottom:15px;text-align:center}.spellcasting-info>div{flex:1;padding:5px;border:1px solid #cbb998;border-radius:5px;margin:0 5px;background-color:#fffcf080}.spell-info-label{font-size:.8rem;font-weight:700;color:#583917;margin-bottom:3px}.spell-info-value{font-size:1.2rem;font-weight:700;color:#7a1414}.spell-slots-section{margin-top:15px;padding-bottom:10px;border-bottom:1px solid #cbb998}.spell-slot-row{display:flex;align-items:center;margin-bottom:8px}.spell-slot-level{width:80px;font-weight:700;color:#583917}.spell-slot-circles{display:flex;flex-wrap:wrap}.spell-slot-circle{width:20px;height:20px;border:2px solid #7a1414;border-radius:50%;margin-right:6px;margin-bottom:6px;cursor:pointer;transition:all .3s ease;background-color:#ffffff80}.spell-slot-circle:hover{transform:scale(1.1);background-color:#fffc}.spell-slot-circle.used{background-color:#7a1414}.spell-list{max-height:250px;overflow-y:auto;margin-top:10px;padding:5px;border:1px solid #cbb998;border-radius:5px;background-color:#fffcf080}.spell-item{padding:5px 8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background-color .2s;background-color:#fff6;border:1px solid #d8c9a7}.spell-item:hover{background-color:#cbb9984d}.no-spells-message{font-style:italic;color:#777;padding:10px;text-align:center}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal.active{animation:fadeIn .3s forwards}.modal-content{background-color:#f4ecd8;border:2px solid #a89880;border-radius:8px;width:90%;max-width:900px;max-height:90vh;padding:20px;position:relative;box-shadow:0 5px 15px #00000080;overflow:auto}.close-modal{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#583917;transition:transform .2s}.close-modal:hover{transform:scale(1.2)}.spellbook-content h3{text-align:center;color:#583917;margin-top:5px;border-bottom:2px solid #a89880;padding-bottom:10px}.spellbook-tabs{display:flex;flex-direction:column}.spell-level-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #a89880;margin-bottom:15px}.spell-level-tab{padding:8px 15px;margin-right:5px;cursor:pointer;border-radius:5px 5px 0 0;border:1px solid #a89880;border-bottom:none;background-color:#e3d5b8;color:#583917}.spell-level-tab.active{background-color:#7a1414;color:#fff}.spell-level-content{padding:10px;border:1px solid #a89880;border-radius:0 5px 5px;margin-bottom:15px;max-height:250px;overflow-y:auto}.spellbook-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.spellbook-list .spell-item{display:flex;justify-content:space-between;padding:8px 12px}.spellbook-list .spell-item.selected{background-color:#7a14141a;border-color:#7a1414}.spell-name{font-weight:700;color:#583917}.spell-school{font-style:italic;font-size:.8rem;color:#777}.spell-detail-view{border:1px solid #a89880;border-radius:5px;padding:15px;background-color:#fffcf0b3;margin-bottom:15px;min-height:150px}.spell-detail-view h4{margin-top:0;color:#7a1414;border-bottom:1px solid #a89880;padding-bottom:5px}.spell-level-school{font-style:italic;color:#583917;margin-bottom:10px}.spell-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px;margin-bottom:15px}.spell-meta div{padding:3px 5px}.spell-description{line-height:1.5}.spellbook-actions{display:flex;justify-content:flex-end;gap:15px}.spell-tooltip{position:fixed;max-width:400px;background-color:#f4ecd8;border:2px solid #a89880;border-radius:8px;padding:15px;box-shadow:0 5px 15px #00000080;z-index:1100;max-height:80vh;overflow-y:auto}.spell-tooltip-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a89880;padding-bottom:5px;margin-bottom:10px}.spell-tooltip-header h4{margin:0;color:#7a1414}.close-tooltip{cursor:pointer;font-size:20px;color:#583917}.spell-tooltip-content{font-size:.9rem}#long-rest-btn{margin-top:15px;display:block;width:100%;font-weight:700}#toggle-spellbook-btn,#confirm-spell-selection,#cancel-spell-selection{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-family:Cinzel,serif}#toggle-spellbook-btn:hover,#confirm-spell-selection:hover{background-color:#4a0c0c}#cancel-spell-selection{background-color:#777;border-color:#555}#cancel-spell-selection:hover{background-color:#555}@media(max-width:768px){.spellcasting-info{flex-direction:column}.spellcasting-info>div{margin:5px 0}.spell-meta,.spellbook-list{grid-template-columns:1fr}}#equipment-shop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#equipment-shop-modal.hidden{display:none}#equipment-shop-modal.active{opacity:1;visibility:visible}.shop-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:1200px;height:80vh;max-height:800px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.shop-content h2{color:#7a1414;text-align:center;font-family:Cinzel Decorative,serif;margin-top:0;font-size:2.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);position:relative}.shop-content h2:after{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,#7a1414,transparent);margin-top:10px}.shop-intro{text-align:center;margin-bottom:15px;font-style:italic;color:#583917}.shop-finances{background-color:#fffcf0b3;border:1px solid #a89880;border-radius:5px;padding:10px;margin-bottom:15px;display:flex;justify-content:flex-end}.shop-gold{display:flex;align-items:center;font-weight:700;color:#583917}.gold-label{margin-right:5px}.gold-amount{color:#7a1414;margin-right:5px}.gold-icon{font-size:1.2rem}.shop-container{display:grid;grid-template-columns:200px 1fr 300px;gap:15px;flex:1;overflow:hidden;border:1px solid #a89880;border-radius:5px;background-color:#fffcf0b3}.shop-categories{border-right:1px solid #a89880;background-color:#cbb9984d;padding:10px;overflow-y:auto}.category-list{list-style-type:none;padding:0;margin:0}.category-list li{padding:12px 15px;margin-bottom:5px;background-color:#ffffff80;border:1px solid #cbb998;border-radius:5px;cursor:pointer;font-weight:700;color:#583917;transition:all .2s}.category-list li:hover{background-color:#7a14141a;transform:translate(3px)}.category-list li.active{background-color:#7a1414;color:#f4ecd8;border-color:#4a0c0c}.shop-items{display:flex;flex-direction:column;overflow:hidden;background-color:#f4ecd8}.shop-subcategories{display:flex;border-bottom:1px solid #a89880;background-color:#cbb9984d;padding:0 5px}.subcategory-tab{padding:10px 15px;margin:0 5px;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:5px 5px 0 0;background-color:#ffffff4d;transition:all .2s}.subcategory-tab:hover{background-color:#ffffff80}.subcategory-tab.active{background-color:#f4ecd8;border-color:#a89880;position:relative}.subcategory-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#f4ecd8}.items-container{flex:1;overflow-y:auto;padding:10px}.items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;background-color:#7a14141a;border-bottom:1px solid #a89880;font-weight:700;color:#583917;padding:8px 5px;position:sticky;top:0;z-index:2}.items-header:has(+.item-row:has(.item-desc)){grid-template-columns:2fr 1fr 1fr 3fr}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;padding:8px 5px;border-bottom:1px solid #d8c9a7;cursor:pointer;transition:background-color .2s;color:#333}.item-row:has(.item-desc){grid-template-columns:2fr 1fr 1fr 3fr}.item-row:hover{background-color:#7a14140d}.item-row.active{background-color:#7a14141a;border:1px solid #7a1414}.item-details{border-left:1px solid #a89880;background-color:#fffcf0b3;padding:15px;overflow-y:auto}.item-details h3{color:#7a1414;margin-top:0;font-family:Cinzel,serif;text-align:center;border-bottom:1px solid #a89880;padding-bottom:10px}.item-cost-detail{background-color:#ffffff80;border:1px solid #cbb998;border-radius:5px;padding:10px;margin:15px 0;display:flex;justify-content:space-between;font-weight:700}.cost-value{color:#7a1414}.item-detail{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0;border-bottom:1px dotted #d8c9a7}.detail-label{font-weight:700;color:#583917}.item-description{margin:15px 0;line-height:1.5}.item-separator{height:2px;background:linear-gradient(90deg,transparent,#a89880,transparent);margin:15px 0}.action-hint{padding:10px;background-color:#ffffff80;border:1px solid #cbb998;border-radius:5px;margin-top:15px;text-align:center}.action-hint.insufficient-funds{background-color:#7a14141a;color:#7a1414;font-weight:700}.item-placeholder{display:flex;align-items:center;justify-content:center;height:100%;opacity:.7;font-style:italic;color:#583917}.empty-inventory{padding:20px;text-align:center;font-style:italic;color:#777}.shop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #a89880}#buy-item-btn,#sell-item-btn,#close-shop-btn{font-family:Cinzel,serif;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}#buy-item-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c}#buy-item-btn:hover:not(:disabled){background-color:#4a0c0c}#sell-item-btn{background-color:#583917;color:#fff;border:1px solid #3a2410}#sell-item-btn:hover:not(:disabled){background-color:#3a2410}#close-shop-btn{background-color:#777;color:#fff;border:1px solid #555}#close-shop-btn:hover{background-color:#555}button:disabled{opacity:.5;cursor:not-allowed}#open-shop-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#583917;color:#fff;font-family:Cinzel,serif;margin-left:10px;transition:all .2s}#open-shop-btn:hover{background-color:#3a2410;transform:translateY(-2px)}@media(max-width:992px){.shop-content{width:95%;height:90vh}.shop-container{grid-template-columns:150px 1fr 250px}}@media(max-width:768px){.shop-container{grid-template-columns:120px 1fr}.item-details{display:none;position:absolute;top:0;right:0;bottom:0;width:100%;z-index:10;background-color:#f4ecd8}.item-details.active{display:block}.item-row.active+.mobile-details{display:block}.close-details{display:block}}#feat-selection-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#feat-selection-modal.hidden{display:none}#feat-selection-modal.active{opacity:1;visibility:visible}.feat-modal-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:1000px;height:80vh;max-height:700px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.feat-modal-content h3{color:#7a1414;text-align:center;font-family:Cinzel,serif;margin-top:0;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.feat-level-message{text-align:center;margin:10px 0 20px;font-style:italic}#feat-level-display{font-weight:700;color:#7a1414}.feat-option-tabs{display:flex;border-bottom:1px solid #a89880;margin-bottom:20px}.feat-tab{padding:10px 20px;margin-right:5px;cursor:pointer;border:1px solid #a89880;border-bottom:none;border-radius:5px 5px 0 0;background-color:#e3d5b8;color:#583917;font-weight:700;transition:all .2s}.feat-tab:hover{background-color:#d5c7aa}.feat-tab.active{background-color:#7a1414;color:#fff;border-color:#4a0c0c}.feat-tab-content{display:none;height:calc(100% - 120px);overflow:hidden}.feat-tab-content.active{display:flex;flex-direction:column}.asi-content{padding:20px}.asi-options{display:flex;flex-direction:column;margin:15px 0}.asi-options label{margin-bottom:10px;padding:10px;border:1px solid #cbb998;border-radius:5px;background-color:#ffffff80;cursor:pointer;transition:all .2s}.asi-options label:hover{background-color:#fffc}.asi-options input[type=radio]{margin-right:10px}.asi-selection{margin-top:20px;padding:15px;background-color:#fffcf0b3;border:1px solid #cbb998;border-radius:5px}.asi-selection label{display:block;margin-bottom:5px;font-weight:700;color:#583917}.asi-selection select{padding:8px 12px;border:1px solid #cbb998;border-radius:4px;background-color:#fff;font-family:inherit;width:100%;max-width:300px;margin-bottom:10px}.feat-content{display:grid;grid-template-columns:250px 1fr;gap:20px;height:100%;overflow:hidden}.feat-search{margin-bottom:10px}.feat-search input{width:100%;padding:8px 12px;border:1px solid #cbb998;border-radius:4px;font-family:inherit}.feat-filter{display:flex;flex-wrap:wrap;margin-bottom:10px}.feat-filter label{margin-right:15px;margin-bottom:5px;display:flex;align-items:center;cursor:pointer}.feat-filter input[type=checkbox]{margin-right:5px}.feats-list{border:1px solid #cbb998;border-radius:5px;background-color:#fffcf0b3;overflow-y:auto;height:calc(100% - 80px);padding:5px}.feat-item{padding:8px 10px;margin-bottom:3px;border:1px solid #d8c9a7;border-radius:4px;background-color:#ffffff80;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.feat-item:hover{background-color:#7a14140d}.feat-item.active{background-color:#7a14141a;border-color:#7a1414}.feat-item.not-qualified{color:#888;background-color:#f0f0f080}.prereq-icon{font-size:.8em;color:#583917;background-color:#ffffffb3;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:5px}.prereq-failed{color:#7a1414}.feat-details{border:1px solid #cbb998;border-radius:5px;background-color:#fffcf0b3;padding:15px;overflow-y:auto;height:100%}.feat-details h4{color:#7a1414;margin-top:0;font-family:Cinzel,serif;border-bottom:1px solid #cbb998;padding-bottom:10px}.feat-prerequisite{margin:10px 0 15px;padding:8px 12px;border-radius:4px;background-color:#ffffff80;border-left:3px solid #583917}.feat-prerequisite.prereq-met{border-left-color:#2e7d32}.feat-prerequisite.prereq-not-met{border-left-color:#c62828;color:#c62828}.feat-benefits{margin:15px 0;padding-left:20px}.feat-benefits li{margin-bottom:8px}.feat-source{margin-top:15px;font-size:.9em;color:#777}.feat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;opacity:.7;font-style:italic;color:#583917}.feat-selection-actions{margin-top:20px;padding-top:15px;border-top:1px solid #a89880;display:flex;justify-content:flex-end;gap:10px}#confirm-feat-selection,#cancel-feat-selection{font-family:Cinzel,serif;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}#confirm-feat-selection{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c}#confirm-feat-selection:hover{background-color:#4a0c0c}#cancel-feat-selection{background-color:#777;color:#fff;border:1px solid #555}#cancel-feat-selection:hover{background-color:#555}.feats-section{margin-top:10px;margin-bottom:20px}.feature-item{margin-bottom:10px;padding:5px 0;border-bottom:1px dotted #cbb998}@media(max-width:768px){.feat-content{grid-template-columns:1fr}.feat-details{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#f4ecd8}.feat-details.active,.back-to-list{display:block}}#magic-item-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#magic-item-modal.hidden{display:none}#magic-item-modal.active{opacity:1;visibility:visible}.magic-modal-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:1200px;height:85vh;max-height:800px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.magic-modal-content h3{color:#7a1414;text-align:center;font-family:Cinzel,serif;margin-top:0;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-bottom:15px}.magic-modal-content h4{color:#7a1414;font-family:Cinzel,serif;margin-top:0;margin-bottom:10px}.magic-item-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:10px;background-color:#fff3;border-radius:5px;border:1px solid #cbb998}.filter-group,.search-group{display:flex;align-items:center}.filter-group label{margin-right:8px;font-weight:700;color:#583917}.filter-group select,.search-group input{padding:6px 12px;border:1px solid #cbb998;border-radius:4px;background-color:#fff;font-family:inherit}.search-group{flex-grow:1}.search-group input{width:100%}.magic-item-container{display:grid;grid-template-columns:350px 1fr;gap:20px;flex-grow:1;overflow:hidden;margin-bottom:20px}.magic-item-list-container{display:flex;flex-direction:column;height:100%}.magic-item-list{border:1px solid #cbb998;border-radius:5px;background-color:#fffcf0b3;overflow-y:auto;flex-grow:1;padding:5px}.magic-item-entry{padding:8px 12px;margin-bottom:3px;border:1px solid #d8c9a7;border-radius:4px;background-color:#ffffff80;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.magic-item-entry:hover{background-color:#7a14140d}.magic-item-entry.active{background-color:#7a14141a;border-color:#7a1414}.magic-item-entry.common{border-left:4px solid #b0b0b0}.magic-item-entry.uncommon{border-left:4px solid #1a9b25}.magic-item-entry.rare{border-left:4px solid #0070dd}.magic-item-entry.very-rare{border-left:4px solid #a335ee}.magic-item-entry.legendary{border-left:4px solid #ff8000}.attunement-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#7a1414;color:#fff;font-size:.7em;font-weight:700}.magic-item-details-container{display:flex;flex-direction:column;height:100%}.magic-item-details{border:1px solid #cbb998;border-radius:5px;background-color:#fffcf0b3;padding:15px;overflow-y:auto;flex-grow:1;margin-bottom:10px}.magic-item-placeholder{display:flex;align-items:center;justify-content:center;height:100%;opacity:.7;font-style:italic;color:#583917}.magic-item-name{margin-top:0;margin-bottom:10px;font-family:Cinzel,serif;border-bottom:1px solid #cbb998;padding-bottom:5px}.magic-item-meta{margin-bottom:15px}.magic-item-meta p{margin:5px 0;font-style:italic}.magic-item-rarity{font-weight:700}.magic-item-description{margin-bottom:15px;line-height:1.5}.magic-item-source{font-size:.9em;color:#777}.magic-item-inventory{border:1px solid #cbb998;border-radius:5px;background-color:#fffcf0b3;padding:15px;margin-bottom:20px}.magic-item-inventory h4{margin-top:0}.character-magic-items-container{margin-bottom:15px}.character-magic-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;max-height:200px;overflow-y:auto}#no-magic-items-message{font-style:italic;color:#777}.character-magic-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #d8c9a7;border-radius:4px;background-color:#ffffff80;cursor:pointer;transition:all .2s;position:relative}.character-magic-item:hover{background-color:#7a14140d}.character-magic-item.common{border-left:4px solid #b0b0b0}.character-magic-item.uncommon{border-left:4px solid #1a9b25}.character-magic-item.rare{border-left:4px solid #0070dd}.character-magic-item.very-rare{border-left:4px solid #a335ee}.character-magic-item.legendary{border-left:4px solid #ff8000}.magic-item-info{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magic-item-name{display:block;font-weight:700}.magic-item-type{font-size:.8em;color:#777}.attunement-status{font-size:.8em;padding:2px 6px;border-radius:3px;margin-right:5px;cursor:pointer;white-space:nowrap}.attunement-status.attuned{background-color:#2e7d32;color:#fff}.attunement-status.not-attuned{background-color:#777;color:#fff}.remove-magic-item{background:none;border:none;color:#c62828;font-size:1.2em;cursor:pointer;padding:0 5px;margin-left:5px}.attunement-tracker{display:flex;flex-direction:column;align-items:center}.attunement-tracker h5{margin-top:0;margin-bottom:10px}#attunement-slots{display:flex;gap:15px;margin-bottom:5px}.attunement-slot{width:30px;height:30px;border:2px solid #7a1414;border-radius:50%;background-color:#ffffff4d;transition:all .3s}.attunement-slot.filled{background-color:#7a141499;box-shadow:0 0 5px #7a1414cc}.magic-item-actions{display:flex;justify-content:flex-end;gap:10px}#add-magic-item-btn,#close-magic-items-btn{font-family:Cinzel,serif;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}#add-magic-item-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c}#add-magic-item-btn:hover{background-color:#4a0c0c}#add-magic-item-btn.hidden{display:none}#close-magic-items-btn{background-color:#777;color:#fff;border:1px solid #555}#close-magic-items-btn:hover{background-color:#555}#open-magic-items-btn{margin-top:10px}.magic-items-section{margin-top:10px;margin-bottom:20px}@media(max-width:768px){.magic-item-container{grid-template-columns:1fr}.magic-item-list-container{max-height:200px;overflow:hidden}.magic-item-list{max-height:200px}.character-magic-items{grid-template-columns:1fr}}.dice-roller-container{position:fixed;bottom:20px;right:20px;z-index:100;font-family:Alegreya,serif}.dice-roller-toggle{width:60px;height:60px;border-radius:50%;background-color:#7a1414;border:2px solid #4a0c0c;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0000004d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dice-roller-toggle:hover{transform:scale(1.1);box-shadow:0 6px 12px #0006}.dice-roller-toggle .dice-icon{font-size:2rem}.dice-roller-panel{position:absolute;bottom:70px;right:0;width:350px;background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;box-shadow:0 5px 15px #0006;overflow:hidden;transition:all .3s ease;max-height:80vh;display:flex;flex-direction:column}.dice-roller-panel.hidden{display:none}.dice-roller-header{background-color:#7a1414;color:#fff;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.dice-roller-header h3{margin:0;font-family:Cinzel,serif;font-size:1.3rem}.dice-roller-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 5px}.dice-roller-content{padding:15px;overflow-y:auto;max-height:calc(80vh - 50px)}.dice-roller-content h4{color:#7a1414;margin:10px 0 8px;font-family:Cinzel,serif;font-size:1.1rem;border-bottom:1px solid #cbb998;padding-bottom:5px}.dice-selector{display:flex;justify-content:space-around;margin-bottom:15px}.die-option{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.die-option:hover .die-icon{transform:scale(1.1)}.die-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;transition:transform .2s}.die-icon.d4{background-color:#5c6bc0}.die-icon.d6{background-color:#26a69a}.die-icon.d8{background-color:#ec407a}.die-icon.d10{background-color:#ab47bc}.die-icon.d12{background-color:#ef5350}.die-icon.d20{background-color:#ffa726}.die-icon.d100{background-color:#66bb6a;font-size:.75rem}.dice-input-area{margin-bottom:15px}#dice-expression{width:100%;padding:8px 12px;border:1px solid #cbb998;border-radius:4px;margin-bottom:10px;font-family:inherit;background-color:#fff}.dice-input-buttons{display:flex;gap:10px}.roll-btn,.clear-btn{padding:6px 12px;border-radius:4px;font-weight:700;cursor:pointer;font-family:inherit}.roll-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c;flex-grow:1}.roll-btn:hover{background-color:#4a0c0c}.clear-btn{background-color:#777;color:#fff;border:1px solid #555}.clear-btn:hover{background-color:#555}.quick-roll-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.quick-roll-btn{padding:6px 10px;background-color:#e3d5b8;border:1px solid #cbb998;border-radius:4px;cursor:pointer;font-family:inherit;transition:background-color .2s}.quick-roll-btn:hover{background-color:#d5c7aa}.dice-result-container{margin-bottom:15px;border:1px solid #cbb998;border-radius:5px;background-color:#ffffff80;padding:10px;max-height:150px;overflow-y:auto}.roll-placeholder{color:#777;font-style:italic;text-align:center;padding:20px 0}.roll-result{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dice-result-display.rolling{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}10%{transform:translate(-5px) rotate(-2deg)}20%{transform:translate(5px) rotate(2deg)}30%{transform:translate(-5px) rotate(-2deg)}40%{transform:translate(5px) rotate(2deg)}50%{transform:translate(-5px) rotate(-2deg)}60%{transform:translate(5px) rotate(2deg)}70%{transform:translate(-5px) rotate(-2deg)}80%{transform:translate(5px) rotate(2deg)}90%{transform:translate(-5px) rotate(-2deg)}to{transform:translate(0)}}.roll-expression{font-weight:700;margin-bottom:5px}.roll-breakdown{margin-bottom:8px;font-size:.95rem}.roll-step{margin-bottom:3px;display:flex;flex-wrap:wrap;gap:5px}.roll-step-expression{color:#583917}.roll-step-rolls{flex-grow:1;color:#777}.roll-step-sum{font-weight:700}.roll-total{font-weight:700;font-size:1.1rem;color:#7a1414;text-align:right;border-top:1px solid #cbb998;padding-top:5px;margin-top:5px}.roll-message{text-align:center;padding:15px 0;color:#7a1414}.dice-history-list{max-height:200px;overflow-y:auto;border:1px solid #cbb998;border-radius:5px;background-color:#ffffff80}.history-placeholder{color:#777;font-style:italic;text-align:center;padding:20px 0}.history-item{padding:8px 10px;border-bottom:1px solid #e3d5b8;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#fffcf0b3}.history-expression{font-weight:700;flex-grow:1;margin-right:5px}.history-result{font-weight:700;color:#7a1414;margin-right:5px}.history-time{color:#777;font-size:.8rem;margin-right:5px}.history-reroll{background:none;border:none;cursor:pointer;padding:2px 5px;color:#583917;font-size:1rem;border-radius:3px;transition:background-color .2s}.history-reroll:hover{background-color:#cbb9984d}#toggle-dice-roller-btn{margin-top:20px;margin-right:auto;display:block}#background-generator-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#background-generator-modal.hidden{display:none}#background-generator-modal.active{opacity:1;visibility:visible}.background-modal-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:1000px;height:85vh;max-height:800px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.background-modal-content h3{color:#7a1414;text-align:center;font-family:Cinzel,serif;margin-top:0;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-bottom:20px}.background-modal-content h4{color:#7a1414;font-family:Cinzel,serif;margin-top:0;margin-bottom:15px;font-size:1.4rem}.background-modal-content h5{color:#583917;font-family:Cinzel,serif;margin-top:10px;margin-bottom:10px;font-size:1.1rem;border-bottom:1px solid #cbb998;padding-bottom:5px}.background-tabs{display:flex;border-bottom:1px solid #a89880;margin-bottom:20px}.background-tab{padding:10px 20px;margin-right:5px;cursor:pointer;border:1px solid #a89880;border-bottom:none;border-radius:5px 5px 0 0;background-color:#e3d5b8;color:#583917;font-weight:700;transition:all .2s;min-width:100px;text-align:center}.background-tab:hover{background-color:#d5c7aa}.background-tab.active{background-color:#7a1414;color:#fff;border-color:#4a0c0c}.background-content{flex-grow:1;overflow:hidden;position:relative}.background-tab-content{display:none;height:100%;overflow-y:auto;padding-right:10px}.background-tab-content.active{display:block}.background-section{margin-bottom:20px}.background-options{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;border:1px solid #cbb998;border-radius:5px;padding:10px;background-color:#fffcf080}.background-option{display:flex;align-items:center;padding:5px;border-radius:4px;transition:background-color .2s}.background-option:hover{background-color:#ffffff80}.background-option input[type=radio]{margin-right:10px}.background-option label{cursor:pointer;flex-grow:1}.background-section textarea{width:100%;height:100px;padding:10px;border:1px solid #cbb998;border-radius:5px;background-color:#fffc;font-family:inherit;resize:vertical}.background-navigation{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #a89880}.next-btn,.back-btn{font-family:Cinzel,serif;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}.next-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c;margin-left:auto}.next-btn:hover{background-color:#4a0c0c}.back-btn{background-color:#583917;color:#fff;border:1px solid #2d1c0c}.back-btn:hover{background-color:#2d1c0c}.background-summary-container{max-height:400px;overflow-y:auto;border:1px solid #cbb998;border-radius:5px;padding:15px;margin-bottom:20px;background-color:#fffcf080}.background-summary-section{margin-bottom:15px}.background-summary-section h5{color:#7a1414;border-bottom:1px solid #cbb998;padding-bottom:5px}.background-summary-section ul{list-style:disc;padding-left:20px}.background-summary-section li{margin-bottom:5px}.background-summary-section li.notes-item{font-style:italic;color:#583917;list-style-type:none;margin-top:5px;padding-left:0}.complete-backstory{width:100%;height:150px;padding:10px;border:1px solid #cbb998;border-radius:5px;background-color:#fffc;font-family:inherit;resize:vertical;margin-bottom:10px}#expanded-background-btn{margin-top:10px;margin-left:10px}#randomize-all,#apply-background{font-family:Cinzel,serif;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}#randomize-all{background-color:#583917;color:#fff;border:1px solid #2d1c0c}#randomize-all:hover{background-color:#2d1c0c}#apply-background{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c}#apply-background:hover{background-color:#4a0c0c}@media(max-width:768px){.background-tabs{flex-wrap:wrap}.background-tab{margin-bottom:5px;min-width:80px;font-size:.9rem;padding:8px 12px}.background-modal-content{height:90vh;width:95%;padding:10px}.background-options{max-height:200px}.background-section textarea{height:80px}.background-summary-container{max-height:300px}.complete-backstory{height:120px}}#visual-sheets-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#visual-sheets-modal.hidden{display:none}#visual-sheets-modal.active{opacity:1;visibility:visible}.visual-sheets-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:1000px;height:80vh;max-height:700px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.visual-sheets-content h3{color:#7a1414;text-align:center;font-family:Cinzel,serif;margin-top:0;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-bottom:15px}.sheet-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;overflow-y:auto;max-height:350px;padding-right:10px}.sheet-template{border:1px solid #cbb998;border-radius:5px;padding:15px;background-color:#ffffff80;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:10px}.sheet-template:hover{background-color:#fffc;transform:translateY(-2px);box-shadow:0 5px 10px #0000001a}.sheet-template.active{border:2px solid #7a1414;background-color:#7a14140d}.sheet-preview{background-color:#fff;border:1px solid #cbb998;height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sheet-preview img{max-width:100%;max-height:100%;object-fit:contain}.sheet-info{flex-grow:1}.sheet-info h4{color:#7a1414;font-family:Cinzel,serif;margin:0 0 5px;font-size:1.2rem}.sheet-info p{color:#333;margin:0;font-size:.9rem}.select-sheet-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c;border-radius:5px;padding:8px 15px;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:background-color .2s;width:100%}.select-sheet-btn:hover{background-color:#4a0c0c}.sheet-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;border:1px solid #cbb998;border-radius:5px;background-color:#ffffff80}.sheet-option{flex:1 0 45%;display:flex;align-items:center;min-width:200px;color:#333}.sheet-option input[type=checkbox]{margin-right:8px}.sheet-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid #a89880}.sheet-actions button{font-family:Cinzel,serif;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}#preview-sheet-btn{background-color:#583917;color:#fff;border:1px solid #2d1c0c}#preview-sheet-btn:hover{background-color:#2d1c0c}#download-sheet-btn{background-color:#7a1414;color:#fff;border:1px solid #4a0c0c}#download-sheet-btn:hover{background-color:#4a0c0c}.sheet-preview-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1100;display:flex;justify-content:center;align-items:center}.sheet-preview-container.hidden{display:none}.sheet-preview-overlay{width:90%;height:90%;display:flex;justify-content:center;align-items:center}.sheet-preview-content{width:100%;height:100%;background-color:#fff;border-radius:5px;box-shadow:0 5px 20px #00000080;display:flex;flex-direction:column;overflow:hidden}.sheet-preview-header{background-color:#7a1414;color:#fff;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.sheet-preview-header h4{margin:0;font-family:Cinzel,serif;font-size:1.3rem}.close-preview-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 5px}.sheet-preview-iframe-container{flex-grow:1;overflow:auto}.sheet-preview-iframe{width:100%;height:100%;border:none}#visual-sheets-btn{margin-bottom:10px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #7a1414;animation:spin 1s linear infinite;margin-bottom:15px}.loading-text{font-family:Cinzel,serif;font-size:1.2rem}@media(max-width:768px){.sheet-templates{grid-template-columns:1fr}.sheet-option{flex:1 0 100%}.visual-sheets-content{height:90vh;max-height:none;width:95%}}#vtt-export-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#vtt-export-modal.hidden{display:none}#vtt-export-modal.active{opacity:1;visibility:visible}.vtt-export-content{background-color:#f4ecd8;border:2px solid #7a1414;border-radius:10px;width:90%;max-width:900px;height:80vh;max-height:650px;padding:20px;position:relative;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.vtt-export-content h3{color:#7a1414;text-align:center;font-family:Cinzel,serif;margin-top:0;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-bottom:20px}.vtt-export-content h4{color:#583917;font-family:Cinzel,serif;margin-top:0;margin-bottom:12px;font-size:1.3rem}.vtt-platforms{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:350px;overflow-y:auto;padding-right:10px}.vtt-platform{display:flex;align-items:center;padding:15px;background-color:#ffffff80;border:1px solid #cbb998;border-radius:8px;transition:all .2s}.vtt-platform:hover{background-color:#fffc;box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.vtt-icon{width:64px;height:64px;flex-shrink:0;margin-right:15px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;overflow:hidden;border:1px solid #cbb998}.vtt-icon img{max-width:100%;max-height:100%}.vtt-info{flex-grow:1}.vtt-info h4{margin:0 0 5px;font-size:1.2rem}.vtt-info p{margin:0;color:#583917;font-size:.9rem}.vtt-actions{flex-shrink:0;margin-left:10px}.export-vtt-btn{padding:8px 16px;background-color:#7a1414;color:#fff;border:none;border-radius:5px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s}.export-vtt-btn:hover{background-color:#4a0c0c}.export-options{padding:15px;background-color:#ffffff80;border:1px solid #cbb998;border-radius:8px;margin-bottom:20px}.option-row{display:flex;align-items:center;margin-bottom:10px}.option-row:last-child{margin-bottom:0}.option-row label{display:flex;align-items:center;cursor:pointer}.option-row input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:#7a1414}.vtt-export-result{padding:15px;background-color:#ffffff80;border:1px solid #cbb998;border-radius:8px;margin-top:auto}.vtt-export-result.hidden{display:none}.result-message{margin-bottom:15px;padding:10px;border-radius:5px}.result-message.loading{background-color:#ffffc84d;border:1px solid #d4c56a;color:#6b6121}.result-message.success{background-color:#c8ffc84d;border:1px solid #6ad46a;color:#216b21}.result-message.error{background-color:#ffc8c84d;border:1px solid #d46a6a;color:#6b2121}.download-container{display:flex;flex-direction:column;align-items:center;gap:10px}.download-btn{padding:10px 20px;background-color:#7a1414;color:#fff;border:none;border-radius:5px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s;text-decoration:none;text-align:center}.download-btn:hover{background-color:#4a0c0c}.loading-spinner{width:40px;height:40px;border:3px solid rgba(122,20,20,.3);border-radius:50%;border-top:3px solid #7a1414;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.vtt-export-content{height:90vh;max-height:none;width:95%}.vtt-platform{flex-direction:column;text-align:center}.vtt-icon{margin-right:0;margin-bottom:10px}.vtt-actions{margin-left:0;margin-top:10px}}#vtt-export-btn{margin-bottom:10px}