*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#182b63 0,#090f25 55%,#060915 100%);color:#edf4ff;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:#8ce7ff}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #344471;background:#070d22bb;flex-wrap:wrap}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.09em}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}nav a{color:#cbd7f5;text-decoration:none}main{max-width:1100px;margin:auto;padding:30px 20px 80px}footer{text-align:center;color:#8c9cc1;padding:20px}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,5vw,3.6rem)}em{color:#68d9ff;font-style:normal}.hero{text-align:center;padding:85px 15px}.eyebrow{color:#78dfff;font-size:.8rem;letter-spacing:.19em;font-weight:800}.hero p{font-size:1.2rem;color:#becded}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.btn,button{border:1px solid #66e2ff;border-radius:10px;padding:12px 22px;color:#05172b;background:linear-gradient(120deg,#79eaff,#3a9ef5);font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.btn.secondary,button.secondary{background:#162950;color:#dcecff;border-color:#526b9b}.panel{background:#0d1935e8;border:1px solid #304b79;border-radius:20px;padding:26px;margin-bottom:22px;box-shadow:0 12px 35px #0003}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.tiles article,.choice{display:block;padding:20px;border:1px solid #39588c;border-radius:14px;background:#12254b}.choice{cursor:pointer}.choice small{display:block;color:#b1c4e7}label{display:block;margin:12px 0;font-weight:600}input:not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;padding:11px;margin-top:5px;border-radius:8px;border:1px solid #58709e;background:#09132a;color:white;font:inherit}textarea{min-height:100px}.center{text-align:center;max-width:750px;margin:30px auto}.bigprize{font-size:2.5rem;color:#f8d278;font-weight:900}.gamegrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px}.question{padding:32px 18px;background:#122852;border:1px solid #6da8ff;border-radius:15px;text-align:center;font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:800;margin:20px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:85px;text-align:left;color:#fff;background:#172e60;border-color:#5479b9}.answer:hover:not(:disabled){background:#2765a8}.answer b{color:#ffd57a}.answer:disabled,.jokers button:disabled{opacity:.28;cursor:not-allowed}.jokers{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.jokers button{font-size:.9rem;padding:10px}.hint{padding:15px;border-radius:10px;background:#1c4269}.ladder .step{display:flex;justify-content:space-between;padding:4px 12px;border-radius:7px;color:#bac9e7}.ladder .active{background:#2659a1;color:#fff;font-weight:900}.ladder .safe{color:#f8d278}.error{color:#ff9aab}.success{color:#8bffc8}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #304b79}@media(max-width:750px){.gamegrid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.hero{padding:45px 10px}header{padding:16px}}

/* Quiz Millionär 1.1 – eigenständige Neon-Quizshow */
body{background:radial-gradient(ellipse 60% 35% at 52% 3%,#243b84 0%,transparent 80%),radial-gradient(ellipse at 85% 70%,#1c1251 0%,transparent 48%),#060b1d}
header{backdrop-filter:blur(12px);border-bottom:1px solid #4d6ca477}
.brand{color:#bdefff;text-shadow:0 0 18px #48d9ff88}
.show-stage{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);align-items:start}
.stage-panel{position:relative;overflow:hidden;background:linear-gradient(160deg,#0b1a40,#0a102a 70%);border-color:#4574c4;box-shadow:0 0 40px #1788f51a,inset 0 1px #92dfff26}
.studio-light{position:absolute;pointer-events:none;inset:-180px 10% auto;height:320px;background:radial-gradient(ellipse,#2acaff35,transparent 65%)}
.stage-panel>.eyebrow{position:relative;color:#75eaff}
.stage-panel>h1{position:relative;color:#f4d787;text-shadow:0 0 24px #e5a94355}
.stage-panel .question{position:relative;padding:40px 22px;background:linear-gradient(120deg,#102c60,#162453,#102c60);border:2px solid #6fdfff;border-radius:22px;box-shadow:0 0 25px #4ecbff38,inset 0 0 30px #0d69d328}
.stage-panel .answers{gap:14px}
.stage-panel .answer{position:relative;border-radius:999px;padding:20px 26px;min-height:86px;background:linear-gradient(110deg,#112655,#172f69);border:1px solid #5799e8;box-shadow:inset 0 1px #ffffff14,0 5px 20px #0003;transition:background .2s,transform .2s,box-shadow .2s}
.stage-panel .answer:hover:not(:disabled){transform:translateY(-2px);background:#24529b;box-shadow:0 0 20px #38baff44}
.stage-panel .answer b{color:#ffdb80;margin-right:8px}
.stage-panel .answer.answer-locked,.stage-panel .answer.answer-locked:disabled{opacity:1;background:linear-gradient(120deg,#a66317,#ef9e30);border-color:#ffe0a2;color:#10192e;box-shadow:0 0 28px #ffa6409c;animation:quiz-pulse .7s ease-in-out infinite alternate}
.stage-panel .answer.answer-locked b{color:#14203b}
@keyframes quiz-pulse{to{box-shadow:0 0 48px #ffc46abb}}
.answer-status{min-height:1.5em;text-align:center;color:#ffd88a;font-weight:700;margin:12px 0 0}
.jokers{justify-content:center;gap:16px;margin:18px 0 28px}
.jokers .joker-button{width:86px;height:86px;border-radius:50%;padding:8px;color:#e8faff;border:2px solid #68e2ff;background:radial-gradient(circle at 30% 25%,#2664b6,#0b1c45 70%);box-shadow:0 0 17px #39c8ff44;font-size:.79rem;line-height:1.2}
.jokers .joker-button:disabled{opacity:.3;filter:grayscale(1);text-decoration:line-through}
.ladder{background:linear-gradient(170deg,#111d44,#0a142f);border-color:#3b6bba}
.ladder-head{display:flex;align-items:center;gap:10px}
.ladder-symbol{color:#ffdd85;font-size:1.6rem}
.ladder .step{padding:6px 12px;border-bottom:1px solid #8db7ff0b}
.ladder .step.active{background:linear-gradient(90deg,#2863b4,#3887e1);box-shadow:0 0 15px #318eff44}
.ladder .step.safe{color:#ffd978;font-weight:800}
@media(max-width:750px){.show-stage{grid-template-columns:1fr}.stage-panel .answer{border-radius:16px;min-height:72px}.jokers .joker-button{width:74px;height:74px}}
@media(prefers-reduced-motion:reduce){.stage-panel .answer{transition:none}.stage-panel .answer.answer-locked{animation:none}}

/* Version 1.2: Auflösung, Sound und Mobilansicht */
.stage-panel .answers.pending .answer-selected,.stage-panel .answers.pending .answer-selected:disabled{opacity:1;background:linear-gradient(120deg,#a66317,#ef9e30);color:#10192e;border-color:#ffe0a2;box-shadow:0 0 28px #ffa6409c;animation:quiz-pulse .7s ease-in-out infinite alternate}
.stage-panel .answers.revealed .answer{opacity:.45;animation:none}
.stage-panel .answers.revealed .answer.answer-correct,.stage-panel .answers.revealed .answer.answer-correct:disabled{opacity:1;background:linear-gradient(120deg,#126f4a,#23ad69);border-color:#7effb3;color:white;box-shadow:0 0 24px #3bfda655}
.stage-panel .answers.revealed .answer.answer-wrong,.stage-panel .answers.revealed .answer.answer-wrong:disabled{opacity:1;background:linear-gradient(120deg,#7e1f3a,#ca3650);border-color:#ff9eaa;color:white;box-shadow:0 0 24px #ff477455}
.reveal-panel{text-align:center;padding:16px;margin:10px 0 20px;border:1px solid #5479b9;border-radius:16px;background:#11254d}
.reveal-panel[hidden]{display:none}.reveal-panel strong{display:block;margin-bottom:12px;font-size:1.2rem}
.sound-settings{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;color:#c8dafa;font-size:.9rem}
.sound-settings .sound-toggle{padding:7px 13px;border-color:#45679a;background:#152b56;color:#dceeff}
.sound-settings label{display:flex;align-items:center;gap:8px;margin:0}.sound-settings input[type=range]{width:115px;accent-color:#6de3ff}
@media(max-width:750px){.stage-panel .question{padding:24px 15px}.stage-panel .answer{padding:14px 18px}.ladder{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.stage-panel .answers.pending .answer-selected{animation:none}}

/* Version 1.3: Publikumsjoker und Telefonjoker */
.joker-result{margin:20px 0 14px;padding:20px;border-radius:18px;border:1px solid #4b8bd0;background:linear-gradient(135deg,#142e5d,#0e1c3e);box-shadow:0 0 24px #1da8ff22}
.joker-result-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}.joker-result-head strong{display:block;color:#e9f6ff;font-size:1.06rem}.joker-result-head small{display:block;color:#a9c6e9}.joker-result-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#245fa6;color:#fff;font-size:1.5rem;border:1px solid #70e6ff;box-shadow:0 0 18px #42caff55}
.audience-bars{display:grid;gap:12px}.audience-row{display:grid;grid-template-columns:25px minmax(0,1fr) 55px;gap:10px;align-items:center}.audience-row>b{color:#ffdc88}.audience-row>strong{text-align:right;color:#eaf6ff;font-variant-numeric:tabular-nums}.audience-track{height:22px;border-radius:7px;background:#071631;overflow:hidden;border:1px solid #3c6599}.audience-fill{height:100%;width:var(--vote);background:linear-gradient(90deg,#3b93ee,#76eaff);border-radius:6px;transform-origin:left;animation:audience-grow 1.1s ease-out both;box-shadow:0 0 12px #55caff66}@keyframes audience-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.joker-disclaimer{display:block;margin-top:13px;color:#a8c1e5}.phone-card{border-color:#55a7df}.phone-icon{animation:phone-ring .22s ease-in-out 4 alternate}.phone-quote{padding:16px 20px;border-left:3px solid #6ae3ff;border-radius:6px;background:#0a1b3c;color:#f1f7ff;font-size:1.1rem;font-weight:600;margin:0}
@keyframes phone-ring{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@media(max-width:500px){.joker-result{padding:14px}.audience-row{gap:7px;grid-template-columns:20px minmax(0,1fr) 48px}}
@media(prefers-reduced-motion:reduce){.audience-fill,.phone-icon{animation:none}}