/* extra.css – Auffälliges Upgrade + Spiel (überschreibt style.css, nichts gelöscht) */
body{background:radial-gradient(1100px 600px at 85% -5%,rgba(255,122,26,.18),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(64,110,180,.16),transparent 60%),var(--color-bg)}
.site-header{backdrop-filter:blur(14px);background:rgba(8,9,11,.72);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--color-accent),transparent) 1}
.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,122,26,.35);box-shadow:var(--glow-accent-strong)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translateX(-120%);animation:cg-shine 4.5s ease-in-out 1.2s infinite;pointer-events:none}
@keyframes cg-shine{to{transform:translateX(120%)}}
.hero-title{font-size:clamp(3.2rem,9vw,7rem);letter-spacing:.04em;line-height:.95;background:linear-gradient(180deg,#fff 0%,#c9cfd8 45%,#7d8492 55%,#e9edf3 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(255,122,26,.35))}
.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#120a02;font-weight:700;box-shadow:var(--glow-accent);transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--glow-accent-strong)}
.section-title{font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(180deg,#fff,#9aa1ad);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-card,.vehicle-card{transition:transform .25s,border-color .25s,box-shadow .25s}
.service-card:hover,.vehicle-card:hover{transform:translateY(-6px);border-color:var(--color-accent);box-shadow:var(--glow-accent)}
.service-card--featured{background:linear-gradient(160deg,rgba(255,122,26,.22),var(--color-surface) 60%);border-color:var(--color-accent)}
.nav-link.active{color:var(--color-accent);text-shadow:0 0 14px var(--color-accent-glow)}

/* Spiel */
.cg-game{margin:4rem auto;max-width:560px;padding:1.2rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--color-surface-2),var(--color-bg));border:1px solid var(--color-accent);box-shadow:var(--glow-accent-strong)}
.cg-game h2{margin:0 0 .3rem;text-align:center}
.cg-game p.cg-sub{text-align:center;color:var(--color-text-muted);margin:0 0 1rem}
.cg-hud{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;margin-bottom:.5rem}
.cg-hud b{color:var(--color-accent)}
.cg-wrap{position:relative}
#cg-canvas{display:block;width:100%;aspect-ratio:2/3;border-radius:var(--radius-md);background:#0d0f13;touch-action:none}
.cg-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:rgba(8,9,11,.78);border-radius:var(--radius-md);text-align:center;padding:1rem}
.cg-overlay[hidden]{display:none}
.cg-overlay strong{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.06em}
.cg-touch{display:none;gap:.6rem;margin-top:.6rem}
.cg-touch button{flex:1;padding:.9rem;font-size:1.4rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text)}
@media (pointer:coarse){.cg-touch{display:flex}}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}}