*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;user-select:none;-webkit-user-select:none}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;pointer-events:none}.hud-clock{background:#0000008c;border-radius:14px;padding:5px 12px;font-size:13px;font-weight:600}.hud-stats-btn{pointer-events:auto;background:#0000008c;border:none;color:#eee;border-radius:14px;padding:5px 12px;font-size:13px;font-weight:600}.hud-stats-btn:active{background:#3c320abf}.hud-settings-btn{margin-left:auto}.hud-daily{background:#3c320ab3;color:#ffd166}.hud-aufgaben{position:absolute;top:calc(46px + env(safe-area-inset-top,0px));left:10px;max-width:64vw;background:#0000008c;border-radius:12px;padding:7px 10px;pointer-events:none;font-size:11px}.hud-aufgaben-title{font-weight:700;font-size:11px;color:#ffd166;margin-bottom:3px}.hud-aufgabe{display:flex;align-items:center;gap:6px;line-height:1.45}.hud-aufgabe-text{opacity:.95}.hud-aufgabe-fortschritt{margin-left:auto;font-weight:700;color:#cdd6e0}.hud-aufgabe.erledigt .hud-aufgabe-text{text-decoration:line-through;opacity:.6}.hud-aufgabe.erledigt .hud-aufgabe-fortschritt{color:#7ed957}.hud-needs{position:absolute;left:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:4px;background:#0000008c;border-radius:12px;padding:8px 10px;pointer-events:none}.need{display:flex;align-items:center;gap:6px;font-size:11px}.need span{width:52px}.need-bar{width:90px;height:8px;border-radius:4px;background:#ffffff2e;overflow:hidden}.need-fill{height:100%;border-radius:4px;transition:width .4s}.char-switcher{position:absolute;bottom:env(safe-area-inset-bottom,0);left:0;right:0;display:flex;justify-content:center;gap:8px;padding:8px 10px 10px;pointer-events:auto}.char-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0009;border:2px solid transparent;border-radius:12px;padding:5px 8px;color:#eee;font-size:11px}.char-btn canvas{width:38px;height:38px}.char-btn.active{border-color:#ffd166;background:#3c320abf}.char-btn.taken{opacity:.45}.action-menu{position:fixed;z-index:30;background:#2b2b40;border-radius:12px;box-shadow:0 6px 24px #00000080;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:180px}.action-menu-title{font-size:12px;font-weight:700;opacity:.7;padding:4px 8px 2px}.action-menu button{background:#3d3d5c;border:none;border-radius:8px;color:#eee;font-size:15px;padding:10px 12px;text-align:left}.action-menu button:active{background:#50507a}.action-menu button:disabled{opacity:.45}.action-menu-info{font-size:12px;opacity:.75;padding:6px 8px;max-width:220px}.stats-overlay .minigame-body{align-items:stretch;gap:0}.stats-section{width:100%;max-width:480px;margin:0 auto}.stats-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffd166;margin:12px 0 6px}.stats-player{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:12px;padding:8px 10px;margin-bottom:8px}.stats-player canvas{width:44px;height:44px;flex:none}.stats-player-info{flex:1;min-width:0}.stats-player-name{font-weight:700;font-size:14px}.stats-you{color:#ffd166;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}.stats-stat{background:#00000040;border-radius:8px;padding:4px 2px;text-align:center}.stats-stat b{display:block;font-size:14px}.stats-stat span{font-size:9px;opacity:.7;white-space:nowrap}.stats-family{background:#ffffff12;border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:8px}.stats-family-value{font-weight:700;font-size:14px}.stats-desc{font-size:12px;opacity:.75;margin-top:4px}.stats-ach{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-top:6px}.stats-ach .locked{opacity:.4}.stats-legend{font-size:12px;opacity:.85;display:flex;flex-direction:column;gap:6px;padding-bottom:12px}.stats-legend b{color:#ffd166;font-weight:600}.stats-note{margin-top:4px;font-style:italic;opacity:.7}.wochen-stand{display:flex;flex-direction:column;gap:3px;font-size:13px;margin:6px 0}.wochen-stand-row{display:flex;justify-content:space-between;gap:8px}.wochen-stand-row b{color:#ffd166}.rekord-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.rekord-table th,.rekord-table td{padding:5px 8px;border:1px solid rgba(255,255,255,.15);text-align:left;vertical-align:middle}.rekord-table thead th{background:#ffffff1a;font-weight:700}.rekord-table .rekord-label{white-space:nowrap;font-weight:700}.rekord-table .rekord-familie{color:gold}.rekord-table .rekord-char{opacity:.85}.toast-container{position:absolute;top:calc(54px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:40;pointer-events:none;width:max-content;max-width:92vw}.toast{background:#000000c7;border-radius:14px;padding:9px 16px;font-size:13px;opacity:0;transform:translateY(-8px);transition:all .35s;max-width:92vw}.toast.visible{opacity:1;transform:translateY(0)}.toast.achievement{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6d4f12,#2b2206);border:1px solid #ffd166}.ach-emoji{font-size:26px}.ach-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#ffd166}.reconnect-banner{position:absolute;top:0;left:0;right:0;background:#b03a3a;text-align:center;font-size:13px;padding:8px;z-index:60}.login-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:linear-gradient(160deg,#1a1a2e,#2e3a1f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;overflow-y:auto}.login-screen h1{font-size:34px}.login-sub{opacity:.7;margin-top:-8px}.login-cards{display:grid;grid-template-columns:repeat(2,minmax(130px,160px));gap:10px}.login-card{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff12;border:2px solid transparent;border-radius:14px;padding:12px 8px;color:#eee}.login-card canvas{width:64px;height:64px}.login-card small{opacity:.65;font-size:11px}.login-card.selected{border-color:#ffd166;background:#ffd1661f}.login-pin{font-size:18px;text-align:center;padding:10px 14px;border-radius:10px;border:none;width:200px;background:#ffffff1f;color:#fff}.login-join{font-size:17px;font-weight:700;padding:12px 26px;border:none;border-radius:12px;background:#ffd166;color:#320}.login-error{color:#ff9d9d;min-height:20px;font-size:14px}.lock-info{background:#ffffff14;border-radius:14px;padding:18px 22px;max-width:420px;text-align:center;line-height:1.5;font-size:15px}.settings-text{font-size:13px;opacity:.85;line-height:1.45}.settings-reset{margin-top:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:700;border:none;border-radius:10px;background:#e85d5d2e;color:#ff9d9d}.settings-reset.armed{background:#b03a3a;color:#fff}.minigame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:#141422f5;display:flex;flex-direction:column}.minigame-header{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;font-size:17px;font-weight:700}.minigame-close{background:#ffffff1f;border:none;color:#eee;font-size:17px;border-radius:50%;width:38px;height:38px}.minigame-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 12px calc(16px + env(safe-area-inset-bottom,0px))}.tagesabschluss-overlay .minigame-body{justify-content:center}.tagesabschluss-datum{font-size:13px;opacity:.75}.tagesabschluss-liste{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.tagesabschluss-row{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:12px;padding:8px 12px}.tagesabschluss-row.sieger{background:#ffd1662e;border:1px solid rgba(255,209,102,.55)}.tagesabschluss-platz{width:26px;text-align:center;font-size:16px}.tagesabschluss-row canvas{width:36px;height:36px;flex:none}.tagesabschluss-name{flex:1;font-weight:700}.tagesabschluss-note{max-width:360px;text-align:center;font-size:13px;color:#ffd166}.tagesabschluss-weiter{background:#ffd166;color:#2a2410;border:none;border-radius:14px;padding:10px 20px;font-size:15px;font-weight:700}.cw-grid{display:grid;gap:2px;width:100%}.cw-cell{position:relative;aspect-ratio:1;background:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#222;font-weight:700;font-size:18px}.cw-cell.empty{background:transparent}.cw-cell i{position:absolute;top:1px;left:3px;font-size:8px;font-style:normal;opacity:.6}.cw-cell.word{background:#cfe3ff}.cw-cell.active{background:#ffd166}.cw-cell.wrong{background:#ff9d9d}.cw-grid.solved .cw-cell{background:#b9e8a5}.cw-clue{font-size:14px;text-align:center;min-height:38px;display:flex;align-items:center;background:#ffffff14;border-radius:10px;padding:6px 12px}.cw-keyboard{display:flex;flex-direction:column;gap:5px;width:100%;max-width:440px}.cw-kb-row{display:flex;justify-content:center;gap:4px}.cw-kb-row button{flex:1;max-width:40px;padding:11px 0;font-size:15px;font-weight:600;background:#3d3d5c;color:#eee;border:none;border-radius:6px}.cw-kb-row button.wide{max-width:60px}.cw-kb-row button:active{background:#50507a}.cw-hint{background:#ffd16626;border:1px solid #ffd166;color:#ffd166;border-radius:10px;padding:8px 14px;font-size:13px}.cw-clue-list{font-size:12px;opacity:.85;display:flex;flex-direction:column;gap:3px;width:100%;max-width:440px}.cw-clue-list strong{margin-top:6px;color:#ffd166}.cook-card{background:#ffffff14;border-radius:12px;padding:10px 14px;text-align:center;font-size:16px}.cook-needs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;font-size:12px}.cook-needs span{background:#ffffff1a;padding:3px 8px;border-radius:10px}.cook-needs span.done{background:#7ed9574d;text-decoration:line-through}.cook-timebar{width:100%;max-width:440px;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.cook-timebar div{height:100%;width:100%;background:#7ed957}.cook-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:440px}.cook-ingredient{display:flex;flex-direction:column;align-items:center;gap:2px;background:#3d3d5c;border:none;border-radius:12px;color:#eee;padding:10px 4px;font-size:11px}.cook-emoji{font-size:26px}.cook-ingredient.used{opacity:.3}.cook-ingredient.wrong{background:#b03a3a;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cook-pan{font-size:20px;background:#00000080;border-radius:14px;padding:14px 22px;min-height:54px}.cook-flash{color:#ff9d9d;font-weight:700;font-size:18px;opacity:0;transition:opacity .2s;min-height:24px}.cook-flash.visible{opacity:1}.swim-info{font-size:14px;text-align:center;opacity:.85}.swim-laps{font-size:22px;font-weight:700}.swim-lane{position:relative;width:100%;max-width:440px;height:60px;background:linear-gradient(#3f9ec4,#357fa3);border-radius:10px;overflow:hidden}.swim-swimmer{position:absolute;top:14px;left:0;font-size:28px;transition:left .1s linear}.swim-rhythm{position:relative;width:100%;max-width:440px;height:34px;background:#ffffff1f;border-radius:8px;overflow:hidden}.swim-zone{position:absolute;left:35%;width:30%;top:0;bottom:0;background:#7ed95773}.swim-marker{position:absolute;top:3px;bottom:3px;width:4%;background:#ffd166;border-radius:4px}.swim-tap{width:100%;max-width:440px;padding:22px;font-size:22px;font-weight:800;border:none;border-radius:16px;background:#ffd166;color:#320}.swim-tap.perfect{background:#7ed957}.pc-info{font-size:14px;text-align:center;opacity:.85}.pc-counter{font-size:18px;font-weight:700}.pc-pool{position:relative;width:100%;max-width:440px;height:320px;background:linear-gradient(#3f9ec4,#2e6f93);border:4px solid #d9c9a3;border-radius:14px;overflow:hidden}.pc-leaf{position:absolute;background:none;border:none;font-size:30px;padding:8px;transition:opacity .3s,transform .3s;animation:pc-bob 2.2s ease-in-out infinite}.pc-leaf.sink{opacity:0;transform:translateY(16px) scale(.5)}.pc-leaf.caught{opacity:0;transform:scale(1.6)}@keyframes pc-bob{0%,to{margin-top:0}50%{margin-top:7px}}.tt-info{font-size:14px;opacity:.85;text-align:center}.tt-score{font-size:17px;font-weight:700}.tt-canvas{border-radius:12px;touch-action:none;box-shadow:0 4px 18px #0006}.np-info{font-size:14px;opacity:.85;text-align:center}.np-progress{font-size:13px;opacity:.7;min-height:16px}.np-paper{width:100%;max-width:440px;background:#f4efe3;color:#222;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #0006}.np-masthead{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:20px;text-align:center;border-bottom:2px solid #222;padding-bottom:6px}.np-headline{font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700;line-height:1.3;min-height:74px}.np-kommentar{font-size:14px;line-height:1.35;color:#444;min-height:56px}.np-paper.richtig{outline:3px solid #7ed957}.np-paper.falsch{outline:3px solid #e85d5d}.np-buttons{display:flex;gap:10px;width:100%;max-width:440px}.np-btn{flex:1;padding:14px;font-size:16px;font-weight:700;border:none;border-radius:12px;color:#fff}.np-btn.echt{background:#3a7d5c}.np-btn.ente{background:#b07a2a}.np-btn:disabled{opacity:.5}.np-weiter{padding:12px 22px;font-size:15px;font-weight:700;border:none;border-radius:12px;background:#4a6fa5;color:#fff}