:root{--bg: #170d2a;--bg-2: #20143e;--panel: #281a4d;--panel-2: #33215f;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--gold: #FCD132;--gold-2: #FFE57A;--gold-deep: #B8860B;--gold-ink: #2a1c04;--violet: #9B5DE5;--violet-2: #7A33C4;--violet-deep:#4E1E86;--magenta: #E879C9;--text: #F6EEDA;--text-2: #C7B6EA;--text-3: #9985c0;--ink: #0a0a0a;--f-display: "Berlin Sans FB Demi", "Berlin Sans FB", "Lilita One", system-ui, sans-serif;--f-body: "Poppins", system-ui, -apple-system, sans-serif;--radius: 6px;--radius-lg: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 120% 80% at 50% -10%,var(--bg-2) 0%,var(--bg) 60%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:var(--radius);font-family:var(--f-display);font-weight:400;font-size:1.02rem;letter-spacing:.04em;cursor:pointer;border:3px solid var(--ink);white-space:nowrap;transition:transform .14s ease,box-shadow .14s ease,filter .18s ease}.btn-gold{background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 55%,var(--gold-deep) 100%);color:var(--gold-ink);box-shadow:inset 0 2px #ffffff80,0 6px #7a5a05,0 20px 34px -14px #fcd13280}.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 2px #fff9,0 8px #7a5a05,0 24px 40px -12px #fcd13299}.btn-gold:active{transform:translateY(3px);box-shadow:inset 0 2px #fff6,0 1px #7a5a05}.btn-violet{background:linear-gradient(180deg,var(--violet) 0%,var(--violet-2) 60%,var(--violet-deep) 100%);color:#fff;box-shadow:inset 0 2px #ffffff40,0 6px #37105f,0 20px 34px -14px #7b33c48c}.btn-violet:hover{transform:translateY(-2px)}.btn-violet:active{transform:translateY(3px);box-shadow:inset 0 2px #fff3,0 1px #37105f}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)}.btn-ghost:hover{background:#ffffff0f;transform:translateY(-1px)}.btn-lg{padding:18px 44px;font-size:1.2rem;letter-spacing:.06em}.btn svg{stroke:currentColor}.site-logo{position:fixed;top:16px;left:16px;z-index:60;width:clamp(52px,7vw,68px);height:clamp(52px,7vw,68px);border-radius:16px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 6px #0006,0 14px 26px -10px #000000b3}.site-logo img{width:100%;height:100%;object-fit:cover;display:block}.hero{position:relative;min-height:92vh;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:90px 24px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-zoom 26s ease-in-out infinite alternate}@keyframes hero-zoom{0%{transform:scale(1.03)}to{transform:scale(1.12) translate3d(-1%,-1%,0)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(23,13,42,.5) 0%,rgba(23,13,42,.28) 42%,rgba(23,13,42,.6) 86%,var(--bg) 100%),radial-gradient(ellipse 120% 100% at 35% 50%,transparent 0%,rgba(23,13,42,.5) 92%)}.hero-inner{position:relative;z-index:2;text-align:center;max-width:760px;display:flex;flex-direction:column;align-items:center}.hero-mascot-wrap{position:relative;display:inline-flex;justify-content:center;margin:0 auto 24px}.hero-mascot-glow{position:absolute;top:-36%;right:-36%;bottom:-36%;left:-36%;z-index:0;pointer-events:none;background:radial-gradient(circle,#fcd13299,#fcd13238 42%,#fcd13200 68%);filter:blur(6px);animation:glow-pulse 4.5s ease-in-out infinite alternate}@keyframes glow-pulse{0%{transform:scale(.94);opacity:.8}to{transform:scale(1.1);opacity:1}}.hero-mascot{position:relative;z-index:1;width:clamp(150px,26vw,230px);height:auto;border-radius:28px;border:4px solid var(--ink);box-shadow:0 8px #00000073,0 30px 48px -16px #000000b3;animation:mascot-float 4.5s ease-in-out infinite alternate}@keyframes mascot-float{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-12px) rotate(1.5deg)}}.hero-title{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,4.4vw,3.4rem);line-height:1.02;letter-spacing:.02em;margin:0 0 16px;color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink),-1px 9px 0 var(--ink),1px 9px 0 var(--ink),0 10px 0 var(--ink),0 24px 36px rgba(0,0,0,.55)}.hero-title-accent{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink),-1px 9px 0 var(--ink),1px 9px 0 var(--ink),0 10px 0 var(--ink)}.hero-badge{display:inline-block;position:relative;padding:7px 26px;margin:0 0 20px;font-family:var(--f-display);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink);z-index:0}.hero-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);filter:drop-shadow(0 4px 0 var(--ink));z-index:-2}.hero-badge:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--gold);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);z-index:-1}.hero-sub{font-size:1.02rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin:0 0 32px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.hero-status{display:inline-flex;align-items:center;gap:11px;padding:10px 22px 11px;border-radius:999px;background:linear-gradient(180deg,#35215fe6,#20143eeb);border:2px solid var(--ink);box-shadow:inset 0 1px #ffffff29,0 4px #00000073,0 16px 28px -14px #000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--f-display);font-size:.95rem;letter-spacing:.03em;color:#fff}.status-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#b6ffa9,#46d257 68%);border:1px solid rgba(0,0,0,.35);box-shadow:0 0 10px #50e66ee6;animation:ping 2s ease-out infinite}.hero-status[data-tone=offline] .status-dot{background:radial-gradient(circle at 34% 30%,#ffb3b3,#e24e4e 68%);box-shadow:0 0 8px #ff5050b3;animation:none}.hero-status[data-tone=checking] .status-dot{background:radial-gradient(circle at 34% 30%,#ffe89a,#f2c13c 68%);box-shadow:0 0 8px #fcd132b3;animation:none}.status-count{color:var(--gold)}@keyframes ping{0%{box-shadow:0 0 10px #50e66ee6,0 0 #5fe36a8c}70%{box-shadow:0 0 10px #50e66ee6,0 0 0 9px #5fe36a00}to{box-shadow:0 0 10px #50e66ee6,0 0 #5fe36a00}}.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:3;width:26px;height:42px;border:2px solid var(--line-2);border-radius:14px;display:flex;justify-content:center}.hero-scroll span{width:4px;height:8px;margin-top:7px;border-radius:2px;background:var(--gold);animation:scroll-bob 1.6s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.3}}.showcase{max-width:100%;margin:clamp(40px,7vw,84px) 0;padding:0;width:100%}.showcase-wrap{display:grid;grid-template-columns:40% 1fr;min-height:560px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--bg-2)}.showcase-char{position:relative;overflow:hidden;background:#140b28}.showcase-char:before{content:"";position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;z-index:0;background:url(https://cdn.echoesofvaelthar.com/bg.png) center / cover no-repeat;filter:blur(16px) brightness(.72) saturate(1.05)}.char-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .45s ease}.char-img.is-active{opacity:1}.char-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 58%,rgba(19,12,36,.88) 100%),linear-gradient(180deg,transparent 72%,rgba(19,12,36,.55) 100%)}.showcase-main{background:#130c24;display:flex;flex-direction:column;min-width:0}.tab-bar{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab-btn{flex:1 1 auto;padding:20px 14px;cursor:pointer;white-space:nowrap;font-family:var(--f-display);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--text-3);border:0;border-bottom:3px solid transparent;transition:color .16s ease,background .16s ease,border-color .16s ease}.tab-btn:hover{color:var(--text);background:#ffffff0a}.tab-btn.is-active{color:var(--gold);background:#fcd13214;border-bottom-color:var(--gold)}.tab-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:clamp(24px,3vw,40px);align-items:center;flex:1}.tab-content.no-shot{grid-template-columns:1fr}.tab-text{min-width:0}.tab-heading{font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.4rem);color:#fff;margin:0 0 14px;letter-spacing:.02em;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.tab-copy{color:var(--text-2);font-size:1rem}.tab-copy p{margin:0 0 12px}.tab-copy strong,.tab-copy b{color:var(--text)}.tab-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.tab-list li{position:relative;padding-left:24px}.tab-list li:before{content:"◆";position:absolute;left:0;top:1px;color:var(--gold);font-size:.75rem}.tab-specs{list-style:none;padding:0;margin:0;display:grid;gap:2px}.tab-specs li{display:flex;gap:14px;padding:9px 2px;border-bottom:1px solid var(--line)}.tab-specs li span{flex:0 0 96px;color:var(--text-3);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.tab-specs li b{color:var(--text);font-weight:600}.tab-shot img{width:100%;border-radius:8px;border:2px solid var(--ink);box-shadow:0 10px 24px -10px #000000b3}.community-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.social-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius);border:3px solid var(--ink);color:#fff;font-family:var(--f-display);font-size:1rem;transition:transform .14s ease,filter .16s ease}.social-btn svg{width:22px;height:22px;fill:currentColor}.social-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.social-discord{background:#5865f2;box-shadow:0 5px #3b45c4}.social-facebook{background:#1877f2;box-shadow:0 5px #0f57b8}.gallery{padding:clamp(40px,7vw,90px) 24px clamp(60px,9vw,110px);max-width:1100px;margin:0 auto;width:100%}.section-title{font-family:var(--f-display);font-weight:400;text-align:center;font-size:clamp(2rem,5vw,3.2rem);color:var(--gold);margin:0 0 32px;letter-spacing:.04em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--ink);background:#000;box-shadow:0 10px #00000059,0 40px 70px -26px #000000bf}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.slide{flex:0 0 100%;aspect-ratio:16 / 9}.slide img{width:100%;height:100%;object-fit:cover}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 55%,var(--gold-deep) 100%);color:var(--gold-ink);border:3px solid var(--ink);font-size:1.9rem;line-height:1;font-weight:700;padding-bottom:4px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px #ffffff8c,0 5px #7a5a05,0 16px 24px -10px #0009;transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}.carousel-nav:hover{filter:brightness(1.07);transform:translateY(calc(-50% - 2px));box-shadow:inset 0 2px #fff9,0 7px #7a5a05,0 20px 28px -10px #000000a6}.carousel-nav:active{transform:translateY(calc(-50% + 3px));box-shadow:inset 0 2px #fff6,0 1px #7a5a05}.carousel-nav.prev{left:16px}.carousel-nav.next{right:16px}.carousel-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}.cdot{width:28px;height:4px;border-radius:2px;border:0;cursor:pointer;background:#ffffff59;transition:background .2s}.cdot.is-active{background:var(--gold)}.foot{margin-top:auto;padding:48px 24px 40px;text-align:center;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}.foot-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}.foot-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}.foot-wordmark{font-family:var(--f-display);font-size:1.3rem;color:var(--gold);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.foot-desc{max-width:560px;margin:0 auto 22px;color:var(--text-3);font-size:.95rem}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:22px;font-weight:600;font-size:.9rem}.foot-links a{color:var(--text-2)}.foot-links a:hover{color:var(--gold)}.foot-copy{color:var(--text-3);font-size:.8rem;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0614b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(640px,100%);max-height:86vh;overflow:auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text);border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:0 10px #0006,0 40px 80px -20px #000c}.modal-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--panel-2);border-bottom:1px solid var(--line)}.modal-title{font-family:var(--f-display);font-weight:400;font-size:1.3rem;color:var(--gold);margin:0;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.modal-close{background:none;border:0;color:var(--text-2);font-size:1.8rem;line-height:1;cursor:pointer}.modal-close:hover{color:var(--gold)}.modal-body{padding:22px}.modal-body h3{font-family:var(--f-display);font-weight:400;color:var(--gold-2);margin:20px 0 10px}.modal-body p,.modal-body li{color:var(--text-2)}.modal-body strong{color:var(--text)}.modal-body a{color:var(--gold-2);text-decoration:underline}.modal-body ol,.modal-body ul{padding-left:20px}.modal-body li{margin:6px 0}.download-notice,.join-success{text-align:center}.download-notice-mark,.join-success-mark{font-size:2rem;width:64px;height:64px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fcd13224;color:var(--gold);border:2px solid var(--gold-deep)}.download-actions,.join-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0 10px}.download-fine{color:var(--text-3);font-size:.82rem}.join-lede{color:var(--text-2)}.join-form{display:grid;gap:14px;margin-top:8px}.join-field{display:grid;gap:6px;text-align:left}.join-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.join-field input{padding:12px 14px;border-radius:var(--radius);border:2px solid var(--line-2);background:#00000040;color:var(--text);font-size:1rem;font-family:inherit}.join-field input:focus{outline:none;border-color:var(--gold)}.join-submit{width:100%;margin-top:6px}.join-error{color:#ff8a8a;font-size:.9rem;margin:0}.contact-grid{display:grid;gap:12px;margin-top:14px}.contact-card{display:grid;gap:4px;padding:16px;border-radius:var(--radius);background:#0003;border:1px solid var(--line-2);text-decoration:none!important}.contact-card:hover{border-color:var(--gold)}.contact-label{font-size:.75rem;letter-spacing:.1em;color:var(--text-3)}.contact-value{font-weight:700;color:var(--gold-2)}.contact-hint{font-size:.85rem;color:var(--text-3)}.devlog-intro{color:var(--text-2)}.devlog-entry{border:1px solid var(--line-2);border-radius:var(--radius);margin:10px 0;overflow:hidden;background:#0000002e}.devlog-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;list-style:none}.devlog-summary::-webkit-details-marker{display:none}.devlog-summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--violet)}.devlog-summary-id{color:var(--text-3);font-size:.85rem}.devlog-summary-title{font-weight:600;color:var(--text)}.devlog-summary-date{margin-left:auto;color:var(--text-3);font-size:.82rem}.devlog-body{padding:0 14px 14px;color:var(--text-2)}@media(max-width:880px){.showcase-wrap{grid-template-columns:1fr}.showcase-char{height:300px}.tab-bar{overflow-x:auto;flex-wrap:nowrap}.tab-btn{flex:0 0 auto}.tab-content{grid-template-columns:1fr}.tab-shot{order:-1}}@media(prefers-reduced-motion:reduce){.hero-mascot,.hero-mascot-glow,.hero-bg-img,.status-dot,.hero-scroll span{animation:none!important}}