:root{--green-deep:#0a1a0d;--green-dark:#123018;--green-mid:#2f6b34;--leaf:#8fce5c;--leaf-bright:#c6f08a;--banana:#ffd23f;--sun:#fff3c4;--danger:#ff6b57;--text:#eef7e6;--text-dim:#a9c2a0;--font:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--radius:14px;--shadow:0 10px 34px #00000080}*{box-sizing:border-box}html,body{background:var(--green-deep);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}#app{background:var(--green-deep,#06210f);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#app:before{content:"";background-image:var(--wand-bild,none);filter:blur(28px)brightness(.32)saturate(.85);pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.12)}#app:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}#buehne{z-index:2;height:100vh;height:100dvh;width:min(100vw, calc(100vh * var(--buehne-verhaeltnis,.5625)));width:min(100vw, calc(100dvh * var(--buehne-verhaeltnis,.5625)));position:relative;overflow:hidden;box-shadow:0 0 70px 12px #0000008c;container-type:size}#viewport,#viewport canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;z-index:10;position:absolute;inset:0}.ton-schalter{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:40;pointer-events:auto;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;background:#08140c8c;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;transition:transform .12s,background .15s,opacity .15s;display:grid;position:absolute}.ton-schalter:hover{background:#08140ccc}.ton-schalter:active{transform:scale(.92)}.ton-schalter:focus-visible{outline:2px solid var(--accent,#7bd66f);outline-offset:2px}.ton-schalter[data-stumm=ja]{opacity:.55}.ton-schalter[hidden]{display:none}.pause-schalter{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:40;pointer-events:auto;letter-spacing:.06em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;background:#08140c8c;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;font-size:17px;font-weight:900;line-height:1;transition:transform .12s,background .15s;display:grid;position:absolute}.pause-schalter:hover{background:#08140ccc}.pause-schalter:active{transform:scale(.92)}.pause-schalter:focus-visible{outline:2px solid var(--accent,#7bd66f);outline-offset:2px}.pause-schalter[hidden]{display:none}.uebertrag{text-align:left;color:#ffffffbf;width:min(420px,100%);margin-top:18px;font-size:13px}.uebertrag>summary{cursor:pointer;color:#fff9;align-items:center;min-height:44px;padding:13px 0;display:flex}.uebertrag>summary:hover{color:#fff}.uebertrag__hinweis{margin:8px 0 4px;line-height:1.45}.uebertrag__code{letter-spacing:.28em;text-indent:.28em;color:var(--banana);-webkit-user-select:all;user-select:all;background:#00000059;border-radius:6px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700;display:inline-block}.uebertrag__hinweis--code{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.uebertrag__hinweis--code[hidden]{display:none}.uebertrag__form{flex-wrap:wrap;gap:6px;display:flex}.uebertrag__eingabe{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;flex:auto;min-width:0;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.uebertrag__eingabe--code{text-align:center;letter-spacing:.22em;text-indent:.22em;flex:0 0 6.5em;font-size:18px;font-weight:700}.btn.btn--klein{flex:none;min-height:44px;padding:10px 14px;font-size:13px}.btn.btn--klein:disabled,.uebertrag__eingabe:disabled{opacity:.5;cursor:progress}.uebertrag__status{min-height:1.2em;margin-top:6px}.uebertrag[hidden]{display:none}.screen{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));display:none;position:absolute;inset:0}.screen.is-visible{display:flex}.screen--center{text-align:center;pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:16px;overflow-y:auto}.screen--dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#061209d1 0%,#040c06f0 100%)}.screen--hud{pointer-events:none;flex-direction:column;justify-content:flex-start}.logo{letter-spacing:.06em;color:var(--leaf-bright);text-shadow:0 3px 0 var(--green-dark), 0 0 34px #8fce5c73;margin:0;font-size:clamp(2.1rem,8cqw,4.2rem);font-weight:900;line-height:.94}.logo span{color:var(--banana);letter-spacing:.26em;font-size:.62em;display:block}.tagline{max-width:30ch;color:var(--text-dim);margin:0;font-size:.98rem;line-height:1.5}.headline{letter-spacing:.04em;color:var(--leaf-bright);text-shadow:0 3px 0 var(--green-dark);margin:0;font-size:clamp(1.8rem,6cqw,3rem);font-weight:900}.headline--best{color:var(--banana)}.btn{pointer-events:auto;appearance:none;color:var(--text);letter-spacing:.04em;border-radius:var(--radius);cursor:pointer;background:#123018e6;border:2px solid #c6f08a59;padding:13px 30px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .12s,background .15s,border-color .15s}.btn:hover,.btn:focus-visible{border-color:var(--leaf);background:#2f6b34f2;outline:none;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg, var(--leaf) 0%, var(--green-mid) 100%);border-color:var(--leaf-bright);color:#08210c;padding:15px 40px;font-size:1.1rem}.btn--primary:hover,.btn--primary:focus-visible{background:linear-gradient(180deg, var(--leaf-bright) 0%, var(--leaf) 100%)}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.panel{border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);background:#08180cb8;border:1px solid #8fce5c38;padding:14px 18px 16px}.panel__title{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:.82rem;font-weight:800}.chars{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(620px,100%);display:grid}.chars.is-busy{opacity:.6;cursor:progress}.char{pointer-events:auto;appearance:none;border-radius:var(--radius);color:var(--text);cursor:pointer;box-shadow:var(--shadow);background:#08180cb8;border:2px solid #8fce5c38;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 14px;font-family:inherit;transition:border-color .18s,transform .18s,background .18s;display:flex}.char:hover:not(:disabled),.char:focus-visible{border-color:var(--leaf);background:#123018e6;outline:none;transform:translateY(-3px)}.char:disabled{cursor:progress}.char.is-active{border-color:var(--banana);background:#2f6b3480}.char__img{object-fit:contain;width:100%;height:132px;display:block}.char__name{letter-spacing:.04em;font-size:.95rem;font-weight:800}.char.is-active .char__name{color:var(--banana)}.char__blurb{color:var(--text-dim);text-wrap:balance;font-size:.78rem;line-height:1.35}.char-error{min-height:0;color:var(--danger);margin:0;font-size:.85rem;font-weight:700}.char-error:empty{display:none}.highscores{font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.highscores li{border-radius:7px;grid-template-columns:1.9rem 1fr auto;align-items:baseline;gap:10px;padding:5px 8px;font-size:.96rem;display:grid}.highscores li:nth-child(odd){background:#ffffff0a}.highscores li.is-new{background:#ffd23f29;box-shadow:inset 0 0 0 1px #ffd23f73}.highscores .rank{color:var(--text-dim);font-weight:700}.highscores .name{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.highscores .score{color:var(--leaf-bright);font-weight:800}.highscores .empty{color:var(--text-dim);text-align:left;grid-column:1/-1;padding:10px 4px;font-style:italic;display:block}.controls-hint{color:var(--text-dim);font-size:.86rem;line-height:1.7}.controls-hint p{margin:0}.controls-hint b{color:var(--leaf)}.controls-hint--touch{display:none}body.is-touch .controls-hint--touch{display:block}body.is-coarse .controls-hint p:not(.controls-hint--touch){display:none}.hud__top{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding-right:52px;display:flex}.hud__score{border-radius:var(--radius);font-variant-numeric:tabular-nums;background:#08180c99;border:1px solid #8fce5c33;align-items:baseline;gap:4px;margin-left:auto;padding:8px 16px;display:flex}.hud__score-value{color:var(--leaf-bright);text-shadow:0 2px #00000080;font-size:clamp(1.6rem,5cqw,2.4rem);font-weight:900;line-height:1}.hud__score-unit{color:var(--text-dim);font-size:1rem;font-weight:700}.hud__banane{letter-spacing:.06em;text-transform:uppercase;color:var(--banana);opacity:0;background:#08180c8c;border:1px solid #ffd23f73;border-radius:999px;align-items:center;gap:5px;margin-left:10px;padding:3px 9px 3px 5px;font-size:.68rem;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(-4px)}.hud__banane img{filter:drop-shadow(0 1px 2px #0000008c);width:15px;height:19px;display:block}.hud__banane.is-active{opacity:1;transform:translateY(0)}.hud__banane.is-hidden{display:none}@media (max-width:520px){.hud__banane-text{display:none}.hud__banane{padding:3px 5px}}.hud__revive{border-radius:var(--radius);letter-spacing:.08em;text-transform:uppercase;color:var(--banana);opacity:0;background:#08180c99;border:1px solid #ffd23f66;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .25s,transform .25s;display:flex;transform:translateY(-6px)}.hud__revive.is-hidden{display:none}.hud__revive.is-active{opacity:1;transform:translateY(0)}.hud__revive-icon{font-size:1.15rem}.hud__toast{border-radius:var(--radius);letter-spacing:.06em;opacity:0;background:#08180cc7;border:1px solid #8fce5c4d;align-self:center;margin-top:14cqh;padding:10px 22px;font-size:1.05rem;font-weight:800;transition:opacity .2s,transform .2s;transform:translateY(-8px)scale(.96)}.hud__toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.hud__toast--banana{color:var(--banana);border-color:#ffd23f8c}.hud__toast--revive{color:var(--sun);border-color:#fff3c48c}.hud__toast--boss{color:#ff6b5a;background:#260808d1;border-color:#ff6b5a99}.hud__toast--warn{color:#ffcf6b;border-color:#ffcf6b73}.hud__toast--coin{color:var(--banana);border-color:#ffd23f73}.bosswarnung{pointer-events:none;opacity:0;transition:opacity .18s;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.bosswarnung img{filter:drop-shadow(0 4px 14px #0000008c);width:min(46cqw,240px);height:auto;display:block}.bosswarnung.is-visible{opacity:1;animation:.3125s step-end infinite bosswarnung-blink}@keyframes bosswarnung-blink{0%,50%{opacity:1}50.01%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.bosswarnung.is-visible{animation:none}}.hud__stats{color:var(--text-dim);white-space:pre;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.72rem;line-height:1.5;display:none;position:absolute;bottom:14px;left:14px}.hud__stats.is-visible{display:block}.result{color:var(--leaf-bright);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--green-dark);margin:0;font-size:clamp(2.6rem,11cqw,4.6rem);font-weight:900;line-height:1}.result__unit{color:var(--text-dim);margin-left:4px;font-size:.4em}.name-form{flex-direction:column;align-items:center;gap:8px;display:none}.name-form.is-visible{display:flex}.name-form label{color:var(--banana);letter-spacing:.04em;font-size:.9rem;font-weight:700}.name-form__row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.name-input{pointer-events:auto;border-radius:var(--radius);width:180px;color:var(--text);letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#08180ce6;border:2px solid #8fce5c66;padding:13px 16px;font-family:inherit;font-size:1.05rem;font-weight:700}.name-input:focus{border-color:var(--banana);outline:none}.loader{flex-direction:column;align-items:center;gap:10px;width:min(320px,76cqw);display:flex}.loader__bar{background:#ffffff1a;border-radius:99px;width:100%;height:8px;overflow:hidden}.loader__bar i{background:linear-gradient(90deg, var(--green-mid), var(--leaf-bright));border-radius:99px;width:0%;height:100%;transition:width .2s;display:block}.loader__label{color:var(--text-dim);margin:0;font-size:.86rem}.loader__label--error{color:var(--danger);max-width:40ch;line-height:1.5}#touch-layer{pointer-events:none;position:absolute;inset:0}.joystick{opacity:.5;pointer-events:none;background:#08180c57;border:2px solid #c6f08a52;border-radius:50%;transition:opacity .18s;display:none;position:absolute}body.is-coarse .joystick{display:block}.joystick--active{opacity:.92}.joystick__knob{background:radial-gradient(circle at 35% 30%, var(--leaf-bright), var(--green-mid));border-radius:50%;width:46%;height:46%;margin-top:-23%;margin-left:-23%;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #00000073}@media (max-height:620px){.screen--center{justify-content:flex-start;gap:10px;padding-top:12px}.panel{padding:10px 14px 12px}.highscores li{padding:3px 8px;font-size:.88rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.panel__title--spaced{margin-top:4px;margin-bottom:0}.skins{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(560px,100%);display:flex}.skin{pointer-events:auto;appearance:none;color:var(--text-dim);cursor:pointer;background:#08180cb8;border:2px solid #c6f08a38;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 4px;font-family:inherit;font-size:.7rem;font-weight:700;transition:transform .12s,border-color .15s,background .15s;display:flex}.skin:hover,.skin:focus-visible{border-color:var(--leaf);background:#2f6b34d9;outline:none;transform:translateY(-2px)}.skin.is-active{border-color:var(--banana);color:var(--banana);background:#ffd23f24}.skin__img{object-fit:contain;object-position:center top;width:46px;height:46px}.skin__name{letter-spacing:.02em}.hint{max-width:22rem;color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.45}.highscores .score__mark{color:var(--text-dim);cursor:help;margin-left:6px;font-size:.8em}.ad-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.72rem;font-weight:800}.ad-box{aspect-ratio:4/3;background:#00000059;border:2px dashed #ffffff38;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(78cqw,22rem);padding:16px;display:flex}.ad-box__count{color:var(--banana);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.4rem,10cqw,3.8rem);font-weight:900;line-height:1}.ad-box__note{text-align:center;color:var(--text-dim);margin:0;font-size:.85rem}.hud__coin-icon,.besitz__icon{vertical-align:-.12em;background:url(../hazards/muenze.webp) 50%/contain no-repeat;display:inline-block}.hud__coins{color:var(--banana);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:14px;font-size:.52em;font-weight:800;transition:transform .12s;display:inline-flex}.hud__coin-icon{width:2.4em;height:2.4em}.hud__coins.is-pop{animation:.28s ease-out muenz-pop}@keyframes muenz-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.besitz{color:var(--banana);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;font-size:1.35rem;font-weight:900;display:flex}.besitz__icon{width:1.3em;height:1.3em}.besitz__label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.62em;font-weight:700}.char.is-locked,.skin.is-locked{filter:saturate(.35)brightness(.62);cursor:pointer;position:relative}.char.is-locked.is-affordable,.skin.is-locked.is-affordable{filter:saturate(.8)brightness(.9);border-color:var(--banana)}.schloss{filter:drop-shadow(0 1px 2px #000c);pointer-events:none;font-size:1.15rem;line-height:1;position:absolute;top:6px;right:8px}.preis{color:var(--banana);font-variant-numeric:tabular-nums;pointer-events:none;background:#000000b8;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;bottom:6px;right:8px}.preis:before{content:"";background:url(../hazards/muenze.webp) 50%/contain no-repeat;width:.85em;height:.85em}.naechstes{top:calc(max(10px, env(safe-area-inset-top)) + 58px);right:max(16px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:none;position:absolute}.naechstes.is-visible{display:flex}.naechstes__bild{background-position:50%;background-size:cover;border:2px solid #ffffff80;border-radius:50%;width:54px;height:54px;box-shadow:0 2px 8px #0000008c}.naechstes__pfeil{color:#ffffffbf;margin-top:1px;font-size:.8rem;line-height:1}.naechstes__meter{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:999px;padding:1px 8px;font-size:.78rem;font-weight:800}@media (max-width:560px){.naechstes{top:74px;right:10px}.naechstes__bild{width:40px;height:40px}.naechstes__meter{font-size:.68rem}}.panel--welt{display:none}.panel--welt.is-visible{display:block}.welt__status{color:var(--text-dim);margin:6px 0 0;font-size:.82rem;font-style:italic}