@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--bg:#0e1233;--panel:#1d2454;--soft:#252d62;--fg:#f8f8ff;--muted:#b9c1e4;--yellow:#ffd45d;--pink:#ff7fba;--teal:#60e6c5;--purple:#aa9bff;--red:#ff7b8e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,#39378b 0,transparent 50%),var(--bg);color:var(--fg);font-family:Nunito,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.top{max-width:1110px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 22px;border-bottom:1px solid #353b70}.brand{display:flex;align-items:center;gap:10px;font-size:25px}.brand span{color:var(--yellow)}.brand small{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.03em}.account{display:flex;gap:10px;align-items:center}.wrap{max-width:1050px;margin:auto;padding:24px 20px 70px}.hero{background:linear-gradient(120deg,#252d69,#40388e);border:1px solid #5c58a3;border-radius:30px;padding:45px;min-height:370px;position:relative;overflow:hidden}.hero:after{content:'✦';font-size:240px;position:absolute;right:0;top:-70px;color:#ffffff0c}.eyebrow{color:var(--teal);font-weight:900;letter-spacing:.16em;font-size:12px}h1{font-size:clamp(34px,5vw,58px);line-height:1.1;margin:20px 0}h1 em{color:var(--yellow);font-style:normal}h2{font-size:26px;margin:0 0 8px}h3{margin:0 0 10px;font-size:19px}p{line-height:1.6;color:var(--muted)}.primary,.secondary,.choice,.pill{border:0;border-radius:15px;padding:13px 22px;font-weight:900}.primary{background:var(--yellow);color:#232043;box-shadow:0 5px 0 #c49e38}.secondary{background:#373f7a;color:var(--fg)}.primary:active,.secondary:active{transform:translateY(3px)}.pill{background:#343a73;color:white;padding:8px 14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid #434b89;border-radius:22px;padding:22px}.big{font-size:36px;font-weight:900;color:var(--yellow)}.muted{color:var(--muted)}.tiny{font-size:12px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav{display:flex;gap:9px;margin:0 0 22px;flex-wrap:wrap}.nav button.active{background:var(--yellow);color:#1d2454}.card-game{background:linear-gradient(145deg,#2f3279,#1d2454);border:2px solid #696ac2;border-radius:28px;text-align:center;padding:35px 26px;margin:20px 0}.german{font-size:clamp(29px,5vw,46px);font-weight:900;margin:15px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{text-align:left;background:#343d7b;border:2px solid #535ba0;color:white;min-height:70px}.choice:hover{border-color:var(--yellow)}.choice.correct{background:#146d5d;border-color:var(--teal)}.choice.wrong{background:#903d60;border-color:var(--red)}.progress{height:14px;border-radius:100px;background:#373c70;overflow:hidden}.progress>div{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--teal),var(--yellow));transition:width .3s}.tag{background:#353c7a;border-radius:14px;padding:6px 11px;font-weight:800;font-size:12px}.notification{margin:15px 0;border:1px solid #7975ba;border-radius:14px;padding:13px 16px;background:#302f68}.notice{border-color:#ad8250;background:#524229}.success{border-color:#389985;background:#1a574b}.form{display:grid;gap:13px;max-width:500px}.form label{display:grid;gap:6px;color:var(--muted);font-weight:700}.form input,.form select,input.answer{background:#11183d;border:2px solid #505b96;border-radius:13px;padding:13px;color:white;width:100%}.section-title{margin:26px 0 15px}.metric{font-size:13px;color:var(--muted);font-weight:800}.metric strong{display:block;font-size:30px;color:white}.capsule{background:#212d61;border-left:4px solid var(--teal);padding:20px;border-radius:12px}.capsule .ex{font-size:20px;color:var(--yellow);font-weight:800}.wordbank{max-height:430px;overflow:auto}.wordrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-bottom:1px solid #383f75}.wordrow small{display:block;color:var(--muted)}.wordrow strong{color:var(--yellow)}.loading{text-align:center;padding:40px}.center{text-align:center}.badge{display:inline-block;background:#40568c;color:#dcf1ff;padding:7px 12px;border-radius:99px;font-size:12px;font-weight:800}.leader{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #454c83}.quiz-note{font-size:12px;color:var(--muted)}footer{text-align:center;color:#939fc7;padding:24px;font-size:12px}.hidden{display:none!important}@media(max-width:720px){.grid,.grid.two{grid-template-columns:1fr}.top{padding:16px;align-items:flex-start}.brand small{display:none}.hero{padding:24px;min-height:340px}.choices{grid-template-columns:1fr}.wrap{padding:16px 14px 35px}.card-game{padding:22px 12px}.account{font-size:12px}.wordrow{font-size:13px}}