:root{
  --bg:#030711;
  --panel:#07121e;
  --panel-deep:#040b15;
  --line:#1c3651;
  --cyan:#48dcff;
  --violet:#8b68ff;
  --violet-soft:#aa8cff;
  --silver:#c7d5e2;
  --text:#f0f7ff;
  --muted:#91a7b8;
}
::selection{background:#7554d9;color:#fff}
body{
  background:
    radial-gradient(circle at 82% 8%,#502e8c1a,transparent 28rem),
    radial-gradient(circle at 12% 32%,#087da31a,transparent 34rem),
    var(--bg);
}
.site-header{
  background:linear-gradient(90deg,#030711f5,#07101af0 55%,#08091af2);
  border-bottom-color:#55dfff24;
  box-shadow:0 12px 45px #0008;
}
.site-header:after{
  content:"";
  position:absolute;
  inset:auto 0 -1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);
  opacity:.55;
}
.header-brand b,.footer-brand b{color:#f1a347}
.header-brand .brand-logo{border-color:#7b5129;box-shadow:0 0 24px #f18d2930}
.hero-original:before{
  background:
    radial-gradient(circle at 50% 40%,#794eda22,transparent 27%),
    radial-gradient(circle at 68% 46%,transparent 0 18%,#02070b82 70%);
}
.hero-game-brand img{filter:drop-shadow(0 0 18px #3acff04d) drop-shadow(0 0 38px #754ce02d)}
.hero-tagline,.section-title,.content-wrap h1,.faction-hero h1{
  font-family:Oxanium,'Arial Narrow',Arial,sans-serif;
}
.hero-tagline{letter-spacing:.035em}
.eyebrow{color:var(--cyan);text-shadow:0 0 16px #36c9f355}
.section-title em,.hero-tagline em{
  color:var(--cyan);
  background:linear-gradient(90deg,var(--cyan),var(--violet-soft));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.btn{
  position:relative;
  overflow:hidden;
  background:linear-gradient(105deg,var(--cyan),#73c8ff 50%,var(--violet));
  color:#020711;
  border:1px solid #9becff;
  box-shadow:0 8px 28px #25bde326,0 0 0 1px #8d6cff18 inset;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 34px #25bde33d,0 0 22px #805ee133}
.btn.secondary{background:#07111dcf;border-color:#5c7190;color:var(--text);box-shadow:none}
.btn.secondary:hover{border-color:var(--violet-soft);box-shadow:0 0 24px #7c59d72b}
.section,.faq-section,.guestbook-section,.factions-section,.trailer-section{position:relative}
.section:before,.faq-section:before,.guestbook-section:before,.factions-section:before,.trailer-section:before{
  content:"";
  position:absolute;
  inset:0 8% auto;
  height:1px;
  background:linear-gradient(90deg,transparent,#2e759044,#7051a944,transparent);
  pointer-events:none;
}
.section.alt{background:linear-gradient(135deg,#07121d,#080b1a 55%,#0b0920)}
.cards,.systems-grid{background:linear-gradient(135deg,#1d3a50,#4c3869);border-color:#28445d}
.card,.system,.role-grid article,.universe-grid>div{
  background:linear-gradient(145deg,#081521,#060d18 62%,#0b0a20);
  border-color:#223b55;
}
.card,.system,.role-grid article,.task-group,.faq-item,.guest-entry{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover,.system:hover,.role-grid article:hover,.task-group:hover,.faq-item:hover,.guest-entry:hover{
  transform:translateY(-2px);
  border-color:#6171a5;
  box-shadow:0 18px 42px #0007,0 0 24px #6f50c51b;
}
.card-meta,.system-icon,.role-grid span,.resource-tags span{color:var(--cyan)}
.project-status{border-image:linear-gradient(var(--cyan),var(--violet)) 1}
.project-status i b,.client-status i b,.overall-progress i b,.task-group-progress>i>b{
  background:linear-gradient(90deg,var(--cyan),var(--violet));
  box-shadow:0 0 15px #666ff080;
}
.status,.client-status,.overall-progress,.task-group,.faq-item,.guestbook-form,.guest-entry{
  border-color:#24435e;
  background:linear-gradient(135deg,#07131e,#070c18 65%,#0b0a1c);
}
.task-group-icon,.task-toggle-all,.ht-read-more{border-color:#46617d;color:var(--cyan)}
.task-group-toggle:hover,.faq-question:hover{background:linear-gradient(90deg,#0a1b27,#100f29)}
.faq-state{min-width:108px;text-align:center;border-radius:2px}
.faq-item.answered .faq-state{color:#57e6a1;border-color:#287a5a;background:#092118}
.faq-item.unanswered .faq-state{color:#ffb45f;border-color:#7b5123;background:#21160a}
.trailer-player-wrap,.concept-frame,.roadmap-visual{
  border-color:#334c68;
  box-shadow:0 30px 85px #000a,0 0 30px #6245b71a;
}
.nav-projects .nav-category-trigger{
  color:var(--cyan);
  text-shadow:0 0 15px #2dcff655;
}
.nav-projects .nav-dropdown:before{background:linear-gradient(90deg,var(--cyan),var(--violet))}
.nav-studio .nav-category-trigger{color:#f1a347}
.site-footer{background:#030812;border-top-color:#233d57}
.ksr-player{border-color:#3c5576!important;box-shadow:0 20px 55px #0008,0 0 30px #704fd21f}
@media(max-width:600px){
  .hero{background-position:62% center}
  .hero-game-brand{filter:none}
  .faq-state{min-width:auto}
}
@media(prefers-reduced-motion:reduce){
  .btn,.card,.system,.role-grid article,.task-group,.faq-item,.guest-entry{transition:none}
  .btn:hover,.card:hover,.system:hover,.role-grid article:hover,.task-group:hover,.faq-item:hover,.guest-entry:hover{transform:none}
}

/* 2.7.1 – Startseitenaufbau nach dem freigegebenen Entwurf */
.site-header{height:72px;padding-inline:clamp(20px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr}
.header-brand{min-width:230px;gap:0}
.header-brand .brand-logo{display:none}
.header-wordmark{display:flex;flex-direction:column;align-items:center;line-height:1}
.header-wordmark strong{font:700 22px Oxanium,Arial,sans-serif;letter-spacing:1.4px;background:linear-gradient(#ffe1c0,#b65d25);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.header-wordmark b{margin-top:4px;color:#ef7927;font:700 8px Oxanium,Arial,sans-serif;letter-spacing:5px}
.site-header .site-nav{margin:0;justify-self:center}
.header-development-state{display:inline-flex;align-items:center;justify-self:end;gap:9px;margin-left:24px;padding:11px 19px;border:1px solid #8f4b20;background:linear-gradient(100deg,#1d0d08,#130a0b);color:#ff8d32;font:700 10px Oxanium,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.header-development-state i{width:8px;height:8px;border-radius:50%;background:#ff791f;box-shadow:0 0 13px #ff791f}
.header-actions{display:flex;align-items:center;justify-self:end;gap:12px;min-width:0}
.header-support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid #c85e20;background:linear-gradient(105deg,#3a1408,#1a0b08);box-shadow:0 0 20px #ff76222b;color:#ff9a4f;text-decoration:none;text-transform:uppercase;white-space:nowrap;font:700 10px Oxanium,Arial,sans-serif;letter-spacing:1px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.header-support-button span{color:#ff7522;font-size:13px;line-height:1}
.header-support-button:hover,.header-support-button:focus-visible{color:#fff;border-color:#ff8c3a;box-shadow:0 0 28px #ff762252;transform:translateY(-1px)}
.hero.hero-original{min-height:540px;padding:92px 24px 82px;justify-content:center;text-align:center;background:linear-gradient(180deg,#02050ab8 0%,#02050a42 48%,#030711 100%),radial-gradient(circle at 50% 43%,#26328f22,transparent 36%),var(--hero) center 42%/cover no-repeat}
.hero.hero-original:after{background-size:96px 96px;opacity:.35}
.hero-original .hero-inner{width:min(1040px,100%);max-width:none;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero-original .eyebrow,.hero-original .hero-tagline,.hero-original .hero-copy{display:none}
.hero-original .hero-game-brand{width:min(830px,74vw);margin:-6px auto -25px}
.hero-original .hero-game-brand img{filter:drop-shadow(0 0 18px #3acff04d) drop-shadow(0 0 48px #754ce03d)}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:5px}
.hero-actions .btn{min-width:250px;justify-content:center;margin-right:0}
.hero-status-deck{position:absolute;z-index:4;left:50%;bottom:0;transform:translate(-50%,50%);width:min(1080px,calc(100% - 48px));display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px;background:#050d18ef;border:1px solid #284963;box-shadow:0 22px 55px #000b,0 0 25px #29599a26;backdrop-filter:blur(14px)}
.hero-status-deck>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 24px;text-align:left}
.hero-status-deck>div+div:before{content:"";position:absolute;inset:18px auto 18px 0;width:1px;background:#20394e}
.hero-status-deck small{color:#718ca1;font:600 9px Inter,Arial,sans-serif;letter-spacing:1.25px}
.hero-status-deck strong{color:#64dfff;font:700 12px Oxanium,Arial,sans-serif;letter-spacing:.75px}
.hero-status-deck strong i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#54dfff;box-shadow:0 0 10px #54dfff}
.mission-control{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:78px clamp(24px,5vw,86px) 13px;background:linear-gradient(180deg,#030711,#050916)}
.mission-card{position:relative;min-height:185px;padding:24px 28px;overflow:hidden;text-decoration:none;background-color:#07111d;background-position:center;background-size:cover;border:1px solid #29445d;box-shadow:0 20px 45px #0007;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;isolation:isolate}
.mission-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07111df7 0%,#07111dda 58%,#07111d78 100%),radial-gradient(circle at 88% 40%,#3ccdf01a,transparent 34%)}
.mission-news{background-image:url('deepfield-gameplay.png')}
.mission-factions{background-image:url('deepfield-board.png')}
.mission-universe{background-image:url('deepfield-vision.png')}
.mission-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.mission-card:hover{transform:translateY(-5px);border-color:#5680a5;box-shadow:0 26px 55px #0009,0 0 28px #3ccdf01a}
.mission-card>span{color:var(--cyan);font:700 10px Oxanium,Arial,sans-serif;letter-spacing:1.5px}
.mission-card h2{max-width:410px;margin:21px 0 9px;color:#eef7ff;font:600 clamp(18px,1.6vw,25px) Oxanium,Arial,sans-serif;text-transform:none}
.mission-card p{max-width:420px;margin:0 0 19px;color:#a9bac8;font-size:12px;line-height:1.6}
.mission-card b{color:var(--cyan);font:700 10px Oxanium,Arial,sans-serif;letter-spacing:1px}
.mission-factions:before{background:linear-gradient(90deg,var(--violet),transparent)}
.mission-factions>span,.mission-factions b{color:var(--violet-soft)}
.mission-factions:after{background:linear-gradient(90deg,#090d19f7,#090d19d5 58%,#160f2870),radial-gradient(circle at 88% 40%,#855fff20,transparent 35%)}
.mission-universe:after{background:linear-gradient(90deg,#07111df7,#07111dd5 58%,#07111d65),radial-gradient(circle at 88% 40%,#167ead25,transparent 35%)}
.faction-preview-grid+.section{padding-top:90px}
.faction-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 clamp(24px,5vw,86px) 42px;background:#050916}
.faction-preview{position:relative;display:flex;align-items:flex-end;min-height:190px;padding:25px;overflow:hidden;text-decoration:none;background:linear-gradient(0deg,#070b12f7 0%,#070b1266 78%),var(--preview-image) center/cover;border:1px solid #4d5665;isolation:isolate}
.faction-preview:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--faction-glow),transparent 45%);opacity:.28}
.faction-preview:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--faction-color),transparent)}
.faction-preview-emblem{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;margin-right:18px;border:1px solid var(--faction-color);border-radius:50%;color:var(--faction-color);font-size:23px;box-shadow:0 0 24px var(--faction-glow)}
.faction-preview-copy{display:flex;flex-direction:column;min-width:0}
.faction-preview-copy small{color:#9fb0bd;font:600 8px Inter,Arial,sans-serif;letter-spacing:1.4px}
.faction-preview-copy strong{margin:5px 0 17px;color:var(--faction-color);font:600 clamp(17px,1.6vw,25px) Oxanium,Arial,sans-serif;text-transform:uppercase}
.faction-preview-copy b{color:#d7e4ee;font:600 9px Inter,Arial,sans-serif;letter-spacing:.8px}
.faction-preview.khar-voss{--faction-color:#ff8b31;--faction-glow:#d54b16}
.faction-preview.thalassyn{--faction-color:#39e2d1;--faction-glow:#0a9189}
.faction-preview.meridian{--faction-color:#d8c9ff;--faction-glow:#7953dc}
.faction-preview:hover{border-color:var(--faction-color);transform:translateY(-2px)}
@media(max-width:1180px){.site-header{display:flex}.site-header .site-nav{margin-left:auto}.header-actions{margin-left:12px}.header-development-state{display:none}}
@media(max-width:900px){.hero.hero-original{min-height:620px;padding-top:105px}.hero-original .hero-game-brand{width:min(900px,96vw)}.hero-status-deck{grid-template-columns:repeat(2,1fr)}.hero-status-deck>div:nth-child(3):before{display:none}.mission-control,.faction-preview-grid{grid-template-columns:1fr}.mission-control{padding-top:125px}.mission-card{min-height:190px}.faction-preview{min-height:180px}}
@media(max-width:600px){.hero.hero-original{min-height:590px;align-items:center;padding:105px 17px 145px;background-position:58% center}.hero-original .hero-game-brand{width:110%;margin:-2px auto -8px}.hero-actions{width:100%;gap:8px}.hero-actions .btn{width:100%;min-width:0;margin-top:8px;padding:13px 16px}.hero-status-deck{width:calc(100% - 24px);grid-template-columns:1fr 1fr;padding:5px}.hero-status-deck>div{padding:12px}.hero-status-deck>div+div:before{inset:10px auto}.hero-status-deck>div:nth-child(3):before{display:none}.hero-status-deck small{font-size:7px}.hero-status-deck strong{font-size:9px}.mission-control{padding:110px 14px 12px}.faction-preview-grid{padding:0 14px 28px}.mission-card{min-height:180px;padding:24px}.mission-card h2{margin-top:18px}}

/* 2.8.0 – pixelgetreue Startseite aus der freigegebenen 1672×941-Vorlage */
.exact-homepage{position:relative;width:100%;aspect-ratio:1672/941;margin:0;background:#02050a;overflow:visible;isolation:isolate}
.exact-homepage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.home .site-header,.home .hero-original,.home .mission-control,.home .faction-preview-grid{display:none!important}
.exact-hotspot,.exact-home-menu{position:absolute;z-index:6}
.exact-hotspot{display:block;background:transparent;border:0}
.exact-project-cta{left:29.78%;top:48.88%;width:18.42%;height:5.42%}
.exact-progress-cta{left:52.43%;top:48.88%;width:18.36%;height:5.42%}
.exact-news-card{left:4.96%;top:63.55%;width:29.98%;height:19.66%}
.exact-factions-card{left:36.00%;top:63.55%;width:28.11%;height:19.66%}
.exact-universe-card{left:65.01%;top:63.55%;width:29.72%;height:19.66%}
.exact-faction-card{top:84.80%;height:15.20%}
.exact-faction-1{left:4.84%;width:29.55%}.exact-faction-2{left:35.15%;width:29.07%}.exact-faction-3{left:65.13%;width:30.14%}
.exact-home-menu{top:1.28%;height:5.3%}
.exact-project-menu{left:40.72%;width:9.72%}
.exact-studio-menu{left:52.93%;width:7.53%}
.exact-home-menu>button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.exact-support-button{position:absolute;z-index:8;left:70.7%;top:1.28%;width:11.6%;height:5.3%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c85e20;background:linear-gradient(105deg,#351206ed,#160a08ed);box-shadow:0 0 20px #ff76223d;color:#ff9a4f;text-decoration:none;text-transform:uppercase;white-space:nowrap;font:700 clamp(7px,.67vw,11px) Oxanium,Arial,sans-serif;letter-spacing:.7px;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);transition:color .2s ease,box-shadow .2s ease,background .2s ease}
.exact-support-button span{color:#ff7522;font-size:1.25em}
.exact-support-button:hover,.exact-support-button:focus-visible{color:#fff;background:linear-gradient(105deg,#5a2009f2,#24100bf2);box-shadow:0 0 27px #ff762272;outline:none}
.exact-home-dropdown{position:absolute;top:100%;left:50%;width:350px;padding:9px;opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:opacity .17s ease,transform .17s ease,visibility .17s;background:#06101af5;border:1px solid #29475f;border-top:2px solid #43d9ff;box-shadow:0 22px 60px #000d;backdrop-filter:blur(15px)}
.exact-studio-menu .exact-home-dropdown{border-top-color:#f2832d}
.exact-home-menu:hover .exact-home-dropdown,.exact-home-menu.open .exact-home-dropdown,.exact-home-menu:focus-within .exact-home-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.exact-home-dropdown a{display:block;padding:12px 14px;border-bottom:1px solid #173047;color:#edf7ff;text-decoration:none}
.exact-home-dropdown a:last-child{border-bottom:0}
.exact-home-dropdown a:hover{background:#0c1c2a}
.exact-home-dropdown b{display:block;font:600 12px Oxanium,Arial,sans-serif;text-transform:uppercase}
.exact-home-dropdown small{display:block;margin-top:4px;color:#839bae;font:400 10px Inter,Arial,sans-serif}
.exact-hotspot:focus-visible,.exact-home-menu>button:focus-visible{outline:2px solid #4bdcff;outline-offset:-3px}
.exact-editable-status{position:absolute;z-index:8;left:17.82%;top:57.70%;width:64.41%;height:5.42%;display:grid;grid-template-columns:repeat(4,1fr);padding:0 .9%;background:#07111cfb;border:1px solid #28445b;box-shadow:0 7px 22px #0008;color:#31d9ff}
.exact-status-item{position:relative;display:flex;align-items:center;gap:7.5%;min-width:0;padding:0 10%}
.exact-status-item+.exact-status-item:before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:#203447}
.exact-status-item svg{flex:0 0 13%;width:13%;height:auto;fill:none;stroke:#24d8ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #24d8ff55)}
.exact-status-item span{display:flex;flex-direction:column;min-width:0;line-height:1.05;text-align:left}
.exact-status-item small{overflow:hidden;color:#9aa9b6;font:500 clamp(6px,.59vw,10px) Inter,Arial,sans-serif;white-space:nowrap}
.exact-status-item strong{margin-top:3%;overflow:hidden;color:#31d9ff;font:600 clamp(7px,.72vw,12px) Oxanium,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}
.exact-homepage+.hero-original+.mission-control+.faction-preview-grid+.section{padding-top:90px}
@media(max-width:900px){.exact-homepage{min-width:900px}body.home{overflow-x:auto}.exact-home-dropdown{width:300px}}
@media(max-width:760px){.header-support-button{padding:9px 11px;font-size:8px}}
@media(max-width:520px){.header-support-button{width:38px;height:38px;padding:0;font-size:0}.header-support-button span{font-size:16px}}