:root{color-scheme:dark;--bg:#10162f;--panel:#1b2447;--ink:#f8fafc;--muted:#c5cce0;--brand:#7dd3fc;--accent:#fbbf24;--danger:#fb7185;font:17px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#253367,var(--bg) 48%);color:var(--ink);min-height:100vh}header,main{width:min(1100px,92%);margin:auto}header{display:flex;align-items:center;gap:1rem;padding:1rem 0}header h1{font-size:clamp(1.4rem,4vw,2.2rem);margin-right:auto}button,a,.button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:.8rem;padding:.7rem 1rem;background:var(--brand);color:#082032;font-weight:750;cursor:pointer;min-height:44px}.secondary{background:#34416f;color:var(--ink)}a{color:var(--brand)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card,.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid #53618c;border-radius:1rem;padding:1rem;box-shadow:0 8px 24px #0004}.muted{color:var(--muted)}form{display:grid;gap:.8rem;max-width:520px}label{display:grid;gap:.3rem}input,select,textarea{background:#0d1430;color:var(--ink);border:2px solid #7180ad;border-radius:.6rem;padding:.7rem;min-height:44px}textarea{min-height:90px;resize:vertical}:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.login{min-height:100vh;display:grid;place-items:center}.login .panel{width:min(440px,92%)}#avatar{width:64px;height:64px;flex:0 0 auto}.avatar-builder{grid-column:span 2}.avatar-builder form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:none}.avatar-builder form button{align-self:end}.avatar-builder #avatarPreview{width:160px;max-width:45vw;margin:auto}.dashboard-grid{margin-top:1rem}.game-shell{max-width:680px;margin:auto}.board{display:grid;gap:.45rem;touch-action:none;user-select:none}.board-4{grid-template-columns:repeat(4,1fr)}.tile,.memory-card{aspect-ratio:1;border-radius:.7rem;display:grid;place-items:center;font-size:clamp(1.2rem,7vw,2.2rem);background:#34416f;color:white}.value-2{background:#37607b}.value-3{background:#36726e}.value-4{background:#697533}.value-5{background:#8b672b}.value-6,.value-7{background:#9a4f32}.value-8,.value-9,.value-10,.value-11{background:#873c61}.memory-card{font-size:2rem}.memory-board.leicht,.memory-board.mittel{grid-template-columns:repeat(4,1fr)}.memory-board.schwer{grid-template-columns:repeat(6,1fr)}.memory-card:disabled{opacity:1;background:#246b58}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem 0}.score{font-size:1.3rem;font-weight:bold}.direction-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem auto;max-width:360px}.direction-controls[hidden]{display:none}.quiz-board{display:block}.quiz-answer{display:block;width:100%;margin:.6rem 0;text-align:left}.question-item{display:grid;gap:.4rem;border-top:1px solid #53618c;padding:.8rem 0}.question-item button{justify-self:start}.inline{display:flex;align-items:center;gap:.35rem}.inline input{min-height:auto;width:1.2rem;height:1.2rem}.table-scroll{overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #53618c;padding:.6rem}@media(max-width:600px){header{align-items:flex-start;flex-wrap:wrap}.card{padding:.8rem}.board{gap:.3rem}.avatar-builder{grid-column:auto}.memory-board.schwer{grid-template-columns:repeat(4,1fr)}.memory-card{font-size:1.5rem;padding:.25rem}.game-shell{width:96%;padding:.7rem}}