html,body{background:var(--ui-bg);height:100%;color:var(--ui-text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{background:var(--navy-deep);width:100vw;height:100dvh;position:relative;overflow:hidden}#hud{z-index:4;pointer-events:none;padding:max(8px, env(safe-area-inset-top)) 12px 6px;font-family:var(--font-hud);color:var(--hud-score);white-space:nowrap;flex-direction:column;gap:6px;font-size:15px;line-height:1.5;display:flex;position:absolute;top:0;left:0;right:0}#hud .row{justify-content:space-between;align-items:center;gap:14px;display:flex}#hud .score{color:var(--lemon-300);text-shadow:0 2px #000000d9,0 0 6px #0009;background:#00244db8;border-radius:8px;padding:2px 8px;font-size:20px}#hud .mult{font-family:var(--font-hud);color:var(--navy);background:var(--lemon-300);border:1px solid var(--lemon-600);border-radius:7px;align-self:flex-start;padding:3px 9px;font-size:12px;animation:.18s ease-out combo-pop}#hud .countdown{font-family:var(--font-hud);color:var(--white);border:2px solid var(--fire-300);text-shadow:0 1px #000000b3;background:#a02d00e0;border-radius:7px;align-self:flex-start;padding:3px 9px;font-size:12px}#hud .combo{font-family:var(--font-hud);color:var(--fire-300);border:1px solid var(--fire-300);background:#fa4b0033;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:11px;animation:.18s ease-out combo-pop}@keyframes combo-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}#hud .tasks{color:var(--white);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}#hud .task{border:2px solid var(--ocean-300);color:var(--white);text-shadow:0 1px #000000b3;background:#0e2a2dd1;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}#hud .task.complete{border-color:var(--lime-300);color:var(--lime-300);background:#0e2a2de6}#hud .group{align-items:center;gap:7px;display:flex}#hud .icon,#hud .hicon{image-rendering:pixelated;vertical-align:middle;background-image:url(/assets/items.png);background-repeat:no-repeat;background-size:240px 60px;display:inline-block}#hud .icon{width:30px;height:30px}#hud .icon.coin{background-position:0 0}#hud .icon.heart{background-position:-210px 0}#hud .icon.heart.off{opacity:.22}#hud .icon.coffee{background-position:-120px 0}#hud .icon.water{background-position:-150px 0}#hud .icon.key{background-position:0 -30px}#hud .hicon{background-size:176px 44px;width:22px;height:22px}#hud .hicon.coin{background-position:0 0}#hud .hicon.cat{background-position:-22px -22px}#hud .hicon.package{background-position:-132px 0}#hud .hicon.foe{background-image:url(/assets/enemies.png);background-position:-44px 0;background-size:132px 22px}#hud .lives{color:var(--white);font-size:13px}#hud .effects{gap:4px;display:flex}#game{background:var(--navy-deep);position:absolute;inset:0;overflow:hidden}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#banner{z-index:3;width:fit-content;max-width:92%;color:var(--white);text-align:center;pointer-events:none;background:#fa4b00eb;border-radius:10px;margin:0 auto;padding:8px 14px;animation:.25s ease-out banner-in;position:absolute;top:26%;left:0;right:0}#banner .title{font-family:var(--font-hud);font-size:12px;line-height:1.5}#banner .text{font-family:var(--font-ui);margin-top:2px;font-size:14px;line-height:1.3}@keyframes banner-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}#controls{z-index:6;pointer-events:none;padding:0 12px calc(10px + env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}#controls .pad{pointer-events:none;align-items:flex-end;gap:10px;display:flex}#controls .pad.right{gap:26px}#controls .pad{gap:24px}#controls button:after{content:"";position:absolute;inset:-10px}#controls button{pointer-events:auto;min-width:52px;height:58px;color:var(--white);font-family:var(--font-hud);touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px #000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001a3894;border:3px solid #ffffffd9;border-radius:14px;padding:0;font-size:13px;position:relative}#controls button.move{width:62px;font-size:20px}#controls button.throw{border-color:var(--lavender-300);width:58px;font-size:11px}#controls button.jump{border-color:var(--fire-300);background:#781e009e;width:88px;height:66px;font-size:13px}#controls button.active{border-color:var(--lemon-300);background:#fa4b00e0}#rotate-hint{z-index:5;pointer-events:none;text-align:center;border:1px solid var(--ocean-300);width:min(78vw,320px);color:var(--ocean-300);font-family:var(--font-ui);background:#00244da8;border-radius:18px;padding:16px 18px;display:none;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%)}#rotate-hint .glyph{margin-bottom:8px;font-size:34px;line-height:1;animation:2.6s ease-in-out infinite rot-wobble;display:block}#rotate-hint .line{color:var(--white);font-size:14px;line-height:1.5;display:block}#rotate-hint .logos{opacity:.85;justify-content:center;align-items:center;gap:16px;margin-top:14px;display:flex}#rotate-hint .logos img{width:auto;height:20px;display:block}@keyframes rot-wobble{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@media (orientation:landscape){#hud{padding:max(4px, env(safe-area-inset-top)) 12px 2px;gap:2px;font-size:13px}#controls{padding:0 max(10px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right))}#controls .pad{gap:26px}#rotate-hint{display:none!important}}@media (orientation:portrait){#rotate-hint{display:block}#dialog{top:34%}}body.im-dialog #rotate-hint,body.menue-offen #rotate-hint{display:none}#ui{z-index:10;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:#153c40f2;justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow-y:auto}#ui.open{display:flex}.screen{text-align:center;width:min(92vw,440px)}.screen .logo{height:28px;margin-bottom:10px}.screen h1{font-family:var(--font-hud);color:var(--lime-300);margin:6px 0 4px;font-size:clamp(18px,6vw,28px);line-height:1.4}.screen h2{font-family:var(--font-hud);color:var(--fire-300);letter-spacing:1px;margin:6px 0;font-size:clamp(10px,3vw,12px);line-height:1.6}.screen p{margin:8px 0;line-height:1.4}.screen .tagline{color:var(--fire-300);font-weight:700}.screen .muted{color:var(--ocean-300);font-size:14px}.screen .kalle{width:64px;height:96px;image-rendering:pixelated;background:url(/assets/hero.png) 0 0/384px 96px no-repeat;margin:8px auto;animation:.5s step-end infinite kalle-run;display:block}@keyframes kalle-run{0%{background-position:-64px 0}25%{background-position:-128px 0}50%{background-position:-192px 0}75%{background-position:-128px 0}}.btn{background:var(--lime-300);width:100%;min-height:56px;color:var(--petrol-500);font:700 18px var(--font-ui);cursor:pointer;border:0;border-radius:14px;margin:10px 0;display:block}.btn:active{background:var(--lime-500)}.btn.secondary{border:2px solid var(--mint-300);color:var(--white);background:0 0}.btn[disabled]{opacity:.4}.screen input{box-sizing:border-box;width:100%;min-height:52px;font:400 18px var(--font-ui);border:2px solid var(--ocean-300);background:var(--navy-deep);color:var(--white);text-align:center;border-radius:12px;padding:8px 12px}.screen .error{color:var(--fire-300);min-height:1.4em;font-size:14px}.screen .breakdown{text-align:left;grid-template-columns:1fr auto;gap:6px 16px;margin:12px auto;font-size:16px;display:grid}.screen .breakdown .sum{border-top:2px solid var(--lime-300);color:var(--lime-300);padding-top:6px;font-weight:700}.screen .big{font-family:var(--font-hud);color:var(--lime-300);margin:10px 0;font-size:clamp(20px,8vw,34px)}.screen .link{color:var(--ocean-300);font:400 14px var(--font-ui);background:0 0;border:0;margin-top:8px;text-decoration:underline}.screen.lb{width:min(94vw,460px)}.tabs{justify-content:center;gap:8px;margin:8px 0;display:flex}.tab{border:2px solid var(--ocean-300);max-width:160px;min-height:44px;color:var(--white);font:700 15px var(--font-ui);background:0 0;border-radius:10px;flex:1}.tab.active{background:var(--fire-500);border-color:var(--fire-500)}.lb-list{max-height:52dvh;margin:8px 0;overflow-y:auto}.lb-row{border-radius:8px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:16px;display:grid}.lb-row:nth-child(odd){background:#008caa1f}.lb-row.mine{border:1px solid var(--fire-300);background:#fa4b0047}.lb-row.outside{border-top:2px dashed var(--ocean-300);margin-top:8px}.lb-rank{font-family:var(--font-hud);color:var(--lemon-300);font-size:12px}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{font-family:var(--font-hud);color:var(--white);font-size:12px}.credits{opacity:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.credits .muted{font-size:15px}.credit-logo{width:auto;height:30px;display:block}.credit-logo.rausch{height:30px}.credits a{border-radius:6px;align-items:center;padding:4px;display:inline-flex}.credits a:active{background:#ffffff1a}.overlay-body{text-align:left;max-height:60dvh;padding:4px 2px;font-size:15px;line-height:1.5;overflow-y:auto}.overlay-body h3{margin:12px 0 4px;font-size:16px}body.wand{background:var(--navy);overflow:hidden}#confetti{pointer-events:none;z-index:5;position:fixed;inset:0}#wand{box-sizing:border-box;grid-template-rows:1fr auto;grid-template-columns:1.6fr 1fr;gap:2vh 3vw;height:100dvh;padding:4vh 4vw;display:grid}.wand-footer{border-top:2px solid #5cc9d940;grid-column:1/-1;justify-content:center;align-items:center;gap:2vw;padding-top:1.5vh;display:flex}.wand-by{color:var(--ui-muted);font-size:2vh}.wand-credit-logo{width:auto;height:3.4vh}.wand-credit-logo.rausch{height:3.4vh}.wand-urls{color:var(--ocean-300);margin-left:1.5vw;font-size:2vh}.wand-left{flex-direction:column;min-height:0;display:flex}.wand-title{align-items:center;gap:2vw;display:flex}.wand-logo{height:6vh}.wand-title h1{font-family:var(--font-hud);color:var(--hud-score);margin:0;font-size:4.2vh}.wand-scope{font-family:var(--font-hud);color:var(--fire-300);margin:1.2vh 0 2vh;font-size:2.4vh}.wand-list{flex-direction:column;flex:1;gap:1vh;min-height:0;display:flex}.wand-row{background:#008caa1f;border-radius:1vh;grid-template-columns:3.5vw 1fr auto auto;align-items:center;gap:1.6vw;padding:1.1vh 1.6vw;display:grid}.wand-row:first-child{background:#d9d30038}.wand-row:nth-child(2){background:#c8a0dc2e}.wand-row:nth-child(3){background:#fa4b0029}.wand-rank{font-family:var(--font-hud);color:var(--lemon-300);font-size:3vh}.wand-name{text-overflow:ellipsis;white-space:nowrap;font-size:3.6vh;font-weight:700;overflow:hidden}.wand-lvl{color:var(--lemon-300);font-size:2.2vh}.wand-score{font-family:var(--font-hud);color:var(--white);font-size:3vh}.wand-empty{color:var(--ui-muted);padding:4vh 0;font-size:3vh}.wand-right{flex-direction:column;justify-content:center;align-items:center;gap:3vh;display:flex}.wand-qr{background:var(--white);text-align:center;border-radius:2vh;padding:2vh}.wand-qr canvas{width:22vh;height:22vh;display:block}.wand-call{color:var(--navy);margin-top:1vh;font-size:2.2vh;font-weight:700}.wand-stats{gap:3vw;display:flex}.wand-stat{text-align:center}.wand-stat-num{font-family:var(--font-hud);color:var(--fire-300);font-size:5vh}.wand-stat-lbl{color:var(--ui-muted);font-size:2vh}.muted{color:var(--ui-muted)}@media (orientation:landscape){#app{display:block}#game{aspect-ratio:400/272;width:auto;height:100dvh;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#hud{z-index:2;padding:max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));background:linear-gradient(#001a38cc,#0000);position:absolute;top:0;left:0;right:0}#controls{z-index:2;min-height:0;padding:0 max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;position:absolute;bottom:0;left:0;right:0}#controls button{pointer-events:auto;min-height:64px}#controls button.jump{max-width:28vw}}@media (hover:hover) and (pointer:fine){#controls{display:none!important}}#pause{z-index:12;background:#00244de0;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#pause[hidden]{display:none}.pause-card{text-align:center;width:min(88vw,340px)}.pause-title{font-family:var(--font-hud);color:var(--lemon-300);margin:0 0 14px;font-size:14px;line-height:1.6}.rankbox{margin:10px 0 4px}.rank-line{font-family:var(--font-hud);color:var(--white);margin:6px 0;font-size:12px}.to-next{font-family:var(--font-ui);color:var(--lime-300);margin:6px 0 12px;font-size:17px;line-height:1.4}.to-next strong{font-family:var(--font-hud);font-size:17px}.to-next.leader{color:var(--fire-300)}.lb-list.near{max-height:none;margin:8px 0 4px}#controls button.throw{position:relative}#controls button .ammo{background:var(--lemon-300);min-width:20px;height:20px;color:var(--navy);border:2px solid var(--navy-deep);font-family:var(--font-hud);text-align:center;border-radius:10px;font-size:10px;line-height:18px;position:absolute;top:-7px;right:-7px}#controls button.throw.empty{opacity:.45}#controls button.throw.empty .ammo{background:var(--fire-300);color:var(--white)}@media (prefers-reduced-motion:reduce){#rotate-hint .glyph{animation:none}#hud .mult,#hud .countdown{font-family:var(--font-hud);color:var(--white);border:2px solid var(--fire-300);text-shadow:0 1px #000000b3;background:#a02d00e0;border-radius:7px;align-self:flex-start;padding:3px 9px;font-size:12px}#hud .combo,#banner,.screen .kalle{animation:none}}#controls button.hint{animation:1.05s ease-in-out 3 btn-hint}@keyframes btn-hint{0%,to{transform:scale(1);box-shadow:0 0 #e6e68c00}50%{transform:scale(1.07);box-shadow:0 0 0 5px #e6e68c73}}@media (prefers-reduced-motion:reduce){#controls button.hint{animation:none;box-shadow:0 0 0 4px #e6e68c80}}@media (orientation:landscape) and (height<=500px){#ui{padding-top:max(8px, env(safe-area-inset-top));align-items:flex-start}.screen{width:min(94vw,520px)}.screen h1{margin:2px 0 3px;font-size:15px}.screen h2{margin:3px 0;font-size:11px}.screen p{margin:3px 0;font-size:13px}.screen .big{margin:5px 0;font-size:22px}.screen .logo{height:20px;margin-bottom:5px}.screen .kalle{width:40px;height:60px;margin:4px auto}.btn{min-height:46px;margin:6px 0;font-size:16px}.screen input{min-height:46px;font-size:16px}.rank-line{margin:3px 0;font-size:11px}.to-next{margin:4px 0 8px;font-size:15px}.to-next strong{font-size:15px}.lb-row{padding:5px 9px;font-size:14px}.lb-list{max-height:40dvh}.credits{gap:10px;margin-top:8px}.credit-logo{height:18px}.credits .muted{font-size:12px}.screen .link{margin-top:4px;font-size:12px}.screen .error{min-height:1em;font-size:12px}.screen .tagline{font-size:12px}.btn{min-height:44px;margin:5px 0}}body.offline .wand-scope:after{content:" (kein Netz, letzter Stand)";color:var(--fire-300);font-size:.6em}body.offline .wand-list{opacity:.72}.retry{margin:8px 0}.retry input{margin-bottom:8px}#hud .pause-btn{pointer-events:auto;min-width:40px;height:34px;color:var(--white);font-family:var(--font-hud);letter-spacing:1px;text-shadow:0 2px #000c;background:#001a3899;border:2px solid #ffffffbf;border-radius:9px;margin-left:auto;padding:0 10px;font-size:12px}#hud .pause-btn:active{background:#fa4b00cc}.screen .ende{color:var(--white);margin:10px 0 4px;font-size:15px;line-height:1.6}.wand-sub{font-family:var(--font-ui);color:var(--ocean-300);margin-top:.6vh;font-size:2vh}#dialog{z-index:7;pointer-events:none;box-sizing:border-box;border:3px solid var(--lemon-300);background:#001a38ed;border-radius:12px;width:min(86vw,560px);padding:10px 16px;animation:.22s ease-out banner-in;position:absolute;top:46%;left:50%;transform:translate(-50%)}#dialog[hidden]{display:none}#dialog .dlg-name{font-family:var(--font-hud);color:var(--lemon-300);margin-bottom:6px;font-size:11px}#dialog .dlg-text{font-family:var(--font-ui);color:var(--white);font-size:17px;line-height:1.35}@media (orientation:landscape) and (height<=500px){#dialog{padding:8px 14px;top:44%}#dialog .dlg-text{font-size:15px}}.summit-rahmen{border:3px solid var(--white);margin:4px 0 10px;padding:10px 18px 12px;display:inline-block;transform:rotate(-2.5deg)}.summit-rahmen .logo{margin-bottom:4px}.summit-rahmen .marke{font-family:var(--font-hud);letter-spacing:2px;color:var(--lime-300);font-size:11px;display:block}@media (prefers-reduced-motion:reduce){.summit-rahmen{transform:none}}body.admin{background:var(--petrol-500);overflow:auto}body.admin #admin{justify-content:center;padding:16px 12px 40px;display:flex}body.admin .screen{width:min(94vw,520px)}body.admin .lb-list{max-height:none}body.admin .lb-row{grid-template-columns:56px 1fr auto;gap:8px;margin-bottom:8px}body.admin .lb-row .btn{grid-column:1/-1;width:auto;min-height:40px;margin:0;padding:0 12px;font-size:14px}body.admin .lb-row.versteckt{opacity:.5;text-decoration:line-through}