*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#050818;font-family:Segoe UI,system-ui,sans-serif;color:#e0e8ff;-webkit-user-select:none;user-select:none}#game{display:block;width:100vw;height:100vh;cursor:none}body.pixel-soft #game{image-rendering:auto}body.gamepad-active #game{cursor:none}.settings-hint.settings-section{margin-top:14px;color:#5eeaff;font-weight:600;letter-spacing:1px}body.anime-fx #hud-top p#planet-name{color:#f0f4ff;text-shadow:0 1px 0 #5eeaff44}body.anime-fx #status-bars .fill{filter:saturate(1.25)}body.anime-fx #crosshair .ch-dot{box-shadow:0 0 8px #5eeaff,0 0 2px #fff}body.scanlines-fx:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,12,32,.04) 2px,rgba(0,12,32,.04) 4px);mix-blend-mode:overlay}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud-top{position:absolute;top:16px;left:16px;max-width:min(420px,55vw)}#hud-brand{position:absolute;top:14px;left:16px;font-size:11px;letter-spacing:4px;color:#5eeaff88;pointer-events:none;display:none}#hud-top h1{display:none}#hud-top p#planet-name{font-size:14px;font-weight:600;color:#e0e8ff;margin-top:0}#hud-top p{font-size:13px;margin-top:4px;color:#a0b0cc}#hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center}#hotbar{display:flex;gap:6px;justify-content:center;margin-bottom:10px}#hud.menu-hidden{display:none}#overlay.main-menu{background:linear-gradient(180deg,#0508188c,#050818d1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-panel{text-align:center;max-width:420px;padding:40px 32px}.menu-panel.wide{max-width:560px}.world-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px;max-height:280px;overflow-y:auto;text-align:left}.world-card{padding:12px 14px;border:1px solid #2a4060;border-radius:6px;background:#141e32d9}.world-card.active{border-color:#5eeaff88}.world-card strong{display:block;color:#e0e8ff;margin-bottom:4px}.world-card span{display:block;font-size:12px;color:#89a}.world-card .world-meta{margin-top:2px;color:#5eeaff88}.world-actions{display:flex;gap:8px;margin-top:10px}.world-actions .menu-btn.small{flex:1;padding:8px;font-size:12px}.world-create-form{text-align:left;margin:16px 0}.world-create-form input[type=text],.world-create-form select{flex:1;min-width:0;padding:8px 10px;border:1px solid #334;border-radius:4px;background:#152030;color:#e0e8ff;font-size:14px}.world-create-form #wc-random-seed{margin:8px 0 12px;width:auto}.menu-logo h1{font-size:52px;letter-spacing:12px;color:#5eeaff;text-shadow:0 0 30px #5eeaff66;margin-bottom:4px}.menu-sub{letter-spacing:6px;color:#89a;font-size:13px;margin-bottom:36px}.menu-buttons{display:flex;flex-direction:column;gap:10px}.menu-btn{display:block;width:100%;padding:14px 24px;border:2px solid #2a4060;border-radius:4px;background:#141e32d9;color:#e0e8ff;font-size:15px;letter-spacing:2px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.menu-btn:hover{background:#1e3250f2;border-color:#5eeaff;transform:scale(1.02)}.menu-btn.primary{background:linear-gradient(180deg,#1a5080,#143050);border-color:#5eeaff88}.menu-version{margin-top:28px;font-size:11px;color:#556}.settings-tabs,.craft-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.settings-tabs .tab,.craft-tabs .tab{padding:8px 14px;border:1px solid #334;border-radius:4px;background:#152030;color:#89a;cursor:pointer;font-size:12px}.settings-tabs .tab.active,.craft-tabs .tab.active{border-color:#5eeaff;color:#5eeaff;background:#1a3050}.settings-panel{text-align:left;margin-bottom:16px}.settings-panel.hidden{display:none}.setting-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px}.setting-row span:first-child{flex:1;color:#a0b0cc}.setting-row input[type=range]{flex:2;accent-color:#5eeaff}.setting-row select{flex:1;background:#152030;color:#cde;border:1px solid #334;padding:6px;border-radius:4px}.setting-val{min-width:36px;text-align:right;color:#5eeaff;font-size:12px}.setting-row.check{justify-content:space-between}.setting-row.check input{accent-color:#5eeaff;width:18px;height:18px}.settings-hint{font-size:11px;color:#667;margin-top:12px;line-height:1.5}.credits-box{background:#141e32cc;border:1px solid #334;border-radius:8px;padding:20px;margin-bottom:20px;line-height:1.8;font-size:14px;color:#89a}.wide-panel{max-width:560px!important}#overlay-content.wide-panel .overlay-btn.planet{max-width:100%}.hotbar-slot{width:40px;height:40px;border:2px solid #334;border-radius:4px;background:#141928d9;transition:transform .1s,border-color .1s;position:relative}.hotbar-slot .slot-key{position:absolute;top:2px;left:4px;font-size:10px;color:#fff9;text-shadow:0 1px 2px #000}.hotbar-slot.active{border-color:#5eeaff;transform:scale(1.12)}#selected-block{color:#ffe066;font-size:14px}#controls-hint{font-size:11px;color:#667;margin-top:6px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#5eeaffe6;box-shadow:0 0 6px #5eeaff88}#crosshair:before{width:16px;height:2px;top:9px;left:2px}#crosshair:after{width:2px;height:16px;top:2px;left:9px}#crosshair .ch-dot{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:8.5px;left:8.5px;box-shadow:0 0 4px #5eeaff}#crosshair.mining:before,#crosshair.mining:after{background:#ff7850f2;box-shadow:0 0 8px #f648}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:all}#overlay.hidden{display:none}#overlay-content{text-align:center;max-width:560px;padding:32px}#overlay-content h2{font-size:28px;color:#5eeaff;margin-bottom:8px;letter-spacing:3px}#overlay-content p.sub{color:#89a;margin-bottom:24px}.overlay-btn{display:block;width:280px;margin:8px auto;padding:12px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:filter .15s}.overlay-btn:hover{filter:brightness(1.2)}.overlay-btn.primary{background:#1a4a6a;color:#fff}.overlay-btn.secondary{background:#333;color:#ccc}.overlay-btn.danger{background:#6a1a1a;color:#fff}.overlay-btn.planet{background:#152535;color:#cde;text-align:left;width:100%;max-width:480px}.overlay-btn.planet.locked{background:#251520;color:#888}.overlay-btn.planet .desc{font-size:11px;color:#667;margin-top:4px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#050818;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading.hidden{display:none}#loading h2{font-size:48px;color:#5eeaff;letter-spacing:8px}#loading p{color:#89a;letter-spacing:4px;margin-top:4px}.loader-bar{width:240px;height:4px;background:#1a2030;border-radius:2px;margin:32px 0 12px;overflow:hidden}#loader-fill{height:100%;width:0%;background:linear-gradient(90deg,#5eeaff,#a78bfa);transition:width .3s}#loading-text{font-size:13px;color:#556}.message-toast{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000bf;padding:12px 24px;border-radius:8px;border:1px solid #5eeaff44;color:#fff;font-size:15px;z-index:50;pointer-events:none;animation:fadeout 2.5s forwards}@keyframes fadeout{0%,70%{opacity:1}to{opacity:0}}#hud-top p#mission-tracker{font-size:12px;color:#5eeaff;margin-top:6px}#status-bars{position:absolute;top:16px;right:156px;width:148px;background:#080c18b8;border:1px solid #5eeaff22;border-radius:8px;padding:8px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#status-bars.warning-o2{border-color:#3a8aff88;box-shadow:0 0 12px #3a8aff44}#status-bars.warning-hp{border-color:#f458;box-shadow:0 0 12px #f454}#status-bars.beacon-zone{border-color:#5eeaffaa;box-shadow:0 0 16px #5eeaff55}.bar-row .bar-val{min-width:28px;text-align:right;font-size:9px;color:#89a;font-variant-numeric:tabular-nums}#target-info{position:absolute;top:50%;left:50%;transform:translate(-50%,42px);font-size:12px;color:#5eeaff;text-shadow:0 0 8px #000;pointer-events:none;white-space:nowrap}#click-to-play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#050818bf;display:flex;align-items:center;justify-content:center;pointer-events:all}#click-to-play.hidden{display:none}.ctp-panel{text-align:center;padding:40px;border:1px solid #5eeaff44;border-radius:12px;background:#0a1020eb;box-shadow:0 0 40px #5eeaff22}.ctp-panel h2{font-size:42px;letter-spacing:10px;color:#5eeaff;margin-bottom:8px}.ctp-panel p{color:#89a;letter-spacing:3px;margin-bottom:24px}.ctp-hint{font-size:11px!important;color:#667!important;margin-top:16px!important}.loader-sub{font-size:11px!important;color:#556!important;letter-spacing:2px!important;margin-top:8px!important}.welcome-box{text-align:left;max-width:480px;margin:0 auto 20px;padding:16px 20px;background:#0f1628e6;border:1px solid #5eeaff33;border-radius:8px;font-size:13px;line-height:1.65;color:#a0b0cc}.welcome-box strong{color:#5eeaff}.welcome-box ul{margin:8px 0 0 18px}.welcome-box li{margin-bottom:4px}.confirm-panel{max-width:400px}.confirm-panel p{margin-bottom:20px;color:#a0b0cc;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-actions .overlay-btn{width:auto;flex:1;margin:0}.hotbar-slot .slot-label{position:absolute;bottom:1px;left:0;right:0;font-size:7px;text-align:center;color:#ffffffbf;text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.hotbar-slot{cursor:pointer;width:44px;height:44px}.bar-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:10px;color:#89a}.bar-row .bar{flex:1;height:6px;background:#1a2030;border-radius:3px;overflow:hidden}.bar-row .fill{height:100%;transition:width .2s}.fill.hp{background:linear-gradient(90deg,#f45,#f86)}.fill.o2{background:linear-gradient(90deg,#3a8aff,#5eeaff)}.fill.jet{background:linear-gradient(90deg,#f80,#fc0)}.fill.xp{background:linear-gradient(90deg,#a78bfa,#5eeaff)}#status-bars{width:148px}.char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;max-width:520px}.char-card{text-align:left;padding:14px;border:2px solid #334;border-radius:8px;background:#141e32e6;cursor:pointer;color:#cde}.char-card.selected{border-color:#5eeaff;box-shadow:0 0 16px #5eeaff44}.char-card strong{display:block;font-size:14px}.char-card p{font-size:11px;color:#78a;margin:6px 0}.char-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px}.mc-inv{max-width:520px;margin:0 auto 16px}.chest-layout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:720px;margin:0 auto 16px}.chest-panel{flex:1;min-width:240px}.chest-grid{grid-template-columns:repeat(6,1fr)}.mc-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:12px}.mc-hotbar{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.mc-hotbar-label{font-size:11px;color:#667;margin-bottom:4px;text-align:left}.inv-slot{aspect-ratio:1;border:2px solid #334;border-radius:4px;position:relative;cursor:pointer;min-height:38px}.inv-slot.picked{outline:2px solid #ffe066}.inv-slot .inv-count{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:#fff}.hotbar-slot .slot-count{position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:700;color:#fff}#mining-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,28px);width:120px;height:6px;background:#080c18d9;border:1px solid #5eeaff44;border-radius:3px;overflow:hidden;box-shadow:0 0 12px #5eeaff22}#mining-bar.hidden{display:none}#mining-fill{height:100%;width:0%;background:linear-gradient(90deg,#5eeaff,#f86);transition:width .06s linear;box-shadow:0 0 8px #5eeaff66}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:0 auto 20px}.inv-item{padding:10px;border:1px solid #334;border-radius:6px;background:#152030;display:flex;justify-content:space-between;font-size:13px}.mission-card{text-align:left;max-width:480px;margin:0 auto 12px;padding:12px 16px;background:#152030;border-radius:8px;border:1px solid #334}.mission-card.done{opacity:.5}.mission-card p{font-size:12px;color:#89a;margin:4px 0 8px}.mission-bar{height:4px;background:#1a2030;border-radius:2px;overflow:hidden;margin-bottom:4px}.mission-bar div{height:100%;background:#5eeaff}.mission-card small{color:#667}.overlay-btn.active-tool{border:2px solid #5eeaff}.achievement-popup{position:fixed;top:18%;right:24px;background:#0a1428eb;border:1px solid #5eeaff;border-radius:8px;padding:14px 20px;color:#fff;font-size:14px;z-index:60;animation:slidein 3.5s forwards}@keyframes slidein{0%{opacity:0;transform:translate(40px)}15%,75%{opacity:1;transform:translate(0)}to{opacity:0}}#minimap{position:absolute;top:16px;right:20px;border-radius:6px;border:1px solid #5eeaff33;box-shadow:0 4px 20px #00000080}.pickup-toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);color:#5eeaff;font-size:14px;font-weight:600;text-shadow:0 0 8px #5eeaff88;pointer-events:none;animation:pickup 1.2s forwards}@keyframes pickup{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.menu-points{color:#ffd060;font-size:14px;margin-bottom:16px;letter-spacing:1px}.menu-tagline{color:#89a;font-size:13px;margin:-8px 0 12px;letter-spacing:.5px}.world-card.campaign{border-color:#ffd06055;background:#ffd0600f}.world-card.campaign strong{color:#ffd060}.menu-panel.xwide{max-width:780px;text-align:left}.char-select-layout{display:flex;gap:24px;align-items:flex-start}.char-select-left{flex:1}.char-select-right{width:220px;text-align:center}#char-preview-wrap{background:#0a1020cc;border:2px solid #2a4060;border-radius:8px;min-height:240px}.preview-label{font-size:12px;color:#89a;margin-top:8px}.mode-row{display:flex;gap:8px;margin:12px 0 16px}.mode-btn{flex:1;padding:10px;border:2px solid #2a4060;background:#141e32b3;color:#a0b0cc;cursor:pointer;border-radius:4px}.mode-btn.active{border-color:#5eeaff;color:#5eeaff;background:#5eeaff1a}.shop-grid{display:grid;gap:10px;max-height:360px;overflow-y:auto;margin:16px 0;text-align:left}.shop-item{padding:12px;border:1px solid #2a4060;border-radius:6px;background:#0f1628d9}.shop-item.owned{opacity:.65}.shop-item strong{color:#5eeaff;display:block;margin-bottom:4px}.shop-item p{font-size:12px;color:#89a;margin-bottom:8px}.shop-cost{color:#ffd060;font-size:13px}.menu-btn.small{padding:8px 14px;font-size:12px;margin-top:8px;width:auto;display:inline-block}.creator-layout{display:flex;gap:20px;margin:16px 0}.creator-form{flex:1;text-align:left}.creator-form label{display:block;margin-bottom:12px;font-size:13px;color:#a0b0cc}.creator-form input[type=text],.creator-form input[type=color]{display:block;width:100%;margin-top:4px;padding:6px;background:#0a1020;border:1px solid #2a4060;color:#e0e8ff;border-radius:4px}.creator-form input[type=range]{width:100%}.char-card.custom-card{border-style:dashed}body.embed-mode{overflow:hidden}body.embed-mode #game{width:100%;height:100%}body.embed-mode #hud-bottom #controls-hint,body.embed-mode #hud-brand{display:none}body.embed-mode #status-bars{top:8px;right:8px;width:120px;padding:6px 8px;font-size:10px}body.embed-mode #hud-top{top:8px;left:8px;max-width:calc(100% - 140px)}body.embed-mode #hud-top p{font-size:11px}body.embed-mode #overlay-content{max-width:100%;max-height:100%;overflow-y:auto;padding:16px 12px}body.embed-mode .menu-panel,body.embed-mode .menu-panel.wide,body.embed-mode .menu-panel.xwide{max-width:100%;padding:16px 12px}body.embed-mode .menu-logo h1{font-size:28px;letter-spacing:6px}body.embed-mode .menu-sub{font-size:10px;letter-spacing:3px;margin-bottom:16px}body.embed-mode .char-select-layout{flex-direction:column;gap:12px}body.embed-mode .char-select-right{width:100%}body.embed-mode #char-preview-wrap{min-height:140px}body.embed-mode .char-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.embed-mode .char-card{padding:8px;font-size:11px}body.embed-mode .char-card p{display:none}body.embed-mode .creator-layout{flex-direction:column}body.embed-mode #loading h2{font-size:28px;letter-spacing:4px}body.embed-mode .ctp-panel{padding:20px 16px;max-width:92%}body.embed-mode .ctp-panel h2{font-size:24px;letter-spacing:4px}body.embed-mode .menu-btn{padding:10px 14px;font-size:12px;letter-spacing:1px}body.embed-mode #click-to-play:before{content:"Tipp: Für volle Steuerung in neuem Tab öffnen";display:block;margin-bottom:12px;font-size:11px;color:#89a;letter-spacing:.5px}