: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;--divider-logo: clamp(180px, 20vw, 288px);--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:relative;z-index:100;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:34px;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%}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:1px solid rgba(230,199,149,.35);border-radius:6px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--color-gold);border-radius:1px;transition:transform var(--transition-base),opacity var(--transition-base)}#navbar.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}#navbar.open .nav-toggle span:nth-child(2){opacity:0}#navbar.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px;background:#0d0d0ffa;border-bottom:1px solid rgba(230,199,149,.25)}#navbar.open .nav-links{display:flex}.nav-link{display:block;padding:14px 24px;font-size:.85rem}.nav-link:after{display:none}}#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/HeroBackground.webp);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:calc(var(--divider-logo) / -2);margin-bottom:calc(var(--divider-logo) / -2);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:var(--divider-logo);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.webp);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.webp);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:calc(var(--divider-logo) / 2 + 24px);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.webp);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:linear-gradient(to bottom,var(--color-dark) 0,rgba(13,13,15,0) 220px),#00140a73}@media(hover:none){.section-dark-green{background-attachment:scroll}}.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;z-index:2}#magic:before,#characters:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 50%,rgba(139,90,43,.06) 0%,transparent 55%),radial-gradient(ellipse at 100% 50%,rgba(139,90,43,.06) 0%,transparent 55%);pointer-events:none;z-index:0}#magic .section-inner,#characters .section-inner{position:relative;z-index:1}.torn-edge{--edge: clamp(36px, 6vw, 96px);position:relative;z-index:2;margin-block:calc(-1 * var(--edge));padding-block:var(--edge);background-image:linear-gradient(to bottom,rgba(120,78,36,.14),transparent calc(var(--edge) * 2)),linear-gradient(to top,rgba(120,78,36,.14),transparent calc(var(--edge) * 2));-webkit-mask:var(--edge-top) top / 100% var(--edge) no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--edge) + 2px) no-repeat,var(--edge-bottom) bottom / 100% var(--edge) no-repeat;mask:var(--edge-top) top / 100% var(--edge) no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--edge) + 2px) no-repeat,var(--edge-bottom) bottom / 100% var(--edge) no-repeat}.torn-edge{--edge-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,65.6 L15,67 L30,66.4 L45,67.4 L60,68 L75,69.5 L90,71.2 L105,71.5 L120,68.3 L135,64.7 L150,61.1 L165,58 L180,55.2 L195,54.2 L210,55.2 L225,53.6 L240,54 L255,51.3 L270,49.2 L285,48.1 L300,48.7 L315,51.3 L330,52.6 L345,55.1 L360,55.5 L375,53.6 L390,51.2 L405,47.4 L420,45.1 L435,44 L450,44 L465,42.5 L480,40.2 L495,37.2 L510,32.9 L525,29 L540,27.8 L555,27.6 L570,28.5 L585,31.5 L600,33.6 L615,35.6 L630,36 L645,36.1 L660,38.9 L675,40.5 L690,45 L705,49.5 L720,51.4 L735,53.1 L750,51.7 L765,51.2 L780,50 L795,49.4 L810,50.7 L825,51 L840,52.6 L855,52.3 L870,51.2 L885,49.7 L900,49.9 L915,51.2 L930,53.4 L945,57.8 L960,60.9 L975,64.9 L990,66.3 L1005,67.3 L1020,67.3 L1035,67.2 L1050,68.9 L1065,71.1 L1080,71.2 L1095,71.3 L1110,68.3 L1125,64.2 L1140,59.6 L1155,57 L1170,53.5 L1185,52.6 L1200,52.1 L1215,51.8 L1230,48.6 L1245,46.5 L1260,44.2 L1275,43.5 L1290,43.8 L1305,45.8 L1320,47.3 L1335,49.4 L1350,49.7 L1365,49.4 L1380,47.4 L1395,44.1 L1410,43 L1425,42.8 L1440,42.8 L1440,100 L0,100Z'/%3E%3C/svg%3E");--edge-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,39.1 L15,37.2 L30,33.7 L45,31 L60,31.6 L75,33.7 L90,37.2 L105,39.5 L120,41.8 L135,42.4 L150,42.5 L165,41.9 L180,40.8 L195,39.8 L210,40.7 L225,40.6 L240,40.1 L255,38.8 L270,35.5 L285,33 L300,31.4 L315,32.1 L330,35.3 L345,38.2 L360,43 L375,46.2 L390,48.6 L405,50.4 L420,52.9 L435,55.3 L450,58.2 L465,61.7 L480,64 L495,64.2 L510,63.1 L525,61.1 L540,58.1 L555,56 L570,55.3 L585,55.8 L600,57.7 L615,58.9 L630,60 L645,60.5 L660,60.1 L675,61.3 L690,63.1 L705,65.4 L720,68.3 L735,70.7 L750,71.7 L765,70.1 L780,66.7 L795,62.4 L810,59.1 L825,56.2 L840,54.7 L855,53.3 L870,50 L885,48.1 L900,45.6 L915,42.5 L930,41 L945,40.5 L960,42.6 L975,46.2 L990,48.4 L1005,49.9 L1020,49.5 L1035,47.7 L1050,45.2 L1065,43.2 L1080,41.9 L1095,41.3 L1110,39.6 L1125,37.8 L1140,35.1 L1155,32.1 L1170,29.3 L1185,27.1 L1200,27.1 L1215,29 L1230,32.7 L1245,36.5 L1260,39.6 L1275,41.3 L1290,43.2 L1305,44.2 L1320,47 L1335,48.2 L1350,50.8 L1365,54.1 L1380,54.6 L1395,52.6 L1410,50.1 L1425,47.1 L1440,45.6 L1440,0 L0,0Z'/%3E%3C/svg%3E")}.torn-edge--b{--edge-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50.2 L15,51.3 L30,53 L45,55.8 L60,58.4 L75,61.8 L90,63 L105,63.1 L120,62.2 L135,59 L150,56.6 L165,55.9 L180,55.8 L195,57 L210,59.7 L225,60.2 L240,60 L255,59.1 L270,59.2 L285,59 L300,61.4 L315,62.8 L330,64.2 L345,63.3 L360,59.7 L375,54.8 L390,50.6 L405,47 L420,44 L435,41.7 L450,40 L465,36.4 L480,32.9 L495,29.6 L510,28.2 L525,27.1 L540,29.2 L555,32.9 L570,36.8 L585,40.3 L600,42.6 L615,44 L630,44.2 L645,46 L660,48.6 L675,51.6 L690,54.5 L705,54.7 L720,53 L735,50.7 L750,49.9 L765,49.4 L780,51 L795,52.7 L810,56.2 L825,59 L840,59.6 L855,60.7 L870,60.2 L885,63.3 L900,64.8 L915,68.5 L930,70.1 L945,71.6 L960,69.3 L975,65.8 L990,61.1 L1005,57.4 L1020,53.8 L1035,52.3 L1050,49.5 L1065,45.6 L1080,42.5 L1095,37.2 L1110,33.4 L1125,31.7 L1140,33.1 L1155,35 L1170,38.9 L1185,40.9 L1200,40.4 L1215,40 L1230,40.3 L1245,40.2 L1260,42.3 L1275,44.8 L1290,45.4 L1305,45.8 L1320,45.1 L1335,42 L1350,39.8 L1365,40.1 L1380,41.4 L1395,44.5 L1410,47.7 L1425,50.4 L1440,53 L1440,100 L0,100Z'/%3E%3C/svg%3E");--edge-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,62.3 L15,65.8 L30,68.4 L45,67 L60,66 L75,65.3 L90,65.7 L105,66.8 L120,68.3 L135,66.6 L150,64.5 L165,60 L180,57.7 L195,57.1 L210,58.7 L225,58.4 L240,58.3 L255,57.7 L270,54.5 L285,55 L300,55.5 L315,57.7 L330,61.6 L345,63 L360,61.9 L375,61 L390,58.8 L405,59.6 L420,60.7 L435,62.2 L450,60.7 L465,58 L480,54.2 L495,49.6 L510,47.2 L525,45.9 L540,45.2 L555,43.9 L570,40 L585,36.1 L600,32.2 L615,30.2 L630,32.2 L645,33.2 L660,35.6 L675,35.8 L690,34.4 L705,33 L720,34.3 L735,37.3 L750,40.4 L765,43.6 L780,44.4 L795,42.9 L810,41.1 L825,40.4 L840,42.3 L855,42.9 L870,44.2 L885,42.8 L900,40.5 L915,37.9 L930,36.6 L945,36.7 L960,39.2 L975,41 L990,41 L1005,39.8 L1020,39.7 L1035,40.2 L1050,44.7 L1065,48.5 L1080,53.5 L1095,55.4 L1110,56.8 L1125,57.4 L1140,58.8 L1155,61.6 L1170,65.1 L1185,68.4 L1200,69.4 L1215,67.6 L1230,65.1 L1245,63.5 L1260,62.5 L1275,63.7 L1290,63.6 L1305,63.5 L1320,60.2 L1335,57.9 L1350,55 L1365,55.6 L1380,56 L1395,58.4 L1410,59.9 L1425,58.9 L1440,57.6 L1440,0 L0,0Z'/%3E%3C/svg%3E")}.torn-edge--c{--edge-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,58 L15,59.3 L30,62.6 L45,65.6 L60,68.4 L75,69.1 L90,68.7 L105,66.4 L120,64.4 L135,63.7 L150,64.8 L165,64.4 L180,64.7 L195,62.6 L210,58 L225,54.5 L240,48.9 L255,47.1 L270,45.3 L285,43.3 L300,43 L315,40.9 L330,36.7 L345,34 L360,30.3 L375,30.4 L390,30.8 L405,33.2 L420,33.7 L435,35.3 L450,35.8 L465,35.3 L480,34.5 L495,36.8 L510,39.4 L525,42 L540,44.9 L555,47.5 L570,47.3 L585,46.9 L600,45.7 L615,45.5 L630,46.2 L645,48.3 L660,50.5 L675,51.5 L690,50 L705,48.7 L720,46.7 L735,46.8 L750,47.6 L765,49.4 L780,51.7 L795,53.3 L810,53.8 L825,54.8 L840,54.8 L855,55.7 L870,57.3 L885,61.9 L900,64.7 L915,68.4 L930,68.9 L945,68.5 L960,67.4 L975,66.8 L990,68.1 L1005,69.6 L1020,69.4 L1035,69.3 L1050,67.5 L1065,63.7 L1080,59 L1095,55.5 L1110,54 L1125,51.6 L1140,50.4 L1155,49.3 L1170,45.5 L1185,42.5 L1200,37.6 L1215,35.8 L1230,33.9 L1245,35.4 L1260,36.4 L1275,37.3 L1290,36.3 L1305,35.2 L1320,33.9 L1335,34 L1350,36.1 L1365,37.9 L1380,41.2 L1395,44 L1410,44.1 L1425,43.8 L1440,42.4 L1440,100 L0,100Z'/%3E%3C/svg%3E");--edge-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,58.6 L15,63 L30,65.4 L45,65.6 L60,63 L75,60.7 L90,59.6 L105,60.2 L120,61.1 L135,60.4 L150,60.5 L165,58 L180,55.6 L195,55.3 L210,55.3 L225,58.3 L240,61 L255,63.5 L270,64.2 L285,64.6 L300,63.1 L315,62 L330,61.7 L345,61.9 L360,61.7 L375,59.9 L390,55.6 L405,49.6 L420,44.5 L435,40.5 L450,38.8 L465,38.3 L480,37 L495,35.6 L510,33.5 L525,31.8 L540,31.1 L555,32 L570,34.6 L585,39.2 L600,41.1 L615,43 L630,42.3 L645,41.8 L660,41.9 L675,42.6 L690,43.5 L705,44.9 L720,45.4 L735,43.9 L750,40.3 L765,39.2 L780,38.3 L795,39.8 L810,43.1 L825,46.1 L840,49.5 L855,50.5 L870,52.7 L885,55 L900,57.8 L915,61.9 L930,67.3 L945,70.9 L960,72.1 L975,70.9 L990,68.4 L1005,66.3 L1020,66.3 L1035,65.1 L1050,64.5 L1065,63.7 L1080,60 L1095,57 L1110,52.8 L1125,50.1 L1140,50.9 L1155,52.3 L1170,53.2 L1185,54.7 L1200,54.5 L1215,51.9 L1230,52.2 L1245,51.9 L1260,52.1 L1275,54.2 L1290,54.1 L1305,50.6 L1320,46.7 L1335,42.9 L1350,38.1 L1365,35.9 L1380,34.3 L1395,33.8 L1410,32.6 L1425,31 L1440,29.1 L1440,0 L0,0Z'/%3E%3C/svg%3E")}.torn-edge--d{--edge-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,61.7 L15,62.4 L30,64.2 L45,65.6 L60,67 L75,68.3 L90,70.6 L105,70.1 L120,70.2 L135,68 L150,63.9 L165,60.3 L180,55.2 L195,50.9 L210,47 L225,45.4 L240,43 L255,41.9 L270,42.4 L285,40.4 L300,39.6 L315,38.4 L330,37.3 L345,37 L360,36.3 L375,38.3 L390,39.9 L405,43.2 L420,44.2 L435,45.1 L450,44.7 L465,43.9 L480,41.3 L495,39.6 L510,37.3 L525,36.4 L540,36.6 L555,36.9 L570,38.3 L585,39.5 L600,40.5 L615,42.5 L630,42.9 L645,43.9 L660,46.2 L675,48.5 L690,53.7 L705,57.7 L720,62.1 L735,66.7 L750,69.1 L765,70.7 L780,69.6 L795,69.7 L810,67.8 L825,64.9 L840,64.1 L855,62.4 L870,61.7 L885,61.1 L900,59.5 L915,59 L930,55.7 L945,53.2 L960,51.2 L975,49 L990,49.1 L1005,50.3 L1020,51.7 L1035,53.1 L1050,54 L1065,55.7 L1080,55.1 L1095,53.1 L1110,49.1 L1125,46.3 L1140,43.7 L1155,42.7 L1170,40.4 L1185,39.7 L1200,38.4 L1215,36.3 L1230,33.7 L1245,32.5 L1260,29.5 L1275,28.2 L1290,26.8 L1305,28.8 L1320,31.9 L1335,35.1 L1350,39.5 L1365,44.4 L1380,47.4 L1395,50.2 L1410,51.4 L1425,52 L1440,53.7 L1440,100 L0,100Z'/%3E%3C/svg%3E");--edge-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,51 L15,55.6 L30,59.9 L45,62.6 L60,64.7 L75,65.4 L90,62.8 L105,60.3 L120,58.9 L135,57.8 L150,57.5 L165,57.6 L180,59.4 L195,58.8 L210,59.3 L225,57.5 L240,57.4 L255,58.8 L270,59.4 L285,63.2 L300,64.3 L315,66.9 L330,64.8 L345,62.8 L360,59.1 L375,54.9 L390,50.7 L405,47.5 L420,45 L435,43.2 L450,41.2 L465,37 L480,33.4 L495,31.2 L510,30.1 L525,30.1 L540,32.9 L555,35.5 L570,39.7 L585,41.6 L600,43.3 L615,42.8 L630,42 L645,42.5 L660,42.7 L675,43.8 L690,45.6 L705,46.5 L720,44.7 L735,42.9 L750,41.6 L765,40.4 L780,41.4 L795,45.1 L810,49.7 L825,53.9 L840,57.7 L855,61.3 L870,63.5 L885,63.3 L900,64.9 L915,66.7 L930,68.9 L945,71.9 L960,72.6 L975,70.9 L990,67 L1005,62.2 L1020,57.8 L1035,54.6 L1050,52.5 L1065,52.1 L1080,51.8 L1095,51.8 L1110,51.2 L1125,50.2 L1140,48.1 L1155,48.2 L1170,47.3 L1185,48.6 L1200,51.2 L1215,51.3 L1230,50.7 L1245,48.6 L1260,44.3 L1275,39.6 L1290,36.2 L1305,34.4 L1320,31.7 L1335,32.6 L1350,31.6 L1365,31.2 L1380,31.5 L1395,30.6 L1410,31.5 L1425,33.5 L1440,36.7 L1440,0 L0,0Z'/%3E%3C/svg%3E")}.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.webp);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;text-decoration:none}.era-card{width:100%;height:210px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),filter var(--transition-base)}.era-img{width:100%;height:100%;object-fit:contain;display:block}.era-col:hover .era-card,.era-col:focus-visible .era-card{transform:scale(1.06) translateY(-4px);filter:drop-shadow(0 0 10px rgba(230,199,149,.55));z-index:2}.era-col:focus-visible{outline:none}.era-col:hover .era-label{opacity:1}.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-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.webp);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:linear-gradient(to top,var(--color-forest) 0,rgba(14,31,14,0) 220px),#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-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:30px;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}.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}.hex-row.row-4,.hex-row.row-2{margin-top:-20px}.hex-wrapper{width:120px;height:138px}.era-cards{gap:6px}.era-card,.era-img{height:auto}.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){.hex-wrapper{width:82px;height:94px}.hex-row{gap:6px}.hex-name{font-size:.6rem}.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}}.sanctuary-card{position:relative;display:flex;align-items:stretch;max-width:760px;margin:48px auto 0;background:#0d0d0fb8;border:1px solid rgba(230,199,149,.45);border-radius:10px;overflow:hidden;box-shadow:0 8px 28px #0006;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.sanctuary-card:hover{border-color:var(--color-gold-bright);transform:translateY(-2px);box-shadow:0 0 24px #ffd97d40}.sanctuary-card-art{width:38%;min-height:200px;object-fit:cover;flex-shrink:0}.sanctuary-card-text{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:22px 26px;text-align:left}.sanctuary-card-kicker{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-teal-mid)}.sanctuary-card-title{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-gold)}.sanctuary-card-desc{font-family:var(--font-body);font-size:1.05rem;color:var(--color-parchment-lt);opacity:.9}.sanctuary-card-play{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-bright);margin-top:6px}.nav-link-play{color:var(--color-gold-bright)}@media(max-width:600px){.sanctuary-card{flex-direction:column}.sanctuary-card-art{width:100%;height:180px;min-height:0}}