@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f2f5fa;--surface:#fff;--text:#13213a;--muted:#586780;--border:#d8e0eb;--accent:#2459c9;--ok:#12915e;--ok-bg:#dff4e9;--ok-ink:#0b5a3a;--warn:#8a5a00;--warn-bg:#fdf3dc;--timer-warn:#e09a0c;--danger:#d23b30;--danger-bg:#fde5e2;--danger-ink:#8c1f17;--mark:#fff1a8;--seal:#9c7826;--opponent:#d9692a;--zivil:#2f6fdf;--straf:#cf4638;--oeff:#149066;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Lexend Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#10141c;--surface:#1a2030;--text:#e7ecf5;--muted:#9aa6ba;--border:#2d3649;--accent:#7aa5ff;--ok:#4cc98f;--ok-bg:#143425;--ok-ink:#a6ebc8;--warn:#f2c66d;--warn-bg:#3a2f17;--timer-warn:#f2b33d;--danger:#ff7b70;--danger-bg:#3d1c1a;--danger-ink:#ffc4be;--mark:#5c4f12;--seal:#d9b45a;--opponent:#f08c4c;--zivil:#6c9cff;--straf:#ff7d70;--oeff:#4cc98f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{max-width:760px;padding:max(16px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));margin:0 auto}h1{margin:8px 0 4px;font-size:1.5rem}.muted{color:var(--muted);font-size:.875rem}.center{text-align:center}.filters{flex-wrap:wrap;gap:8px;margin:16px 0 12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.875rem}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chip .count{opacity:.75;margin-left:4px}.toolbar{gap:8px;margin-bottom:16px;display:flex}.toolbar select,.toolbar input{flex:1;min-width:0}select,input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:14px 16px}.card.status-pruefen,.card.status-gemeldet{border-left-color:var(--warn)}.card.status-aktiv{border-left-color:var(--ok)}.card.status-verworfen,.card.status-neu_angefordert{opacity:.7}.card-head{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.875rem;font-weight:600;display:flex}.badge{background:var(--border);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.75rem;font-weight:600}.badge-aktiv{background:var(--ok-bg);color:var(--ok)}.badge-pruefen,.badge-gemeldet{background:var(--warn-bg);color:var(--warn)}.badge-verworfen{background:var(--danger-bg);color:var(--danger)}.flags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.flags li{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:3px 8px;font-size:.8125rem}.stem{margin:12px 0 10px;font-size:1.0625rem;font-weight:600}.options{gap:6px;margin:0;padding:0;list-style:none;display:grid}.option{border:1px solid var(--border);border-radius:10px;gap:10px;padding:8px 10px;display:flex}.option .mark{flex:none;width:1em;font-weight:700}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.correct .mark{color:var(--ok)}.option.wrong .mark{color:var(--danger)}.why{color:var(--muted);margin-top:2px;font-size:.8125rem;display:block}.checks{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:.8125rem}.note-details{margin-top:10px}.note-details summary{cursor:pointer;color:var(--accent);padding:4px 0;font-size:.9375rem}.note{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:8px;padding-top:8px;font-size:.9375rem}.note-deck{color:var(--muted);margin-bottom:6px;font-size:.8125rem}.note-field h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 2px;font-size:.75rem}.note img{max-width:100%;height:auto}.note a{color:var(--accent)}.note mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 2px}.note .cloze{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted)}.note table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.note td,.note th{border:1px solid var(--border);padding:4px 6px}.decision{margin:10px 0 0;font-size:.875rem}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}button{font:inherit;cursor:pointer;background:var(--accent);min-height:44px;color:var(--surface);border:1px solid #0000;border-radius:10px;padding:9px 14px}button:disabled{opacity:.6;cursor:default}button.ok{background:var(--ok)}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;min-height:0;padding:0;text-decoration:underline}button.more{width:100%}.regenerate,.edit{gap:8px;margin-top:12px;display:grid}.edit label,.regenerate label{gap:4px;font-size:.875rem;font-weight:600;display:grid}.error{color:var(--danger);font-size:.875rem}.empty{text-align:center;color:var(--muted);padding:32px 0}.topbar{z-index:10;padding:max(8px, env(safe-area-inset-top)) 16px 8px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar .brand{color:var(--accent);letter-spacing:-.01em;background:0 0;min-height:0;padding:0;font-size:1.125rem;font-weight:800}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 12px;min-width:0;display:flex}.topbar-right .link{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.topbar select{width:auto;max-width:8em;padding:4px 8px}button.wide{border-radius:var(--radius);width:100%;margin:8px 0;padding:14px 16px;font-size:1.0625rem;font-weight:700}.back{margin:4px 0 8px}.record{text-align:center;color:var(--muted)}.game-section h2{margin:20px 0 8px;font-size:1rem}.game-card{text-align:left;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.game-card.my-turn{border-color:var(--ok);border-width:2px}.game-card-main{display:grid}.score{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.scoreboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0 14px;padding:16px 8px;display:grid}.scoreboard .player{justify-items:center;gap:6px;min-width:0;font-size:.875rem;display:grid}.avatar{width:52px;height:52px;color:var(--surface);border-radius:50%;place-items:center;font-size:1.0625rem;font-weight:700;display:grid}.avatar.me{background:var(--accent)}.avatar.opponent{background:var(--opponent)}.score-big{align-items:baseline;gap:8px;display:flex}.score-big strong{font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:800;line-height:1}.scoreboard .vs{color:var(--muted);font-size:1.75rem}.result{text-align:center;margin:4px 0 14px;font-size:1.5rem;font-weight:800;animation:.45s cubic-bezier(.2,1.5,.4,1) both pop-in}.result-gewonnen{color:var(--ok)}.result-verloren{color:var(--danger)}.round-table{gap:6px;margin:0;padding:0;list-style:none;display:grid}.round-line{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);text-align:center;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.round-line:disabled{opacity:1}.round-name{font-size:.9375rem;display:grid}.round-name .muted{font-size:.75rem}.round-name[class*=area-] .muted{color:var(--area);font-weight:600}.dots{gap:4px;display:inline-flex}.dots.hidden{color:var(--muted);letter-spacing:2px}.dot{border:2px solid var(--border);border-radius:50%;width:14px;height:14px}.dot.ok{background:var(--ok);border-color:var(--ok)}.dot.bad{background:var(--danger);border-color:var(--danger)}.round-review{padding:8px 4px;font-size:.9375rem}.round-review summary{cursor:pointer;padding:6px 0}.correct-answer{color:var(--ok);font-weight:600}.next{justify-items:center;gap:8px;margin-top:16px;display:grid}.next>*{width:100%}.next .link{width:auto}.waiting{text-align:center;color:var(--muted)}.category-choice{perspective:900px;gap:12px;display:grid}.category-choice h2{text-align:center;margin:8px 0 4px;font-size:1.125rem}.category-choice .category-card{text-align:left;background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);animation:.55s cubic-bezier(.2,.9,.3,1.15) both flip-in;animation-delay:calc(var(--i,0) * .14s);align-items:center;gap:14px;padding:16px;display:flex}.category-card:active{transform:scale(.98)}.category-icon{background:var(--area);width:50px;height:50px;color:var(--surface);border-radius:14px;flex:none;place-items:center;font-size:1.75rem;font-weight:700;display:grid}.category-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.category-text{gap:1px;min-width:0;display:grid}.category-area{letter-spacing:.08em;text-transform:uppercase;color:var(--area);font-size:.75rem;font-weight:700}.category-text strong{overflow-wrap:anywhere;font-size:1.125rem;line-height:1.25}.category-card,.play-category{--area:var(--accent)}.area-zivil{--area:var(--zivil)}.area-straf{--area:var(--straf)}.area-oeff{--area:var(--oeff)}.play-head{justify-content:space-between;align-items:center;gap:8px;margin:4px 0 12px;font-size:.875rem;display:flex}.play-category{color:var(--area);align-items:center;gap:7px;font-weight:700;display:inline-flex}.play-category:before{content:"";background:var(--area);border-radius:50%;flex:none;width:10px;height:10px}.timer{align-items:center;gap:10px;display:flex}.timer-track{background:var(--border);border-radius:999px;flex:1;height:10px;overflow:hidden}.timer-bar{background:var(--ok);border-radius:999px;height:100%;transition:width .1s linear,background-color .4s}.timer.soon .timer-bar{background:var(--timer-warn)}.timer.urgent .timer-bar{background:var(--danger)}.timer.urgent .timer-track{animation:.5s ease-in-out infinite alternate pulse}.timer-seconds{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.timer.urgent .timer-seconds{color:var(--danger)}.question-stem{text-wrap:pretty;margin:18px 0 16px;font-size:1.1875rem;line-height:1.4}.answers{gap:10px;display:grid}.answer{text-align:left;background:var(--surface);width:100%;min-height:58px;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;font-size:1rem;transition:transform .1s,opacity .3s;display:flex;position:relative}button.answer:active{transform:scale(.98)}.answer .letter{background:var(--border);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:700;display:grid}.answer.revealed .answer-text{flex:1;min-width:0}.answer.revealed:not(.correct):not(.chosen-wrong){opacity:.55}.answer.correct{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-ink)}.answer.correct .letter{background:var(--ok);color:var(--surface)}.answer.correct.sealed{padding-right:80px;animation:.45s ease-out pop}.answer.chosen-wrong{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-ink);animation:.42s shake}.answer.chosen-wrong .letter{background:var(--danger);color:var(--surface)}.seal{border:2px solid var(--seal);outline:1px solid var(--seal);outline-offset:-6px;width:62px;height:62px;color:var(--seal);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border-radius:50%;place-items:center;margin-top:-31px;font-size:.58rem;font-weight:700;animation:.38s cubic-bezier(.2,1.6,.4,1) .1s both stamp;display:grid;position:absolute;top:50%;right:9px;transform:rotate(-14deg)}.answer-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--border);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.verdict{margin:14px 0 0;font-size:1.5rem;font-weight:800;animation:.35s cubic-bezier(.2,1.5,.4,1) both pop-in}.verdict.right{color:var(--ok)}.verdict.wrong{color:var(--danger)}.explanation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:12px 14px}.explanation h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:.875rem}.explanation h2+p,.explanation h2+ul{margin-top:6px}.explanation p{margin-bottom:12px;line-height:1.5}.why-list{gap:8px;margin:0 0 4px;padding:0;line-height:1.45;list-style:none;display:grid}.why-list li{align-items:flex-start;gap:10px;display:flex}.why-list .letter{background:var(--border);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8125rem;font-weight:700;display:grid}.round-score{text-align:center;font-size:1.5rem;font-weight:700}.dialog-backdrop{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);box-sizing:border-box;gap:8px;width:min(420px,100%);padding:16px;display:grid}.dialog h2{margin:0 0 4px;font-size:1.125rem}.radio{align-items:center;gap:8px;display:flex}.radio input{width:auto}.login{text-align:center;padding-top:15vh}.login h1{font-size:2rem}.login-players{justify-content:center;gap:10px;margin:12px 0 20px;display:flex}.login-players .chip{padding:10px 20px;font-size:1.0625rem}.login-form{text-align:left;gap:10px;max-width:360px;margin:0 auto;display:grid}.login-form label{gap:4px;font-weight:600;display:grid}.login-links{justify-items:center;gap:6px;margin-top:20px;display:grid}.login-form small,.account-section small{font-weight:400}.success{color:var(--ok)}.account-section{border-top:1px solid var(--border);gap:8px;margin:20px 0;padding-top:12px;display:grid}.account-section h2{margin:0;font-size:1.0625rem}.account-section label{gap:4px;font-weight:600;display:grid}.invite-form{flex-wrap:wrap;gap:8px;display:flex}.invite-form input{flex:180px}.member-list,.code-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.member{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.member .badge{margin-left:6px}.member .actions{margin:0}.code-list li{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.code-dialog .code{letter-spacing:.06em;text-align:center;-webkit-user-select:all;user-select:all;margin:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700}.record-list{color:var(--muted);text-align:center;margin:-6px 0 12px;padding:0;font-size:.9375rem;list-style:none}.privacy h2{margin-top:20px;font-size:1.0625rem}.privacy li{margin-bottom:6px}.privacy h3{margin:16px 0 4px;font-size:1rem}.processing dl{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;font-size:.9375rem;line-height:1.45;display:grid}.processing dt{color:var(--muted);margin-top:6px;font-size:.8125rem}.processing dd{margin:0}.privacy a{color:var(--accent);overflow-wrap:anywhere}.result small{margin-top:4px;font-size:.875rem;font-weight:400;display:block}.tiebreak-note{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius);padding:10px 12px;font-size:.9375rem}.new-game .member-choice{gap:8px;max-height:50vh;margin:4px 0;display:grid;overflow-y:auto}.home-links{justify-content:center;gap:20px;margin:0 0 8px;display:flex}.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.stat-tiles div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:10px 8px}.stat-tiles dt{color:var(--muted);font-size:.75rem}.stat-tiles dd{margin:2px 0 0;font-size:1.375rem;font-weight:700}.head-to-head{text-align:center}.category-stats ul{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.category-stats li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;display:grid}.category-stats .category-name{overflow-wrap:anywhere}.category-stats .bar{background:var(--border);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.category-stats .bar span{background:var(--ok);height:100%;display:block}.category-stats .category-value{grid-area:1/2;font-size:.9375rem}.small-print{margin-top:16px;font-size:.8125rem}.ranking{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.ranking button{text-align:left;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;display:flex}.ranking li.me button{border-color:var(--accent)}.ranking .rank{min-width:2ch;font-weight:800}.ranking-name{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.ranking-name .muted,.ranking-value .muted{font-size:.8125rem}.ranking-value{justify-items:end;display:grid}.ranking-value strong{font-size:1.25rem}.scoreboard .link.muted{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);min-height:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow:hidden}.round-end{text-align:center;padding-top:32px}.round-end .play-category{justify-content:center;margin:0}.round-end h1{text-wrap:balance;margin:8px 0 0;font-size:1.875rem;animation:.4s cubic-bezier(.2,1.5,.4,1) both pop-in}.end-dots{justify-content:center;gap:14px;margin:24px 0 12px;display:flex}.end-dot{width:60px;height:60px;color:var(--surface);animation:.42s cubic-bezier(.2,1.7,.4,1) both pop-in;animation-delay:calc(.3s + var(--i,0) * .35s);border-radius:50%;place-items:center;font-size:1.625rem;font-weight:800;display:grid}.end-dot.ok{background:var(--ok)}.end-dot.bad{background:var(--danger)}.round-end .round-score{animation:.4s 1.4s both fade-up}.round-end .wide{margin-top:24px;animation:.4s 1.6s both fade-up}.confetti{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}@keyframes pop{40%{transform:scale(1.04)}}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(2.3)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(85deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}@keyframes pulse{to{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}