:root{
  --bg:#020907; --panel:rgba(5,26,21,.72); --panel2:rgba(8,47,39,.58); --line:rgba(87,255,205,.28);
  --text:#eafff8; --muted:#a6c9bd; --neon:#55ffd0; --lime:#b9ff5b; --cyan:#62d8ff; --danger:#ff5577;
  --shadow:0 0 36px rgba(85,255,208,.16), inset 0 0 30px rgba(85,255,208,.04);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 20%,#0b3028 0,#03100d 42%,#020504 100%);color:var(--text);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} code{color:var(--lime);background:rgba(185,255,91,.08);border:1px solid rgba(185,255,91,.18);border-radius:8px;padding:.12rem .35rem}
#starfield{position:fixed;inset:0;z-index:-4}.planet-glow{position:fixed;left:50%;bottom:-30vw;width:90vw;height:52vw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 0%,rgba(98,216,255,.22),rgba(85,255,208,.07) 40%,transparent 70%);filter:blur(2px);z-index:-3}.scanlines{position:fixed;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025),rgba(255,255,255,.025) 1px,transparent 2px,transparent 6px);mix-blend-mode:screen;opacity:.45}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem);background:linear-gradient(90deg,rgba(1,13,10,.94),rgba(4,32,26,.88));backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem}.brand strong{display:block;letter-spacing:.08em;text-transform:uppercase}.brand small{display:block;color:var(--muted)}.brand-orb{width:38px;height:38px;border:1px solid var(--neon);border-radius:50%;background:radial-gradient(circle,var(--neon),rgba(85,255,208,.18) 40%,transparent 62%);box-shadow:0 0 28px rgba(85,255,208,.55)}.main-nav{display:flex;gap:.45rem;align-items:center}.main-nav a,.menu-toggle{border:1px solid rgba(85,255,208,.2);background:rgba(85,255,208,.06);color:var(--text);border-radius:999px;padding:.6rem .9rem}.main-nav a:hover,.btn:hover,.menu-toggle:hover{border-color:var(--neon);box-shadow:0 0 22px rgba(85,255,208,.18)}.menu-toggle{display:none;font-size:1.1rem}
.cockpit-shell{width:min(1380px,calc(100% - 28px));margin:0 auto;padding:2rem 0 4rem}.cockpit-window{position:relative;min-height:520px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(2,16,14,.82),rgba(7,44,37,.58)),radial-gradient(circle at 75% 30%,rgba(98,216,255,.18),transparent 35%);box-shadow:var(--shadow)}
.hud-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78;filter:saturate(1.12) contrast(1.06) brightness(.84);z-index:0}.cockpit-window:before{content:"";position:absolute;inset:20px;border:1px solid rgba(85,255,208,.18);border-radius:28px;clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);pointer-events:none}.hud-frame{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,10,8,.24),rgba(1,10,8,.12) 20%,rgba(1,10,8,.42) 100%),linear-gradient(75deg,transparent 0 22%,rgba(85,255,208,.09) 22% 22.5%,transparent 22.5% 70%,rgba(98,216,255,.08) 70% 70.5%,transparent 70.5%),radial-gradient(circle at 50% 100%,rgba(185,255,91,.16),transparent 32%)}.hero-copy{position:relative;z-index:2;width:min(650px,90%);padding:clamp(2rem,5vw,5rem)}
.hero-copy, .bridge-status{backdrop-filter:blur(1px)}.eyebrow{margin:0 0 .75rem;color:var(--lime);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:.1rem 0 1rem;font-size:clamp(2.5rem,7vw,6.5rem);line-height:.88;text-shadow:0 0 28px rgba(85,255,208,.24)}.lead{font-size:clamp(1rem,2vw,1.25rem);color:#d1fff2;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(85,255,208,.28);border-radius:999px;background:rgba(85,255,208,.08);padding:.78rem 1rem;color:var(--text);cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,rgba(85,255,208,.28),rgba(185,255,91,.16));border-color:var(--neon)}.btn.ghost{background:rgba(255,255,255,.03)}.btn.small{padding:.55rem .85rem;font-size:.9rem}.bridge-status{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);width:min(320px,calc(100% - 2rem));z-index:2;border:1px solid var(--line);border-radius:22px;background:rgba(1,12,10,.68);backdrop-filter:blur(12px);padding:1rem}.status-pill{display:inline-flex;border:1px solid rgba(185,255,91,.35);border-radius:999px;padding:.35rem .7rem;color:var(--lime);font-size:.78rem}.mini-grid{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-top:1rem}.mini-grid span{color:var(--muted)}.mini-grid strong{color:var(--neon)}
.section-head{margin:3.5rem 0 1rem}.section-head h2{margin:.1rem 0 .35rem;font-size:clamp(1.65rem,3vw,2.8rem)}.section-head p{margin:.2rem 0;color:var(--muted);line-height:1.6}.section-head.wide{max-width:920px}.priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.portal-card,.mission-card{position:relative;min-height:270px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.portal-card.feature{grid-column:span 2;min-height:340px}.portal-card img,.mission-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.25) contrast(1.05)}.portal-card:after,.mission-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,9,7,.92),rgba(1,9,7,.36),rgba(85,255,208,.05))}.portal-content,.mission-content{position:absolute;inset:auto 0 0 0;z-index:2;padding:1.15rem}.portal-content h3,.mission-content h3{margin:.2rem 0 .35rem;font-size:1.35rem}.portal-content p,.mission-content p{color:#d8fff5;line-height:1.45;margin:.35rem 0 .85rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.72rem;border:1px solid rgba(98,216,255,.24);color:#bdf0ff;border-radius:999px;padding:.25rem .5rem;background:rgba(98,216,255,.08)}
.myspace-layout{display:grid;grid-template-columns:1.05fr .8fr .8fr 1.1fr;gap:1rem;align-items:stretch}.myspace-layout .section-head{grid-column:1/-1}.glass-panel{border:1px solid var(--line);background:linear-gradient(135deg,rgba(4,24,20,.78),rgba(6,53,43,.42));box-shadow:var(--shadow);border-radius:24px;padding:1.1rem;backdrop-filter:blur(12px)}.pilot-card{display:flex;gap:1rem;align-items:center}.avatar-holo{position:relative;flex:0 0 112px;width:112px;height:112px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:rgba(85,255,208,.07)}.avatar-holo img{width:100%;height:100%;object-fit:cover}.avatar-ring{position:absolute;inset:9px;border:1px dashed rgba(185,255,91,.6);border-radius:20px;animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pilot-card h3,.metric-panel h3,.ship-panel h3,.signals-panel h3{margin:.1rem 0 .75rem}.pilot-card p{color:var(--muted);margin:.2rem 0}.metric-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(85,255,208,.13);padding:.7rem 0}.metric-row span,.ship-panel small{color:var(--muted)}.metric-row strong{color:var(--lime);font-size:1.15rem}.ship-name{color:var(--cyan);font-weight:800}.bar{height:12px;border:1px solid rgba(85,255,208,.22);border-radius:999px;background:rgba(0,0,0,.28);overflow:hidden;margin:.7rem 0 .25rem}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--neon),var(--lime));box-shadow:0 0 18px rgba(85,255,208,.5);transition:width .5s ease}.signal-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.signal-list li{border:1px solid rgba(85,255,208,.15);border-radius:14px;padding:.7rem;background:rgba(0,0,0,.17);color:#d8fff5}.signal-list small{display:block;color:var(--muted);margin-top:.25rem}
.gallery-shell{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.gallery-card{position:relative;min-height:440px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#02100d;box-shadow:var(--shadow)}.gallery-card img{width:100%;height:440px;object-fit:cover;opacity:.74}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,7,.88),rgba(1,8,7,.26),rgba(1,8,7,.85))}.gallery-info{position:absolute;z-index:2;left:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,3rem);width:min(520px,85%)}.gallery-info h3{font-size:clamp(1.8rem,4vw,3.4rem);margin:.1rem 0}.gallery-info p{color:#d9fff5;line-height:1.55}.gallery-btn{width:46px;height:74px;border-radius:16px;border:1px solid var(--line);background:rgba(85,255,208,.07);color:var(--neon);font-size:2rem;cursor:pointer}.gallery-btn:hover{background:rgba(85,255,208,.16)}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card-grid.compact .mission-card{min-height:235px}.dock-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.dock-tabs button{border:1px solid rgba(85,255,208,.23);background:rgba(85,255,208,.06);color:var(--text);border-radius:999px;padding:.65rem .9rem;cursor:pointer}.dock-tabs button.active{border-color:var(--lime);color:var(--lime);box-shadow:0 0 18px rgba(185,255,91,.14)}.api-map{margin-top:3.5rem}.api-grid{display:grid;grid-template-columns:minmax(170px,.35fr) 1fr;gap:.6rem 1rem}.api-grid code{display:block}.footer{display:flex;justify-content:space-between;gap:1rem;width:min(1380px,calc(100% - 28px));margin:0 auto 2rem;padding:1rem;color:var(--muted);border-top:1px solid rgba(85,255,208,.16)}
@media(max-width:1100px){.priority-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.myspace-layout{grid-template-columns:1fr 1fr}.portal-card.feature{grid-column:span 1}}@media(max-width:760px){.menu-toggle{display:inline-flex}.main-nav{position:absolute;left:1rem;right:1rem;top:72px;display:none;flex-direction:column;align-items:stretch;background:rgba(1,12,10,.96);border:1px solid var(--line);border-radius:18px;padding:.8rem}.main-nav.open{display:flex}.cockpit-shell{width:min(100% - 18px,1380px);padding-top:1rem}.cockpit-window{min-height:620px;border-radius:24px}.hero-copy{padding:2rem 1.2rem}.bridge-status{left:1rem;right:1rem;width:auto}.priority-grid,.card-grid,.myspace-layout{grid-template-columns:1fr}.portal-card.feature,.portal-card,.mission-card{min-height:260px}.gallery-shell{grid-template-columns:1fr}.gallery-btn{width:100%;height:46px}.gallery-card,.gallery-card img{min-height:360px;height:360px}.api-grid{grid-template-columns:1fr}.footer{flex-direction:column}.hero h1{font-size:3rem}}

/* SEO/hero refinements for v9 */
.hero{isolation:isolate}
.hero-copy:before{content:"";position:absolute;inset:clamp(1rem,2vw,1.5rem);left:clamp(.8rem,2vw,1rem);right:auto;width:min(560px,90vw);border-radius:28px;background:linear-gradient(135deg,rgba(1,12,10,.68),rgba(1,12,10,.24));filter:blur(0px);z-index:-1;border:1px solid rgba(85,255,208,.12)}
.gallery-card{background-image:linear-gradient(180deg,rgba(1,12,10,.05),rgba(1,12,10,.16))}

/* Session + Rangliste */
.leaderboard-zone{margin-top:3.5rem}
.leaderboard-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:1rem;align-items:stretch}
.rank-hero{position:relative;min-height:320px;border:1px solid rgba(85,255,208,.22);border-radius:24px;overflow:hidden;background:rgba(0,0,0,.22)}
.rank-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(1.25) contrast(1.08)}
.rank-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,9,7,.94),rgba(1,9,7,.32))}
.rank-hero>div{position:absolute;z-index:2;left:1.15rem;right:1.15rem;bottom:1.15rem}
.rank-hero h3{font-size:clamp(2.1rem,5vw,4.2rem);margin:.1rem 0;color:var(--lime);text-shadow:0 0 24px rgba(185,255,91,.22)}
.rank-hero p:last-child{color:#d8fff5;line-height:1.55}
.leaderboard-list{display:grid;gap:.55rem}
.leader-row{display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:center;border:1px solid rgba(85,255,208,.16);border-radius:16px;background:rgba(0,0,0,.18);padding:.75rem}
.leader-row.me{border-color:rgba(185,255,91,.58);box-shadow:0 0 22px rgba(185,255,91,.10)}
.leader-pos{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(85,255,208,.25);background:rgba(85,255,208,.07);font-weight:900;color:var(--neon)}
.leader-name strong{display:block;color:var(--text)}
.leader-name small{display:block;color:var(--muted);margin-top:.16rem}
.leader-score{font-weight:900;color:var(--lime);white-space:nowrap}
@media(max-width:900px){.leaderboard-layout{grid-template-columns:1fr}.leader-row{grid-template-columns:46px 1fr}.leader-score{grid-column:2}}


/* Login/Session UI */
.hidden{display:none!important}
.auth-toolbar{display:flex;align-items:center;gap:.5rem;border:1px solid rgba(85,255,208,.2);background:rgba(1,18,15,.72);border-radius:999px;padding:.35rem .45rem .35rem .7rem;white-space:nowrap}
.auth-dot{width:10px;height:10px;border-radius:50%;background:#ff5577;box-shadow:0 0 14px rgba(255,85,119,.65)}
.auth-dot.online{background:var(--lime);box-shadow:0 0 16px rgba(185,255,91,.72)}
.db-status-wrap{display:inline-flex;align-items:center;gap:.35rem;border-left:1px solid rgba(85,255,208,.18);padding-left:.55rem;margin-left:.1rem}
.db-label{font-size:.78rem;color:var(--muted);text-transform:lowercase}.db-dot{width:11px;height:11px;border-radius:50%;display:inline-block;background:#ff5577;box-shadow:0 0 14px rgba(255,85,119,.72)}.db-dot.online{background:var(--lime);box-shadow:0 0 16px rgba(185,255,91,.78)}#dbStatusText{font-size:.8rem;color:#ffd5de}#dbStatusText.online{color:var(--lime)}
.db-status-panel{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:1rem 0 0;padding:.8rem 1rem;border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.22)}.db-status-panel strong{color:var(--lime)}#dbStatusPanelText{color:#ffd5de}#dbStatusPanelText.online{color:var(--lime)}
.auth-status{font-size:.82rem;color:#d8fff5;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.auth-link{border:1px solid rgba(85,255,208,.24);background:rgba(85,255,208,.07);color:var(--text);border-radius:999px;padding:.45rem .7rem;cursor:pointer;font-weight:700;font-size:.82rem}
.auth-link:hover{border-color:var(--neon);box-shadow:0 0 18px rgba(85,255,208,.18)}
.login-zone{margin-top:3.5rem;position:relative;overflow:hidden}
.login-zone:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 18% 10%,rgba(85,255,208,.16),transparent 24%),radial-gradient(circle at 82% 15%,rgba(98,216,255,.12),transparent 28%);pointer-events:none}
.login-zone>*{position:relative;z-index:1}.login-head{margin-top:.2rem}
.login-layout{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:1rem;align-items:stretch}
.login-status-card,.auth-card{border:1px solid rgba(85,255,208,.18);background:rgba(0,0,0,.18);border-radius:22px;padding:1rem;box-shadow:inset 0 0 22px rgba(85,255,208,.035)}
.login-status-card{display:flex;gap:1rem;align-items:center}.login-avatar{width:108px;height:108px;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 28px rgba(85,255,208,.12)}
.login-avatar img{width:100%;height:100%;object-fit:cover}.login-status-card h3,.auth-card h3{margin:.1rem 0 .65rem}.login-status-card p{color:var(--muted);line-height:1.5;margin:.2rem 0 .8rem}.auth-action-row{display:flex;flex-wrap:wrap;gap:.5rem}
.auth-card form{display:grid;gap:.75rem}.auth-card label{display:grid;gap:.35rem;color:#d8fff5;font-size:.92rem}.auth-card input{width:100%;border:1px solid rgba(85,255,208,.25);border-radius:14px;background:rgba(1,10,8,.62);color:var(--text);padding:.78rem .85rem;outline:none}.auth-card input:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(85,255,208,.12)}
.auth-message{min-height:1.4rem;margin:.9rem 0 0;color:var(--lime)}.auth-message.error{color:#ff9aad}.auth-message.ok{color:var(--lime)}
@media(max-width:1180px){.auth-toolbar{order:5;width:100%;justify-content:space-between;flex-wrap:wrap}.topbar{flex-wrap:wrap}.login-layout{grid-template-columns:1fr 1fr}.login-status-card{grid-column:1/-1}}
@media(max-width:760px){.auth-toolbar{border-radius:16px}.auth-status{max-width:unset}.login-layout{grid-template-columns:1fr}.login-status-card{align-items:flex-start}.login-avatar{width:86px;height:86px}.auth-action-row .btn{width:100%}}

/* v14: stärkerer erster Eindruck + bessere Card-Interaktion */
:root{--amber:#ffc857;--shadow-strong:0 22px 80px rgba(0,0,0,.42),0 0 48px rgba(85,255,208,.2),inset 0 0 34px rgba(85,255,208,.055)}
.cockpit-window{min-height:560px;box-shadow:var(--shadow-strong)}
.cockpit-window:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 21% 32%,rgba(85,255,208,.24),transparent 30%),radial-gradient(circle at 78% 18%,rgba(255,200,87,.13),transparent 22%)}
.hud-cover{opacity:.82;filter:saturate(1.18) contrast(1.12) brightness(.78)}
.hero-copy{width:min(720px,92%)}
.hero h1{text-shadow:0 0 28px rgba(85,255,208,.28),0 12px 42px rgba(0,0,0,.48)}
.lead{max-width:58ch}
.btn{font-weight:800;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn.primary{box-shadow:0 0 26px rgba(85,255,208,.22)}
.hero-pulse-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.hero-pulse-row span{display:inline-flex;gap:.35rem;align-items:center;border:1px solid rgba(85,255,208,.2);border-radius:999px;background:rgba(0,0,0,.22);padding:.45rem .7rem;color:#d8fff5;font-size:.86rem}
.hero-pulse-row b{color:var(--amber)}
.portal-card,.mission-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.portal-card:hover,.mission-card:hover{transform:translateY(-4px);border-color:rgba(185,255,91,.48);box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 34px rgba(85,255,208,.16)}
.portal-card img,.mission-card img{transition:transform .35s ease,opacity .35s ease}
.portal-card:hover img,.mission-card:hover img{transform:scale(1.04);opacity:.76}
.status-pill{box-shadow:0 0 18px rgba(185,255,91,.12)}
.portal-card:before,.mission-card:before{content:attr(data-kind);position:absolute;top:.85rem;right:.85rem;z-index:3;border:1px solid rgba(234,255,248,.22);border-radius:999px;background:rgba(1,10,8,.58);backdrop-filter:blur(10px);color:#eafff8;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.32rem .55rem}
.portal-card[data-kind="Portal"]:before{border-color:rgba(98,216,255,.38);color:#bdf0ff}
.mission-card[data-kind="Mission"]:before{border-color:rgba(185,255,91,.42);color:var(--lime)}
.mission-card[data-kind="KI-Suche"]:before,.mission-card[data-kind="KI-Zentrale"]:before{border-color:rgba(85,255,208,.44);color:var(--neon)}
.mission-card[data-kind="Audio-Lab"]:before{border-color:rgba(255,200,87,.42);color:var(--amber)}
.mission-card[data-kind="Kreativ-App"]:before,.mission-card[data-kind="Lern-App"]:before{border-color:rgba(98,216,255,.38);color:#bdf0ff}
.portal-content,.mission-content{padding-top:2.2rem}
.portal-card.feature .portal-content{padding-right:1.3rem}
@media(max-width:760px){.cockpit-window{min-height:690px}.hero-pulse-row span{flex:1 1 calc(50% - .55rem);justify-content:center}.hero-actions .btn{width:100%}}

/* v15: Schnellstart, Empfehlungen und Programmsuche */
.launch-board{margin-top:1.2rem;padding:1.15rem}
.section-head.compact{margin:.2rem 0 1rem}
.launch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.launch-card{position:relative;min-height:235px;border:1px solid rgba(85,255,208,.18);border-radius:18px;overflow:hidden;background:rgba(0,0,0,.2)}
.launch-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(1.18) contrast(1.08)}
.launch-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,9,7,.94),rgba(1,9,7,.35),rgba(85,255,208,.05))}
.launch-card>div{position:absolute;inset:auto 0 0 0;z-index:2;padding:1rem}
.launch-card h3{margin:.15rem 0 .35rem;font-size:1.18rem}
.launch-card p:not(.eyebrow){color:#d8fff5;line-height:1.45;margin:.25rem 0 .8rem}
.recommend-zone{margin-top:1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.recommend-zone h2{margin:.05rem 0 .25rem;font-size:clamp(1.25rem,2vw,1.8rem)}
.recommend-zone p:last-child{margin:.2rem 0;color:#d8fff5;line-height:1.55}
.recommend-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.continue-zone{
  position:relative;
  overflow:hidden;
}
.continue-zone:before{
  content:"";
  position:absolute;
  inset:-30% -10%;
  background:radial-gradient(circle at 18% 10%,rgba(185,255,91,.12),transparent 28%),radial-gradient(circle at 84% 40%,rgba(98,216,255,.12),transparent 30%);
  pointer-events:none;
}
.continue-zone>*{
  position:relative;
  z-index:1;
}
.continue-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-self:end;
}
.continue-meta span{
  min-height:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(85,255,208,.18);
  border-radius:14px;
  background:rgba(0,0,0,.18);
  padding:.45rem .62rem;
  color:#d8fff5;
  line-height:1.1;
}
.continue-meta strong{
  color:var(--lime);
  font-size:.68rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dock-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:-.25rem 0 1rem}
.dock-search{display:grid;gap:.35rem;width:min(520px,100%);color:#d8fff5;font-weight:800}
.dock-search span{font-size:.82rem;color:var(--lime);letter-spacing:.12em;text-transform:uppercase}
.dock-search input{width:100%;border:1px solid rgba(85,255,208,.25);border-radius:16px;background:rgba(1,10,8,.62);color:var(--text);padding:.82rem .95rem;outline:none}
.dock-search input:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(85,255,208,.12)}
.dock-count{border:1px solid rgba(185,255,91,.25);border-radius:999px;background:rgba(185,255,91,.08);color:var(--lime);padding:.62rem .85rem;font-weight:900;white-space:nowrap}
.empty-state{grid-column:1/-1;border:1px dashed rgba(85,255,208,.28);border-radius:18px;background:rgba(0,0,0,.18);padding:1.2rem;color:#d8fff5}
.empty-state h3{margin:.1rem 0 .35rem}
.empty-state p{margin:0;color:var(--muted)}
.universe-hub{margin-top:3.5rem}
.hub-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:-.25rem 0 1rem}
.hub-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.hub-tabs button{border:1px solid rgba(85,255,208,.23);background:rgba(85,255,208,.06);color:var(--text);border-radius:999px;padding:.65rem .9rem;cursor:pointer}
.hub-tabs button.active{border-color:var(--lime);color:var(--lime);box-shadow:0 0 18px rgba(185,255,91,.14)}
.universe-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}
.universe-card{position:relative;min-height:255px;border:1px solid rgba(85,255,208,.18);border-radius:20px;overflow:hidden;background:rgba(0,0,0,.2);box-shadow:var(--shadow)}
.universe-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(1.18) contrast(1.08)}
.universe-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,9,7,.94),rgba(1,9,7,.35),rgba(85,255,208,.05))}
.universe-card:before{content:attr(data-kind);position:absolute;top:.75rem;right:.75rem;z-index:3;border:1px solid rgba(234,255,248,.22);border-radius:999px;background:rgba(1,10,8,.58);backdrop-filter:blur(10px);color:#eafff8;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .5rem}
.universe-content{position:absolute;inset:auto 0 0 0;z-index:2;padding:1rem}
.universe-content h3{margin:.15rem 0 .35rem;font-size:1.12rem}
.universe-content p:not(.eyebrow){color:#d8fff5;line-height:1.4;margin:.25rem 0 .75rem}
.universe-card .btn{margin-top:.65rem}
@media(max-width:1100px){.launch-grid{grid-template-columns:repeat(2,1fr)}.recommend-zone{grid-template-columns:1fr}.recommend-actions{justify-content:flex-start}}
@media(max-width:1100px){.universe-grid{grid-template-columns:repeat(3,1fr)}.hub-tools{align-items:stretch;flex-direction:column}}
@media(max-width:760px){.launch-grid{grid-template-columns:1fr}.dock-tools,.hub-tools{align-items:stretch;flex-direction:column}.dock-count{align-self:flex-start}.recommend-actions .btn{width:100%}.universe-grid{grid-template-columns:1fr}.universe-card{min-height:245px}.continue-meta{align-self:stretch}.continue-meta span{flex:1 1 calc(50% - .45rem)}}

/* v15.1: Commander-Admin ab Schiff-Level 10 */
.admin-zone{position:relative;margin-top:3.5rem;overflow:hidden;display:grid;grid-template-columns:190px 1fr;gap:1rem;align-items:center}
.admin-zone:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 18% 20%,rgba(255,200,87,.13),transparent 24%),radial-gradient(circle at 80% 18%,rgba(85,255,208,.12),transparent 28%);pointer-events:none}
.admin-zone>*{position:relative;z-index:1}
.admin-lock-visual{width:160px;height:160px;border-radius:28px;border:1px solid rgba(255,200,87,.28);display:grid;place-items:center;background:rgba(0,0,0,.2);box-shadow:inset 0 0 34px rgba(255,200,87,.08)}
.lock-ring{position:absolute;width:112px;height:112px;border-radius:50%;border:1px dashed rgba(255,200,87,.6);animation:spin 18s linear infinite}
.admin-lock-visual strong{color:var(--amber);font-size:1.45rem;text-shadow:0 0 18px rgba(255,200,87,.28)}
.admin-zone.unlocked .admin-lock-visual{border-color:rgba(185,255,91,.46);box-shadow:0 0 30px rgba(185,255,91,.12),inset 0 0 34px rgba(185,255,91,.08)}
.admin-zone.unlocked .admin-lock-visual strong{color:var(--lime)}
.admin-progress-wrap{grid-column:2}
.admin-progress-label{display:flex;justify-content:space-between;gap:1rem;color:#d8fff5;font-weight:800}
.admin-progress-label strong{color:var(--lime);white-space:nowrap}
.admin-progress{margin:.55rem 0 0}
.admin-zone.locked .admin-progress span{background:linear-gradient(90deg,var(--amber),var(--danger))}
.admin-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-top:.4rem}
.admin-tool{border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem;min-height:160px}
.admin-tool h3{margin:.15rem 0 .4rem}
.admin-tool p:not(.eyebrow){color:#d8fff5;line-height:1.45}
.admin-tool span{display:inline-flex;margin-top:.35rem;border:1px solid rgba(185,255,91,.22);border-radius:999px;padding:.32rem .55rem;color:var(--lime);font-size:.76rem;font-weight:900}
.admin-tool.disabled{opacity:.64;filter:saturate(.78)}
.admin-tool.disabled span{border-color:rgba(255,200,87,.24);color:var(--amber)}
.admin-tool .btn{margin-top:.55rem}
.admin-diagnostics{grid-column:1/-1;border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem;margin-top:.35rem}
.diagnostic-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid rgba(85,255,208,.12);padding-bottom:.85rem;margin-bottom:.85rem}
.diagnostic-head h3{margin:.1rem 0 0}
.diagnostic-summary{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;color:#d8fff5}
.diagnostic-summary strong,.diagnostic-summary span{border:1px solid rgba(85,255,208,.18);border-radius:999px;padding:.35rem .6rem;background:rgba(0,0,0,.18)}
.diagnostic-summary strong{color:var(--lime)}
.diagnostic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}
.diagnostic-group{display:grid;gap:.45rem}
.diagnostic-group h4{margin:.15rem 0 .25rem;color:var(--cyan)}
.diagnostic-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:.55rem;align-items:center;border:1px solid rgba(85,255,208,.14);border-radius:12px;padding:.58rem .65rem;background:rgba(0,0,0,.16);color:#eafff8;text-decoration:none}
.diagnostic-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diagnostic-row code{font-size:.78rem;color:var(--lime)}
.diagnostic-row small{grid-column:2/-1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diag-dot{width:10px;height:10px;border-radius:999px;background:var(--lime);box-shadow:0 0 12px rgba(185,255,91,.45)}
.diagnostic-row.bad{border-color:rgba(255,82,82,.28)}
.diagnostic-row.bad .diag-dot{background:var(--danger);box-shadow:0 0 12px rgba(255,82,82,.45)}
.diagnostic-row.bad code{color:var(--danger)}
@media(max-width:1100px){.admin-zone{grid-template-columns:1fr}.admin-lock-visual{width:120px;height:120px}.lock-ring{width:86px;height:86px}.admin-progress-wrap{grid-column:1}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-grid,.diagnostic-list{grid-template-columns:1fr}.admin-lock-visual{width:100%;height:112px}.admin-progress-label,.diagnostic-head{flex-direction:column;gap:.35rem}.diagnostic-summary{justify-content:flex-start}}

/* v15.6: Kampfkraft-Rangliste, Skill-Ranking und Crafting-Scan */
.crafting-zone{margin-top:3.5rem}
.crafting-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:1rem}
.crafting-layout h3{margin:.1rem 0 .75rem}
.item-list{display:grid;gap:.55rem}
.item-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid rgba(85,255,208,.16);border-radius:14px;background:rgba(0,0,0,.18);padding:.75rem}
.item-row strong{color:#eafff8}.item-row span{color:var(--lime);font-weight:900}
.crafting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.craft-card{border:1px solid rgba(85,255,208,.17);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem;min-height:170px}
.craft-card.ready{border-color:rgba(185,255,91,.38);box-shadow:0 0 24px rgba(185,255,91,.08)}
.craft-card.locked{border-color:rgba(255,200,87,.24)}
.craft-card h3{margin:.15rem 0 .45rem}
.craft-card p:not(.eyebrow){color:#d8fff5;line-height:1.45}
.craft-card small{display:block;color:var(--muted);margin-top:.65rem;line-height:1.4}
.craft-card.ready small{color:var(--lime)}
.craft-card .craft-btn{margin-top:.8rem}
.craft-card .craft-btn:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}
.skill-leaderboard{margin-top:1.25rem}
.skill-leaderboard .section-head{margin:0 0 .75rem}
.skill-leaderboard h3{margin:.1rem 0;font-size:1.45rem}
@media(max-width:900px){.crafting-layout,.crafting-grid{grid-template-columns:1fr}}

/* v15.12: Expansion panels */
.ops-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:1rem;margin-top:1rem}.ops-grid .section-head{grid-column:1/-1}.ops-card{border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem}.ops-card h3{margin:.1rem 0 .45rem}.ops-card p:not(.eyebrow){color:#d8fff5;line-height:1.45}.daily-progress,.timeline-list,.goal-list,.news-list{display:grid;gap:.55rem}.daily-progress span,.timeline-list article,.goal-list article,.news-list article{border:1px solid rgba(85,255,208,.13);border-radius:12px;background:rgba(0,0,0,.16);padding:.62rem;color:#d8fff5}.timeline-list small,.goal-list small,.news-list small{display:block;color:var(--muted);margin-top:.18rem}.goal-bar{height:8px;border-radius:999px;background:rgba(0,0,0,.28);overflow:hidden;margin-top:.45rem}.goal-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--neon),var(--lime))}
.insight-score{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin:.25rem 0 .65rem}.insight-score span{border:1px solid rgba(185,255,91,.18);border-radius:12px;background:rgba(185,255,91,.06);padding:.5rem;color:#d8fff5}.insight-score strong{display:block;color:var(--lime);font-size:1.1rem}.insight-list{display:grid;gap:.5rem}.insight-list article{border:1px solid rgba(85,255,208,.13);border-radius:12px;background:rgba(0,0,0,.16);padding:.62rem;color:#d8fff5}.insight-list article.unlocked{border-color:rgba(185,255,91,.28)}.insight-list small{display:block;color:var(--muted);margin-top:.18rem}
.leader-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.2rem 0 1rem}.leader-tabs button{border:1px solid rgba(85,255,208,.22);border-radius:999px;background:rgba(0,0,0,.18);color:#d8fff5;padding:.55rem .8rem;font-weight:900;cursor:pointer}.leader-tabs button.active{border-color:rgba(185,255,91,.48);background:rgba(185,255,91,.12);color:var(--lime)}
.inventory-panel{margin-top:1rem;border-top:1px solid rgba(85,255,208,.14);padding-top:1rem}.inventory-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.inventory-head h3{margin:.1rem 0}.inventory-head span{border:1px solid rgba(185,255,91,.24);border-radius:999px;padding:.35rem .6rem;color:var(--lime);font-weight:900}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.75rem}.inventory-item{border:1px solid rgba(85,255,208,.15);border-radius:14px;background:rgba(0,0,0,.17);padding:.7rem;min-height:96px}.inventory-item strong{display:block;color:#eafff8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-item small{display:block;color:var(--muted);margin-top:.25rem}.inventory-item span{display:inline-flex;margin-top:.45rem;border:1px solid rgba(98,216,255,.2);border-radius:999px;padding:.24rem .46rem;color:#bdf0ff;font-size:.72rem;font-weight:900}
.admin-content-panel{grid-column:1/-1;border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem;margin-top:.35rem}.content-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.content-preview article{border:1px solid rgba(85,255,208,.14);border-radius:12px;background:rgba(0,0,0,.16);padding:.7rem}.content-preview h4{margin:.1rem 0 .25rem;color:#eafff8}.content-preview small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quest-board{margin-top:1rem}.quest-grid,.upgrade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.quest-card,.upgrade-card{border:1px solid rgba(85,255,208,.16);border-radius:16px;background:rgba(0,0,0,.17);padding:.9rem;min-height:168px}.quest-card h3,.upgrade-card h3{margin:.15rem 0 .4rem}.quest-card p:not(.eyebrow),.upgrade-card p:not(.eyebrow){color:#d8fff5;line-height:1.42}.upgrade-panel{margin-top:1rem;border-top:1px solid rgba(85,255,208,.14);padding-top:1rem}.upgrade-card strong{display:block;color:#eafff8;margin:.15rem 0}.upgrade-card small{display:block;color:var(--muted);margin:.2rem 0}.upgrade-card.ready{border-color:rgba(185,255,91,.32)}.upgrade-card.summary{border-color:rgba(98,216,255,.28)}
@media(max-width:1100px){.ops-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ops-grid,.inventory-grid,.content-preview{grid-template-columns:1fr}}
@media(max-width:1100px){.quest-grid,.upgrade-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.quest-grid,.upgrade-grid{grid-template-columns:1fr}}

/* v15.21: Mission Progress */
.mission-progress{margin-top:1rem}
.mission-progress-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:1rem;align-items:stretch}
.mission-next-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;border:1px solid rgba(185,255,91,.26);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem;align-items:center}
.mission-next-card img{width:150px;aspect-ratio:1;border-radius:18px;border:1px solid rgba(85,255,208,.18);object-fit:cover;background:rgba(85,255,208,.06)}
.mission-next-card h3{margin:.15rem 0 .45rem;color:#eafff8}
.mission-next-card p:not(.eyebrow){color:var(--muted);line-height:1.45;margin:.2rem 0 .8rem}
.mission-readiness{height:10px;border:1px solid rgba(85,255,208,.2);border-radius:999px;background:rgba(0,0,0,.28);overflow:hidden;margin:.45rem 0 .8rem}
.mission-readiness span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--neon),var(--lime));box-shadow:0 0 18px rgba(185,255,91,.25);transition:width .5s ease}
.mission-chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
.mission-chapter{display:block;border:1px solid rgba(85,255,208,.15);border-radius:14px;background:rgba(0,0,0,.17);padding:.78rem;color:inherit;text-decoration:none;min-height:126px}
.mission-chapter span{display:inline-flex;border:1px solid rgba(255,200,87,.24);border-radius:999px;padding:.22rem .45rem;color:var(--amber);font-size:.68rem;font-weight:900;margin-bottom:.42rem}
.mission-chapter strong{display:block;color:#eafff8;margin-bottom:.25rem}
.mission-chapter small{display:block;color:var(--muted);line-height:1.35}
.mission-chapter.completed{border-color:rgba(185,255,91,.34)}.mission-chapter.completed span{border-color:rgba(185,255,91,.28);color:var(--lime)}
.mission-chapter.ready{border-color:rgba(98,216,255,.28)}.mission-chapter.ready span{border-color:rgba(98,216,255,.28);color:#bdf0ff}
.mission-chapter.recommended{border-color:rgba(185,255,91,.24)}.mission-chapter.recommended span{border-color:rgba(185,255,91,.24);color:var(--lime)}
@media(max-width:1100px){.mission-progress-layout{grid-template-columns:1fr}.mission-chapter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mission-next-card,.mission-chapter-grid{grid-template-columns:1fr}.mission-next-card img{width:100%;max-width:220px}}

/* v15.20: Commander Profile */
.commander-profile{margin-top:1rem;display:grid;grid-template-columns:1.05fr 1fr;gap:1rem;align-items:stretch;overflow:hidden}
.commander-profile-main{display:grid;grid-template-columns:170px 1fr;gap:1rem;align-items:center}
.commander-portrait{position:relative;width:170px;aspect-ratio:1;border-radius:24px;overflow:hidden;border:1px solid rgba(185,255,91,.34);background:rgba(85,255,208,.07);box-shadow:inset 0 0 36px rgba(85,255,208,.09)}
.commander-portrait:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(185,255,91,.58);border-radius:18px;animation:spin 20s linear infinite;z-index:1;pointer-events:none}
.commander-portrait img{width:100%;height:100%;object-fit:cover}
.commander-identity h2{margin:.1rem 0 .25rem;font-size:clamp(2rem,4vw,3.4rem)}
.commander-identity p:not(.eyebrow){color:#d8fff5;margin:.2rem 0 .85rem;line-height:1.45}
.commander-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.8rem 0}
.commander-stat-row span{border:1px solid rgba(85,255,208,.16);border-radius:14px;background:rgba(0,0,0,.18);padding:.62rem;color:var(--muted)}
.commander-stat-row strong{display:block;color:var(--lime);font-size:1.05rem;margin-top:.16rem}
.commander-progress-label{display:flex;justify-content:space-between;gap:1rem;color:#d8fff5;font-weight:800;margin-top:.45rem}
.commander-progress-label strong{color:var(--lime);white-space:nowrap}
.commander-progress{height:10px;border:1px solid rgba(85,255,208,.2);border-radius:999px;background:rgba(0,0,0,.28);overflow:hidden;margin:.5rem 0 .8rem}
.commander-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--neon),var(--lime));box-shadow:0 0 18px rgba(185,255,91,.28);transition:width .5s ease}
.commander-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.commander-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
.commander-badge{border:1px solid rgba(85,255,208,.15);border-radius:14px;background:rgba(0,0,0,.17);padding:.75rem;min-height:112px}
.commander-badge span{display:inline-flex;border:1px solid rgba(255,200,87,.24);border-radius:999px;padding:.22rem .45rem;color:var(--amber);font-size:.68rem;font-weight:900;margin-bottom:.42rem}
.commander-badge.unlocked{border-color:rgba(185,255,91,.32);box-shadow:0 0 20px rgba(185,255,91,.06)}
.commander-badge.unlocked span{border-color:rgba(185,255,91,.28);color:var(--lime)}
.commander-badge strong{display:block;color:#eafff8;margin-bottom:.25rem}
.commander-badge small{display:block;color:var(--muted);line-height:1.35}
@media(max-width:1100px){.commander-profile{grid-template-columns:1fr}.commander-stat-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.commander-profile-main,.commander-badges{grid-template-columns:1fr}.commander-portrait{width:100%;max-width:220px}.commander-actions .btn{width:100%}}

/* v15.19: Avatar Studio */
.avatar-studio{margin-top:1rem}
.avatar-studio-layout{display:grid;grid-template-columns:.82fr 1.35fr;gap:1rem;align-items:stretch}
.avatar-current-panel{display:grid;grid-template-columns:132px 1fr;gap:1rem;align-items:center;border:1px solid rgba(85,255,208,.18);border-radius:18px;background:rgba(0,0,0,.18);padding:1rem}
.avatar-current-frame{position:relative;width:132px;aspect-ratio:1;border:1px solid rgba(185,255,91,.32);border-radius:20px;overflow:hidden;background:rgba(85,255,208,.07);box-shadow:inset 0 0 28px rgba(85,255,208,.08)}
.avatar-current-frame:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(185,255,91,.58);border-radius:15px;animation:spin 18s linear infinite;pointer-events:none}
.avatar-current-frame img{width:100%;height:100%;object-fit:cover}
.avatar-current-panel h3{margin:.1rem 0 .35rem;color:#eafff8}
.avatar-current-panel p:not(.eyebrow){color:var(--muted);line-height:1.45;margin:.2rem 0 .85rem}
.avatar-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.avatar-group-card{border:1px solid rgba(85,255,208,.16);border-radius:16px;background:rgba(0,0,0,.17);padding:.85rem;min-height:178px}
.avatar-group-card.theme-orange{border-color:rgba(255,200,87,.28)}.avatar-group-card.theme-magenta,.avatar-group-card.theme-violet{border-color:rgba(255,105,210,.26)}.avatar-group-card.theme-green{border-color:rgba(185,255,91,.26)}.avatar-group-card.theme-silver{border-color:rgba(220,235,255,.22)}
.avatar-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.avatar-group-head h3{margin:.08rem 0 .25rem;color:#eafff8}
.avatar-group-head span{flex:0 0 auto;border:1px solid rgba(185,255,91,.24);border-radius:999px;background:rgba(185,255,91,.08);color:var(--lime);font-weight:900;padding:.32rem .55rem}
.avatar-group-card p:not(.eyebrow){color:var(--muted);line-height:1.4;margin:.2rem 0 .7rem}
.avatar-sample-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem;min-height:58px}
.avatar-sample-strip img{width:100%;aspect-ratio:1;border-radius:12px;border:1px solid rgba(85,255,208,.15);object-fit:cover;background:rgba(85,255,208,.06)}
.avatar-sample-strip small{grid-column:1/-1;color:var(--muted)}
@media(max-width:1100px){.avatar-studio-layout{grid-template-columns:1fr}.avatar-group-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.avatar-current-panel,.avatar-group-grid{grid-template-columns:1fr}.avatar-current-frame{width:100%;max-width:220px}.avatar-sample-strip{grid-template-columns:repeat(4,minmax(48px,1fr))}}

/* v16.1: iframe-freundlicher Dashboard-Look mit klareren Bildern */
:root{
  --bg:#050914;
  --panel:rgba(8,16,34,.78);
  --panel2:rgba(14,26,54,.62);
  --line:rgba(126,181,255,.28);
  --text:#eef6ff;
  --muted:#a9bad6;
  --neon:#7cc7ff;
  --lime:#a9d7ff;
  --cyan:#8ddfff;
  --shadow:0 18px 58px rgba(0,0,0,.34),0 0 30px rgba(124,199,255,.12),inset 0 0 26px rgba(124,199,255,.035);
  --shadow-strong:0 24px 86px rgba(0,0,0,.44),0 0 46px rgba(124,199,255,.16),inset 0 0 34px rgba(124,199,255,.04);
}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(76,128,255,.18),transparent 28%),
    radial-gradient(circle at 82% 14%,rgba(141,223,255,.14),transparent 30%),
    linear-gradient(180deg,#070b18 0%,#050914 48%,#030611 100%);
}
.topbar{background:linear-gradient(90deg,rgba(5,9,20,.94),rgba(12,22,48,.9));}
.cockpit-window,.glass-panel,.launch-board{
  background:linear-gradient(135deg,rgba(8,16,34,.86),rgba(15,32,66,.58)),radial-gradient(circle at 75% 30%,rgba(124,199,255,.15),transparent 36%);
}
.hud-frame{
  background:
    linear-gradient(180deg,rgba(4,8,18,.22),rgba(4,8,18,.08) 22%,rgba(4,8,18,.46) 100%),
    linear-gradient(75deg,transparent 0 22%,rgba(124,199,255,.08) 22% 22.5%,transparent 22.5% 70%,rgba(141,223,255,.07) 70% 70.5%,transparent 70.5%),
    radial-gradient(circle at 50% 100%,rgba(124,199,255,.11),transparent 32%);
}
.cockpit-window:after,.login-zone:before,.admin-zone:before{background:radial-gradient(circle at 22% 26%,rgba(124,199,255,.14),transparent 30%),radial-gradient(circle at 78% 18%,rgba(141,223,255,.1),transparent 24%)}
.eyebrow,.dock-search span,.metric-row strong,.leader-score,.dock-count,.auth-message,.db-status-panel strong,.inventory-head span,.commander-stat-row strong{color:var(--lime)}
.brand-orb{border-color:var(--neon);background:radial-gradient(circle,var(--neon),rgba(124,199,255,.18) 40%,transparent 62%);box-shadow:0 0 26px rgba(124,199,255,.42)}
.btn,.main-nav a,.menu-toggle,.dock-tabs button,.hub-tabs button,.auth-link{
  border-color:rgba(126,181,255,.25);
  background:rgba(126,181,255,.07);
}
.btn.primary{background:linear-gradient(135deg,rgba(124,199,255,.24),rgba(141,223,255,.12));border-color:rgba(141,223,255,.46)}
.btn:hover,.main-nav a:hover,.menu-toggle:hover{border-color:rgba(141,223,255,.56);box-shadow:0 0 22px rgba(124,199,255,.16)}
.hub-tabs button.active,.dock-tabs button.active{
  border-color:rgba(169,215,255,.58);
  color:#d7ecff;
  background:rgba(126,181,255,.12);
  box-shadow:0 0 18px rgba(124,199,255,.12);
}
.tag{border-color:rgba(141,223,255,.26);color:#cdeeff;background:rgba(126,181,255,.08)}
.dock-count{border-color:rgba(126,181,255,.26);background:rgba(126,181,255,.08)}
.bar span,.goal-bar span,.mission-readiness span,.commander-progress span{background:linear-gradient(90deg,#7cc7ff,#c1e6ff)}
.universe-grid{grid-template-columns:repeat(4,1fr);gap:1rem}
.universe-card{
  display:grid;
  grid-template-rows:156px 1fr;
  min-height:356px;
  border-color:rgba(126,181,255,.22);
  background:linear-gradient(180deg,rgba(12,23,50,.9),rgba(7,13,29,.94));
  box-shadow:var(--shadow);
}
.universe-card img{
  position:relative;
  inset:auto;
  width:100%;
  height:156px;
  object-fit:cover;
  opacity:1;
  filter:saturate(1.05) contrast(1.04) brightness(.96);
}
.universe-card:after{
  inset:0 0 auto 0;
  height:156px;
  background:linear-gradient(to top,rgba(5,9,20,.18),rgba(5,9,20,0) 62%);
  pointer-events:none;
}
.universe-card:before{
  background:rgba(5,10,24,.72);
  border-color:rgba(205,238,255,.26);
  color:#d9efff;
}
.universe-content{
  position:relative;
  inset:auto;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:1rem;
  background:linear-gradient(180deg,rgba(11,21,45,.96),rgba(6,11,25,.98));
}
.universe-content h3{font-size:1.08rem}
.universe-content p:not(.eyebrow){color:#d8e8ff}
.universe-card .tag-row{margin-top:auto}
.universe-card .btn{align-self:flex-start}
@media(max-width:1180px){.universe-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.universe-grid{grid-template-columns:1fr}.universe-card{grid-template-rows:180px 1fr;min-height:0}.universe-card img,.universe-card:after{height:180px}}

/* v16.2: futuristisches Sternenfeld + bessere Hochformatbilder */
#starfield{
  opacity:.9;
  filter:saturate(1.12);
}
.planet-glow{
  background:radial-gradient(circle at 50% 0%,rgba(80,125,255,.18),rgba(124,199,255,.09) 38%,transparent 70%);
}
.scanlines{
  opacity:.28;
}
.universe-card img.portrait-img,
.launch-card img.portrait-img,
.portal-card img.portrait-img,
.mission-card img.portrait-img{
  object-fit:contain;
  object-position:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(124,199,255,.12),transparent 58%),
    linear-gradient(180deg,rgba(6,12,28,.92),rgba(4,8,20,.96));
  padding:.5rem;
}
.universe-card img.tall-img{
  padding:.35rem 1.2rem;
}
.portal-card img.portrait-img,
.mission-card img.portrait-img,
.launch-card img.portrait-img{
  opacity:.88;
}
.portal-card:has(img.portrait-img):after,
.mission-card:has(img.portrait-img):after,
.launch-card:has(img.portrait-img):after{
  background:linear-gradient(to top,rgba(5,9,20,.92),rgba(5,9,20,.2),rgba(124,199,255,.04));
}

/* v16.3: kompaktere Header-Reiter fuer iframe und Dashboard */
.topbar{
  min-height:72px;
  border-bottom-color:rgba(126,181,255,.22);
}
.dashboard-tabs{
  padding:.28rem;
  border:1px solid rgba(126,181,255,.16);
  border-radius:999px;
  background:rgba(4,9,22,.46);
  box-shadow:inset 0 0 20px rgba(124,199,255,.035);
}
.main-nav.dashboard-tabs a,
.main-nav.dashboard-tabs summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#cfe4ff;
  padding:.48rem .78rem;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.01em;
  cursor:pointer;
  white-space:nowrap;
}
.main-nav.dashboard-tabs a:hover,
.main-nav.dashboard-tabs summary:hover{
  background:rgba(126,181,255,.11);
  color:#f4f9ff;
  box-shadow:none;
}
.main-nav.dashboard-tabs .tab-link.primary{
  background:linear-gradient(135deg,rgba(124,199,255,.22),rgba(141,223,255,.09));
  color:#ffffff;
  box-shadow:0 0 18px rgba(124,199,255,.12);
}
.nav-more{
  position:relative;
}
.nav-more summary{
  list-style:none;
}
.nav-more summary::-webkit-details-marker{
  display:none;
}
.nav-more summary:after{
  content:"";
  width:.42rem;
  height:.42rem;
  margin-left:.45rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-.12rem) rotate(45deg);
  opacity:.7;
}
.nav-more[open] summary{
  background:rgba(126,181,255,.13);
  color:#ffffff;
}
.nav-more-menu{
  position:absolute;
  top:calc(100% + .55rem);
  right:0;
  z-index:40;
  display:grid;
  grid-template-columns:repeat(2,minmax(135px,1fr));
  gap:.35rem;
  min-width:330px;
  padding:.55rem;
  border:1px solid rgba(126,181,255,.22);
  border-radius:18px;
  background:rgba(5,10,24,.96);
  box-shadow:0 20px 60px rgba(0,0,0,.38),0 0 24px rgba(124,199,255,.1);
  backdrop-filter:blur(16px);
}
.main-nav.dashboard-tabs .nav-more-menu a{
  justify-content:flex-start;
  border-radius:12px;
  background:rgba(126,181,255,.055);
  padding:.62rem .72rem;
}
@media(max-width:1180px){
  .topbar{align-items:flex-start}
  .dashboard-tabs{border-radius:22px;flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:760px){
  .main-nav.dashboard-tabs{
    top:78px;
    border-radius:18px;
    padding:.65rem;
    background:rgba(5,10,24,.97);
  }
  .main-nav.dashboard-tabs a,
  .main-nav.dashboard-tabs summary{
    justify-content:flex-start;
    width:100%;
    min-height:42px;
    border-radius:12px;
    background:rgba(126,181,255,.06);
  }
  .nav-more{
    width:100%;
  }
  .nav-more-menu{
    position:static;
    grid-template-columns:1fr;
    min-width:0;
    margin-top:.45rem;
    box-shadow:none;
    background:rgba(255,255,255,.035);
  }
}

/* v16.4: Live-Orbit Overlay-Dashboard aus DB-Signalen */
.live-orbit{
  margin-top:1rem;
  overflow:hidden;
  position:relative;
}
.live-orbit:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(circle at 12% 20%,rgba(124,199,255,.12),transparent 28%),radial-gradient(circle at 84% 12%,rgba(141,223,255,.09),transparent 24%);
  pointer-events:none;
}
.live-orbit>*{
  position:relative;
  z-index:1;
}
.orbit-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.65rem;
  margin:.3rem 0 1rem;
}
.orbit-stat{
  border:1px solid rgba(126,181,255,.18);
  border-radius:16px;
  background:rgba(0,0,0,.17);
  padding:.8rem;
  min-height:96px;
}
.orbit-stat span,.orbit-module span,.orbit-feed-head strong{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.orbit-stat strong{
  display:block;
  margin:.25rem 0;
  color:#ffffff;
  font-size:1.45rem;
}
.orbit-stat small{
  color:#cdeeff;
}
.orbit-layout{
  display:grid;
  grid-template-columns:1.45fr .85fr;
  gap:1rem;
}
.orbit-module-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.7rem;
}
.orbit-module,.orbit-feed-item{
  display:block;
  border:1px solid rgba(126,181,255,.17);
  border-radius:16px;
  background:rgba(4,9,22,.42);
  color:inherit;
  text-decoration:none;
}
.orbit-module{
  min-height:152px;
  padding:.85rem;
}
.orbit-module:hover,.orbit-feed-item:hover{
  border-color:rgba(141,223,255,.42);
  background:rgba(126,181,255,.08);
}
.orbit-module strong{
  display:block;
  margin:.45rem 0 .35rem;
  color:#dff4ff;
  font-size:1.25rem;
}
.orbit-module strong small{
  color:var(--muted);
  font-size:.72rem;
}
.orbit-module em{
  display:block;
  color:var(--muted);
  font-style:normal;
  line-height:1.35;
}
.orbit-feed{
  border:1px solid rgba(126,181,255,.17);
  border-radius:18px;
  background:rgba(0,0,0,.15);
  padding:1rem;
}
.orbit-feed-head{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:.75rem;
}
.orbit-feed-head .eyebrow{
  margin-bottom:0;
}
.orbit-feed-head strong{
  color:#dff4ff;
  white-space:nowrap;
}
.orbit-feed-list{
  display:grid;
  gap:.55rem;
}
.orbit-feed-item{
  padding:.72rem;
}
.orbit-feed-item strong{
  display:block;
  color:#eef6ff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.orbit-feed-item small{
  display:block;
  color:var(--muted);
  margin-top:.22rem;
}
@media(max-width:1100px){
  .orbit-stat-grid{grid-template-columns:repeat(2,1fr)}
  .orbit-layout{grid-template-columns:1fr}
  .orbit-module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .orbit-stat-grid,.orbit-module-grid{grid-template-columns:1fr}
  .orbit-module{min-height:0}
}

/* v16.6: Kartenbilder frei halten, Texte konsequent darunter */
.portal-card,
.mission-card,
.launch-card{
  display:grid;
  grid-template-rows:190px 1fr;
  min-height:0;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(12,23,50,.9),rgba(7,13,29,.96));
}
.portal-card.feature{
  grid-column:span 2;
  min-height:0;
  grid-template-rows:230px 1fr;
}
.portal-card img,
.mission-card img,
.launch-card img{
  position:relative;
  inset:auto;
  width:100%;
  height:190px;
  object-fit:cover;
  opacity:1;
  filter:saturate(1.06) contrast(1.04) brightness(.96);
}
.portal-card.feature img{
  height:230px;
}
.portal-card:after,
.mission-card:after,
.launch-card:after{
  inset:0 0 auto 0;
  height:190px;
  background:linear-gradient(to top,rgba(5,9,20,.18),rgba(5,9,20,0) 62%);
  pointer-events:none;
}
.portal-card.feature:after{
  height:230px;
}
.portal-content,
.mission-content,
.launch-card>div{
  position:relative;
  inset:auto;
  z-index:2;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:1rem;
  background:linear-gradient(180deg,rgba(11,21,45,.96),rgba(6,11,25,.98));
}
.portal-content,
.mission-content{
  padding-top:1rem;
}
.portal-card .tag-row,
.mission-card .tag-row{
  margin-top:auto;
}
.portal-card .btn,
.mission-card .btn,
.launch-card .btn{
  align-self:flex-start;
  margin-top:.65rem;
}
.portal-card:hover img,
.mission-card:hover img,
.launch-card:hover img{
  transform:scale(1.025);
  opacity:1;
}
@media(max-width:1100px){
  .portal-card.feature{
    grid-column:span 1;
    grid-template-rows:190px 1fr;
  }
  .portal-card.feature img,
  .portal-card.feature:after{
    height:190px;
  }
}
@media(max-width:760px){
  .portal-card,
  .mission-card,
  .launch-card{
    grid-template-rows:180px 1fr;
  }
  .portal-card img,
  .mission-card img,
  .launch-card img,
  .portal-card:after,
  .mission-card:after,
  .launch-card:after{
    height:180px;
  }
}

/* v16.8: Legal-Lotse fuer eigene Rechtseiten pro Programm */
.legal-hub{
  margin-top:3.5rem;
}
.legal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.85rem;
}
.legal-card{
  border:1px solid rgba(126,181,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(11,21,45,.7),rgba(6,11,25,.9));
  padding:1rem;
  min-height:172px;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.legal-card.own{
  border-color:rgba(169,215,255,.34);
}
.legal-card.external{
  border-color:rgba(255,200,87,.3);
}
.legal-card.fallback{
  border-color:rgba(255,255,255,.14);
}
.legal-card-head span{
  display:inline-flex;
  border:1px solid rgba(141,223,255,.24);
  border-radius:999px;
  padding:.25rem .5rem;
  color:#cdeeff;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
}
.legal-card.external .legal-card-head span{
  border-color:rgba(255,200,87,.28);
  color:#ffe1a3;
}
.legal-card.fallback .legal-card-head span{
  border-color:rgba(255,255,255,.18);
  color:var(--muted);
}
.legal-card-head strong{
  display:block;
  margin-top:.55rem;
  color:#eef6ff;
  font-size:1.08rem;
}
.legal-card p{
  color:var(--muted);
  line-height:1.4;
  margin:0;
}
.legal-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:auto;
}
.legal-link-row a,
.footer-links a{
  border:1px solid rgba(126,181,255,.22);
  border-radius:999px;
  background:rgba(126,181,255,.07);
  color:#dff4ff;
  padding:.42rem .62rem;
  font-weight:850;
  font-size:.82rem;
}
.legal-link-row a:hover,
.footer-links a:hover{
  border-color:rgba(141,223,255,.46);
  background:rgba(126,181,255,.12);
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  justify-content:flex-end;
}
@media(max-width:1100px){
  .legal-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .legal-grid{grid-template-columns:1fr}
  .footer-links{justify-content:flex-start}
}

/* v16.9: Favoritenleiste und kompakter Overlay-/iframe-Modus */
.quick-rail{
  position:sticky;
  top:74px;
  z-index:19;
  width:min(1380px,calc(100% - 28px));
  margin:.75rem auto 0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.55rem;
  padding:.55rem;
  border:1px solid rgba(126,181,255,.2);
  border-radius:20px;
  background:rgba(5,10,24,.82);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 44px rgba(0,0,0,.28),0 0 20px rgba(124,199,255,.08);
}
.quick-link{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.12rem;
  border:1px solid rgba(126,181,255,.18);
  border-radius:14px;
  background:rgba(126,181,255,.06);
  padding:.62rem .7rem;
  color:#eef6ff;
}
.quick-link.primary{
  border-color:rgba(169,215,255,.44);
  background:linear-gradient(135deg,rgba(124,199,255,.18),rgba(141,223,255,.08));
}
.quick-link:hover{
  border-color:rgba(141,223,255,.48);
  background:rgba(126,181,255,.11);
}
.quick-link span{
  font-weight:950;
  line-height:1.05;
}
.quick-link small{
  color:var(--muted);
  font-size:.76rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.embed-mode .topbar{
  padding:.58rem clamp(.75rem,2vw,1.25rem);
}
body.embed-mode .brand small,
body.embed-mode .auth-status,
body.embed-mode .db-label{
  display:none;
}
body.embed-mode .quick-rail{
  top:58px;
  margin:.5rem auto 0;
}
body.embed-mode .cockpit-shell{
  padding:1rem 0 2.5rem;
}
body.embed-mode .cockpit-window{
  min-height:330px;
  border-radius:24px;
}
body.embed-mode .hero-copy{
  width:min(760px,94%);
  padding:1.35rem;
}
body.embed-mode .hero h1{
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:.96;
}
body.embed-mode .lead{
  font-size:.98rem;
  line-height:1.45;
  max-width:680px;
}
body.embed-mode .hero-actions{
  margin-top:1rem;
  gap:.5rem;
}
body.embed-mode .hero-pulse-row{
  display:none;
}
body.embed-mode .bridge-status{
  right:1rem;
  bottom:1rem;
  width:min(280px,calc(100% - 2rem));
  padding:.78rem;
}
body.embed-mode .section-head{
  margin:2rem 0 .75rem;
}
body.embed-mode .glass-panel{
  border-radius:18px;
  padding:.9rem;
}
@media(max-width:960px){
  .quick-rail{
    grid-template-columns:repeat(3,1fr);
    top:70px;
  }
}
@media(max-width:760px){
  .quick-rail{
    position:relative;
    top:auto;
    grid-template-columns:repeat(2,1fr);
    width:min(100% - 18px,1380px);
    margin:.65rem auto 0;
  }
  .quick-link{
    min-height:54px;
  }
  body.embed-mode .bridge-status{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:auto;
    margin:0 1rem 1rem;
  }
}

/* v17.0: stabiler iframe-Abschluss mit Vollbildausstieg */
.quick-rail{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.quick-link.full-link{
  border-color:rgba(255,200,87,.34);
  background:linear-gradient(135deg,rgba(255,200,87,.12),rgba(126,181,255,.06));
}
.quick-link.full-link small{
  color:#ffe1a3;
}
.embed-helper{
  display:none;
  align-items:center;
  gap:.7rem;
  margin:0 0 .8rem;
  border:1px solid rgba(126,181,255,.2);
  border-radius:16px;
  background:rgba(5,10,24,.72);
  padding:.72rem .85rem;
  color:var(--muted);
}
.embed-helper strong{
  color:#eef6ff;
  white-space:nowrap;
}
.embed-helper span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.embed-helper code{
  color:#cdeeff;
}
.embed-helper a{
  margin-left:auto;
  flex:0 0 auto;
  border:1px solid rgba(255,200,87,.26);
  border-radius:999px;
  color:#ffe1a3;
  padding:.38rem .62rem;
  font-weight:900;
}
body.embed-mode .embed-helper{
  display:flex;
}
@media(max-width:1180px){
  .quick-rail{
    grid-template-columns:repeat(4,1fr);
  }
}
@media(max-width:760px){
  .quick-rail{
    grid-template-columns:repeat(2,1fr);
  }
  .embed-helper{
    align-items:flex-start;
    flex-direction:column;
  }
  .embed-helper span{
    white-space:normal;
  }
  .embed-helper a{
    margin-left:0;
  }
}

/* v17.1: Mobile Cockpit Dock und sichere Touch-Ziele */
html{
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}

.mobile-dock{
  display:none;
}

@media(max-width:760px){
  body{
    padding-bottom:calc(88px + env(safe-area-inset-bottom));
  }

  .mobile-dock{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    z-index:80;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    border:1px solid rgba(126,181,255,.24);
    border-radius:18px;
    background:rgba(3,10,24,.88);
    box-shadow:0 16px 46px rgba(0,0,0,.42),0 0 22px rgba(85,255,208,.12);
    backdrop-filter:blur(18px);
    padding:7px;
  }

  .mobile-dock a{
    min-width:0;
    min-height:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border:1px solid transparent;
    border-radius:13px;
    color:#d9fff5;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-dock span{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border:1px solid rgba(85,255,208,.24);
    border-radius:999px;
    color:var(--neon);
    font-size:.74rem;
    font-weight:950;
    line-height:1;
    background:rgba(85,255,208,.08);
  }

  .mobile-dock small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.68rem;
    font-weight:850;
    line-height:1.1;
  }

  .mobile-dock a.active,
  .mobile-dock a:focus-visible{
    border-color:rgba(185,255,91,.42);
    background:rgba(185,255,91,.1);
    outline:none;
  }

  .mobile-dock a.active span{
    color:#06100d;
    background:linear-gradient(135deg,var(--neon),var(--lime));
    border-color:transparent;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:70;
  }

  .main-nav.open a,
  .main-nav.open summary,
  .quick-link,
  .btn,
  .auth-link{
    min-height:44px;
  }

  .portal-card,
  .mission-card,
  .launch-card,
  .universe-card,
  .glass-panel{
    scroll-margin-top:96px;
  }

  .leader-row,
  .diagnostic-row,
  .inventory-item,
  .craft-card,
  .avatar-group-card{
    overflow-wrap:anywhere;
  }
}

@media(max-width:390px){
  .mobile-dock{
    left:6px;
    right:6px;
    gap:4px;
    padding:6px;
  }

  .mobile-dock small{
    font-size:.62rem;
  }
}

/* v17.2: Mobile Karten mit Bild oben und Text darunter */
@media(max-width:760px){
  .universe-card{
    display:grid;
    grid-template-rows:180px 1fr;
    min-height:0;
    background:linear-gradient(180deg,rgba(12,23,50,.9),rgba(7,13,29,.96));
  }

  .universe-card img{
    position:relative;
    inset:auto;
    width:100%;
    height:180px;
    opacity:1;
    filter:saturate(1.06) contrast(1.04) brightness(.96);
  }

  .universe-card:after{
    inset:0 0 auto 0;
    height:180px;
    background:linear-gradient(to top,rgba(5,9,20,.18),rgba(5,9,20,0) 62%);
    pointer-events:none;
  }

  .universe-card:before{
    top:.75rem;
    right:.75rem;
  }

  .universe-content{
    position:relative;
    inset:auto;
    display:flex;
    flex-direction:column;
    min-height:0;
    background:linear-gradient(180deg,rgba(11,21,45,.96),rgba(6,11,25,.98));
  }

  .universe-card .btn{
    align-self:flex-start;
    margin-top:auto;
  }

  .recommend-zone{
    gap:.75rem;
  }

  .recommend-actions{
    justify-content:flex-start;
  }

  .continue-meta{
    grid-row:2;
  }
}

/* v17.3: HUD-Frame und Container gegen Text-Ausbruch stabilisieren */
.cockpit-window,
.glass-panel,
.portal-card,
.mission-card,
.launch-card,
.universe-card,
.gallery-card,
.rank-hero,
.admin-zone,
.commander-profile{
  max-width:100%;
  min-width:0;
}

.hero-copy,
.hero-copy *,
.bridge-status,
.bridge-status *,
.glass-panel,
.glass-panel *,
.portal-content,
.mission-content,
.launch-card>div,
.universe-content,
.gallery-info{
  min-width:0;
  overflow-wrap:anywhere;
}

.hero-copy{
  max-width:calc(100% - 2rem);
}

.hero-copy:before{
  max-width:100%;
}

.hero h1{
  max-width:11ch;
  text-wrap:balance;
}

.lead{
  text-wrap:pretty;
}

@media(min-width:761px){
  .hero-copy{
    width:min(760px,62%);
    max-width:760px;
    min-height:0;
    align-self:start;
    padding:clamp(1.8rem,3.3vw,3rem);
  }

  .hero-copy:before{
    display:block;
    width:min(700px,100%);
    right:auto;
  }

  .hero h1{
    max-width:16ch;
    font-size:clamp(3.45rem,5vw,4.75rem);
    line-height:.9;
  }

  .hero-actions{
    max-width:620px;
  }

  .cockpit-window{
    min-height:680px;
  }
}

.hero-actions .btn{
  white-space:normal;
  text-align:center;
  line-height:1.15;
}

.mini-grid,
.api-grid,
.leader-row,
.diagnostic-row,
.inventory-grid,
.content-preview,
.orbit-stat-grid,
.orbit-module-grid,
.quest-grid,
.upgrade-grid,
.avatar-group-grid{
  min-width:0;
}

@media(max-width:760px){
  .cockpit-window{
    min-height:auto;
    display:grid;
    align-items:start;
    padding:1rem;
  }

  .cockpit-window:before{
    inset:10px;
    border-radius:20px;
    clip-path:none;
  }

  .hud-cover,
  .hud-frame,
  .cockpit-window:after{
    border-radius:inherit;
  }

  .hero-copy{
    width:100%;
    max-width:100%;
    padding:1.15rem;
    border:1px solid rgba(85,255,208,.14);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(1,12,10,.76),rgba(1,12,10,.38));
    backdrop-filter:blur(3px);
  }

  .hero-copy:before{
    display:none;
  }

  .hero h1{
    max-width:10ch;
    font-size:clamp(2.55rem,14vw,3.75rem);
    line-height:.92;
    margin-bottom:.85rem;
  }

  .lead{
    max-width:100%;
    font-size:.98rem;
    line-height:1.55;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.55rem;
    margin-top:1rem;
  }

  .hero-actions .btn{
    width:100%;
    min-height:44px;
    padding:.68rem .62rem;
    font-size:.84rem;
  }

  .hero-actions .btn.primary{
    grid-column:1/-1;
  }

  .hero-pulse-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem;
  }

  .hero-pulse-row span{
    width:100%;
    min-width:0;
    justify-content:center;
    padding:.42rem .48rem;
    font-size:.78rem;
  }

  .bridge-status{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    margin-top:1rem;
    padding:.85rem;
    border-radius:18px;
  }

  .mini-grid{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .glass-panel{
    overflow:hidden;
  }

  .recommend-zone,
  .admin-zone,
  .commander-profile,
  .login-status-card,
  .avatar-current-panel{
    grid-template-columns:1fr;
  }

  .rank-hero>div,
  .gallery-info{
    left:1rem;
    right:1rem;
    width:auto;
  }

  .gallery-info h3{
    font-size:clamp(1.55rem,9vw,2.45rem);
  }
}

@media(max-width:390px){
  .hero h1{
    font-size:clamp(2.2rem,13vw,3.15rem);
  }
}

@media(max-width:340px){
  .hero-actions{
    grid-template-columns:1fr;
  }

  .hero-actions .btn.primary{
    grid-column:auto;
  }
}

/* v17.5: robustes Hamburger-Menue ohne Encoding-Zeichen */
.menu-toggle{
  width:46px;
  height:42px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0;
}

.menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--text);
  box-shadow:0 0 10px rgba(85,255,208,.28);
  transition:transform .18s ease,opacity .18s ease,background .18s ease;
}

.menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}

.menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

.menu-toggle[aria-expanded="true"]{
  border-color:rgba(185,255,91,.46);
  background:rgba(185,255,91,.1);
}

@media(max-width:760px){
  .topbar{
    gap:.65rem;
  }

  .brand{
    min-width:0;
  }

  .brand span:last-child{
    min-width:0;
  }

  .brand strong,
  .brand small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .main-nav.dashboard-tabs{
    left:9px;
    right:9px;
    top:calc(100% + 8px);
    max-height:min(70vh,560px);
    overflow:auto;
    overscroll-behavior:contain;
    z-index:95;
    padding:.7rem;
    box-shadow:0 18px 52px rgba(0,0,0,.42),0 0 28px rgba(85,255,208,.12);
  }

  .main-nav.dashboard-tabs a,
  .main-nav.dashboard-tabs summary{
    width:100%;
    justify-content:flex-start;
    border-radius:14px;
  }

  .main-nav.dashboard-tabs .nav-more-menu{
    position:static;
    width:100%;
    min-width:0;
    margin-top:.5rem;
    box-shadow:none;
  }
}

/* v17.8: persoenlicher Startbereich mit DB-Spielwelt-Signalen */
.personal-start{
  margin-top:1.15rem;
  position:relative;
  overflow:hidden;
}

.personal-start:before{
  content:"";
  position:absolute;
  inset:-40% -10% auto;
  height:220px;
  background:radial-gradient(circle at 20% 20%,rgba(185,255,91,.12),transparent 35%),radial-gradient(circle at 80% 35%,rgba(98,216,255,.13),transparent 38%);
  pointer-events:none;
}

.personal-start>*{
  position:relative;
  z-index:1;
}

.personal-start-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.personal-start-head h2{
  margin:.1rem 0 .35rem;
  font-size:clamp(1.45rem,2.5vw,2.35rem);
  line-height:1.05;
}

.personal-start-head p:last-child{
  margin:.2rem 0 0;
  color:var(--muted);
  line-height:1.55;
}

.personal-start-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  justify-content:flex-end;
}

.personal-start-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.75rem;
}

.personal-card,
.personal-signal{
  min-width:0;
  border:1px solid rgba(85,255,208,.16);
  background:linear-gradient(145deg,rgba(0,0,0,.28),rgba(85,255,208,.055));
  border-radius:18px;
  padding:.85rem;
  color:var(--text);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.personal-card:hover,
.personal-signal:hover{
  transform:translateY(-2px);
  border-color:rgba(185,255,91,.48);
  background:linear-gradient(145deg,rgba(4,36,30,.72),rgba(185,255,91,.07));
}

.personal-card span,
.personal-signal span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.personal-card strong,
.personal-signal strong{
  display:block;
  margin:.35rem 0 .1rem;
  color:var(--lime);
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1;
  overflow-wrap:anywhere;
}

.personal-card small,
.personal-signal small{
  color:var(--cyan);
  font-weight:700;
}

.personal-card em,
.personal-signal em{
  display:block;
  margin-top:.45rem;
  color:#d8fff5;
  font-style:normal;
  font-size:.88rem;
  line-height:1.35;
}

.personal-signal-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
  margin-top:.75rem;
}

.personal-signal{
  border-radius:16px;
  padding:.75rem;
}

.personal-signal strong{
  font-size:1.15rem;
}

@media(max-width:1120px){
  .personal-start-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .personal-signal-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .personal-start{
    margin-top:.85rem;
  }

  .personal-start-head{
    align-items:stretch;
    flex-direction:column;
  }

  .personal-start-actions{
    justify-content:flex-start;
  }

  .personal-start-actions .btn{
    flex:1 1 140px;
  }

  .personal-start-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.55rem;
  }

  .personal-card,
  .personal-signal{
    padding:.75rem;
  }

  .personal-card strong{
    font-size:1.45rem;
  }
}

@media(max-width:430px){
  .personal-start-grid,
  .personal-signal-strip{
    grid-template-columns:1fr;
  }
}