:root{--bg:#fdfdfd;--text:#111;--muted:#828282;--border:#e8e8e8;--panel:#fafafa;--link:#2a7ae2;--link-visited:#1756a9;--accent:#f66a0a;--der:#2a7ae2;--die:#d14b6c;--das:#2f9e6a;--good:#2f9e6a;--bad:#d14b6c}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;margin:0;font:400 18px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Segoe UI Symbol,Segoe UI Emoji,Apple Color Emoji,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:var(--link);text-decoration:none}a:visited{color:var(--link-visited)}a:hover{color:var(--text);text-decoration:underline}.page{max-width:720px;padding:24px 18px calc(24px + env(safe-area-inset-bottom));flex-direction:column;min-height:100%;margin:0 auto;display:flex}@media (width>=500px){.page{padding:32px 20px calc(32px + env(safe-area-inset-bottom))}}.page.center{text-align:center;justify-content:flex-start;align-items:center;gap:14px;padding-top:48px}.site-back{color:var(--muted);margin-bottom:20px;font-size:.95rem;display:inline-block}.site-back:hover{color:var(--text);text-decoration:none}.top-links{z-index:3;justify-content:space-between;padding:0 20px;font-size:.9rem;display:flex;position:absolute;top:16px;left:0;right:0}.linklike{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.9rem}.linklike:hover{color:var(--text)}.site-back-inline{color:var(--muted);padding:4px 0;font-size:.9rem}.site-back-inline:hover{color:var(--text);text-decoration:none}.overlay-link{margin-top:4px;font-size:.85rem}.home-head h1{letter-spacing:-.01em;margin:0 0 6px;font-size:2.2rem;font-weight:400}.sub{color:var(--muted);margin:0 0 8px;font-size:1rem}.streak-line{color:var(--muted);margin:0;font-size:.95rem}.game-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.game-card{text-align:left;background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;gap:2px 14px;padding:18px 20px;transition:border-color .15s;display:grid}.game-card:not(.disabled):hover{border-color:var(--accent)}.game-card:not(.disabled):active{transform:translateY(1px)}.game-card.disabled{opacity:.5;cursor:default}.game-emoji{grid-row:span 2;font-size:1.6rem}.game-name{font-size:1.1rem;font-weight:600}.game-desc{color:var(--muted);font-size:.9rem}.game{max-width:720px;height:100dvh;padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;transition:background .2s;display:flex;overflow:hidden}@media (width>=500px){.game{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}}.flash-good{background:linear-gradient(#fdfdfd,#eaf6ee 40%,#fdfdfd)}.flash-bad{background:linear-gradient(#fdfdfd,#faebef 40%,#fdfdfd)}.hud{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:14px;padding:4px 4px 10px;font-size:.9rem;display:flex}.hud-score{color:var(--good);font-weight:600}.combo{color:var(--accent);font-weight:600}.hud-timer{min-width:68px}.pause-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:3px;margin-left:auto;padding:6px 14px;font-family:inherit;font-size:.95rem}.pause-btn:hover{border-color:var(--accent)}.sky{border:1px solid var(--border);background:#fafafa;border-radius:3px;flex:1;position:relative;overflow:hidden}.chute{will-change:top;flex-direction:column;align-items:center;max-width:92%;display:flex;position:absolute;transform:translate(-50%)}.canopy{font-size:clamp(1.4rem,5vw,2rem);line-height:1}.word{background:var(--bg);border:1px solid var(--border);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:100%;padding:5px 10px;font-size:clamp(.8rem,3.2vw,1.3rem);font-weight:600;overflow:hidden;box-shadow:0 2px 6px #0000000d}@media (width>=500px){.word{padding:8px 14px}}.correction{background:var(--bg);border:1px solid var(--bad);color:var(--text);z-index:5;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border-radius:3px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:600;animation:.35s ease-out pop;position:fixed;top:12%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.miss-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:8px 2px 0;display:flex;overflow-x:auto}.miss-strip::-webkit-scrollbar{display:none}.miss-item{background:var(--bg);border:1px solid var(--border);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;flex:none;max-width:60vw;padding:4px 10px;font-size:.8rem;overflow:hidden}.miss-item s{color:var(--bad)}.miss-item b{font-weight:700}.art-der{color:var(--der)}.art-die{color:var(--die)}.art-das{color:var(--das)}.overlay{z-index:10;background:#fdfdfdf0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.overlay h2{margin:0 0 8px;font-size:1.8rem;font-weight:400}.buckets{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px 0 4px;display:grid}.bucket{border:1px solid var(--border);color:#fff;cursor:pointer;border-radius:3px;min-height:56px;padding:18px 0;font-family:inherit;font-size:clamp(1.15rem,5vw,1.5rem);font-weight:600;transition:transform 80ms,filter .15s}.bucket:hover{filter:brightness(1.05)}.bucket:active{transform:translateY(2px)}.bucket-der{background:var(--der);border-color:var(--der)}.bucket-die{background:var(--die);border-color:var(--die)}.bucket-das{background:var(--das);border-color:var(--das)}.satzbau{justify-content:flex-start}.satz-board{flex-direction:column;flex:1;gap:16px;padding:20px 0 0;display:flex;position:relative}.satz-hint{color:var(--muted);text-align:center;margin:0;font-size:clamp(.95rem,3.5vw,1.1rem);font-style:italic}.satz-slots{border:1.5px dashed var(--border);background:#fafafa;border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;min-height:56px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.satz-slots.satz-wrong{border-color:var(--bad);background:#faebef;border-style:solid}.satz-caret{background:var(--muted);opacity:.4;width:2px;height:24px;animation:1s ease-in-out infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:.1}}.satz-answer{background:var(--bg);border:1px solid var(--good);border-radius:3px;flex-direction:column;gap:2px;padding:8px 12px;font-size:clamp(.95rem,3.5vw,1.1rem);animation:.35s ease-out pop;display:flex}.satz-answer-label{color:var(--good);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.satz-tray{flex-wrap:wrap;gap:8px;min-height:56px;padding:8px 0;display:flex}.tile{background:var(--bg);border:1px solid var(--border);font:inherit;color:var(--text);cursor:pointer;border-radius:3px;min-height:44px;padding:10px 14px;font-size:clamp(.95rem,4vw,1.15rem);font-weight:500;transition:transform 80ms,border-color .15s,background .15s;box-shadow:0 1px 2px #0000000a}.tile:not(:disabled):hover{border-color:var(--accent)}.tile:not(:disabled):active{transform:translateY(1px)}.tile:disabled{cursor:default;opacity:.7}.tile.placed{background:var(--bg);border-color:var(--accent)}.satz-skip{align-self:center;min-width:0;margin-top:auto;margin-bottom:4px;padding:10px 24px;font-size:.9rem}.satz-skip:disabled{opacity:.4;cursor:default}.satz-next{align-self:center;min-width:min(180px,60vw);margin-top:auto;margin-bottom:4px;padding:14px 28px}.hud-progress{color:var(--muted)}.satzbau-review-row{flex-direction:column;align-items:flex-start;gap:4px}.satzbau-review-row .review-word{white-space:normal}.satzbau-review-row .review-detail{text-align:left}.duration-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px;margin:16px 0;display:grid}.duration-grid .primary{min-width:0;padding:16px 8px}.big-score{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,12vw,3.5rem);font-weight:400}.msg{color:var(--text);margin:0;font-size:1.15rem}.review{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:3px;width:100%;max-width:480px;max-height:45dvh;margin:12px 0;padding:18px 22px;overflow-y:auto}.review-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:.8rem;font-weight:600}.review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.review-row:last-child{border-bottom:none}.review-word{white-space:nowrap;font-weight:600}.review-detail{color:var(--muted);text-align:right;font-size:.9rem}.review-detail s{color:var(--bad)}.primary,.ghost{font:inherit;cursor:pointer;border:1px solid var(--accent);border-radius:3px;min-width:min(200px,70vw);max-width:100%;padding:14px 32px;font-size:1rem;font-weight:600;transition:filter .15s,background .15s}.primary{background:var(--accent);color:#fff}.primary:hover{filter:brightness(.95)}.ghost{background:var(--bg);color:var(--muted);border-color:var(--border)}.ghost:hover{color:var(--text);border-color:var(--muted)}