*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#f0c060;--gold-bright:#ffe08a;--gold-dark:#a07820;--blue-dark:#050d1a;--blue-mid:#0a1830;--horde:#c0392b;--alliance:#2980b9;--purple:#8b1fa8;--correct:#27ae60;--wrong:#c0392b;--focus:#3498db;--btn-edge:rgba(255,224,138,.72);--btn-rune:rgba(255,235,178,.78);--btn-shadow:rgba(240,192,96,.34)}
html{scroll-behavior:smooth}
body{background-color:var(--blue-dark);color:#e8d9b0;font-family:'Crimson Text',Georgia,serif;overflow-x:hidden}
.stars{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(26,58,106,.55) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(139,31,168,.3) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 20% 70%,rgba(192,57,43,.2) 0%,transparent 60%),var(--blue-dark)}
.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.15}
.orb-1{width:500px;height:500px;background:var(--purple);top:-100px;left:-100px;animation:orb-drift 20s ease-in-out infinite}
.orb-2{width:400px;height:400px;background:var(--horde);bottom:10%;right:-80px;animation:orb-drift 25s ease-in-out infinite reverse}
.orb-3{width:350px;height:350px;background:var(--alliance);top:40%;left:20%;animation:orb-drift 18s ease-in-out infinite 5s}
@keyframes orb-drift{0%,100%{transform:translate(0,0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:linear-gradient(to bottom,rgba(5,13,26,.95),transparent);border-bottom:1px solid rgba(240,192,96,.15)}
.nav-logo{display:inline-flex;align-items:center;gap:10px;font-family:'Cinzel Decorative',serif;font-size:1.1rem;color:var(--gold);text-shadow:0 0 20px rgba(240,192,96,.6)}
.nav-logo-emblem{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(30,144,255,.4)) drop-shadow(0 0 10px rgba(240,192,96,.25))}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#130d04;background:linear-gradient(180deg,#fff2b5 0%,#f0c060 42%,#a66e18 100%);border:1px solid var(--btn-edge);border-radius:5px;padding:10px 22px;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s,filter .22s;box-shadow:0 0 18px var(--btn-shadow),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -2px 0 rgba(74,43,5,.38);position:relative;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.nav-cta::before{content:'';width:12px;height:12px;flex:0 0 12px;background:linear-gradient(135deg,#fff8e0,var(--gold));clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%);filter:drop-shadow(0 0 5px rgba(255,224,138,.65))}
.nav-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.26) 45%,transparent 58%);transform:translateX(-115%);transition:transform .55s;pointer-events:none}
.nav-cta:hover{transform:translateY(-1px);border-color:#fff0b0;box-shadow:0 0 28px rgba(240,192,96,.62),0 8px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.5)}
.nav-cta:hover::after{transform:translateX(115%)}
.nav-cta:active{transform:translateY(0);filter:saturate(.96) brightness(.96)}
.nav-cta:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.auth-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.auth-hello{font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.08em;color:rgba(232,217,176,.82);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--gold-bright);background:linear-gradient(180deg,rgba(16,35,66,.74),rgba(5,13,26,.86));border:1px solid rgba(240,192,96,.42);border-radius:5px;padding:9px 13px;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;box-shadow:inset 0 0 16px rgba(240,192,96,.04)}
.auth-link::before{content:'';width:8px;height:8px;flex:0 0 8px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:0 0 8px rgba(240,192,96,.35)}
.auth-link:hover{transform:translateY(-1px);border-color:rgba(255,224,138,.78);background:linear-gradient(180deg,rgba(24,48,84,.86),rgba(8,18,36,.92));box-shadow:0 0 18px rgba(240,192,96,.18),inset 0 0 18px rgba(240,192,96,.06)}
.auth-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(120,70,180,.22),transparent 45%),radial-gradient(circle at 50% 48%,rgba(36,124,220,.16),transparent 40%),linear-gradient(180deg,#050914 0%,#090d18 55%,#120b1f 100%);isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(circle at center 44%,rgba(36,124,220,.24),transparent 36%),radial-gradient(ellipse 72% 50% at center 54%,rgba(139,31,168,.16),transparent 62%),linear-gradient(to bottom,rgba(3,8,18,.36) 0%,rgba(3,8,18,.5) 45%,rgba(3,8,18,.9) 100%);pointer-events:none}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:180px;z-index:0;background:linear-gradient(to bottom,transparent,rgba(5,13,26,.96));pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero-emblem{--hero-emblem-float-y:-8px;display:block;width:clamp(190px,24vw,310px);max-width:100%;height:auto;object-fit:contain;margin-bottom:28px;animation:hero-emblem-float-y 4.6s ease-in-out infinite;filter:drop-shadow(0 0 34px rgba(30,144,255,.3)) drop-shadow(0 0 24px rgba(240,192,96,.35));will-change:transform}
@keyframes hero-emblem-float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--hero-emblem-float-y))}}
.hero-eyebrow{font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;opacity:0;animation:fade-up .8s .3s forwards}
.hero-title{font-family:'Cinzel Decorative',serif;font-size:clamp(2.8rem,8vw,6.5rem);line-height:1;font-weight:900;background:linear-gradient(180deg,#fff8e0 0%,var(--gold-bright) 40%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;opacity:0;animation:fade-up .8s .5s forwards}
.hero-sub{font-family:'Cinzel Decorative',serif;font-size:clamp(1rem,3vw,1.8rem);font-weight:700;color:rgba(240,192,96,.6);letter-spacing:.1em;margin-bottom:28px;opacity:0;animation:fade-up .8s .65s forwards}
.hero-desc{font-size:clamp(1rem,2.5vw,1.2rem);font-style:italic;color:rgba(232,217,176,.75);max-width:640px;line-height:1.7;margin:0 auto 52px;text-align:center;opacity:0;animation:fade-up .8s .8s forwards}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fade-up .8s 1s forwards}
.hero-pvp-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:16px;opacity:0;animation:fade-up .8s 1.12s forwards}
.btn-duel-hero{min-width:190px;padding:14px 34px}
.btn-pve-hero{min-width:190px}
.scroll-hint{position:absolute;bottom:36px;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(240,192,96,.4);font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;animation:scroll-bounce 2s ease-in-out infinite}
.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,rgba(240,192,96,.4),transparent)}
@keyframes scroll-bounce{0%,100%{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(6px)}}
@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Cinzel',serif;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;user-select:none;line-height:1.2;white-space:normal;text-align:center}
.btn-primary{font-size:.9rem;letter-spacing:.15em;color:#130d04;background:linear-gradient(180deg,#fff2b5 0%,#f0c060 40%,#b77a1d 100%);border:1px solid var(--btn-edge);border-radius:5px;padding:16px 40px;transition:transform .22s,box-shadow .22s,border-color .22s,filter .22s;box-shadow:0 0 34px rgba(240,192,96,.42),0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -2px 0 rgba(70,42,5,.35);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.btn-primary::before{content:'';width:13px;height:13px;flex:0 0 13px;background:linear-gradient(135deg,#fff8e0,var(--gold));clip-path:polygon(48% 0,62% 35%,100% 50%,62% 65%,48% 100%,38% 65%,0 50%,38% 35%);filter:drop-shadow(0 0 6px rgba(255,224,138,.7));position:relative;z-index:1}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-110%);transition:transform .55s;pointer-events:none}
.btn-primary:hover:not(:disabled){transform:translateY(-2px);border-color:#fff0b0;box-shadow:0 0 48px rgba(240,192,96,.62),0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.54)}
.btn-primary:hover:not(:disabled)::after{transform:translateX(110%)}
.btn-primary:active:not(:disabled){transform:translateY(0);filter:saturate(.96) brightness(.95)}
.btn-primary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.btn-primary:disabled,.btn-secondary:disabled,.nav-cta:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.65);transform:none;box-shadow:none}
.btn-secondary{font-size:.85rem;letter-spacing:.12em;color:var(--gold-bright);background:linear-gradient(180deg,rgba(16,35,66,.76),rgba(5,13,26,.88));border:1px solid rgba(240,192,96,.46);border-radius:5px;padding:16px 36px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}
.btn-secondary::before{content:'';width:10px;height:10px;flex:0 0 10px;border:1px solid var(--btn-rune);transform:rotate(45deg);box-shadow:0 0 8px rgba(240,192,96,.38);position:relative;z-index:1}
.btn-secondary::after{content:'';position:absolute;inset:1px;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(240,192,96,.06),transparent);opacity:.8;pointer-events:none}
.btn-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(255,224,138,.78);background:linear-gradient(180deg,rgba(25,51,90,.88),rgba(8,18,36,.94));box-shadow:0 0 24px rgba(240,192,96,.22),inset 0 0 20px rgba(240,192,96,.06)}
.btn-secondary:active:not(:disabled){transform:translateY(0)}
.btn-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.divider{position:relative;z-index:1;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 40px}
.divider-line{flex:1 1 0;min-width:0;height:1px;background:linear-gradient(to right,transparent,rgba(240,192,96,.4),transparent)}
.divider-gem{position:relative;left:auto;right:auto;width:12px;height:12px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 16px var(--gold);margin:0 16px;flex:0 0 12px}
.slabel{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:14px}
.stitle{font-family:'Cinzel Decorative',serif;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;background:linear-gradient(180deg,#fff8e0,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:60px}
/* FACTIONS */
.factions{position:relative;z-index:1;padding:80px 24px;text-align:center}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto}
.faction-mobile-scroll-anchor{display:none;height:0;width:100%;pointer-events:none}
.fc{border-radius:8px;padding:40px 32px;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;border:2px solid rgba(240,192,96,.1);user-select:none}
.fc.horde{background:linear-gradient(145deg,rgba(192,57,43,.15),rgba(5,13,26,.8))}
.fc.alliance{background:linear-gradient(145deg,rgba(41,128,185,.15),rgba(5,13,26,.8))}
.fc:hover{transform:translateY(-5px)}
.fc:focus{outline:2px solid var(--focus);outline-offset:2px}
.fc.sel-h{border-color:#e74c3c;box-shadow:0 0 50px rgba(192,57,43,.5);transform:translateY(-5px)}
.fc.sel-a{border-color:#3498db;box-shadow:0 0 50px rgba(41,128,185,.5);transform:translateY(-5px)}
.fc-icon{width:96px;height:96px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
.fc-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(240,192,96,.18))}
.fc.horde .fc-icon img{filter:drop-shadow(0 0 18px rgba(192,57,43,.5)) drop-shadow(0 0 10px rgba(240,192,96,.12))}
.fc.alliance .fc-icon img{filter:drop-shadow(0 0 18px rgba(41,128,185,.5)) drop-shadow(0 0 10px rgba(240,192,96,.16))}
.fc-name{font-family:'Cinzel Decorative',serif;font-size:1.6rem;font-weight:700;margin-bottom:12px}
.fc.horde .fc-name{color:#e74c3c;text-shadow:0 0 20px rgba(192,57,43,.6)}
.fc.alliance .fc-name{color:#3498db;text-shadow:0 0 20px rgba(41,128,185,.6)}
.fc-desc{font-size:1rem;color:rgba(232,217,176,.7);line-height:1.6;margin-bottom:16px}
.fc-hint{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;opacity:.5}
.fc.sel-h .fc-hint{color:#e74c3c;opacity:1}
.fc.sel-a .fc-hint{color:#3498db;opacity:1}
/* MODE */
.modesec{position:relative;z-index:1;padding:80px 24px;text-align:center}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:900px;margin:0 auto 48px}
.mc{border-radius:8px;padding:36px 28px;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;border:2px solid rgba(240,192,96,.1);text-align:center;user-select:none}
.mc.easy{background:linear-gradient(145deg,rgba(156,163,175,.14),rgba(5,13,26,.85))}
.mc.medium{background:linear-gradient(145deg,rgba(139,31,168,.15),rgba(5,13,26,.85))}
.mc.hard{background:linear-gradient(145deg,rgba(230,126,34,.12),rgba(5,13,26,.85))}
.mc:hover{transform:translateY(-4px)}
.mc:focus{outline:2px solid var(--focus);outline-offset:2px}
.mc.sel{transform:translateY(-4px)}
.mc.easy.sel{border-color:#9CA3AF;box-shadow:0 0 40px rgba(156,163,175,.36)}
.mc.medium.sel{border-color:#8b1fa8;box-shadow:0 0 40px rgba(139,31,168,.4)}
.mc.hard.sel{border-color:#e67e22;box-shadow:0 0 40px rgba(230,126,34,.4)}
.mc-icon{font-size:2.5rem;margin-bottom:16px;display:block}
.mc-name{font-family:'Cinzel Decorative',serif;font-size:1.3rem;font-weight:700;margin-bottom:10px}
.mc.easy .mc-icon,.mc.easy .mc-name{color:#9CA3AF;text-shadow:0 0 18px rgba(156,163,175,.35)}
.mc.medium .mc-icon,.mc.medium .mc-name{color:#c44deb;text-shadow:0 0 18px rgba(139,31,168,.45)}
.mc.hard .mc-icon,.mc.hard .mc-name{color:#e67e22;text-shadow:0 0 18px rgba(230,126,34,.42)}
.mc-desc{font-size:.95rem;color:rgba(232,217,176,.65);line-height:1.5;margin-bottom:14px}
.mc-cnt{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;opacity:.5}
.mc-hint{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;margin-top:10px}
#difficulty-mobile-scroll-anchor{height:0;width:100%;pointer-events:none}
.mc.easy .mc-hint{color:#9CA3AF}
.mc.medium .mc-hint{color:#c44deb}
.mc.hard .mc-hint{color:#e67e22}
.start-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:40px}
.solo-cta-wrap{align-items:flex-start;gap:18px}
.solo-cta-item{display:flex;flex-direction:column;align-items:center}
.solo-cta-label{margin-bottom:8px;font-family:'Cinzel',serif;font-size:.68rem;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,192,96,.72)}
.seo-section{position:relative;z-index:1;width:min(1040px,100%);margin:0 auto;padding:76px 24px;text-align:center}
.seo-section .stitle{margin-bottom:30px}
.seo-section-compact{padding-top:44px}
.seo-copy{max-width:820px;margin:0 auto;display:grid;gap:18px;text-align:left}
.seo-copy p{font-size:1.08rem;line-height:1.75;color:rgba(232,217,176,.78)}
.seo-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.seo-mode-card,.seo-faq-list article{border:1px solid rgba(240,192,96,.15);border-radius:8px;background:linear-gradient(145deg,rgba(10,24,48,.68),rgba(5,13,26,.72));box-shadow:inset 0 0 22px rgba(240,192,96,.035);padding:22px;text-align:left}
.seo-mode-card h3,.seo-faq-list h3{font-family:'Cinzel',serif;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:10px}
.seo-mode-card p,.seo-faq-list p{line-height:1.58;color:rgba(232,217,176,.72)}
.seo-faq{padding-top:44px}
.seo-faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}
.lore-page{position:relative;z-index:1;width:min(1100px,100%);margin:0 auto;padding:116px 24px 72px}
.lore-hero{text-align:center;padding:72px 0 56px;position:relative;overflow:hidden}
.lore-hero::before{content:'';position:absolute;inset:8px 0 auto 0;height:260px;z-index:-1;background:radial-gradient(ellipse 62% 72% at 50% 45%,rgba(240,192,96,.12),transparent 70%),radial-gradient(ellipse 46% 60% at 50% 60%,rgba(87,211,255,.12),transparent 68%);pointer-events:none}
.lore-hero h1{font-family:'Cinzel Decorative',serif;font-size:clamp(2rem,6vw,4.2rem);line-height:1.08;font-weight:900;background:linear-gradient(180deg,#fff8e0 0%,var(--gold-bright) 44%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 20px;text-shadow:0 0 28px rgba(240,192,96,.16)}
.lore-hero-sub{max-width:820px;margin:0 auto 18px;font-size:clamp(1.06rem,2.4vw,1.24rem);line-height:1.65;color:rgba(255,235,195,.84);font-style:italic}
.lore-hero-desc{max-width:760px;margin:0 auto 34px;font-size:1.05rem;line-height:1.72;color:rgba(232,217,176,.72)}
.lore-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.lore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:0 auto 72px}
.lore-card{position:relative;overflow:hidden;border:1px solid rgba(240,192,96,.22);border-radius:10px;background:linear-gradient(155deg,rgba(13,28,54,.9),rgba(5,13,26,.94));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 0 28px rgba(240,192,96,.035);padding:28px;text-align:left;min-height:280px;display:flex;flex-direction:column;gap:16px}
.lore-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(240,192,96,.12),transparent 36%,rgba(87,211,255,.07));opacity:.9}
.lore-card>*{position:relative;z-index:1}
.lore-card-topline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lore-card-tag,.lore-card-status{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(240,192,96,.36);border-radius:999px;background:rgba(240,192,96,.08);color:#ffe08a;font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;line-height:1}
.lore-card-tag-secondary{border-color:rgba(87,211,255,.32);background:rgba(87,211,255,.08);color:#aeeaff}
.lore-card h2{font-family:'Cinzel',serif;font-size:clamp(1.22rem,3vw,1.58rem);line-height:1.22;color:var(--gold-bright);margin:4px 0 0;letter-spacing:.02em}
.lore-card p{font-size:1.02rem;line-height:1.66;color:rgba(232,217,176,.78);margin:0 0 auto}
.lore-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.lore-card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(240,192,96,.24);border-radius:5px;background:linear-gradient(180deg,rgba(16,35,66,.52),rgba(5,13,26,.72));color:rgba(255,224,138,.58);padding:10px 16px;cursor:not-allowed;opacity:.72}
.lore-card-link{cursor:pointer;opacity:1;text-decoration:none;color:#130d04;border-color:rgba(255,224,138,.72);background:linear-gradient(180deg,#fff2b5 0%,#f0c060 44%,#b77a1d 100%);box-shadow:0 0 24px rgba(240,192,96,.28),inset 0 1px 0 rgba(255,255,255,.38);transition:transform .22s,box-shadow .22s,border-color .22s}
.lore-card-link:hover{transform:translateY(-2px);border-color:#fff0b0;box-shadow:0 0 34px rgba(240,192,96,.42),0 12px 28px rgba(0,0,0,.22)}
.lore-card-status-ready{border-color:rgba(39,174,96,.38);background:rgba(39,174,96,.1);color:#b9f2cc}
.lore-cta{position:relative;overflow:hidden;text-align:center;border:1px solid rgba(240,192,96,.18);border-radius:12px;background:linear-gradient(160deg,rgba(10,24,48,.72),rgba(5,13,26,.86));box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 0 32px rgba(240,192,96,.035);padding:52px 24px;margin:0 auto 8px}
.lore-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 58% 72% at 50% 20%,rgba(139,31,168,.12),transparent 70%);pointer-events:none}
.lore-cta>*{position:relative;z-index:1}
.lore-cta h2,.lore-home-section h2{font-family:'Cinzel Decorative',serif;font-size:clamp(1.55rem,4vw,2.6rem);line-height:1.14;color:var(--gold-bright);margin:0 0 16px}
.lore-cta p:not(.slabel){max-width:680px;margin:0 auto 30px;font-size:1.06rem;line-height:1.68;color:rgba(232,217,176,.76)}
.lore-home-section{position:relative;z-index:1;width:min(900px,100%);margin:0 auto;padding:28px 24px 72px;text-align:center}
.lore-home-card{border:1px solid rgba(240,192,96,.18);border-radius:10px;background:linear-gradient(145deg,rgba(10,24,48,.62),rgba(5,13,26,.82));box-shadow:inset 0 0 24px rgba(240,192,96,.035);padding:34px 26px}
.lore-home-section h2{font-family:'Cinzel Decorative',serif;font-size:clamp(1.45rem,3.4vw,2.25rem);line-height:1.14;color:var(--gold-bright);margin:0 0 14px}
.lore-home-section p:not(.slabel){max-width:700px;margin:0 auto 24px;font-size:1.04rem;line-height:1.65;color:rgba(232,217,176,.76)}
.lore-article-page{position:relative;z-index:1;width:min(980px,100%);margin:0 auto;padding:116px 24px 72px}
.lore-back-link{display:inline-flex;align-items:center;margin:0 0 22px;color:rgba(255,224,138,.9);font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:color .2s,transform .2s}
.lore-back-link:hover{color:#fff0b0;transform:translateX(-3px)}
.lore-article{overflow:hidden;border:1px solid rgba(240,192,96,.2);border-radius:14px;background:linear-gradient(165deg,rgba(10,24,48,.82),rgba(5,13,26,.96));box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 0 34px rgba(240,192,96,.035)}
.lore-article-hero{position:relative;overflow:hidden;text-align:center;padding:64px 28px 42px;border-bottom:1px solid rgba(240,192,96,.14)}
.lore-article-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 82% at 50% 0%,rgba(240,192,96,.13),transparent 68%),radial-gradient(ellipse 44% 62% at 70% 24%,rgba(87,211,255,.1),transparent 70%);pointer-events:none}
.lore-article-hero>*{position:relative;z-index:1}
.lore-article-hero h1{font-family:'Cinzel Decorative',serif;font-size:clamp(2rem,5.4vw,3.7rem);line-height:1.08;font-weight:900;background:linear-gradient(180deg,#fff8e0 0%,var(--gold-bright) 48%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 22px;text-shadow:0 0 28px rgba(240,192,96,.16)}
.lore-article-meta{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.lore-article-meta span{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(240,192,96,.34);border-radius:999px;background:rgba(240,192,96,.08);color:#ffe08a;font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;line-height:1}
.lore-article-body{padding:42px 44px 48px}
.lore-article-section{margin:0 0 38px}
.lore-article-section:last-child{margin-bottom:0}
.lore-article-section h2{font-family:'Cinzel Decorative',serif;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.15;color:var(--gold-bright);margin:0 0 24px;text-align:center}
.lore-article-section p{font-size:1.12rem;line-height:1.78;color:rgba(232,217,176,.84);margin:0 0 18px}
.lore-article-section p:last-child{margin-bottom:0}
.lore-article-quest{position:relative;overflow:hidden;border:1px solid rgba(240,192,96,.18);border-radius:12px;background:linear-gradient(150deg,rgba(13,28,54,.76),rgba(5,13,26,.88));box-shadow:inset 0 0 24px rgba(240,192,96,.028);padding:28px;margin:0 0 22px}
.lore-article-quest::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(240,192,96,.09),transparent 42%,rgba(87,211,255,.055));pointer-events:none}
.lore-article-quest>*{position:relative;z-index:1}
.lore-article-quest h3{font-family:'Cinzel',serif;font-size:clamp(1.18rem,3vw,1.52rem);line-height:1.24;color:var(--gold-bright);margin:0 0 14px;letter-spacing:.02em}
.lore-article-callout{border:1px solid rgba(240,192,96,.22);border-radius:12px;background:linear-gradient(155deg,rgba(240,192,96,.06),rgba(10,24,48,.58));padding:32px 30px}
.lore-article-callout h2{text-align:left}
.lore-article-cta{position:relative;overflow:hidden;text-align:center;border:1px solid rgba(240,192,96,.18);border-radius:12px;background:linear-gradient(160deg,rgba(10,24,48,.72),rgba(5,13,26,.86));box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 0 32px rgba(240,192,96,.035);padding:48px 24px;margin:34px auto 0}
.lore-article-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 58% 72% at 50% 20%,rgba(139,31,168,.12),transparent 70%);pointer-events:none}
.lore-article-cta>*{position:relative;z-index:1}
.lore-article-cta h2{font-family:'Cinzel Decorative',serif;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.14;color:var(--gold-bright);margin:0 0 16px}
.lore-article-cta p:not(.slabel){max-width:680px;margin:0 auto 30px;font-size:1.06rem;line-height:1.68;color:rgba(232,217,176,.76)}
/* STATS */
.statsec{position:relative;z-index:1;padding:80px 24px;max-width:960px;margin:0 auto;text-align:center}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:60px;border:1px solid rgba(240,192,96,.2);border-radius:8px;overflow:hidden}
.si{padding:28px 16px;background:rgba(10,24,48,.6);border-right:1px solid rgba(240,192,96,.1)}
.si:last-child{border-right:none}
.si-num{font-family:'Cinzel Decorative',serif;font-size:2rem;font-weight:900;color:var(--gold-bright);text-shadow:0 0 20px rgba(240,192,96,.5);display:block}
.si-label{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,192,96,.5);margin-top:6px}
.diff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:60px}
.dp{padding:24px;border-radius:8px;border:1px solid rgba(240,192,96,.1);background:rgba(10,24,48,.5);text-align:center}
.dp.e{border-color:rgba(156,163,175,.3);background:linear-gradient(145deg,rgba(156,163,175,.14),rgba(5,13,26,.85))}
.dp.m{border-color:rgba(139,31,168,.3);background:linear-gradient(145deg,rgba(139,31,168,.15),rgba(5,13,26,.85))}
.dp.h{border-color:rgba(230,126,34,.3);background:linear-gradient(145deg,rgba(230,126,34,.12),rgba(5,13,26,.85))}
.dp-icon{font-size:1.6rem;margin-bottom:8px}
.dp-label{font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}
.dp.e .dp-icon,.dp.e .dp-label{color:#9CA3AF;text-shadow:0 0 18px rgba(156,163,175,.35)}
.dp.m .dp-icon,.dp.m .dp-label{color:#c44deb;text-shadow:0 0 18px rgba(139,31,168,.45)}
.dp.h .dp-icon,.dp.h .dp-label{color:#e67e22;text-shadow:0 0 18px rgba(230,126,34,.42)}
.dp-desc{font-size:.9rem;color:rgba(232,217,176,.55);margin-top:6px}
/* TESTIMONIALS */
.testi{position:relative;z-index:1;padding:60px 24px 80px;max-width:960px;margin:0 auto}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.tc{background:rgba(10,24,48,.5);border:1px solid rgba(240,192,96,.1);border-radius:8px;padding:28px 24px;position:relative}
.tc::before{content:'\201C';position:absolute;top:12px;left:20px;font-family:'Cinzel Decorative',serif;font-size:3rem;color:rgba(240,192,96,.15);line-height:1}
.tc-text{font-style:italic;color:rgba(232,217,176,.8);line-height:1.6;margin-bottom:18px;font-size:1rem}
.tc-author{font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.tc-rank{font-size:.7rem;color:rgba(240,192,96,.5);margin-top:4px}
/* CTA */
.ctasec{position:relative;z-index:1;padding:100px 24px;text-align:center;overflow:hidden}
.cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(139,31,168,.15) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(26,58,106,.3) 0%,transparent 70%)}
.cta-border{position:absolute;inset:40px;border:1px solid rgba(240,192,96,.1);border-radius:12px;pointer-events:none}
.cta-title{font-family:'Cinzel Decorative',serif;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:900;background:linear-gradient(180deg,#fff8e0,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}
.cta-desc{font-size:1.1rem;font-style:italic;color:rgba(232,217,176,.65);max-width:480px;margin:0 auto 44px;line-height:1.7}
.ctasec .btn-primary{max-width:100%;box-sizing:border-box}
footer{position:relative;z-index:1;padding:32px 48px;border-top:1px solid rgba(240,192,96,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.fl{display:flex;align-items:center;gap:10px;font-family:'Cinzel Decorative',serif;font-size:.9rem;color:var(--gold)}
.fl span{opacity:.72}
.footer-logo{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(0,194,255,.2))}
.footer-note{display:grid;gap:6px;text-align:center}
.fn{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.1em;color:rgba(232,217,176,.3);text-align:center}
.footer-legal-link{display:inline-block;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.03em;color:rgba(232,217,176,.55);text-align:center;text-decoration:none;opacity:.55;transition:opacity .2s,color .2s}
.footer-legal-link:hover,.footer-legal-link:focus{color:var(--gold);opacity:.82}
.install-app-block{width:min(520px,100%);margin:4px auto 2px;padding:18px 16px;border:1px solid rgba(240,192,96,.28);border-radius:8px;background:rgba(6,11,24,.58);box-shadow:0 18px 40px rgba(0,0,0,.24);text-align:center}
.install-app-title{color:var(--gold-bright);font-family:'Cinzel',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin-bottom:8px}
.install-app-text{color:rgba(255,235,195,.76);font-size:.92rem;line-height:1.45;margin:0 0 14px}
.install-app-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.install-app-btn{min-height:42px;padding:10px 16px;border-radius:8px;border:1px solid rgba(240,192,96,.42);background:linear-gradient(180deg,rgba(14,25,48,.94),rgba(7,12,24,.94));color:#f7d28a;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.install-app-btn:hover{border-color:rgba(240,192,96,.72);box-shadow:0 0 16px rgba(240,192,96,.16);transform:translateY(-1px)}
.install-app-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.install-steps{margin:4px 0 16px;padding-left:24px;color:rgba(232,217,176,.82);line-height:1.65}
.install-steps li{margin:6px 0}
.install-panel-note{border:1px solid rgba(240,192,96,.2);border-radius:8px;background:rgba(5,13,26,.42);padding:12px;color:rgba(255,235,195,.78)}
.flinks{display:flex;gap:18px 26px;flex-wrap:wrap;align-items:center}
.flinks a,.flinks button{font-family:'Cinzel',serif;font-size:clamp(13px,1.8vw,16px);letter-spacing:.12em;color:rgba(255,220,145,.86);text-decoration:none;transition:color .2s,text-shadow .2s;background:none;border:0;padding:4px 0;cursor:pointer}
.flinks a:hover,.flinks button:hover{color:var(--gold)}
.flinks a:focus,.flinks button:focus{outline:1px solid var(--focus);outline-offset:2px}
.flinks a[href="#support"],.flinks button[onclick*="support"]{color:#ffd66b;text-shadow:0 0 14px rgba(255,196,76,.35)}
.site-panel{position:fixed;inset:0;z-index:520;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,13,26,.82);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}
.site-panel.active{opacity:1;pointer-events:all}
.site-panel-dialog{position:relative;width:min(720px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(240,192,96,.3);border-radius:8px;background:linear-gradient(160deg,rgba(10,24,48,.98),rgba(5,13,26,.99));padding:30px;box-shadow:0 0 70px rgba(139,31,168,.22),0 25px 90px rgba(0,0,0,.45)}
.site-panel-close{position:absolute;top:12px;right:14px;background:none;border:0;color:rgba(240,192,96,.6);font-size:1.8rem;line-height:1;cursor:pointer}
.site-panel-close:hover{color:var(--gold)}
.site-panel-content{display:none}
.site-panel-content.active{display:block}
.site-panel-content h2{font-family:'Cinzel Decorative',serif;color:var(--gold-bright);margin:0 0 16px}
.site-panel-content p{color:rgba(232,217,176,.78);line-height:1.65;margin:0 0 14px}
.site-panel-content a{color:var(--gold);overflow-wrap:anywhere}
.roadmap-panel{position:relative;overflow:hidden;padding:4px 0 2px}
.roadmap-heading{text-align:center;margin:0 0 24px}
.roadmap-kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.24em;color:rgba(240,192,96,.78);text-transform:uppercase;margin-bottom:10px}
.roadmap-kicker::before,.roadmap-kicker::after{content:'';width:9px;height:9px;border:1px solid rgba(240,192,96,.78);transform:rotate(45deg);box-shadow:0 0 12px rgba(240,192,96,.34)}
.roadmap-panel .roadmap-heading h2{margin:0;color:var(--gold-bright);text-shadow:0 0 18px rgba(240,192,96,.16)}
.roadmap-title{text-align:center;line-height:1.08}
.roadmap-title span{display:block}
.roadmap-timeline{position:relative;display:grid;gap:18px;padding:4px 0 4px 34px}
.roadmap-timeline::before{content:'';position:absolute;top:12px;bottom:12px;left:12px;width:1px;background:linear-gradient(180deg,rgba(240,192,96,0),rgba(240,192,96,.72) 12%,rgba(87,211,255,.46) 50%,rgba(240,192,96,.72) 88%,rgba(240,192,96,0));box-shadow:0 0 18px rgba(240,192,96,.22)}
.roadmap-item{position:relative;min-width:0}
.roadmap-diamond{position:absolute;left:-29px;top:28px;width:14px;height:14px;transform:rotate(45deg);border:1px solid rgba(255,224,138,.9);background:linear-gradient(135deg,rgba(255,224,138,.95),rgba(122,76,24,.75));box-shadow:0 0 0 5px rgba(5,13,26,.94),0 0 18px rgba(240,192,96,.48);z-index:1}
.roadmap-card{position:relative;border:1px solid rgba(240,192,96,.22);border-radius:8px;background:linear-gradient(160deg,rgba(13,28,54,.88),rgba(5,13,26,.9));padding:18px 18px 16px;box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.roadmap-card::before{content:'';position:absolute;inset:0;border-radius:8px;pointer-events:none;background:linear-gradient(90deg,rgba(240,192,96,.12),transparent 34%,rgba(87,211,255,.06))}
.roadmap-status{position:relative;display:inline-flex;margin:0 0 10px;padding:5px 9px;border:1px solid rgba(240,192,96,.34);border-radius:5px;background:rgba(240,192,96,.08);color:#ffe08a;font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}
.roadmap-status-conditional{border-color:rgba(87,211,255,.34);background:rgba(87,211,255,.08);color:#aeeaff}
.roadmap-card h3{position:relative;margin:0 0 10px;color:var(--gold-bright);font-family:'Cinzel',serif;font-size:clamp(1rem,2.8vw,1.28rem);line-height:1.25;letter-spacing:.02em}
.roadmap-card p{position:relative;margin:0 0 14px;color:rgba(255,235,195,.8);line-height:1.6}
.roadmap-date{position:relative;color:rgba(87,211,255,.82);font-family:'Cinzel',serif;font-size:.78rem;line-height:1.45}
.support-grid{display:grid;gap:12px}
.support-card{display:grid;gap:8px;border:1px solid rgba(240,192,96,.18);border-radius:8px;background:rgba(5,13,26,.5);padding:14px;min-width:0}
.support-card span{font-family:'Cinzel',serif;color:var(--gold);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.support-card code{white-space:normal;overflow-wrap:anywhere;word-break:break-all;color:#fff8e0;font-size:.9rem}
.support-address{word-break:break-all;overflow-wrap:anywhere}
.support-card button,.support-action{justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(240,192,96,.36);border-radius:5px;background:linear-gradient(180deg,rgba(16,35,66,.7),rgba(5,13,26,.86));color:var(--gold-bright);padding:8px 12px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.support-card button::before,.support-action::before{content:'';width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:0 0 7px rgba(240,192,96,.28)}
.support-card button:hover,.support-action:hover{transform:translateY(-1px);border-color:rgba(255,224,138,.68);box-shadow:0 0 16px rgba(240,192,96,.16)}
.support-card button:focus-visible,.support-action:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.support-warning{border:1px solid rgba(192,57,43,.35);border-radius:8px;background:rgba(192,57,43,.1);padding:12px}
.reveal{opacity:1;transform:none}
.js-enabled .reveal:not(.abtn){opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.js-enabled .reveal:not(.abtn).visible,.js-enabled .reveal:not(.abtn).is-visible{opacity:1;transform:none}
.quiz-launch-status{width:100%;margin:12px auto 0;text-align:center}
.quiz-launch-status.error{color:#ffb4a9;border-color:rgba(192,57,43,.42)}
/* HP Bar */
.hp-bar-container{margin-bottom:16px;padding:8px 12px;background:rgba(10,24,48,.6);border:1px solid rgba(192,57,43,.25);border-radius:8px}
.hp-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.hp-bar-title{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(232,217,176,.6)}
.hp-bar-value{font-family:'Cinzel Decorative',serif;font-size:.9rem;font-weight:700;color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.4)}
.hp-bar-value.high{color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.4)}
.hp-bar-value.mid{color:#e67e22;text-shadow:0 0 10px rgba(230,126,34,.4)}
.hp-bar-track{width:100%;height:10px;background:rgba(192,57,43,.15);border-radius:5px;overflow:hidden;position:relative}
.hp-bar-fill{display:block;height:100%;border-radius:5px;transition:width .6s ease,background .4s;background:linear-gradient(90deg,#c0392b,#e74c3c);box-shadow:0 0 8px rgba(231,76,60,.5)}
.hp-bar-fill.high{background:linear-gradient(90deg,#1e8449,#2ecc71);box-shadow:0 0 8px rgba(46,204,113,.5)}
.hp-bar-fill.mid{background:linear-gradient(90deg,#b8700a,#e67e22);box-shadow:0 0 8px rgba(230,126,34,.5)}
.hp-dmg{position:fixed;z-index:300;font-family:'Cinzel Decorative',serif;font-size:1.8rem;font-weight:900;color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.8);pointer-events:none;animation:hp-dmg-anim 1.2s forwards}
.hp-heal{position:fixed;z-index:300;font-family:'Cinzel Decorative',serif;font-size:1.4rem;font-weight:900;color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.8);pointer-events:none;animation:hp-dmg-anim 1.2s forwards}
@keyframes hp-dmg-anim{0%{opacity:1;transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.2)}100%{opacity:0;transform:translateY(-60px) scale(.7)}}
.hp-shake{animation:hp-shake .4s ease}
@keyframes hp-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@media (max-width:768px){.hero{background:radial-gradient(circle at 50% 18%,rgba(120,70,180,.2),transparent 44%),linear-gradient(180deg,#050914 0%,#090d18 58%,#120b1f 100%)}}
/* ═══ QUIZ MODAL ═══ */
.overlay{position:fixed;inset:0;z-index:200;background:rgba(5,13,26,.97);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .4s;backdrop-filter:blur(8px)}
.overlay.active{opacity:1;pointer-events:all}
.qmodal{position:relative;width:100%;max-width:720px;background:linear-gradient(160deg,rgba(10,24,48,.98),rgba(5,13,26,.99));border:1px solid rgba(240,192,96,.25);border-radius:12px;padding:44px 40px 38px;box-shadow:0 0 80px rgba(139,31,168,.2),0 0 40px rgba(26,58,106,.4);transform:translateY(20px);transition:transform .4s;max-height:90vh;overflow-y:auto}
.overlay.active .qmodal{transform:translateY(0)}
/* tags */
.qmeta{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.ftag{display:inline-flex;align-items:center;gap:6px;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.ftag.horde{background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.3);color:#e74c3c}
.ftag.alliance{background:rgba(41,128,185,.15);border:1px solid rgba(41,128,185,.3);color:#3498db}
.ftag.neutral{background:rgba(240,192,96,.08);border:1px solid rgba(240,192,96,.2);color:var(--gold)}
.dtag{display:inline-flex;align-items:center;gap:6px;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.dtag.easy{background:rgba(156,163,175,.12);border:1px solid rgba(156,163,175,.3);color:#9CA3AF}
.dtag.medium{background:rgba(139,31,168,.15);border:1px solid rgba(139,31,168,.3);color:#c44deb}
.dtag.hard{background:rgba(230,126,34,.12);border:1px solid rgba(230,126,34,.3);color:#e67e22}
/* topbar */
.qtopbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.qprog-label{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,192,96,.6)}
.qclose{background:rgba(5,13,26,.36);border:1px solid rgba(240,192,96,.18);cursor:pointer;color:rgba(240,192,96,.58);font-size:1.25rem;line-height:1;transition:color .2s,border-color .2s,box-shadow .2s,background .2s;padding:5px 9px;border-radius:5px}
.qclose:hover{color:var(--gold);border-color:rgba(240,192,96,.48);background:rgba(240,192,96,.06);box-shadow:0 0 14px rgba(240,192,96,.14)}
.qclose:focus-visible{outline:2px solid var(--focus);outline-offset:3px;color:var(--gold)}
/* block bars */
.blabel{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(240,192,96,.4);margin-bottom:6px}
.bprog{display:flex;gap:4px;margin-bottom:20px}
.bseg{flex:1;height:6px;border-radius:3px;background:rgba(240,192,96,.1);overflow:hidden}
.bseg-fill{display:block;height:100%;width:0%;transition:width .4s;border-radius:3px}
.bseg.b1 .bseg-fill{background:linear-gradient(90deg,#6B7280,#9CA3AF)}
.bseg.b2 .bseg-fill{background:linear-gradient(90deg,#6a0dad,#c44deb)}
.bseg.b3 .bseg-fill{background:linear-gradient(90deg,#c0760a,#e67e22)}
.bprog.seq-medium .bseg.b1 .bseg-fill{background:linear-gradient(90deg,#6a0dad,#c44deb)}
.bprog.seq-hard .bseg.b1 .bseg-fill,.bprog.seq-hard .bseg.b2 .bseg-fill{background:linear-gradient(90deg,#c0760a,#e67e22)}
/* score */
.qscore{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:6px;font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.chip.ok{background:rgba(39,174,96,.15);border:1px solid rgba(39,174,96,.3);color:#2ecc71}
.chip.bad{background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.3);color:#e74c3c}
.qphase{margin-left:auto;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;border-radius:12px}
.qphase.easy{background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.22);color:#9CA3AF}
.qphase.medium{background:rgba(139,31,168,.12);border:1px solid rgba(139,31,168,.25);color:#c44deb}
.qphase.hard{background:rgba(230,126,34,.1);border:1px solid rgba(230,126,34,.2);color:#e67e22}
/* question */
.qcat{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,192,96,.5);margin-bottom:12px}
.qtext{font-family:'Cinzel',serif;font-size:clamp(.92rem,2.4vw,1.12rem);line-height:1.65;color:#fff8e0;margin-bottom:26px}
/* answers */
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.abtn{font-family:'Crimson Text',serif;font-size:1rem;color:#e8d9b0;background:rgba(10,24,48,.7);border:1px solid rgba(240,192,96,.2);border-radius:6px;padding:14px 16px;cursor:pointer;text-align:left;transition:all .2s;line-height:1.4;position:relative}
.abtn:hover:not(:disabled){border-color:rgba(240,192,96,.5);transform:translateY(-1px);background:rgba(26,58,106,.4)}
.abtn:focus{outline:none}
.abtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.abtn:focus:not(:focus-visible){outline:none;box-shadow:none}
.abtn:disabled{cursor:default}
.abtn.correct{border-color:var(--correct)!important;background:rgba(39,174,96,.2)!important;color:#2ecc71!important}
.abtn.wrong{border-color:var(--wrong)!important;background:rgba(192,57,43,.2)!important;color:#e74c3c!important}
.abtn.reveal{border-color:var(--correct)!important;background:rgba(39,174,96,.07)!important;color:#7dcea0!important}
/* explanation */
.qexpl{font-style:italic;font-size:.93rem;color:rgba(232,217,176,.65);line-height:1.6;border-left:2px solid rgba(240,192,96,.3);padding-left:16px;margin-bottom:22px;display:none}
.qexpl.show{display:block}
.qnext{width:100%;align-items:center;justify-content:center;gap:10px;font-family:'Cinzel',serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#130d04;background:linear-gradient(180deg,#fff2b5 0%,#f0c060 42%,#b77a1d 100%);border:1px solid var(--btn-edge);border-radius:5px;padding:14px 32px;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 0 30px rgba(240,192,96,.4),inset 0 1px 0 rgba(255,255,255,.45);display:none;position:relative;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.qnext::before{content:'';width:12px;height:12px;flex:0 0 12px;background:linear-gradient(135deg,#fff8e0,var(--gold));clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%);filter:drop-shadow(0 0 6px rgba(255,224,138,.65))}
.qnext.show{display:flex}
.qnext:hover{transform:translateY(-1px);border-color:#fff0b0;box-shadow:0 0 48px rgba(240,192,96,.58),inset 0 1px 0 rgba(255,255,255,.5)}
.qnext:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* block transition */
.btrans{text-align:center;padding:20px 0;display:none}
.btrans.show{display:block}
.btrans-icon{font-size:3rem;margin-bottom:12px}
.btrans-icon.easy{color:#9CA3AF;text-shadow:0 0 18px rgba(156,163,175,.35)}
.btrans-icon.medium{color:#c44deb;text-shadow:0 0 18px rgba(139,31,168,.45)}
.btrans-icon.hard{color:#e67e22;text-shadow:0 0 18px rgba(230,126,34,.42)}
.btrans-title{font-family:'Cinzel Decorative',serif;font-size:1.4rem;font-weight:700;margin-bottom:8px}
.btrans-title.easy{color:#9CA3AF}
.btrans-title.medium{color:#c44deb}
.btrans-title.hard{color:#e67e22}
.btrans-desc{font-style:italic;color:rgba(232,217,176,.6);margin-bottom:24px;font-size:1rem}
/* results */
#resScreen{display:none;text-align:center}
#resScreen.show{display:block}
.res-emblem{font-size:5rem;margin-bottom:20px;display:block}
.res-title{font-family:'Cinzel Decorative',serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;background:linear-gradient(180deg,#fff8e0,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.res-rank{font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,192,96,.6);margin-bottom:20px}
.res-ftag{display:inline-flex;align-items:center;gap:8px;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:20px}
.res-ftag.horde{background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.3);color:#e74c3c}
.res-ftag.alliance{background:rgba(41,128,185,.15);border:1px solid rgba(41,128,185,.3);color:#3498db}
.res-ftag.neutral{background:rgba(240,192,96,.1);border:1px solid rgba(240,192,96,.2);color:var(--gold)}
.res-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.rb{padding:16px 10px;border-radius:8px}
.rb.e{background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.25)}
.rb.m{background:rgba(139,31,168,.12);border:1px solid rgba(139,31,168,.25)}
.rb.h{background:rgba(230,126,34,.1);border:1px solid rgba(230,126,34,.25)}
.rb-lbl{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}
.rb.e .rb-lbl{color:#9CA3AF}
.rb.m .rb-lbl{color:#c44deb}
.rb.h .rb-lbl{color:#e67e22}
.rb-sc{font-family:'Cinzel Decorative',serif;font-size:1.6rem;font-weight:900}
.rb.e .rb-sc{color:#9CA3AF}
.rb.m .rb-sc{color:#c44deb}
.rb.h .rb-sc{color:#e67e22}
.res-score{font-family:'Cinzel Decorative',serif;font-size:3.5rem;font-weight:900;color:var(--gold-bright);text-shadow:0 0 30px rgba(240,192,96,.5)}
.res-score-lbl{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,192,96,.5);margin-bottom:24px}
.res-desc{font-size:1.05rem;font-style:italic;color:rgba(232,217,176,.7);max-width:460px;margin:0 auto 32px;line-height:1.7}
.res-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.support-after-match{width:min(520px,100%);margin:24px auto 0;padding:18px 20px;border:1px solid rgba(240,192,96,.24);border-radius:8px;background:linear-gradient(145deg,rgba(10,24,48,.72),rgba(5,13,26,.82));box-shadow:0 0 28px rgba(240,192,96,.08),inset 0 0 24px rgba(240,192,96,.04);text-align:center}
.support-after-match__title{font-family:'Cinzel Decorative',serif;color:var(--gold-bright);font-size:1.05rem;margin-bottom:8px}
.support-after-match__text{max-width:430px;margin:0 auto 14px;color:rgba(232,217,176,.72);line-height:1.5}
.support-open-btn{min-width:210px}
.solo-save-box{margin:0 auto 22px;max-width:520px}
.solo-save-box p{line-height:1.5;color:rgba(232,217,176,.78)}
.solo-save-box.prompt,.solo-save-box.saved,.solo-save-box.info{padding:16px;border:1px solid rgba(240,192,96,.22);border-radius:8px;background:rgba(5,13,26,.55)}
.solo-save-box.saved{border-color:rgba(39,174,96,.4)}
.solo-save-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.solo-cta-hint{max-width:230px;margin:10px auto 0;color:rgba(232,217,176,.58);font-size:.86rem;line-height:1.35}
.pve-cta-item .btn-secondary{border-color:rgba(240,192,96,.62);box-shadow:0 0 24px rgba(240,192,96,.12)}
.solo-achievement-box{max-width:620px;margin:0 auto 24px;text-align:left}
.solo-achievement-box.show{padding:18px;border:1px solid rgba(240,192,96,.62);border-radius:8px;background:linear-gradient(145deg,rgba(50,31,8,.86),rgba(5,13,26,.82));box-shadow:0 0 28px rgba(240,192,96,.2),0 20px 70px rgba(0,0,0,.35)}
.solo-achievement-box h3{font-family:'Cinzel Decorative',serif;color:#fff8e0;text-align:center;margin:0 0 14px;text-shadow:0 0 16px rgba(240,192,96,.35)}
.solo-achievement-list{display:grid;gap:10px}
.solo-achievement-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(240,192,96,.22);border-radius:8px;background:rgba(5,13,26,.5)}
.solo-achievement-icon{font-size:1.6rem;line-height:1;color:var(--gold)}
.solo-achievement-card strong{display:block;font-family:'Cinzel',serif;color:var(--gold-bright);font-size:1.02rem}
.solo-achievement-card p{margin:4px 0 0;color:rgba(232,217,176,.76);line-height:1.45}
.validation-msg{color:#e74c3c;font-family:'Cinzel',serif;font-size:.8rem;margin-top:8px;display:none}
.validation-msg.show{display:block}
.duel-panel{display:none;max-width:720px;margin:22px auto 0;padding:18px;border:1px solid rgba(240,192,96,.28);border-radius:8px;background:rgba(10,24,48,.72);color:rgba(232,217,176,.86);font-size:1rem;line-height:1.5}
.duel-panel.show{display:block}
.duel-panel strong{font-family:'Cinzel',serif;color:var(--gold)}
.duel-link-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:12px}
.duel-link-row input{min-width:min(100%,420px);flex:1;background:rgba(5,13,26,.8);border:1px solid rgba(240,192,96,.35);border-radius:4px;color:#e8d9b0;padding:12px;font-family:Georgia,serif}
.duel-link-row select,.pvp-input{background:rgba(5,13,26,.8);border:1px solid rgba(240,192,96,.35);border-radius:4px;color:#e8d9b0;padding:12px;font-family:Georgia,serif;min-height:46px}
.duel-status{margin-top:10px;color:rgba(240,192,96,.8);font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.pvp-page{position:relative;z-index:1;min-height:100vh;padding:110px 16px 40px;display:flex;align-items:flex-start;justify-content:center}
.pvp-card{width:min(760px,100%);max-width:100%;box-sizing:border-box;border:1px solid rgba(240,192,96,.25);border-radius:8px;background:rgba(10,24,48,.86);padding:22px;color:#e8d9b0;box-shadow:0 20px 80px rgba(0,0,0,.35);overflow-wrap:anywhere}
.pvp-card h1,.pvp-card h2{font-family:'Cinzel Decorative',serif;color:var(--gold-bright);margin-bottom:14px}
.pvp-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.pvp-question-timer{display:inline-flex;align-items:baseline;gap:5px;border:1px solid rgba(240,192,96,.28);border-radius:8px;background:rgba(5,13,26,.52);padding:8px 12px;font-family:'Cinzel',serif;color:var(--gold-bright)}
.pvp-question-timer span{font-size:1.35rem;line-height:1}
.pvp-question-timer small{font-size:.72rem;color:rgba(232,217,176,.62)}
.pvp-question-timer.is-low{border-color:rgba(192,57,43,.62);color:#ffb4a8;box-shadow:0 0 18px rgba(192,57,43,.16)}
.pvp-score{display:flex;gap:10px;flex-wrap:wrap;color:rgba(232,217,176,.8)}
.pvp-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.pvp-player-status{min-width:0;padding:12px;border:1px solid rgba(240,192,96,.18);border-radius:8px;background:rgba(5,13,26,.42)}
.pvp-player-status.is-eliminated,.pvp-result-list .is-eliminated{border-color:rgba(192,57,43,.45);background:rgba(192,57,43,.12)}
.pvp-player-line{display:flex;justify-content:space-between;gap:10px;align-items:center;color:rgba(232,217,176,.88);font-size:.95rem}
.pvp-player-line span{color:rgba(240,192,96,.78);white-space:nowrap}
.pvp-hp-track{height:9px;margin-top:8px;border-radius:999px;background:rgba(192,57,43,.16);overflow:hidden}
.pvp-hp-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c0392b,#e74c3c);transition:width .4s}
.pvp-hp-fill.high{background:linear-gradient(90deg,#1e8449,#2ecc71)}
.pvp-hp-fill.mid{background:linear-gradient(90deg,#b8700a,#e67e22)}
.pvp-eliminated,.pvp-elimination-note{margin-top:8px;color:#e74c3c;font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.pvp-question{font-size:1.35rem;line-height:1.35;margin:22px 0}
.pvp-answers{display:grid;grid-template-columns:1fr;gap:12px}
.pvp-answer{min-height:56px;text-align:left;font-size:1rem}
.pvp-answer-result{display:none;margin:18px 0 16px;padding:16px;border-radius:8px;border:1px solid rgba(240,192,96,.22);background:rgba(5,13,26,.5);line-height:1.55}
.pvp-answer-result.is-correct,.pvp-answer-result.is-wrong{display:block}
.pvp-answer-result.is-correct{border-color:rgba(39,174,96,.4)}
.pvp-answer-result.is-wrong{border-color:rgba(192,57,43,.45)}
.pvp-answer-result strong{display:block;margin-bottom:8px;font-family:'Cinzel',serif;color:var(--gold-bright)}
.pvp-answer-result.is-correct strong{color:#2ecc71}
.pvp-answer-result.is-wrong strong{color:#e74c3c}
.pvp-answer-result p{margin-top:8px;overflow-wrap:anywhere}
.pvp-explanation-title{font-family:'Cinzel',serif;color:rgba(240,192,96,.86);letter-spacing:.06em}
.pvp-explanation-text{color:rgba(232,217,176,.82)}
.pvp-next{margin-top:4px}
.pvp-join-form{display:flex;flex-direction:column;gap:12px;width:100%}
.pvp-join-form input{width:100%;box-sizing:border-box}
.pvp-join-actions,.pvp-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.pvp-join-actions a,.pvp-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.pvp-result-list{display:grid;gap:10px;margin:18px 0}
.pvp-result-list div{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(240,192,96,.18);border-radius:8px;background:rgba(5,13,26,.42)}
.pvp-result-card{width:min(680px,100%)}
.pvp-result-card h2{line-height:1.25;margin-top:18px}
.pvp-result-note{margin-top:14px;line-height:1.6;color:rgba(232,217,176,.75)}
.pvp-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.pvp-result-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:220px;text-align:center}
.pvp-wait-card p{line-height:1.6;color:rgba(232,217,176,.82)}
.pve-page{align-items:flex-start}
.pve-card .slabel,.pve-result-card .slabel{margin-bottom:8px}
.pve-hud{margin-bottom:18px}
.pve-hud-top{align-items:flex-start;margin-bottom:20px}
.pve-hud-tags{margin-bottom:0}
.pve-hud-tags .ftag,.pve-hud-tags .dtag{line-height:1}
.pve-hud-tags i{font-style:normal;line-height:1}
.pve-hud-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.pve-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;text-decoration:none}
.pve-progress{margin-bottom:18px}
.pve-progress .pve-block-segment{background:rgba(232,217,176,.12);border:1px solid rgba(232,217,176,.1)}
.pve-progress .pve-block-segment--active{box-shadow:0 0 12px rgba(240,192,96,.18)}
.pve-progress .pve-block-segment--easy .pve-block-segment__fill{background:linear-gradient(90deg,#1e8449,#2ecc71);box-shadow:0 0 10px rgba(46,204,113,.48)}
.pve-progress .pve-block-segment--medium .pve-block-segment__fill{background:linear-gradient(90deg,#6a0dad,#c44deb);box-shadow:0 0 10px rgba(196,77,235,.5)}
.pve-progress .pve-block-segment--hard .pve-block-segment__fill{background:linear-gradient(90deg,#c0760a,#e67e22);box-shadow:0 0 10px rgba(230,126,34,.5)}
.pve-player-score{margin-bottom:16px}
.pve-hero-health{margin-bottom:12px}
.pve-hero-health .hp-bar-track,.pve-bot-status .pvp-hp-track{background:rgba(39,174,96,.16)}
.pve-hero-health .pve-hp-fill,.pve-hero-health .pve-hp-fill.high,.pve-hero-health .pve-hp-fill.mid,.pve-bot-status .pve-hp-fill,.pve-bot-status .pve-hp-fill.high,.pve-bot-status .pve-hp-fill.mid{display:block;background:linear-gradient(90deg,#20b65a,#2ecc71);box-shadow:0 0 10px rgba(46,204,113,.62)}
.pve-bot-status{padding:12px;border:1px solid rgba(139,31,168,.28);border-radius:8px;background:rgba(5,13,26,.34)}
.pve-bot-line{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(232,217,176,.82);font-size:.9rem}
.pve-bot-line strong{font-family:'Cinzel',serif;color:rgba(255,248,224,.9)}
.pve-bot-line span{font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,192,96,.72);text-align:right}
.pve-question-cat{margin-top:18px;font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,192,96,.7)}
.pve-answer-choice{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;text-transform:none;letter-spacing:0}
.pvp-answer.pve-correct{border-color:rgba(39,174,96,.75);box-shadow:0 0 18px rgba(39,174,96,.16)}
.pvp-answer.pve-wrong{border-color:rgba(192,57,43,.75);box-shadow:0 0 18px rgba(192,57,43,.16)}
.pvp-answer.pve-bot-pick::after{content:'выбор бота';margin-left:auto;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,192,96,.78)}
.pve-guest-note{margin-top:14px;color:rgba(240,192,96,.82);line-height:1.55;text-align:center}
.auth-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,13,26,.78);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}
.auth-modal.active{opacity:1;pointer-events:all}
.auth-dialog{position:relative;width:min(440px,100%);border:1px solid rgba(240,192,96,.28);border-radius:8px;background:linear-gradient(160deg,rgba(10,24,48,.98),rgba(5,13,26,.99));padding:30px;box-shadow:0 0 70px rgba(139,31,168,.28),0 25px 90px rgba(0,0,0,.45)}
.auth-dialog h2{font-family:'Cinzel Decorative',serif;color:var(--gold-bright);margin-bottom:18px;text-align:center}
.auth-close{position:absolute;top:12px;right:14px;background:none;border:none;color:rgba(240,192,96,.55);font-size:1.6rem;line-height:1;cursor:pointer}
.auth-close:hover{color:var(--gold)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.auth-tab{font-family:'Cinzel',serif;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,217,176,.65);background:rgba(5,13,26,.55);border:1px solid rgba(240,192,96,.18);border-radius:4px;padding:11px;cursor:pointer}
.auth-tab.active{color:var(--blue-dark);background:linear-gradient(135deg,var(--gold-bright),var(--gold-dark));border-color:transparent}
.auth-form{display:none;gap:14px}
.auth-form.active{display:grid}
.auth-form label{display:grid;gap:7px;text-align:left;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,192,96,.72)}
.auth-form input{width:100%;background:rgba(5,13,26,.82);border:1px solid rgba(240,192,96,.35);border-radius:4px;color:#e8d9b0;padding:12px;font-family:Georgia,serif;font-size:1rem}
.auth-form input:focus{outline:2px solid var(--focus);outline-offset:2px}
.auth-consent{display:flex!important;align-items:flex-start;gap:10px;margin:2px 0 0;text-transform:none!important;letter-spacing:0!important;font-family:'Crimson Text',Georgia,serif!important;font-size:.82rem!important;line-height:1.35;color:rgba(232,217,176,.72)!important}
.auth-consent input{width:16px!important;height:16px;flex:0 0 16px;margin-top:2px;padding:0;accent-color:var(--gold)}
.auth-consent span{display:block}
.auth-consent a{color:rgba(255,224,138,.88);text-decoration:underline;text-underline-offset:3px}
.auth-consent a:hover,.auth-consent a:focus{color:var(--gold-bright)}
.auth-error{min-height:20px;color:#e74c3c;font-size:.92rem;line-height:1.35;text-align:left}
.auth-toast{position:fixed;left:50%;bottom:24px;z-index:650;max-width:min(520px,calc(100% - 32px));transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:14px 18px;border:1px solid rgba(240,192,96,.28);border-radius:8px;background:rgba(10,24,48,.96);box-shadow:0 20px 60px rgba(0,0,0,.35);color:#e8d9b0;text-align:center;transition:opacity .25s,transform .25s}
.auth-toast.show{opacity:1;transform:translate(-50%,0)}
.auth-toast.error{border-color:rgba(192,57,43,.45)}
.profile-page{position:relative;z-index:1;min-height:100vh;width:min(1080px,100%);margin:0 auto;padding:118px 20px 48px}
.profile-hero-card,.profile-card{border:1px solid rgba(240,192,96,.22);border-radius:8px;background:rgba(10,24,48,.78);box-shadow:0 20px 80px rgba(0,0,0,.32),0 0 40px rgba(139,31,168,.12);padding:26px;margin-bottom:18px}
.profile-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.profile-hero-card h1,.profile-card h1,.profile-card h2{font-family:'Cinzel Decorative',serif;color:var(--gold-bright);margin-bottom:10px}
.profile-hero-card p,.profile-card p{color:rgba(232,217,176,.72);line-height:1.6}
.profile-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.profile-button-link{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}
.profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.profile-stat{min-width:0;border:1px solid rgba(240,192,96,.15);border-radius:8px;background:rgba(5,13,26,.45);padding:18px}
.profile-stat span{display:block;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,192,96,.58);margin-bottom:8px}
.profile-stat strong{font-family:'Cinzel Decorative',serif;font-size:1.7rem;color:#fff8e0}
.profile-results{display:grid;gap:10px;margin-top:16px}
.profile-results-summary{display:grid;gap:12px;margin-top:14px}
.profile-results-summary p{margin:0;color:rgba(232,217,176,.72)}
.profile-results-summary p strong{color:var(--gold-bright);font-family:'Cinzel',serif}
.profile-result-latest{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(240,192,96,.2);border-radius:8px;background:linear-gradient(145deg,rgba(240,192,96,.08),rgba(5,13,26,.52));padding:12px 14px}
.profile-result-latest span{font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,192,96,.62)}
.profile-result-latest strong{color:#fff8e0;font-family:'Cinzel',serif;text-align:right}
.profile-history-toggle{justify-self:start;margin-top:12px}
.profile-results-collapsed{display:none}
.profile-results:not(.profile-results-collapsed){max-height:420px;overflow:auto;padding-right:6px;scrollbar-color:rgba(240,192,96,.45) rgba(5,13,26,.55)}
.profile-result{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;align-items:center;border:1px solid rgba(240,192,96,.16);border-radius:8px;background:rgba(5,13,26,.44);padding:14px}
.profile-result.win{border-color:rgba(39,174,96,.32)}
.profile-result.lose{border-color:rgba(192,57,43,.28)}
.profile-result strong{display:block;color:#fff8e0;font-family:'Cinzel',serif}
.profile-result span{display:block;margin-top:4px;color:rgba(232,217,176,.62)}
.profile-result.pve-result-card{grid-template-columns:1fr;gap:10px}
.profile-result-scoreline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-result-scoreline strong{padding:10px 12px;border:1px solid rgba(240,192,96,.13);border-radius:6px;background:rgba(5,13,26,.36)}
.profile-result-outcome{font-family:'Cinzel',serif;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em}
.profile-muted{color:rgba(232,217,176,.62)}
.profile-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.profile-section-title h2{margin-bottom:0}
.profile-section-title span{font-family:'Cinzel',serif;color:rgba(240,192,96,.75)}
.achievement-section{margin-top:18px}
.achievement-section h3{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;margin-bottom:10px}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}
.achievement-card{min-height:138px;border:1px solid rgba(240,192,96,.14);border-radius:8px;background:linear-gradient(145deg,rgba(240,192,96,.07),rgba(5,13,26,.5));padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.achievement-card.unlocked{border-color:rgba(240,192,96,.45);box-shadow:inset 0 0 24px rgba(240,192,96,.08),0 0 20px rgba(240,192,96,.08)}
.achievement-card.locked{filter:saturate(.55);opacity:.62;background:rgba(5,13,26,.5)}
.achievement-card span{color:var(--gold);font-size:1.4rem}
.achievement-card strong{font-family:'Cinzel',serif;color:#e8d9b0}
.achievement-card p{margin:0;color:rgba(232,217,176,.68);line-height:1.42}
.achievement-card em{font-style:normal;color:rgba(240,192,96,.52)}
.achievement-card.section-progress{justify-content:flex-start}
.achievement-card.section-progress.section-level-2-plus{filter:none;opacity:1;border-color:rgba(245,197,105,.58);background:radial-gradient(circle at 18% 8%,rgba(245,197,105,.1),transparent 34%),linear-gradient(145deg,rgba(24,30,42,.92),rgba(5,13,26,.78));box-shadow:inset 0 0 26px rgba(240,192,96,.08),0 0 0 1px rgba(245,197,105,.08),0 18px 42px rgba(0,0,0,.22)}
.achievement-card.section-progress.section-level-2-plus span{color:#f5c569;text-shadow:0 0 12px rgba(245,197,105,.34)}
.achievement-card.section-progress.section-level-2-plus strong{color:#ffe5a3}
.achievement-card.section-progress.section-level-2-plus p{color:rgba(255,248,224,.74)}
.achievement-card.section-progress.section-level-2-plus em{color:rgba(245,210,122,.78)}
.achievement-progress-bar{height:7px;border-radius:999px;background:rgba(5,13,26,.72);border:1px solid rgba(240,192,96,.16);overflow:hidden}
.achievement-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(240,192,96,.85),rgba(255,248,224,.82))}
.achievement-card.section-progress.section-level-2-plus .achievement-progress-bar{border-color:rgba(245,197,105,.3);background:rgba(5,13,26,.82)}
.achievement-card.section-progress.section-level-2-plus .achievement-progress-bar i{background:linear-gradient(90deg,#c99435,#f5d27a)}
.achievement-card.secret{border-color:rgba(240,192,96,.2);background:linear-gradient(145deg,rgba(26,19,10,.72),rgba(5,13,26,.66));box-shadow:inset 0 0 26px rgba(240,192,96,.06)}
.achievement-card.secret strong{color:rgba(255,248,224,.76)}
.achievement-card.secret.unlocked strong{color:var(--gold-bright)}
.achievement-card.secret .achievement-progress-bar{margin-top:auto}
.achievement-card.secret-real{filter:none;opacity:1;justify-content:flex-start;border-color:rgba(218,190,124,.28);background:linear-gradient(145deg,rgba(20,18,18,.86),rgba(5,13,26,.72))}
.achievement-card.secret-real-locked{box-shadow:inset 0 0 22px rgba(240,192,96,.04)}
.achievement-card.secret-real-locked span{color:rgba(240,192,96,.72)}
.achievement-card.secret-real-locked strong{color:rgba(255,248,224,.86)}
.achievement-card.secret-real-locked p{color:rgba(232,217,176,.62)}
.achievement-card.secret-real-locked em{color:rgba(218,190,124,.66)}
.achievement-card.secret-real-unlocked{border-color:rgba(255,214,107,.55);background:linear-gradient(145deg,rgba(52,34,9,.74),rgba(5,13,26,.7));box-shadow:inset 0 0 28px rgba(240,192,96,.1),0 0 24px rgba(240,192,96,.16)}
.achievement-card.secret-real-unlocked span{color:#ffd66b;text-shadow:0 0 12px rgba(255,214,107,.45)}
.achievement-card.secret-real-unlocked p{color:rgba(255,248,224,.78)}
.achievement-card.secret-real-unlocked em{color:rgba(255,214,107,.78)}
.achievement-card.secret-placeholder{opacity:.42;filter:saturate(.35);border-color:rgba(148,163,184,.14);background:linear-gradient(145deg,rgba(7,13,24,.72),rgba(3,8,18,.62));box-shadow:none}
.achievement-card.secret-placeholder span,.achievement-card.secret-placeholder strong{color:rgba(232,217,176,.48)}
.achievement-card.secret-placeholder p{color:rgba(232,217,176,.38)}
.profile-login-card{max-width:620px;margin:0 auto;text-align:center}
.privacy-page{position:relative;z-index:1;width:min(920px,100%);margin:0 auto;padding:112px 22px 72px}
.privacy-back{display:inline-flex;align-items:center;margin-bottom:26px;font-family:'Cinzel',serif;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,224,138,.82);text-decoration:none}
.privacy-back:hover,.privacy-back:focus{color:var(--gold-bright)}
.privacy-document{border:1px solid rgba(240,192,96,.22);border-radius:8px;background:linear-gradient(160deg,rgba(10,24,48,.78),rgba(5,13,26,.9));box-shadow:0 20px 80px rgba(0,0,0,.3),inset 0 0 28px rgba(240,192,96,.035);padding:34px}
.privacy-document h1{font-family:'Cinzel Decorative',serif;font-size:clamp(1.85rem,5vw,3rem);line-height:1.12;color:var(--gold-bright);margin-bottom:10px}
.privacy-date{font-family:'Cinzel',serif;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,192,96,.68);margin-bottom:24px}
.privacy-document h2{font-family:'Cinzel',serif;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:28px 0 12px}
.privacy-document p,.privacy-document li{font-size:1.02rem;line-height:1.68;color:rgba(232,217,176,.82)}
.privacy-document ul{display:grid;gap:4px;margin:8px 0 16px 22px}
.privacy-document a{color:rgba(255,224,138,.9)}
@media(max-width:600px){.qmodal{padding:28px 18px 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.agrid{grid-template-columns:1fr}.diff-row,.res-blocks{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}.flinks{justify-content:center}}
@media(max-width:768px){
nav{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 14px;background:rgba(5,13,26,.97);border-bottom:1px solid rgba(240,192,96,.18)}
.faction-mobile-scroll-anchor{display:block;grid-column:1/-1;margin:-12px 0}
.nav-logo{min-width:0;font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-logo-emblem{width:32px;height:32px}
.nav-actions{display:contents}
.nav-cta{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap;padding:9px 13px;font-size:.66rem;line-height:1.2}
.auth-header{grid-column:1/-1;grid-row:2;display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:8px;justify-content:stretch;align-items:stretch}
.auth-header.is-authenticated{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.auth-hello{grid-column:1/-1;display:block;max-width:100%;min-width:0;width:100%;font-size:.72rem;line-height:1.35;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-link{min-height:38px;width:100%;font-size:.66rem;line-height:1.2;padding:9px 10px;box-sizing:border-box;text-align:center}
.auth-login-btn{justify-self:stretch}
.hero{padding-top:72px;background-position:center top}
.hero-emblem{--hero-emblem-float-y:-5px;width:clamp(150px,46vw,220px);margin-bottom:22px}
.hero-sub{font-size:clamp(.9rem,5vw,1.35rem)}
.hero-desc{max-width:100%;line-height:1.55}
.fc-icon{width:76px;height:76px;margin-bottom:16px}
.ctasec{padding:72px 14px}
.cta-border{inset:18px}
.cta-desc{max-width:100%;font-size:1rem}
.ctasec .btn-primary{width:100%;padding:16px 18px!important;font-size:.86rem!important}
footer{padding:30px 18px}
.footer-note{width:100%}
.install-app-block{margin:8px auto 4px;padding:16px 14px}
.install-app-actions{flex-direction:column}
.install-app-btn{width:100%}
.flinks{width:100%;justify-content:center;gap:12px 18px}
.hero-btns,.hero-pvp-row{width:100%}
.hero-btns button,.hero-pvp-row button{max-width:100%}
.seo-section{padding:54px 18px}
.seo-copy{text-align:center}
.seo-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lore-page{padding:24px 14px 46px}
.lore-hero{padding:48px 0 42px}
.lore-actions{align-items:stretch}
.lore-actions .btn-primary,.lore-actions .btn-secondary{width:100%;min-width:0;padding-left:18px;padding-right:18px}
.lore-grid{grid-template-columns:1fr;margin-bottom:46px}
.lore-card{padding:22px 18px;min-height:0}
.lore-card-footer{align-items:stretch}
.lore-card-status,.lore-card-button{width:100%}
.lore-cta{padding:38px 16px}
.lore-article-page{padding:24px 14px 46px}
.lore-back-link{margin-bottom:16px;font-size:.68rem}
.lore-article-hero{padding:46px 18px 34px}
.lore-article-body{padding:28px 16px 34px}
.lore-article-section{margin-bottom:30px}
.lore-article-section p{font-size:1.04rem;line-height:1.68}
.lore-article-quest{padding:22px 18px;margin-bottom:18px}
.lore-article-callout{padding:24px 18px}
.lore-article-callout h2{text-align:center}
.lore-article-cta{padding:38px 16px;margin-top:24px}
.profile-page{padding-top:32px}
.solo-save-actions,.profile-actions{flex-direction:column;align-items:stretch}
.solo-save-actions button,.profile-actions a,.profile-actions button{width:100%;box-sizing:border-box;text-align:center}
.profile-page{padding-left:12px;padding-right:12px;padding-bottom:32px}
.profile-hero-card,.profile-card{padding:18px}
.profile-stats-grid{grid-template-columns:1fr}
.profile-result{grid-template-columns:1fr}
.profile-result-scoreline{grid-template-columns:1fr}
.profile-result-latest{align-items:flex-start;flex-direction:column}
.profile-result-latest strong{text-align:left}
.profile-history-toggle{justify-self:stretch}
}
@media(max-width:600px){
.auth-dialog{padding:26px 18px}
.auth-consent{font-size:.78rem!important;gap:9px;margin-top:0;margin-bottom:0}
.privacy-page{padding:34px 14px 48px}
.privacy-document{padding:22px 16px;border-radius:6px}
.privacy-document p,.privacy-document li{font-size:.98rem;line-height:1.62}
.privacy-document h2{font-size:.98rem}
.duel-panel{padding:14px;margin-top:18px}
.start-row{margin-top:28px;align-items:stretch}
.solo-cta-item{width:100%;align-items:stretch;text-align:center}
.solo-cta-label{text-align:center}
.solo-cta-item button{width:100%;min-width:0}
.hero-btns button,.hero-pvp-row button{width:100%;min-width:0}
.seo-mode-grid{grid-template-columns:1fr}
.seo-mode-card,.seo-faq-list article{padding:18px}
.seo-copy p{font-size:1rem;line-height:1.65}
.lore-home-section{padding:12px 18px 54px}
.lore-home-card{padding:28px 18px}
.duel-link-row{align-items:stretch}
.duel-link-row input,.duel-link-row select,.duel-link-row button,.duel-link-row a,.pvp-input{width:100%;min-width:0}
.pvp-page{padding:88px 12px 28px}
.pvp-card{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:22px;margin-left:auto;margin-right:auto;box-sizing:border-box;border-radius:6px}
.pvp-card h1{font-size:1.45rem}
.pvp-card h2{font-size:1.2rem}
.pvp-question{font-size:1.08rem;line-height:1.45;margin:18px 0}
.pvp-score{width:100%;justify-content:space-between}
.pvp-scoreboard{grid-template-columns:1fr;gap:10px}
.pvp-player-line{align-items:flex-start;flex-direction:column;gap:4px}
.pvp-player-line span{white-space:normal}
.pvp-answer{min-height:52px;font-size:.96rem;padding:12px 14px}
.pvp-result-list div{padding:12px}
.pvp-result-card{padding:16px;width:100%}
.pvp-result-list div{flex-direction:column;align-items:flex-start}
.pvp-join-form,.pvp-join-actions,.pvp-result-actions,.pvp-actions{display:flex;flex-direction:column;gap:12px;width:100%}
.pvp-join-form input,.pvp-join-form button,.pvp-join-form a,.pvp-actions button,.pvp-actions a,.pvp-result-actions button,.pvp-result-actions a{width:100%;max-width:100%;box-sizing:border-box;text-align:center}
.pvp-result-actions{align-items:stretch;margin-top:20px}
.pvp-result-actions a{min-width:0}
.support-after-match{padding:16px 14px}
.support-open-btn{width:100%;min-width:0}
.support-card button,.support-action{width:100%;justify-self:stretch}
.site-panel{padding:10px}
.site-panel-dialog{max-height:92vh;padding:24px 16px}
.roadmap-heading{margin-bottom:18px}
.roadmap-title{font-size:clamp(1.45rem,7vw,2.15rem);padding-left:34px;padding-right:34px}
.roadmap-timeline{gap:14px;padding-left:28px}
.roadmap-timeline::before{left:10px}
.roadmap-diamond{left:-24px;top:26px;width:12px;height:12px}
.roadmap-card{padding:15px 14px}
.roadmap-card h3{font-size:1rem}
.roadmap-card p{font-size:.94rem;line-height:1.55}
.roadmap-date{font-size:.72rem}
.pvp-answer-result{padding:14px}
.pve-hud-top{gap:12px}
.pve-hud-actions{width:100%;justify-content:space-between;margin-left:0}
.pve-hud-actions .pvp-question-timer{padding:7px 10px}
.pve-player-score{align-items:stretch}
.pve-player-score .qphase{margin-left:0}
.pve-bot-line{align-items:flex-start;flex-direction:column;gap:6px}
.pve-bot-line span{text-align:left}
}