*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#11150f;color:#2b281f;font-family:Georgia,'Times New Roman',serif}.hero{height:100vh;min-height:650px;background:url('assets/artheria-hero.png') center/cover no-repeat;position:relative;color:#fff}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0e09cc 0,#0a0e0960 45%,transparent 75%),linear-gradient(0deg,#080a0780,transparent 45%)}nav{position:absolute;z-index:5;left:0;right:0;top:0;height:72px;padding:0 5vw;display:flex;align-items:center;background:#24170dcc;border-bottom:1px solid #d6b86c55;backdrop-filter:blur(6px)}.brand{color:#e6c476;text-decoration:none;letter-spacing:.18em;font-size:22px}.navlinks{margin-left:auto;display:flex;gap:28px}.navlinks a{color:#f1e8d6;text-decoration:none}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}.heroText{position:absolute;z-index:2;left:5vw;top:24%;max-width:660px;text-shadow:0 3px 15px #000}.heroText h1{font-size:clamp(65px,9vw,130px);line-height:.9;color:#e7c374;font-weight:400;margin:0}.heroText h2{font-size:clamp(14px,1.7vw,22px);letter-spacing:.22em;font-weight:400}.heroText p{font-size:clamp(20px,2vw,29px);line-height:1.5}.button{display:inline-block;margin-top:15px;padding:16px 25px;background:#ead5a8;color:#352619;text-decoration:none;font-size:18px;box-shadow:0 4px 18px #0008}.section{padding:105px max(7vw,25px)}.paper{background:linear-gradient(125deg,#eee4ce,#d5c19b)}.eyebrow{font:12px Arial,sans-serif;letter-spacing:.27em;color:#9b773a}.section h2,.copy h2{font-size:clamp(42px,6vw,74px);font-weight:400;line-height:1.05;margin:12px 0 28px}.section i{color:#80673e;font-weight:400}.lead{font-size:21px;line-height:1.7;max-width:900px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.grid article{border-top:1px solid #887653;padding-top:22px}.grid h3{font-size:27px;font-weight:400}.grid p,.copy p,.entry p{line-height:1.75}.imageSection{height:760px;position:relative;background-position:center;background-size:cover}.lumori{background-image:url('assets/artheria-hero.png');background-position:center}.gate{background-image:url('assets/artheria-tor.png')}.imageSection:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0d09c9,transparent 68%)}.copy{position:absolute;z-index:2;left:7vw;bottom:10%;max-width:600px;color:#f1e8d7}.copy .eyebrow{color:#dfbd6c}.entry{border-left:2px solid #8f703a;padding:8px 0 8px 28px;max-width:800px;margin-top:45px}footer{text-align:center;background:#0c0e0b;color:#bdb5a6;padding:70px 25px}footer strong{display:block;color:#dfbd6c;font-size:28px;letter-spacing:.22em}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:22px 6vw;background:#24170d;flex-direction:column}.navlinks.open{display:flex}.menu{display:block}.grid{grid-template-columns:1fr}.heroText{top:22%}.imageSection{height:620px}}
.darkButton{display:inline-block;margin-top:35px;padding:15px 24px;border:1px solid #715a35;color:#3b3020;text-decoration:none;letter-spacing:.06em}.darkButton+.darkButton{margin-left:14px}.image-link{position:absolute;z-index:3;left:7vw;bottom:5%;color:#f1d38a;text-decoration:none;border-bottom:1px solid #f1d38a;padding-bottom:4px}
.promise{margin:20px 0 28px;color:#d7b76c;letter-spacing:.12em;font-size:13px}

.visitor-counter{margin:26px auto 20px;display:flex;justify-content:center;align-items:center;gap:10px;color:#c9c0af;font-size:14px}
.visitor-counter strong{color:#dfbd6c;font-weight:400}.visitor-light{color:#f0cf77;text-shadow:0 0 10px #f0cf77}

/* Additions to the original V0.5.2 layout; artwork and base rules remain. */
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-180%);z-index:20;background:#ead5a8;color:#352619;padding:12px}.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #dba33c;outline-offset:5px}
figure{margin:0}img{max-width:100%}.concept-label{position:absolute;z-index:3;right:25px;bottom:15px;margin:0;padding:7px 10px;background:#0b0e0bd9;color:#eadfc8;font:11px Arial,sans-serif;max-width:calc(100% - 50px)}
.development-note{margin-top:38px;border-top:1px solid #a08b5d;padding-top:22px;font:14px/1.7 Arial,sans-serif;color:#66512e}
.footage{color:#eee4ce;background:#15190f}.footage .eyebrow{color:#dfbd6c}.footage i{color:#d7b76c}.video-frame{margin-top:38px;border:1px solid #aa8a4d;padding:8px;background:#080c08;box-shadow:0 12px 32px #0005}.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#080c08;object-fit:contain}.video-frame figcaption{padding:15px 8px 9px;line-height:1.6;font:13px/1.6 Arial,sans-serif;color:#d1c6af}.video-frame a{color:#edcb7b;display:inline-block;margin-left:18px}.media-note{font:13px/1.8 Arial,sans-serif;color:#c3bba9;max-width:1000px;margin:20px 0 35px}
.screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:36px}.screenshots img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #b2904c}.screenshots a:hover img,.lumori-shot a:hover img{border-color:#ffe09e}.screenshots figcaption,.lumori-shot figcaption{color:#cfc4ac;font:13px/1.7 Arial,sans-serif;padding-top:12px}.companions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:35px;margin-top:40px;align-items:start}.companions .video-frame{margin-top:0}.lumori-shot img{display:block;width:100%;height:auto;border:1px solid #b2904c}.entry h3{font-size:27px;font-weight:400}.entry a{color:#5a3917;overflow-wrap:anywhere}
.visitor-counter strong{display:inline;font-size:inherit;letter-spacing:0}.visitor-counter small{font:11px/2 Arial,sans-serif;color:#aaa28f}.footer-links{position:static;height:auto;padding:0;margin:25px auto 30px;justify-content:center;gap:28px;flex-wrap:wrap;border:0;background:none;backdrop-filter:none}.footer-links a{color:#e2c588;text-decoration:none;font-size:15px}.footer-links a:hover{text-decoration:underline}.legal-header{height:100px;position:relative}.legal-header nav{height:100px;background:#24170d;gap:20px}.legal-header .legal-back{margin-left:auto;color:#eedfbf}.legal{max-width:1100px;margin:0 auto;padding:65px max(6vw,25px);background:linear-gradient(125deg,#eee4ce,#d5c19b);min-height:70vh;line-height:1.8}.legal h1{font-size:clamp(32px,5vw,58px);font-weight:400;line-height:1.2;overflow-wrap:anywhere}.legal h2{font-size:25px;font-weight:400;margin-top:35px;line-height:1.3}.legal address{font-style:normal}.legal a{color:#593c1d;overflow-wrap:anywhere}.legal p{max-width:900px}.legal .button{font-size:16px;margin-top:25px}
.detail-page{background:#d5c19b}.detail-header{min-height:520px;height:68vh;position:relative;background-position:center;background-size:cover;color:#fff}.detail-header:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0e09df 0,#0a0e0985 52%,#0a0e0926 80%),linear-gradient(0deg,#080a0790,transparent 55%)}.detail-header nav{z-index:5}.detail-hero-copy{position:absolute;z-index:2;left:max(7vw,25px);right:max(7vw,25px);bottom:13%;max-width:820px;text-shadow:0 3px 15px #000}.detail-hero-copy .eyebrow{color:#e6c476}.detail-hero-copy h1{font-size:clamp(48px,7vw,92px);font-weight:400;line-height:1;margin:12px 0 20px}.detail-hero-copy p{font-size:clamp(18px,2vw,25px);line-height:1.55;max-width:760px}.detail-content{background:linear-gradient(125deg,#eee4ce,#d5c19b)}.detail-content .section{max-width:1250px;margin:0 auto}.detail-content h2{font-size:clamp(38px,5vw,64px)}.detail-content h3{font-size:27px;font-weight:400}.content-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:55px;align-items:start}.content-split img{display:block;width:100%;height:auto;border:1px solid #8e7547}.fact-list{list-style:none;padding:0;margin:35px 0}.fact-list li{border-top:1px solid #a08b5d;padding:16px 0;line-height:1.6}.related{background:#15190f;color:#eee4ce;padding:65px max(7vw,25px)}.related-inner{max-width:1250px;margin:0 auto}.related h2{font-size:34px;font-weight:400}.related-links{display:flex;flex-wrap:wrap;gap:14px}.related-links a{color:#edcb7b;border:1px solid #92743c;padding:13px 18px;text-decoration:none}.related-links a:hover,.related-links a:focus-visible{background:#2c311f}.breadcrumb{font:13px/1.6 Arial,sans-serif;margin:0 0 24px;color:#745a2c}.breadcrumb a{color:#593c1d}.detail-note{font:14px/1.8 Arial,sans-serif;border-left:2px solid #8f703a;padding-left:20px;margin-top:35px}.detail-footer .footer-links{max-width:1000px}.navlinks a[aria-current="page"]{color:#e6c476;border-bottom:1px solid #e6c476}.detail-header.spiel{background-image:url('assets/spiel-dorf.jpg')}.detail-header.lumori-detail{background-image:url('assets/lumori-engine.png');background-position:center 38%}.detail-header.morgenhain-detail{background-image:url('assets/artheria-tor.png')}.detail-header.geschichten-detail{background-image:url('assets/spiel-haeuser.jpg')}.detail-header.entwicklung-detail{background-image:url('assets/spiel-huegel.jpg')}
@media(max-width:1100px){.navlinks{gap:18px;font-size:14px}}
@media(max-width:800px){.screenshots{grid-template-columns:1fr}.companions{grid-template-columns:1fr}.heroText{right:5vw}.copy{right:7vw}.copy h2{font-size:clamp(35px,7vw,60px)}.concept-label{font-size:10px;right:20px;bottom:13px;max-width:calc(100% - 40px)}.imageSection .copy{bottom:20%}.image-link{bottom:8%}.legal-header nav{padding:0 6vw}.legal-header .brand{font-size:18px}.legal-header .legal-back{font-size:14px}.content-split{grid-template-columns:1fr}.detail-header{min-height:560px;height:75vh}.detail-hero-copy{bottom:10%}.darkButton+.darkButton{margin-left:0}}
@media(max-width:450px){.section{padding-block:65px}.section h2{font-size:37px}.lead{font-size:18px}.heroText h1{font-size:clamp(48px,14vw,65px)}.heroText h2{letter-spacing:.14em;font-size:13px}.heroText p{font-size:20px}.copy p{font-size:16px}.video-frame a{display:block;margin:8px 0 0}.visitor-counter{font-size:13px;max-width:330px}.footer-links{gap:18px}.detail-hero-copy h1{font-size:44px}.detail-hero-copy p{font-size:17px}.related-links{flex-direction:column}.related-links a{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.detail-content .grid section p{line-height:1.75}
.detail-content figcaption{font:13px/1.7 Arial,sans-serif;padding-top:12px;color:#66512e}

/* Aktuelle native Spielaufnahmen: Hochformat ohne Beschnitt. */
.current-shots img{aspect-ratio:4/5;object-fit:contain}
.detail-content .screenshots figcaption{color:#594422}

/* Handbuch V0.8.6 */
.detail-header.handbuch-detail{background-image:url('assets/spiel-torweg-aktuell.jpg');background-position:center 58%}
.manual-page .section{max-width:1250px;margin:0 auto}
.manual-intro{padding-bottom:75px}
.manual-quicknav{position:static;height:auto;padding:0;margin:45px 0 0;display:flex;flex-wrap:wrap;gap:12px;background:none;border:0;backdrop-filter:none}
.manual-quicknav a{display:inline-block;padding:13px 18px;border:1px solid #8c7245;color:#44351f;text-decoration:none;background:#eadab8}
.manual-quicknav a:hover,.manual-quicknav a:focus-visible{background:#f5ead1}
.manual-section{border-top:1px solid #a99266}
.manual-steps{list-style:none;padding:0;margin:50px 0 0;display:grid;gap:18px;max-width:950px}
.manual-steps li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:22px;align-items:start;padding:22px 24px;background:#e8d8b6;border-left:2px solid #8f703a}
.manual-steps li>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8f703a;border-radius:50%;color:#765b2c;font-size:24px}
.manual-steps strong{font-size:22px;font-weight:400}.manual-steps p{margin:8px 0 0;line-height:1.7}
kbd{display:inline-block;min-width:1.8em;padding:.13em .45em;border:1px solid #8a7450;border-bottom-width:2px;border-radius:4px;background:#f6edd9;color:#3a2d1c;font:700 .85em/1.35 Arial,sans-serif;text-align:center;box-shadow:0 1px 0 #fff8 inset}
.manual-dark{max-width:none!important;background:#15190f;color:#eee4ce}
.manual-dark .eyebrow{color:#dfbd6c}.manual-dark h2{max-width:1250px;margin-left:auto;margin-right:auto}
.manual-dark>.eyebrow,.manual-dark>.manual-grid{max-width:1250px;margin-left:auto;margin-right:auto}
.manual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:45px}
.manual-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.manual-grid article{padding:28px;border:1px solid #99805a;background:#e8d8b6}
.manual-dark .manual-grid article{background:#20261a;border-color:#6f603c}
.manual-grid h3{margin:16px 0 10px;font-size:25px}.manual-grid p{margin:0;line-height:1.7}
.manual-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d0b775;color:#f0d48d;font:22px Arial,sans-serif}.manual-symbol.gold{font-size:28px;text-shadow:0 0 12px #f0cf77}
.control-table-wrap{overflow-x:auto;margin-top:45px;border:1px solid #8f754a;background:#eadcbe}
.control-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
.control-table th,.control-table td{padding:20px 22px;border-bottom:1px solid #ae9670;vertical-align:top;line-height:1.7}
.control-table thead th{background:#2b2115;color:#ead5a8;font:15px Arial,sans-serif;letter-spacing:.04em}
.control-table tbody th{width:145px;color:#5b431f;font-size:20px;font-weight:400}
.control-table tr:last-child th,.control-table tr:last-child td{border-bottom:0}
.manual-tip{margin:28px 0 0;padding:20px 24px;border-left:2px solid #8f703a;background:#e8d8b6;line-height:1.7}
.manual-save{padding-bottom:90px}
.manual-save .darkButton{margin-right:10px}
@media(max-width:1100px){.navlinks{gap:12px;font-size:13px}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.manual-quicknav{flex-direction:column}.manual-quicknav a{text-align:center}.manual-grid,.manual-grid.three{grid-template-columns:1fr}.manual-steps li{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:20px 18px}.manual-steps li>span{width:42px;height:42px;font-size:20px}.manual-dark{padding-left:max(7vw,25px);padding-right:max(7vw,25px)}}
@media(max-width:450px){.manual-steps strong{font-size:19px}.manual-grid article{padding:23px}.control-table th,.control-table td{padding:17px}.manual-save .darkButton{display:block;margin-right:0;text-align:center}}