:root{
  --bg:#020806;
  --panel:rgba(7,28,22,.72);
  --panel-strong:rgba(10,44,34,.88);
  --line:rgba(68,255,180,.28);
  --line-strong:rgba(104,255,199,.62);
  --text:#eafff7;
  --muted:#99cfc0;
  --neon:#57ffb1;
  --cyan:#5cecff;
  --amber:#ffd36b;
  --danger:#ff6b8a;
  --shadow:0 0 26px rgba(87,255,177,.22), inset 0 0 26px rgba(87,255,177,.06);
  --radius:22px;
  --max:1280px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hud-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 0%,rgba(19,92,68,.7),transparent 34%),linear-gradient(135deg,#020806,#04140f 52%,#010403)}
.grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(87,255,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(87,255,177,.08) 1px,transparent 1px);background-size:48px 48px;transform:perspective(780px) rotateX(62deg) translateY(-12%);transform-origin:center top;animation:gridMove 18s linear infinite}
.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.34}
.orb-a{width:340px;height:340px;right:-80px;top:12%;background:radial-gradient(circle,var(--cyan),transparent 66%)}
.orb-b{width:520px;height:520px;left:-180px;bottom:-120px;background:radial-gradient(circle,var(--neon),transparent 70%)}
.scanline{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(104,255,199,.06),transparent);height:24%;animation:scan 7s ease-in-out infinite}
@keyframes gridMove{to{background-position:0 48px,48px 0}}
@keyframes scan{0%,100%{transform:translateY(-35%);opacity:.12}50%{transform:translateY(420%);opacity:.3}}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,3vw,34px);background:rgba(2,8,6,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-core{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);box-shadow:var(--shadow);font-weight:900;color:#04120c;background:var(--neon);text-shadow:none}
.brand strong{display:block;letter-spacing:.04em;text-transform:uppercase}.brand small{display:block;color:var(--muted);font-size:.76rem}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:9px 12px;border:1px solid transparent;border-radius:999px;color:var(--muted)}.nav a:hover{border-color:var(--line);color:var(--text);background:rgba(87,255,177,.08)}.menu-toggle{display:none;background:rgba(87,255,177,.08);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:9px 12px}.section-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:22px;align-items:center;padding:76px 0 34px}.hero h1{font-size:clamp(2.6rem,7vw,6.8rem);line-height:.9;margin:8px 0 20px;text-transform:uppercase;letter-spacing:-.06em}.hero h1 span{color:var(--neon);text-shadow:0 0 30px rgba(87,255,177,.55)}.lead{max-width:720px;color:#c8fff0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.hero-actions,.predict-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.admin-actions .primary-btn,.admin-actions .ghost-btn{flex:1 1 180px}
.primary-btn,.ghost-btn,.mini-btn{border-radius:999px;border:1px solid var(--line-strong);padding:12px 18px;transition:.2s ease}.primary-btn{background:linear-gradient(135deg,var(--neon),#b8ffe1);color:#03110b;font-weight:900;box-shadow:0 0 26px rgba(87,255,177,.28)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(87,255,177,.45)}.ghost-btn,.mini-btn{background:rgba(87,255,177,.07);color:var(--text)}.ghost-btn:hover,.mini-btn:hover{background:rgba(87,255,177,.15)}.mini-btn{padding:8px 12px;font-size:.9rem}.glass-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),rgba(1,12,9,.64));border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 35%,rgba(87,255,177,.08));pointer-events:none}.status-core{padding:26px;min-height:390px}.core-ring{width:170px;height:170px;margin:6px auto 20px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;box-shadow:0 0 50px rgba(87,255,177,.22),inset 0 0 38px rgba(92,236,255,.15);animation:pulse 2.8s ease-in-out infinite}.core-ring span{display:block;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,var(--cyan),var(--neon),transparent 70%);box-shadow:0 0 36px rgba(92,236,255,.65)}@keyframes pulse{50%{transform:scale(1.025)}}.status-core h2,.panel h2,.next-card h2{margin:0 0 14px}.status-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px;color:#d9fff4}.status-list li{display:flex;gap:10px;align-items:center}.status-list span{width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}.micro-warning{font-size:.88rem;color:var(--amber);line-height:1.5}.micro-note{font-size:.88rem;color:#b8ffe1;line-height:1.5}.predict-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.predict-controls select{max-width:220px}.ticker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:12px 0 32px}.next-card{padding:22px}.next-card p:last-child{color:var(--muted);margin-bottom:0}.panel-grid{display:grid;gap:16px;padding:28px 0}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:22px}.large-panel{min-height:430px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.92rem}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28);color:var(--text);padding:12px 13px;outline:none}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(87,255,177,.12)}option{background:#06120d;color:var(--text)}.draw-list,.ticket-list,.prediction-list,.stats-list,.astro-box{display:grid;gap:12px}.draw-item,.ticket-item,.prediction-item,.stat-item,.result-box{position:relative;padding:14px;border:1px solid rgba(104,255,199,.2);background:rgba(0,0,0,.22);border-radius:16px}.draw-item h3,.ticket-item h3,.prediction-item h3{margin:0 0 10px}.balls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ball{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:999px;background:rgba(87,255,177,.12);border:1px solid var(--line-strong);box-shadow:inset 0 0 18px rgba(87,255,177,.12);font-weight:900}.ball.special{background:rgba(92,236,255,.14);border-color:rgba(92,236,255,.62)}.ball.warn{background:rgba(255,211,107,.16);border-color:rgba(255,211,107,.58)}.meta{color:var(--muted);font-size:.9rem;line-height:1.5}.hidden{display:none!important}.score-bars{display:grid;gap:14px;margin:18px 0}.score-bars div{display:grid;grid-template-columns:88px 1fr 44px;align-items:center;gap:10px;color:var(--muted)}.score-bars b{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--neon),var(--cyan));width:var(--w);box-shadow:0 0 18px rgba(87,255,177,.35)}.score-bars em{font-style:normal;color:var(--text);font-weight:800}.info-text{color:#c5fff0;line-height:1.65}.code-hint{white-space:pre-wrap;border:1px solid var(--line);background:rgba(0,0,0,.35);border-radius:16px;padding:14px;color:var(--neon);overflow:auto}.stat-item{display:flex;justify-content:space-between;gap:10px;align-items:center}.stat-item strong{color:var(--text)}.stat-item span{color:var(--neon);font-weight:900}.disclaimer{padding:24px;margin-top:18px;margin-bottom:38px}.footer{padding:28px 16px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:980px){.hero,.two-cols,.three-cols,.ticker{grid-template-columns:1fr}.hero{padding-top:44px}.nav{display:none;position:absolute;top:72px;left:16px;right:16px;padding:14px;background:rgba(2,8,6,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.nav.open{display:grid}.nav a{border-color:var(--line)}.menu-toggle{display:block}.form-grid{grid-template-columns:1fr}.score-bars div{grid-template-columns:78px 1fr 40px}}
@media (max-width:560px){.section-shell{width:min(100% - 20px,var(--max))}.topbar{padding:12px 10px}.brand small{display:none}.hero h1{font-size:2.55rem}.panel,.next-card,.status-core{padding:16px}.hero-actions .primary-btn,.hero-actions .ghost-btn,.predict-controls .primary-btn,.predict-controls .ghost-btn,.predict-controls select{width:100%}.balls{gap:6px}.ball{min-width:32px;height:32px;font-size:.9rem}}

/* Querformat-Cover / Hero-Banner */
.hero-cover-frame{
  grid-column:1/-1;
  margin:0 0 10px;
  padding:8px;
  border-radius:28px;
  border-color:rgba(92,236,255,.42);
  background:linear-gradient(145deg,rgba(5,21,28,.82),rgba(3,18,12,.7));
  box-shadow:0 0 42px rgba(92,236,255,.2),0 0 34px rgba(87,255,177,.16),inset 0 0 30px rgba(92,236,255,.08);
}
.hero-cover-frame:after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:22px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%,rgba(87,255,177,.06));
  box-shadow:inset 0 0 0 1px rgba(104,255,199,.16);
}
.hero-cover-frame picture{display:block;line-height:0}
.hero-cover-image{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  max-height:620px;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
  filter:saturate(1.08) contrast(1.04);
}
@media (max-width:980px){.hero-cover-frame{margin-top:8px;border-radius:22px;padding:6px}.hero-cover-image{border-radius:17px;max-height:none}}
@media (max-width:560px){.hero-cover-frame{width:calc(100% + 4px);margin-left:-2px;padding:4px}.hero-cover-image{border-radius:15px}}


.mini-input {
  width: 110px;
  border: 1px solid rgba(113,255,211,.28);
  border-radius: 999px;
  background: rgba(1,12,10,.72);
  color: var(--text, #eafff7);
  padding: .75rem .9rem;
  box-shadow: inset 0 0 18px rgba(0,255,180,.08);
}
.compact-controls { margin: 0 0 1rem; }

/* Jarvis Prognose-Engine v2.4 */
.prediction-summary{margin-bottom:12px;border-color:rgba(92,236,255,.32);background:rgba(4,26,31,.38)}
.mini-history{margin-top:12px;max-height:360px;overflow:auto;padding-right:4px}
.mini-history .ticket-item{font-size:.92rem}

/* Jarvis Auth v2.5.5 */
.auth-badge{
  border:1px solid rgba(104,255,199,.24);
  background:rgba(87,255,177,.08);
  color:#dffff4;
  border-radius:999px;
  padding:8px 12px;
  font-size:.86rem;
  white-space:nowrap;
  box-shadow:inset 0 0 18px rgba(87,255,177,.08);
}
.auth-section{padding-top:10px}
.auth-session-card{grid-column:1/-1}
#authStatusBox strong{color:var(--neon)}
@media (max-width:980px){.auth-badge{margin-left:auto;font-size:.78rem;padding:7px 9px}.topbar{gap:8px}}
@media (max-width:560px){.auth-badge{display:none}}


/* Jarvis Legal v2.5.7 */
.check-label{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:flex-start;
  gap:10px!important;
  color:#dffff4!important;
  line-height:1.45;
  padding:12px;
  border:1px solid rgba(104,255,199,.20);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.check-label input{width:auto;margin-top:3px;accent-color:var(--neon)}
.check-label a,.legal-links a{color:var(--neon);text-decoration:underline;text-decoration-color:rgba(87,255,177,.5);text-underline-offset:3px}
.legal-links{color:var(--muted);line-height:1.6}
.legal-page main{padding:44px 0 34px}.legal-hero{padding:34px 0 10px}.legal-card{padding:clamp(18px,3vw,32px);margin:18px auto}.legal-card h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0 0 12px;text-transform:uppercase;letter-spacing:-.04em}.legal-card h2{margin-top:28px;color:#eafff7}.legal-card h3{margin-top:18px;color:var(--cyan)}.legal-card p,.legal-card li{color:#c5fff0;line-height:1.72}.legal-card ul{padding-left:1.2rem}.legal-card .warning-box{border:1px solid rgba(255,211,107,.45);background:rgba(255,211,107,.08);border-radius:16px;padding:14px;color:#ffe7a3}.legal-card .muted{color:var(--muted)}.legal-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.legal-nav a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(87,255,177,.07);color:#dffff4}.legal-nav a:hover{background:rgba(87,255,177,.15)}

/* v2.5.11: Core-Ring im Systemstatus durch separate SVG ersetzt. Das Cover bleibt unverändert. */
.core-ring.core-brain{
  position:relative;
  overflow:visible;
  border-color:rgba(92,236,255,.58);
  background:radial-gradient(circle at center,rgba(92,236,255,.10),rgba(87,255,177,.04) 48%,rgba(0,0,0,.18) 72%);
}
.core-ring.core-brain span{display:none}
.core-ring.core-brain img{
  width:132px;
  height:132px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 18px rgba(92,236,255,.75)) drop-shadow(0 0 26px rgba(87,255,177,.38));
  animation:coreBrainFloat 4.8s ease-in-out infinite;
}
@keyframes coreBrainFloat{50%{transform:scale(1.04) rotate(.6deg)}}