@font-face{font-family:Outfit;src:url('./vendor/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#173e39;--cream:#fffef5;--lime:#d7fa70;--shadow:0 8px 28px #275e5420}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Outfit,sans-serif;color:var(--ink);background:#9cdae6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.75}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--ink);outline-offset:4px}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}::selection{background:var(--ink);color:var(--lime)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0}#game,#world{position:absolute;inset:0;width:100%;height:100%;display:block}#world{touch-action:none;outline:none}.hidden{display:none!important}.topbar{position:absolute;inset:24px 28px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:20px;z-index:3}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:850;letter-spacing:-.035em}.brand-light{font-weight:450}.brand-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:var(--lime);border-radius:13px;transform:rotate(-8deg)}.brand-icon svg{width:27px;height:27px}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{display:grid;place-items:center;background:var(--cream);width:44px;height:44px;border-radius:12px;position:relative;box-shadow:var(--shadow)}.icon-button svg{width:21px;height:21px}.mute-slash{position:absolute;height:23px;width:2px;background:var(--ink);transform:rotate(-45deg)}[aria-pressed=true] .mute-slash{display:none}.crystal-counter{display:flex;align-items:center;gap:7px;background:var(--cream);height:44px;padding:0 16px;border-radius:12px;font-size:17px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.crystal-counter svg{color:#7357cd;width:22px;margin-right:3px}.crystal-counter b{font-size:22px}.crystal-counter span{color:#68726a}.intro{position:absolute;left:6.1%;top:50%;transform:translateY(-43%);z-index:2;max-width:480px}.intro h1{font-size:clamp(60px,6.8vw,96px);font-weight:800;letter-spacing:-.04em;line-height:.98;margin:0 0 26px;text-wrap:balance}.intro h1 em{font-style:normal;color:#376c45;position:relative}.intro p{font-size:18px;line-height:1.55;margin:0 0 30px;color:#315750}.primary{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;background:var(--lime);border-radius:12px;padding:14px 22px;font-size:18px;font-weight:650;box-shadow:0 6px 20px #46735525;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#e3ff99}.intro-meta{display:flex;gap:9px;align-items:center;font-size:12px;margin-top:18px;font-weight:500;color:#416456}.status-dot{display:inline-block;height:7px;width:7px;background:#397e43;border-radius:50%;flex-shrink:0}.world-caption{position:absolute;bottom:32px;right:35px;display:flex;align-items:center;gap:18px;color:#2a574e}.world-caption b{font-size:12px;letter-spacing:.16em;display:block}.world-caption span:not(.compass){font-size:13px;display:block;margin-top:5px}.compass{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:10px;font-weight:650}.compass i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:26px solid var(--ink);transform:rotate(25deg)}.hud{position:absolute;inset:0;pointer-events:none}.hud button,.toolbelt,.map,.touch-controls>*{pointer-events:auto}.location{position:absolute;top:88px;left:30px;display:flex;gap:9px;align-items:center;font-size:13px;font-weight:550}.location-divider{height:12px;width:1px;background:#31575055;margin:0 2px}#timer{font-variant-numeric:tabular-nums}.mission{position:absolute;bottom:80px;left:28px;width:258px;padding:19px 20px 10px;background:var(--cream);box-shadow:var(--shadow);border-radius:15px}.mission-title{display:flex;align-items:center;gap:9px;font-size:15px}.mission-title svg{width:17px;height:17px}.mission p{font-size:13px;line-height:1.5;color:#52665e;margin:11px 0 15px}.progress-track{height:5px;border-radius:5px;background:#e5ebda;overflow:hidden}#progress{display:block;height:100%;width:0;background:#84b544;transition:width .4s}.mission-foot{display:flex;align-items:center;justify-content:space-between;color:#5c7066;font-size:11px;margin-top:5px}.mission-foot button{background:transparent;width:32px;height:30px}.mission-foot svg{width:16px;height:16px}.toolbelt{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:7px;border-radius:16px;background:var(--cream);box-shadow:var(--shadow)}.tool{position:relative;background:transparent;border-radius:10px;min-width:88px;display:flex;align-items:center;flex-direction:column;gap:6px;padding:15px 15px 10px;font-size:11px;font-weight:550}.tool.selected{background:var(--lime)}.tool svg{width:25px;height:25px}.keytag{position:absolute;top:4px;left:7px;font-size:9px;opacity:.65}.keyboard-hint{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;gap:23px;color:#2d574a;font-size:12px}.keyboard-hint>span{display:flex;align-items:center;gap:4px}.keyboard-hint>span:last-child{margin-left:auto}kbd{font:500 10px Outfit,sans-serif;display:inline-grid;place-items:center;min-width:19px;height:21px;padding:0 4px;border-radius:4px;border:1px solid #345e4c44;background:#fffef580;color:var(--ink)}.map{position:absolute;right:28px;bottom:80px;width:154px;height:177px;border-radius:14px;background:#fffef5d9;box-shadow:var(--shadow);padding:9px;text-align:center}.map canvas{display:block;width:136px;height:136px}.map span{font-size:8px;letter-spacing:.15em;font-weight:650}.build-note{position:absolute;top:88px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);padding:12px 17px;display:flex;gap:14px;align-items:center;border-radius:12px;box-shadow:var(--shadow)}.build-note b{font-size:14px}.build-note small{display:block;font-size:11px;color:#d5e4d3;margin-top:3px}.build-note>b{color:var(--lime);font-size:23px}body.building #world{cursor:crosshair}.toast{position:absolute;left:50%;top:27%;transform:translate(-50%,-12px);background:var(--ink);color:var(--cream);padding:14px 24px;border-radius:12px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:85vw;text-align:center;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:22px;padding:34px;max-width:440px;width:calc(100% - 32px);background:var(--cream);color:var(--ink);box-shadow:0 25px 100px #173e3960}dialog::backdrop{background:#173e3944;backdrop-filter:blur(8px)}dialog h2{font-size:36px;letter-spacing:-.035em;margin:6px 0 8px;line-height:1.1}dialog p{font-size:14px;line-height:1.5;color:#52665e}.dialog-close{position:absolute;right:14px;top:14px;background:transparent;box-shadow:none}.controls-list{margin:24px 0}.controls-list>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #173e3915;padding:9px 0}.controls-list dd{margin:0;font-weight:650;text-align:right}.touch-help{display:none}.result{display:flex;flex-direction:column;align-items:center;margin:22px 0}.result b{font-size:54px;letter-spacing:-.03em;font-weight:700;font-variant-numeric:tabular-nums}.result span{font-size:10px;letter-spacing:.18em}.best{text-align:center}.text-button{display:block;width:100%;text-align:center;background:transparent;padding:15px;font-size:13px}.win-gem{color:#7a63e8}.win-gem svg{width:44px;height:44px}#win-dialog{text-align:center}dialog .primary{width:100%}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;max-width:480px;width:90%;background:var(--cream);padding:30px;border-radius:16px}.error h2{font-size:28px}.error p{line-height:1.6}.touch-controls{display:none}.outfit-flash{animation:flash .4s ease-out}@keyframes flash{50%{background:#d7fa70}}@media(max-width:1000px){.intro{left:5%}.intro h1{font-size:76px}.mission{width:220px}.map{width:128px;height:147px}.map canvas{width:110px;height:110px}.keyboard-hint{gap:14px}.keyboard-hint>span:last-child{font-size:10px}.tool{min-width:75px}.brand{font-size:18px}}
@media(max-width:700px){.topbar{inset:16px 14px auto;gap:6px}.brand{font-size:16px;gap:8px}.brand-icon{width:36px;height:36px;border-radius:10px}.brand-icon svg{width:22px;height:22px}.top-actions{gap:6px}.icon-button{width:36px;height:36px;border-radius:10px}.crystal-counter{height:36px;padding:0 9px;font-size:12px;gap:4px;border-radius:10px}.crystal-counter svg{width:17px;margin:0}.crystal-counter b{font-size:16px}.topbar #sound{display:none}.intro{top:auto;bottom:60px;left:24px;right:20px;transform:none;max-width:400px}.intro h1{font-size:56px;letter-spacing:-.04em;margin-bottom:16px}.intro p{font-size:15px;margin-bottom:19px}.primary{font-size:16px;min-height:50px}.intro-meta{font-size:11px;margin-top:13px}.world-caption{bottom:18px;right:20px}.world-caption span:not(.compass){display:none}.world-caption b{font-size:8px}.compass{display:none}.location{left:16px;top:66px;font-size:11px}.mission{top:99px;left:14px;bottom:auto;width:205px;padding:12px 14px 5px}.mission-title{font-size:12px}.mission p{font-size:11px;margin:8px 0 10px}.mission-foot{font-size:9px}.map{right:14px;top:94px;bottom:auto;width:86px;height:101px;padding:5px;background:#fffef5c9;border-radius:10px}.map canvas{width:76px;height:76px}.map span{font-size:6px}.toolbelt{bottom:25px;padding:5px;gap:4px}.tool{min-width:76px;padding:11px 12px 8px;font-size:10px}.tool svg{width:21px;height:21px}.keyboard-hint{display:none}.build-note{top:218px;max-width:calc(100% - 28px);width:max-content;padding:9px 12px;gap:8px}.build-note small{font-size:9px}.build-note b{font-size:12px}.build-note>b{font-size:20px}.touch-controls{display:block}#joystick{position:absolute;bottom:125px;left:25px;width:108px;height:108px;border:1px solid #fffef5a0;background:#fffef550;border-radius:50%;touch-action:none;display:grid;place-items:center}#stick{height:48px;width:48px;border-radius:50%;background:var(--cream);box-shadow:0 4px 14px #173e3920}#touch-jump{position:absolute;right:29px;bottom:140px;width:73px;height:73px;display:grid;place-items:center;border-radius:50%;background:var(--lime);box-shadow:var(--shadow);touch-action:none}#touch-jump svg{width:31px;height:31px}.toast{top:43%;font-size:13px;padding:12px 16px}dialog{padding:28px}dialog h2{font-size:30px}.touch-help{display:block}.controls-list{display:none}}
@media(pointer:coarse) and (min-width:701px){.touch-controls{display:block}#joystick{position:absolute;bottom:205px;left:35px;width:100px;height:100px;border-radius:50%;background:#fffef560;display:grid;place-items:center;touch-action:none}#stick{width:45px;height:45px;background:var(--cream);border-radius:50%}#touch-jump{position:absolute;right:45px;bottom:280px;width:70px;height:70px;background:var(--lime);border-radius:50%;touch-action:none}.keyboard-hint{display:none}.touch-help{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

body:has(#intro:not(.hidden))::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#bce8e4c9 0%,#bce8e422 38%,transparent 58%)}.topbar,.intro,.world-caption{z-index:3}@media(max-width:700px){body:has(#intro:not(.hidden))::after{background:linear-gradient(0deg,#c3e7df 0%,#c3e7dfc9 32%,transparent 70%);}}

.mission-action{display:block;width:100%;margin:0 0 9px;padding:10px 9px;border-radius:9px;background:var(--lime);font-weight:600;font-size:12px;text-align:left;min-height:40px}.mission-action:hover{background:#e3ff99}.intro-bonus{width:auto;padding:12px 0 0;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:4px}#bonus-dialog{text-align:center}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-color:#71957b var(--cream)}
@media(max-width:700px){.mission-action{font-size:11px;min-height:38px;padding:8px}.building .build-note{top:360px}.mission{max-width:calc(100vw - 120px)}.intro:has(.intro-bonus:not(.hidden)){bottom:45px}.intro:has(.intro-bonus:not(.hidden)) h1{font-size:48px}}

.flight-note{position:absolute;top:122px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:10px 16px;border-radius:10px;background:var(--ink);color:var(--cream);font-size:12px;text-align:center}#win-storm:not(.hidden){margin-bottom:10px}#win-storm:not(.hidden)+#keep-playing{background:#e8f0de;box-shadow:none}.storm-level .progress-track span{background:#239c9c}.storm-level .crystal-counter svg{color:#157f83}
@media(max-width:700px){.flight-note{top:280px;max-width:calc(100% - 28px);font-size:10px;padding:8px 10px}.storm-level.building .build-note{top:330px}.intro:has(#intro-storm:not(.hidden)) h1{font-size:44px}.intro:has(#intro-storm:not(.hidden)){bottom:40px}.intro-bonus{padding-top:8px}}

.storm-level #touch-jump::after{content:"Halten: gleiten";position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--ink);font-size:10px;font-weight:600;background:var(--cream);padding:3px 6px;border-radius:5px}
@media(max-width:700px){.flight-note{display:none}}

.secret-level .brand,.secret-level .location,.secret-level .keyboard-hint{color:#eee5ff}.secret-level .location .status-dot{background:#d6c0f0}.secret-level .location-divider{background:#b3a1d0}.secret-level .progress-track span{background:#a37dcc}.secret-level .crystal-counter svg{color:#a15a94}#secret-dialog{text-align:center}.secret-level .build-note{background:#393254}
@media(max-width:700px){.intro:has(#intro-secret:not(.hidden)){max-height:calc(100dvh - 100px);overflow-y:auto}.intro:has(#intro-secret:not(.hidden)) h1{font-size:38px}.intro:has(#intro-secret:not(.hidden)) p{font-size:13px;margin-bottom:13px}.mission:has(#secret-action:not(.hidden)){max-height:calc(100dvh - 400px);overflow-y:auto}}

@media(max-width:700px){.building .mission{max-height:230px;overflow-y:auto}}

.stock{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:12px}.stock svg{width:15px;height:15px}.mission .build-guidance{font-size:10px;color:#466157;margin:4px 0 8px}.reclaim{background:#d7fa70;color:#173e39;padding:8px 9px;border-radius:7px;font-size:11px;font-weight:600;max-width:105px}.build-note{flex-wrap:wrap}.build-note .reclaim{pointer-events:auto}
@media(max-width:700px){.mission-title{gap:5px}.stock{font-size:11px}.stock svg{width:12px;height:12px}.build-note{row-gap:6px}.reclaim{font-size:10px;padding:7px;max-width:95px}}
@media(max-width:700px){body.building .mission,body.building .mission:has(#secret-action:not(.hidden)){max-height:230px;overflow-y:auto}.building .toast{top:auto;bottom:250px}}

.repo-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;min-height:32px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.repo-link svg{width:15px;height:15px;transform:rotate(-45deg)}.repo-link:hover{color:#376c45}