@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-ext-400-normal-DpfYvR5A.woff2)format("woff2"),url(/assets/press-start-2p-latin-ext-400-normal-DBgyq7ky.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-ext-400-normal-DdH6zlBQ.woff2)format("woff2"),url(/assets/pixelify-sans-latin-ext-400-normal-BkfTUL4s.woff)format("woff")}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--tief:#14122b;--tiefer:#0d0b1c;--panel:#241f45;--panel-hell:#33296b;--linie:#4b3f8c;--creme:#f6efd8;--grau:#9c93c7;--gelb:#ffc53d;--gelb-tief:#b8850f;--pink:#ff5c8a;--richtig:#78f06a;--richtig-tief:#2e9e42;--falsch:#ff4b5c;--falsch-tief:#a81e30;--natur:#46c9a0;--fussball:#ffa23a;--musik:#c77dff;--px:4px;--titel-schrift:"Press Start 2P", ui-monospace, monospace;--text-schrift:"Pixelify Sans", ui-monospace, monospace}body{background:var(--tiefer);color:var(--creme);font-family:var(--text-schrift);padding:28px;font-size:clamp(16px,4.2vw,20px);line-height:1.45;overflow-x:hidden}img,svg{display:block}.t-logo,.t-titel,.t-label{font-family:var(--titel-schrift);text-transform:uppercase;font-weight:400}.t-logo{font-size:clamp(28px,9vw,56px);line-height:1.4}.t-titel{font-size:clamp(15px,4vw,22px);line-height:1.7}.t-label{font-size:clamp(9px,2.6vw,12px);line-height:1.7}.t-frage,.t-text,.t-klein{font-family:var(--text-schrift)}.t-frage{font-size:clamp(19px,5vw,28px);line-height:1.35}.t-text{font-size:clamp(16px,4.2vw,20px);line-height:1.45}.t-klein{font-size:clamp(14px,3.6vw,16px);line-height:1.5}.mitte{text-align:center}.crt{border:var(--px) solid var(--linie);box-shadow:0 0 0 8px var(--tiefer), 0 0 44px #7e60ff4d, inset 0 0 70px #0000008c;background:radial-gradient(130% 90% at 50% -10%,#322a66 0%,#1b1740 45%,#14122b 100%);padding:26px 24px 28px;position:relative;overflow:hidden}.crt:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#0003 0 2px,#0000 2px 4px);position:absolute;inset:0}.crt:before{content:"";pointer-events:none;z-index:4;background:radial-gradient(120% 100%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.crt>*{z-index:2;position:relative}.rahmen{--r:var(--linie);background:var(--panel);box-shadow:-4px 0 0 var(--r), 4px 0 0 var(--r), 0 -4px 0 var(--r), 0 4px 0 var(--r)}.knopf{--f:var(--gelb);--t:var(--gelb-tief);--s:#2a1b00;background:var(--f);min-height:48px;color:var(--s);cursor:pointer;font-family:var(--titel-schrift);text-transform:uppercase;text-align:center;box-shadow:-4px 0 0 var(--f), 4px 0 0 var(--f), 0 -4px 0 var(--f), 0 4px 0 var(--f), 0 8px 0 var(--t), 0 14px 0 #00000073;border:0;justify-content:center;align-items:center;gap:12px;margin:4px;padding:15px 26px;font-size:clamp(11px,3vw,14px);line-height:1.6;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end);display:inline-flex}.knopf:hover{box-shadow:-4px 0 0 var(--f), 4px 0 0 var(--f), 0 -4px 0 var(--f), 0 4px 0 var(--f), 0 10px 0 var(--t), 0 18px 0 #00000073;transform:translateY(-2px)}.knopf:active,.knopf.ist-gedrueckt{box-shadow:-4px 0 0 var(--f), 4px 0 0 var(--f), 0 -4px 0 var(--f), 0 4px 0 var(--f), 0 4px 0 var(--t), 0 6px 0 #00000073;transform:translateY(6px)}.knopf:focus-visible{outline:4px solid var(--pink);outline-offset:8px}.knopf.zweit{--f:var(--panel-hell);--t:#221a4d;--s:var(--creme)}.knopf[disabled],.knopf.ist-aus{--f:#2e2857;--t:#211c40;--s:#6a619b;cursor:not-allowed;box-shadow:-4px 0 0 var(--f), 4px 0 0 var(--f), 0 -4px 0 var(--f), 0 4px 0 var(--f), 0 8px 0 var(--t);transform:none}.antwort{--r:var(--linie);--bg:var(--panel);text-align:left;background:var(--bg);width:100%;min-height:56px;color:var(--creme);font-family:var(--text-schrift);cursor:pointer;box-shadow:-4px 0 0 var(--r), 4px 0 0 var(--r), 0 -4px 0 var(--r), 0 4px 0 var(--r);border:0;align-items:center;gap:16px;margin:0 0 18px;padding:14px 18px;font-size:clamp(16px,4.2vw,20px);line-height:1.45;transition:background 80ms steps(2,end);display:flex}.antwort:last-child{margin-bottom:0}.antwort:hover{--bg:#2c2657;--r:var(--grau)}.antwort:focus-visible{outline:4px solid var(--pink);outline-offset:8px}.antwort .marke{background:var(--linie);width:40px;height:40px;color:var(--creme);font-family:var(--titel-schrift);flex:none;place-items:center;font-size:14px;display:grid}.antwort .text{flex:auto}.antwort .zeichen{flex:none;margin-left:auto}.antwort.gewaehlt{--bg:#3a2e7a;--r:var(--pink)}.antwort.gewaehlt .marke{background:var(--pink);color:#3a0a1a}.antwort.richtig{--bg:#1c4a2a;--r:var(--richtig)}.antwort.richtig .marke{background:var(--richtig);color:#0c2a12}.antwort.falsch{--bg:#4a1b24;--r:var(--falsch)}.antwort.falsch .marke{background:var(--falsch);color:#33060c}.antwort[disabled]{cursor:default}.thema{--r:var(--linie);--akzent:var(--gelb);background:var(--panel);color:var(--creme);font-family:var(--text-schrift);cursor:pointer;width:100%;box-shadow:-4px 0 0 var(--r), 4px 0 0 var(--r), 0 -4px 0 var(--r), 0 4px 0 var(--r);border:0;flex-direction:column;align-items:center;gap:14px;padding:24px 18px 20px;text-decoration:none;transition:transform 80ms steps(2,end),background 80ms steps(2,end);display:flex}.thema .sockel{width:100%;height:var(--px);background:var(--akzent);box-shadow:0 8px 0 -4px var(--akzent);margin-top:2px}.thema:hover{--r:var(--akzent);background:#2c2657;transform:translateY(-6px)}.thema:focus-visible{outline:4px solid var(--pink);outline-offset:8px}.thema.gewaehlt{--r:var(--akzent);background:#2c2657;transform:translateY(-6px)}.thema .zahl{color:var(--grau)}.thema-text{display:contents}.stufen{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stufe-knopf{background:var(--panel);color:var(--grau);cursor:pointer;min-height:44px;font-family:var(--titel-schrift);text-transform:uppercase;box-shadow:-4px 0 0 var(--linie), 4px 0 0 var(--linie), 0 -4px 0 var(--linie), 0 4px 0 var(--linie);border:0;padding:10px 14px;font-size:clamp(9px,2.6vw,12px);transition:background 80ms steps(2,end)}.stufe-knopf:hover{color:var(--creme);background:#2c2657}.stufe-knopf:focus-visible{outline:4px solid var(--pink);outline-offset:8px}.stufe-knopf[aria-pressed=true]{color:var(--creme);box-shadow:-4px 0 0 var(--gelb), 4px 0 0 var(--gelb), 0 -4px 0 var(--gelb), 0 4px 0 var(--gelb);background:#3a2e7a}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.chip{background:var(--panel);color:var(--creme);box-shadow:-4px 0 0 var(--akzent,var(--linie)), 4px 0 0 var(--akzent,var(--linie)), 0 -4px 0 var(--akzent,var(--linie)), 0 4px 0 var(--akzent,var(--linie));align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.pips{gap:8px;margin-top:18px;display:flex}.pips i{background:#2a2455;flex:1 1 0;height:16px;box-shadow:inset 0 0 0 2px #372f70}.pips i.voll{background:var(--gelb);box-shadow:0 4px 0 -1px var(--gelb-tief)}.pips i.jetzt{background:var(--pink);box-shadow:0 4px 0 -1px #b22f58}.stat-zeile{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.balken{gap:4px;margin:6px 0 4px;display:flex}.balken i{background:#2a2455;flex:1 1 0;height:20px}.balken i.r{background:var(--richtig)}.balken i.f{background:var(--falsch)}.raster{gap:22px;display:grid}.d3{grid-template-columns:repeat(3,1fr)}.d2{grid-template-columns:repeat(2,1fr)}.d4{grid-template-columns:repeat(4,1fr)}.buehne{max-width:940px;margin:0 auto}.eng{max-width:620px;margin:0 auto}.notiz{color:var(--grau);font-family:var(--titel-schrift);text-transform:uppercase;margin:0 0 10px;font-size:clamp(9px,2.6vw,12px);line-height:1.7}.abstand{margin-top:26px}.abstand-klein{margin-top:14px}.trenner{height:var(--px);background:var(--linie);opacity:.7;margin:26px 0}.blinker{background:var(--gelb);vertical-align:-3px;width:10px;height:20px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.sterne{justify-content:center;gap:10px;margin-top:34px;display:flex}.sterne svg{width:clamp(28px,11vw,48px);height:auto}.sprite.leer{opacity:.25}.gold{color:var(--gelb)}.pink{color:var(--pink)}.gruen{color:var(--richtig)}.rot{color:var(--falsch)}.dezent{color:var(--grau)}.sektion-titel{align-items:center;gap:14px;margin:0 0 18px;display:flex}.sektion-titel .linie{height:var(--px);background:var(--linie);flex:auto}.nur-vorlesen{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.thema:hover,.knopf:hover{transform:none}}@media (width<=720px){body{padding:16px}.crt{padding:18px 14px 20px}.d3,.d4,.d2{grid-template-columns:1fr}.raster{gap:14px}.thema{flex-direction:row;justify-content:flex-start;gap:16px;padding:14px 16px;position:relative}.thema .sockel{box-shadow:none;position:absolute;bottom:0;left:0}.thema-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}}@media (width<=380px){body{padding:10px}.crt{padding:14px 10px 16px}.knopf{width:100%;margin:4px 0;padding:14px 16px}}