@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--paper:#e8e1d1;--muted:#9a9c92;--gold:#d2a955;--bg:#0b120e;--panel:#121b15;--line:#ffffff17}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper)}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#304232 0,#152219 28%,#0b120e 66%);position:relative}.grain{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}header{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.mark{width:38px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#d8af5c,#80602e);color:#132016;font:700 23px 'Cormorant Garamond';clip-path:polygon(50% 0,94% 14%,87% 75%,50% 100%,13% 75%,6% 14%)}.brand b,.brand small{display:block}.brand b{font:700 15px 'Cormorant Garamond';letter-spacing:.16em}.brand small{font-size:8px;letter-spacing:.28em;color:var(--gold);margin-top:1px}.status{font-size:9px;color:#aeb2a8;text-transform:uppercase;letter-spacing:.12em}.status i{display:inline-block;width:6px;height:6px;background:#7db269;border-radius:50%;box-shadow:0 0 9px #7db269;margin-right:7px}main{width:min(1180px,calc(100% - 40px));margin:auto;padding:70px 0 64px}.intro{text-align:center;max-width:680px;margin:0 auto 46px}.kicker{font-size:9px;font-weight:700;letter-spacing:.3em;color:var(--gold);margin:0 0 13px}.intro h1{font:600 clamp(44px,6vw,72px)/.91 'Cormorant Garamond';margin:0;letter-spacing:-.025em}.intro h1 em{font-weight:500;color:#9cb193}.lead{max-width:550px;margin:22px auto 0;color:var(--muted);font:500 16px/1.55 'Cormorant Garamond'}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{display:block;color:inherit;text-decoration:none;background:linear-gradient(145deg,#17221a,#101813);border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.game-card:hover{transform:translateY(-6px);border-color:#d2a95566;box-shadow:0 25px 70px #0008}.art{height:280px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,#111a14)}.farm-art{background:linear-gradient(#7eb4c7 0 48%,#78a764 49%,#385d3f 100%)}.sun{position:absolute;width:72px;height:72px;border-radius:50%;background:#f4d882;right:14%;top:15%;box-shadow:0 0 55px #f7d574aa}.hill{position:absolute;border-radius:50% 50% 0 0;background:#5f8d58}.hill.h1{width:440px;height:130px;left:-80px;top:125px;transform:rotate(5deg)}.hill.h2{width:470px;height:150px;right:-170px;top:120px;background:#49794d;transform:rotate(-6deg)}.barn{position:absolute;z-index:2;width:120px;height:82px;background:#b95f45;left:42%;bottom:30px;transform:translateX(-50%);box-shadow:12px 12px 0 #2b4b31aa}.barn:before{content:"";position:absolute;left:-13px;top:-43px;border-left:73px solid transparent;border-right:73px solid transparent;border-bottom:50px solid #7a3d31}.barn i{position:absolute;width:35px;height:48px;background:#5e342a;left:42px;bottom:0;border:4px solid #e5c88d}.silo{position:absolute;z-index:2;width:48px;height:106px;background:#b8b69a;left:57%;bottom:29px;border-radius:24px 24px 3px 3px;box-shadow:inset -12px 0 #777e6e55}.field-lines{position:absolute;left:-5%;right:-5%;bottom:-20px;height:95px;background:repeating-linear-gradient(165deg,transparent 0 18px,#d8bc5c55 19px 24px)}.cloud{position:absolute;width:72px;height:20px;background:#fff9;border-radius:25px;filter:blur(1px)}.cloud:after,.cloud:before{content:"";position:absolute;border-radius:50%;background:#fffa}.cloud:before{width:28px;height:28px;left:13px;bottom:2px}.cloud:after{width:38px;height:38px;right:8px;bottom:0}.c1{left:9%;top:17%}.c2{right:32%;top:28%;transform:scale(.7)}.kingdom-art{background:linear-gradient(#253c43,#2a4140 48%,#21342b 49%,#101a14)}.moon{position:absolute;width:62px;height:62px;border-radius:50%;background:#d9cf9f;left:14%;top:14%;box-shadow:0 0 45px #d9cf9f66}.mount{position:absolute;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:170px solid #304b46;bottom:55px}.m1{left:-25px}.m2{right:-80px;border-bottom-color:#263d38;transform:scale(.85)}.castle{position:absolute;z-index:2;left:50%;bottom:33px;transform:translateX(-50%);width:135px;height:90px;background:#676a5d;box-shadow:13px 12px 0 #0d1711aa}.castle:before,.castle:after{content:"";position:absolute;width:36px;height:120px;bottom:0;background:#767667}.castle:before{left:-21px}.castle:after{right:-21px}.castle i,.castle b{position:absolute;bottom:120px;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:42px solid #35483e}.castle i{left:-27px}.castle b{right:-27px}.castle span{position:absolute;width:27px;height:44px;background:#222821;left:54px;bottom:0;border-radius:15px 15px 0 0}.village{position:absolute;z-index:2;inset:auto 8% 25px 8%}.village i{position:absolute;width:35px;height:27px;background:#655441;bottom:0}.village i:after{content:"";position:absolute;left:-5px;top:-18px;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:21px solid #493d32}.village i:nth-child(1){left:2%}.village i:nth-child(2){left:17%;transform:scale(.7)}.village i:nth-child(3){right:5%}.village i:nth-child(4){right:20%;transform:scale(.75)}.mist{position:absolute;left:-10%;right:-10%;bottom:15px;height:65px;background:#b6cab52e;filter:blur(15px)}.card-body{padding:23px 25px 25px}.meta{display:flex;justify-content:space-between;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.17em}.meta b{color:#6f776e;font-size:7px}.card-body h2{font:600 31px 'Cormorant Garamond';margin:9px 0 6px}.card-body p{font-size:11px;line-height:1.55;color:#999f95;min-height:35px;margin:0 0 15px}.features{display:flex;gap:7px}.features span{border:1px solid var(--line);padding:6px 8px;color:#8e958b;font-size:8px}.play{margin-top:22px;border-top:1px solid var(--line);padding-top:17px;font:600 14px 'Cormorant Garamond';color:#d7d4c8}.play strong{float:right;font:400 22px Inter;color:var(--gold);transition:transform .2s}.game-card:hover .play strong{transform:translateX(4px)}footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#626a62;font-size:8px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:760px){header{height:65px;padding:0 17px}.status{font-size:0}.status:after{content:"2 SPIELE";font-size:8px}main{width:calc(100% - 24px);padding:45px 0}.intro{margin-bottom:30px}.intro h1{font-size:45px}.lead{font-size:14px}.games{grid-template-columns:1fr;gap:15px}.art{height:210px}.card-body{padding:19px}.card-body h2{font-size:27px}.card-body p{min-height:0}.game-card:hover{transform:none}footer{width:calc(100% - 24px);padding-bottom:25px}.farm .art{order:0}}

/* Prototype 03 · Insel Aurelien */
.games{grid-template-columns:repeat(3,minmax(0,1fr))}
.aurelien-art{background:linear-gradient(180deg,#799fb0 0,#477681 48%,#174a50 100%)}
.aurelien-sea{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 78%,#afd5ce33 0 24%,transparent 25%),repeating-linear-gradient(168deg,transparent 0 19px,#d9f0e51a 20px 21px);opacity:.8}
.aurelien-island{position:absolute;z-index:2;width:88%;height:54%;left:50%;bottom:7%;transform:translateX(-50%) rotate(-3deg);border-radius:48% 52% 45% 55%;background:radial-gradient(ellipse at 47% 42%,#9cae63 0 35%,#6f8f4f 57%,#c9b579 60% 67%,#71958a 68%);box-shadow:0 18px 30px #071b1d99,inset 0 7px 18px #d8e39955}
.aurelien-house{position:absolute;z-index:4;width:62px;height:48px;background:#e0c99e;border:2px solid #5c4a35;box-shadow:10px 12px 15px #10281d88}.aurelien-house:before{content:"";position:absolute;left:-8px;top:-31px;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:34px solid #874a34}.aurelien-house i{position:absolute;width:16px;height:25px;background:#70513a;left:22px;bottom:0;border:2px solid #b28e5e}.ah1{left:38%;bottom:28%;transform:rotate(-4deg)}.ah2{left:57%;bottom:36%;transform:scale(.76) rotate(5deg)}
.aurelien-trees{position:absolute;z-index:3;left:18%;right:17%;bottom:31%;height:82px}.aurelien-trees i{position:absolute;bottom:0;width:31px;height:65px;background:linear-gradient(90deg,#244d36,#4c7443 56%,#315b39);clip-path:polygon(50% 0,82% 42%,65% 42%,94% 78%,60% 78%,60% 100%,40% 100%,40% 78%,6% 78%,35% 42%,18% 42%);filter:drop-shadow(6px 8px 4px #13281e88)}.aurelien-trees i:nth-child(1){left:0;transform:scale(.8)}.aurelien-trees i:nth-child(2){left:16%}.aurelien-trees i:nth-child(3){right:18%;transform:scale(.72)}.aurelien-trees i:nth-child(4){right:3%;transform:scale(.92)}.aurelien-trees i:nth-child(5){left:29%;transform:scale(.58)}
.aurelien-glow{position:absolute;z-index:5;inset:0;background:radial-gradient(circle at 58% 39%,#ffe2a129 0 7%,transparent 22%);pointer-events:none}
@media(max-width:1000px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}.aurelien{grid-column:1/-1;width:min(100%,579px);justify-self:center}}
@media(max-width:760px){.status:after{content:"3 SPIELE"}.games{grid-template-columns:1fr}.aurelien{grid-column:auto;width:100%}}