:root{--bg:#101111;--panel:#171818;--text:#f0ede5;--muted:#a5a59d;--accent:#e34850;--accent-heading:#c92c39;--accent-strong:#b51f2f;--accent-hover:#cb2c3c;--on-accent:#fff5f5;--line:#ffffff16;--body:'Barlow',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65}body:has(dialog[open]){overflow:hidden}::selection{background:var(--accent-strong);color:var(--on-accent)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}svg{display:block}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:10px;background:var(--accent-strong);color:var(--on-accent);padding:10px 20px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:92px;position:relative;z-index:10;border-bottom:1px solid var(--line);background:#101111ee}.header-inner{max-width:1440px;margin:auto;height:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:50%;border:1px solid #7776}.brand>span{font-family:var(--display);font-size:29px;font-weight:800;letter-spacing:1.3px;line-height:1}.brand-up{color:var(--accent)}.brand small{font-family:var(--body);font-size:8px;letter-spacing:2px;display:block;margin-top:8px;color:var(--muted)}nav{display:flex;gap:30px}nav a{font-size:13px;color:#bdbcb4;transition:color .2s}nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:26px}.languages{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.languages a{color:var(--muted)}.languages a[aria-current]{color:var(--accent)}.languages>span{color:#565650}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;background:var(--accent-strong);color:var(--on-accent);font-size:13px;font-weight:700;line-height:1.4;min-height:54px;transition:background .2s,transform .2s}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}.button .icon{width:18px;height:18px}.button-small{padding:12px 18px;gap:20px;min-height:43px}.menu-toggle{display:none}.hero{position:relative;min-height:750px;max-width:1600px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#4b101c26,transparent 65%)}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 140px,#ffffff02 141px 142px);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:1296px;margin:auto;padding:68px 5% 110px;pointer-events:none}.hero-inner a{pointer-events:auto}.status{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#c0beb2}.status>span{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px #c92c3960}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--accent);margin:0 0 23px;text-transform:uppercase}.hero-eyebrow{margin-top:48px;margin-bottom:14px;color:#aeaa9a}.hero h1{font-family:var(--display);font-size:clamp(78px,8.5vw,136px);font-weight:800;line-height:.93;letter-spacing:-2px;margin:0;text-transform:uppercase}.hero h1 span{color:var(--accent-heading)}.hero-copy{font-size:15px;color:#b6b6af;max-width:400px;line-height:1.8;margin:28px 0 29px}.hero-buttons{display:flex;gap:26px;align-items:center}.text-button{display:flex;align-items:center;gap:11px;font-size:13px}.small-play{width:34px;height:34px;border:1px solid #7776;display:grid;place-items:center;border-radius:50%}.small-play .icon{width:16px;height:16px}.hero-proof{display:flex;align-items:center;gap:17px;max-width:395px;margin-top:48px}.hero-proof strong{font-family:var(--display);font-size:40px;font-weight:600;line-height:1}.hero-proof>span{font-size:9px;letter-spacing:1.6px;max-width:90px;line-height:1.5;color:var(--muted)}.proof-line{height:1px;background:var(--line);flex:1}.hero-proof>.icon{color:var(--accent);width:29px;height:29px}.hero-art{position:absolute;top:16px;bottom:40px;inset-inline-end:-5%;width:65%;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,transparent 24%,#101111 71%);z-index:1}.hero-art img{width:min(760px,100%);height:auto;filter:brightness(.72) saturate(1.1);mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.orbit{position:absolute;border:1px solid #c92c391b;aspect-ratio:1;width:86%;border-radius:50%;z-index:2;pointer-events:none}.orbit:before,.orbit:after{content:'+';position:absolute;color:var(--accent);font-size:18px;line-height:1;opacity:.6}.orbit:before{top:13%;left:13%}.orbit:after{bottom:13%;right:13%}.orbit-two{width:95%;border-style:dashed;border-color:#ffffff09}.art-caption{position:absolute;bottom:7%;font-size:8px;letter-spacing:5px;color:#91656a;z-index:2}.scroll-cue{position:absolute;bottom:30px;inset-inline-start:7.5%;display:flex;align-items:center;gap:12px;z-index:3;font-size:8px;letter-spacing:2px;color:#8d8c83}.scroll-cue>span{font-size:22px;color:var(--accent)}.hero-coordinate{position:absolute;bottom:37px;inset-inline-end:6%;font-size:8px;letter-spacing:2px;color:#64645d}.motto-strip{display:flex;gap:48px;align-items:center;white-space:nowrap;overflow:hidden;justify-content:center;border-top:1px solid #c92c3926;border-bottom:1px solid #c92c3926;padding:16px 0;background:#c92c3906;font-family:var(--display);font-size:18px;letter-spacing:3px;color:#888579}.motto-strip b{color:var(--accent);font-size:14px}.section{max-width:1296px;padding:100px 5%;margin:auto;scroll-margin-top:28px}h2{font-family:var(--display);font-size:clamp(40px,4.4vw,64px);font-weight:600;letter-spacing:-.5px;line-height:1.06;margin:0}h2 span{color:#93938b}h3{line-height:1.2}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:40px}.section-intro{font-size:14px;line-height:1.8;max-width:325px;color:var(--muted);margin:0 0 4px}.guild-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.guild-copy p{color:var(--muted);font-size:15px}.tiny-rule{display:block;width:36px;height:2px;background:var(--accent);margin-bottom:22px}.guild-copy .signature{color:var(--accent);font-family:var(--display);font-size:21px;letter-spacing:2px;text-transform:uppercase}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border:1px solid var(--line)}.pillar{padding:30px 28px;border-inline-end:1px solid var(--line);background:linear-gradient(145deg,#ffffff03,transparent)}.pillar:last-child{border:0}.pillar-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent)}.pillar-top .icon{width:28px;height:28px}.pillar-top>span{font-family:var(--display);font-size:18px;color:#62625b}.pillar h3{font-family:var(--display);font-size:27px;font-weight:500;margin:26px 0 12px}.pillar p{color:var(--muted);font-size:13px;margin:0;line-height:1.9}.chronicles-section{border-top:1px solid var(--line)}.filters{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.filters button{background:none;padding:12px 0;color:var(--muted);font-size:12px;position:relative}.filters button[aria-pressed=true]{color:var(--accent)}.filters button[aria-pressed=true]:after{content:'';position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--accent)}.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.clip-card:first-child:nth-last-child(odd){grid-column:1/-1}.clip-visual{position:relative;padding:0;width:100%;display:block;overflow:hidden;background:#21221e;aspect-ratio:16/9}.clip-card.featured .clip-visual{max-height:520px}.clip-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0009)}.clip-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .5s,filter .5s}.clip-visual:hover>img{transform:scale(1.035);filter:saturate(1)}.play-button{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:60px;height:60px;border:1px solid #ed8c9580;border-radius:50%;z-index:1;background:#1b101366;backdrop-filter:blur(8px)}.play-button .icon{width:25px;height:25px;color:var(--accent)}.video-source,.duration{position:absolute;bottom:17px;font-size:10px;z-index:1}.video-source{inset-inline-start:20px;text-transform:uppercase;letter-spacing:1.7px}.duration{inset-inline-end:20px;background:#0009;padding:2px 7px}.clip-caption{display:flex;align-items:center;gap:18px;padding:20px 0}.clip-number{font-family:var(--display);font-size:24px;color:var(--accent)}.clip-caption h3{font-family:var(--display);font-weight:500;font-size:26px;margin:0}.clip-caption p{font-size:12px;color:var(--muted);margin:6px 0 0}.clip-caption>.icon{margin-inline-start:auto;color:var(--accent)}.empty-state{border:1px solid var(--line);background:linear-gradient(130deg,#ffffff03,transparent);color:var(--muted)}.empty-state h3{color:var(--text);font-family:var(--display);font-size:28px;font-weight:500;margin:0 0 10px}.empty-state p{font-size:13px;margin:0;line-height:1.8}.footage-empty{position:relative;min-height:250px;padding:50px;display:flex;align-items:center;gap:35px;overflow:hidden;background:radial-gradient(ellipse at right,#c92c3909,transparent 70%)}.empty-emblem{width:72px;height:72px;flex-shrink:0;border:1px solid #c92c3940;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.empty-index{position:absolute;bottom:17px;inset-inline-end:24px;font-size:9px;letter-spacing:2px;color:#6f6e64}.battles-section{background:#151615;max-width:none;padding-inline:max(5%,calc((100vw - 1166px)/2))}.board-aside{max-width:310px;font-size:14px;color:var(--muted)}.board-aside>p{margin:0 0 14px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent)}.text-link .icon{width:16px;height:16px}.board{border:1px solid #ffffff1c;background:#101111}.board-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 25px;border-bottom:1px solid var(--line)}.board-top>span:first-child{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:19px;letter-spacing:1.2px}.board-top .icon{width:20px;color:var(--accent)}.muted{color:#74756c}.board-provider{font-size:8px;letter-spacing:1.7px;color:#9d9e92}.battle-empty{border:0;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.battle-empty>.icon{color:#b66b73;width:32px;height:32px;margin-bottom:22px}.battle-empty h3{font-size:26px}.table-scroll{width:100%;overflow-x:auto;scrollbar-color:#86343f #1a1b18}table{width:100%;border-collapse:collapse;text-align:start}th{text-align:start;font-weight:500}thead th{color:#888a80;font-size:10px;padding:16px 20px;border-bottom:1px solid var(--line)}tbody td,tbody th{padding:20px;border-bottom:1px solid var(--line);font-size:13px}tbody tr:last-child>*{border-bottom:0}.battle-table{min-width:760px}.battle-table td:first-child{color:var(--muted);font-size:12px}.battle-table th[scope=row]{font-weight:600}.outcome{font-size:10px;padding:4px 9px;border:1px solid #ffffff23;color:var(--muted)}.outcome.victory{color:#adca9c;border-color:#adca9c30;background:#adca9c09}.outcome.defeat{color:#df8e80;border-color:#df8e8030}.reward-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px}.reward-tabs button{background:none;padding:15px 0;color:var(--muted);font-size:13px;position:relative}.reward-tabs button[aria-selected=true]{color:var(--accent)}.reward-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;inset-inline:0}.rewards-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:44px}.reward-rule{color:var(--muted);font-size:12px;line-height:1.9;min-height:50px;margin:20px 0}.rewards-table{min-width:440px}.rewards-table thead th{padding:13px 8px}.rewards-table td,.rewards-table tbody th{padding:17px 8px;font-size:12px}.rewards-table tbody th{width:46%;white-space:nowrap}.row-number{font-size:10px;margin-inline-end:14px;color:#62665c}.target-number{color:#c1c3b5;font-family:var(--display);font-size:20px}.rewards-table strong{color:var(--accent);font-family:var(--display);font-size:23px;font-weight:500;white-space:nowrap}.rewards-table strong small{font-family:var(--body);font-size:9px;color:#999c8f;margin-inline-start:2px}.jersey-bonus{font-size:9px;display:block;color:#a5a79a}.podium-table tbody th{width:auto}.podium-table strong{font-size:21px}.silver-label{display:block;font-size:9px;color:var(--muted)}.jersey-card{border:1px solid #c92c3938;background:#1d1517;align-self:start}.jersey-card-top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:9px;letter-spacing:1.6px;color:var(--accent)}.jersey-card-top .icon{width:18px}.jersey-image{display:block;position:relative;overflow:hidden}.jersey-image img{width:100%;height:auto;filter:saturate(.65);transition:transform .5s}.jersey-image:hover img{transform:scale(1.025)}.jersey-image>span{position:absolute;inset-inline-end:12px;bottom:12px;background:#111b;padding:8px}.jersey-image .icon{width:16px;height:16px}.jersey-description{padding:24px}.jersey-description .eyebrow{font-size:8px;margin-bottom:10px}.jersey-description h3{font-family:var(--display);font-size:30px;font-weight:500;margin:0 0 12px}.jersey-description>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.community-section{position:relative;max-width:none;isolation:isolate;background:#191315;border-top:1px solid #c92c3920;border-bottom:1px solid #c92c3920;overflow:hidden;padding-inline:max(5%,calc((100vw - 1166px)/2))}.community-content{position:relative;z-index:1}.community-content h2{font-size:clamp(48px,5.2vw,76px)}.community-content h2 span{color:var(--accent-heading)}.community-content>p{font-size:14px;color:var(--muted);max-width:400px;margin-top:24px}.community-crest{position:absolute;z-index:-1;width:460px;inset-inline-end:6%;top:-90px;opacity:.13;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.social-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}.social-card{border:1px solid #ffffff26;background:#10111190;display:flex;align-items:center;gap:17px;padding:24px 20px;transition:border-color .2s,background .2s}.social-card:hover{border-color:#c92c3970;background:#251719}.social-card>.icon{color:var(--accent);width:26px;height:26px}.social-card strong{font-family:var(--display);font-weight:500;font-size:25px;display:block}.social-card small{font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.social-action{margin-inline-start:auto;font-size:8px;max-width:44px;line-height:1.5;color:#ac9699}.social-action .icon{width:17px;height:17px;color:var(--accent)}.social-card.pending{border-style:dashed}.site-footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 5%}.footer-wordmark{font-family:var(--display);font-weight:700;font-size:30px;line-height:1}.footer-wordmark>span{color:var(--accent)}.footer-wordmark small{display:block;font:10px var(--body);color:var(--muted);margin-top:10px;direction:initial}.site-footer>p{font-size:10px;color:#7d8175;text-align:end;margin-inline-start:auto;line-height:1.9}.back-top{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff26;color:var(--accent)}dialog{border:1px solid #c92c3955;background:#151614;color:var(--text);padding:22px;max-width:1000px;width:calc(100% - 40px);max-height:92dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.dialog-top h2{font-size:28px}.dialog-close{background:#ffffff0a;color:var(--text);width:40px;height:40px;font-size:30px;line-height:1;flex-shrink:0}#video-container{aspect-ratio:16/9;background:#000}#video-container>iframe,#video-container>video{width:100%;height:100%;border:0}#video-original{font-size:12px;color:var(--accent);display:inline-block;margin-top:15px}#video-error{font-size:13px;color:var(--muted)}#jersey-dialog{width:min(800px,calc(100% - 30px));padding:0}#jersey-dialog>.dialog-close{position:absolute;top:12px;inset-inline-end:12px;background:#111d}#jersey-dialog>img{width:100%;height:auto}.filter-empty{color:var(--muted);font-size:14px}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.not-found h1{font-family:var(--display);font-size:80px;line-height:1;margin:0}.not-found h1 span{color:var(--accent)}.not-found>a:last-child{margin-top:20px;color:var(--muted)}
[dir=rtl]{--body:'Vazirmatn',Tahoma,sans-serif;--display:'Vazirmatn',Tahoma,sans-serif}[dir=rtl] .hero h1{font-size:clamp(64px,7.4vw,108px);line-height:1.3;letter-spacing:-4px}[dir=rtl] h2{font-size:clamp(32px,3.5vw,49px);line-height:1.6;letter-spacing:-1.4px}[dir=rtl] .eyebrow,[dir=rtl] .status,[dir=rtl] .scroll-cue{letter-spacing:0}[dir=rtl] .brand>span,[dir=rtl] .footer-wordmark,[dir=rtl] .motto-strip,[dir=rtl] .hero-proof strong,[dir=rtl] .board-top>span:first-child{font-family:'Barlow Condensed',Arial,sans-serif}[dir=rtl] .hero-copy{line-height:2;font-size:13px}[dir=rtl] .hero-art{transform:scaleX(-1)}[dir=rtl] .hero-art img,[dir=rtl] .art-caption{transform:scaleX(-1)}[dir=rtl] .pillar h3,[dir=rtl] .clip-caption h3,[dir=rtl] .empty-state h3,[dir=rtl] .jersey-description h3{font-size:21px;line-height:1.7}[dir=rtl] .section-intro,[dir=rtl] .guild-copy p,[dir=rtl] .board-aside{font-size:13px}[dir=rtl] .hero .icon use[href='#i-diagonal'],[dir=rtl] .button .icon,[dir=rtl] .text-link .icon{transform-origin:center;transform:scaleX(-1)}[dir=rtl] .rewards-table strong{font-size:17px}[dir=rtl] .rewards-table tbody th,[dir=rtl] .rewards-table td{font-size:11px}[dir=rtl] .target-number{font-size:17px}[dir=rtl] .rewards-layout{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}[dir=rtl] .social-card strong{font-family:'Barlow Condensed',Arial,sans-serif}[dir=rtl] .signature{font-family:'Barlow Condensed',Arial,sans-serif}
@media(min-width:1500px){.hero-inner{padding-inline:0}.hero-art{inset-inline-end:0;width:64%}.scroll-cue{inset-inline-start:9.5%}}@media(max-width:1100px){nav{gap:18px}.header-inner{gap:18px}.header-actions{gap:20px}.hero-art{width:70%;inset-inline-end:-16%;opacity:.8}.hero-inner{padding-inline:5%}.hero h1{font-size:104px}.hero-copy{max-width:360px}.guild-overview{gap:50px}.rewards-layout{gap:25px}.social-grid{gap:12px}.social-card{gap:12px;padding:20px 14px}.social-card small{font-size:10px}.social-card strong{font-size:24px}.social-action{font-size:7px}.row-number{margin-inline-end:8px}.site-header .button-small{display:none}.board-top{padding-inline:20px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:78px}.header-inner{padding-inline:6%;gap:18px}.brand>span{font-size:25px}.brand img{width:38px;height:38px}.brand small{font-size:7px}.header-actions{margin-inline-start:auto}.languages{font-size:12px}.menu-toggle{display:flex;order:3;background:none;width:28px;height:34px;padding:5px 0;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:78px;inset-inline:0;padding:24px 6%;background:#171817;border-bottom:1px solid #c92c3930;flex-direction:column;gap:20px}nav.open{display:flex}nav a{font-size:15px}.hero{min-height:760px}.hero-inner{padding:40px 6% 100px}.hero-eyebrow{margin-top:45px;font-size:9px}.hero h1{font-size:clamp(78px,14vw,105px);letter-spacing:-1.5px}.hero-copy{max-width:320px;font-size:14px;margin-top:26px}.hero-art{width:98%;inset-inline-end:-36%;top:30px;bottom:75px;opacity:.42;align-items:flex-start;padding-top:30px}.hero-art img{width:660px;max-width:none;flex-shrink:0}.hero-art:after{background:linear-gradient(90deg,#10111177,transparent 80%)}.orbit{display:none}.art-caption{display:none}.hero-proof{margin-top:44px;max-width:330px}.hero-buttons{gap:22px}.hero-buttons .button{padding:16px 20px;gap:16px}.hero-buttons .text-button{font-size:12px;gap:8px}.scroll-cue{inset-inline-start:6%;font-size:7px;bottom:28px;letter-spacing:1px}.hero-coordinate{display:none}.motto-strip{gap:30px;font-size:15px;padding:12px 0;letter-spacing:2px}.section{padding:65px 6%}.guild-overview{grid-template-columns:1fr;gap:25px}.guild-copy{max-width:520px}.guild-copy .signature{font-size:20px}.tiny-rule{display:none}.guild-copy p{font-size:14px}.pillars{grid-template-columns:1fr;margin-top:30px}.pillar{padding:26px;border-inline-end:0;border-bottom:1px solid var(--line)}.pillar h3{margin-top:18px}.pillar p{max-width:420px}.section-top{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:30px}.section-intro{max-width:460px;font-size:13px}.section-heading .eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:46px}.footage-empty{padding:34px 25px;min-height:260px;gap:24px;align-items:flex-start;flex-direction:column}.empty-emblem{width:48px;height:48px}.empty-state h3{font-size:25px}.empty-state p{font-size:12px;max-width:400px}.clip-grid{grid-template-columns:1fr;gap:18px}.clip-card:first-child:nth-last-child(odd){grid-column:auto}.clip-caption h3{font-size:24px}.board-aside{max-width:440px;font-size:13px}.board-top{padding:17px;gap:12px}.board-top>span:first-child{font-size:16px;gap:8px}.board-provider{font-size:6px;letter-spacing:1px}.board-top .icon{width:17px}.rewards-layout,[dir=rtl] .rewards-layout{grid-template-columns:1fr;gap:30px}.jersey-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.jersey-card-top{grid-column:1/-1}.jersey-description{padding:20px}.jersey-description h3{font-size:27px}.jersey-description>p:last-child{font-size:11px}.reward-tabs{gap:25px}.reward-tabs button{font-size:12px}.rewards-table tbody th{width:45%}.community-content h2{font-size:52px}.community-content>p{font-size:13px}.social-grid{grid-template-columns:1fr;margin-top:30px;gap:12px}.social-card{padding:22px;gap:20px}.social-card small{font-size:12px}.social-card strong{font-size:27px}.social-action{max-width:none;font-size:10px}.community-crest{width:400px;inset-inline-end:-100px;top:-10px}.site-footer{padding:32px 6%;flex-wrap:wrap;gap:25px}.site-footer>p{order:3;width:100%;text-align:start;font-size:9px}.back-top{margin-inline-start:auto}.footer-wordmark small{font-size:9px}.dialog-top h2{font-size:23px}dialog{padding:15px;width:calc(100% - 24px)}[dir=rtl] .hero h1{font-size:clamp(65px,11vw,90px);letter-spacing:-3px}[dir=rtl] .hero-copy{max-width:310px;font-size:12px}[dir=rtl] h2{font-size:34px}[dir=rtl] .hero{min-height:790px}[dir=rtl] .hero-buttons{gap:16px}[dir=rtl] .hero-buttons .button{font-size:12px}[dir=rtl] .hero-buttons .text-button{font-size:11px}[dir=rtl] .community-content h2{font-size:38px}[dir=rtl] .hero-art:after{background:linear-gradient(-90deg,#10111177,transparent 80%)}[dir=rtl] .jersey-description h3{font-size:20px}}
@media(max-width:390px){.hero-buttons{gap:14px}.hero-buttons .button{font-size:12px;padding-inline:15px}.hero-buttons .text-button{font-size:11px}.hero-proof strong{font-size:36px}.hero h1{font-size:78px}.rewards-table{min-width:420px}.jersey-card{display:block}.jersey-image{max-height:320px}.jersey-image img{object-fit:cover;object-position:center;max-height:320px}.board-provider{display:none}.hero-eyebrow{font-size:8px}[dir=rtl] .hero-buttons{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.site-header,.hero-art,.hero-coordinate,.scroll-cue,dialog,.motto-strip,.filters{display:none}body{background:white;color:black}.section{padding:30px 0;break-inside:avoid}.hero{min-height:0}.hero-inner{padding:30px 0}.hero h1{font-size:60px}.hero-copy,.section-intro,.guild-copy p{color:#333}h2{font-size:35px}a{color:#333}.community-section,.battles-section{background:white}.social-grid{grid-template-columns:repeat(3,1fr)}}
.recruitment-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.community-content:has(+.recruitment-grid)>p{max-width:660px}.recruitment-card{background:#101111b3;border:1px solid var(--line);padding:28px 30px}.recruitment-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:24px}.recruitment-card-heading>.icon{color:var(--accent);width:25px;height:25px}.recruitment-card h3{font-family:var(--display);font-size:29px;font-weight:500;margin:0}.recruitment-activities,.recruitment-requirements{padding:0;margin:0;list-style:none}.recruitment-activities li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}.recruitment-activities li:last-child{border-bottom:0;padding-bottom:0}.recruitment-activities li:before{content:'';width:5px;height:5px;background:var(--accent-heading);transform:rotate(45deg);flex-shrink:0}.fame-requirements{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}.fame-requirements>div{display:flex;flex-direction:column-reverse;align-items:flex-start;border-inline-start:2px solid var(--accent-strong);padding-inline-start:16px}.fame-requirements dt{font-size:11px;color:var(--muted);margin-top:5px}.fame-requirements dd{margin:0;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:42px;font-weight:600;line-height:1.1;color:var(--accent)}.recruitment-requirements li{position:relative;padding-inline-start:20px;font-size:13px;color:var(--muted);line-height:1.8;margin-top:13px}.recruitment-requirements li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--accent)}.application-callout{position:relative;z-index:1;display:flex;align-items:center;gap:32px;justify-content:space-between;padding:30px;margin-top:24px;border:1px solid #c92c3938;border-inline-start:3px solid var(--accent-strong);background:linear-gradient(115deg,#c92c390a,#10111166)}.application-callout h3{font-family:var(--display);font-size:30px;font-weight:500;margin:0 0 12px}.application-callout p{font-size:13px;color:var(--muted);max-width:700px;margin:10px 0 0;line-height:1.9}.application-callout .button{flex-shrink:0;gap:14px}.application-callout .application-instructions{color:var(--text)}.apply-channel{display:inline-block;padding:1px 7px;border:1px solid #c92c3938;background:#c92c3914;color:var(--accent);font-weight:600;border-radius:3px;margin-inline:2px}.application-callout .recruitment-welcome{font-size:12px;color:var(--accent);margin-top:16px}[dir=rtl] .recruitment-card h3,[dir=rtl] .application-callout h3{font-size:23px;line-height:1.7}[dir=rtl] .recruitment-activities li,[dir=rtl] .recruitment-requirements li,[dir=rtl] .application-callout p{font-size:12px;line-height:2}@media(max-width:900px){.application-callout{align-items:flex-start;flex-direction:column;gap:22px}}@media(max-width:760px){.recruitment-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.recruitment-card{padding:24px}.recruitment-card h3{font-size:27px}.recruitment-activities li{font-size:13px}.application-callout{padding:24px;margin-top:18px}.application-callout h3{font-size:28px}.application-callout p{font-size:12px}.fame-requirements dd{font-size:38px}[dir=rtl] .recruitment-card h3,[dir=rtl] .application-callout h3{font-size:21px}}

/* Battle archive: offline artwork, report previews, and an optional detailed ledger. */
.battle-archive-strip {
  display: flex;
  align-items: center;
  gap: 34px;
  padding: 18px 0;
  margin-bottom: 30px;
  border-block: 1px solid var(--line);
}
.battle-archive-strip > div { display: flex; align-items: center; gap: 11px; }
.battle-archive-strip strong { font: 500 35px/1 'Barlow Condensed', sans-serif; color: var(--text); }
.battle-archive-strip span { font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
.battle-archive-strip > p { display: flex; align-items: center; gap: 12px; margin: 0; margin-inline-start: auto; font-size: 11px; color: var(--muted); }
.battle-archive-strip .icon { color: var(--accent); width: 19px; height: 19px; }
.battle-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.battle-card { min-width: 0; border: 1px solid #ffffff20; background: #101111; transition: border-color .25s, transform .25s; }
.battle-card:hover, .battle-card:focus-within { border-color: #c92c3980; transform: translateY(-4px); }
.battle-card:only-child { grid-column: 1 / -1; max-width: 860px; width: 100%; margin-inline: auto; }
.battle-card-link { display: flex; flex-direction: column; height: 100%; }
.battle-art { position: relative; height: 290px; overflow: hidden; isolation: isolate; background: #141719; border-bottom: 1px solid #c92c3930; }
.battle-terrain { position: absolute; inset: 0; z-index: -2; background: url('./battle-terrain.svg') center / cover no-repeat; transition: transform .7s, opacity .3s; }
.battle-art::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(#07090bb8, transparent 40%, #07090bc9), linear-gradient(90deg, #10111140, transparent 70%); }
.battle-card--campaign .battle-terrain { transform: scale(1.17) rotate(-9deg); filter: saturate(.85); background-position: 30% 60%; }
.battle-card:hover .battle-terrain { transform: scale(1.05); }
.battle-card--campaign:hover .battle-terrain { transform: scale(1.24) rotate(-9deg); }
.battle-art-top { position: absolute; top: 20px; inset-inline: 22px; display: flex; align-items: center; justify-content: space-between; gap: 15px; z-index: 2; }
.battle-type { display: flex; align-items: center; gap: 9px; padding: 6px 10px; background: #171215d9; border: 1px solid #c92c3955; color: #f0d4d8; font-size: 9px; letter-spacing: 1.3px; text-transform: uppercase; }
.battle-type .icon { width: 15px; height: 15px; color: var(--accent); }
.battle-region { color: #c1b7ba; font-size: 9px; text-transform: uppercase; letter-spacing: 1.8px; }
.battle-region::before { content: ''; display: inline-block; width: 5px; height: 5px; border: 1px solid var(--accent); margin-inline-end: 7px; transform: rotate(45deg); }
.battle-crest { position: absolute; top: 81px; inset-inline-start: 34px; padding: 6px; border: 1px solid #c92c395c; border-radius: 50%; background: #0a0b0c99; box-shadow: 0 0 0 8px #0a0b0c60, 0 0 38px #c92c3926; transition: opacity .2s; }
.battle-crest img { width: 88px; height: 88px; border-radius: 50%; opacity: .85; }
.battle-art-bottom { position: absolute; bottom: 16px; inset-inline: 22px; display: flex; align-items: flex-end; gap: 20px; z-index: 2; }
.battle-record-number { font: 600 58px/.9 'Barlow Condensed', sans-serif; color: #e9dfe1; opacity: .9; }
.battle-engagements { display: flex; align-items: baseline; gap: 7px; padding-bottom: 2px; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #bfb4b6; }
.battle-engagements strong { font: 500 25px/1 'Barlow Condensed', sans-serif; color: var(--accent); }
.battle-art-seal { margin-inline-start: auto; padding-bottom: 3px; font: 9px/1.7 var(--body); letter-spacing: 2px; color: #a68b92; text-align: end; }
.battle-report-image { position: absolute; top: 54px; left: 18px; width: calc(100% - 36px); height: calc(100% - 120px); object-fit: contain; z-index: 1; }
.has-report-preview .battle-terrain { opacity: .22; }
.has-report-preview .battle-crest { opacity: 0; }
.battle-card-content { padding: 25px 26px 0; display: flex; flex-direction: column; flex: 1; }
.battle-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--muted); font-size: 10px; }
.battle-card-meta .outcome { font-size: 9px; }
.battle-card-content h3 { font: 500 33px/1.12 var(--display); margin: 18px 0 17px; letter-spacing: -.2px; overflow-wrap: anywhere; }
.battle-id-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 25px; }
.battle-id-list span { display: inline-block; font-size: 9px; letter-spacing: .5px; color: #b0a2a5; border: 1px solid #ffffff13; padding: 3px 7px; background: #ffffff03; }
.battle-card-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 22px; border-block: 1px solid var(--line); }
.battle-card-stats > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; }
.battle-card-stats > div:first-child { padding-inline-end: 20px; border-inline-end: 1px solid var(--line); }
.battle-card-stats > div + div { padding-inline-start: 20px; }
.battle-card-stats dt { font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
.battle-card-stats dd { margin: 0; font: 500 28px/1 'Barlow Condensed', sans-serif; color: var(--text); }
.battle-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding: 17px 0; margin-top: auto; }
.battle-source { font-size: 8px; letter-spacing: 2px; color: #a89b9e; }
.battle-source > span { color: var(--accent); margin-inline-start: 4px; }
.battle-open { display: flex; align-items: center; gap: 13px; font-size: 11px; color: var(--text); }
.battle-open-icon { width: 31px; height: 31px; display: grid; place-items: center; background: #c92c3917; border: 1px solid #c92c3938; transition: background .2s; }
.battle-open-icon .icon { width: 15px; height: 15px; color: var(--accent); }
.battle-card:hover .battle-open-icon { background: #c92c3930; }
.battle-ledger { margin-top: 26px; }
.battle-ledger > summary { display: flex; align-items: center; gap: 12px; padding: 17px 20px; border: 1px solid var(--line); cursor: pointer; font-size: 11px; color: var(--muted); list-style: none; }
.battle-ledger > summary::-webkit-details-marker { display: none; }
.battle-ledger > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.battle-ledger > summary .icon { color: var(--accent); width: 18px; height: 18px; }
.ledger-toggle { margin-inline-start: auto; color: var(--accent); font-size: 23px; line-height: 1; transition: transform .2s; }
.battle-ledger[open] .ledger-toggle { transform: rotate(45deg); }
.battle-ledger[open] > summary { border-bottom: 0; }
[dir=rtl] .battle-archive-strip span, [dir=rtl] .battle-type, [dir=rtl] .battle-region, [dir=rtl] .battle-engagements { letter-spacing: 0; }
[dir=rtl] .battle-card-content h3 { font-size: 25px; line-height: 1.6; letter-spacing: -.6px; }
[dir=rtl] .battle-card-meta, [dir=rtl] .battle-open { font-size: 10px; }
[dir=rtl] .battle-open-icon .icon { transform: scaleX(-1); }
@media (max-width: 760px) {
  .battle-archive-strip { gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }
  .battle-archive-strip > p { flex-basis: 100%; margin-inline-start: 0; font-size: 10px; }
  .battle-archive-strip span { font-size: 9px; }
  .battle-card-grid { grid-template-columns: 1fr; gap: 22px; }
  .battle-art { height: 270px; }
  .battle-card-content { padding: 23px 22px 0; }
  .battle-card-content h3 { font-size: 31px; }
  .battle-type { font-size: 8px; }
  .battle-art-seal { font-size: 8px; }
  .battle-crest { inset-inline-start: 26px; }
}
@media (max-width: 390px) {
  .battle-art-top, .battle-art-bottom { inset-inline: 17px; }
  .battle-art { height: 250px; }
  .battle-art-seal { display: none; }
  .battle-card-content { padding-inline: 18px; }
  .battle-card-meta { font-size: 9px; }
  [dir=rtl] .battle-card-content h3 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .battle-card, .battle-terrain, .battle-crest, .battle-open-icon, .ledger-toggle { transition: none; }
  .battle-card:hover, .battle-card:focus-within { transform: none; }
}

/* Preserve the complete AlbionBB scoreboard when a real report image loads. */
.has-report-preview.battle-art { height: auto; min-height: 290px; padding-block: 54px 66px; }
.has-report-preview .battle-report-image { position: relative; inset: auto; width: 100%; height: auto; object-fit: contain; }