@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap');
:root{--ink:#111512;--paper:#e9e0ce;--gold:#c69a56;--pale:#f3ecdf;--muted:#9b9a8f;--line:rgba(227,214,190,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--condensed:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--pale);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.site-header{height:86px;position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid rgba(255,255,255,.13)}.wordmark{display:flex;align-items:center;gap:11px;font:600 14px 'Cinzel',serif;letter-spacing:.13em}.wordmark small{display:block;font:600 8px var(--sans);letter-spacing:.23em;color:#c5b38f;margin-top:4px}.wordmark-mark{display:grid;place-items:center;width:33px;height:39px;color:#1b1c17;font:700 24px var(--serif);background:linear-gradient(145deg,#dfc38b,#947044);clip-path:polygon(0 0,100% 0,88% 78%,50% 100%,12% 78%)}.nav-links{display:flex;align-items:center;gap:38px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.nav-links>a{color:#ddd4c3;transition:color .2s}.nav-links>a:hover{color:#e5bb75}.nav-links .nav-cta{color:#e4c58d;border:1px solid rgba(213,174,111,.5);padding:12px 17px}.nav-cta span{padding-left:18px}.menu-toggle{display:none}
.hero{position:relative;min-height:790px;height:min(100vh,1020px);overflow:hidden;background:#293948}.hero:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(10,16,17,.89) 0%,rgba(12,17,18,.72) 29%,rgba(15,19,18,.08) 68%),linear-gradient(0deg,#111512 0%,rgba(17,21,18,.05) 31%,rgba(10,14,17,.12) 75%,rgba(10,14,17,.34))}.hero-sky,.hero-clouds,.hero-mountains,.hero-light{position:absolute;inset:0}.hero-sky{background:linear-gradient(155deg,rgba(27,38,47,.2),rgba(31,36,34,.08) 48%,rgba(156,94,49,.22)),url('assets/sky.webp') center 43%/cover no-repeat}.hero-clouds{opacity:.38;background:url('assets/clouds.webp') center 76%/cover no-repeat;filter:blur(1.5px);animation:cloud-drift 30s ease-in-out infinite alternate}.hero-mountains{inset:17% -5% 8% -5%;background-position:center bottom;background-repeat:no-repeat;background-size:cover}.hero-mountains.far{background-image:linear-gradient(0deg,rgba(16,22,25,.3),transparent 45%),url('assets/mountains-far.webp');opacity:.53;transform:scale(1.05)}.hero-mountains.mid{inset:25% -4% 1%;background-image:linear-gradient(0deg,rgba(17,21,18,.16),transparent 65%),url('assets/mountains-mid.webp');background-size:cover;opacity:.7;transform:scale(1.07)}.hero-light{inset:auto 0 0;height:44%;background:radial-gradient(ellipse at 74% 100%,rgba(205,127,64,.46),transparent 47%);z-index:2}.hero-copy{position:absolute;z-index:8;top:23%;left:12%;width:min(590px,50%)}.eyebrow{margin:0;color:#d5b77e;font-size:10px;letter-spacing:.24em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:32px;height:1px;background:#cda766;margin:0 11px 3px 0}.hero h1{font:500 clamp(49px,5.8vw,84px)/.99 var(--serif);letter-spacing:-.055em;margin:27px 0 22px;text-shadow:0 3px 24px #101514}.hero h1 em,.intro h2 em,.battle h2 em,.arsenal h2 em,.manifesto h2 em{font-weight:500;color:#d8b879}.hero-description{max-width:390px;color:#d3d2c8;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 20px;text-transform:uppercase;font:600 10px var(--sans);letter-spacing:.12em}.button-gold{color:#171814;background:#caa76b;box-shadow:0 8px 34px rgba(198,154,86,.18)}.button-gold:hover{background:#e0bf83}.button span{font-size:16px}.text-link,.arrow-link{font:600 10px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#dfd5c4}.text-link span{color:#d5b77e;padding-left:9px}.hero-meta{margin-top:54px;color:#c5c1b6;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4b36e;box-shadow:0 0 12px #dfb660;margin-right:8px}.meta-divider{padding:0 10px;color:#8d8371}.hero-scene{position:absolute;z-index:3;inset:0;pointer-events:none}.scene-treeline{position:absolute;width:100%;height:34%;object-fit:cover;object-position:center bottom;bottom:14%;opacity:.42;filter:brightness(.42) sepia(.25)}.scene-ground{position:absolute;bottom:0;left:0;width:100%;height:19%;background:linear-gradient(0deg,#111512 3%,#25271e 45%,transparent);clip-path:polygon(0 44%,14% 28%,29% 37%,45% 17%,59% 31%,76% 11%,100% 35%,100% 100%,0 100%)}.scene-wall{position:absolute;bottom:9%;left:49%;width:29%;height:45%;object-fit:contain;object-position:center bottom;filter:brightness(.69) saturate(.75) drop-shadow(0 0 23px rgba(198,143,78,.18));animation:castle-rise 1.2s .15s both}.scene-tower{position:absolute;bottom:10%;left:70%;height:47%;width:14%;object-fit:contain;object-position:center bottom;filter:brightness(.78) saturate(.8) drop-shadow(0 0 20px rgba(213,160,89,.2));animation:castle-rise 1.25s .32s both}.scene-keep{position:absolute;bottom:8%;right:6%;height:69%;width:33%;object-fit:contain;object-position:center bottom;filter:brightness(.79) saturate(.84) drop-shadow(-14px 10px 28px rgba(12,14,11,.74));animation:castle-rise 1.4s .1s both}.scene-glow{position:absolute;right:18%;bottom:18%;width:36vw;height:30vw;max-height:370px;border-radius:50%;background:radial-gradient(ellipse,rgba(204,112,45,.19),transparent 70%);filter:blur(28px);animation:ember 5s ease-in-out infinite}.scene-smoke{position:absolute;bottom:50%;width:150px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(27,32,31,.36),rgba(44,49,45,.12) 40%,transparent 72%);filter:blur(17px);animation:smoke-rise 8s infinite ease-in-out}.smoke-one{right:22%;}.smoke-two{right:12%;bottom:59%;animation-delay:3s;transform:scale(.75)}.hero-caption{position:absolute;z-index:9;bottom:42px;left:7vw;right:7vw;display:flex;align-items:center;gap:17px;color:#d0c5ae;font:600 9px var(--sans);letter-spacing:.18em}.hero-caption>span:first-child{color:#d8b879}.caption-rule{height:1px;background:rgba(213,184,130,.5);width:70px}.hero-caption>span:last-child{margin-left:auto}.vertical-note{position:absolute;z-index:8;right:3%;top:47%;writing-mode:vertical-rl;font:600 8px var(--sans);letter-spacing:.28em;color:rgba(243,236,223,.7)}
.section-pad{padding:118px 12vw}.section-index{color:#b69762;font:600 9px var(--sans);letter-spacing:.2em;text-transform:uppercase}.section-index span{color:#69675d;padding:0 7px}.intro{background:#111512;position:relative}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:40px;align-items:start}.intro h2,.arsenal h2,.status-panel h2{font:500 clamp(42px,5vw,67px)/1.03 var(--serif);letter-spacing:-.04em;margin:0}.intro-text{max-width:510px;padding-top:4px}.intro-text .lead{font:500 17px/1.7 var(--serif);color:#e7dfd0;margin:0 0 18px}.intro-text p:not(.lead){font-size:12px;line-height:1.9;color:#a7a69c;margin:0 0 22px}.arrow-link{display:inline-flex;gap:16px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(208,177,120,.45)}.arrow-link span{font-size:16px;color:#d5b77e}.feature-strip{margin-top:92px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.feature-strip article{padding:25px 34px 27px 0;position:relative}.feature-strip article+article{padding-left:32px;border-left:1px solid var(--line)}.feature-no{font:500 10px var(--condensed);color:#b89962;letter-spacing:.18em}.feature-strip h3{font:500 25px var(--serif);margin:16px 0 8px}.feature-strip p{font-size:11px;color:#a5a59b;line-height:1.7;margin:0;max-width:250px}
.battle{height:720px;position:relative;overflow:hidden;background:#303e3d}.battle-image{position:absolute;inset:0;background-image:url('assets/game-visual-target.webp');background-position:center 37%;background-size:cover;filter:saturate(.75) brightness(.68)}.battle-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#111512 0%,rgba(17,21,18,.92) 15%,rgba(17,21,18,.54) 55%,rgba(17,21,18,.06) 100%),linear-gradient(0deg,rgba(17,21,18,.8),transparent 35%)}.battle-content{position:absolute;top:15%;left:12%;width:370px}.battle-kicker{font:600 9px var(--sans);letter-spacing:.23em;color:#c3a36b;margin:54px 0 18px}.battle h2{font:500 clamp(46px,5vw,67px)/1.02 var(--serif);letter-spacing:-.04em;margin:0}.battle-content>p:not(.battle-kicker){color:#c0c0b5;font-size:12px;line-height:1.85;margin:22px 0 25px;max-width:340px}.button-outline{border:1px solid rgba(221,195,151,.6);color:#eadcc4}.button-outline:hover{background:rgba(213,184,130,.16)}.battle-stamp{position:absolute;bottom:12%;right:11%;width:108px;height:108px;border:1px solid rgba(234,220,196,.66);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font:600 8px var(--sans);letter-spacing:.14em;color:#e5ddcd}.battle-stamp b{font:600 14px var(--serif);letter-spacing:.1em;color:#d9b36d;margin-top:3px}
.arsenal{background:#e6ddcc;color:#1a1b17;padding-top:110px;padding-bottom:120px}.arsenal .section-index{color:#897043}.arsenal-heading{display:flex;justify-content:space-between;align-items:end;margin:33px 0 52px}.arsenal h2{font-size:57px}.arsenal-heading>p{max-width:300px;font-size:12px;line-height:1.8;color:#66665d;margin:0 5% 5px 20px}.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.age-card{height:425px;position:relative;overflow:hidden;background:#c6b89d;color:#f3ecdf}.age-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,18,16,.98),rgba(16,19,17,.78) 34%,transparent 75%);z-index:2}.age-one{background:linear-gradient(160deg,#657b84,#b1a483 58%,#665d49)}.age-two{background:linear-gradient(160deg,#4d6471,#859085 54%,#574c3c)}.age-three{background:linear-gradient(160deg,#4d5655,#9b8870 55%,#403d36)}.age-top{position:absolute;top:18px;left:20px;right:20px;z-index:4;display:flex;justify-content:space-between;font:600 8px var(--sans);letter-spacing:.18em;color:#efe0c1}.age-illustration{position:absolute;z-index:3;inset:0;overflow:hidden}.age-illustration:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,rgba(15,18,16,.86),rgba(16,19,17,.4) 42%,transparent 78%);pointer-events:none}.age-illustration:before{content:"";position:absolute;width:380px;height:220px;left:-60px;top:55px;background:radial-gradient(ellipse,rgba(237,190,115,.45),transparent 69%);filter:blur(20px)}.age-illustration .age-mountain{position:absolute;inset:30% 0 18%;opacity:.36;background:url('assets/mountains-mid.webp') center bottom/cover no-repeat;filter:brightness(.66)}.age-illustration .age-castle{position:absolute;z-index:1;bottom:1%;left:50%;transform:translateX(-50%);height:90%;max-width:100%;object-fit:contain;filter:brightness(.72) drop-shadow(0 15px 13px rgba(0,0,0,.38))}.age-illustration .age-tower{position:absolute;z-index:2;left:54%;bottom:12%;width:34%;height:75%;object-fit:contain;filter:brightness(.82) drop-shadow(0 12px 12px rgba(0,0,0,.48))}.age-two .age-illustration .age-tower{left:54%;bottom:10%;width:36%;height:86%;filter:brightness(.9) sepia(.08) drop-shadow(0 12px 16px rgba(0,0,0,.5))}.age-three .age-illustration .age-tower{left:54%;bottom:8%;width:37%;height:90%;filter:brightness(.82) sepia(.14) drop-shadow(0 12px 16px rgba(0,0,0,.5))}.age-two .age-illustration .age-castle,.age-three .age-illustration .age-castle{filter:brightness(.67) sepia(.08) drop-shadow(0 12px 16px rgba(0,0,0,.45))}.age-rune{position:absolute;right:19px;top:52px;font:500 57px var(--serif);color:rgba(244,227,195,.35)}.age-copy{position:absolute;z-index:4;left:23px;right:20px;bottom:24px}.age-copy h3{font:500 27px var(--serif);margin:0 0 6px}.age-copy p{font-size:10px;line-height:1.65;color:#cbc9bd;max-width:270px;margin:0 0 18px}.age-state{font:600 8px var(--sans);letter-spacing:.15em;color:#d7b97d}.status-footnote{font-size:9px;line-height:1.6;color:#89877c;margin-top:21px}.arsenal .status-footnote{color:#797568}
.manifesto{min-height:540px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#161a17}.manifesto-art{position:absolute;inset:0;opacity:.36}.manifesto-art img{position:absolute;width:100%;height:90%;bottom:-15%;object-fit:cover;object-position:center bottom;filter:brightness(.63) saturate(.68)}.manifesto-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#161a17,transparent 44%,#161a17)}.manifesto-orb{position:absolute;width:500px;height:500px;border-radius:50%;top:20%;left:calc(50% - 250px);background:radial-gradient(circle,rgba(213,154,82,.23),transparent 67%);filter:blur(30px)}.manifesto-copy{position:relative;z-index:2;padding:90px 20px}.manifesto-copy .eyebrow{font-size:9px}.manifesto h2{font:500 clamp(36px,4.8vw,61px)/1.1 var(--serif);letter-spacing:-.04em;margin:25px 0 18px}.manifesto-copy>p{font-size:12px;line-height:1.8;color:#c0bfb4;max-width:500px;margin:0 auto}.manifesto-signature{display:block;margin-top:34px;color:#cfad70;font:600 8px var(--sans);letter-spacing:.22em}
.status-section{background:#e6ddcc;color:#191b18;padding-top:108px;padding-bottom:84px}.status-section .section-index{color:#897043}.status-panel{margin-top:30px;padding:58px 7%;background:#171b18;color:#ece4d4;display:grid;grid-template-columns:1fr .7fr;gap:14%;align-items:center;position:relative;overflow:hidden}.status-panel:after{content:"";position:absolute;width:340px;height:340px;right:28%;top:-180px;border:1px solid rgba(203,166,104,.17);border-radius:50%;box-shadow:0 0 0 35px rgba(203,166,104,.03),0 0 0 70px rgba(203,166,104,.025)}.status-label{font:600 8px var(--sans);letter-spacing:.18em;color:#d3b579}.status-label i{display:inline-block;background:#d5b77e;width:5px;height:5px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #d5b77e}.status-panel h2{font-size:44px;margin:22px 0 15px}.status-panel>div:first-child>p{max-width:420px;color:#b5b6ab;font-size:11px;line-height:1.8;margin:0}.status-detail{position:relative;z-index:2}.status-detail>div{padding:13px 0;border-bottom:1px solid rgba(233,224,206,.15);display:flex;flex-direction:column;gap:6px}.status-detail span{font:600 8px var(--sans);letter-spacing:.16em;color:#a49e8f}.status-detail strong{font:500 13px var(--serif);color:#ece4d4}.status-detail .arrow-link{margin-top:24px}.status-section>.status-footnote{color:#777568}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:34px 7vw 27px;background:#111512;color:#bbb6a9}.site-footer .wordmark{color:#eee4d2}.site-footer>span{font:500 12px var(--serif);color:#c3b69d}.site-footer>a:nth-of-type(2){justify-self:end;font:600 8px var(--sans);letter-spacing:.16em}.site-footer>small{grid-column:1/-1;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;text-align:center;font-size:7px;letter-spacing:.17em;color:#716e64}
@keyframes cloud-drift{to{transform:translateX(3%) scale(1.05)}}@keyframes castle-rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes smoke-rise{0%,100%{transform:translate(0,0) scale(.7);opacity:0}35%{opacity:.8}75%{transform:translate(15px,-95px) scale(1.45);opacity:.25}}@keyframes ember{50%{opacity:.65;transform:scale(1.15)}}
@media(max-width:980px){.site-header{padding:0 5vw}.hero-copy{left:8%;width:47%}.scene-keep{right:0;width:37%}.scene-wall{left:48%;width:31%}.scene-tower{left:70%}.section-pad{padding-left:8vw;padding-right:8vw}.battle-content{left:8%}.arsenal-heading>p{margin-right:0}.age-card{height:390px}.status-panel{gap:7%;padding-left:6%;padding-right:6%}}
@media(max-width:700px){html{scroll-padding-top:68px}.site-header{height:68px;padding:0 22px}.wordmark{font-size:11px}.wordmark-mark{width:28px;height:33px;font-size:20px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px}.menu-toggle i{width:22px;height:1px;background:#e5dbc8;display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#151916;padding:24px;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links .nav-cta{text-align:center}.hero{height:900px;min-height:760px;max-height:100svh}.hero:after{background:linear-gradient(180deg,rgba(10,16,17,.36) 0%,rgba(10,16,17,.18) 30%,rgba(10,16,17,.7) 59%,#111512 100%)}.hero-copy{top:17%;left:7%;width:86%}.hero h1{font-size:clamp(48px,12vw,73px);margin:20px 0 14px}.hero-description{font-size:12px;line-height:1.65;max-width:340px}.hero-actions{margin-top:21px;gap:18px}.button{padding:14px 15px;font-size:8px;gap:15px}.text-link{font-size:8px}.hero-meta{margin-top:24px;font-size:8px}.hero-mountains{inset:34% -25% 6%}.hero-mountains.far{background-size:auto 100%;background-position:center bottom}.hero-mountains.mid{inset:40% -27% 4%;background-size:auto 100%;background-position:center bottom}.scene-keep{height:45%;width:56%;right:-5%;bottom:7%}.scene-wall{height:28%;width:43%;left:15%;bottom:8%}.scene-tower{height:29%;width:22%;left:52%;bottom:8%}.scene-ground{height:16%}.scene-treeline{height:24%;bottom:12%}.scene-smoke{bottom:40%;width:100px;height:130px}.smoke-one{right:25%}.smoke-two{right:4%;bottom:45%}.hero-caption{left:22px;right:22px;bottom:22px;gap:10px;font-size:7px}.hero-caption .caption-rule{width:35px}.vertical-note{display:none}.section-pad{padding:78px 7vw}.intro-grid{grid-template-columns:1fr;gap:22px;margin-top:27px}.intro h2{font-size:50px}.intro-text .lead{font-size:15px}.feature-strip{margin-top:45px;grid-template-columns:1fr}.feature-strip article,.feature-strip article+article{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.feature-strip h3{margin:8px 0 5px;font-size:22px}.battle{height:690px}.battle-image{background-position:56% center}.battle-vignette{background:linear-gradient(90deg,rgba(17,21,18,.84),rgba(17,21,18,.26)),linear-gradient(0deg,#111512,transparent 55%)}.battle-content{top:12%;left:7%;width:84%}.battle-kicker{margin-top:42px}.battle h2{font-size:54px}.battle-content>p:not(.battle-kicker){max-width:300px}.battle-stamp{right:8%;bottom:10%;width:82px;height:82px;font-size:7px}.battle-stamp b{font-size:11px}.arsenal{padding-top:78px;padding-bottom:84px}.arsenal-heading{display:block;margin:25px 0 30px}.arsenal h2{font-size:49px}.arsenal-heading>p{margin:17px 0 0;max-width:350px}.age-grid{grid-template-columns:1fr;gap:12px}.age-card{height:380px}.age-illustration .age-castle{height:88%}.age-illustration .age-tower{left:53%;bottom:10%;width:38%;height:76%}.age-two .age-illustration .age-tower{height:86%}.age-three .age-illustration .age-tower{height:90%}.manifesto{min-height:470px}.manifesto h2{font-size:39px}.manifesto-copy>p{font-size:11px}.status-section{padding-top:78px;padding-bottom:54px}.status-panel{grid-template-columns:1fr;padding:35px 25px;gap:27px}.status-panel h2{font-size:40px}.status-panel:after{right:-90px;top:-100px}.site-footer{grid-template-columns:1fr 1fr;padding:25px 22px}.site-footer>span{display:none}.site-footer>a:nth-of-type(2){font-size:7px}.site-footer>small{font-size:6px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(213,174,111,.35);background:rgba(13,17,15,.58)}.language-switch button{min-width:31px;padding:8px 6px;border:1px solid transparent;background:transparent;color:#d8d0c0;font:600 9px var(--sans);letter-spacing:.08em;cursor:pointer}.language-switch button:hover,.language-switch button:focus-visible{color:#f4d69c;border-color:rgba(213,174,111,.55);outline:none}.language-switch button.active{background:#caa76b;color:#171814}.language-switch button:focus-visible{box-shadow:0 0 0 2px #f1d89f}
@media(max-width:700px){.language-switch{justify-content:center;align-self:center;width:max-content;margin:0 auto;padding:4px}.language-switch button{min-width:39px;padding:11px 8px}.nav-links{z-index:35;max-height:calc(100svh - 68px);overflow:auto}}

/* Shared interaction and heading treatment for the expanded product page. */
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid #f1cf87;outline-offset:4px;border-radius:2px}
:where(.turn,.fortress,#zeitalter,.maps,.modes,.plans,.patch,.specs,.faq) h2{font:500 clamp(40px,5vw,66px)/1.04 var(--serif);letter-spacing:-.045em;margin:28px 0 0}
:where(.turn,.fortress,#zeitalter,.maps,.modes,.plans,.patch,.specs,.faq) h2 em{color:#d8b879;font-weight:500}
.arsenal-heading>p{line-height:1.8}
#spiel .feature-strip{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Turn loop */
.turn{position:relative;background:linear-gradient(135deg,#171c19,#111512 70%);overflow:hidden}
.turn:after{content:"";position:absolute;width:42vw;height:42vw;right:-15vw;top:4%;border:1px solid rgba(202,167,107,.12);border-radius:50%;box-shadow:0 0 0 48px rgba(202,167,107,.025),0 0 0 96px rgba(202,167,107,.02);pointer-events:none}
.turn-steps{list-style:none;counter-reset:turn;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:56px 0 0;padding:0;position:relative;z-index:1}
.turn-step{min-width:0;min-height:245px;padding:24px 22px 26px;border:1px solid rgba(223,204,170,.19);background:linear-gradient(145deg,rgba(239,222,188,.07),rgba(18,22,19,.45));position:relative;overflow:hidden}
.turn-step:after{content:"";position:absolute;right:-34px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(213,183,126,.22);border-radius:50%;box-shadow:0 0 0 16px rgba(213,183,126,.035)}
.turn-no{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c6a265;color:#e5c78e;font:600 12px var(--condensed);letter-spacing:.1em}
.turn-step h3{font:500 clamp(20px,2.2vw,27px)/1.15 var(--serif);margin:34px 0 12px;color:#f0e8d8}
.turn-step p{max-width:34ch;color:#c0beb4;font-size:12px;line-height:1.8;margin:0}

/* Arsenal cards */
#arsenal{background:#171b18;color:#f3ecdf;padding-top:105px;padding-bottom:112px}
#arsenal .section-index{color:#c6a265}
#arsenal .arsenal-heading{align-items:end;gap:8%;margin-bottom:28px}
#arsenal .arsenal-heading>p{color:#c4c2b8}
.weapon-legend{max-width:100%;padding:14px 18px;border-left:2px solid #c6a265;background:rgba(232,216,184,.055);color:#d2cbbc;font-size:10px;line-height:1.8;margin:0 0 25px}
.weapon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.weapon-card{min-width:0;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;padding:23px 23px 19px;border:1px solid rgba(223,204,170,.19);background:linear-gradient(155deg,#29312d,#191e1b 62%,#141714);transition:transform .22s,border-color .22s,box-shadow .22s}
.weapon-card:before{content:"";position:absolute;z-index:-1;right:-45px;top:35px;width:175px;height:175px;border:1px solid rgba(213,183,126,.15);border-radius:50%;box-shadow:0 0 0 18px rgba(213,183,126,.025),0 0 42px rgba(213,183,126,.08)}
.weapon-card:hover{transform:translateY(-4px);border-color:rgba(226,194,132,.55);box-shadow:0 18px 38px rgba(0,0,0,.22)}
.weapon-card.weapon-new{border-color:rgba(210,173,105,.7);background:linear-gradient(145deg,#343126,#1d211c 58%,#171a17)}
.weapon-top{min-height:26px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.weapon-age,.weapon-role,.weapon-badge{display:inline-flex;align-items:center;min-height:22px;padding:4px 8px;border:1px solid rgba(231,218,190,.22);color:#c8c2b4;font:600 8px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.weapon-age{color:#e1c58f;border-color:rgba(205,170,106,.43)}
.weapon-role{border-radius:20px;letter-spacing:.08em}
.weapon-badge{margin-left:auto;background:#d2af70;border-color:#d2af70;color:#171814}
.weapon-card h3{font:500 clamp(23px,2.5vw,31px)/1.05 var(--serif);margin:0 0 10px;color:#f0e5d0;overflow-wrap:anywhere}
.weapon-card>p{min-height:4.5em;color:#c1c0b6;font-size:11px;line-height:1.75;margin:0 0 22px}
.weapon-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:auto 0 0;padding-top:13px;border-top:1px solid rgba(228,216,193,.17)}
.weapon-stats>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:8px 0;border-bottom:1px solid rgba(228,216,193,.09)}
.weapon-stats dt{min-width:0;color:#aead9f;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.weapon-stats dd{margin:0;color:#ead5a9;text-align:right;font:600 12px/1.3 var(--condensed);overflow-wrap:anywhere}
.weapon-card{--damage:78%;--radius:74%;--penetration:35%}
.weapon-card:nth-child(2){--damage:62%;--radius:100%;--penetration:28%}
.weapon-card:nth-child(3){--damage:76%;--radius:87%;--penetration:22%}
.weapon-card:nth-child(4){--damage:48%;--radius:79%;--penetration:18%}
.weapon-card:nth-child(5){--damage:100%;--radius:84%;--penetration:60%}
.weapon-card:nth-child(6){--damage:83%;--radius:42%;--penetration:100%}
.weapon-card:nth-child(7){--damage:72%;--radius:58%;--penetration:15%}
.weapon-stats>div:nth-child(1){--meter:var(--damage)}
.weapon-stats>div:nth-child(2){--meter:var(--radius)}
.weapon-stats>div:nth-child(3){--meter:var(--penetration)}
.weapon-stats>div:nth-child(-n+3){position:relative;padding-bottom:10px}
.weapon-stats>div:nth-child(-n+3):after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:linear-gradient(90deg,#c9a361 var(--meter),rgba(207,194,165,.14) var(--meter))}

/* Fortress components */
.fortress{background:#e6ddcc;color:#1a1b17;padding-top:105px;padding-bottom:110px}
.fortress .section-index{color:#897043}
.fortress .arsenal-heading{align-items:end;gap:8%;margin-bottom:42px}
.fortress .arsenal-heading>p{color:#57584f}
.part-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.part-card{min-width:0;min-height:195px;position:relative;overflow:hidden;padding:21px 19px 20px;background:linear-gradient(150deg,#f3ecdf,#d5c9b2);border:1px solid rgba(82,70,49,.19);box-shadow:0 8px 18px rgba(45,37,24,.06)}
.part-card:before{content:"";position:absolute;right:-23px;top:-29px;width:92px;height:92px;border:1px solid rgba(139,106,57,.25);transform:rotate(45deg)}
.part-card h3{position:relative;margin:0 50px 25px 0;font:500 clamp(19px,2vw,25px)/1.1 var(--serif);color:#25251f;overflow-wrap:anywhere}
.part-hp{position:absolute;top:20px;right:16px;padding:6px 8px;background:#252923;color:#e7d4ae;font:600 9px var(--sans);letter-spacing:.08em;white-space:nowrap}
.part-card p{position:relative;color:#58584f;font-size:10px;line-height:1.7;margin:0;max-width:38ch}
.part-card.part-key{background:linear-gradient(145deg,#292d27,#171b18);border-color:#bc9758;box-shadow:0 12px 28px rgba(34,30,21,.17)}
.part-card.part-key h3{color:#f1e5d0}.part-card.part-key p{color:#d0cbbd}.part-card.part-key .part-hp{background:#c5a163;color:#191b17}
.fortress>.status-footnote{color:#6d685d}
.castle-tour{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:20px;align-items:stretch;margin:0 0 28px}
.castle-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.12/1;min-width:0;background:radial-gradient(ellipse at 50% 35%,#596154,#282e29 58%,#171b18);border:1px solid rgba(183,147,83,.65);box-shadow:0 18px 42px rgba(29,26,20,.18)}
.castle-stage:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(15,19,16,.03) 48%,rgba(15,19,16,.4));pointer-events:none}
.castle-photo{position:absolute;inset:3% 5% 0;width:90%;height:97%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(0,0,0,.38))}
.castle-hotspot{position:absolute;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(248,224,171,.88);border-radius:50%;background:rgba(30,34,28,.76);box-shadow:0 0 0 5px rgba(208,174,109,.13),0 3px 13px rgba(0,0,0,.38);cursor:pointer;transform:translate(-50%,-50%);transition:background .18s,box-shadow .18s,scale .18s}
.castle-hotspot span{width:10px;height:10px;border-radius:50%;background:#e4c17e;box-shadow:0 0 13px 4px rgba(232,187,95,.6)}
.castle-hotspot:hover,.castle-hotspot:focus-visible,.castle-hotspot.active{background:#c6a265;box-shadow:0 0 0 8px rgba(208,174,109,.2),0 0 27px rgba(236,194,108,.72);scale:1.08}
.castle-hotspot:focus-visible{outline:3px solid #fff0ca;outline-offset:4px}
.hotspot-king{left:51%;top:29%}.hotspot-tower{left:29%;top:35%}.hotspot-wall{left:25%;top:75%}.hotspot-foundation{left:53%;top:95%}.hotspot-platform{left:73%;top:65%}.hotspot-market{left:17%;top:58%}.hotspot-workshop{left:83%;top:53%}.hotspot-research{left:74%;top:34%}
.castle-detail{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:310px;padding:clamp(25px,4vw,48px);overflow:hidden;background:linear-gradient(145deg,#272d27,#171b18);border:1px solid rgba(183,147,83,.45);color:#f2eadb}
.castle-detail:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-90px;bottom:-100px;border:1px solid rgba(215,184,126,.2);border-radius:50%;box-shadow:0 0 0 23px rgba(215,184,126,.035),0 0 0 46px rgba(215,184,126,.025)}
.castle-detail-index{color:#d3b579;font:600 9px var(--sans);letter-spacing:.18em;text-transform:uppercase}
.castle-detail-title{margin:24px 0 14px;color:#f0d9aa;font:500 clamp(28px,3.3vw,42px)/1.08 var(--serif);overflow-wrap:anywhere}
.castle-detail-body{margin:0;max-width:42ch;color:#d0cfc4;font-size:12px;line-height:1.85;overflow-wrap:anywhere}

/* Specializations and eras */
#zeitalter{padding-top:105px;padding-bottom:112px}
#zeitalter .spec-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px}
.spec-heading{grid-column:1/-1;margin:0 0 5px;font:500 27px/1.15 var(--serif);color:#25251f}
.spec-card{min-width:0;position:relative;padding:26px 25px 24px;background:linear-gradient(145deg,#f0e7d5,#d9cdb6);border:1px solid rgba(105,82,46,.24)}
.spec-card h4{margin:0 0 12px;font:500 24px/1.15 var(--serif);color:#24251f;overflow-wrap:anywhere}
.spec-card p{margin:0 0 20px;color:#5c5a50;font-size:11px;line-height:1.75;max-width:58ch}
.spec-cost{display:inline-flex;padding:7px 10px;background:#272b25;color:#e9d5ad;font:600 9px var(--sans);letter-spacing:.1em;text-transform:uppercase}

/* Maps and changing weather */
.maps{background:#151a17;color:#eee7d9;padding-top:105px;padding-bottom:110px}
.maps .section-index{color:#c6a265}.maps .arsenal-heading{align-items:end;gap:8%;margin-bottom:39px}.maps .arsenal-heading>p{color:#c3c0b5}
.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.map-card{min-width:0;min-height:260px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:0;background:#202722;border:1px solid rgba(229,214,185,.2)}
.map-card:before{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:-1;background:linear-gradient(0deg,#202722,rgba(32,39,34,0))}
.map-card .map-art{position:relative;inset:auto;z-index:0;display:block;width:130%;max-width:none;height:auto;margin-left:-15%;flex:none;object-fit:contain;filter:saturate(.9) brightness(.9);transition:transform .45s}
.map-card.map-new .map-art{width:112%;margin-left:-6%}
.map-card:hover .map-art{transform:scale(1.03)}
.map-card:after{content:"";position:absolute;z-index:1;inset:10px;border:1px solid rgba(236,217,178,.15);pointer-events:none}
.map-card h3{margin:15px 24px 8px;color:#f2e5ce;font:500 clamp(24px,3vw,36px)/1.05 var(--serif);overflow-wrap:anywhere}
.map-card p{max-width:62ch;margin:0 24px 22px;color:#d0cfc5;font-size:11px;line-height:1.75}
.map-tag{position:absolute;z-index:2;top:20px;left:20px;display:inline-flex;align-items:center;padding:6px 9px;border:1px solid rgba(226,203,157,.52);background:rgba(19,23,20,.84);color:#e5cf9f;font:700 8px var(--sans);letter-spacing:.14em}
.map-tag-full + .map-tag-new{top:52px}
.map-tag-full{border-color:rgba(234,233,220,.46);color:#ece9dc}.map-tag-new{background:#caa76b;border-color:#caa76b;color:#191b17}
.map-card.map-new{min-height:315px;border-color:#bd995d;box-shadow:inset 0 0 0 1px rgba(218,181,111,.21),0 16px 34px rgba(0,0,0,.2)}
.map-card.map-new h3{font-size:clamp(29px,3.6vw,43px)}
.weather-block{margin-top:20px;padding:25px 27px;background:linear-gradient(110deg,#252c28,#1a1f1c);border:1px solid rgba(222,202,164,.18)}
.weather-block h3{margin:0 0 8px;color:#ead8b5;font:500 23px/1.2 var(--serif)}.weather-block>p{max-width:75ch;color:#c3c2b8;font-size:11px;line-height:1.75}
.weather-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}.weather-list li{padding:8px 11px;border:1px solid rgba(222,202,164,.2);background:rgba(255,255,255,.035);color:#e1ded3;font-size:9px;letter-spacing:.04em}

/* Modes and ranked ladder */
.modes{background:#e6ddcc;color:#1a1b17;padding-top:105px;padding-bottom:110px}
.modes .section-index{color:#897043}.modes .arsenal-heading{align-items:end;gap:8%;margin-bottom:39px}.modes .arsenal-heading>p{color:#58584f}
.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.mode-card{min-width:0;position:relative;padding:20px 19px 21px;background:linear-gradient(150deg,#f1e9d9,#d8cdb8);border:1px solid rgba(76,67,49,.2)}
.mode-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#9e865e}
.mode-card h3{margin:21px 0 10px;color:#24251f;font:500 clamp(19px,2.1vw,25px)/1.12 var(--serif);overflow-wrap:anywhere}
.mode-card>p:not(.mode-tag){margin:0;color:#58584f;font-size:10px;line-height:1.75}
.mode-tag{display:inline-flex;max-width:100%;padding:6px 8px;border:1px solid rgba(107,89,57,.35);color:#635638;font:700 8px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
.mode-card.mode-ranked{grid-column:span 2;background:linear-gradient(145deg,#262b25,#181c19);border-color:#b4935a}
.mode-ranked:before{background:#d0ac6d}.mode-ranked h3{color:#f0e4cd}.mode-ranked>p:not(.mode-tag){color:#c7c4b9}.mode-ranked .mode-tag{color:#e7ce9e;border-color:rgba(216,185,125,.45)}
.league-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;margin:20px 0 0;padding:0}
.league-list li{min-width:0;padding:10px 5px;text-align:center;border:1px solid rgba(229,212,178,.22);background:rgba(255,255,255,.035);color:#ddd7c8;font:600 9px/1.3 var(--sans);overflow-wrap:anywhere}
.league-list li:nth-child(1){border-bottom:3px solid #a88a68}.league-list li:nth-child(2){border-bottom:3px solid #b7bbc0}.league-list li:nth-child(3){border-bottom:3px solid #cfaa67}.league-list li:nth-child(4){border-bottom:3px solid #98adc2}.league-list li:nth-child(5){border-bottom:3px solid #bda1dc}.league-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 3px 9px}.league-list li img{display:block;width:clamp(38px,4.6vw,58px);height:clamp(38px,4.6vw,58px);object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.league-list li span{display:block;max-width:100%}
.modes>.status-footnote{color:#666357}

/* Free and Full comparison */
.plans{background:#171b18;color:#f1e9d9;padding-top:105px;padding-bottom:110px}
.plans .section-index{color:#c6a265}.plans .arsenal-heading{align-items:end;gap:8%;margin-bottom:40px}.plans .arsenal-heading>p{color:#c6c2b6}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.plan-card{min-width:0;padding:30px 31px 32px;background:linear-gradient(150deg,#262c28,#1b201c);border:1px solid rgba(228,214,187,.2)}
.plan-card h3{margin:0 0 22px;font:500 clamp(28px,3.2vw,40px)/1.1 var(--serif);color:#eee3d0;overflow-wrap:anywhere}
.plan-list{list-style:none;margin:0;padding:0}.plan-list li{position:relative;padding:12px 0 12px 22px;border-top:1px solid rgba(228,214,187,.13);color:#cfcdc1;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.plan-list li:before{content:"";position:absolute;left:2px;top:19px;width:8px;height:4px;border-left:1px solid #caa76b;border-bottom:1px solid #caa76b;transform:rotate(-45deg)}
.plan-card.plan-full{position:relative;background:linear-gradient(145deg,#343126,#20231e 68%,#191c19);border-color:#c4a064;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.plan-full:before{content:"";position:absolute;inset:8px;border:1px solid rgba(213,183,126,.2);pointer-events:none}
.plan-full h3{color:#f0d8a7}.plans>.status-footnote{color:#aaa99e}

/* Version 1.1 patch notes */
.patch{background:#e6ddcc;color:#1b1d19;padding-top:105px;padding-bottom:112px}
.patch .section-index{color:#897043}
.patch-header{position:relative;isolation:isolate;overflow:hidden;margin:30px 0 22px;padding:clamp(30px,5vw,66px);background:linear-gradient(112deg,#111512,#1a201b);color:#f0e8d8}
.patch-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.29;filter:saturate(.7) brightness(.72)}
.patch-header:after{content:"";position:absolute;width:34vw;height:34vw;right:-10vw;top:-19vw;border:1px solid rgba(215,184,126,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(215,184,126,.04),0 0 0 70px rgba(215,184,126,.025)}
.patch-version{position:relative;z-index:1;display:inline-flex;padding:8px 11px;border:1px solid #d0ab69;color:#e5c98f;font:700 10px var(--sans);letter-spacing:.18em}
.patch-header h2{position:relative;z-index:1;max-width:850px;color:#f3ead8;font-size:clamp(38px,6.4vw,82px);margin:22px 0 12px;overflow-wrap:anywhere}
.patch-header h2 em{color:#d8b879}.patch-header .lead{position:relative;z-index:1;max-width:66ch;color:#d0cec2;font-size:13px;line-height:1.8}
.patch-block{min-width:0;padding:25px 27px;background:#f1e9d9;border:1px solid rgba(76,65,43,.18);box-shadow:0 8px 22px rgba(42,34,23,.055)}
.patch-block h3{margin:0 0 17px;color:#25261f;font:500 23px/1.15 var(--serif);overflow-wrap:anywhere}
.patch-highlight{background:linear-gradient(135deg,#252b25,#171b18);border-color:#ae8b50;color:#eee4d2}
.patch-highlight h3{color:#edd6a5}.patch-block ul{list-style:none;margin:0;padding:0}.patch-block li{position:relative;padding:10px 0 10px 21px;border-top:1px solid rgba(77,68,52,.12);color:#57574f;font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.patch-highlight li{border-color:rgba(232,216,187,.14);color:#d3d0c4}.patch-block li:before{content:"";position:absolute;left:3px;top:17px;width:5px;height:5px;background:#b2945c;transform:rotate(45deg)}
.patch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.patch>.section-index,.patch>.patch-header{grid-column:1/-1}.patch-header{width:100%}
.patch-change{min-width:0;margin-top:12px;padding:16px 16px 13px;background:rgba(24,29,25,.045);border-left:2px solid #b59a68}
.patch-change h4{margin:0 0 9px;color:#282921;font:500 18px/1.2 var(--serif);overflow-wrap:anywhere}
.patch-tag{display:inline-flex;margin:0 0 8px;padding:5px 7px;background:#35463a;color:#f4efdf;font:700 8px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.patch-change .patch-tag[data-i18n="patch.tag.adjusted"]{background:#76623e}
.patch-change ul{margin:0}.patch-change li{padding:7px 0 7px 17px;font-size:9px}.patch-change li:before{top:13px;width:4px;height:4px}
.patch-block>p:not(.patch-tag){color:#5d5b51;font-size:10px;line-height:1.7;margin:16px 0 0}
.patch-dev{position:relative;margin:16px 0 0!important;padding:16px 18px 16px 21px!important;border-left:2px solid #b99558;background:#e4dac6;color:#49473f!important;font:italic 12px/1.75 var(--serif)!important}
.patch-dev:before{content:"“";position:absolute;left:7px;top:3px;color:#9b7c47;font:500 24px var(--serif)}

/* Technical details and FAQ */
.specs{background:#171b18;color:#eee7d9;padding-top:105px;padding-bottom:110px}
.specs .section-index{color:#c6a265}.specs h2{margin-bottom:36px}
.spec-table{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);margin:0;border-top:1px solid rgba(231,218,190,.22)}
.spec-table dt,.spec-table dd{min-width:0;margin:0;padding:16px 18px;border-bottom:1px solid rgba(231,218,190,.15);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.spec-table dt{color:#d7bc87;font-weight:600;letter-spacing:.035em}.spec-table dd{color:#d1d0c5}
.faq{background:#e6ddcc;color:#1b1d19;padding-top:105px;padding-bottom:112px}
.faq .section-index{color:#897043}.faq h2{margin-bottom:36px}
.faq-list{max-width:1000px;border-top:1px solid rgba(63,56,42,.28)}
.faq-item{border-bottom:1px solid rgba(63,56,42,.22)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 48px 20px 4px;color:#292a23;font:500 clamp(16px,2vw,21px)/1.4 var(--serif)}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#8f7142;font:400 24px var(--sans)}
.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:#765b31}
.faq-item p{max-width:78ch;margin:0;padding:0 48px 22px 4px;color:#56564d;font-size:11px;line-height:1.85}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}.footer-links a{color:#d2c7b1;font:600 8px var(--sans);letter-spacing:.1em;text-transform:uppercase}.footer-links a:hover{color:#f0cf8c}

/* Eight-item navigation stays compact across desktop and tablets. */
.nav-links{gap:clamp(10px,1vw,17px);font-size:9px;letter-spacing:.075em;white-space:nowrap}
.nav-links .nav-cta{padding:10px 12px}.nav-cta span{padding-left:9px}
@media(max-width:1280px){
 .site-header{height:76px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px;background:rgba(15,19,16,.45);border:1px solid rgba(223,204,170,.22);cursor:pointer}
 .menu-toggle i{width:22px;height:1px;background:#e5dbc8;display:block}
 .nav-links{display:none;position:absolute;top:76px;right:5vw;left:auto;width:min(460px,90vw);max-height:calc(100svh - 86px);overflow:auto;flex-direction:column;align-items:stretch;gap:8px;padding:20px;background:rgba(19,24,21,.98);border:1px solid rgba(223,204,170,.23);box-shadow:0 20px 50px rgba(0,0,0,.4);white-space:normal}
 .nav-links.open{display:flex}.nav-links>a{padding:11px 9px;border-bottom:1px solid rgba(223,204,170,.1)}.nav-links .nav-cta{text-align:left}.nav-cta span{padding-left:0}
 .language-switch{align-self:center;margin-top:5px}
}
@media(max-width:980px){
 #spiel .feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .turn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .castle-tour{grid-template-columns:1fr;gap:12px}
 .castle-stage{width:min(100%,680px);margin-inline:auto}
 .castle-detail{min-height:0;padding:26px 28px}
 .part-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mode-card.mode-ranked{grid-column:span 2}
 .patch{grid-template-columns:1fr}
 .patch>.section-index,.patch>.patch-header{grid-column:1}
}
@media(max-width:700px){
 .site-header{height:68px;padding:0 22px}.nav-links{top:68px;left:16px;right:16px;width:auto;max-height:calc(100svh - 76px);padding:15px;gap:4px}
 .nav-links>a{padding:9px 8px;font-size:10px}
 .language-switch{margin:6px auto 0}.language-switch button{min-width:39px;padding:10px 8px}
 .section-pad{padding-left:7vw;padding-right:7vw}
 #spiel .feature-strip{grid-template-columns:1fr}
 .turn-steps{grid-template-columns:1fr;gap:9px;margin-top:35px}.turn-step{min-height:0;padding:18px 18px 20px}.turn-step h3{margin:18px 0 8px}
 #arsenal,.fortress,#zeitalter,.maps,.modes,.plans,.patch,.specs,.faq{padding-top:76px;padding-bottom:80px}
 #arsenal .arsenal-heading,.fortress .arsenal-heading,.maps .arsenal-heading,.modes .arsenal-heading,.plans .arsenal-heading{display:block;margin:25px 0 27px}
 #arsenal .arsenal-heading>p,.fortress .arsenal-heading>p,.maps .arsenal-heading>p,.modes .arsenal-heading>p,.plans .arsenal-heading>p{margin:15px 0 0;max-width:unset}
 .weapon-grid,.part-grid,.map-grid,.mode-grid,.plan-grid{grid-template-columns:1fr}
 .weapon-card{padding:20px 18px 17px}.weapon-card>p{min-height:0;margin-bottom:18px}.weapon-stats{gap:0 12px}
 .castle-tour{margin-bottom:22px}.castle-stage{width:100%;aspect-ratio:1/1}.castle-hotspot{width:34px;height:34px}.castle-detail{padding:22px 20px}.castle-detail-title{margin:15px 0 10px;font-size:30px}.castle-detail-body{font-size:11px}
 .part-card{min-height:0;padding:19px 18px}.part-card h3{margin-bottom:20px}
 #zeitalter .spec-row{grid-template-columns:1fr;gap:10px;margin-top:30px}.spec-heading{font-size:23px}.spec-card{padding:22px 20px}
 .map-card,.map-card.map-new{min-height:0;padding:0}.map-card h3{margin:13px 19px 7px}.map-card p{margin:0 19px 20px;font-size:10px}.map-tag{top:15px;left:15px}.map-tag-full + .map-tag-new{top:47px}
 .weather-block{padding:21px 18px}.weather-list{gap:6px}.weather-list li{padding:8px 9px}
 .mode-card,.mode-card.mode-ranked{grid-column:auto;padding:19px 18px}.league-list{gap:4px}.league-list li{font-size:8px;padding:9px 3px}
 .plan-card,.plan-card.plan-full{padding:24px 21px}
 .patch-header{margin:18px 0 8px;padding:27px 21px}.patch-header h2{font-size:clamp(34px,10vw,52px)}.patch-header .lead{font-size:11px}.patch-block{padding:21px 18px}.patch-change{padding:14px 12px 11px}
 .spec-table{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.spec-table dt,.spec-table dd{padding:13px 10px;font-size:10px}
 .faq-item summary{padding:17px 38px 17px 2px}.faq-item p{padding:0 16px 19px 2px}
 .site-footer{grid-template-columns:1fr auto;gap:15px 12px}.site-footer .wordmark{grid-column:1}.site-footer .footer-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:12px 15px}.site-footer>a:nth-of-type(2){grid-column:2;grid-row:1}.site-footer>small{grid-row:3}
}
@media(max-width:390px){
 .site-header{padding:0 15px}.wordmark{font-size:10px;gap:8px}.wordmark small{font-size:7px}.nav-links{left:10px;right:10px}
 .hero-actions{align-items:flex-start;flex-wrap:wrap;gap:12px}.hero-meta{max-width:90%;line-height:1.7}
 .weapon-stats{grid-template-columns:1fr 1fr;gap:0 8px}.weapon-stats dt{font-size:8px}.weapon-stats dd{font-size:11px}
 .league-list li{font-size:7px;letter-spacing:-.02em}.spec-table{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
 .site-footer{padding-left:17px;padding-right:17px}.footer-links{gap:10px 12px}.footer-links a{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.weapon-card,.map-card .map-art{transition:none}.weapon-card:hover,.map-card:hover .map-art{transform:none}}
@media(prefers-reduced-motion:reduce){.castle-hotspot{transition:none;scale:1}.castle-hotspot:hover,.castle-hotspot:focus-visible,.castle-hotspot.active{scale:1}}
