:root{--color-dark: #0D0D0F;--color-dark-alt: #141820;--color-gold: #E6C795;--color-gold-bright: #FFD97D;--color-teal-dark: #17413D;--color-teal-mid: #3AA079;--color-parchment: #C9A96E;--color-parchment-lt:#F2E4C4;--color-text-dark: #2A1A08;--font-heading: "Cinzel", serif;--font-body: "Crimson Text", serif;--color-forest: #0E1F0E;--nav-height: 64px;--section-pad: 80px 24px;--max-width: 1200px;--transition-base: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-forest);color:var(--color-parchment-lt);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.animate-in{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.animate-in.visible{opacity:1;transform:translateY(0)}.section-inner{max-width:var(--max-width);margin:0 auto;padding:var(--section-pad);position:relative;z-index:1}.section-heading{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);text-align:center;margin-bottom:12px}.section-heading.dark{color:var(--color-text-dark)}.section-subtext{font-family:var(--font-body);font-size:1.1rem;text-align:center;max-width:680px;margin:0 auto 48px;line-height:1.7;color:var(--color-parchment-lt)}.section-subtext.dark{color:var(--color-text-dark)}.section-tagline{font-family:var(--font-heading);font-size:1rem;letter-spacing:.14em;text-align:center;color:var(--color-gold);margin-bottom:48px;text-transform:uppercase;opacity:.8}#navbar{position:static;width:100%;background:#0d0d0ff7;border-bottom:1px solid rgba(230,199,149,.25);height:var(--nav-height)}.nav-inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:0;overflow:visible}.nav-brand{display:flex;align-items:center;gap:4px;flex-shrink:0;overflow:visible}.nav-bear{height:58px;width:auto;object-fit:contain}.nav-text-logo{height:176px;width:auto;object-fit:contain}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-parchment-lt);transition:color var(--transition-base);position:relative;padding-bottom:2px}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-gold);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-gold)}.nav-link:hover:after,.nav-link.active:after{width:100%}#hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--color-forest)}.hero-smoke-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/site_art/image%2021.png);background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}.hero-divider{position:relative;z-index:10;display:flex;align-items:center;width:100%;margin-top:-144px;margin-bottom:-144px;pointer-events:none}.hero-div-left,.hero-div-right{flex:1;min-width:0;height:auto;display:block}.hero-div-logo{flex-shrink:0;height:288px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(230,199,149,.55))}#hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 55%,transparent 72%);z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto;padding:120px 24px;display:flex;align-items:center;gap:48px;width:100%}.hero-text{max-width:560px}.hero-title{font-family:var(--font-heading);font-size:clamp(2.8rem,6vw,5rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);line-height:1.1;margin-bottom:20px;text-shadow:0 2px 24px rgba(0,0,0,.7)}.hero-subtitle{font-size:1.15rem;line-height:1.8;color:var(--color-parchment-lt);margin-bottom:16px}.hero-subtitle:last-of-type{margin-bottom:36px}.btn-primary{display:inline-block;font-family:var(--font-heading);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-dark);background:var(--color-gold);border:2px solid var(--color-gold-bright);border-radius:6px;box-shadow:0 4px 16px #00000059;padding:14px 36px;transition:background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.btn-primary:hover{background:var(--color-gold-bright);border-color:var(--color-gold-bright);box-shadow:0 0 24px #ffd97d80;transform:translateY(-2px)}.btn-outline-dark{display:inline-block;font-family:var(--font-heading);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dark);background:transparent;border:2px solid var(--color-text-dark);border-radius:6px;padding:14px 36px;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.btn-outline-dark:hover{background:var(--color-text-dark);color:var(--color-gold);transform:translateY(-2px)}.section-cta{text-align:center;margin-top:40px}.section-parchment{position:relative;background-image:url(/magic_art/PaperColor.png);background-size:cover;background-position:center;overflow:hidden}.parchment-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.png);background-size:400px 400px;background-repeat:repeat;opacity:.08;pointer-events:none;z-index:0}.section-dark-music{position:relative;background:var(--color-dark);overflow:hidden}.music-smoke{position:absolute;left:0;width:100%;height:180px;background-image:url(/site_art/LighBGSmoke.png);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:0}.music-smoke-top{top:0;background-position:bottom center}.music-smoke-bottom{bottom:0;transform:scaleY(-1)}.music-layout{display:flex;gap:40px;align-items:flex-start}.music-left{flex:1;min-width:0}.music-right{flex:1;min-width:0;padding-top:56px}#music .section-inner{padding-top:120px;padding-bottom:20px}#music .section-heading{margin-bottom:4px}.player-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.player-btn{background:none;border:2px solid rgba(230,199,149,.5);color:var(--color-parchment-lt);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.player-btn:hover{background:#e6c79526;transform:scale(1.08)}.play-btn{width:52px;height:52px;font-size:1.2rem;border-color:var(--color-gold);background:#e6c7951a;color:var(--color-parchment-lt)}.play-btn:hover{background:var(--color-gold);color:var(--color-dark);box-shadow:0 0 20px #e6c79566}.player-info{margin-bottom:10px}.track-title{font-family:var(--font-heading);font-size:1rem;letter-spacing:.08em;color:var(--color-parchment-lt);text-align:center;margin-bottom:12px}.progress-container{background:#e6c79526;border-radius:2px;height:6px;cursor:pointer;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-parchment),var(--color-gold));border-radius:2px;transition:width .1s linear}.time-display{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-parchment-lt);opacity:.55;margin-top:6px}.volume-container{display:flex;align-items:center;gap:10px;margin-bottom:12px}.volume-icon{color:var(--color-parchment-lt);font-size:1.1rem}.volume-slider{flex:1;-webkit-appearance:none;height:4px;background:#e6c79526;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-gold);cursor:pointer}.track-list{border-top:none}.track-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(230,199,149,.12);border-radius:4px;margin-bottom:6px;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000004d;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.track-item:hover{background:#e6c79512;border-color:#e6c79540}.track-item.active{border-color:#e6c79559;background:#e6c7950f}.track-item.active .track-name{color:var(--color-gold);font-weight:600}.track-item.active .track-num{background:#e6c7952e;color:var(--color-gold-bright)}.track-num{width:26px;height:26px;border-radius:50%;background:#e6c79514;border:1px solid rgba(230,199,149,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-heading);font-size:.65rem;color:var(--color-gold)}.track-name{font-size:.95rem;color:var(--color-parchment-lt);opacity:.85}.section-dark-green{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.section-dark-green:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00140a73}.hex-grid{display:flex;flex-direction:column;align-items:center;gap:0}.hex-row{display:flex;justify-content:center;gap:28px}.hex-row.row-4,.hex-row.row-2{margin-top:-20px}.hex-wrapper{width:160px;height:184px;position:relative;filter:drop-shadow(0 0 14px rgba(40,200,110,.32))}.hex-border{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-image:url(/creature_art/GoldTexture.png);background-size:cover;transition:filter var(--transition-base)}.hex-cell{position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-image:var(--creature-img);background-size:cover;background-position:center;overflow:hidden;transition:transform var(--transition-base)}.hex-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#17413de0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity var(--transition-base)}.hex-wrapper:hover .hex-cell{transform:scale(1.06)}.hex-wrapper:hover .hex-overlay{opacity:1}.hex-wrapper:hover .hex-border{filter:brightness(1.3) drop-shadow(0 0 8px rgba(230,199,149,.6))}.hex-name{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);text-align:center;padding:0 8px}.hex-learn{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark);background:var(--color-gold);padding:5px 14px;transition:background var(--transition-base)}.hex-learn:hover{background:var(--color-gold-bright)}.creatures-lore{font-family:var(--font-heading);font-size:.78rem;letter-spacing:.1em;text-align:center;color:var(--color-gold);opacity:.6;text-transform:uppercase;margin-top:24px}#magic,#characters{position:relative;background-color:#f5edd6;overflow:visible;z-index:2}#magic:before,#characters:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,90,43,.08) 0%,transparent 65%),radial-gradient(ellipse at 50% 100%,rgba(139,90,43,.08) 0%,transparent 65%),radial-gradient(ellipse at 0% 50%,rgba(139,90,43,.05) 0%,transparent 55%),radial-gradient(ellipse at 100% 50%,rgba(139,90,43,.05) 0%,transparent 55%);pointer-events:none;z-index:0}#magic .section-inner,#characters .section-inner{position:relative;z-index:1}.wave-cap{position:absolute;left:0;width:100%;height:80px;line-height:0;z-index:2;pointer-events:none}.wave-cap--top{top:-79px}.wave-cap--bottom{bottom:-79px;transform:scaleY(-1)}.wave-cap svg{display:block;width:100%;height:80px}.orb-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}.orb-card{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}.orb-glow{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base);animation:float 3s ease-in-out infinite}.orb-card:nth-child(1) .orb-glow{animation-delay:0s}.orb-card:nth-child(2) .orb-glow{animation-delay:.5s}.orb-card:nth-child(3) .orb-glow{animation-delay:1s}.orb-card:nth-child(4) .orb-glow{animation-delay:1.5s}.orb-card:nth-child(5) .orb-glow{animation-delay:2s}.orb-card:nth-child(6) .orb-glow{animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orb-glow.air .orb-img{filter:drop-shadow(0 0 8px rgba(200,230,255,.75))}.orb-glow.fire .orb-img{filter:drop-shadow(0 0 8px rgba(255,120,40,.75))}.orb-glow.ground .orb-img{filter:drop-shadow(0 0 8px rgba(140,100,40,.75))}.orb-glow.light .orb-img{filter:drop-shadow(0 0 8px rgba(255,240,150,.75))}.orb-glow.shadow .orb-img{filter:drop-shadow(0 0 8px rgba(100,50,150,.75))}.orb-glow.water .orb-img{filter:drop-shadow(0 0 8px rgba(50,150,220,.75))}.orb-card:hover .orb-glow{transform:scale(1.1);animation-play-state:paused}.orb-card:hover .orb-glow.air .orb-img{filter:drop-shadow(0 0 16px rgba(200,230,255,1))}.orb-card:hover .orb-glow.fire .orb-img{filter:drop-shadow(0 0 16px rgba(255,120,40,1))}.orb-card:hover .orb-glow.ground .orb-img{filter:drop-shadow(0 0 16px rgba(140,100,40,1))}.orb-card:hover .orb-glow.light .orb-img{filter:drop-shadow(0 0 16px rgba(255,240,150,1))}.orb-card:hover .orb-glow.shadow .orb-img{filter:drop-shadow(0 0 16px rgba(100,50,150,1))}.orb-card:hover .orb-glow.water .orb-img{filter:drop-shadow(0 0 16px rgba(50,150,220,1))}.orb-img{width:110px;height:110px;object-fit:contain;border-radius:50%}.orb-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2a1a08;text-shadow:0 1px 0 rgba(255,255,255,.45)}.section-dark{background:var(--color-forest);position:relative}#timeline{background-image:url(/timeline_art/ForestBG.png);background-size:cover;background-position:center;background-attachment:scroll}#timeline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000a05b8;z-index:0;pointer-events:none}#timeline .section-inner{position:relative;z-index:1}.era-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.era-col{display:flex;flex-direction:column;align-items:center;gap:0}.era-card{width:100%;height:210px;border-radius:4px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.era-card:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 0 24px #e6c7954d;z-index:2}.era-label{font-family:var(--font-heading);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);text-align:center;padding:8px 4px 2px;opacity:.85}.era-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform var(--transition-base)}.era-card:hover .era-bg{transform:scale(1.05)}.era-character{position:absolute;bottom:24px;left:50%;transform:translate(-50%);height:68%;width:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.era-timeline{margin-top:20px;position:relative}.tl-track{display:flex;justify-content:space-evenly;align-items:center;position:relative;padding:10px 0}.tl-track:before{content:"";position:absolute;top:50%;left:3%;right:3%;height:2px;transform:translateY(-50%);background:linear-gradient(to right,transparent 0%,rgba(230,199,149,.5) 8%,var(--color-gold) 25%,var(--color-gold) 75%,rgba(230,199,149,.5) 92%,transparent 100%)}.tl-node{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tl-orb{width:26px;height:26px;border-radius:50%;border:2px solid rgba(230,199,149,.45);transition:transform .3s ease,box-shadow .3s ease;cursor:default}.tl-orb:hover{transform:scale(1.3)}.tl-orb-earth{background:radial-gradient(circle at 35% 35%,#d4a060,#6b3a0a);box-shadow:0 0 10px #a06414a6}.tl-orb-teal{background:radial-gradient(circle at 35% 35%,#6fcba0,#1a5a3a);box-shadow:0 0 10px #32b478a6}.tl-orb-nature{background:radial-gradient(circle at 35% 35%,#70c850,#1e5010);box-shadow:0 0 10px #50b432a6}.tl-orb-steam{background:radial-gradient(circle at 35% 35%,#e8a850,#803808);box-shadow:0 0 10px #c88228a6}.tl-orb-modern{background:radial-gradient(circle at 35% 35%,#50a0e8,#102868);box-shadow:0 0 10px #3282dca6}.tl-orb-shadow{background:radial-gradient(circle at 35% 35%,#9860c8,#38086a);box-shadow:0 0 10px #8c3cc8a6}.tl-orb-space{background:radial-gradient(circle at 35% 35%,#b0d8f8,#2050a0);box-shadow:0 0 10px #78bef0a6}.races-grid{display:flex;justify-content:center;gap:20px;flex-wrap:nowrap}.race-card{background:none;border:none;padding:0;cursor:pointer;transition:transform var(--transition-base)}.race-card:hover{transform:scale(1.04)}.race-card:hover .race-frame{filter:drop-shadow(0 0 16px rgba(58,160,121,.55))}.race-frame{position:relative;width:160px;height:399px;-webkit-mask-image:url(/races_art/CharacterBoxVector.svg);-webkit-mask-size:100% 100%;mask-image:url(/races_art/CharacterBoxVector.svg);mask-size:100% 100%;overflow:hidden}.race-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1d5c40,#123c28 55%,#0a2418)}.race-portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.race-label-bar{position:absolute;bottom:0;left:0;right:0;padding:16px 8px 20px;background:#000000a6;text-align:center}.race-name{font-family:var(--font-heading);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold)}.races-lore{font-family:var(--font-body);font-size:1rem;color:#2a1a08;text-align:center;max-width:700px;margin:32px auto 0;line-height:1.7;opacity:.85}.section-plants{background-image:url(/vaeloria_art/PlantsBG.png);background-size:cover;background-position:center;background-attachment:scroll;position:relative}.section-plants:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000f0a73;z-index:0;pointer-events:none}#map .section-inner{position:relative;z-index:1}.vaeloria-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.vaeloria-map-col,.vaeloria-text-col{min-width:0}.vaeloria-inline-cta{margin-top:28px}.map-frame{border:2px solid var(--color-gold);box-shadow:0 0 32px #e6c79533,inset 0 0 20px #0000004d;border-radius:2px;overflow:hidden}.map-frame img{width:100%;height:auto;display:block;transition:transform .5s ease}.map-frame:hover img{transform:scale(1.03)}.vaeloria-scenes{margin-top:48px}.scene-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.scene-cell{border-radius:2px;overflow:hidden;border:1px solid rgba(230,199,149,.2);aspect-ratio:4/3;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.scene-cell:hover{border-color:var(--color-gold);box-shadow:0 0 16px #e6c79533}.scene-cell img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.scene-cell:hover img{transform:scale(1.05)}.scene-cell-empty{display:flex;align-items:center;justify-content:center;background:#e6c7950d;border-style:dashed}.scene-empty-inner{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);opacity:.4;text-align:center}.vaeloria-left{min-width:0}.vaeloria-body{margin-bottom:28px}.vaeloria-body p{color:var(--color-parchment-lt);font-size:1.05rem;line-height:1.8;margin-bottom:14px;opacity:.88}.vaeloria-body p:last-child{margin-bottom:0}.vaeloria-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:40px}.btn-outline-light{display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 36px;color:var(--color-parchment-lt);background:transparent;border:2px solid rgba(230,199,149,.5);border-radius:6px;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.btn-outline-light:hover{background:#e6c7951f;border-color:var(--color-gold);color:var(--color-gold)}.section-social{background:var(--color-forest);position:relative;border-top:1px solid rgba(230,199,149,.1);border-bottom:1px solid rgba(230,199,149,.1)}.social-cta-grid{display:flex;justify-content:center;gap:28px;margin-top:40px;flex-wrap:wrap}.social-cta-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 52px;background:#ffffff0a;border:1px solid rgba(230,199,149,.15);border-radius:8px;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base);min-width:190px}.social-cta-card:hover{background:#e6c7950f;border-color:#e6c79559;transform:translateY(-6px)}.social-icon-wrap{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center}.social-icon-tiktok{background:#010101;color:#fff;border:1px solid rgba(255,255,255,.12)}.social-icon-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-icon-facebook{background:#1877f2;color:#fff}.social-platform{font-family:var(--font-heading);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-parchment-lt)}.social-follow-btn{font-family:var(--font-heading);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);border:1px solid rgba(230,199,149,.3);padding:7px 24px;border-radius:3px;transition:background var(--transition-base),border-color var(--transition-base)}.social-cta-card:hover .social-follow-btn{background:#e6c7951a;border-color:var(--color-gold)}#footer{background:var(--color-dark);border-top:1px solid rgba(230,199,149,.25);padding:56px 24px 32px}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-bear{height:60px;width:auto}.footer-text-logo{height:36px;width:auto}.footer-nav{display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:center}.footer-link{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-parchment-lt);opacity:.6;transition:opacity var(--transition-base),color var(--transition-base)}.footer-link:hover{opacity:1;color:var(--color-gold)}.footer-social{display:flex;gap:20px}.social-link{width:40px;height:40px;border:1px solid rgba(230,199,149,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-parchment-lt);opacity:.6;transition:opacity var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.social-link:hover{opacity:1;border-color:var(--color-gold);color:var(--color-gold)}.footer-copy{font-size:.8rem;color:var(--color-parchment-lt);opacity:.35;letter-spacing:.06em}@media(max-width:900px){.vaeloria-layout{grid-template-columns:1fr}.nav-links{gap:16px}.nav-link{font-size:.68rem}.races-grid{gap:12px}.race-frame{width:120px;height:299px}}@media(max-width:768px){:root{--section-pad: 56px 16px}.music-layout{flex-direction:column;gap:32px}.nav-links{gap:10px}.nav-link{font-size:.62rem;letter-spacing:.06em}.hex-row.row-4,.hex-row.row-2{margin-top:-20px}.hex-wrapper{width:120px;height:138px}.era-cards{gap:6px}.era-card{height:180px}.era-label{font-size:.48rem;padding:5px 2px 1px}.races-grid{gap:10px}.race-frame{width:105px;height:262px}.scene-grid{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:480px){.nav-links{gap:6px}.hex-wrapper{width:100px;height:115px}.hex-row{gap:8px}.hex-row.row-4,.hex-row.row-2{margin-top:-16px}.orb-grid{gap:20px}.orb-glow,.orb-img{width:90px;height:90px}.vaeloria-layout{gap:24px}.races-grid{gap:12px;flex-wrap:wrap}.race-frame{width:130px;height:324px}.social-cta-grid{gap:16px}.social-cta-card{padding:28px 32px;min-width:140px}}