:root{color-scheme:light;--bg: #ffffff;--panel: #f4f5f7;--ink: #000000;--muted: #5b616e;--accent: #000000;--good: #2f9e44;--bad: #e03131;--gold: #000000;--figure: #d4d8de;--radius: 14px;--tap: 48px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{max-width:480px;margin:0 auto;padding:20px 16px 40px;min-height:100%}h1,h2,h3{margin:0 0 8px;letter-spacing:-.4px}.muted{color:var(--muted)}.center{text-align:center}button{font:inherit;cursor:pointer;border:none}:where(a,button,input,.game-row,.tile,.tab,.exit-btn):focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{min-height:var(--tap);padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;border:2px solid var(--ink)}.btn.secondary{background:#fff;color:var(--ink)}.btn:disabled{opacity:.4}@media (hover: hover){.btn:hover{opacity:.85}}.join{display:flex;flex-direction:column;gap:14px;margin-top:18vh}.field{display:flex;flex-direction:column;gap:6px}.field input{min-height:var(--tap);border-radius:10px;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:0 14px;font-size:17px}.field input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--ink)}.error{color:var(--bad);min-height:1.2em}.home-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.greet{color:var(--muted);font-size:13px}.greet strong{color:var(--ink);font-weight:700}.wordmark{font-size:32px;font-weight:800;letter-spacing:-1px;text-transform:uppercase;margin:0 0 4px}.topic{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:26px 0 4px}.game-list{border-top:1.5px solid var(--ink)}.game-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:14px 4px;background:#fff;color:var(--ink);border:none;border-bottom:1.5px solid var(--ink);text-align:left}.game-name{font-size:17px;font-weight:600}.game-stars{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--gold)}.game-stars.none{color:var(--muted);letter-spacing:0}@media (hover: hover){.game-row:hover{background:var(--panel)}}.game-row:active{background:#000;color:#fff}.game-row:active .game-stars{color:#fff}.tab{background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.board{list-style:none;padding:0;margin:0}.board li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-left:6px solid transparent}.board li:nth-child(odd){background:var(--panel)}.board li.is-you{background:#ececec;border-left-color:var(--ink)}.board .rank{width:24px;color:var(--muted);font-weight:700}.board .who{flex:1}.board .pts{font-weight:800;color:var(--ink)}.game{display:flex;flex-direction:column;min-height:70vh}.game-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.streak{color:var(--accent);font-weight:700}.mode-bar{display:flex;margin-bottom:8px}.exit-btn{min-height:44px;display:inline-flex;align-items:center;background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:0 16px;font-size:13px;font-weight:600}.prompt{font-size:28px;font-weight:800;text-align:center;margin:12px 0}.figure-wrap{flex:1;display:flex;align-items:center;justify-content:center}.figure-wrap svg{max-height:46vh;max-width:100%;width:auto;display:block}.fig-base{fill:var(--figure);filter:drop-shadow(0 1px 1px rgba(0,0,0,.32))}.fig-detail{fill:none;stroke:#9aa1ad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.part>*{fill:transparent;stroke:none;transition:fill .15s ease}.part.is-highlight>*{fill:var(--accent)}.part.is-wrong>*{fill:var(--bad)}.is-hidden{display:none}.tappable .part{cursor:pointer}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.tile{min-height:var(--tap);border-radius:12px;background:#fff;color:var(--ink);border:2px solid var(--ink);font-weight:700;font-size:17px}@media (hover: hover){.tile:hover{background:var(--panel)}}.tile:active{background:#000;color:#fff}.tile.is-correct{background:var(--good);color:#fff;border-color:var(--good)}.tile.is-wrong{background:var(--bad);color:#fff;border-color:var(--bad)}.summary{text-align:center;margin-top:6vh;display:flex;flex-direction:column;gap:12px;align-items:center}.sum-head{font-size:26px;font-weight:900}.sum-stars{font-size:40px;color:var(--gold);letter-spacing:4px}.recap{list-style:none;padding:0;margin:6px 0 0;width:100%;display:flex;flex-direction:column;gap:6px}.recap li{display:flex;justify-content:space-between;gap:12px;background:var(--panel);border-radius:10px;padding:8px 12px}.recap-q{color:var(--muted)}.recap-a{font-weight:700}.recap-perfect{font-size:18px}.scene-wrap{flex:1;display:flex;align-items:center;justify-content:center}.scene{max-height:42vh;max-width:100%;width:auto;display:block}.scene .ground{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.scene .wall{fill:var(--figure);stroke:var(--ink);stroke-width:2}.scene .crate-front{fill:#fff}.scene .crate-top{fill:var(--figure)}.scene .crate-side{fill:#e6e6e6}.scene .crate-inner{fill:#dadde2}.scene .crate-front,.scene .crate-top,.scene .crate-side{stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.scene .cat-body,.scene .cat-head,.scene .cat-ear{fill:var(--figure);stroke:var(--ink);stroke-width:2}.scene .cat-tail{stroke:var(--ink);stroke-width:5;stroke-linecap:round}.scene .cat-eye{fill:var(--ink)}.scene .arrow path{stroke:var(--accent);stroke-width:4;fill:none;stroke-linecap:round}.scene .arrow marker path{fill:var(--accent);stroke:none}.praep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.praep-cell{background:var(--panel);border-radius:14px;padding:8px;text-align:center}.praep-scene svg{width:100%;height:150px}.praep-lab{font-weight:800;margin-top:4px}.fb{margin-top:14px;border-radius:14px;padding:14px 16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center}.fb-ok{background:#e7f6ec;border:2px solid var(--good)}.fb-bad{background:#fdecec;border:2px solid var(--bad)}.fb-line{font-size:20px;font-weight:800}.fb-ok .fb-mark{color:var(--good)}.fb-bad .fb-mark{color:var(--bad)}.fb-note{color:var(--muted);font-size:14px}.fb-weiter{width:100%;margin-top:4px}.tip{background:#fff;border:2px solid var(--ink);border-radius:var(--radius);padding:20px;margin-top:8vh;display:flex;flex-direction:column;gap:10px;text-align:center}.tip-line{margin:0;font-size:18px;font-weight:700}.tip-line.tip-sub{font-size:14px;font-weight:500;color:var(--muted)}.tip-ok{margin-top:8px}.tip-foot{text-align:center;color:var(--muted);font-size:13px;margin:10px 0 0;display:flex;gap:10px;align-items:center;justify-content:center}.tip-regel{background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.scene-noun{text-align:center;color:var(--muted);font-weight:700;margin:4px 0 0;min-height:18px}.blank{color:var(--accent);font-weight:900}