@font-face{font-family:Sonderpaedagogik;src:url(./assets/fonts/sonderpaedagogik.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(./assets/fonts/montserrat-light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Montserrat;src:url(./assets/fonts/montserrat-regular.ttf) format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Montserrat;src:url(./assets/fonts/montserrat-semibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url(./assets/fonts/montserrat-bold.ttf) format("truetype");font-weight:700 900;font-display:swap}:root{--paper:#f8ebc8;--paper-light:#fff6dd;--ink:#4e4e6b;--blue:#1d1d7b;--leaf:#e3ed90;--green:#99a439;--coral:#af2550;--hand:"Sonderpaedagogik","Segoe UI",system-ui,sans-serif;--sans:"Montserrat","Segoe UI",system-ui,sans-serif}html,body{background:var(--blue);color:var(--paper);font-family:var(--sans)}button,select{font-family:inherit}button{border:0;background:var(--paper);color:var(--ink);border-radius:11px;box-shadow:none;font-weight:650}button:hover{background:var(--paper-light)}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}button.primary{background:var(--leaf);color:var(--ink);border:2px solid var(--green);border-radius:12px;box-shadow:-3px 3px 0 var(--green);font-family:var(--hand);font-weight:400}button.primary:hover{background:#ecf3ae}button.ghost{background:var(--paper);color:var(--ink);border:0}.eyebrow{color:var(--ink);font-weight:400;letter-spacing:0}#topbar{height:85px;padding:23px max(29px,env(safe-area-inset-right)) 8px max(26px,env(safe-area-inset-left));background:none;border:0;direction:ltr;align-items:flex-start}.brand{display:flex;align-items:center;flex:0 0 auto;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;padding:7px 0 0;min-height:0;line-height:0}.brand:hover{background:none}.brand:active{transform:none}.brand-logo{display:block;width:clamp(140px,16.12vw,220px);height:auto}#header-tools{gap:20px;align-items:center}#header-tools button,.language{min-height:35px;height:35px;border:0;border-radius:11px;background:var(--paper);color:var(--ink);box-shadow:none;backdrop-filter:none;font-weight:700;font-size:12px}.sound-icon{position:relative;display:inline-block;line-height:1}.sound-icon.is-off:after{content:"";position:absolute;left:50%;top:50%;width:.8em;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 0 1.5px var(--paper,#f8ebc8);transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}#header-tools button{padding:5px 15px}#header-tools #sound{width:42px;padding:0;font-size:24px}.language{width:132px;max-width:160px;padding:5px 14px;appearance:none;text-align:center}.map-caption{left:max(38px,env(safe-area-inset-left));right:auto;bottom:max(23px,env(safe-area-inset-bottom));font:700 12px/1.1 var(--sans);letter-spacing:0;color:var(--paper)}.zoom{left:max(38px,env(safe-area-inset-left));right:auto;top:auto;bottom:45px;gap:9px;flex-direction:row}.zoom button{width:38px;height:34px;min-height:34px;padding:0;border:0;border-radius:10px;background:var(--paper);color:var(--blue);box-shadow:none;font-size:27px;line-height:1;font-weight:400}.map-panel{inset-inline:auto;left:auto;right:max(29px,env(safe-area-inset-right));top:74px;bottom:max(61px,env(safe-area-inset-bottom));width:clamp(224px,25.35vw,346px);padding:12px 25px 0;gap:8px;background:var(--paper);color:var(--ink);border:0;border-radius:11px;box-shadow:none;backdrop-filter:none;overflow:visible;direction:inherit}[dir=rtl] .map-panel{left:auto;right:max(29px,env(safe-area-inset-right));inset-inline-start:auto;text-align:right}.map-panel:before{display:none}.map-intro{display:block;flex:0 0 auto;min-height:41px;padding:0;border:0}.map-intro .eyebrow{display:block;font:400 clamp(17px,1.9vw,26px)/1.1 var(--hand);text-transform:uppercase;color:var(--ink);white-space:nowrap;letter-spacing:-.045em}.map-intro small{display:block;margin-top:1px;font-family:var(--sans);font-size:clamp(11px,1.1vw,15px);font-weight:300;line-height:1.2;color:#818079;white-space:normal}.city-strip{position:relative;inset:auto;flex:1;min-height:0;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;padding:2px 1px;scrollbar-width:thin;scrollbar-color:#99a43966 transparent}.city-chip{position:relative;width:100%;min-height:30px;flex:1 0 30px;padding:3px 10px;display:grid;grid-template-columns:26px minmax(0,1fr) 12px;gap:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#080808;font:400 clamp(16px,1.6vw,22px)/1.1 var(--hand);box-shadow:none;text-align:start}.city-chip small{color:#818079;font:400 14px/1 var(--hand)}.city-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.city-chip:hover{background:#f0e6c7;border-color:#a2a34266}.city-chip.active{background:#f0f0f1;color:#080808;border:1px solid var(--blue);box-shadow:-3px 1px 0 var(--blue);border-radius:10px 12px 9px 11px}.city-chip.active small{color:var(--coral)}.city-chip.active span{font-size:1.2em}.city-chip .city-status{display:block;width:11px;height:11px;border-radius:50%;justify-self:end;font-style:normal;background:var(--coral)}.city-chip .city-status.complete{background:var(--green)}.map-selection{position:relative;flex:0 0 auto;isolation:isolate;padding:7px 0 0;border:0;border-top:2px dotted #85816e;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;background:none;border-radius:0;overflow:visible;min-height:0}.map-selection h1{flex:0 1 auto;max-width:100%;font:400 clamp(24px,2.18vw,31px)/1.1 var(--hand);letter-spacing:-.04em;color:#080808;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.map-selection .city-number{flex:0 0 auto;align-self:flex-start;color:var(--coral);font:400 10px/1.6 var(--hand);letter-spacing:0}.map-selection .city-number:before{display:none}.map-selection .city-detail{flex:1 0 auto;border:0;padding:4px 0 14px;display:flex;justify-content:flex-end;gap:14px;color:var(--ink);font:500 14px/1.3 var(--sans)}.map-selection .city-detail span{white-space:nowrap}.map-selection .city-detail b{color:var(--ink);font:400 20px/1 var(--hand);letter-spacing:.06em;margin-left:3px;text-shadow:none}.map-selection #start-btn{flex:0 0 100%;width:100%;min-height:50px;position:relative;margin:0 0 -24px;padding:7px 10px;background:var(--leaf);color:var(--ink);border:1px solid var(--green);border-radius:12px 10px 11px 13px;box-shadow:-3px 2px 0 var(--green);font:400 clamp(17px,1.8vw,25px)/1.2 var(--hand);text-transform:uppercase;letter-spacing:-.05em}.map-selection #start-btn:hover{background:#ecf3ae}.shop-overlay,.scene-overlay{background:#1d1d7b94;backdrop-filter:blur(5px)}.skin-dialog,.scene-dialog{background:var(--paper);color:var(--ink);border:0;border-radius:14px;box-shadow:0 12px 55px #11115b70}.skin-dialog:before,.scene-dialog:before{display:none}.skin-header h1,.scene-copy h1{font-family:var(--hand);font-weight:400;color:var(--ink);text-shadow:none;letter-spacing:-.04em}.dialog-logo{display:block;width:111px;height:auto;background:var(--blue);border-radius:7px;padding:5px 8px;margin-bottom:6px}.skin-header .eyebrow,.scene-copy .eyebrow{color:var(--coral);letter-spacing:.06em}.wallet{color:var(--ink);font-family:var(--hand);font-weight:400}.skin-header-actions #map-btn{background:var(--leaf);color:var(--ink);border:1px solid var(--green);box-shadow:none}.skin-catalog{scrollbar-color:#99a43988 transparent}.skin-showcase:before{background:radial-gradient(circle,#e3ed9066,transparent 66%)}.showcase-orbit{border-color:var(--green);box-shadow:0 0 0 8px #e3ed9044,inset 0 0 20px #e3ed9033}.showcase-orbit:before,.showcase-orbit:after{border-color:#a9b156;box-shadow:none}.skin-showcase strong{font-family:var(--hand);font-weight:400;color:var(--ink)}.skin-showcase>span{color:var(--ink)}.skin-showcase .privacy-link{color:var(--ink)}.skin-hero,.skin-card canvas{filter:drop-shadow(0 4px 3px #8e9b6359)}.skin-card,.skin-card:hover{color:var(--ink);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skin-color) 16%,transparent),transparent 66%);border:1px solid transparent;box-shadow:none;border-radius:10px}.skin-card:hover{background:#ecedce;border-color:var(--green)}.skin-card.active{border:1px dashed var(--coral);box-shadow:none;background:#e9eacb}.skin-card strong{color:var(--ink)}.skin-card small{color:#818079}#skin-action{background:var(--leaf);border:1px solid var(--green);box-shadow:none;color:var(--ink)}#skin-action:disabled{background:#e4e5cf;color:#8b8b73;border-color:#cacba5;box-shadow:none}.scene-copy p{color:var(--ink);line-height:1.55}.scene-emblem{background:#e9edb3;border:2px dashed var(--green);box-shadow:0 0 0 8px #e3ed9044}.scene-emblem canvas{filter:drop-shadow(0 6px 4px #8c9a6644)}.scene-copy .button-row .ghost{color:var(--ink);border:1px solid #aaa990;background:var(--paper-light)}#toast{background:var(--paper);color:var(--ink);border:1px solid var(--green);border-radius:9px;box-shadow:none}#boot{background:var(--blue);color:var(--paper)}.boot-logo{display:block;width:clamp(220px,27vw,360px);height:auto}body.playing #topbar{background:#1d1d7b9c;height:57px;padding-top:10px}body.playing .brand{padding-top:2px}body.playing .brand-logo{width:112px}body.playing .hud{background:#f8ebc8ee;color:var(--ink);border:0;box-shadow:none}body.playing .hud-city{color:var(--ink);text-shadow:none}.hud .progress{background:#cace9e}.hud .progress i{background:var(--green);box-shadow:none}.coin-count{color:var(--ink)}.run-hint{background:#f8ebc8eb;color:var(--ink)}.jump{background:#f8ebc8e8;color:var(--ink);border:2px solid var(--green);box-shadow:none}@media(max-height:550px){#topbar{height:54px;padding:12px 22px 4px}.brand{padding-top:0}.brand-logo{width:145px}#header-tools{gap:10px}#header-tools button,.language{min-height:32px;height:32px;font-size:11px}.language{width:110px}#header-tools #sound{width:35px;font-size:22px}.map-panel{top:58px;bottom:43px;right:22px;padding:10px 15px 0;gap:5px}.map-intro{min-height:30px}.map-intro .eyebrow{font-size:16px;letter-spacing:-.04em}.map-intro small{font-size:10px}.city-chip{min-height:29px;flex-basis:29px;font-size:16px;padding:4px 7px}.city-chip small{font-size:12px}.map-selection{padding-top:6px;gap:0 6px}.map-selection h1{font-size:23px}.map-selection .city-detail{padding-bottom:9px;font-size:12px;gap:9px}.map-selection #start-btn{min-height:38px;font-size:17px;margin-bottom:-18px;padding:5px 8px}.zoom{left:25px;bottom:35px}.zoom button{width:34px;height:31px;min-height:31px;font-size:23px}.map-caption{left:25px;bottom:17px;font-size:10px}.skin-dialog{padding:11px 16px}.skin-header{margin-bottom:7px}.dialog-logo{width:84px;margin-bottom:3px;padding:4px 6px}}@media(max-width:679px){#topbar{padding:16px 18px 4px;height:64px}.brand{padding-top:0}.brand-logo{width:115px}#header-tools{gap:7px}#header-tools button{padding:5px 9px;font-size:10px}.language{width:91px;max-width:106px;font-size:10px;padding:4px}#header-tools #sound{width:32px;font-size:20px}.map-panel,[dir=rtl] .map-panel{inset:auto 18px 24px;inset-inline:18px;width:auto;height:176px;min-height:0;padding:10px 14px 0;gap:7px}.map-intro{min-height:19px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.map-intro .eyebrow{font-size:17px}.map-intro small{font-size:10px;margin:0;white-space:nowrap}.map-selection{order:1;padding:2px 0 7px;align-items:center;flex-wrap:nowrap;gap:8px;border:0;border-bottom:2px dotted #85816e}.map-selection h1{font-size:23px;margin:0;flex:1;min-width:0}.map-selection .city-number{align-self:center;font-size:9px}.map-selection .city-detail{display:none}.map-selection #start-btn{position:static;flex:0 0 auto;width:auto;min-height:40px;margin:0;padding:6px 10px;font-size:14px}.city-strip{order:2;flex-direction:row;flex:1;min-height:46px;align-items:center;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:4px 2px 7px;gap:8px}.city-chip{width:auto;min-width:107px;min-height:43px;height:43px;flex:0 0 auto;grid-template-columns:18px minmax(0,1fr) 11px;font-size:15px;padding:4px 8px;gap:6px;border:1px solid #c1bc98}.city-chip small{font-size:11px}.city-chip .city-status{width:9px;height:9px}.zoom{left:25px;bottom:214px}.map-caption{display:none}.skin-header h1{font-size:24px}.skin-header-actions{gap:8px}.skin-header-actions #map-btn{font-size:10px}.wallet{font-size:13px}}@media(max-width:430px){.brand-logo{width:91px}#header-tools{gap:5px}#header-tools button{padding:4px 7px;font-size:9px}.language{width:83px;max-width:83px}#header-tools #skin-nav{max-width:100px}.map-intro small{font-size:9px}.map-selection .city-number{display:none}}@media(max-width:679px)and (max-height:450px){#topbar{padding:10px 16px 3px}.map-panel,[dir=rtl] .map-panel{bottom:12px;height:33%;min-height:117px;padding:5px 10px 0;gap:3px}.map-intro{display:none}.map-selection h1{font-size:19px}.map-selection #start-btn{min-height:31px;font-size:12px;padding:4px 7px}.map-selection{padding-bottom:5px}.city-chip{min-height:31px;height:31px;font-size:13px}.city-strip{min-height:35px;padding:2px 2px 5px}.zoom{bottom:calc(33% + 30px)}}#game{touch-action:none}.settings-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;pointer-events:auto;text-align:start;background:linear-gradient(110deg,#fff7df,#f6e7c5);color:var(--ink);border:3px solid #fff8e7;border-radius:16px;box-shadow:0 8px #0a2d644d;padding:22px;touch-action:pan-y}.settings-dialog::backdrop{background:#123d8394;backdrop-filter:blur(5px)}body.ad-banner-visible .settings-dialog{bottom:68px;max-height:calc(100dvh - 100px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.settings-heading h1{font-size:27px;margin:0}.settings-heading button{font-size:24px;width:42px;padding:0;box-shadow:none}.settings-language{display:flex;flex-direction:column;gap:9px;font-weight:750}.settings-language select{min-height:44px;width:100%;background:var(--paper-light);color:var(--ink);border:2px solid #b8c57a;border-radius:8px;padding:8px;font-size:15px}.settings-sound,#settings-dialog #ad-privacy{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;min-height:44px;text-align:start}.settings-sound span{font-size:21px;width:24px}.settings-sound[aria-pressed=true]{background:#e2ebb9;border-color:#b6c66b}