/* Mittelalter: scoped additions; supplied game images keep their complete frame. */
.maSkip{position:fixed;top:10px;left:16px;z-index:200;padding:14px 18px;background:#f4c266;color:#15201b;border-radius:8px;transform:translateY(-160%)}
.maSkip:focus{transform:none}
.maPage{--ma-gold:#dec18a;--ma-muted:#afbfbc;--ma-line:#d7c9a72b;background:radial-gradient(ellipse at 80% 8%,#59774d1c,transparent 36%),#091310}
.maPage main{padding-top:82px;scroll-margin-top:90px}
.maPage .kicker{color:var(--ma-gold);line-height:1.65}
.maHero{padding:46px 0 65px;border-bottom:1px solid var(--ma-line)}
.maHeroGrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:center}
.maHero h1{font-size:clamp(43px,5.3vw,75px);line-height:1.05;letter-spacing:-.045em;margin:17px 0 22px;overflow-wrap:anywhere}
.maTagline{font-size:clamp(23px,2.6vw,34px);line-height:1.25;color:var(--ma-gold);max-width:24ch;margin:0 0 24px}
.maSummary{color:var(--ma-muted);font-size:16px;line-height:1.85;margin-bottom:26px}
.maMeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.maMeta span{border:1px solid var(--ma-line);border-radius:20px;padding:7px 11px;font-size:11px;color:#d6dacc;line-height:1.5}
.maMeta span:first-child{color:#bfd6ac;border-color:#80b78855;background:#78ac6410}
.maScene{margin:0;border:1px solid var(--ma-line);border-radius:18px;overflow:hidden;background:#101c17;box-shadow:0 24px 70px #0006}
.maScene img{display:block;width:100%;height:auto;object-fit:contain}
.maScene figcaption{padding:13px 18px;color:#c5d2c7;font-size:12px;line-height:1.6;border-top:1px solid var(--ma-line)}
.maPage .btn.maButton,.maSpotlight .btn.maButton{background:var(--ma-gold,#dec18a);color:#17221b;border:1px solid #e4ca97;box-shadow:none}
.maPage .btn.maButton:hover,.maSpotlight .btn.maButton:hover{background:#edd4a5}
.maFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px}
.maFacts .feature{border-color:var(--ma-line);background:#d7c9a706}
.maFacts .feature b{color:var(--ma-gold)}
.maFacts .feature span{color:var(--ma-muted)}
.maPage .detailSection{padding:65px 0;scroll-margin-top:90px}
.maPage .detailSection h2{font-size:clamp(31px,3.6vw,49px);max-width:24ch;line-height:1.14}
.maStoryGrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.maStory p,.maAnimation p,.maPage .devcard p{font-size:16px;line-height:1.85;color:var(--ma-muted);margin:0 0 18px}
.maStory p:last-child{margin-bottom:0}
.maGallerySection{background:#101c186b;border-block:1px solid var(--ma-line)}
.maPage .galleryFilters button{background:#13251e;border-color:var(--ma-line);color:#bfd2c7;min-height:42px}
.maPage .galleryFilters button[aria-pressed="true"]{background:var(--ma-gold);color:#17221b}
.maPage .screenshotGallery .shot{border-color:var(--ma-line);border-radius:12px}
.maPage .screenshotGallery .shot img{aspect-ratio:35/22;object-fit:contain;transform:none;background:#0a1410}
.maPage .screenshotGallery figcaption{background:#14221c;color:#c8d4ca;line-height:1.5;border-color:var(--ma-line)}
.maPage .galleryCount,.maPage .note{color:#a9b8ad;line-height:1.8}
.maAnimation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.maAnimation figure{margin:0;max-width:480px;justify-self:center;border:1px solid var(--ma-line);border-radius:16px;overflow:hidden;background:#12231b}
.maAnimation figure img{width:100%;height:auto}
.maAnimation figcaption{padding:14px 18px;font-size:12px;color:var(--ma-muted);line-height:1.7}
.maAnimation button{display:none;cursor:pointer;font:inherit;font-size:12px;letter-spacing:0}
.js .maAnimation button{display:inline-flex}
.maPage .devcard{border-color:var(--ma-line);background:#ffffff03}
.maPage .devcard h3{line-height:1.25;color:#e0d7bc;font-size:26px;margin-top:5px}
.maPage .maRelease{margin:18px 0 0;font-size:13px;line-height:1.8;color:#bbc9bc}
.maPage a:focus-visible,.maPage button:focus-visible,.maPage img[role="button"]:focus-visible{outline:3px solid #edcf90;outline-offset:4px}
.maSpotlight{--ma-gold:#dec18a;background:#102019}
.maSpotlight h2{color:#e1c792}
.maSpotlight .spotlightImage img{aspect-ratio:auto;object-fit:contain}
.maSpotlight .spotlightImage>span{position:static;display:block;padding:13px 18px;background:#13251c;line-height:1.6}
.gameDeck.maGameDeck{grid-template-columns:repeat(6,minmax(0,1fr))}
.maCard .maCardScene{display:flex;flex-direction:column;justify-content:center;gap:24px;aspect-ratio:720/1024;background:radial-gradient(ellipse at top,#49684355,transparent 70%),#12221a;padding:22px 0;color:#e5cea2;text-align:center}
.maCard .maCardScene strong{font-family:Georgia,serif;font-size:clamp(18px,1.6vw,24px);letter-spacing:.02em;padding:0 8px}
.maCard .maCardScene small{font-size:10px;line-height:1.7;padding:0 12px;letter-spacing:.06em;color:#c6d4bb}
.maCard .maCardScene img{width:100%;height:auto;object-fit:contain}
.maCard .coverHint{color:#c3d2bb;background:#12221a}
.maCard .cardBody small{overflow-wrap:anywhere}
.maCard .cardBody .cardRelease{color:#c2d6ad}
@media(max-width:1180px){.maHeroGrid{grid-template-columns:1fr;gap:32px}.maHeroCopy{max-width:780px}.maHero h1{font-size:clamp(46px,7vw,75px)}.maTagline{max-width:36ch}.maScene{width:100%;max-width:960px;justify-self:center}.gameDeck.maGameDeck{grid-template-columns:repeat(3,minmax(0,1fr))}.maCard .maCardScene strong{font-size:clamp(22px,2.8vw,34px)}}
@media(max-width:800px){.maFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.maStoryGrid,.maAnimation{grid-template-columns:1fr;gap:28px}.maPage .detailSection{padding:44px 0}.maHero{padding-top:28px}.gameDeck.maGameDeck{grid-template-columns:repeat(2,minmax(0,1fr))}.maCard .maCardScene strong{font-size:26px}}
@media(max-width:500px){.maFacts{grid-template-columns:1fr}.maHero h1{font-size:clamp(36px,10vw,50px)}.maSummary{font-size:15px}.maPage .detailSection h2{font-size:32px}.gameDeck.maGameDeck{grid-template-columns:1fr}.maCard .maCardScene strong{font-size:34px}.maAnimation{gap:24px}.maAnimation .btn{width:100%}}