@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Noto+Sans+Georgian:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e15;--panel:#101721;--gold:#eac886;--gold2:#bd8540;--cream:#f7eddb;--muted:#a9b0b9;--stroke:rgba(219,174,101,.25);--blue:#53a9e5;--red:#e36e57;--body:'Inter','Noto Sans Georgian',Arial,sans-serif;--heading:'Cinzel','Noto Sans Georgian',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f2f3f5;font-family:var(--body);min-width:320px}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.skip-link{position:absolute;left:0;top:-4rem;background:#eac886;color:#111;z-index:100;padding:10px}.skip-link:focus{top:0}.sky{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#09111b}.sky-image{position:absolute;inset:-3%;background:url('factions-ice-citadel.webp') center top/cover no-repeat;animation:slowZoom 36s ease-in-out infinite alternate;transform-origin:center 20%}.sky-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,13,.42) 0%,rgba(4,9,15,.16) 17%,rgba(6,11,17,.23) 46%,rgba(5,10,16,.93) 75%,#080d15 100%),linear-gradient(90deg,rgba(6,10,15,.28),transparent 22%,transparent 77%,rgba(8,11,17,.28))}.sky-fog{position:absolute;width:120%;height:35%;left:-15%;top:43%;background:radial-gradient(ellipse at 50% 50%,rgba(113,170,203,.15),transparent 63%);filter:blur(32px);mix-blend-mode:screen;opacity:.7;animation:fogDrift 22s linear infinite alternate}.sky-fog-two{top:55%;left:-5%;height:29%;animation-delay:-10s;animation-duration:30s;opacity:.6}.sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 14%,rgba(77,147,208,.13),transparent 42%);animation:glowPulse 9s ease-in-out infinite alternate}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#d9e8ff;box-shadow:0 0 8px #a5d6ff;border-radius:50%;opacity:0;animation:particleFall linear infinite}.particle.ember{background:#ffac66;box-shadow:0 0 9px #d67e37}.page-shell{max-width:1480px;padding:0 36px;margin:auto;position:relative}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid rgba(234,200,134,.14);background:linear-gradient(90deg,rgba(7,13,20,.48),rgba(7,13,20,.22));position:relative;z-index:9}.brand{display:flex;align-items:center;gap:10px;min-width:240px}.crest{width:46px;height:59px;filter:drop-shadow(0 0 12px rgba(220,166,78,.16))}.crest svg{height:100%}.brand-copy{display:grid;gap:3px}.brand-copy strong{font:700 25px/1.1 var(--heading);color:var(--gold);text-shadow:0 2px 18px #000;letter-spacing:.4px}.brand-copy small{font-size:9px;letter-spacing:1.9px;color:#b7a68d}.brand-dash{color:#e3b869}.nav{display:flex;align-items:center;gap:26px;justify-content:center;flex:1}.nav a{font-size:13px;color:#d6d4d0;transition:.2s;white-space:nowrap}.nav a:hover,.nav a.active{color:#ebc57f}.nav a.active:before{content:'✦';font-size:10px;margin-right:6px}.header-tools{display:flex;align-items:center;gap:12px}.language{background:rgba(6,10,17,.78);border:1px solid rgba(210,169,104,.28);border-radius:30px;display:flex;align-items:center;padding:3px}.language button{padding:7px 10px;background:transparent;border:0;border-radius:30px;color:#d7d5d0;font-size:10px;font-weight:700;letter-spacing:.2px}.language button:hover{color:#fff}.language button.selected{color:#251707;background:linear-gradient(180deg,#f2d8a3,#b88743);box-shadow:0 1px 5px #000}.menu-toggle{display:none;width:42px;height:40px;flex-direction:column;justify-content:center;gap:5px;background:rgba(11,17,22,.7);border:1px solid var(--stroke);border-radius:8px;padding:10px}.menu-toggle span{width:100%;height:2px;background:#e5c185}.hero{min-height:700px;position:relative;padding:38px 20px 32px;scroll-margin-top:30px}.top-ornament{font-size:15px;color:#bc9562;opacity:.85;display:flex;gap:14px;align-items:center;justify-content:center}.top-ornament span{width:64px;height:1px;background:linear-gradient(90deg,transparent,#d0a664)}.top-ornament span:last-child{transform:scaleX(-1)}.hero-topline{padding-top:14px;display:flex;justify-content:center;align-items:center;gap:17px;font:700 10px var(--body);letter-spacing:2px;color:#e9d6b7}.hero-keyword b{color:#ffda8e}.hero-tag{color:#b6bdcb;letter-spacing:1.4px}.gold-dot{display:inline-block;height:4px;width:4px;background:#dfaa5c;border-radius:100%;vertical-align:middle}.hero-tag>span:not(.gold-dot){margin:0 5px;color:#ac7f46}.hero-grid{display:grid;grid-template-columns:minmax(300px,1fr) 420px;align-items:center;min-height:518px;gap:40px}.hero-content{max-width:560px;padding-top:52px;z-index:1;text-shadow:0 2px 18px rgba(0,0,0,.9)}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.4px;text-transform:uppercase;font-size:11px;font-weight:800;color:#e2c68c}.eyebrow i{display:block;width:34px;height:1px;background:#e2b76c}.hero h1{font:600 clamp(37px,4.3vw,68px)/1.07 var(--heading);margin:25px 0 22px;text-transform:uppercase;text-wrap:balance;letter-spacing:-.4px;text-shadow:0 3px 24px #000}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#f4cc7e;background:linear-gradient(110deg,#fce5a8,#cc9051);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14px;line-height:1.9;max-width:450px;color:#e4e7e9;text-shadow:0 2px 9px #000}.factions{display:flex;align-items:center;gap:14px;margin-top:23px;font-size:11px;font-weight:800;letter-spacing:1.5px}.faction-item{display:flex;align-items:center;gap:8px}.faction-emblem{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid currentColor}.alliance{color:#80b8f5}.horde{color:#e78a6d}.faction-divider{color:#9f9c96;font-size:9px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:21px;min-height:44px;padding:0 22px;font-size:12px;font-weight:800;transition:transform .2s,filter .2s,background .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.09)}.btn-primary{color:#201407;border-color:#ffd89a;background:linear-gradient(180deg,#f2d498 0%,#c6924c 55%,#b57b39 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 4px 20px rgba(194,122,52,.2)}.btn-glass{color:#e7e4dc;background:rgba(7,12,19,.68);border-color:rgba(205,169,108,.48)}.auth-card{position:relative;z-index:2;width:100%;background:linear-gradient(150deg,rgba(19,25,32,.95),rgba(9,14,19,.94));border:1px solid rgba(217,175,112,.34);box-shadow:0 20px 70px rgba(0,0,0,.54),inset 0 0 30px rgba(230,164,69,.035);border-radius:13px;padding:25px 26px 22px;backdrop-filter:blur(17px)}.auth-card:before{content:'';position:absolute;inset:6px;border:1px solid rgba(240,201,127,.08);border-radius:9px;pointer-events:none}.auth-card-corner{position:absolute;width:21px;height:21px;border:2px solid #bc8a49;pointer-events:none}.auth-card-corner-1{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:12px 0 0 0}.auth-card-corner-2{right:-2px;bottom:-2px;border-left:none;border-top:none;border-radius:0 0 12px 0}.card-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.card-kicker,.small-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:#d2ad73;font-weight:700}.card-heading h2{font-size:19px;line-height:1.45;margin:7px 0 0;font-weight:700;color:#f9efe2}.card-star{font-size:38px;line-height:1;color:#c39b61;font-weight:200}.tabbar{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-bottom:1px solid #34404c}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 6px;font-weight:700;color:#b1b1b7;font-size:12px}.tab.active{border-bottom-color:#e6b96d;color:#f3d7a5}.form-view{padding-top:19px;display:grid;gap:12px}.form-view.hidden{display:none}.field{display:block}.field span{font-size:11px;display:block;margin:0 0 6px;color:#cbd0d6}.field input{height:42px;width:100%;outline:none;background:rgba(10,15,22,.85);border:1px solid rgba(130,142,158,.37);border-radius:5px;padding:10px 11px;color:#fff;font-size:12px;transition:.2s}.field input:focus{border-color:#dab06d;box-shadow:0 0 0 2px rgba(210,168,102,.14)}.field input::placeholder{color:#69737f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:8px;margin-top:2px;color:#b7b7b7;font-size:11px;cursor:pointer}.check input{accent-color:#d8a45b}.btn-submit{width:100%;border-radius:5px;margin-top:4px;height:43px}.auth-hint{font-size:10px;line-height:1.6;text-align:center;color:#87929e;margin:14px 0 0}.lock-icon{margin-right:5px;color:#dba765}.status-ribbon{background:linear-gradient(90deg,rgba(8,16,26,.94),rgba(19,27,34,.88),rgba(9,16,25,.95));border:1px solid rgba(196,151,88,.29);box-shadow:0 12px 40px rgba(0,0,0,.28);border-radius:5px;display:flex;align-items:center;justify-content:space-around;gap:0;padding:14px 7px}.status-ribbon>div{padding:0 21px;border-right:1px solid rgba(211,183,143,.18)}.status-ribbon>div:last-child{border-right:0}.status-main{display:flex;align-items:center;gap:10px;min-width:230px}.status-orb{width:12px;height:12px;border-radius:100%;background:#e9b55e;box-shadow:0 0 0 5px rgba(233,181,94,.1);flex-shrink:0}.status-ribbon small,.status-ribbon .status-last span{display:block;color:#aeb5bc;font-size:10px;margin-bottom:6px}.status-main strong{font-size:11px;color:#f6cc85;font-weight:700}.status-metric strong,.status-last strong{font:600 21px var(--heading);color:#f4d28d}.quick-section{display:flex;gap:36px;align-items:center;padding:35px 0 45px;scroll-margin-top:25px}.section-label{min-width:245px}.section-label span,.section-mini>span{font-size:10px;letter-spacing:2px;color:#cca571;text-transform:uppercase}.section-label strong{font-size:20px;line-height:1.4;display:block;margin-top:6px;color:#f2e5cf}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.quick-card{background:rgba(15,22,30,.83);border:1px solid rgba(185,158,121,.24);min-height:102px;border-radius:6px;padding:16px 13px;display:flex;align-items:flex-start;gap:12px}.quick-symbol{color:#e8bc71;font-size:27px;line-height:1}.quick-card small{font-size:9px;letter-spacing:1.5px;color:#b99461}.quick-card h3{font-size:12px;margin:7px 0;font-weight:800}.quick-card p{font-size:10px;line-height:1.6;color:#9ea7b2;margin:0}.feature-row,.shops-section,.news-section{background:linear-gradient(150deg,rgba(10,18,27,.94),rgba(13,18,25,.91));border:1px solid rgba(195,156,96,.19);padding:36px 37px;margin:20px 0 32px;scroll-margin-top:30px}.feature-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.feature-row>div:first-child{max-width:570px}.feature-row h2,.section-mini h2{font:600 clamp(22px,2.6vw,34px)/1.4 var(--heading);color:#f2e0be;margin:11px 0}.feature-row p,.shop-card p{font-size:13px;line-height:1.8;color:#aeb8c2}.feature-stats{display:flex;gap:30px}.feature-stats>div{display:grid;text-align:center}.feature-stats b{font:700 26px var(--heading);color:#e8c38a}.feature-stats span{font-size:9px;color:#b5b9bd;letter-spacing:1.5px;margin-top:9px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.shop-card{padding:23px;background:linear-gradient(140deg,rgba(22,32,43,.9),rgba(12,18,26,.88));border:1px solid rgba(218,176,109,.2)}.shop-card>span{font-size:25px;color:#e4b577}.shop-card h3{margin:12px 0 5px;color:#f1dfbf;font:600 20px var(--heading)}.shop-card small{font-size:10px;color:#b99469}.news-placeholder{padding:20px;background:rgba(10,16,23,.58);border:1px dashed rgba(218,176,109,.24);font-size:13px;color:#aeb7c2;margin-top:23px}footer{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid rgba(202,157,94,.24);padding:30px 0 35px;color:#a5a6aa;font-size:10px}.motion-button{background:transparent;color:#c9af80;border:1px solid rgba(199,157,97,.25);padding:8px 12px;border-radius:4px;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#101a24;border:1px solid #b78c58;color:#f6e9d1;font-size:13px;border-radius:7px;padding:12px 22px;max-width:min(90vw,500px);box-shadow:0 10px 40px #000}@keyframes slowZoom{from{transform:scale(1.00) translate(0,0)}to{transform:scale(1.08) translate(0,-1%)}}@keyframes fogDrift{from{transform:translateX(-8%)}to{transform:translateX(8%)}}@keyframes glowPulse{from{opacity:.45}to{opacity:1}}@keyframes particleFall{0%{transform:translate3d(0,-20px,0);opacity:0}15%{opacity:.7}85%{opacity:.6}100%{transform:translate3d(25px,100vh,0);opacity:0}}.pause-motion .sky-image,.pause-motion .sky-fog,.pause-motion .sky-glow,.pause-motion .particle{animation-play-state:paused!important}@media(max-width:1150px){.page-shell{padding:0 20px}.brand{min-width:190px}.brand-copy strong{font-size:21px}.brand-copy small{font-size:8px;letter-spacing:1.2px}.nav{gap:13px}.nav a{font-size:12px}.hero-grid{grid-template-columns:1fr 370px;gap:22px}.auth-card{padding:22px}.status-ribbon>div{padding:0 12px}.quick-section{flex-direction:column;align-items:stretch;gap:18px}.section-label{min-width:auto}}@media(max-width:850px){.site-header{height:78px}.nav{display:none;position:absolute;top:76px;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(9,15,22,.98);border:1px solid var(--stroke);border-radius:7px;padding:8px}.nav.open{display:flex}.nav a{padding:12px 15px}.menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr;gap:18px;padding-top:30px}.hero-content{padding-top:25px;max-width:550px}.auth-card{max-width:500px;justify-self:center;margin-top:20px}.hero{padding:30px 0}.sky-image{background-position:center top;opacity:.78}.sky-shade{background:linear-gradient(180deg,rgba(4,8,14,.45),rgba(3,8,12,.66) 38%,rgba(4,9,14,.92) 78%,#080d15)}.status-ribbon{flex-wrap:wrap;row-gap:18px}.status-main{min-width:165px}.status-ribbon>div{flex:1;min-width:130px}.feature-row{flex-direction:column;align-items:flex-start}.feature-stats{gap:40px}}@media(max-width:560px){.page-shell{padding:0 14px}.brand{min-width:auto;gap:4px}.crest{height:42px;width:36px}.brand-copy strong{font-size:16px}.brand-copy small{letter-spacing:.7px;font-size:6px}.header-tools{gap:7px}.language button{font-size:9px;padding:6px}.hero{padding-top:27px}.hero-topline{flex-direction:column;gap:9px;font-size:8px}.top-ornament{margin-top:3px}.hero-grid{padding-top:0}.hero h1{font-size:37px;margin:19px 0 15px}.hero-description{font-size:12px}.hero-content{padding-top:35px}.hero-actions .btn{flex:1;justify-content:center;padding:0 12px;gap:12px}.auth-card{padding:21px 15px}.card-heading h2{font-size:17px}.status-ribbon{padding:14px 4px}.status-ribbon>div{min-width:130px}.quick-grid{grid-template-columns:1fr}.feature-row,.shops-section,.news-section{padding:25px 20px}.shop-grid{grid-template-columns:1fr}.feature-stats{gap:15px;width:100%;justify-content:space-between}.feature-stats b{font-size:21px}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Clean logo lockup in place of the starter F crest; transparent WebP, no surrounding plaque */
.site-header .brand { min-width:220px; flex:0 0 auto; align-self:center; text-decoration:none; padding:0; }
.brand-logo { display:block; width:220px; height:90px; object-fit:contain; object-position:left center; filter:drop-shadow(0 3px 12px rgba(3,10,18,.7)); transition:filter .3s ease, transform .3s ease; }
.brand:hover .brand-logo { filter:drop-shadow(0 2px 17px rgba(247,188,96,.3)); transform:translateY(-1px); }
.status-ribbon { scroll-margin-top:14px; }
.hero-content:not(:has(.hero-description)) .factions { margin-top:25px; }
@media (max-width:1150px) { .site-header .brand { min-width:182px; } .brand-logo { width:182px; height:74px; } }
@media (max-width:850px) { .site-header .brand { min-width:176px; } .brand-logo { width:176px; height:68px; } }
@media (max-width:560px) { .site-header .brand { min-width:152px; } .brand-logo { width:152px; height:64px; } }
