@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&family=Metal+Mania&family=UnifrakturMaguntia&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--bg-overlay:rgba(10,10,15,0.85);--gold:#d4af37;--gold-light:#f4e4bc;--gold-dark:#8b7355;--gold-gradient:linear-gradient(135deg,#d4af37,#f4e4bc 50%,#d4af37);--silver:#c0c0c0;--platinum:#e5e4e2;--rosa-primary:#8b0000;--rosa-accent:#dc143c;--maya-primary:#c8a2c8;--maya-accent:#dda0dd;--yume-primary:#daa520;--yume-accent:#ffd700;--jasmine-primary:#4b0082;--jasmine-accent:#9370db;--kaede-primary:#301934;--kaede-accent:#663399;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-gold:var(--gold);--text-muted:#666;--border-gold:1px solid var(--gold-dark);--border-subtle:1px solid rgba(212,175,55,0.2);--glow-gold:0 0 20px rgba(212,175,55,0.3);--glow-intense:0 0 40px rgba(212,175,55,0.5);--font-display:"Cinzel",serif;--font-body:"Crimson Text",serif;--font-ui:"Inter",sans-serif;--section-padding:4rem 2rem;--content-max-width:1400px;--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:16px;background-image:radial-gradient(ellipse at 50% 0,rgba(212,175,55,.03) 0,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30M15 15L45 45M45 15L15 45' stroke='%23d4af37' stroke-width='0.3' fill='none' opacity='0.05'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:.05em;text-transform:uppercase}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}@keyframes slideInCard{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fallingPetal{0%{transform:translateY(-20px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(var(--petal-rotation,1turn));opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px rgba(212,175,55,.3)}50%{box-shadow:0 0 25px rgba(212,175,55,.6)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;animation:slideInCard .6s ease forwards}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.falling-petals{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.petal{position:absolute;top:-20px;background:var(--petal-color,rgba(212,175,55,.4));border-radius:50% 0 50% 0;animation:fallingPetal linear infinite;will-change:transform}.shimmer-gold{background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-light));background-clip:text;animation:shimmer 3s ease infinite}.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0}.divider:after,.divider:before{content:"";height:1px;flex:1 1;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent)}.divider-icon{color:var(--gold);font-size:1.2rem}.gold-frame{position:relative;border:1px solid var(--gold-dark);padding:2rem}.gold-frame:after,.gold-frame:before{content:"◆";position:absolute;color:var(--gold);font-size:.8rem}.gold-frame:before{top:-.5rem;left:50%;transform:translateX(-50%)}.gold-frame:after{bottom:-.5rem;left:50%;transform:translateX(-50%)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,var(--bg-primary) 0,rgba(10,10,15,.95) 100%);border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{max-width:var(--content-max-width);margin:0 auto;justify-content:space-between;padding:.75rem 2rem}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.5rem}.nav-logo img{height:45px;width:auto}.nav-menu{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-menu li{position:relative}.nav-menu a{font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding:.75rem 1rem;display:block}.nav-menu a:hover{color:var(--gold)}.nav-menu li:not(:last-child):not(.nav-dropdown):after{content:"◆";position:absolute;right:-.25rem;top:50%;transform:translateY(-50%);font-size:.4rem;color:var(--gold-dark)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);border:1px solid var(--gold-dark);border-radius:8px;padding:.5rem 0;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(212,175,55,.1);z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary);text-transform:none;letter-spacing:0;transition:all .2s}.dropdown-item:hover{background:rgba(212,175,55,.1);color:var(--gold-light);padding-left:1.5rem}.dropdown-header{display:block;padding:.5rem 1.2rem .3rem;font-family:var(--font-display);font-size:.7rem;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.1em}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);margin:.4rem 0}.lang-toggle{background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);color:var(--gold-light);padding:.4rem .8rem;border-radius:4px;font-family:var(--font-ui);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;gap:.3rem}.lang-toggle:hover{background:rgba(212,175,55,.2);border-color:var(--gold);color:var(--gold)}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0,var(--bg-primary) 90%),linear-gradient(to right,rgba(10,10,15,.7) 0,transparent 50%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:2rem}.hero-logo{max-width:550px;margin:0 auto 1.5rem;filter:drop-shadow(0 0 40px rgba(212,175,55,.4))}.hero-logo img{width:100%;height:auto}.hero-brand{text-align:center;margin-bottom:2rem}.brand-sub{display:block;font-family:var(--font-ui);font-size:.9rem;color:var(--gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:1rem}.brand-title{display:flex;flex-direction:column;align-items:center;line-height:1}.brand-main{font-family:var(--font-display);font-size:5.5rem;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,var(--gold-light) 0,var(--gold) 25%,#ff9a9e 50%,#fecfef 75%,var(--gold-light) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 4px 12px rgba(212,175,55,.4)) drop-shadow(0 0 40px rgba(255,154,158,.3));text-transform:capitalize}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.brand-tagline{display:block;font-family:var(--font-body);font-size:1.2rem;font-style:italic;margin-top:1.5rem}.brand-tagline,.hero-tagline{color:var(--gold-light);letter-spacing:.15em}.hero-tagline{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto 2rem;font-style:italic}.section{padding:var(--section-padding);max-width:var(--content-max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2rem;color:var(--gold);margin-bottom:.5rem;text-shadow:0 2px 20px rgba(212,175,55,.3)}.section-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary);font-style:italic;text-transform:none;letter-spacing:0}.kingdom-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.kingdom-card{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--gold-dark);transition:var(--transition-smooth);cursor:pointer}.kingdom-card:before{content:"";position:absolute;inset:3px;border:1px solid rgba(212,175,55,.1);pointer-events:none;z-index:2}.kingdom-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:var(--glow-gold)}.kingdom-card:hover .kingdom-image{transform:scale(1.05)}.kingdom-image{position:absolute;inset:0;transition:var(--transition-smooth)}.kingdom-image img{width:100%;height:100%;object-fit:cover}.kingdom-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,15,.95) 0,rgba(10,10,15,.5) 30%,transparent 60%);z-index:1}.kingdom-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem 1rem;z-index:3;text-align:center}.kingdom-flower{font-size:1.5rem}.kingdom-name{font-size:1rem;color:var(--gold-light);margin-bottom:.25rem;letter-spacing:.1em}.kingdom-title{font-size:.75rem;color:var(--text-secondary);text-transform:none}.kingdom-stars{margin-top:.5rem;color:var(--gold);font-size:.8rem;letter-spacing:2px}.kingdom-card[href*=rosa]:hover{border-color:var(--rosa-accent);box-shadow:0 0 30px rgba(220,20,60,.4),0 0 60px rgba(139,0,0,.2)}.kingdom-card[href*=maya]:hover{border-color:var(--maya-accent);box-shadow:0 0 30px rgba(200,162,200,.4),0 0 60px rgba(221,160,221,.2)}.kingdom-card[href*=yume]:hover{border-color:var(--yume-accent);box-shadow:0 0 30px rgba(255,215,0,.4),0 0 60px rgba(218,165,32,.2)}.kingdom-card[href*=jasmine]:hover{border-color:var(--jasmine-accent);box-shadow:0 0 30px rgba(147,112,219,.4),0 0 60px rgba(75,0,130,.2)}.kingdom-card[href*=kaede]:hover{border-color:var(--kaede-accent);box-shadow:0 0 30px rgba(102,51,153,.4),0 0 60px rgba(48,25,52,.2)}.story-section{position:relative;padding:6rem 2rem;text-align:center;background:linear-gradient(to bottom,var(--bg-primary),transparent 10%,transparent 90%,var(--bg-primary)),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23d4af37' stroke-width='0.2' fill='none' opacity='0.1'/%3E%3C/svg%3E")}.story-content{max-width:700px;margin:0 auto}.story-text{font-size:1.2rem;line-height:2;color:var(--platinum)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:var(--transition-smooth);position:relative}.btn-gold{background:var(--gold-gradient);color:var(--bg-primary);border:1px solid var(--gold)}.btn-gold:hover{box-shadow:var(--glow-intense);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold-dark)}.btn-outline:hover{background:rgba(212,175,55,.1);border-color:var(--gold)}.btn-ornate{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);color:var(--gold-light);border:1px solid var(--gold-dark);padding:1rem 2.5rem}.btn-ornate:after,.btn-ornate:before{content:"◆";font-size:.6rem;color:var(--gold)}.btn-ornate:hover{border-color:var(--gold);box-shadow:var(--glow-gold)}.progress-bar{height:4px;background:rgba(212,175,55,.2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gold-gradient);border-radius:2px;transition:width .8s ease}.card{background:var(--bg-card);border:var(--border-subtle);padding:2rem;transition:var(--transition-smooth)}.card:hover{border-color:var(--gold-dark)}.footer{background:var(--bg-secondary);border-top:var(--border-subtle);padding:3rem 2rem;text-align:center}.footer-logo{width:120px;margin:0 auto 1.5rem;opacity:.8}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary)}.footer-links a:hover{color:var(--gold)}.footer-copy{font-size:.8rem;color:var(--text-muted)}.sidebar{position:fixed;right:1rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-dark);transition:var(--transition-smooth);cursor:pointer}.sidebar-btn img{width:100%;height:100%;object-fit:cover}.sidebar-btn:hover{transform:scale(1.15);border-color:var(--gold);box-shadow:var(--glow-gold)}.sidebar-btn[data-char=rosa]:hover{box-shadow:0 0 20px rgba(220,20,60,.5);border-color:var(--rosa-accent)}.sidebar-btn[data-char=maya]:hover{box-shadow:0 0 20px rgba(200,162,200,.5);border-color:var(--maya-accent)}.sidebar-btn[data-char=yume]:hover{box-shadow:0 0 20px rgba(255,215,0,.5);border-color:var(--yume-accent)}.sidebar-btn[data-char=jasmine]:hover{box-shadow:0 0 20px rgba(147,112,219,.5);border-color:var(--jasmine-accent)}.sidebar-btn[data-char=kaede]:hover{box-shadow:0 0 20px rgba(102,51,153,.5);border-color:var(--kaede-accent)}.story-hero{min-height:50vh;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 100%,rgba(212,175,55,.1) 0,transparent 50%),var(--bg-primary)}.story-hero-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10 L90 50 L50 90 L10 50Z' stroke='%23d4af37' stroke-width='0.3' fill='none' opacity='0.1'/%3E%3C/svg%3E")}.story-hero-content{position:relative;z-index:1;text-align:center;padding:4rem 2rem}.story-hero-title{font-family:var(--font-display);font-size:3rem;margin-bottom:1rem}.story-hero-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--text-secondary);font-style:italic}.story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:0 1rem}.story-queen-card{position:relative;aspect-ratio:1/2;overflow:hidden;border:1px solid var(--gold-dark);background:var(--bg-card);transition:var(--transition-smooth);cursor:pointer}.story-queen-card:hover{transform:translateY(-10px);border-color:var(--queen-color,var(--gold));box-shadow:0 0 30px color-mix(in srgb,var(--queen-color,var(--gold)) 40%,transparent)}.story-queen-image{position:absolute;inset:0;transition:var(--transition-smooth)}.story-queen-image img{object-position:top center!important}.story-queen-card:hover .story-queen-image{transform:scale(1.05)}.story-queen-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,15,.98) 0,rgba(10,10,15,.85) 25%,rgba(10,10,15,.3) 50%,transparent 60%);z-index:1}.story-queen-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:2;text-align:center}.story-queen-flower{font-size:2rem;margin-bottom:.5rem}.story-queen-name{font-family:var(--font-display);font-size:1.1rem;color:var(--gold-light);margin-bottom:.25rem}.story-queen-arc{font-size:.8rem;color:var(--text-secondary)}.story-progress-mini,.story-queen-arc{margin-bottom:1rem}.story-progress-text{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.5rem}.story-read-btn{font-family:var(--font-display);font-size:.8rem;color:var(--gold);letter-spacing:.1em;transition:var(--transition-smooth)}.story-queen-card:hover .story-read-btn{color:var(--gold-light)}.story-overview-card{max-width:800px;margin:0 auto;padding:2rem;background:var(--bg-card);border:var(--border-subtle)}.story-overview-card p{font-size:1.1rem;line-height:1.8;color:var(--platinum);margin-bottom:1rem}.story-overview-card p:last-child{margin-bottom:0}.chapter-list-hero{min-height:40vh;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3rem}.chapter-list-hero-bg{position:absolute;inset:0;z-index:-1}.chapter-list-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg-primary) 0,transparent 20%,transparent 60%,var(--bg-primary) 100%),linear-gradient(to right,rgba(10,10,15,.8) 0,rgba(10,10,15,.6) 100%);z-index:0}.chapter-list-hero-content{position:relative;z-index:1;text-align:center}.chapter-list-queen-flower{font-size:3rem;margin-bottom:.5rem}.chapter-list-queen-name{font-family:var(--font-display);font-size:2.5rem;color:var(--gold);margin-bottom:.5rem}.chapter-list-arc{font-size:1.1rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.chapter-list-progress{font-size:.9rem;color:var(--text-muted)}.back-link{display:inline-block;font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;transition:var(--transition-smooth)}.back-link:hover{color:var(--gold)}.chapter-list-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.chapter-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:var(--border-subtle);transition:var(--transition-smooth);animation:fadeInUp .5s ease forwards;opacity:0}.chapter-card:hover{border-color:var(--gold-dark);transform:translateX(10px);box-shadow:var(--glow-gold)}.chapter-number{flex-shrink:0;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--gold-dark)}.chapter-num-text{font-family:var(--font-ui);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em}.chapter-num-value{font-family:var(--font-display);font-size:1.5rem;color:var(--gold)}.chapter-title{font-family:var(--font-display);font-size:1.1rem;color:var(--gold-light);margin-bottom:.25rem;text-transform:none;letter-spacing:0}.chapter-title-id{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.chapter-preview{font-size:.9rem;color:var(--text-muted);line-height:1.5}.chapter-meta{flex-shrink:0;text-align:right}.chapter-read-time,.chapter-words{display:block;font-size:.75rem;color:var(--text-muted)}.chapter-arrow{font-size:1.5rem;color:var(--gold-dark);transition:var(--transition-smooth)}.chapter-card:hover .chapter-arrow{color:var(--gold);transform:translateX(5px)}.chapter-reader-header{padding:6rem 2rem 3rem;text-align:center;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--queen-color,var(--gold)) 10%,transparent) 0,transparent 50%),var(--bg-primary);border-bottom:var(--border-subtle)}.chapter-header-info{max-width:800px;margin:0 auto}.chapter-header-queen{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;display:block}.chapter-header-title{font-family:var(--font-display);font-size:2rem;color:var(--gold);margin-bottom:.5rem;text-transform:none;letter-spacing:.02em}.chapter-header-title-id{font-size:1rem;color:var(--text-secondary);font-style:italic;margin-bottom:1rem}.chapter-header-meta{display:flex;justify-content:center;gap:1rem;font-size:.85rem;color:var(--text-muted)}.chapter-content{max-width:800px;margin:0 auto;padding:3rem 2rem}.chapter-prose{font-family:var(--font-body);font-size:1.1rem;line-height:1.9;color:var(--platinum)}.chapter-prose h1,.chapter-prose h2,.chapter-prose h3{font-family:var(--font-display);color:var(--gold);margin:2rem 0 1rem;text-transform:none;letter-spacing:0}.chapter-prose h1{font-size:1.8rem}.chapter-prose h2{font-size:1.4rem}.chapter-prose h3{font-size:1.2rem}.chapter-prose p{margin-bottom:1.5rem;text-indent:2rem}.chapter-prose p:first-of-type{text-indent:0}.chapter-prose em{font-style:italic;color:var(--text-secondary)}.chapter-prose strong{color:var(--gold-light);font-weight:600}.chapter-prose hr{border:none;border-top:1px solid var(--gold-dark);margin:2rem auto;width:50%;opacity:.5}.chapter-prose blockquote{border-left:3px solid var(--gold-dark);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-secondary)}.chapter-prose ol,.chapter-prose ul{margin:1rem 0 1.5rem 2rem}.chapter-prose li{margin-bottom:.5rem}.chapter-nav{display:flex;justify-content:space-between;align-items:stretch;max-width:1000px;margin:0 auto;padding:2rem;gap:1rem}.chapter-nav-btn{flex:1 1;padding:1.5rem;background:var(--bg-card);border:var(--border-subtle);text-align:left;transition:var(--transition-smooth)}.chapter-nav-btn.next{text-align:right}.chapter-nav-btn:not(.disabled):hover{border-color:var(--gold-dark);background:var(--bg-secondary)}.chapter-nav-btn.disabled{opacity:.5;cursor:not-allowed}.nav-direction{display:block;font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.nav-title{font-size:.9rem;color:var(--gold-light)}.chapter-nav-center,.nav-title{font-family:var(--font-display)}.chapter-nav-center{display:flex;align-items:center;padding:0 1.5rem;font-size:.85rem;color:var(--gold);border:1px solid var(--gold-dark);transition:var(--transition-smooth)}.chapter-nav-center:hover{background:rgba(212,175,55,.1)}.reading-progress-container{position:fixed;top:60px;left:0;right:0;height:4px;background:rgba(212,175,55,.2);z-index:999}.reading-progress-bar{height:100%;background:var(--gold-gradient);transition:width .1s ease}.reading-progress-text{position:absolute;right:1rem;top:8px;font-family:var(--font-ui);font-size:.7rem;color:var(--text-muted)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:1px solid var(--gold-dark);color:var(--gold);font-size:1.5rem;cursor:pointer;z-index:100;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.back-to-top:hover{background:var(--gold);color:var(--bg-primary);box-shadow:var(--glow-gold)}.language-toggle{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:4px;cursor:pointer;transition:var(--transition-smooth)}.language-toggle:hover{border-color:var(--gold)}.lang-option{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--text-muted);transition:var(--transition-smooth)}.lang-option.active{color:var(--gold)}.lang-divider{margin:0 .5rem;color:var(--gold-dark)}.reader-settings{position:relative}.reader-settings-btn{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:4px;color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;transition:var(--transition-smooth)}.reader-settings-btn:hover{border-color:var(--gold);color:var(--gold)}.reader-settings-panel{position:absolute;top:100%;right:0;margin-top:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:4px;min-width:200px;z-index:100}.settings-group{display:flex;flex-direction:column;gap:.5rem}.settings-label{font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.font-size-controls{display:flex;gap:.5rem}.font-size-btn{flex:1 1;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--gold-dark);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);font-size:1rem}.font-size-btn.active,.font-size-btn:hover{border-color:var(--gold)}.font-size-btn.active{background:var(--gold);color:var(--bg-primary)}.reader-controls{gap:1rem;margin-top:1.5rem}.breadcrumb,.reader-controls{display:flex;justify-content:center}.breadcrumb{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:var(--font-ui);font-size:.85rem}.breadcrumb a{color:var(--text-secondary);transition:var(--transition-smooth)}.breadcrumb a:hover{color:var(--gold)}.breadcrumb-sep{color:var(--gold-dark)}.breadcrumb-current{color:var(--gold-light)}.chapter-prose.prose-sm{font-size:.95rem;line-height:1.7}.chapter-prose.prose-md{font-size:1.1rem;line-height:1.9}.chapter-prose.prose-lg{font-size:1.3rem;line-height:2.1}.chapter-header-title-alt{font-size:.9rem;color:var(--text-muted);font-style:italic;margin-bottom:1rem}.loading-text{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic}.store-hero{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);padding:6rem 2rem;text-align:center}.store-hero-title{font-family:var(--font-display);font-size:3rem;color:var(--gold);margin-bottom:1rem}.store-hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.store-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-btn{padding:.5rem 1.25rem;background:var(--bg-card);border:1px solid var(--gold-dark);color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;border-radius:4px;transition:var(--transition-smooth)}.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.filter-btn.active{background:var(--gold);color:var(--bg-primary);border-color:var(--gold)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.product-card{background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:8px;overflow:hidden;position:relative;transition:var(--transition-smooth)}.product-card:hover{transform:translateY(-4px);border-color:var(--queen-color,var(--gold));box-shadow:0 8px 32px rgba(212,175,55,.15)}.product-badge{position:absolute;top:1rem;right:1rem;padding:.35rem .75rem;font-family:var(--font-ui);font-size:.75rem;font-weight:600;border-radius:4px;z-index:2}.product-badge.available{background:#2d5a27;color:#90EE90}.product-badge.preorder{background:#5a3d27;color:var(--gold-light)}.product-badge.coming_soon{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--gold-dark)}.product-visual{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-card) 100%);padding:2rem;text-align:center;position:relative}.product-bottle{font-size:4rem}.product-queen-badge{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);font-size:1.5rem}.product-info{padding:1.5rem}.product-name{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light);margin-bottom:.25rem}.product-queen{font-family:var(--font-ui);font-size:.85rem;color:var(--queen-color,var(--gold));margin-bottom:.75rem}.product-tagline{font-family:var(--font-body);font-size:.9rem;font-style:italic;color:var(--text-secondary);margin-bottom:1rem}.product-notes{margin-bottom:1rem;padding:.75rem;background:rgba(0,0,0,.2);border-radius:4px}.note-group{display:flex;gap:.5rem;margin-bottom:.35rem}.note-group:last-child{margin-bottom:0}.note-label{font-size:.7rem;color:var(--gold);text-transform:uppercase;width:40px}.note-label,.note-value{font-family:var(--font-ui)}.note-value{font-size:.8rem;color:var(--text-secondary)}.product-pricing{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.product-price{font-family:var(--font-display);font-size:1.5rem;color:var(--gold)}.product-size{font-family:var(--font-ui);font-size:.8rem;color:var(--text-muted)}.product-cta{width:100%}.store-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.info-card{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:8px}.info-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.info-card h3{font-family:var(--font-display);color:var(--gold);margin-bottom:.5rem}.info-card p{font-size:.9rem;color:var(--text-secondary)}.world-hero{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);padding:6rem 2rem;text-align:center}.world-hero-title{font-family:var(--font-display);font-size:3rem;color:var(--gold);margin-bottom:1rem}.world-hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.lore-intro{text-align:center;max-width:700px;margin:0 auto}.lore-quote{font-family:var(--font-body);font-size:1.3rem;font-style:italic;color:var(--gold-light);border-left:none;padding:0}.kingdom-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.kingdom-card{background:var(--bg-card);border:1px solid var(--kingdom-color,var(--gold-dark));border-radius:8px;padding:1.5rem;animation:fadeInUp .6s ease forwards;opacity:0}.kingdom-header{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.2)}.kingdom-flower{font-size:2.5rem;display:block;margin-bottom:.5rem}.kingdom-name{font-family:var(--font-display);font-size:1.4rem;color:var(--kingdom-color,var(--gold))}.kingdom-queen-link{font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary);transition:var(--transition-smooth)}.kingdom-queen-link:hover{color:var(--gold-light)}.kingdom-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.kingdom-details{font-size:.85rem}.kingdom-detail{margin-bottom:.75rem}.detail-label{display:block;font-family:var(--font-ui);font-size:.7rem;color:var(--gold);text-transform:uppercase;margin-bottom:.25rem}.detail-value{color:var(--text-secondary)}.kingdom-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.trait-tag{padding:.25rem .75rem;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:20px;font-family:var(--font-ui);font-size:.75rem;color:var(--gold)}.lore-sections{display:flex;flex-direction:column;gap:2rem}.lore-section{background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:8px;padding:2rem;animation:fadeInUp .6s ease forwards;opacity:0}.lore-section-title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);margin-bottom:1rem}.lore-section-content{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);line-height:1.8}.lore-section-content p{margin-bottom:1rem}.lore-section-content p:last-child{margin-bottom:0}.world-cta{text-align:center;padding:3rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:8px}.world-cta h2{font-family:var(--font-display);font-size:2rem;color:var(--gold);margin-bottom:.5rem}.world-cta p{color:var(--text-secondary);margin-bottom:1.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.virethra-section{background:linear-gradient(180deg,#1a0a1a,#0d050d);border:1px solid #4a0033;border-radius:8px;padding:2.5rem;text-align:center;box-shadow:0 0 40px rgba(74,0,51,.3)}.virethra-header{margin-bottom:1.5rem}.virethra-icon{font-size:3rem;display:block;margin-bottom:.75rem}.virethra-title{font-family:var(--font-display);font-size:2rem;color:#cc0044;margin-bottom:.25rem}.virethra-subtitle{font-family:var(--font-ui);font-size:.9rem;color:#888;letter-spacing:.1em}.virethra-content{max-width:700px;margin:0 auto}.virethra-content p{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.virethra-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.virethra-trait{padding:.35rem 1rem;background:rgba(204,0,68,.15);border:1px solid #660033;border-radius:20px;font-family:var(--font-ui);font-size:.8rem;color:#cc4488}.kingdom-emblem{display:flex;justify-content:center;margin-bottom:1rem}.kingdom-emblem img{border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.shimmer-gold{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark));background-size:200% 100%;animation:shimmer 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:1024px){.kingdom-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.nav-menu{display:none}.kingdom-grid{grid-template-columns:repeat(2,1fr)}.hero-tagline{font-size:1.2rem}.sidebar{right:.5rem}.sidebar-btn{width:40px;height:40px}}@media (max-width:480px){.kingdom-grid{grid-template-columns:1fr 1fr;gap:.75rem}}.chapter-unlock-card{padding:1.5rem;background:var(--bg-card);border:var(--border-subtle);text-align:center;transition:var(--transition-smooth)}.chapter-unlock-card.locked{border-color:rgba(139,0,0,.5);background:linear-gradient(135deg,rgba(20,10,10,.9) 0,var(--bg-card) 100%)}.chapter-unlock-card.unlocked{border-color:var(--gold);background:linear-gradient(135deg,rgba(40,35,20,.9) 0,var(--bg-card) 100%)}.unlock-icon{font-size:2rem;margin-bottom:.75rem}.unlock-title{font-family:var(--font-display);font-size:1rem;color:var(--gold-light);margin-bottom:.5rem}.unlock-status{font-size:.9rem;color:var(--gold);font-weight:600;letter-spacing:.1em}.unlock-progress-container{margin:1rem 0}.unlock-progress-bar{height:8px;background:rgba(139,0,0,.3);border-radius:4px;overflow:hidden;border:1px solid rgba(139,0,0,.5)}.unlock-progress-fill{height:100%;background:linear-gradient(90deg,#8B0000,#DC143C,var(--gold));border-radius:4px;transition:width .5s ease}.unlock-progress-text{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;display:block}.unlock-cta{font-size:.85rem;color:var(--gold);margin-top:.75rem;font-style:italic}.unlock-loading{color:var(--text-muted);font-size:.85rem}.unlock-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem}.unlock-badge.locked{background:rgba(139,0,0,.3);color:#ff6b6b;border:1px solid rgba(139,0,0,.5)}.unlock-badge.unlocked{background:rgba(212,175,55,.2);color:var(--gold);border:1px solid rgba(212,175,55,.5)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:4px;cursor:pointer;transition:var(--transition-smooth)}.hamburger-btn:hover{background:rgba(212,175,55,.2);border-color:var(--gold)}.hamburger-line{display:block;width:100%;height:2px;background:var(--gold);border-radius:1px;transition:var(--transition-smooth)}.hamburger-btn:hover .hamburger-line{background:var(--gold-light)}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;animation:fadeIn .3s ease}.mobile-menu-drawer{position:fixed;top:0;right:0;width:85%;max-width:350px;height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-left:1px solid var(--gold-dark);z-index:1200;padding:2rem 1.5rem;display:flex;flex-direction:column;animation:slideInRight .35s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 40px rgba(0,0,0,.5)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:50%;color:var(--gold);font-size:1rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.mobile-menu-close:hover{background:rgba(212,175,55,.2);border-color:var(--gold);transform:rotate(90deg)}.mobile-menu-logo{width:120px;margin:0 auto 2rem;opacity:.9}.mobile-menu-logo img{width:100%;height:auto}.mobile-menu-nav{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;background:transparent;border:none;border-radius:4px;transition:all .25s ease;animation:slideInItem .4s ease forwards;opacity:0;transform:translateX(20px)}@keyframes slideInItem{to{opacity:1;transform:translateX(0)}}.mobile-menu-item:focus,.mobile-menu-item:hover{background:rgba(212,175,55,.1);color:var(--gold);padding-left:1.5rem}.mobile-menu-item-diamond{font-size:.6rem;color:var(--gold-dark);transition:color .25s}.mobile-menu-item:hover .mobile-menu-item-diamond{color:var(--gold)}.mobile-menu-lang{margin-top:1rem;padding:.75rem 1rem;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:4px;color:var(--gold-light);font-size:.9rem;cursor:pointer;transition:var(--transition-smooth)}.mobile-menu-lang:hover{background:rgba(212,175,55,.2);border-color:var(--gold)}.mobile-menu-cta{margin-top:1rem;text-align:center}.mobile-menu-decor{text-align:center;margin-top:2rem;color:var(--gold-dark);font-size:1.2rem}.skip-nav{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--bg-primary);padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-decoration:none;z-index:9999;transition:top .3s ease;border-radius:0 0 8px 8px}.skip-nav:focus{top:0;outline:2px solid var(--gold-light);outline-offset:2px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;box-shadow:var(--glow-gold)}.nav-menu a.active{color:var(--gold);position:relative}.nav-menu a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--gold);border-radius:50%}.desktop-only{display:inline-flex}@media (max-width:900px){.desktop-only{display:none!important}.hamburger-btn{display:flex}.nav-menu{display:none}.kingdom-grid,.story-grid{grid-template-columns:repeat(3,1fr)}.sidebar{display:none}}@media (max-width:600px){.kingdom-grid{gap:.75rem}.kingdom-grid,.story-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:1rem}.hero-logo{max-width:280px}.hero-tagline{font-size:1.1rem}.hero-subtitle{font-size:.95rem}.section{padding:2rem 1rem}.section-title{font-size:1.5rem}.nav-inner{padding:.5rem 1rem}.nav-logo img{height:35px}.footer-links{flex-direction:column;gap:.75rem}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;animation:fadeIn .25s ease}.product-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid var(--gold-dark);border-radius:12px;z-index:1200;overflow:hidden;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(212,175,55,.1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:50%;color:var(--gold);font-size:1rem;cursor:pointer;transition:var(--transition-smooth);z-index:10;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(212,175,55,.2);border-color:var(--gold);transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1fr 1.2fr;height:100%}.modal-visual{position:relative;flex-direction:column;padding:2rem;background:linear-gradient(135deg,rgba(var(--queen-color-rgb,212,175,55),.1) 0,transparent 100%);border-right:1px solid rgba(212,175,55,.1)}.modal-bottle,.modal-visual{display:flex;align-items:center;justify-content:center}.modal-bottle{width:120px;height:180px;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border:1px solid var(--gold-dark);border-radius:8px;margin-bottom:1rem}.modal-bottle-icon{font-size:4rem}.modal-queen-badge{padding:.5rem 1rem;border-radius:20px;color:white;font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.modal-status{position:absolute;top:1rem;left:1rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;border-radius:4px}.modal-status.available{background:rgba(0,128,0,.2);color:#90EE90;border:1px solid rgba(0,128,0,.4)}.modal-status.preorder{background:rgba(255,165,0,.2);color:#FFD700;border:1px solid rgba(255,165,0,.4)}.modal-status.coming_soon{background:rgba(128,128,128,.2);color:#C0C0C0;border:1px solid rgba(128,128,128,.4)}.modal-info{padding:2rem;overflow-y:auto}.modal-title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-light);margin-bottom:.25rem}.modal-queen{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.modal-tagline{font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--platinum);margin-bottom:1.5rem}.modal-notes{margin-bottom:1.5rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px}.modal-notes-title{font-family:var(--font-display);font-size:.8rem;color:var(--gold);margin-bottom:.75rem;letter-spacing:.1em}.modal-note-row{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.85rem}.modal-note-label{min-width:70px;color:var(--text-secondary)}.modal-note-value{color:var(--platinum)}.modal-pricing{display:flex;align-items:baseline;gap:1rem;margin-bottom:.75rem}.modal-price{font-family:var(--font-display);font-size:1.5rem;color:var(--gold)}.modal-size{font-size:.85rem;color:var(--text-secondary)}.modal-xp{font-size:.85rem;color:var(--yume-accent);margin-bottom:1.5rem;padding:.5rem .75rem;background:rgba(255,215,0,.1);border-radius:4px;display:inline-block}.modal-cta{width:100%;text-align:center;text-decoration:none;display:block}@media (max-width:700px){.product-modal{width:95%;max-height:95vh}.modal-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.modal-visual{padding:1.5rem;border-right:none;border-bottom:1px solid rgba(212,175,55,.1)}.modal-bottle{width:80px;height:120px}.modal-bottle-icon{font-size:2.5rem}.modal-info{padding:1.5rem}.modal-title{font-size:1.25rem}}.floating-progress{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.floating-progress-ring{width:55px;height:55px;transform:rotate(-90deg);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.floating-progress-bg{stroke:rgba(212,175,55,.2)}.floating-progress-fill{stroke:var(--queen-color,var(--gold));stroke-linecap:round;transition:stroke-dashoffset .3s ease}.floating-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-ui);font-size:.7rem;font-weight:600;color:var(--gold-light);pointer-events:none}.floating-progress-time{font-family:var(--font-ui);font-size:.65rem;color:var(--text-secondary);white-space:nowrap;background:rgba(0,0,0,.6);padding:.15rem .4rem;border-radius:4px}@media (max-width:600px){.floating-progress{bottom:1rem;right:1rem}.floating-progress-ring{width:45px;height:45px}.floating-progress-text{font-size:.6rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mobile-menu-drawer{animation:none;transform:translateX(0);opacity:1}.mobile-menu-item{animation:none;opacity:1;transform:none}.floating-progress{animation:none;opacity:1;transform:scale(1)}}.continue-reading-card{position:relative;display:flex;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:12px;overflow:hidden;transition:var(--transition-smooth);max-width:400px}.continue-reading-card:hover{border-color:var(--queen-color,var(--gold));box-shadow:0 0 30px rgba(var(--queen-color,212,175,55),.2);transform:translateY(-4px)}.continue-card-image{position:relative;width:120px;min-height:160px}.continue-card-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,var(--bg-card) 100%)}.continue-card-content{flex:1 1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.continue-label{font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.continue-queen{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);text-transform:none}.continue-chapter{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);line-height:1.3}.continue-time{font-family:var(--font-ui);font-size:.7rem;color:var(--text-muted);margin-top:auto}.continue-btn{display:inline-block;font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:var(--queen-color,var(--gold));margin-top:.5rem;transition:var(--transition-smooth)}.continue-btn:hover{color:var(--gold-light)}.continue-reading-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;background:linear-gradient(90deg,rgba(var(--queen-color,212,175,55),.1) 0,transparent 100%);border:1px solid var(--gold-dark);border-left:3px solid var(--queen-color,var(--gold));border-radius:0 8px 8px 0;margin-bottom:1.5rem}.banner-content{flex:1 1}.banner-label{font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);display:block;margin-bottom:.25rem}.banner-title{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);text-transform:none;margin-bottom:.15rem}.banner-subtitle{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);font-style:italic}.continue-reading-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:20px;font-family:var(--font-ui);font-size:.8rem;color:var(--gold-light);transition:var(--transition-smooth)}.continue-reading-compact:hover{background:rgba(212,175,55,.2);border-color:var(--gold);color:var(--gold)}.continue-icon{font-size:1rem}.chapter-status{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-ui);font-size:.7rem;padding:.2rem .5rem;border-radius:12px}.chapter-status.completed{background:rgba(76,175,80,.2);color:#81c784}.chapter-status.in-progress{background:rgba(255,193,7,.2);color:#ffd54f}.chapter-status.locked{background:rgba(158,158,158,.2);color:#9e9e9e}.completion-badge{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem}.completion-badge.done{background:linear-gradient(135deg,#4caf50,#81c784);color:white}.completion-badge.reading{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-primary)}.mark-read-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:8px;font-family:var(--font-ui);font-size:.85rem;color:#81c784;cursor:pointer;transition:var(--transition-smooth)}.mark-read-btn:hover{background:rgba(76,175,80,.2);border-color:#4caf50}.mark-read-btn.marked{background:rgba(76,175,80,.25);border-color:#4caf50}.mark-read-btn.marked:before{content:"✓";margin-right:.25rem}.progress-stats{display:flex;gap:1rem;padding:.75rem 1rem;background:rgba(212,175,55,.05);border:1px solid var(--gold-dark);border-radius:8px}.progress-stat{text-align:center;flex:1 1}.progress-stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--gold)}.progress-stat-label{font-family:var(--font-ui);font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.chapter-sidebar{position:sticky;top:80px;width:280px;max-height:calc(100vh - 100px);border:1px solid var(--gold-dark);border-radius:12px;padding:1rem}.chapter-sidebar::-webkit-scrollbar{width:4px}.chapter-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.chapter-sidebar::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:2px}.sidebar-header{padding-bottom:.75rem;border-bottom:1px solid var(--gold-dark);margin-bottom:.75rem}.sidebar-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.sidebar-toggle{background:none;transition:color .2s}.sidebar-toggle:hover{color:var(--gold)}.arc-section{margin-bottom:.5rem}.arc-header{gap:.5rem;padding:.5rem;border-radius:6px;transition:background .2s}.arc-icon{transition:transform .2s}.arc-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.arc-progress{font-size:.65rem}.chapter-list{margin:0}.chapter-list.collapsed{display:none}.chapter-item{gap:.5rem;padding:.5rem .75rem;border-left:2px solid transparent;transition:all .2s;cursor:pointer}.chapter-item:hover{background:rgba(212,175,55,.05);border-left-color:var(--gold-dark)}.chapter-item.active{background:rgba(212,175,55,.1);border-left-color:var(--gold)}.chapter-item.completed .chapter-indicator{color:#4caf50}.chapter-item.locked{opacity:.5;cursor:not-allowed}.chapter-indicator{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.chapter-num{font-size:.65rem;color:var(--text-muted)}.chapter-title-short{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary)}.chapter-item.active .chapter-title-short{color:var(--gold-light)}.chapter-filler-tag{font-size:.55rem;padding:.1rem .3rem;background:rgba(147,112,219,.2);color:#b39ddb;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gallery-card{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--gold-dark);background:var(--bg-card);cursor:pointer;transition:var(--transition-smooth)}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(212,175,55,.1);border-color:var(--gold)}.gallery-card-image{position:absolute;inset:0}.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-card:hover .gallery-card-image img{transform:scale(1.05)}.gallery-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,15,.9) 0,transparent 50%);opacity:0;transition:opacity .3s}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;transform:translateY(100%);transition:transform .3s}.gallery-card:hover .gallery-card-info{transform:translateY(0)}.gallery-card-queen{font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.25rem}.gallery-card-chapter{font-family:var(--font-body);font-size:.9rem;color:var(--text-primary)}.gallery-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s}.gallery-lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;transition:color .2s}.lightbox-close:hover{color:var(--gold)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:1px solid var(--gold-dark);color:var(--gold-light);width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .2s}.lightbox-nav:hover{background:rgba(212,175,55,.2);border-color:var(--gold)}.lightbox-nav.prev{left:-70px}.lightbox-nav.next{right:-70px}.lightbox-caption{text-align:center;margin-top:1rem;font-family:var(--font-body);color:var(--text-secondary)}.gallery-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center}.gallery-filter-btn{padding:.5rem 1rem;background:rgba(212,175,55,.1);border:1px solid var(--gold-dark);border-radius:20px;font-family:var(--font-ui);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.gallery-filter-btn.active,.gallery-filter-btn:hover{background:rgba(212,175,55,.2);border-color:var(--gold);color:var(--gold)}.chapter-sidebar{position:fixed;left:0;top:70px;bottom:0;width:300px;background:var(--bg-card);border-right:var(--border-gold);padding:1.5rem;transform:translateX(-100%);transition:transform .3s ease;z-index:90;overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,.5)}.chapter-sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-subtle)}.sidebar-title{font-family:var(--font-display);font-size:1.25rem;color:var(--gold);margin:0}.sidebar-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem}.arc-section{margin-bottom:1rem}.arc-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(212,175,55,.05);border-radius:8px;cursor:pointer;transition:background .2s ease}.arc-header:hover{background:rgba(212,175,55,.1)}.arc-icon{font-size:.75rem;color:var(--gold);transition:transform .2s ease}.arc-icon.collapsed{transform:rotate(-90deg)}.arc-name{flex:1 1;font-family:var(--font-display);font-size:.95rem;color:var(--text-primary)}.arc-progress{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-ui)}.chapter-list{list-style:none;padding:0;margin:.5rem 0 0;max-height:1000px;overflow:hidden;transition:max-height .3s ease}.chapter-list.collapsed{max-height:0}.chapter-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;margin:.25rem 0;border-radius:6px;text-decoration:none;color:var(--text-secondary);transition:all .2s ease;font-size:.9rem}.chapter-item:hover{background:rgba(212,175,55,.1);color:var(--text-primary)}.chapter-item.active{background:rgba(212,175,55,.15);border-left:3px solid var(--gold);color:var(--gold)}.chapter-item.completed{color:var(--text-primary)}.chapter-indicator{font-size:.75rem;width:1.25rem;text-align:center}.chapter-item.completed .chapter-indicator{color:#4ade80}.chapter-item.active .chapter-indicator{color:var(--gold)}.chapter-info{flex:1 1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.chapter-num{font-family:var(--font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.chapter-title-short{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.chapter-filler-tag{font-size:.6rem;padding:.15rem .4rem;background:rgba(212,175,55,.2);color:var(--gold);border-radius:4px;font-family:var(--font-ui);font-weight:600;letter-spacing:.05em}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:89;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width:768px){.continue-reading-card{flex-direction:column;max-width:100%}.continue-card-image{width:100%;min-height:120px}.continue-card-overlay{background:linear-gradient(180deg,transparent 50%,var(--bg-card) 100%)}.continue-reading-banner{flex-direction:column;text-align:center;gap:1rem}.chapter-sidebar{position:fixed;left:0;top:60px;bottom:0;width:280px;border-radius:0 12px 12px 0;transform:translateX(-100%);transition:transform .3s ease;z-index:100}.chapter-sidebar.open{transform:translateX(0)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.lightbox-nav{display:none}}.chapter-locked{opacity:.6;cursor:not-allowed;pointer-events:none;position:relative}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-dark);padding:.5rem 1rem;border-radius:2rem;font-family:var(--font-ui);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:0 4px 12px rgba(212,175,55,.3)}@media (max-width:768px){.store-hero-title{font-size:1.5rem!important}.store-hero-subtitle{font-size:.9rem!important}.gold-frame,.newsletter-signup{padding:1rem!important}.newsletter-signup form{flex-direction:column!important}.newsletter-signup input[type=email]{width:100%!important;min-width:unset!important}.newsletter-signup button{width:100%!important}.section-title{font-size:1.5rem!important}.section-subtitle{font-size:.95rem!important}.glass-card{padding:1rem!important}.btn{min-height:44px;padding:.75rem 1.5rem!important}.store-info{flex-direction:column!important;gap:1rem!important}.info-card{padding:1.5rem!important}}@media (max-width:480px){.section{padding:2rem 1rem!important}.gold-frame{padding:.75rem!important}.product-price{font-size:1.25rem!important}.modal-content{margin:.5rem!important;padding:1.5rem!important}}