html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden;background:#111417;color:#eef3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:BreatheFire;src:url(/assets/schrift/BreatheFireIi.ttf) format("truetype");font-display:swap}@font-face{font-family:EightBitWonder;src:url(/assets/schrift/8-BIT%20WONDER.TTF) format("truetype");font-display:swap}canvas{display:block}#light-mask{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.menu-overlay{position:fixed;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(#00000042,#000000bd),url(/assets/grafik/weiteres/BangerBackground.png) center / cover no-repeat}.menu-overlay[hidden]{display:none}.launch-screen{width:min(920px,calc(100vw - 32px));color:#f8edc9;text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.92),0 0 24px rgba(232,205,126,.38)}.launch-screen[hidden]{display:none}#launch-welcome,#launch-title,#menu-title,.menu-list button,.menu-copy button{font-family:BreatheFire,EightBitWonder,serif;font-weight:400}#launch-welcome{margin:0;font-size:clamp(34px,8vw,86px)}#launch-title{min-height:.95em;margin:18px 0 0;color:#fff;font-size:clamp(28px,6vw,72px);line-height:1}.menu-panel{width:min(780px,100%);padding:28px;color:#f8edc9;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.95)}#menu-detail,#menu-status{margin:0;color:#cfc5a2;line-height:1.45}#menu-title{margin:0 0 16px;color:#f8edc9;font-size:clamp(40px,8vw,92px);line-height:.96}.menu-list{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:24px}.menu-panel button,.menu-copy button{min-height:42px;border:0;background:transparent;color:#f8edc9;padding:0 18px;font-size:clamp(28px,4vw,46px);cursor:pointer;text-shadow:0 3px 0 rgba(0,0,0,.95)}.menu-panel button:hover,.menu-panel button:focus-visible,.menu-panel button.is-selected{color:#fff;outline:none}.menu-panel.is-keyboard-nav button.is-selected:before{content:"▶";display:inline-block;width:34px;margin-left:-34px;color:#f8edc9;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.58em;text-align:left;transform:translateY(-.08em)}#difficulty-panel[hidden],#main-panel[hidden],#custom-panel[hidden],#options-panel[hidden],#controls-panel[hidden],#credits-panel[hidden],#records-panel[hidden]{display:none}.menu-copy{width:min(680px,100%);margin:26px auto 0;color:#f6f0df;font-size:clamp(18px,2.4vw,26px);line-height:1.35}.menu-copy h2{margin:0 0 14px;color:#f8edc9;font-size:clamp(22px,3vw,32px)}.menu-copy p{margin:12px 0}.options-list{display:grid;gap:8px;width:min(480px,100%);margin:0 auto 20px}.options-list p{display:flex;justify-content:space-between;gap:18px;margin:0;border-bottom:1px solid rgba(246,240,223,.14);padding:8px 0;text-align:left}.options-list strong{color:#f8edc9}.options-list span{color:#d2c8a5;text-align:right}#controls-panel button,#credits-panel button,#options-panel button{display:block;margin:12px auto 0}.credits-list{display:grid;gap:8px;width:min(420px,100%);margin:0 auto 20px}.credits-list p{margin:0;border-bottom:1px solid rgba(246,240,223,.14);padding:8px 0;text-align:center;color:#f8edc9}.menu-note{margin:6px 0 2px;color:#cfc5a2;font-size:14px}.menu-copy label{display:block;margin-bottom:8px;color:#cfc5a2;font-size:15px}.menu-copy input,.menu-copy select{width:min(320px,100%);border:1px solid rgba(232,205,126,.48);background:#030507b8;color:#f8edc9;padding:10px 12px;font:inherit;text-align:center}#custom-settings{width:min(760px,100%);max-height:42vh;margin:12px auto;border:1px solid rgba(232,205,126,.24);background:#03050773;overflow:auto;text-align:left}.custom-settings-section{border-bottom:1px solid rgba(232,205,126,.14);padding:8px 10px 12px}.custom-settings-section:last-child{border-bottom:0}.custom-settings-title{margin:0 0 6px;color:#f8edc9;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.custom-settings-table{width:100%;border-collapse:collapse;table-layout:fixed}.custom-settings-table th{position:sticky;top:0;z-index:1;background:#080d12f5;color:#f8edc9;border-bottom:1px solid rgba(232,205,126,.28);font-size:12px;font-weight:700;text-align:left;padding:7px 8px}.custom-settings-table th:nth-child(1){width:34%}.custom-settings-table th:nth-child(2){width:46%}.custom-settings-table th:nth-child(3){width:20%}.custom-settings-table td{border-bottom:1px solid rgba(232,205,126,.12);padding:6px 8px;vertical-align:middle}.custom-setting-key{color:#f2e7c8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:clip;word-break:break-all}.custom-setting-description{color:#d8cfaf;font-size:12px;line-height:1.32}.custom-setting-value{text-align:right}.custom-setting-input{width:min(150px,100%);border:1px solid rgba(232,205,126,.35);background:#04070acc;color:#fff2d2;padding:5px 7px;font-size:13px;text-align:right}.custom-setting-input[type=checkbox]{width:18px;height:18px;margin-left:auto;accent-color:#e8cd7e}#leaderboard-submit{display:grid;justify-items:center;gap:10px;margin:18px 0}#leaderboard-submit[hidden]{display:none}#leaderboard-list{display:block;width:min(620px,100%);margin:16px auto;text-align:left;border:1px solid rgba(232,205,126,.24);background:#05080c6b;max-height:48vh;overflow:auto}.leaderboard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(620px,100%);margin:14px auto 0}.leaderboard-tab{min-height:34px;border:1px solid rgba(232,205,126,.28);background:#030507a8;color:#cfc5a2;font-size:15px;font-weight:700;cursor:pointer}.leaderboard-tab.is-selected{color:#fff6dc;border-color:#e8cd7ead;background:#e8cd7e29}.leaderboard-table{width:100%;border-collapse:collapse;font-size:clamp(14px,1.9vw,17px);background:#05080c6b}.leaderboard-table th,.leaderboard-table td{padding:6px 9px;border-bottom:1px solid rgba(246,240,223,.12)}.leaderboard-table th{color:#f8edc9;font-weight:700;text-align:left}.leaderboard-table td{color:#e8dec0}.leaderboard-table tr.is-own-score td{font-weight:800;color:#fff6dc;background:#e8cd7e24}.leaderboard-table tr.is-empty td{color:#cfc5a2}.leaderboard-table tr.is-gap td{color:#b8ad8a;text-align:center}#menu-detail{min-height:34px;margin-top:22px;font-size:clamp(14px,2vw,20px);text-shadow:0 2px 0 rgba(0,0,0,.85)}#hud{position:fixed;left:16px;right:16px;top:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:none;color:#f6f0df;text-shadow:0 2px 3px rgba(0,0,0,.7);font-size:14px;z-index:2}body:not(.is-playing) #hud,body:not(.is-playing) #hud-state,body:not(.is-playing) #keychain,body:not(.is-playing) #gem-counter,body:not(.is-playing) #fuel-tank,body:not(.is-playing) #inventory-bar,body:not(.is-playing) #powerup-bar,body:not(.is-playing) #compass-widget,body:not(.is-playing) #sonar-overlay,body:not(.is-playing) #action-hint,body:not(.is-playing) #dealer-bubble,body:not(.is-playing) #shop-overlay,body:not(.is-playing) #easter-egg-overlay,body:not(.is-playing) #cheat-console,body:not(.is-playing) #light-mask,body:not(.is-playing) #touch-controls{visibility:hidden}.menu-overlay:not([hidden])~#touch-controls,.menu-overlay:not([hidden])~#keychain,.menu-overlay:not([hidden])~#gem-counter,.menu-overlay:not([hidden])~#fuel-tank,.menu-overlay:not([hidden])~#inventory-bar,.menu-overlay:not([hidden])~#powerup-bar,.menu-overlay:not([hidden])~#compass-widget,.menu-overlay:not([hidden])~#sonar-overlay,.menu-overlay:not([hidden])~#action-hint,.menu-overlay:not([hidden])~#dealer-bubble,.menu-overlay:not([hidden])~#shop-overlay,.menu-overlay:not([hidden])~#easter-egg-overlay{visibility:hidden}#cheat-console{position:fixed;left:50%;bottom:118px;z-index:5;width:min(560px,calc(100vw - 24px));border:1px solid rgba(92,179,255,.52);background:#030509eb;box-shadow:0 14px 50px #00000094;transform:translate(-50%)}#cheat-console[hidden]{display:none}#cheat-input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(92,179,255,.32);background:transparent;color:#e9f4ff;padding:12px 14px;font:15px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}#cheat-suggestions{max-height:180px;overflow:auto;padding:8px 14px 12px;color:#a8cfff;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#cheat-suggestions div{padding:2px 0}#cheat-suggestions div.is-selected{color:#fff;font-weight:700}#shop-overlay:not([hidden])~#touch-controls,#shop-overlay:not([hidden])~#inventory-bar,#shop-overlay:not([hidden])~#powerup-bar,#shop-overlay:not([hidden])~#compass-widget,#shop-overlay:not([hidden])~#sonar-overlay,#shop-overlay:not([hidden])~#action-hint{visibility:hidden}#easter-egg-overlay:not([hidden])~#touch-controls,#easter-egg-overlay:not([hidden])~#inventory-bar,#easter-egg-overlay:not([hidden])~#powerup-bar,#easter-egg-overlay:not([hidden])~#compass-widget,#easter-egg-overlay:not([hidden])~#sonar-overlay,#easter-egg-overlay:not([hidden])~#action-hint{visibility:hidden}#touch-controls{position:fixed;left:18px;bottom:124px;z-index:3;display:none;place-items:center}#touch-joystick{width:116px;height:116px;border-radius:999px;border:1px solid rgba(246,240,223,.28);background:radial-gradient(circle at 50% 50%,#f6f0df17,#0000007a 72%),#00000057;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}#touch-joystick:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin-left:-2px;margin-top:-2px;border-radius:50%;background:#f6f0df6b}#touch-joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin-left:-27px;margin-top:-27px;border-radius:50%;border:1px solid rgba(246,240,223,.34);background:radial-gradient(circle at 36% 32%,#ffffff38,#f6f0df14 35%,#0000005c),#141a21b8;box-shadow:0 4px 16px #00000073;transform:translate(0);transition:transform 80ms linear;pointer-events:none}#hud-state{position:fixed;left:16px;bottom:128px;max-width:calc(100vw - 32px);pointer-events:none;color:#f6f0df;text-shadow:0 2px 3px rgba(0,0,0,.7);font-size:14px;font-variant-numeric:tabular-nums;z-index:2}#gem-counter{position:fixed;right:18px;top:44px;z-index:2;display:flex;align-items:center;gap:8px;min-width:72px;justify-content:flex-end;color:#f8edc9;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 2px 3px rgba(0,0,0,.88)}#gem-counter img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(79,234,133,.58))}#fuel-tank{--fuel-level: 1;--fuel-wave-clip: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);--fuel-tank-scale: 2;position:fixed;left:18px;bottom:16px;z-index:2;width:calc(50px * var(--fuel-tank-scale));height:calc(100px * var(--fuel-tank-scale));pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.68))}#fuel-tank-fill{position:absolute;inset:0;-webkit-mask-image:url(/assets/grafik/gui/FuelContainer/FillMask.png);mask-image:url(/assets/grafik/gui/FuelContainer/FillMask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}#fuel-tank-fill:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffe5b480,#ffae5342 32%,#ff9a2824 60%),linear-gradient(180deg,#ffc76e,#ff9e2e 46%,#d65f00);box-shadow:inset 0 0 12px #ff9d275c,inset 0 -10px 14px #5d210057;clip-path:var(--fuel-wave-clip);will-change:clip-path}#fuel-tank-empty{position:absolute;inset:0;width:100%;height:100%}#keychain{position:fixed;left:18px;top:44px;z-index:2;width:50px;height:50px;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.65))}#keychain-image{display:block;width:50px;height:50px}#inventory-bar{position:fixed;left:50%;bottom:14px;z-index:2;width:min(400px,calc(100vw - 32px));aspect-ratio:400 / 103;background:url(/assets/grafik/gui/inventory.png) center / 100% 100% no-repeat;pointer-events:auto;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.58))}#powerup-bar{position:fixed;right:16px;top:202px;z-index:2;width:50px;min-height:180px;background:url(/assets/grafik/gui/PowerUPBar.png) center top / 50px 180px no-repeat;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.58))}.powerup-icon{position:absolute;left:7px;width:36px;height:36px;object-fit:contain}.powerup-icon:nth-child(1){top:8px}.powerup-icon:nth-child(2){top:72px}.powerup-icon:nth-child(3){top:138px}#compass-widget{position:fixed;right:84px;bottom:130px;z-index:2;width:64px;height:64px;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.68))}#compass-widget[hidden]{display:none}#compass-body,#compass-needle{position:absolute;inset:0;width:64px;height:64px;image-rendering:auto}#compass-needle{transform-origin:50% 50%}#sonar-overlay{position:fixed;inset:0;z-index:3;display:block;pointer-events:none;background:#050608}#sonar-overlay[hidden]{display:none}#sonar-map{width:100vw;height:100vh;border:0;background:#050608;image-rendering:pixelated;opacity:1}#dealer-bubble{position:fixed;z-index:2;width:min(340px,calc(100vw - 32px));min-height:72px;padding:17px 24px 21px;background:url(/assets/grafik/gui/speechBubble.png) center / 100% 100% no-repeat;color:#15110d;font-size:15px;font-weight:700;line-height:1.25;pointer-events:none;text-shadow:none;transform:translate(-10%,-100%)}#dealer-bubble[hidden]{display:none}#action-hint{position:fixed;left:50%;bottom:126px;z-index:2;max-width:calc(100vw - 32px);min-height:22px;color:#f6f0df;font-size:14px;pointer-events:none;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.8);transform:translate(-50%)}#shop-overlay{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:18px;background:#040507a8}#shop-overlay[hidden]{display:none}.shop-panel{position:relative;width:min(624px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid rgba(232,205,126,.42);background:#101110f0 url(/assets/grafik/gui/Dealerbackground.png) center / cover no-repeat;box-shadow:0 24px 80px #0000008f}.shop-panel>*{position:relative;z-index:1}.shop-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:18px 18px 6px;color:#f8edc9;text-shadow:0 2px 4px rgba(0,0,0,.8)}.shop-head p,#shop-status{margin:0}.shop-head p{font-size:24px;font-weight:700}#shop-gems{color:#88e37f;font-variant-numeric:tabular-nums;margin-left:auto}#shop-close{border:1px solid rgba(246,240,223,.26);background:#00000070;color:#f8edc9;width:36px;height:36px;font-size:18px;line-height:1;cursor:pointer}#shop-close:hover,#shop-close:focus-visible{border-color:#e8cd7ef2;outline:none}#shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 18px 18px;position:relative}#shop-grid>*{position:relative;z-index:1}.shop-item{min-height:168px;border:1px solid rgba(246,240,223,.22);background:#0607079e;color:#f6f0df;padding:10px;text-align:left;cursor:pointer}.shop-item:hover,.shop-item:focus-visible{border-color:#e8cd7ef2;outline:none}.shop-item.is-disabled{cursor:default;opacity:.45}.shop-item img{display:block;width:42px;height:42px;margin-bottom:8px;object-fit:contain}.shop-item strong,.shop-item span{display:block}.shop-item strong{font-size:15px;color:#f8edc9}.shop-item span{margin-top:3px;color:#cfc5a2;font-size:12px;line-height:1.3}#shop-status{min-height:22px;padding:0 18px 18px;color:#f8edc9;font-size:13px}#easter-egg-overlay{position:fixed;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:18px;background:#020305c2}#easter-egg-overlay[hidden]{display:none}.easter-egg-panel{width:min(460px,calc(100vw - 24px));border:1px solid rgba(232,205,126,.42);background:#101110f0;box-shadow:0 24px 80px #0000008f;padding:18px}.easter-egg-panel h2{margin:0 0 12px;color:#f8edc9;font-size:22px}#easter-egg-qr{display:block;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto 14px;object-fit:contain;background:#fff}.easter-egg-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}#easter-egg-link,#easter-egg-close{border:1px solid rgba(246,240,223,.26);background:#00000070;color:#f8edc9;padding:10px 14px;font:inherit;text-decoration:none}#easter-egg-link:hover,#easter-egg-link:focus-visible,#easter-egg-close:hover,#easter-egg-close:focus-visible{border-color:#e8cd7ef2;outline:none}.inventory-slot{--cooldown-duration-ms: 1.2s;position:absolute;width:13.2%;aspect-ratio:1;border:0;background:transparent;padding:0;color:#ab8d3f;cursor:pointer;transform:translate(-50%,-50%)}.inventory-slot:focus-visible{outline:2px solid rgba(232,205,126,.85);outline-offset:2px}.inventory-slot.is-active{filter:drop-shadow(0 0 8px rgba(70,214,180,.95))}.inventory-slot.is-cooling:after{content:"";position:absolute;inset:8%;border-radius:8px;background:#080a0e61;pointer-events:none;animation:inventory-cooldown var(--cooldown-duration-ms) linear forwards}.inventory-slot img{display:block;width:86%;height:86%;margin:0 auto;object-fit:contain;image-rendering:auto}.inventory-slot span{position:absolute;right:-5%;bottom:-12%;min-width:20px;color:#e8cd7e;font-size:18px;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}@keyframes inventory-cooldown{0%{clip-path:inset(0 0 0 0);opacity:.58}to{clip-path:inset(100% 0 0 0);opacity:0}}#hud-meta,#hud-fps{font-variant-numeric:tabular-nums}#timer-counter{grid-column:2;justify-self:center;min-width:156px;border:1px solid rgba(232,205,126,.54);background:#050609bd;padding:8px 16px 10px;text-align:center;font-family:BreatheFire,EightBitWonder,serif;font-size:clamp(32px,5vw,44px);line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums}#hud-right{grid-column:3;align-self:start;justify-self:end;display:flex;align-items:center;gap:12px}body:not(.show-debug-hud) #hud-meta,body:not(.show-debug-hud) #hud-fps{display:none}@media(max-width:700px){.menu-panel{padding:18px}#menu-title{font-size:clamp(36px,12vw,58px)}.menu-panel button,.menu-copy button{min-height:40px;font-size:clamp(25px,8vw,38px)}#hud{align-items:start;font-size:13px;grid-template-columns:1fr auto 1fr}#hud-right{gap:8px;max-width:46vw;justify-content:flex-end}#hud-state{bottom:120px;font-size:13px}#gem-counter{top:50px;right:10px;font-size:19px}#fuel-tank{left:10px;bottom:8px;transform:scale(.82);transform-origin:bottom left}#inventory-bar{bottom:10px}#powerup-bar{right:10px;top:184px;transform:scale(.78);transform-origin:top right}#compass-widget{right:14px;bottom:188px;width:52px;height:52px}#compass-body,#compass-needle{width:52px;height:52px}#action-hint{bottom:174px;font-size:13px}#dealer-bubble{width:min(300px,calc(100vw - 24px));font-size:14px}#shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}#shop-grid:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/assets/grafik/gui/Dealerbackground_rotated.png) center / 100% 100% no-repeat}.shop-panel{background:#101110f0}#shop-grid .shop-item img{transform:none}#shop-grid .shop-item{width:calc(100% - 10px);justify-self:start}#touch-controls{bottom:114px}}@media(pointer:coarse),(max-width:700px){#touch-controls{display:grid}}