@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap";:root{color:#eee9dd;font-synthesis:none;--gold:#d7b35a;--gold2:#8e6a28;--line:#d7b35a2e;--panel:#121412d1;--muted:#aaa79d;--green:#193326;background:#080a09;font-family:Vazirmatn,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -10%,#263025 0,#0a0c0b 42%,#060706 100%);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#070908e6;align-items:center;gap:26px;height:78px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:12px;min-width:190px;display:flex}.brand-mark{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);border-radius:10px;place-items:center;font-weight:900;display:grid;box-shadow:0 0 22px #d7b35a20}.brand b{letter-spacing:2px;font-size:15px;display:block}.brand small{color:#817d72;letter-spacing:3px;margin-top:3px;font-size:9px;display:block}.topbar nav{flex:1;gap:4px;display:flex;overflow:auto}.topbar nav button{color:#9f9c93;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:10px 11px;font-size:13px}.topbar nav button:hover,.topbar nav button.active{color:#fff;background:#ffffff09}.topbar nav button.active{box-shadow:inset 0 -2px var(--gold);color:var(--gold)}.actions{align-items:center;gap:8px;display:flex}.lang{border:1px solid var(--line);color:var(--gold);background:#111613;border-radius:8px;padding:8px 10px;font-weight:800}.search{color:#7f7c72;background:#101310;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:6px;width:210px;height:38px;padding:0 10px;display:flex}.search input{color:#eee;background:0 0;border:0;outline:0;width:100%;font-size:12px}.menu-btn{background:0 0;border:0;font-size:24px;display:none}.hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;max-width:1440px;margin:auto;padding:72px 5vw 58px;display:grid}.hero-copy h1{background:linear-gradient(100deg,#fff,#d9c48b 65%,#8c7541);color:#0000;-webkit-background-clip:text;margin:16px 0;font-size:clamp(42px,5.5vw,82px);line-height:1.05}.hero-copy p{color:#b8b5ac;max-width:650px;font-size:17px;line-height:2}.eyebrow{letter-spacing:2.5px;color:var(--gold);font-size:10px;font-weight:800}.hero-actions{gap:10px;margin:28px 0;display:flex}.gold-btn,.ghost-btn{border:1px solid var(--line);border-radius:10px;padding:13px 19px;font-weight:800}.gold-btn{color:#15120b;background:linear-gradient(135deg,#e3c16a,#9d772e)}.ghost-btn{color:#d9d6ce;background:#111512}.hero-stats{color:#77766e;gap:24px;font-size:11px;display:flex}.hero-stats b{color:#ddd;margin-left:4px;font-size:15px}.hero-art{border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 90px #000}.hero-art img{filter:saturate(.92);width:100%;display:block}.art-label{border:1px solid var(--line);letter-spacing:2px;background:#050706cc;border-radius:6px;padding:7px 10px;font-size:9px;position:absolute;bottom:15px;right:15px}.section{max-width:1320px;margin:0 auto;padding:70px 5vw}.section-head h2{margin:8px 0;font-size:34px}.section-head p{color:var(--muted);margin:0 0 30px}.start-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.start-card{text-align:right;background:linear-gradient(145deg,#131713,#0c0f0d);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;transition:all .25s;display:flex}.start-card:hover,.building-card:hover,.hero-card:hover,.event-card:hover{border-color:var(--line);background:#151a16;transform:translateY(-4px)}.start-card>span,.building-card small,.event-card small{color:#716e65;letter-spacing:1px;font-size:10px}.start-card h3{margin:8px 0 3px;font-size:18px}.start-card p{color:#85847d;margin:0;font-size:11px;line-height:1.7}.start-card>b{color:var(--gold);align-self:flex-start;font-size:18px}.quote{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1100px;margin:20px auto 100px;padding:40px}.quote span{color:var(--gold);opacity:.5;font-size:60px}.quote p{margin:0 0 8px;font-size:28px}.quote small{color:#777;letter-spacing:2px}.guide-layout{grid-template-columns:1fr 300px;gap:28px;display:grid}.guide-main,.guide-side>div{background:var(--panel);border:1px solid #ffffff0d;border-radius:16px;padding:28px}.guide-main h3{margin-top:0;font-size:24px}.guide-main p,.detail-body p{color:#b0aea6;font-size:14px;line-height:2}.roles{flex-wrap:wrap;gap:8px;margin:20px 0 34px;display:flex}.roles span,.achievement-list span{background:#111612;border:1px solid #ffffff0d;border-radius:8px;padding:9px 12px;font-size:12px}.category-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-cat{background:#0d100e;border:1px solid #ffffff08;border-radius:10px;padding:14px}.mini-cat i{font-size:22px;font-style:normal;display:block}.mini-cat b{margin-top:8px;display:block}.mini-cat small{color:#777;font-size:10px}.toc{margin-bottom:15px}.toc>b{color:var(--gold);margin-bottom:15px;display:block}.toc div{color:#999;border-bottom:1px solid #ffffff08;padding:10px 0;font-size:12px}.toc span{color:#5f5d56;margin-left:9px}.tip{border-color:var(--line)!important}.tip>b{color:var(--gold);letter-spacing:2px;font-size:10px}.tip p{color:#a5a39c;font-size:12px;line-height:1.8}.building-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.building-card{text-align:right;background:#101310;border:1px solid #ffffff0b;border-radius:14px;gap:16px;min-height:165px;padding:20px;transition:all .2s;display:flex;position:relative}.building-icon{font-size:34px}.building-card h3{margin:5px 0;font-size:19px}.building-card p{color:#888780;margin:0;font-size:11px;line-height:1.7}.arrow{color:var(--gold);position:absolute;bottom:15px;left:15px}.flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.flow span{background:#121612;border:1px solid #ffffff0c;border-radius:10px;padding:13px 16px}.flow i{color:var(--gold);font-style:normal}.detail-head{justify-content:space-between;align-items:center;max-width:1320px;margin:35px auto 0;padding:0 5vw;display:flex}.detail-head button{color:#aaa;background:0 0;border:0}.detail-head span{color:var(--gold);font-size:12px}.detail{max-width:1100px;margin:25px auto 90px;padding:0 5vw}.detail-title{align-items:flex-start;gap:22px;padding:35px 0;display:flex}.detail-title>span{font-size:65px}.detail-title small{color:#777;letter-spacing:2px;font-size:10px}.detail-title h1{margin:8px 0;font-size:42px}.detail-title p{color:#aaa;line-height:1.9}.stat-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stat-grid div{background:#111511;border:1px solid #ffffff0a;border-radius:10px;padding:17px}.stat-grid span{color:#5e5c54;font-size:10px;display:block}.stat-grid b{margin-top:10px;font-size:12px;display:block}.detail-body{background:#111411;border:1px solid #ffffff0b;border-radius:14px;margin-top:20px;padding:28px}.hero-banner{border:1px solid var(--line);border-radius:18px;align-items:end;min-height:330px;display:flex;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hero-banner:after{content:"";background:linear-gradient(90deg,#080a09ee 15%,#080a0980 60%,#080a0930);position:absolute;inset:0}.hero-banner>div{z-index:1;max-width:600px;padding:40px;position:relative}.hero-banner h2{margin:8px 0;font-size:34px}.hero-banner p{color:#aaa}.hero-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.hero-card{background:#101310;border:1px solid #ffffff0b;border-radius:14px;grid-template-columns:90px 1fr;align-items:center;gap:15px;padding:12px;transition:all .2s;display:grid;position:relative}.portrait-swatch{border:1px solid var(--line);background-repeat:no-repeat;background-size:300% 200%;border-radius:10px;height:105px}.hero-card small{color:#817d73;font-size:9px}.hero-card h3{margin:5px 0}.hero-card p{color:#999;margin:0;font-size:12px}.hero-num{color:#6e6b62;font-size:10px;position:absolute;top:10px;left:12px}.rules{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.rules div{background:#0f120f;border:1px solid #ffffff08;border-radius:10px;padding:18px}.rules b,.rules span{display:block}.rules b{color:var(--gold);font-size:11px}.rules span{color:#888;margin-top:5px;font-size:11px}.event-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.event-card{background:#101310;border:1px solid #ffffff0b;border-radius:14px;min-height:210px;padding:22px;transition:all .2s}.event-card>span{font-size:35px}.event-card small{margin-top:22px;display:block}.event-card h3{margin:7px 0}.event-card p{color:#888;font-size:12px}.event-line{background:linear-gradient(90deg,var(--gold),transparent);height:2px;margin-top:25px}.side-event{border:1px solid var(--line);background:#111612;border-radius:12px;margin-top:16px;padding:20px}.side-event b{color:var(--gold);letter-spacing:2px;font-size:10px}.side-event p{color:#999;font-size:12px}.endgame-hero{border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.endgame-hero img{object-fit:cover;width:100%;min-height:500px;display:block}.end-overlay{background:linear-gradient(#0000,#050706f2);padding:60px 45px;position:absolute;inset:auto 0 0}.end-overlay h2{margin:8px 0;font-size:36px}.end-overlay p{color:#c0bdb3;max-width:700px;line-height:1.9}.end-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.end-grid article{background:#101310;border:1px solid #ffffff0b;border-radius:13px;padding:24px}.end-grid span{color:var(--gold);font-size:11px}.end-grid h3{margin:8px 0}.end-grid p{color:#888;font-size:12px;line-height:1.8}.trophy{text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,#17170f,#0e110e);border-radius:14px;margin-top:15px;padding:25px}.trophy b{color:var(--gold);font-size:13px}.trophy p{color:#aaa;font-size:12px}.profile-showcase{background:#0f120f;border:1px solid #ffffff0b;border-radius:18px;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px;padding:25px;display:grid;overflow:hidden}.profile-showcase img{border-radius:12px;width:100%}.profile-copy h1{margin:10px 0;font-size:42px}.profile-copy p{color:#aaa;line-height:1.9}.achievement-list{flex-wrap:wrap;gap:8px;display:flex}.gameplay-wrap{border:1px solid var(--line);background:#0c0e0c;border-radius:18px;position:relative;overflow:hidden}.gameplay-wrap img{width:100%;display:block}.gameplay-caption{background:linear-gradient(135deg,#131713,#0b0d0c);padding:28px}.gameplay-caption h2{margin:8px 0;font-size:32px}.gameplay-caption p{color:#999;line-height:1.8}footer{border-top:1px solid var(--line);color:#777;align-items:center;gap:30px;max-width:100%;padding:30px 5vw;font-size:11px;display:flex}footer div b{color:#ddd;letter-spacing:2px;display:block}footer div span{font-size:9px}footer p{text-align:center;flex:1;margin:0}.app:after{content:"";pointer-events:none;z-index:100;background:linear-gradient(#0000 96%,#d7b35a08);position:fixed;inset:0}@media (width<=1050px){.topbar{gap:12px}.brand{min-width:auto}.topbar nav{border-bottom:1px solid var(--line);background:#090b0aee;order:5;padding:10px 4vw;display:none;position:absolute;top:78px;left:0;right:0}.topbar nav.open{flex-wrap:wrap;display:flex}.menu-btn{display:block}.search{width:150px}.start-grid,.building-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{order:-1}.event-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.topbar{height:68px;padding:0 4vw}.topbar nav{top:68px}.actions .search{display:none}.brand b{font-size:12px}.hero{padding-top:35px}.hero-copy h1{font-size:45px}.section{padding:48px 4vw}.start-grid,.building-grid,.hero-grid,.event-grid,.end-grid,.rules,.stat-grid,.guide-layout,.profile-showcase{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.detail-title{flex-direction:column}.detail-title h1{font-size:31px}.endgame-hero img{min-height:430px}.end-overlay{padding:35px 22px}.end-overlay h2{font-size:25px}.hero-banner{min-height:390px}.hero-banner>div{padding:25px}.hero-banner h2{font-size:28px}.profile-copy h1{font-size:32px}footer{text-align:center;flex-direction:column}footer p{order:2}.flow{justify-content:flex-start}}.hero-intro{max-width:900px;padding:26px 0 8px}.hero-intro h2{margin:10px 0;font-size:clamp(28px,4vw,46px)}.hero-intro p{color:var(--muted);max-width:820px;line-height:2}.hero-card-text{align-items:center;grid-template-columns:64px 56px 1fr!important}.hero-symbol{background:#ffffff06;border:1px solid #d4af3747;border-radius:14px;place-items:center;width:50px;height:50px;font-size:25px;display:grid}.info-panel,.profile-note{background:#ffffff06;border:1px solid #d4af372e;border-radius:18px;margin-top:24px;padding:20px}.info-panel p{color:var(--muted);line-height:2}.profile-note{color:var(--muted);margin-bottom:18px}