.candle-wrap{position:absolute;bottom:-2px;display:flex;flex-direction:column;align-items:center;z-index:10}.candle-wrap--left{left:2.5rem}.candle-wrap--right{right:2.5rem}.candle-wrap--small{transform:scale(.7);transform-origin:bottom center}.candle-glow{position:absolute;bottom:0;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,30,.35) 0%,transparent 70%);animation:glowPulse 2.4s ease-in-out infinite alternate;pointer-events:none}@keyframes glowPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:1}}.candle-body{position:relative;width:8px;height:22px;background:linear-gradient(to right,#d4c5a0,#f0e6c8,#c8b888,#d4c5a0);border-radius:1px 1px 0 0;box-shadow:0 0 6px #ff8c1e4d}.candle-wax{position:absolute;top:0;left:0;right:0;height:4px;background:radial-gradient(ellipse at 50% 0%,rgba(255,200,100,.6),transparent);border-radius:50%}.candle-drip{position:absolute;background:linear-gradient(to bottom,#e8d8a8,#c8b880);border-radius:0 0 4px 4px}.candle-drip--1{width:4px;height:6px;top:0;left:-2px;animation:drip 6s ease-in-out 1s infinite alternate}.candle-drip--2{width:3px;height:4px;top:0;right:-1px;animation:drip 8s ease-in-out 3s infinite alternate}@keyframes drip{0%{height:4px}to{height:10px}}.candle-flame{position:relative;width:14px;height:28px;margin-bottom:-1px}.flame-base,.flame-mid,.flame-tip,.flame-core{position:absolute;left:50%;transform:translate(-50%);border-radius:50% 50% 30% 30%}.flame-base{bottom:0;width:14px;height:22px;background:radial-gradient(ellipse at 50% 80%,#ff6b00,#ff9500 40%,#ffb833 70%,transparent 100%);animation:flicker .45s ease-in-out infinite alternate,sway 1.8s ease-in-out infinite alternate;transform-origin:bottom center}.flame-mid{bottom:2px;width:9px;height:16px;background:radial-gradient(ellipse at 50% 80%,#ffcc00,#ffdd55 50%,transparent 100%);animation:flicker .55s ease-in-out .1s infinite alternate,sway 1.8s ease-in-out .3s infinite alternate;transform-origin:bottom center}.flame-tip{bottom:10px;width:5px;height:14px;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse at 50% 90%,#fffde0,#fff5a0 60%,transparent 100%);animation:flicker .35s ease-in-out .05s infinite alternate,sway 1.8s ease-in-out .15s infinite alternate;transform-origin:bottom center}.flame-core{bottom:4px;width:4px;height:8px;background:radial-gradient(ellipse,#ffffff 0%,#fffde0 60%,transparent 100%);animation:corePulse .6s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes flicker{0%{transform:translate(-50%) scaleX(1) scaleY(1);opacity:1}30%{transform:translate(-52%) scaleX(.92) scaleY(1.04);opacity:.95}60%{transform:translate(-48%) scaleX(1.06) scaleY(.97);opacity:1}to{transform:translate(-50%) scaleX(.95) scaleY(1.06);opacity:.9}}@keyframes sway{0%{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(2deg)}to{transform:translate(-50%) rotate(-2deg)}}@keyframes corePulse{0%{opacity:.8;transform:translate(-50%) scaleY(1)}to{opacity:1;transform:translate(-50%) scaleY(1.15)}}.candle-flame:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:3px;height:12px;background:linear-gradient(to top,rgba(200,180,140,.3),transparent);border-radius:50%;animation:smoke 2s ease-out infinite}@keyframes smoke{0%{transform:translate(-50%) scaleX(1);opacity:.4;top:-4px}to{transform:translate(-60%) scaleX(2);opacity:0;top:-20px}}.site-header{position:sticky;top:0;z-index:100;overflow:visible}.header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080503fc,#120c05f7);border-bottom:1px solid var(--color-gold-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--color-gold),transparent)}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.75rem 2rem}.header-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:var(--transition-epic)}.header-logo:hover{filter:brightness(1.2)}.logo-crest{font-size:2rem;color:var(--color-gold);text-shadow:var(--glow-gold);animation:crестPulse 3s ease-in-out infinite}@keyframes crестPulse{0%,to{text-shadow:var(--glow-gold)}50%{text-shadow:0 0 30px rgba(201,162,39,.9),0 0 60px rgba(201,162,39,.5)}}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-title);font-size:1.1rem;color:var(--color-gold);letter-spacing:.05em;line-height:1.1}.logo-subtitle{font-family:var(--font-heading);font-size:.7rem;color:var(--color-stone-pale);letter-spacing:.2em;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{position:relative;display:inline-flex;padding:.4rem 1rem;font-family:var(--font-heading);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone-pale);text-decoration:none;transition:var(--transition-epic)}.nav-link:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:var(--color-gold);transform:scaleX(0);transition:transform .3s ease}.nav-link:hover{color:var(--color-gold-light)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--color-gold)}.nav-link--cta{background:linear-gradient(135deg,#3c230c80,#1e1205b3);border:1px solid var(--color-gold-dim);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);color:var(--color-gold)}.nav-link--cta:hover{background:linear-gradient(135deg,#643c0fcc,#3c2308f2);border-color:var(--color-gold);box-shadow:var(--glow-gold);color:var(--color-gold-bright)}.nav-link--cta:after{display:none}.fire-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#1e1205b3;border:1px solid var(--color-stone);cursor:pointer;margin-left:.25rem;transition:var(--transition-epic);position:relative;overflow:hidden}.fire-toggle:hover{border-color:var(--color-gold-dim);box-shadow:0 0 10px #c9922a4d}.fire-toggle--on{border-color:var(--color-gold);background:#3c2305cc;box-shadow:var(--glow-gold)}.fire-toggle--on:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,140,30,.2),transparent 70%);animation:fireBtnGlow 1.5s ease-in-out infinite alternate}@keyframes fireBtnGlow{0%{opacity:.5}to{opacity:1}}.fire-toggle__icon{position:relative;z-index:1;font-size:1rem;line-height:1;transition:transform .3s ease}.fire-toggle--on .fire-toggle__icon{animation:iconFlicker .5s ease-in-out infinite alternate}@keyframes iconFlicker{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}.header-right{display:flex;align-items:center;gap:.5rem}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:#1e1205b3;border:1px solid var(--color-stone);cursor:pointer;padding:8px;transition:border-color .2s}.hamburger span{display:block;width:100%;height:1.5px;background:var(--color-gold);transition:transform .25s ease,opacity .25s ease;transform-origin:center}.hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-overlay{display:none}@media (max-width: 768px){.header-inner{padding:.65rem 1rem}.logo-subtitle{display:none}.logo-title{font-size:.95rem}.logo-crest{font-size:1.5rem}.hamburger{display:flex}.header-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#080503f7;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:999}.header-nav--open{display:flex}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.nav-link{font-size:1.1rem;padding:.6rem 2rem;letter-spacing:.15em}.nav-link--cta{clip-path:none;border-radius:2px;padding:.7rem 2.5rem}}@keyframes winFlicker{0%,to{opacity:1}8%{opacity:.15}10%{opacity:.9}12%{opacity:.05}14%{opacity:1}55%{opacity:1}57%{opacity:.4}59%{opacity:1}80%{opacity:1}82%{opacity:.2}84%{opacity:.85}86%{opacity:.1}88%{opacity:1}}@keyframes winGlow{0%,to{opacity:1;filter:brightness(1)}20%{opacity:.6;filter:brightness(.5)}22%{opacity:1;filter:brightness(1.4)}50%{opacity:.8;filter:brightness(.8)}52%{opacity:1;filter:brightness(1.2)}75%{opacity:.3;filter:brightness(.2)}77%{opacity:.9;filter:brightness(1)}79%{opacity:.05;filter:brightness(0)}81%{opacity:1;filter:brightness(1.5)}}.castle-win{animation:winFlicker 4.5s ease-in-out infinite}.castle-win--a{animation-duration:3.8s;animation-delay:0s}.castle-win--b{animation-duration:5.2s;animation-delay:1.4s;animation-name:winGlow}.castle-win--c{animation-duration:6.1s;animation-delay:.7s}.castle-win--d{animation-duration:4.3s;animation-delay:2.1s;animation-name:winGlow}.castle-win--e{animation-duration:3.5s;animation-delay:3.3s}.char-portrait{width:100%;height:100%;overflow:hidden;position:relative}.char-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.char-portrait--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent, #3a2a10) 60%,#0a0602),#080402);position:relative;overflow:hidden}.char-portrait__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 30%,color-mix(in srgb,var(--accent, #3a2a10) 35%,transparent) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.012) 3px,rgba(255,255,255,.012) 4px)}.char-portrait__arch{position:absolute;top:0;left:50%;transform:translate(-50%);width:70%;height:55%;border:1px solid color-mix(in srgb,var(--accent, #3a2a10) 80%,#d4af37 20%);border-bottom:none;border-radius:50% 50% 0 0/80% 80% 0 0;opacity:.5}.char-portrait__icon{font-size:3rem;position:relative;z-index:1;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent, #3a2a10) 60%,#d4af37));opacity:.85;margin-bottom:.5rem;margin-top:-.5rem}.char-portrait__nameplate{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:var(--font-heading, serif);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb,var(--accent, #3a2a10) 30%,#a89060);padding:.35rem;background:#0006;border-top:1px solid rgba(212,175,55,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page{position:relative;z-index:2}.cinematic-intro{position:relative;height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip}.cinematic-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060300,#0e0804 20%,#1a0d05 45%,#2a1208 65%,#3a1a0a 80%,#220e06);z-index:0}.cinematic-siege-glow{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:90%;height:280px;background:radial-gradient(ellipse,rgba(220,70,8,.75) 0%,rgba(180,45,5,.45) 35%,rgba(100,20,3,.15) 65%,transparent 80%);z-index:1;animation:siegeFlicker 3s ease-in-out infinite alternate}.cinematic-siege-glow:before{content:"";position:absolute;bottom:0;left:-30%;width:50%;height:150px;background:radial-gradient(ellipse,rgba(200,60,5,.5),transparent 70%);animation:siegeFlicker 2.3s ease-in-out infinite alternate-reverse}@keyframes siegeFlicker{0%{opacity:.6;transform:translate(-50%) scaleY(1) scaleX(1)}33%{opacity:1;transform:translate(-50%) scaleY(1.12) scaleX(1.05)}66%{opacity:.75;transform:translate(-50%) scaleY(.95) scaleX(.98)}to{opacity:.85;transform:translate(-50%) scaleY(1.06) scaleX(1.02)}}.cinematic-content{position:relative;z-index:10;text-align:center;padding:0 2rem;margin-top:-12vh}.cinematic-eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.5rem;opacity:0;animation:fadeSlideUp .8s ease forwards .3s}.cinematic-eyebrow__line{display:inline-block;width:50px;height:1px;background:linear-gradient(to right,transparent,var(--color-gold))}.cinematic-eyebrow__line:last-child{background:linear-gradient(to left,transparent,var(--color-gold))}.cinematic-title{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:1.8rem;line-height:1.05}.cinematic-title__line1{font-family:var(--font-title);font-size:clamp(2.8rem,6vw,5.5rem);color:var(--color-parchment);text-shadow:0 0 40px rgba(201,146,42,.35),0 2px 8px rgba(0,0,0,.8);opacity:0;animation:fadeSlideUp 1s ease forwards .7s}.cinematic-title__line2{font-family:var(--font-title);font-size:clamp(1.8rem,4vw,3.5rem);color:var(--color-gold);text-shadow:0 0 30px rgba(201,146,42,.6),0 0 60px rgba(201,146,42,.2);opacity:0;animation:fadeSlideUp 1s ease forwards 1.1s,goldPulse 4s ease-in-out 2.2s infinite alternate}@keyframes goldPulse{0%{text-shadow:0 0 30px rgba(201,146,42,.6),0 0 60px rgba(201,146,42,.2)}to{text-shadow:0 0 50px rgba(255,180,60,.9),0 0 100px rgba(201,146,42,.4)}}.cinematic-desc{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);color:var(--color-stone-pale);font-style:italic;line-height:1.9;max-width:480px;margin:0 auto 2.5rem;opacity:0;animation:fadeSlideUp 1s ease forwards 1.5s}.cinematic-actions{display:flex;align-items:center;justify-content:center;gap:2rem;opacity:0;animation:fadeSlideUp 1s ease forwards 1.9s}.cinematic-count{font-family:var(--font-heading);font-size:.85rem;color:var(--color-stone-pale);letter-spacing:.1em}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cinematic-castle{position:absolute;bottom:0;left:0;right:0;z-index:5;will-change:transform}.castle-svg{display:block;width:100%;height:auto;max-height:55vh;filter:drop-shadow(0 -4px 12px rgba(180,80,8,.5)) drop-shadow(0 -2px 30px rgba(140,50,5,.3))}.cinematic-fog{position:absolute;bottom:0;left:0;right:0;height:45%;z-index:6;background:linear-gradient(to top,rgba(18,10,4,.85) 0%,rgba(18,10,4,.5) 25%,rgba(18,10,4,.15) 55%,transparent 100%);pointer-events:none}.scroll-prompt{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;opacity:0;animation:fadeSlideUp 1s ease forwards 2.6s;transition:opacity .3s ease}.scroll-prompt:hover{opacity:.9!important}.scroll-prompt__label{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-gold)}.scroll-prompt__chevron{display:flex;flex-direction:column;align-items:center;gap:3px;animation:bounce 2s ease-in-out infinite}.chevron-line{width:18px;height:1px;background:var(--color-gold);transform-origin:center}.chevron-line:first-child{transform:rotate(35deg) translate(4px)}.chevron-line:last-child{transform:rotate(-35deg) translate(-4px)}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}.home-roster{max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem;position:relative;z-index:2;opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.home-roster--revealed{opacity:1;transform:translateY(0)}.roster-top-border{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.roster-top-border__flame{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(255,140,20,.7));animation:flameSway 2s ease-in-out infinite alternate;flex-shrink:0}@keyframes flameSway{0%{transform:rotate(-3deg) scaleY(1)}to{transform:rotate(3deg) scaleY(1.08)}}.roster-top-border .ornament-divider{flex:1;margin:0}.home-loading{text-align:center;padding:4rem;color:var(--color-stone-pale)}.loading-rune{font-size:3rem;color:var(--color-gold);animation:runeGlow 1.5s ease-in-out infinite;display:block;margin-bottom:1rem}@keyframes runeGlow{0%,to{opacity:.3}50%{opacity:1;text-shadow:var(--glow-gold)}}.home-empty{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.home-empty__icon{font-size:4rem;margin-bottom:.5rem}.home-empty h2{font-family:var(--font-heading);color:var(--color-gold);font-size:1.5rem}.home-empty p{color:var(--color-stone-pale);font-style:italic;line-height:1.8}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.home-roster--revealed .roster-card{animation:cardReveal .5s ease both}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.roster-card{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;overflow:hidden}.roster-card__portrait{width:100%;height:160px;overflow:hidden;flex-shrink:0}.roster-card__portrait img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}.roster-card:hover .roster-card__portrait img{transform:scale(1.04)}.roster-card__body{display:flex;align-items:center;gap:1rem;padding:.75rem;flex:1}.roster-card:not(.roster-card--has-portrait) .roster-card__body{padding:0}.roster-card--selected{border-color:var(--color-gold)!important;box-shadow:var(--glow-gold)!important}.roster-card__class-icon{font-size:2.5rem;width:56px;text-align:center;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(201,146,42,.5))}.roster-card__info{flex:1;min-width:0}.roster-card__name{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-gold);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-card__meta{font-size:.9rem;color:var(--color-stone-pale);margin-top:.2rem}.roster-card__player{font-size:.8rem;color:var(--color-stone-light);margin-top:.3rem;font-style:italic}.roster-card__stats{display:flex;gap:.5rem;flex-shrink:0}.roster-stat{display:flex;flex-direction:column;align-items:center;background:#080503cc;border:1px solid var(--color-stone);padding:.3rem .6rem;min-width:44px}.roster-stat span{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.1em;color:var(--color-gold-dim);text-transform:uppercase}.roster-stat strong{font-family:var(--font-title);font-size:1.1rem;color:var(--color-parchment)}.character-detail{position:fixed;top:0;right:0;bottom:0;left:0;background:#080503e0;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.character-detail__panel{position:relative;background:linear-gradient(145deg,#140d05fc,#080503fc);border:1px solid var(--color-gold-dim);box-shadow:var(--glow-gold),inset 0 0 60px #64370a1a;padding:2.5rem;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;animation:panelIn .4s cubic-bezier(.23,1,.32,1)}@keyframes panelIn{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.detail-close{position:absolute;top:1rem;right:1rem;background:none;border:1px solid var(--color-stone);color:var(--color-stone-pale);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:var(--transition-epic)}.detail-close:hover{border-color:var(--color-crimson-bright);color:var(--color-crimson-bright)}.detail-portrait{position:relative;width:100%;height:220px;overflow:hidden;margin-bottom:0;flex-shrink:0}.detail-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.detail-portrait__fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(8,5,3,.98) 100%)}.detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.detail-header--over-portrait{margin-top:-3rem;position:relative;padding:0 1.5rem}.detail-class-icon{font-size:3.5rem;filter:drop-shadow(0 0 12px rgba(201,146,42,.7))}.detail-name{font-family:var(--font-title);font-size:1.8rem;color:var(--color-gold);margin-bottom:.3rem}.detail-meta{font-family:var(--font-heading);font-size:.85rem;color:var(--color-stone-pale);letter-spacing:.05em}.detail-alignment{font-size:.8rem;color:var(--color-sky-light);font-style:italic;margin-top:.3rem}.detail-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0}.detail-combat{display:flex;gap:1rem;margin:1rem 0}.combat-stat{flex:1;background:#080503cc;border:1px solid var(--color-gold-dim);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.2rem}.combat-stat span{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold)}.combat-stat strong{font-family:var(--font-title);font-size:2rem;color:var(--color-parchment)}.detail-backstory{color:var(--color-stone-pale);font-style:italic;line-height:1.8;font-size:1rem;margin:.5rem 0}.detail-footer{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.1em;color:var(--color-stone-light);text-align:right;margin-top:1rem}.detail-footer strong{color:var(--color-gold-dim)}@media (max-width: 768px){.cinematic-content{padding:0 1rem;margin-top:-6vh}.cinematic-actions{flex-direction:column;gap:1rem}.roster-grid{grid-template-columns:1fr}.roster-card__stats{display:none}.home-roster{padding:2rem 1rem 3rem}.character-detail__panel{padding:1.5rem 1rem;width:95%;max-height:90vh}.detail-header{gap:1rem}.detail-class-icon{font-size:2.5rem}.detail-name{font-size:1.4rem}.detail-stats-grid{grid-template-columns:repeat(3,1fr)}.detail-combat{flex-direction:column;gap:.5rem}}.create-page{position:relative;z-index:2;min-height:100vh;padding-bottom:4rem}.create-progress{display:flex;justify-content:center;gap:0;padding:2rem;max-width:600px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;position:relative;opacity:.4;transition:var(--transition-epic)}.progress-step:before{content:"";position:absolute;top:15px;left:calc(50% + 15px);right:calc(-50% + 15px);height:1px;background:var(--color-gold-dim)}.progress-step:last-child:before{display:none}.progress-step.active,.progress-step.done{opacity:1}.progress-step__num{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gold-dim);font-family:var(--font-heading);font-size:.85rem;color:var(--color-gold);background:var(--color-void);transition:var(--transition-epic);position:relative;z-index:1}.progress-step.active .progress-step__num{background:var(--color-purple-mid);border-color:var(--color-gold);box-shadow:var(--glow-gold)}.progress-step.done .progress-step__num{background:var(--color-gold-dim);color:var(--color-ink)}.progress-step__label{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone-pale)}.progress-step.active .progress-step__label{color:var(--color-gold)}.create-container{display:grid;grid-template-columns:1fr auto;gap:2rem;max-width:1100px;margin:0 auto;padding:0 2rem;align-items:start}.create-panel{background:linear-gradient(145deg,#140d05f7,#080503fa);border:1px solid var(--color-gold-dim);padding:2.5rem;position:relative;overflow:hidden}.create-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-gold),transparent)}.create-header{margin-bottom:1.5rem}.create-title{font-family:var(--font-title);font-size:2rem;color:var(--color-gold);margin-bottom:.5rem}.create-subtitle{color:var(--color-stone-pale);font-style:italic;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row--3{grid-template-columns:1fr 1fr auto}.stats-roll-bar{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.roll-hint{font-family:var(--font-body);font-size:.9rem;color:var(--color-stone-light);font-style:italic}.roll-hint--anim{animation:rerollPop .45s cubic-bezier(.36,.07,.19,.97) both}.roll-hint--last{color:#e05030;font-weight:700;animation:rerollWarn .55s cubic-bezier(.36,.07,.19,.97) both}.roll-hint--spent{color:var(--color-gold-dim);font-style:normal;letter-spacing:.04em;animation:none}@keyframes rerollPop{0%{transform:scale(1.35);opacity:.5;color:var(--color-gold-bright)}60%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes rerollWarn{0%{transform:scale(1.4) translate(-3px);opacity:.4;color:#ff2020}20%{transform:scale(1.1) translate(3px)}40%{transform:scale(1.15) translate(-2px)}60%{transform:scale(.97)}to{transform:scale(1);opacity:1;color:#e05030}}.roll-all-btn{min-width:220px}.stats-comparison{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.5rem}.comparison-header,.comparison-row{display:grid;grid-template-columns:80px repeat(6,1fr) 56px;gap:.35rem;align-items:center}.comp-label{font-family:var(--font-heading);font-size:.78rem;color:var(--color-stone-pale);text-align:right;padding-right:.4rem;letter-spacing:.03em}.comp-stat-header{font-family:var(--font-heading);font-size:.72rem;color:var(--color-gold);text-align:center;letter-spacing:.06em}.comp-cell{display:flex;flex-direction:column;align-items:center;padding:.42rem .2rem;border-radius:6px;border:1px solid rgba(61,46,30,.6);background:#00000040;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.comp-cell:hover{border-color:var(--color-gold-dim);background:#c9922a1f}.comp-cell--selected{border-color:var(--color-gold);background:#c9922a38;box-shadow:0 0 8px #c9922a59}.comp-cell--final{cursor:default;border-color:var(--color-gold-bright);background:#c9922a1f}.comp-cell--final:hover{border-color:var(--color-gold-bright);background:#c9922a1f}.comp-value{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-sky-light);font-weight:700;line-height:1}.comp-mod{font-family:var(--font-body);font-size:.65rem;color:var(--color-stone-pale);margin-top:1px}.comparison-row--final .comp-label{color:var(--color-gold);font-size:.82rem}.comparison-row--final .comp-value{color:var(--color-gold-bright)}.comp-row-btn{font-family:var(--font-heading);font-size:.68rem;letter-spacing:.04em;padding:.3rem .4rem;border-radius:5px;border:1px solid var(--color-gold-dim);background:#c9922a1a;color:var(--color-gold);cursor:pointer;transition:all .15s}.comp-row-btn:hover{background:#c9922a40;border-color:var(--color-gold)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-roller{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.2rem .75rem;background:#0a0812e6;border:1px solid var(--color-stone);cursor:pointer;transition:var(--transition-epic);overflow:hidden;-webkit-user-select:none;user-select:none}.stat-roller:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(120,65,15,.2));opacity:0;transition:opacity .3s ease}.stat-roller:hover:before{opacity:1}.stat-roller:hover{border-color:var(--color-gold);box-shadow:var(--glow-gold)}.stat-roller.rolling{border-color:var(--color-gold);animation:diceShake .06s ease-in-out infinite}@keyframes diceShake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.stat-roller__name{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.5rem}.stat-roller__value{font-family:var(--font-title);font-size:2.8rem;color:var(--color-parchment);line-height:1;text-shadow:0 0 20px rgba(201,162,39,.3);transition:color .1s ease}.stat-roller.rolling .stat-roller__value{color:var(--color-gold);text-shadow:var(--glow-gold)}.stat-roller__modifier{font-size:1rem;color:var(--color-sky-light);margin-top:.3rem}.stat-roller__fullname{font-size:.75rem;color:var(--color-stone-pale);font-style:italic;margin-top:.4rem}.stat-roller__die{position:absolute;bottom:.3rem;right:.5rem;font-size:.75rem;opacity:.3;transition:opacity .2s}.stat-roller:hover .stat-roller__die{opacity:.8}.stats-manual-row{margin-top:.5rem}.character-preview{background:#0a0812cc;border:1px solid var(--color-gold-dim);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.preview-title{font-family:var(--font-title);font-size:1.8rem;color:var(--color-gold);margin-bottom:.4rem}.preview-meta{font-family:var(--font-heading);font-size:.85rem;color:var(--color-stone-pale);letter-spacing:.05em;margin-bottom:1rem}.preview-stats-mini{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.mini-stat{display:flex;flex-direction:column;align-items:center;background:#140d05cc;border:1px solid var(--color-stone);padding:.3rem .6rem;min-width:44px}.mini-stat span{font-family:var(--font-heading);font-size:.55rem;letter-spacing:.1em;color:var(--color-gold-dim);text-transform:uppercase}.mini-stat strong{font-family:var(--font-title);font-size:1rem;color:var(--color-parchment)}.create-error{background:#8b1a1a33;border:1px solid var(--color-crimson-bright);color:var(--color-crimson-bright);padding:.75rem 1rem;font-family:var(--font-heading);font-size:.9rem;margin:1rem 0;animation:errorFlash .3s ease}@keyframes errorFlash{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.create-nav{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.create-sidebar{width:240px}.sidebar-card{background:linear-gradient(145deg,#140d05f7,#080503fa);border:1px solid var(--color-gold-dim);padding:1.5rem;position:sticky;top:80px}.sidebar-name{font-family:var(--font-title);font-size:1.2rem;color:var(--color-gold);margin-bottom:.3rem;word-break:break-word}.sidebar-meta{font-family:var(--font-heading);font-size:.8rem;color:var(--color-stone-pale);letter-spacing:.05em;margin-bottom:.2rem}.sidebar-level{font-size:.8rem;color:var(--color-sky-light);font-style:italic;margin-bottom:.5rem}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.backstory-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.backstory-label-row .label-epic{margin-bottom:0}.btn-generate{font-family:var(--font-serif, serif);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;background:transparent;border:1px solid rgba(var(--color-gold-rgb, 212,175,55),.4);color:var(--color-gold, #d4af37);border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-generate:hover:not(:disabled){background:rgba(var(--color-gold-rgb, 212,175,55),.12);border-color:var(--color-gold, #d4af37)}.btn-generate--loading{opacity:.6;cursor:wait;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.mindset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.mindset-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;background:#ffffff08;border:1px solid rgba(var(--color-gold-rgb, 212,175,55),.2);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted, #a8956c);font-family:var(--font-serif, serif)}.mindset-card:hover{background:rgba(var(--color-gold-rgb, 212,175,55),.1);border-color:rgba(var(--color-gold-rgb, 212,175,55),.5);color:var(--color-gold, #d4af37);transform:translateY(-2px)}.mindset-card--active{background:rgba(var(--color-gold-rgb, 212,175,55),.15);border-color:var(--color-gold, #d4af37);color:var(--color-gold, #d4af37);box-shadow:0 0 12px rgba(var(--color-gold-rgb, 212,175,55),.25)}.mindset-icon{font-size:1.4rem;line-height:1}.mindset-label{font-size:.65rem;text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.mindset-desc{display:flex;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;background:rgba(var(--color-gold-rgb, 212,175,55),.06);border-left:3px solid var(--color-gold, #d4af37);border-radius:0 6px 6px 0;animation:fadeSlideIn .2s ease}.mindset-desc__icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.mindset-desc__text{font-size:.85rem;font-style:italic;color:var(--color-text-muted, #a8956c);line-height:1.5}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.create-container{grid-template-columns:1fr}.create-sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.form-row--3{grid-template-columns:1fr 1fr}.mindset-grid{grid-template-columns:repeat(3,1fr)}.create-panel{padding:1.5rem 1rem}.stats-roll-bar{flex-wrap:wrap;gap:.75rem}.roll-all-btn{min-width:unset;width:100%}.stats-comparison{overflow-x:auto}.comparison-header,.comparison-row{grid-template-columns:60px repeat(6,minmax(44px,1fr)) 48px;min-width:420px}.comp-label{font-size:.68rem}.comp-stat-header{font-size:.62rem}.comp-value{font-size:.9rem}.comp-mod{font-size:.6rem}}.learn-page{min-height:100vh;padding:2rem 1.5rem 4rem;max-width:1200px;margin:0 auto}.learn-header{text-align:center;margin-bottom:2.5rem}.learn-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);color:var(--color-gold-bright);text-shadow:0 0 20px rgba(201,146,42,.5);margin-bottom:.5rem}.learn-subtitle{font-family:var(--font-body);color:var(--color-stone-pale);font-size:1rem;font-style:italic}.learn-container{display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:start}.learn-toc{background:#080503b3;border:1px solid var(--color-stone);border-radius:10px;padding:1.2rem .8rem;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:100px}.toc-title{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;color:var(--color-gold);text-align:center;margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-stone)}.toc-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:background .15s;text-align:left;width:100%}.toc-item:hover{background:#c9922a1a}.toc-item--active{background:#c9922a2e}.toc-num{font-family:var(--font-heading);font-size:.68rem;color:var(--color-gold-dim);min-width:16px;text-align:right;flex-shrink:0}.toc-item--active .toc-num{color:var(--color-gold)}.toc-label{font-family:var(--font-body);font-size:.85rem;color:var(--color-stone-pale);line-height:1.3}.toc-item--active .toc-label{color:var(--color-gold-bright)}.learn-player{display:flex;flex-direction:column;gap:1rem}.video-frame{position:relative;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--color-stone),0 0 40px #000c}.learn-video{width:100%;display:block;aspect-ratio:16/9;border:none}.video-corner{position:absolute;width:18px;height:18px;border-color:var(--color-gold-dim);border-style:solid;border-width:0;pointer-events:none;z-index:2}.video-corner--tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px;border-top-left-radius:3px}.video-corner--tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px;border-top-right-radius:3px}.video-corner--bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:3px}.video-corner--br{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:3px}.chapter-info{display:flex;align-items:center;gap:1rem;padding:0 .2rem}.chapter-info__num{font-family:var(--font-heading);font-size:.7rem;color:var(--color-gold-dim);letter-spacing:.06em;flex-shrink:0}.chapter-info__label{font-family:var(--font-heading);font-size:.95rem;color:var(--color-gold-bright);letter-spacing:.03em;flex:1}.chapter-info__nav{display:flex;gap:.5rem;flex-shrink:0}.chapter-nav-btn{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.04em;padding:.35rem .8rem;border-radius:6px;border:1px solid var(--color-stone);background:#0000004d;color:var(--color-stone-pale);cursor:pointer;transition:all .15s}.chapter-nav-btn:hover:not(:disabled){border-color:var(--color-gold-dim);color:var(--color-gold);background:#c9922a1a}.chapter-nav-btn:disabled{opacity:.3;cursor:default}.video-missing{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#080503e6;padding:2rem;text-align:center}.video-missing__icon{font-size:3rem;opacity:.6}.video-missing__title{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-gold);letter-spacing:.05em}.video-missing__steps{font-family:var(--font-body);font-size:.9rem;color:var(--color-stone-pale);text-align:left;line-height:2;padding-left:1.2rem}.video-missing__steps code{font-family:monospace;background:#c9922a26;border:1px solid var(--color-gold-dim);border-radius:3px;padding:.1em .4em;color:var(--color-gold-bright);font-size:.85em}.video-missing__link{font-family:var(--font-heading);font-size:.85rem;color:var(--color-gold);text-decoration:none;border:1px solid var(--color-gold-dim);padding:.4rem 1rem;border-radius:6px;transition:all .15s}.video-missing__link:hover{background:#c9922a26;border-color:var(--color-gold)}@media (max-width: 780px){.learn-page{padding:1.5rem 1rem 3rem}.learn-container{grid-template-columns:1fr}.learn-toc{flex-direction:row;flex-wrap:wrap;position:static;padding:.8rem;gap:.3rem}.toc-title{width:100%;margin-bottom:.3rem}.toc-item{flex:0 0 auto;padding:.35rem .6rem}.toc-label{font-size:.78rem}.chapter-info{flex-wrap:wrap;gap:.5rem}.chapter-info__nav{width:100%;justify-content:space-between}}.soundboard{background:linear-gradient(145deg,#140d05f7,#080503fa);border:1px solid var(--color-gold-dim);padding:1.5rem;margin-top:2rem}.soundboard__header{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,146,42,.2);margin-bottom:1.2rem}.soundboard__icon{font-size:1.6rem;filter:drop-shadow(0 0 6px rgba(201,146,42,.5))}.soundboard__title{font-family:var(--font-heading);font-size:1rem;color:var(--color-gold);letter-spacing:.08em;margin-bottom:.15rem}.soundboard__sub{font-size:.78rem;color:var(--color-stone-light);font-style:italic}.soundboard__empty{text-align:center;padding:2rem 1rem;color:var(--color-stone-light);font-style:italic;font-size:.9rem;line-height:2}.soundboard__empty code{font-family:monospace;background:#c9922a1a;border:1px solid var(--color-gold-dim);border-radius:3px;padding:.1em .4em;color:var(--color-gold);font-size:.85em}.soundboard__yt-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:none}.soundboard__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.sb-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .4rem;border-radius:6px;border:1px solid rgba(74,60,40,.5);background:#00000059;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none;position:relative}.sb-btn:hover{transform:translateY(-2px);border-color:var(--color-gold-dim);background:#c9922a14}.sb-btn:active{transform:scale(.94)}.sb-btn--active{transform:scale(.93)!important;border-color:var(--color-gold)!important;box-shadow:0 0 14px #c9922a66!important}.sb-btn--loop.sb-btn--active{background:#c9922a24}.sb-btn__icon{font-size:1.6rem;line-height:1;transition:transform .15s ease}.sb-btn:hover .sb-btn__icon{transform:scale(1.12)}.sb-btn--active .sb-btn__icon{animation:sbPop .35s ease}@keyframes sbPop{0%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.sb-btn__label{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone-pale)}.sb-btn__wave{display:flex;align-items:center;gap:2px;height:12px}.wave-bar{display:block;width:3px;border-radius:2px;background:var(--color-gold);animation:waveAnim .7s ease-in-out infinite alternate}.wave-bar--1{height:5px;animation-delay:0s}.wave-bar--2{height:10px;animation-delay:.2s}.wave-bar--3{height:5px;animation-delay:.4s}@keyframes waveAnim{0%{transform:scaleY(.4);opacity:.6}to{transform:scaleY(1);opacity:1}}@media (max-width: 768px){.soundboard__grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.sb-btn{padding:.75rem .3rem}.sb-btn__icon{font-size:1.4rem}}@media (max-width: 480px){.soundboard__grid{grid-template-columns:repeat(3,1fr)}}.admin-login{position:relative;z-index:2;min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login__panel{background:linear-gradient(145deg,#140d05f7,#080503fa);border:1px solid var(--color-gold-dim);padding:3rem;max-width:440px;width:100%;text-align:center}.admin-login__icon{font-size:3rem;color:var(--color-gold);text-shadow:var(--glow-gold);margin-bottom:1rem}.admin-login__title{font-family:var(--font-title);font-size:1.8rem;color:var(--color-gold);margin-bottom:.4rem}.admin-login__subtitle{color:var(--color-stone-pale);font-style:italic;margin-bottom:1rem}.admin-error{background:#8b1a1a33;border:1px solid var(--color-crimson-bright);color:var(--color-crimson-bright);padding:.5rem 1rem;font-family:var(--font-heading);font-size:.85rem;margin-bottom:1rem}.admin-page{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.admin-title{font-family:var(--font-title);font-size:1.8rem;color:var(--color-gold)}.admin-subtitle{color:var(--color-stone-pale);font-style:italic;font-size:.9rem;margin-top:.3rem}.admin-loading{text-align:center;padding:2rem;color:var(--color-gold);font-size:2rem}.admin-empty{text-align:center;padding:3rem;color:var(--color-stone-pale);font-style:italic}.hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.hero-card{background:linear-gradient(160deg,#140d05f2,#0a0602fa);border:1px solid var(--color-gold-dim);padding:1.25rem;position:relative;transition:border-color .2s,box-shadow .2s}.hero-card:hover{border-color:var(--color-gold);box-shadow:0 0 20px #d4af371f}.hero-card--incomplete{border-color:#b4781459}.hero-card__badge{position:absolute;top:-1px;right:-1px;background:#a06400d9;color:#f0c040;font-size:.6rem;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem}.hero-card__name{font-family:var(--font-title);font-size:1.2rem;color:var(--color-gold);margin-bottom:.2rem}.hero-card__meta{font-size:.8rem;color:var(--color-stone-pale);margin-bottom:.2rem}.hero-card__player{font-size:.75rem;color:var(--color-stone-light);font-style:italic}.hero-card__combat{display:flex;gap:1rem;margin:.5rem 0}.hero-card__combat-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.hero-card__combat-label{font-size:.6rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-dim)}.hero-card__combat-value{font-size:1.3rem;font-family:var(--font-title);color:var(--color-gold);line-height:1}.hero-card__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;margin:.5rem 0}.hero-card__stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.3rem .1rem;background:#ffffff08;border:1px solid rgba(212,175,55,.1)}.hero-card__stat-abbr{font-size:.55rem;font-family:var(--font-heading);text-transform:uppercase;color:var(--color-gold-dim);letter-spacing:.05em}.hero-card__stat-val{font-size:.95rem;font-family:var(--font-title);color:var(--color-stone-pale);line-height:1}.hero-card__stat-mod{font-size:.6rem;color:var(--color-stone-light)}.hero-card__actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-edit{flex:1;background:none;border:1px solid var(--color-gold-dim);color:var(--color-gold-dim);padding:.4rem .6rem;cursor:pointer;font-size:.78rem;font-family:var(--font-heading);letter-spacing:.08em;transition:var(--transition-epic);text-transform:uppercase}.btn-edit:hover{border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 8px #d4af3740}.btn-delete{background:none;border:1px solid var(--color-stone);color:var(--color-stone-pale);width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:var(--transition-epic)}.btn-delete:hover{border-color:var(--color-crimson-bright);color:var(--color-crimson-bright);box-shadow:var(--glow-crimson)}.btn-delete:disabled{opacity:.4;cursor:default}.edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-modal{background:linear-gradient(145deg,#140d05fc,#080503fc);border:1px solid var(--color-gold-dim);width:100%;max-width:700px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .5rem}.edit-modal__title{font-family:var(--font-title);color:var(--color-gold);font-size:1.3rem;margin:0}.edit-modal__close{background:none;border:none;color:var(--color-stone-pale);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.edit-modal__close:hover{color:var(--color-crimson-bright)}.hero-card__portrait{width:100%;height:140px;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(212,175,55,.2)}.hero-card__portrait img{width:100%;height:100%;object-fit:cover;object-position:top}.edit-preview{background:#d4af370d;border-bottom:1px solid rgba(212,175,55,.15);padding:.75rem 1.5rem;display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.edit-preview__left{flex-shrink:0}.edit-preview__right{flex:1;display:flex;flex-direction:column;gap:.3rem}.portrait-upload{display:block;width:80px;height:100px;border:1px dashed rgba(212,175,55,.4);cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s}.portrait-upload:hover{border-color:var(--color-gold)}.portrait-upload img{width:100%;height:100%;object-fit:cover;object-position:top}.portrait-upload__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.8rem;color:var(--color-gold-dim);background:#0000004d}.portrait-upload__loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:var(--color-gold);font-size:1.2rem}.edit-preview__name{font-family:var(--font-title);font-size:1.4rem;color:var(--color-gold);line-height:1}.edit-preview__meta{font-size:.8rem;color:var(--color-stone-pale)}.edit-preview__tags{display:flex;gap:.5rem;flex-wrap:wrap}.edit-preview__tag{font-size:.65rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold-dim);border:1px solid rgba(212,175,55,.25);padding:.1rem .5rem}.edit-preview__combat{display:flex;gap:1rem;font-size:.8rem;color:var(--color-stone-pale)}.edit-preview__stats{display:flex;gap:.4rem;flex-wrap:wrap}.edit-preview__stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.25rem .4rem;background:#ffffff08;border:1px solid rgba(212,175,55,.12);min-width:42px}.edit-preview__stat span{font-size:.55rem;font-family:var(--font-heading);text-transform:uppercase;color:var(--color-gold-dim);letter-spacing:.05em}.edit-preview__stat strong{font-size:1rem;color:var(--color-stone-pale);font-family:var(--font-title);line-height:1}.edit-preview__stat em{font-size:.6rem;color:var(--color-stone-light);font-style:normal}.edit-modal__body{flex:1;overflow-y:auto;padding:0 1.5rem 1rem}.edit-section-title{font-family:var(--font-heading);color:var(--color-gold-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;margin:1.25rem 0 .6rem;border-bottom:1px solid rgba(212,175,55,.15);padding-bottom:.3rem}.edit-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.edit-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.edit-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(212,175,55,.1)}@media (max-width: 768px){.admin-login__panel{padding:2rem 1.5rem}.admin-page{padding:1rem}.admin-header{flex-direction:column;gap:1rem}.hero-cards,.edit-grid-2,.edit-grid-3{grid-template-columns:1fr 1fr}.edit-preview__stats{gap:.25rem}}@media (max-width: 480px){.hero-cards{grid-template-columns:1fr}}:root{--color-void: #080503;--color-deep-purple: #120c05;--color-purple: #1f1208;--color-purple-mid: #2e1c0c;--color-purple-light: #b5621e;--color-sky: #d4893a;--color-sky-light: #f5c07a;--color-gold: #c9922a;--color-gold-light: #e8b045;--color-gold-bright: #ffc864;--color-gold-dim: #7a5518;--color-stone: #3d2e1e;--color-stone-light: #5c4430;--color-stone-pale: #c4a882;--color-crimson: #8b1a1a;--color-crimson-bright: #c0392b;--color-blood: #6b0f0f;--color-parchment: #f5edda;--color-ink: #1a0f05;--font-title: "Cinzel Decorative", serif;--font-heading: "Cinzel", serif;--font-body: "Uncial Antiqua", "Crimson Text", serif;--glow-gold: 0 0 20px rgba(201, 146, 42, .65), 0 0 45px rgba(201, 146, 42, .3);--glow-purple: 0 0 20px rgba(181, 98, 30, .5), 0 0 40px rgba(181, 98, 30, .2);--glow-crimson: 0 0 15px rgba(192, 57, 43, .5);--border-ornate: 1px solid var(--color-gold-dim);--transition-epic: all .4s cubic-bezier(.23, 1, .32, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-void);color:var(--color-parchment);font-family:var(--font-body);font-size:18px;line-height:1.6;overflow-x:clip;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 90%,rgba(180,80,15,.45) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(120,50,10,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 75%,rgba(150,65,12,.25) 0%,transparent 45%),radial-gradient(ellipse at 50% 0%,rgba(30,18,8,.9) 0%,transparent 60%);pointer-events:none;z-index:0;animation:atmosphereShift 8s ease-in-out infinite alternate}@keyframes atmosphereShift{0%{opacity:.8}to{opacity:1}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(220,120,30,.6) 0%,transparent 100%),radial-gradient(1px 1px at 30% 55%,rgba(180,80,15,.4) 0%,transparent 100%),radial-gradient(1px 1px at 65% 15%,rgba(255,160,50,.5) 0%,transparent 100%),radial-gradient(1px 1px at 80% 65%,rgba(220,120,30,.3) 0%,transparent 100%),radial-gradient(1px 1px at 45% 80%,rgba(255,200,80,.4) 0%,transparent 100%),radial-gradient(1px 1px at 55% 10%,rgba(220,120,30,.7) 0%,transparent 100%),radial-gradient(2px 2px at 88% 40%,rgba(255,140,30,.5) 0%,transparent 100%),radial-gradient(1px 1px at 8% 70%,rgba(255,180,60,.4) 0%,transparent 100%);pointer-events:none;z-index:0;animation:sparkle 10s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.3}50%{opacity:.7}}.ornament-divider{display:flex;align-items:center;gap:1rem;color:var(--color-gold);margin:1.5rem 0}.ornament-divider:before,.ornament-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--color-gold-dim),var(--color-gold),var(--color-gold-dim),transparent)}.btn-epic{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold),var(--color-gold-dim));color:var(--color-ink);font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:var(--transition-epic);overflow:hidden}.btn-epic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-light));opacity:0;transition:opacity .3s ease}.btn-epic:hover:before{opacity:1}.btn-epic:hover{box-shadow:var(--glow-gold);transform:translateY(-2px)}.btn-epic:active{transform:translateY(0)}.btn-epic span{position:relative;z-index:1}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:transparent;color:var(--color-stone-pale);font-family:var(--font-heading);font-size:.9rem;letter-spacing:.08em;border:1px solid var(--color-stone);cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:var(--transition-epic)}.btn-secondary:hover{background:#2e1c0c99;border-color:var(--color-purple-light);color:var(--color-sky-light);box-shadow:var(--glow-purple)}.card-character{position:relative;background:linear-gradient(145deg,#1c1208f7,#080503fa);border:1px solid var(--color-gold-dim);padding:1.5rem;cursor:pointer;transition:var(--transition-epic);overflow:hidden}.card-character:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,rgba(201,162,39,.05));pointer-events:none}.card-character:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-gold),transparent);transform:scaleX(0);transition:transform .4s ease}.card-character:hover:after{transform:scaleX(1)}.card-character:hover{border-color:var(--color-gold);box-shadow:var(--glow-gold),inset 0 0 30px #c9a22708;transform:translateY(-4px)}.input-epic{width:100%;background:#0a0812cc;border:1px solid var(--color-stone);border-bottom-color:var(--color-gold-dim);color:var(--color-parchment);font-family:Crimson Text,serif;font-size:1.05rem;padding:.75rem 1rem;outline:none;transition:var(--transition-epic)}.input-epic:focus{border-color:var(--color-gold);box-shadow:0 2px 0 var(--color-gold),var(--glow-gold);background:#1c1006b3}.input-epic::placeholder{color:var(--color-stone-light);font-style:italic}select.input-epic option{background:#1f1208;color:var(--color-parchment)}textarea.input-epic{resize:vertical;min-height:100px}.label-epic{display:block;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.4rem}.stat-box{display:flex;flex-direction:column;align-items:center;background:#080503e6;border:1px solid var(--color-stone);padding:.75rem .5rem;transition:var(--transition-epic);position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-gold-dim);transform:scaleX(0);transition:transform .3s ease}.stat-box:hover:before{transform:scaleX(1)}.stat-box:hover{border-color:var(--color-gold-dim)}.stat-box .stat-name{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.3rem}.stat-box .stat-value{font-family:var(--font-title);font-size:1.8rem;color:var(--color-parchment);line-height:1}.stat-box .stat-modifier{font-size:.85rem;color:var(--color-stone-pale);margin-top:.2rem}.toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#120c05,#1f1208);border:1px solid var(--color-gold);color:var(--color-parchment);font-family:var(--font-heading);padding:1rem 1.5rem;box-shadow:var(--glow-gold);animation:toastIn .4s cubic-bezier(.23,1,.32,1);z-index:1000}@keyframes toastIn{0%{transform:translate(100%) translateY(20px);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-gold-dim),#2e1c0c);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@keyframes fireIgnite{0%{transform:translate(0) rotate(0)}8%{transform:translate(-5px,-3px) rotate(-.6deg)}16%{transform:translate(5px,2px) rotate(.5deg)}24%{transform:translate(-4px,3px) rotate(-.4deg)}32%{transform:translate(4px,-2px) rotate(.4deg)}42%{transform:translate(-3px,1px) rotate(-.2deg)}52%{transform:translate(3px,-1px) rotate(.2deg)}64%{transform:translate(-1px,1px)}76%{transform:translate(1px,-1px)}88%{transform:translate(-1px)}to{transform:translate(0) rotate(0)}}body.fire-ignite{animation:fireIgnite .65s cubic-bezier(.36,.07,.19,.97)}::selection{background:#c9a2274d;color:var(--color-gold-bright)}