@font-face{font-family:TLHeader;src:url('assets/TLHeaderEUROv2-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:TL;src:url('assets/TL_EUROv2-Medium.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:TL;src:url('assets/TL_EUROv2-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#1c1724;--gold:#c5ab83;--gold-light:#e8d5b5;--white:#f8f5ef;--frame:#7e6c56;--display:TLHeader,Georgia,'Times New Roman',serif;--ui:TL,Georgia,'Times New Roman',serif;scroll-behavior:smooth;scroll-padding-top:80px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}button,a{touch-action:manipulation}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);padding:15px}.skip:focus{top:8px}.header{height:64px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;background:#211d27f7;border-bottom:1px solid #927d59;box-shadow:0 2px 16px #0003}.brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;flex:none;padding:7px 15px 12px;line-height:1}.brand span{font-family:var(--ui);font-size:10px;letter-spacing:2.5px;color:#d2bf9d}.brand strong{font-family:var(--display);font-size:27px;font-weight:400;letter-spacing:.6px;color:#e8d3af}.brand i{font-style:normal;font-size:7px;position:absolute;bottom:3px;color:var(--gold)}.brand i:before,.brand i:after{content:'';position:absolute;top:3px;width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.brand i:before{right:15px}.brand i:after{left:15px;transform:rotate(180deg)}nav{display:flex;align-items:stretch;gap:21px;height:100%;margin-left:24px}.nav-item{height:100%;display:flex;align-items:center;gap:10px;font-family:var(--ui);font-size:12px;letter-spacing:1px;white-space:nowrap;padding:0}.nav-item:hover,.nav-item[aria-expanded=true]{color:var(--gold-light)}.chevron{width:6px;height:6px;display:inline-block;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}.dropdown{position:relative}.dropdown-panel{display:none;position:absolute;top:64px;left:-24px;width:236px;padding:12px 0;background:#251f2dfc;border:1px solid var(--frame);box-shadow:0 12px 30px #0005}.dropdown.open .dropdown-panel{display:block}.dropdown-panel a,.dropdown-panel button{display:block;width:100%;text-align:left;padding:14px 24px;font-size:14px}.dropdown-panel a:hover,.dropdown-panel button:hover{background:#c5ab8318;color:var(--gold-light)}.download-top{align-self:stretch;margin-left:auto;min-width:222px;padding:0 32px 0 42px;display:flex;justify-content:center;align-items:center;gap:18px;clip-path:polygon(13px 0,100% 0,100% 100%,0 100%);background:linear-gradient(112deg,#a68f6c,#e5d5b7 45%,#c3ab82);color:#211e25;font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:1.4px;transition:filter .2s}.download-top:hover{filter:brightness(1.16)}.menu-toggle{display:none}main{padding-top:64px}.hero{position:relative;isolation:isolate;aspect-ratio:2.24;min-height:560px;max-height:860px;overflow:hidden;background:#393333}.hero-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 42%;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#18172005 45%,#18162020 65%,#1c1724ba 100%)}.hero-caption{position:absolute;inset:auto 24px 40px;text-align:center;text-shadow:0 2px 14px #100d14}.hero-eyebrow{font-family:var(--ui);font-size:18px;letter-spacing:6px;margin:0 0 3px;color:#f5e6ca}h1{font-family:var(--display);font-weight:400;line-height:1.03;letter-spacing:-1px;font-size:clamp(74px,8.1vw,144px);margin:0;background:linear-gradient(#f0dfbd,#b39366);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #201b1b);text-shadow:none}.trailer{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-family:var(--ui);font-size:12px;letter-spacing:1.1px;color:#fff}.play{display:flex;align-items:center;justify-content:center;padding-left:2px;border:1px solid #dac5a2;width:30px;height:30px;border-radius:50%;background:#151119bb;font-size:10px;transition:background .2s}.trailer:hover .play{background:#baa17c;color:#211b26}.join{position:relative;padding:0 4.5% 48px;background:linear-gradient(#1d1724,#1a1624);margin-top:-1px}.join-frame{position:relative;max-width:1440px;margin:auto;padding:32px 32px 28px;border:1px solid var(--frame);background:radial-gradient(ellipse at 50% 0,#37303d80,transparent 70%);clip-path:polygon(0 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}.join-frame:before,.join-frame:after{content:'';position:absolute;width:12px;height:12px;border:1px solid var(--frame)}.join-frame:before{top:-1px;right:-1px}.join-frame:after{bottom:-1px;left:-1px}.ornament{display:flex;justify-content:center;align-items:center;gap:26px;font:400 24px var(--ui);letter-spacing:1.4px;margin:0 0 24px;color:var(--gold-light)}.ornament:before,.ornament:after{content:'';width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament:after{transform:rotate(180deg)}.join-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:820px;margin:auto}.join-actions .outline{padding-inline:20px}.outline{min-height:54px;border:1px solid #b59c76;box-shadow:inset 0 0 0 3px #1d1924,inset 0 0 0 4px #6c5c46;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 32px;font-family:var(--ui);font-size:13px;letter-spacing:1.2px;background:#221c2bba;transition:background .2s,color .2s}.outline:hover{background:#c5ab83;color:#1c1724;box-shadow:inset 0 0 0 3px #c5ab83,inset 0 0 0 4px #766345}.outline svg{width:23px;height:23px;fill:currentColor}.action-icon{font-size:28px;line-height:.8}.world{position:relative;isolation:isolate;min-height:630px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #80684640}.world-art{position:absolute;inset:0;z-index:-2;background:url('assets/world.webp') center 42%/cover no-repeat}.world:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171420f5 3%,#1c1724ee 27%,#231b3280 57%,#19142218 100%),linear-gradient(0deg,#1a1624,transparent 25%,transparent 80%,#1a1624);}.world-content{width:min(600px,51%);margin:65px 0 80px 7.5%}.eyebrow{font:400 15px var(--ui);letter-spacing:2px;color:var(--gold-light);margin:0 0 14px}h2{font-family:var(--display);font-weight:400;color:var(--gold-light)}.world h2{font-size:44px;line-height:1.13;letter-spacing:-.4px;margin:0 0 22px}.world p:not(.eyebrow){font-size:16px;line-height:1.65;color:#e1dce4;max-width:455px}.world ul{padding:0;list-style:none;margin:23px 0 30px;font-size:15px;color:#eee8ee;line-height:1.9}.world li:before{content:'◆';font-size:7px;color:var(--gold);display:inline-block;width:19px;vertical-align:2px}.world .outline{min-width:220px}.news{position:relative;isolation:isolate;padding:72px 5% 90px;overflow:hidden;background:#201b27}.news:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#241725d9,#181723ed),url('assets/world.webp') center/cover;filter:saturate(.5)}.news-inner{max-width:1400px;margin:auto}.news h2{text-align:center;font-size:58px;line-height:1.1;letter-spacing:-.6px;margin:0 0 44px}.news-list{display:grid;gap:16px}.news-card{padding:0;display:flex;position:relative;width:100%;text-align:left;background:#29212edf;border:1px solid #756049;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px,12px 12px);transition:background .2s,border-color .2s}.news-card:hover{background:#352c3ce8;border-color:#d3b786}.news-picture{display:block;flex:0 0 27%;min-height:168px;background-size:cover;background-repeat:no-repeat;transition:filter .3s}.news-card:hover .news-picture{filter:brightness(1.13)}.news-picture-world{background-image:url('assets/world.webp');background-position:50% 40%}.news-picture-warrior{background-image:url('assets/cover.webp');background-size:auto 190%;background-position:3% 25%}.news-picture-priest{background-image:url('assets/cover.webp');background-size:auto 190%;background-position:31% 19%}.news-picture-gunner{background-image:url('assets/cover.webp');background-size:auto 190%;background-position:96% 29%}.news-copy{padding:19px 30px 18px;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.tag{font-size:11px;padding:3px 7px;border:1px solid #a28b6c;line-height:1;color:#e5d7c2}.news-copy strong{font:400 25px var(--ui);color:#e2cca6;line-height:1.15}.excerpt{font-size:15px;color:#ded8e1;line-height:1.4}.read-more{font-family:var(--ui);font-size:10px;letter-spacing:1px;color:#ceb794;margin-top:2px;display:flex;gap:12px}.all-news{display:flex;min-width:244px;margin:38px auto 0}footer{background:#18151e;padding:46px 5% 32px;border-top:1px solid #675641}.footer-top,.footer-bottom{display:flex;align-items:center;max-width:1400px;margin:auto;justify-content:space-between}.footer-top{padding-bottom:32px;border-bottom:1px solid #77613d44}.footer-top .brand{padding-left:0;padding-right:0}.back-top{font:400 12px var(--ui);letter-spacing:1px;display:flex;align-items:center;gap:15px}.back-top span{font-size:24px;color:var(--gold)}.footer-bottom{padding-top:30px;gap:36px}.socials{display:flex;gap:10px}.socials button{width:36px;height:36px;border:1px solid #7b6b56;font:700 12px Arial;border-radius:50%;color:#e2d0b1}.socials button:hover{background:#c5ab83;color:#201927}.legal{display:flex;gap:15px 24px;flex:1;flex-wrap:wrap;color:#b6aebd;font-size:11px}.legal button{padding:0}.legal span{width:100%;font-size:10px;color:#8e8695}.language{font:400 11px var(--ui);white-space:nowrap;letter-spacing:1px}dialog{color:#f5f0e8;background:radial-gradient(ellipse at top,#403143,#211b29);border:1px solid var(--gold);padding:50px;max-width:560px;width:calc(100% - 36px);box-shadow:0 20px 100px #000a}dialog::backdrop{background:#08060dd9;backdrop-filter:blur(5px)}dialog h2{font:400 32px var(--ui);margin:0 0 20px}dialog p:not(.eyebrow){font-size:16px;line-height:1.65;color:#d9d0df}dialog .outline{margin-top:18px}.dialog-close{position:absolute;right:15px;top:10px;font-size:32px;color:var(--gold)}body.modal-open{overflow:hidden}
@media(min-width:1700px){nav{gap:38px;margin-left:45px}.header .brand{width:230px}.download-top{min-width:280px}.world-content{margin-left:max(7.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){nav{gap:16px;margin-left:5px}.header .brand{width:174px}.brand strong{font-size:24px}.brand span{font-size:9px}.download-top{min-width:180px;padding:0 20px}.nav-item{font-size:10px;gap:7px}.join{padding-left:4%;padding-right:4%}.join-frame{padding-left:22px;padding-right:22px}.outline{padding-left:15px;padding-right:15px}.world h2{font-size:36px}.news h2{font-size:48px}}
@media(max-width:850px){.header{height:60px}.header .brand{width:176px;margin-right:auto}.download-top{margin-left:0;min-width:170px;font-size:10px}.menu-toggle{display:flex;order:3;width:58px;height:60px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:15px}.menu-toggle span{height:1px;width:23px;background:#d6c09b}.header nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;max-height:calc(100dvh - 60px);overflow:auto;margin:0;padding:20px 26px;background:#211b28;border-bottom:1px solid var(--gold);flex-direction:column;gap:0}.header nav.open{display:flex}.nav-item{min-height:50px;font-size:13px;justify-content:space-between;width:100%}.dropdown-panel{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid var(--frame);margin-bottom:12px}.hero{min-height:520px}.hero-art{object-position:50% center}main{padding-top:60px}.hero-caption{bottom:36px}.hero-eyebrow{font-size:14px;letter-spacing:4px}.join-actions{gap:12px}.join-actions .outline{font-size:10px;gap:8px}.ornament{font-size:20px}.world-content{margin-left:6%;width:63%}.world:after{background:linear-gradient(90deg,#1b1623f2,#1b1623c7 48%,#1b162340),linear-gradient(0deg,#1a1624,transparent 20%,transparent 80%,#1a1624)}.news-copy{padding:18px 22px}.news-copy strong{font-size:22px}.excerpt{font-size:14px}.footer-bottom{flex-wrap:wrap}.legal{order:3;flex-basis:100%}.language{margin-left:auto}}
@media(max-width:540px){.header .brand{width:160px;padding-left:10px;padding-right:10px}.header .brand strong{font-size:22px}.header .brand span{font-size:8px;letter-spacing:2px}.download-top{min-width:0;width:136px;padding:0 8px 0 17px;gap:8px;font-size:9px;letter-spacing:.8px}.menu-toggle{width:48px;padding:10px}.hero{min-height:520px;max-height:none;aspect-ratio:auto}.hero-art{object-position:52% center}.hero-shade{background:linear-gradient(0deg,#1c1724f0 0,#19141f70 30%,transparent 65%)}.hero-caption{inset:auto 12px 43px}.hero-eyebrow{font-size:12px;letter-spacing:3px}h1{font-size:64px;letter-spacing:-1px}.trailer{font-size:10px;margin-top:18px}.join{padding:0 18px 32px}.join-frame{padding:24px 17px}.ornament{font-size:16px;letter-spacing:.4px;gap:10px}.ornament:before,.ornament:after{width:28px}.join-actions{grid-template-columns:1fr;gap:12px;max-width:280px}.join-actions .outline{font-size:12px;min-height:52px;gap:13px}.world{min-height:660px;align-items:flex-end}.world-art{background-position:65% center}.world:after{background:linear-gradient(0deg,#1b1623 0,#1b1623ed 42%,#1b16237a 73%,#1b1623aa 100%)}.world-content{width:auto;margin:185px 26px 50px}.world h2{font-size:32px}.world p:not(.eyebrow){font-size:14px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1px}.world ul{font-size:14px}.world .outline{width:100%}.news{padding:48px 18px 58px}.news h2{font-size:32px;margin-bottom:28px;line-height:1.16}.news-card{flex-direction:column}.news-picture{flex:none;width:100%;min-height:180px}.news-copy{padding:21px 22px 26px;gap:12px}.news-copy strong{font-size:24px}.excerpt{font-size:14px;line-height:1.5}.read-more{margin-top:5px}.news-list{gap:24px}.all-news{width:100%;margin-top:28px}.footer-top .brand{width:165px}.footer-top{padding-bottom:25px}.back-top{font-size:10px;gap:8px}footer{padding:34px 24px 28px}.footer-bottom{gap:25px}.legal{gap:15px 18px;line-height:1.5}dialog{padding:42px 25px 30px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Full-width, straight-edged frames approved in the layout revision. */
.join { padding: 0; }
.join-frame { width: 100%; max-width: none; margin: 0; clip-path: none; padding: 32px 5% 28px; }
.join-frame::before, .join-frame::after { display: none; }
.news-card { clip-path: none; }
.language-switch { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; font: 400 12px var(--ui); letter-spacing: 1px; }
.language-switch > span:first-child { font-size: 20px; color: var(--gold); margin-right: 4px; }
.language-switch button { min-width: 38px; min-height: 38px; padding: 8px; border-bottom: 1px solid transparent; color: #b6aebd; transition: color 350ms ease, border-color 350ms ease, text-shadow 350ms ease; }
.language-switch button[aria-pressed=true] { color: var(--gold-light); border-bottom-color: var(--gold); }
.language-switch button:hover { color: #fff0d4; text-shadow: 0 0 15px #bc6e36; }
.language-divider { width: 1px; height: 15px; background: #7b6b56; }
@media (max-width: 850px) { .language-switch { order: 4; margin-left: auto; } }
@media (max-width: 540px) { .join-frame { padding: 26px 24px; } .language-switch { flex-basis: 100%; } }
.back-top > [data-i18n] { font: inherit; color: inherit; }
.legal button [data-i18n] { font: inherit; color: inherit; width: auto; }
.hero { width: 100%; min-width: 0; }

/* Brand glyphs inherit the existing gold palette and hover colour. */
.socials button { display: inline-flex; align-items: center; justify-content: center; padding: 7px; transition: color 350ms ease, background-color 350ms ease; }
.socials svg { display: block; width: 20px; height: 20px; fill: currentColor; pointer-events: none; }

/* Keep the full top edge and crop 55 px below without rescaling. */
.hero {
  --hero-full-height: clamp(560px, 44.642857vw, 860px);
  height: calc(var(--hero-full-height) - 55px);
  min-height: 0; max-height: none; aspect-ratio: auto;
}
.hero-art { top: 0; bottom: auto; height: var(--hero-full-height); }
.hero-caption { bottom: 37px; }
@media (max-width: 850px) {
  .hero { --hero-full-height: 520px; }
  .hero-caption { bottom: 33px; }
}
@media (max-width: 540px) { .hero-caption { bottom: 36px; } }

/* Shared lion emblem and wordmark, including compact mobile header. */
.brand { width: 248px; flex-direction: row; gap: 10px; padding: 5px 14px; }
.brand .brand-mark { display: block; width: 46px; height: 46px; flex: none; }
.brand .brand-wordmark { position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 10px; }
.brand-wordmark i { bottom: 0; }
.footer-top .brand { width: 248px; justify-content: flex-start; }
.footer-top .brand-mark { width: 52px; height: 52px; }
@media(min-width:1700px) { .header .brand { width: 265px; } }
@media(max-width:1100px) { .header .brand { width: 212px; gap: 8px; padding-left: 10px; padding-right: 10px; } .header .brand-mark { width: 38px; height: 38px; } }
@media(max-width:850px) { .header .brand { width: 212px; } }
@media(max-width:540px) { .header .brand { width: 190px; gap: 7px; padding-left: 8px; padding-right: 8px; } .header .brand-mark { width: 34px; height: 34px; } .header .brand strong { font-size: 21px; } .header .brand span { letter-spacing: 1.6px; } .footer-top .brand { width: 218px; gap: 8px; } .footer-top .brand-mark { width: 44px; height: 44px; } .footer-top .brand strong { font-size: 24px; } }
@media(max-width:380px) { .header .brand { width: 168px; gap: 5px; padding-left: 6px; padding-right: 6px; } .header .brand strong { font-size: 18px; } .header .brand-wordmark > span { font-size: 7px; letter-spacing: 1.2px; } .header .brand-mark { width: 30px; height: 30px; } .download-top { width: 104px; font-size: 8px; letter-spacing: 0; gap: 4px; padding-left: 12px; padding-right: 4px; } .footer-top .brand { width: 185px; gap: 6px; } .footer-top .brand strong { font-size: 21px; } .footer-top .brand-wordmark > span { font-size: 8px; } .footer-top .brand-mark { width: 38px; height: 38px; } }
/* Optical alignment accounts for the transparent margin inside the lion asset. */
.brand .brand-mark { transform: translate(14px, -3px); }
.footer-top .brand-mark { transform: translate(15px, -3px); }
@media(max-width:1100px) { .header .brand-mark { transform: translate(11px, -3px); } }
@media(max-width:540px) { .header .brand-mark { transform: translate(10px, -3px); } .footer-top .brand-mark { transform: translate(12px, -3px); } }
@media(max-width:380px) { .header .brand-mark { transform: translate(8px, -3px); } .footer-top .brand-mark { transform: translate(10px, -3px); } }

/* Cyrillic typography trial; English and Latin brand retain the approved type. */
@font-face { font-family: LionheartForum; src: url('assets/Forum-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: LionheartGolos; src: url('assets/GolosText-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
:root:is(:lang(ru),:lang(en)) { --display: LionheartForum,Georgia,serif; --ui: LionheartForum,Georgia,serif; }
html:is(:lang(ru),:lang(en)) body { font-family: LionheartForum,Georgia,serif; }
.brand,.hero-caption { --display: TLHeader,Georgia,'Times New Roman',serif; --ui: TL,Georgia,'Times New Roman',serif; }
html:is(:lang(ru),:lang(en)) .nav-item,html:is(:lang(ru),:lang(en)) .download-top { font-size: 14px; }
html:is(:lang(ru),:lang(en)) .outline { font-size: 15px; }
html:is(:lang(ru),:lang(en)) .class-nav a { font-size: 16px; }
@media(max-width:540px) { html:is(:lang(ru),:lang(en)) .download-top { font-size: 11px; } }
@media(max-width:380px) { html:is(:lang(ru),:lang(en)) .download-top { font-size: 10px; } }

/* Give the header emblem and wordmark more breathing room as one unit. */
.header .brand { transform: scale(.84); transform-origin: center; }
.dropdown-panel :is(a,button) { font-family: var(--ui); }
html:is(:lang(ru),:lang(en)) .dropdown-panel :is(a,button) { font-size: 16px; line-height: 1.3; }

@media(min-width:851px) { .header nav { margin-left: 16px; } }

/* Seven primary links fit on desktop; tablets use the established collapsible menu. */
@media(min-width:1101px) and (max-width:1390px){.header nav{gap:16px}.header .download-top{min-width:170px;padding:0 20px 0 28px;letter-spacing:.8px}.header .nav-item{letter-spacing:.6px;gap:7px}}
@media(min-width:851px) and (max-width:1100px){.header{height:60px}.header .brand{margin-right:auto}.header .download-top{margin-left:0;min-width:170px;font-size:10px}.menu-toggle{display:flex;order:3;width:58px;height:60px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:15px}.menu-toggle span{height:1px;width:23px;background:#d6c09b}.header nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;max-height:calc(100dvh - 60px);overflow:auto;margin:0;padding:20px 26px;background:#211b28;border-bottom:1px solid var(--gold);flex-direction:column;gap:0}.header nav.open{display:flex}.header .nav-item{min-height:50px;font-size:14px;justify-content:space-between;width:100%}.header .dropdown-panel{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid var(--frame);margin-bottom:12px}main{padding-top:60px}.class-nav{top:60px}}