:root{--pink:#ff2e88;--cyan:#19f0ff;--yellow:#ffe600;--bg0:#08010f;}
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
  html,body{height:100%;height:100dvh;overflow:hidden;background:var(--bg0);}
  body{font-family:'Space Mono',monospace;color:#fff;display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none;}
  #wrap{position:relative;width:100vw;height:100vh;height:100dvh;background:var(--bg0);}
  canvas{display:block;width:100%;height:100%;}
  /* CRT-Scanlines + Ecken-Vignette: GPU-compositetes Overlay über dem Spiel, unter den Menüs (z<10) -> Text bleibt scharf. Nur aktiv mit .crt (= Einstellung „Effekte"). */
  #wrap.crt::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    background:repeating-linear-gradient(to bottom,rgba(0,0,0,.11) 0,rgba(0,0,0,.11) 1px,transparent 1px,transparent 3px),
      radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.4) 100%);}

  .screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;z-index:10;
    padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));
    overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;
    background:radial-gradient(ellipse at center,rgba(24,6,48,.9) 0%,rgba(8,1,15,.97) 78%);transition:opacity .3s ease;}
  /* Erst-Run-Onboarding "So geht's" */
  #howto{justify-content:center;gap:0;}
  .howRows{display:flex;flex-direction:column;gap:14px;max-width:340px;width:90%;margin-top:22px;}
  .howRow{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(14,32,56,.42);border:1px solid rgba(25,240,255,.22);border-radius:14px;padding:12px 14px;}
  .howIco{font-size:30px;line-height:1;flex:none;width:38px;text-align:center;filter:drop-shadow(0 0 8px rgba(25,240,255,.5));}
  .howTxt{display:flex;flex-direction:column;gap:3px;}
  .howTxt b{font-family:'Orbitron',sans-serif;font-size:15px;color:#7fe9ff;letter-spacing:.02em;}
  .howTxt span{font-size:12.5px;line-height:1.4;color:#cbd9ef;}
  /* flexible Abstandshalter zentrieren kurzen Inhalt, kollabieren bei langem -> volles Scrollen (Touch) */
  .screen::before,.screen::after{content:"";flex:1 0 8px;}
  /* Hauptmenü: Kopf (Logo + Schwierigkeit) oben verankert, Rest (Modi/Buttons) am Boden – Spacer dazwischen */
  #start::before,#start::after{display:none;}
  .startTop,.startBot{display:flex;flex-direction:column;align-items:center;width:100%;}
  .startSpacer{flex:1 0 16px;}
  /* In-Game-Overlays: deckendes Neon-Glas (KEIN backdrop-filter mehr → 100% fehlerfrei auf allen Browsern; Premium-Look kommt von Funken + Neon-Rändern) */
  #upgrade,#arsenalView,#pause,#over,#coinshop,#statusView{background-color:transparent;
    background-image:radial-gradient(ellipse at center,rgba(22,5,44,.95) 0%,rgba(8,1,15,.99) 74%);}
  .hidden{opacity:0;pointer-events:none;}
  /* Buttons: dezenter Glas-Glanz (Inset-Highlight) – browser-sicher, kein backdrop-filter */
  .mode,.btn.ghost,#dailyBtn,#shopBtn,.iconRow button,.shopTab,.diffBtn,.howRow{box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
  /* Schließen-Button (oben rechts): eckiges Neon-Pixel-Panel mit Cyan-Glow statt weißem Default */
  .closeBtn{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:12;
    width:44px;height:44px;border-radius:8px;cursor:pointer;border:1.5px solid rgba(25,240,255,.55);background:rgba(8,1,15,.62);
    color:var(--cyan);font-family:'Orbitron',sans-serif;font-weight:700;font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 12px rgba(25,240,255,.28),inset 0 0 8px rgba(25,240,255,.12);text-shadow:0 0 8px var(--cyan);
    -webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s,color .15s,transform .1s;}
  .closeBtn:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 18px rgba(25,240,255,.5),inset 0 0 10px rgba(25,240,255,.2);}
  .closeBtn:active{transform:scale(.92);}

  .logo{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(40px,11vw,104px);letter-spacing:.04em;line-height:.9;color:#fff;
    text-shadow:0 0 8px var(--cyan),0 0 24px var(--pink),0 0 60px var(--pink);}
  .logo span{color:var(--cyan);text-shadow:0 0 8px var(--pink),0 0 30px var(--cyan);}
  .logo{position:relative;}
  /* Titel-Glitch wird per JS getriggert → synchron zum einschlagenden Kettenblitz */
  .logo.glitch{animation:logoGlitch .42s steps(1,end) 1;}
  @keyframes logoGlitch{0%{opacity:1}10%{opacity:.35;filter:brightness(1.9)}20%{opacity:1;filter:none}34%{opacity:.55;filter:brightness(1.5)}46%{opacity:1}60%{opacity:.7}100%{opacity:1;filter:none}}
  /* CRT-Scanlines NUR auf dem Schriftzug (overlay-Blend moduliert die leuchtenden Glyphen, kein globaler Filter) */
  .logo::after{content:"";position:absolute;left:-3%;right:-3%;top:-8%;bottom:-8%;pointer-events:none;border-radius:4px;
    background:repeating-linear-gradient(to bottom, rgba(0,0,0,.34) 0 1px, transparent 1px 4px);
    mix-blend-mode:overlay;opacity:.6;animation:logoScan 5.5s linear infinite;}
  @keyframes logoScan{to{background-position:0 8px;}}
  /* Menü-Belebung: Kettenblitz-/Funken-Overlay hinter den Menü-Elementen */
  #menuFx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
  /* Ambient-Neon-Sparkle über den Untermenüs (liegt über den Glas-Screens, dezente Funken wie im Hauptmenü) */
  #fxSparkle{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:11;display:none;}
  /* Reaktion der Elemente, wenn ein Blitz/Funke sie trifft */
  .menuZap{animation:menuZap .48s ease-out;}
  @keyframes menuZap{0%{filter:brightness(1)}16%{filter:brightness(1.55) drop-shadow(0 0 12px var(--cyan))}100%{filter:brightness(1)}}
  .menuSpark{animation:menuSpark .3s ease-out;}
  @keyframes menuSpark{0%{filter:brightness(1)}45%{filter:brightness(1.7) drop-shadow(0 0 8px var(--pink))}100%{filter:brightness(1)}}
  .tag{margin-top:14px;font-size:clamp(11px,2.6vw,15px);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);opacity:.85;min-height:1.3em;}
  /* Hinweis, dass Ton erst nach erster Geste startet (Browser-Autoplay-Sperre) – blendet sich nach dem ersten Tipp aus */
  .soundHint{margin-top:8px;font-size:clamp(10px,2.3vw,13px);letter-spacing:.12em;color:var(--pink);opacity:.9;animation:soundPulse 1.6s ease-in-out infinite;}
  @keyframes soundPulse{0%,100%{opacity:.45;}50%{opacity:1;}}
  /* Schwierigkeits-Umschalter im Startmenü */
  .diffBtn{margin-top:14px;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
    background:rgba(10,3,20,.8);color:#cbbdf0;font-family:inherit;font-size:clamp(12px,2.8vw,15px);cursor:pointer;
    -webkit-tap-highlight-color:transparent;transition:border-color .2s,color .2s;}
  .diffBtn b{color:var(--cyan);font-weight:700;}
  .diffBtn small{display:block;margin-top:2px;font-size:.72em;letter-spacing:.12em;text-transform:uppercase;opacity:.5;color:#9a86c9;}
  .diffBtn:hover,.diffBtn:active{border-color:var(--cyan);}

  .modes{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:680px;}
  .mode{cursor:pointer;width:178px;max-width:42vw;padding:20px 16px;border-radius:16px;text-align:left;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:transform .14s,border-color .14s,box-shadow .14s;}
  .mode:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 0 26px rgba(25,240,255,.35);}
  .mode:active{transform:translateY(-1px);}
  .mode h3{font-family:'Orbitron',sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;margin-bottom:7px;}
  .mode.normal h3{color:var(--cyan);}.mode.hardcore h3{color:var(--pink);}.mode.zen h3{color:var(--yellow);}
  .mode p{font-size:11.5px;line-height:1.6;color:#c9b9ef;}
  .how{margin-top:24px;max-width:480px;font-size:12px;line-height:1.9;color:#a796cc;opacity:.85;}
  .how b{color:var(--yellow);}
  #dailyBtn{margin-top:22px;cursor:pointer;border:1px solid rgba(255,230,0,.4);background:rgba(255,230,0,.06);color:var(--yellow);
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;padding:11px 24px;border-radius:50px;transition:transform .12s,box-shadow .14s,border-color .14s;}
  #dailyBtn:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 0 24px rgba(255,230,0,.35);}
  #dailyBtn:active{transform:translateY(-1px);}
  /* Menü: laufenden Run fortsetzen (nur sichtbar, wenn ein Snapshot existiert) */
  .resumeRun{margin:0 0 16px;cursor:pointer;border:1.5px solid var(--cyan);background:rgba(25,240,255,.1);color:#cffaff;
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;padding:13px 26px;border-radius:50px;
    box-shadow:0 0 22px rgba(25,240,255,.3);transition:transform .12s,box-shadow .14s;animation:resPulse 2.2s ease-in-out infinite;}
  .resumeRun:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(25,240,255,.5);}
  .resumeRun:active{transform:translateY(-1px);}
  .resumeRun.hidden{display:none;}
  @keyframes resPulse{0%,100%{box-shadow:0 0 18px rgba(25,240,255,.25);}50%{box-shadow:0 0 30px rgba(25,240,255,.5);}}
  /* Prep-Gruppe: Werkstatt (vor dem Run) – bewusst prominent als Meta-Progression-Einstieg */
  .prepRow{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;max-width:520px;}
  #shopBtn{margin:0;width:auto;max-width:94vw;cursor:pointer;border:2px solid rgba(176,107,255,.85);
    background:linear-gradient(135deg,rgba(176,107,255,.24),rgba(110,60,200,.12));color:#efe0ff;
    font-family:'Orbitron',sans-serif;font-weight:800;font-size:16px;letter-spacing:.08em;padding:16px 26px;border-radius:50px;white-space:nowrap;
    text-shadow:0 0 12px rgba(176,107,255,.6);transition:transform .12s,box-shadow .14s,border-color .14s;box-shadow:0 0 22px rgba(176,107,255,.4);}
  #shopBtn:hover{transform:translateY(-3px);border-color:#c98bff;box-shadow:0 0 36px rgba(176,107,255,.6);}
  #shopBtn:active{transform:translateY(-1px);}
  /* shopPulse (animierte box-shadow) entfernt → statischer Glow, kein Repaint/Frame */
  #menuChips{color:var(--yellow);}
  /* Sekundäre Meta-Aktionen als kompakte Icon-Leiste (Erfolge/Skins/Einstellungen) */
  .iconRow{margin-top:16px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;max-width:520px;}
  .iconRow button{width:58px;min-height:60px;padding:7px 4px 6px;border-radius:15px;cursor:pointer;color:#fff;font-size:23px;line-height:1;
    border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    transition:transform .12s,box-shadow .14s,border-color .14s;}
  .iconRow button .ico{display:flex;align-items:center;justify-content:center;line-height:1;}
  .iconRow .iconLbl{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.5px;text-transform:uppercase;opacity:.72;line-height:1;}
  .iconRow button:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 18px rgba(25,240,255,.3);}
  .iconRow button:active{transform:translateY(-1px);}
  #achBtn:hover{border-color:var(--yellow);box-shadow:0 0 18px rgba(255,230,0,.3);}
  #skinBtn:hover{border-color:var(--pink);box-shadow:0 0 18px rgba(255,46,136,.3);}
  #skinCards{margin-top:20px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:760px;}
  .skcard{width:150px;max-width:42vw;padding:14px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
  .skcard.act{border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(25,240,255,.2);}
  .skcard .prev{width:52px;height:52px;border-radius:12px;border-width:3px;border-style:solid;}
  .skcard h5{font-family:'Orbitron',sans-serif;font-weight:700;font-size:13px;color:#fff;}
  .skcard .pick{cursor:pointer;border:none;font-family:'Orbitron',sans-serif;font-weight:700;font-size:12px;letter-spacing:.05em;color:#08010f;background:linear-gradient(120deg,var(--cyan),var(--yellow));padding:8px 16px;border-radius:40px;}
  .skcard .pick.lock{background:rgba(255,255,255,.12);color:#9a86c9;cursor:not-allowed;}
  .skcard .pick.on{background:transparent;color:var(--cyan);border:1px solid rgba(25,240,255,.5);cursor:default;}
  #achStats{margin-top:16px;width:100%;max-width:560px;}
  #achStats .stHead{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em;color:#9a86c9;margin-bottom:10px;}
  #achStats .stGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  #achStats .sttile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;}
  #achStats .sttile .i{font-size:17px;line-height:1.1;}
  #achStats .sttile b{font-family:'Orbitron',sans-serif;font-size:16px;color:#fff;}
  #achStats .sttile .l{font-size:10px;color:#c9b9ef;letter-spacing:.02em;}
  #achCards{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:800px;}
  .acard{width:150px;max-width:42vw;padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);text-align:center;}
  .acard.got{border-color:var(--yellow);box-shadow:inset 0 0 18px rgba(255,230,0,.18);}
  .acard.lock{opacity:.45;}
  .acard .ico{font-size:30px;line-height:1;}
  .acard h5{font-family:'Orbitron',sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;margin:7px 0 3px;color:#fff;}
  .acard p{font-size:11px;color:#c9b9ef;line-height:1.4;}
  /* === Meilenstein-Leiter (Erfolge-Screen) === */
  .msTitle{font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:.08em;font-size:13px;color:var(--cyan);text-shadow:0 0 14px rgba(25,240,255,.4);margin:18px 0 10px;}
  #msCards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:520px;}
  .mcard{width:150px;max-width:42vw;padding:11px 12px;border-radius:14px;background:rgba(25,240,255,.06);border:1px solid rgba(25,240,255,.2);text-align:left;}
  .mcard.done{border-color:rgba(124,255,46,.55);background:rgba(124,255,46,.08);box-shadow:inset 0 0 16px rgba(124,255,46,.14);}
  .mcard .mico{font-size:22px;line-height:1;}
  .mcard.done .mico{color:#9cff5e;}
  .mcard .mmain{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:5px 0 4px;}
  .mcard .mmain b{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12.5px;color:#fff;}
  .mcard .mrew{font-family:'Space Mono',monospace;font-size:11px;color:var(--yellow);white-space:nowrap;}
  .mcard .mbar{height:6px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:3px;}
  .mcard .mbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#19f0ff,#7c5bff);}
  .mcard .mprog{font-family:'Space Mono',monospace;font-size:10px;color:#9f90c8;display:block;margin-top:3px;}
  /* Story-Codex (entdeckte Lore-Beats) */
  #loreCards{display:flex;flex-direction:column;gap:9px;width:100%;max-width:520px;}
  .lcard{padding:11px 14px;border-radius:13px;background:rgba(196,91,255,.08);border:1px solid rgba(196,91,255,.32);text-align:left;}
  .lcard.lock{opacity:.5;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);}
  .lcard h5{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.04em;margin:0 0 4px;color:#e6c9ff;}
  .lcard p{font-size:11.5px;color:#c9b9ef;line-height:1.5;margin:0;}
  /* Game-Over: neu erreichte Meilensteine */
  .milestoneHit{margin:12px auto 0;max-width:340px;width:88%;padding:9px 12px;border-radius:12px;background:rgba(124,255,46,.1);border:1px solid rgba(124,255,46,.4);box-shadow:0 0 16px rgba(124,255,46,.2);font-family:'Space Mono',monospace;font-size:12px;color:#d6ffb0;line-height:1.5;}
  .milestoneHit .mhl{font-family:'Orbitron',sans-serif;font-weight:700;color:#9cff5e;letter-spacing:.06em;}
  .milestoneHit b{color:var(--yellow);}
  .milestoneHit.hidden{display:none;}
  /* === Schiffsstatus / Gefechtsdatenblatt === */
  #statusView{justify-content:flex-start;}
  .radarCv{margin:14px auto 4px;display:block;width:300px;max-width:84vw;height:auto;
    filter:drop-shadow(0 0 16px rgba(25,240,255,.18));}
  .statLegend{display:grid;grid-template-columns:repeat(3,auto);gap:6px 16px;justify-content:center;margin:2px auto 6px;max-width:440px;}
  .rlg{font-family:var(--pf);font-size:15px;letter-spacing:.02em;color:#bcd7ea;white-space:nowrap;}
  .rlg b{font-family:serif;font-size:13px;}
  .rlg i{color:#19f0ff;font-style:normal;font-weight:700;}
  .statTele{width:min(440px,90vw);margin:8px auto 0;}
  .statTele .stGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;}
  .statTele .sttile{background:rgba(25,240,255,.05);border:1px solid rgba(25,240,255,.16);border-radius:9px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;}
  .statTele .sttile .i{font-size:15px;line-height:1.1;}
  .statTele .sttile b{font-family:var(--pf);font-size:18px;color:#fff;letter-spacing:.02em;}
  .statTele .sttile .l{font-size:8.5px;color:#a7c4d8;letter-spacing:.01em;text-align:center;line-height:1.15;}
  .statWeps{width:min(440px,90vw);margin:18px auto 0;}
  .statWeps .stHead{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;color:#9a86c9;margin:0 0 10px;text-align:left;}
  .statWeps .stHead small{font-family:var(--pf);letter-spacing:.04em;font-size:13px;opacity:.7;}
  .statBar{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
  .sbIco{font-size:16px;width:20px;text-align:center;flex:none;filter:drop-shadow(0 0 5px currentColor);}
  .sbName{font-family:var(--pf);font-size:15px;color:#d7c9f5;width:88px;flex:none;text-align:left;letter-spacing:.02em;}
  .sbTrack{flex:1;height:9px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden;}
  .sbTrack i{display:block;height:100%;border-radius:5px;transition:width .3s;}
  .sbVal{font-family:var(--pf);font-size:16px;color:#fff;width:46px;flex:none;text-align:right;}
  .statEmpty{font-family:var(--pf);font-size:16px;color:#9a86c9;text-align:center;padding:6px 0;}
  .statSyns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
  .statSyn{font-family:var(--pf);font-size:15px;letter-spacing:.02em;color:#ff9ec9;background:rgba(255,46,136,.1);border:1px solid rgba(255,46,136,.32);border-radius:7px;padding:3px 9px;}
  #statusBtn:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(25,240,255,.3);}
  /* #settingsBtn: Styling jetzt über .iconRow (Icon-Leiste) */
  #optRows{margin-top:26px;display:flex;flex-direction:column;gap:12px;width:min(360px,86vw);}
  .optrow{cursor:pointer;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#e7defc;
    font-family:'Space Mono',monospace;font-size:14px;letter-spacing:.06em;padding:14px 18px;border-radius:14px;text-align:left;transition:border-color .14s,background .14s;}
  .optrow:hover{border-color:var(--cyan);}
  .optrow b{float:right;color:var(--cyan);font-family:'Orbitron',sans-serif;}
  /* Lautstärke-Slider-Zeilen (Musik/Sound) – gleiche Optik wie .optrow, aber mit Regler */
  .volrow{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#e7defc;
    font-family:'Space Mono',monospace;font-size:14px;letter-spacing:.06em;padding:11px 16px;border-radius:14px;}
  .volrow .vlbl{flex:0 0 auto;min-width:116px;white-space:nowrap;}
  .volrow .vval{flex:0 0 auto;min-width:48px;text-align:right;color:var(--cyan);font-family:'Orbitron',sans-serif;}
  .volrow .vol{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:6px;border-radius:5px;
    background:rgba(255,255,255,.16);outline:none;touch-action:none;cursor:pointer;}
  .volrow .vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;
    background:var(--cyan);box-shadow:0 0 10px var(--cyan);border:2px solid rgba(8,1,15,.6);cursor:pointer;}
  .volrow .vol::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--cyan);
    box-shadow:0 0 10px var(--cyan);border:2px solid rgba(8,1,15,.6);cursor:pointer;}
  .volrow .vol:focus-visible{box-shadow:0 0 0 2px var(--cyan);}
  #optRows,#resetRows{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;}
  #resetRows{margin-top:20px;}
  .optrow.danger{border-color:rgba(255,46,136,.4);color:#ff9ec2;}
  .optrow.danger:hover{border-color:var(--pink);}
  .optrow.danger.armed{background:rgba(255,46,136,.18);border-color:var(--pink);color:#fff;}
  /* Einklappbarer „Erweitert"-Block in den Einstellungen */
  .advToggle{cursor:pointer;border:1px dashed rgba(255,255,255,.22);background:transparent;color:#bfb4e0;
    font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:11px 16px;border-radius:11px;
    transition:border-color .14s,color .14s;}
  .advToggle:hover{border-color:var(--cyan);color:#e7defc;}
  #advOpts{display:flex;flex-direction:column;gap:10px;}
  #advOpts.advCollapsed{display:none;}
  /* Fluch-Karten */
  .ucard.curse{border-color:rgba(255,46,136,.55);background:rgba(255,46,136,.06);box-shadow:0 0 18px rgba(255,46,136,.15) inset;}
  .ucard.curse:hover{border-color:var(--pink);box-shadow:0 0 30px rgba(255,46,136,.4);}
  .ucard.curse h4{color:var(--pink);}
  .ucard.curse .stack{color:var(--pink);}
  .ucard.weapon{border-color:rgba(25,240,255,.5);background:rgba(25,240,255,.06);}
  .ucard.weapon:hover{border-color:var(--cyan);box-shadow:0 0 30px rgba(25,240,255,.4);}
  .ucard.weapon h4{color:var(--cyan);}
  .ucard.weapon .stack{color:var(--cyan);}
  /* Werkstatt / Shop */
  #shopCards,#arShopCards{margin-top:14px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:780px;}
  /* Waffen-Tab: Accordion-Skilltree pro Waffe */
  #shopCards.treeCols,#arShopCards.treeCols{flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-width:540px;gap:10px;width:100%;}
  .shopRow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:4px;}
  .shopRow .ucard{flex:1 1 200px;}
  .waccord{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(10,2,18,.5);overflow:hidden;}
  .waccord.notowned{opacity:.92;}
  .wahead{width:100%;display:flex;align-items:center;gap:10px;padding:13px 15px;background:rgba(255,255,255,.03);border:0;border-left:3px solid var(--wc,#19f0ff);
    color:#e7defc;font-family:'Space Mono',monospace;cursor:pointer;text-align:left;transition:background .14s;}
  .wahead:hover{background:rgba(255,255,255,.07);}
  .wahead .whico{font-size:20px;}
  .wahead b{font-size:15px;letter-spacing:.02em;}
  .warctag2{font-size:9px;letter-spacing:.14em;color:var(--wc,#19f0ff);opacity:.85;text-transform:uppercase;}
  .wahead .wstat{margin-left:auto;font-family:'Orbitron',sans-serif;font-size:12px;color:#9fffe0;white-space:nowrap;}
  .wahead .wcar{transition:transform .2s;opacity:.55;font-size:12px;}
  .waccord.open .wahead .wcar{transform:rotate(180deg);}
  .wabody{display:none;flex-direction:column;align-items:center;padding:8px 15px 15px;}
  .waccord.open .wabody{display:flex;}
  .wnode{width:100%;max-width:380px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.04);}
  .wnode.locked{opacity:.42;border-style:dashed;}
  .wnode.done{border-color:rgba(44,255,192,.4);background:rgba(44,255,192,.07);}
  .wnode.buy{border-color:rgba(255,230,0,.45);background:rgba(255,230,0,.06);}
  .wnode .wni{font-size:17px;width:22px;text-align:center;flex:none;}
  .wnode .wnt{display:flex;flex-direction:column;min-width:0;flex:1;}
  .wnode .wnt b{font-size:13px;}
  .wnode .wnt span{font-size:11px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .synShopList .wnode .wnt span{white-space:normal;line-height:1.35;}   /* Fusions-Beschreibungen voll lesbar (kein Abschneiden) */
  .wnode .cost{margin-left:auto;flex:none;}
  .wnode-done{margin-left:auto;color:#2effc0;font-weight:700;font-size:15px;}
  .wnode-lock{margin-left:auto;opacity:.6;}
  .tconn2{width:2px;height:9px;background:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,.06));}
  .wnode.syn{max-width:440px;align-self:center;margin:3px 0;}
  .tnode .infoBtn.tnInfo{position:absolute;top:1px;left:2px;width:15px;height:15px;font-size:9px;margin:0;border-width:1px;z-index:2;}
  /* Info-Button (ⓘ) + lustiger Tooltip */
  .infoBtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;
    font-size:13px;color:#9fd8ff;background:rgba(255,255,255,.08);border:1px solid rgba(159,216,255,.35);cursor:pointer;
    margin:0 6px;user-select:none;transition:background .12s,transform .12s;}
  .infoBtn:hover{background:rgba(159,216,255,.25);transform:scale(1.12);}
  .infoBtn.cardInfo{position:absolute;top:8px;right:8px;margin:0;}
  .wahead .infoBtn{margin-left:4px;}
  #tipPop{position:fixed;z-index:1000;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s,transform .14s;
    background:linear-gradient(150deg,rgba(20,6,34,.97),rgba(8,2,16,.97));border:1px solid var(--cyan);border-radius:12px;
    padding:11px 13px;box-shadow:0 0 26px rgba(25,240,255,.35);max-width:260px;}
  #tipPop.show{opacity:1;transform:translateY(0);}
  #tipPop b{display:block;font-family:'Orbitron',sans-serif;font-size:13px;color:var(--cyan);margin-bottom:5px;letter-spacing:.04em;}
  #tipPop p{margin:0;font-size:12.5px;line-height:1.45;color:#e7defc;}
  .ucard.maxed{opacity:.5;}
  .ucard .cost,.wnode .cost{margin-top:4px;cursor:pointer;border:none;font-family:'Orbitron',sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;
    color:#08010f;background:linear-gradient(120deg,var(--cyan),var(--yellow));padding:9px 18px;border-radius:40px;transition:transform .12s,filter .12s;}
  .wnode .cost{margin-top:0;padding:7px 14px;font-size:12px;}
  .ucard .cost:hover,.wnode .cost:hover{transform:scale(1.05);}
  .ucard .cost.locked,.wnode .cost.locked{background:rgba(255,255,255,.12);color:#9a86c9;cursor:not-allowed;}
  .ucard .cost.done{background:transparent;color:var(--cyan);border:1px solid rgba(25,240,255,.4);cursor:default;}
  .chips{margin-top:14px;font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:.1em;font-size:clamp(14px,3.4vw,18px);color:var(--yellow);text-shadow:0 0 16px rgba(255,230,0,.5);}
  /* Game-Over: Run-Zusammenfassung + Karotte zum nächsten Upgrade */
  .runsum{margin-top:7px;font-family:'Space Mono',monospace;font-size:clamp(11px,2.8vw,13px);color:#b9a9e0;letter-spacing:.02em;}
  .nextunlock{margin:12px auto 0;max-width:320px;width:86%;}
  .nextunlock .nuhead{font-family:'Space Mono',monospace;font-size:12px;color:#d6c9f5;margin-bottom:6px;line-height:1.5;}
  .nextunlock .nuhead .nul{color:#8f7fc0;text-transform:uppercase;letter-spacing:.08em;font-size:10px;}
  .nextunlock .nuhead b{color:#fff;}
  .nextunlock .nuok{color:#2effc0;font-weight:700;white-space:nowrap;}
  .nextunlock .nugap{color:#ffe08a;white-space:nowrap;}
  .nextunlock .nubar{height:9px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);overflow:hidden;}
  .nextunlock .nubar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#19f0ff,#7c5bff);box-shadow:0 0 10px rgba(124,91,255,.6);transition:width .6s cubic-bezier(.2,.8,.2,1);}
  .nextunlock .nubar.full i{background:linear-gradient(90deg,#2effc0,#7cff2e);box-shadow:0 0 12px rgba(46,255,192,.7);}

  /* Upgrade */
  #upgrade .utitle{font-family:'Orbitron';font-weight:900;font-size:clamp(22px,6vw,40px);color:var(--yellow);text-shadow:0 0 20px var(--yellow);}
  #upgrade .usub{margin-top:6px;font-size:13px;letter-spacing:.2em;color:#c9b9ef;text-transform:uppercase;}
  #upgradeCards{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:760px;}
  .ucard{position:relative;cursor:pointer;width:210px;max-width:80vw;padding:22px 18px;border-radius:18px;background:rgba(255,255,255,.05);
    border:1px solid rgba(255,230,0,.25);transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;}
  .ucard:hover{transform:translateY(-6px) scale(1.02);border-color:var(--yellow);box-shadow:0 0 30px rgba(255,230,0,.4);}
  .ucard .ico{font-size:38px;line-height:1;}
  .ucard h4{font-family:'Orbitron';font-weight:700;font-size:16px;letter-spacing:.05em;color:#fff;}
  .ucard p{font-size:12px;line-height:1.5;color:#c9b9ef;}
  .ucard .stack{font-size:10px;letter-spacing:.2em;color:#9a86c9;text-transform:uppercase;}
  /* Arsenal: neue Waffen, Skill-Gabelungen, Loadout & In-Run-Ansicht */
  .ucard.wnew{border-color:rgba(124,255,46,.55);background:rgba(124,255,46,.06);}
  .ucard.wnew h4,.ucard.wnew .stack{color:#9bff5e;}
  .ucard.wfork{border-color:rgba(196,91,255,.55);background:rgba(196,91,255,.06);}
  .ucard.wfork h4,.ucard.wfork .stack{color:#d18bff;}
  .ucard.equipped{border-color:var(--cyan);box-shadow:0 0 26px rgba(25,240,255,.35) inset;}
  .ucard.equipped .stack{color:var(--cyan);font-size:16px;letter-spacing:0;}
  .ucard.locked{opacity:.55;}
  .ucard.locked .stack{color:#ffae4d;}
  .ucard.slotEmpty{opacity:.4;border-style:dashed;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;}
  .ucard.slotEmpty:hover{transform:none;border-color:rgba(255,255,255,.2);box-shadow:none;}
  .ucard .cost.drop{background:rgba(255,46,136,.18);color:#ff8ab5;}
  #loadoutCards,#arsenalCards{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:780px;}
  #arsenalSyn{margin-top:20px;max-width:560px;text-align:left;}
  #arsenalSyn h4{font-family:'Orbitron';font-weight:700;font-size:13px;letter-spacing:.18em;color:var(--pink);text-transform:uppercase;margin-bottom:8px;text-align:center;}
  #arsenalSyn .synrow{font-size:12px;line-height:1.5;color:#e7d6ff;padding:5px 10px;margin:5px 0;border-radius:10px;background:rgba(255,46,136,.08);border:1px solid rgba(255,46,136,.25);}
  #arsenalSyn .synrow b{color:#ff7ab8;}
  #arsenalSyn .synrow.dim{color:#9a86c9;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);}
  /* Synergie-Rezeptbuch: aktiv / fast / fehlt */
  #arsenalSyn .synrow{display:block;}
  #arsenalSyn .synhead{display:flex;align-items:center;gap:7px;}
  #arsenalSyn .synhead .infoBtn{margin-left:auto;width:20px;height:20px;font-size:12px;}
  #arsenalSyn .synpair{font-size:15px;letter-spacing:1px;}
  #arsenalSyn .synd{font-size:10.5px;color:#c9b9ef;margin-top:2px;opacity:.85;}
  #arsenalSyn .synok{margin-left:auto;color:#7cff2e;font-weight:700;font-size:11px;}
  #arsenalSyn .synneed{margin-left:auto;color:#ffd36b;font-weight:700;font-size:11px;}
  #arsenalSyn .synrow.on{background:rgba(255,46,136,.16);border-color:rgba(255,46,136,.6);box-shadow:0 0 16px rgba(255,46,136,.28) inset;}
  #arsenalSyn .synrow.avail{background:rgba(120,230,255,.07);border-color:rgba(120,230,255,.4);}
  #arsenalSyn .synrow.near{background:rgba(255,211,107,.06);border-color:rgba(255,211,107,.3);}
  #arsenalSyn .synrow.off{opacity:.5;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);}
  #arsenalSyn .synrow.buyable{background:rgba(255,210,63,.08);border-color:rgba(255,210,63,.45);}
  #arsenalSyn .synadd{margin-left:auto;color:#7fe9ff;font-weight:700;font-size:11px;}
  #arsenalSyn .synbuy{margin-left:auto;cursor:pointer;border:1px dashed rgba(255,210,63,.6);background:rgba(255,210,63,.12);color:#ffe08a;
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:11px;padding:4px 10px;border-radius:9px;transition:transform .12s;}
  #arsenalSyn .synbuy:hover{transform:scale(1.05);}
  #arsenalSyn .synbuy.locked{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#9a86c9;}
  #arsenalSyn .synrow.off .synpair{filter:grayscale(.6);}
  #arsenalSyn .synrow.syntap{cursor:pointer;transition:transform .1s,box-shadow .12s,border-color .12s;}
  #arsenalSyn .synrow.syntap:hover{transform:translateY(-2px);border-color:#ff7ab8;box-shadow:0 0 16px rgba(255,46,136,.3);}
  #arsenalSyn .synrow.syntap:active{transform:translateY(0);}
  .synhint{font-size:11px;line-height:1.5;color:#b9a9e0;margin:4px 2px 8px;text-align:center;}
  #arsenalSyn .synbuy{margin:0;padding:3px 9px;font-size:12px;}
  .synShopList{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;}
  #arsenalSyn .synadd{margin-left:auto;color:#7fe8ff;font-weight:700;font-size:13px;}
  #arsenalSyn .synslots{font-size:11px;color:#ffd36b;border:1px solid rgba(255,211,107,.4);border-radius:20px;padding:1px 9px;margin-left:6px;vertical-align:middle;}
  .wmech{font-size:9.5px;line-height:1.35;color:#b9a9e0;opacity:.82;text-align:center;margin:-2px 2px 4px;max-width:150px;}
  /* Visueller Skill-Tree pro Waffe (In-Run, Arsenal-Overlay) */
  .wtree{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:176px;max-width:46vw;padding:12px 10px 14px;border-radius:16px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);}
  .wtree-head{display:flex;align-items:center;gap:6px;width:100%;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:7px;margin-bottom:2px;}
  .wtree-head .whico{font-size:20px;filter:drop-shadow(0 0 6px var(--wc));}
  .wtree-head .whmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
  .wtree-head b{font-family:'Orbitron';font-size:11px;line-height:1.15;letter-spacing:.01em;color:#fff;overflow-wrap:break-word;}
  .wtree-head .wlv{font-size:9px;letter-spacing:.12em;color:#9a86c9;}
  .wtree-head .drop{margin:0 0 0 2px;padding:2px 5px;font-size:11px;background:rgba(255,46,136,.18);color:#ff8ab5;border:none;border-radius:8px;cursor:pointer;}
  .wtree-head .drop:hover{background:rgba(255,46,136,.4);}
  .wtree-head .respec{margin:0;padding:2px 5px;font-size:12px;background:rgba(120,230,255,.16);color:#7fe9ff;border:none;border-radius:8px;cursor:pointer;}
  .wtree-head .respec:hover{background:rgba(120,230,255,.36);}
  .tnode.undoable{cursor:pointer;}
  .tnode.undoable:hover{border-color:#ff7ab8;box-shadow:0 0 12px rgba(255,46,136,.5);}
  .tnode.undoable::after{content:'↺';position:absolute;bottom:2px;right:4px;color:#ff7ab8;font-size:10px;font-weight:700;opacity:.85;}
  .warctag{align-self:center;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--wc,#9a86c9);text-shadow:0 0 7px var(--wc,transparent);opacity:.92;margin:1px 0 2px;}
  .tconn{width:2px;height:11px;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.1));}
  .trow{display:flex;gap:10px;position:relative;justify-content:center;width:100%;}
  .trow::before{content:'';position:absolute;top:-1px;left:25%;right:25%;height:2px;background:rgba(255,255,255,.18);}
  .tnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;max-width:80px;padding:7px 4px;border-radius:11px;
    border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);transition:transform .15s;}
  .tnode .ti{font-size:18px;line-height:1;}
  .tnode .tn{font-size:9.5px;line-height:1.18;letter-spacing:.02em;color:#d6c9f5;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;}
  .tnode.base{max-width:54px;border-color:#7cff2e;background:rgba(124,255,46,.12);}
  .tnode.base .tn{color:#9bff5e;}
  .tnode.chosen{border-color:#7cff2e;background:rgba(124,255,46,.14);box-shadow:0 0 14px rgba(124,255,46,.3);}
  .tnode.chosen .tn{color:#bfff8e;font-weight:700;}
  .tnode.chosen::after{content:'✓';position:absolute;top:3px;right:5px;color:#7cff2e;font-size:10px;font-weight:700;}
  .tnode.avail{border-color:#19f0ff;background:rgba(25,240,255,.08);animation:tnpulse 1.3s ease-in-out infinite;}
  .tnode.avail .tn{color:#7fe9ff;}
  .tnode.dim{opacity:.55;}
  .tnode.locked{opacity:.5;border-style:dashed;}
  .tnode.shoplocked{border-color:rgba(255,46,136,.5);background:rgba(255,46,136,.07);opacity:.7;}
  .tnode.shoplocked .tn{color:#ff8ab5;}
  .pickhint.shop{background:rgba(255,46,136,.85);}
  /* Fork-Stufe direkt im Loadout mit Coins freikaufen (Kaufleiste statt Werkstatt-Umweg) */
  .tbuy{width:100%;cursor:pointer;border:1.5px dashed rgba(255,210,63,.6);background:rgba(255,210,63,.1);color:#ffe08a;
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;padding:9px 8px;border-radius:11px;transition:transform .15s;}
  .tbuy b{color:#fff;}
  .tbuy:hover{transform:scale(1.03);background:rgba(255,210,63,.16);}
  .tbuy.locked{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#9a86c9;}
  .wtree.wlocked .buybp{margin-top:auto;}
  /* Werkstatt-Tabs */
  #shopTabs,#arShopTabs{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
  .shopTab{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(8,1,15,.5);
    color:#cbbdf0;font-family:inherit;font-size:clamp(12px,2.6vw,14px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;}
  .shopTab.on{border-color:var(--cyan);color:var(--cyan);background:rgba(25,240,255,.12);}
  /* Empfohlene nächste Upgrades (oben im Shop) */
  #shopReco{width:100%;max-width:440px;margin:6px auto 2px;}
  #shopReco.hidden{display:none;}
  .recoLbl{font-family:'Orbitron',sans-serif;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 8px rgba(255,230,0,.4);margin-bottom:6px;}
  .recoRow{display:flex;gap:7px;justify-content:center;}
  .recoCard{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:12px;cursor:pointer;
    font-family:'Space Mono',monospace;color:#fff;background:linear-gradient(180deg,rgba(20,40,20,.5),rgba(8,1,15,.8));
    border:1px solid rgba(124,255,46,.55);box-shadow:0 0 12px rgba(124,255,46,.18);-webkit-tap-highlight-color:transparent;transition:transform .08s ease;}
  .recoCard:active{transform:scale(.95);}
  .recoCard.locked{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(22,9,44,.5),rgba(8,1,15,.8));box-shadow:none;opacity:.78;}
  .recoIco{font-size:22px;line-height:1;}
  .recoName{font-size:11px;line-height:1.15;text-align:center;color:#e7dcff;}
  .recoMeta{display:flex;flex-direction:column;align-items:center;gap:1px;}
  .recoLv{font-size:10px;color:#9a86c9;}
  .recoCost{font-size:12px;font-weight:700;color:var(--yellow);text-shadow:0 0 6px rgba(255,230,0,.4);}
  .recoCard.locked .recoCost{color:#c9b9ef;text-shadow:none;}
  @keyframes tnpulse{0%,100%{box-shadow:0 0 4px rgba(25,240,255,.25);}50%{box-shadow:0 0 16px rgba(25,240,255,.6);}}
  .wtree.slotEmpty{justify-content:center;opacity:.4;border-style:dashed;min-height:150px;}
  .wtree.slotEmpty .ico{font-size:30px;}
  .tlegend{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#9a86c9;letter-spacing:.04em;margin-bottom:10px;flex-wrap:wrap;}
  .tlegend .lc{width:11px;height:11px;border-radius:4px;display:inline-block;margin-left:8px;border:1.5px solid;}
  .tlegend .lc.chosen{border-color:#7cff2e;background:rgba(124,255,46,.2);}
  .tlegend .lc.avail{border-color:#19f0ff;background:rgba(25,240,255,.15);}
  .tlegend .lc.locked{border-color:rgba(255,255,255,.4);border-style:dashed;opacity:.5;}
  /* Klickbare Knoten (Skillpunkt ausgeben) */
  .tnode.pick{cursor:pointer;border-color:#19f0ff;background:rgba(25,240,255,.12);animation:none;box-shadow:0 0 12px rgba(25,240,255,.45);}
  .tnode.pick:hover{transform:scale(1.07);box-shadow:0 0 20px rgba(25,240,255,.8);}
  .tnode.pick:active{transform:scale(.97);}
  .tnode .pickhint{position:static;margin-top:3px;min-width:19px;height:17px;border-radius:9px;padding:0 6px;background:#19f0ff;color:#08010f;
    font-family:'VT323',monospace;font-size:13px;font-weight:700;line-height:17px;text-align:center;white-space:nowrap;box-shadow:0 0 8px rgba(25,240,255,.8);}
  .tnode .pickhint.shop{background:#ff5a7a;}   /* nicht leistbar */
  /* Hangar-Kopfzeile: Ressourcen-Pillen + Kauf-Button in einer responsiven Leiste (einzeilig wenn Platz, sonst Umbruch) */
  .arStatBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 9px;margin:8px 0 10px;}
  .arStats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 7px;margin:0;}
  .arStats .rp{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;
    border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font:700 13px 'Orbitron',sans-serif;letter-spacing:.04em;white-space:nowrap;}
  .arStats .rp.coin{border-color:rgba(255,210,63,.5);background:rgba(255,210,63,.1);color:#ffe27a;text-shadow:0 0 8px rgba(255,210,63,.45);}
  /* Hangar: Skillpunkt für Coins kaufen */
  .arBuySp{margin:0;padding:6px 14px;border-radius:999px;border:1px solid rgba(25,240,255,.55);
    background:rgba(25,240,255,.1);color:#bfeaff;font:700 12px 'Orbitron',sans-serif;letter-spacing:.5px;cursor:pointer;white-space:nowrap;
    box-shadow:0 0 12px rgba(25,240,255,.25);transition:transform .08s,background .15s;}
  .arBuySp b{color:#ffd23f;}
  .arBuySp:active{transform:scale(.96);}
  .arBuySp.locked{opacity:.5;border-color:rgba(255,90,122,.5);box-shadow:none;}
  .arBuySp.hidden{display:none;}
  /* Start-Loadout merken (persistente Favoriten-Waffen) */
  .arStartKit{margin:0;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,210,63,.5);
    background:rgba(255,210,63,.08);color:#ffe6a0;font:700 12px 'Orbitron',sans-serif;letter-spacing:.5px;cursor:pointer;white-space:nowrap;
    box-shadow:none;transition:transform .08s,background .15s,box-shadow .15s;}
  .arStartKit:active{transform:scale(.96);}
  .arStartKit.on{border-color:rgba(124,255,46,.6);color:#d6ffb0;background:rgba(124,255,46,.12);box-shadow:0 0 12px rgba(124,255,46,.3);}
  .arStartKit.hidden{display:none;}
  /* Waffe-holen-Karte (freier Slot + Skillpunkt) */
  .wtree.addable{border-color:rgba(25,240,255,.4);background:rgba(25,240,255,.06);}
  .wtree.addable .adddesc{font-size:9px;line-height:1.35;color:#c9b9ef;text-align:center;margin:4px 2px 2px;}
  .wtree.addable .addw{margin-top:auto;cursor:pointer;border:none;font-family:'Orbitron',sans-serif;font-weight:700;font-size:11px;letter-spacing:.04em;
    color:#08010f;background:linear-gradient(120deg,var(--cyan),var(--yellow));padding:8px 14px;border-radius:30px;transition:transform .12s;}
  .wtree.addable .addw:hover{transform:scale(1.06);}

  /* Game over */
  .gover{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(32px,9vw,72px);color:var(--pink);text-shadow:0 0 18px var(--pink),0 0 48px rgba(255,46,136,.6);}
  /* Story-Overlay (pausiert, groß & gut lesbar) */
  #lore{justify-content:center;background:rgba(8,1,15,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;}
  .loreCard{width:min(460px,90vw);margin:0 auto;padding:30px 26px 24px;border-radius:22px;
    background:linear-gradient(165deg,rgba(40,16,58,.96),rgba(20,8,34,.96));border:1.5px solid rgba(196,91,255,.55);
    box-shadow:0 0 44px rgba(196,91,255,.32),inset 0 0 26px rgba(196,91,255,.08);text-align:center;}
  .loreCard .loreHd{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(20px,5.6vw,30px);line-height:1.2;letter-spacing:.02em;
    color:#e9ccff;text-shadow:0 0 18px rgba(196,91,255,.6);margin-bottom:16px;}
  .loreCard .loreBody{font-family:'Space Mono',monospace;font-size:clamp(15px,4.1vw,18px);line-height:1.65;color:#f0e8ff;margin-bottom:22px;}
  .loreCard .loreCont{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;color:#c45bff;opacity:.9;animation:resPulse 1.8s ease-in-out infinite;}
  /* Weiterleben-Continue */
  #continue{gap:0;}
  .contTitle{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(30px,8vw,60px);color:var(--cyan);text-shadow:0 0 18px var(--cyan),0 0 48px rgba(25,240,255,.5);animation:wiggle .5s ease;}
  .contSub{margin:14px 0 22px;font-family:'Space Mono',monospace;font-size:clamp(13px,3.4vw,16px);color:#d6c9f5;line-height:1.7;text-align:center;}
  .contSub .contBal{color:var(--yellow);font-weight:700;}
  #continueBtn{border-color:var(--cyan);color:#cffaff;box-shadow:0 0 20px rgba(25,240,255,.35);}
  #continueBtn b{color:var(--yellow);}
  .insult{margin-top:10px;font-family:'Orbitron',sans-serif;font-weight:700;font-size:clamp(15px,4vw,24px);letter-spacing:.06em;color:var(--yellow);text-shadow:0 0 16px var(--yellow);animation:wiggle .5s ease;}
  @keyframes wiggle{0%{transform:rotate(-3deg) scale(.9)}50%{transform:rotate(2deg) scale(1.08)}100%{transform:rotate(0) scale(1)}}
  .quip{margin-top:10px;font-size:clamp(13px,3.6vw,18px);color:var(--cyan);min-height:2.6em;letter-spacing:.04em;max-width:460px;line-height:1.4;}
  .modetag{margin-top:12px;font-family:'Orbitron';letter-spacing:.24em;font-size:12px;color:#9a86c9;text-transform:uppercase;}
  .scorebox{margin-top:20px;display:flex;gap:42px;}
  .scorebox div{display:flex;flex-direction:column;gap:4px;}
  .scorebox .lbl{font-size:11px;letter-spacing:.28em;color:#9a86c9;text-transform:uppercase;}
  .scorebox .val{font-family:'Orbitron',sans-serif;font-weight:700;font-size:clamp(28px,8vw,46px);}
  .v-score{color:#fff;text-shadow:0 0 16px var(--cyan);}.v-best{color:var(--yellow);text-shadow:0 0 16px var(--yellow);}
  .newrec{margin-top:14px;font-family:'Orbitron';font-weight:700;letter-spacing:.2em;color:var(--yellow);text-shadow:0 0 20px var(--yellow);animation:pulse 1s infinite;display:none;}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
  .btnrow{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
  .btn{cursor:pointer;border:none;font-family:'Orbitron',sans-serif;font-weight:700;font-size:clamp(15px,3.6vw,20px);letter-spacing:.1em;color:#08010f;
    padding:15px 38px;border-radius:50px;background:linear-gradient(120deg,var(--cyan),var(--pink));box-shadow:0 0 22px rgba(255,46,136,.6),0 0 50px rgba(25,240,255,.35);transition:transform .12s;}
  .btn:hover{transform:scale(1.06);}.btn:active{transform:scale(.97);}
  .btn.needcoin{background:linear-gradient(120deg,#ffd23f,#ff9a2e);color:#1a0f00;box-shadow:0 0 22px rgba(255,210,63,.6),0 0 50px rgba(255,154,46,.35);}   /* Weiterleben ohne genug Coins → führt in den Coin-Shop */
  .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none;}
  .btn.ghost:hover{border-color:var(--cyan);}

  #hud{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;pointer-events:none;font-family:'Orbitron',sans-serif;}
  #score{font-weight:900;font-size:clamp(26px,7vw,46px);text-shadow:0 0 14px var(--cyan);}
  #coinHud{font-family:'Orbitron',sans-serif;font-weight:700;font-size:clamp(14px,3.4vw,20px);color:var(--yellow);text-shadow:0 0 12px rgba(255,230,0,.6);margin-top:-2px;pointer-events:auto;cursor:pointer;}
  /* Persistentes Coin-Badge: gleiche Stelle (oben links) auf allen Overlay-Screens außer Hauptmenü → Tipp öffnet die Werkstatt */
  #coinBadge{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:13;
    font-family:'Orbitron',sans-serif;font-weight:800;font-size:clamp(14px,3.6vw,18px);color:var(--yellow);
    background:linear-gradient(180deg,rgba(38,28,4,.85),rgba(8,1,15,.92));border:1px solid rgba(255,230,0,.5);border-radius:12px;
    padding:7px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-shadow:0 0 10px rgba(255,230,0,.5);
    box-shadow:0 0 14px rgba(255,230,0,.22),inset 0 0 10px rgba(255,230,0,.08);transition:transform .08s ease;}
  #coinBadge.hidden{display:none;}
  #coinBadge::after{content:" 🛠️";font-size:.82em;opacity:.85;}
  #coinBadge:active{transform:scale(.93);}
  #left-hud{display:flex;flex-direction:column;gap:6px;}
  #modeName{font-family:'Space Mono';font-size:11px;letter-spacing:.22em;color:#9a86c9;}
  #zenExit{pointer-events:auto;cursor:pointer;display:none;margin-top:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.3);color:#fff;font-family:'Space Mono';font-size:12px;letter-spacing:.15em;padding:6px 14px;border-radius:30px;width:max-content;}
  #zenExit:hover{border-color:var(--yellow);color:#fff;}
  #combo-wrap{text-align:right;}
  #combo{font-weight:700;font-size:clamp(18px,5vw,30px);color:var(--yellow);text-shadow:0 0 14px var(--yellow);transition:transform .1s;}
  #combo.bump{transform:scale(1.4);}
  #best-hud{font-size:11px;letter-spacing:.2em;color:#9a86c9;margin-top:4px;font-family:'Space Mono';}
  #comboBar{height:4px;width:66px;margin:5px 0 0 auto;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;opacity:0;transition:opacity .25s;}
  #comboBar.on{opacity:1;}
  #comboBar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--pink),var(--yellow));transform-origin:right center;transition:transform .08s linear;}
  #mute{position:absolute;bottom:16px;right:18px;z-index:11;cursor:pointer;font-size:22px;opacity:.55;transition:opacity .2s;pointer-events:auto;background:none;border:none;color:#fff;}
  #mute:hover{opacity:1;}
  .credit{position:absolute;bottom:14px;left:18px;z-index:11;font-size:10px;letter-spacing:.2em;color:#5b4a85;}
  #hud:not(.hidden) ~ .credit{display:none;}   /* Versions-Watermark während des Spiels ausblenden – sauberes Spielfeld */

  /* ---- PWA / App-spezifisch ---- */
  #hud{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));}
  #mute{bottom:max(16px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));}
  .credit{bottom:max(14px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));}
  #installRow{margin-top:22px;min-height:1px;display:flex;flex-direction:column;align-items:center;gap:10px;}
  #installBtn{display:none;cursor:pointer;border:none;font-family:'Orbitron',sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;color:#08010f;
    padding:12px 26px;border-radius:50px;background:linear-gradient(120deg,#2effc0,#19f0ff);box-shadow:0 0 20px rgba(46,255,192,.5);}
  #installBtn:active{transform:scale(.96);}
  #iosHint{display:none;font-size:12px;line-height:1.6;color:#9be7ff;max-width:320px;}
  #iosHint b{color:var(--yellow);}
  /* Pixel-Schiff-Editor */
  #shipEditor{overflow-y:auto;}
  #edBudgetBar{width:min(220px,70vw);height:8px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden;margin:6px 0 12px;}
  #edBudgetFill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--yellow));transition:width .18s;}
  #editCanvas{width:min(240px,80vw);height:auto;aspect-ratio:220/320;background:#0b0218;border:1px solid rgba(255,255,255,.18);border-radius:10px;image-rendering:pixelated;touch-action:none;box-shadow:0 0 30px rgba(25,240,255,.18);}
  #edPalette{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;max-width:300px;}
  #edPalette .sw{width:30px;height:30px;border-radius:8px;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:transform .1s;}
  #edPalette .sw.on{border-color:#fff;transform:scale(1.14);box-shadow:0 0 12px currentColor;}
  #edPalette .sw.eraser{background:repeating-conic-gradient(#444 0 25%,#222 0 50%) 50%/12px 12px;display:flex;align-items:center;justify-content:center;font-size:14px;}
  #edPalette .sw.lock{opacity:.5;cursor:not-allowed;}
  #edTools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px;}
  #edTools button,#edTemplates button{cursor:pointer;font-family:'Space Mono',monospace;font-size:12px;color:#e7defc;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:7px 11px;}
  #edTools button.buy{background:rgba(120,230,255,.14);color:#7fe9ff;border-color:rgba(120,230,255,.4);}
  #edTools button.buy.lock{opacity:.5;}
  #edTemplates{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px;}
  #edTemplates .tplLbl{width:100%;text-align:center;font-size:11px;letter-spacing:.1em;color:#9a86c9;margin-bottom:2px;text-transform:uppercase;}
  #edName{font-family:'Orbitron',sans-serif;font-size:14px;letter-spacing:.04em;color:#fff;text-align:center;background:rgba(255,255,255,.06);
    border:1px solid rgba(25,240,255,.4);border-radius:9px;padding:8px 12px;margin:4px 0 8px;width:min(220px,72vw);outline:none;-webkit-user-select:text;user-select:text;}
  #edName:focus{border-color:var(--cyan);box-shadow:0 0 14px rgba(25,240,255,.35);}
  .skcard .shipPrev{width:64px;height:64px;background:#0b0218;border:1px solid rgba(25,240,255,.35);border-radius:12px;image-rendering:pixelated;}
  .skcard .skrow{display:flex;gap:6px;margin-top:2px;}
  .skcard .skrow button{cursor:pointer;font-size:12px;padding:5px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e7defc;}
  .skcard .skrow button.del{background:rgba(255,46,136,.16);color:#ff8ab5;border-color:rgba(255,46,136,.35);}
  .skcard.newship{justify-content:center;cursor:pointer;border-style:dashed;color:#9be7ff;font-size:30px;min-height:150px;}
  /* Cockpit-HUD (unten): Leben/Schild/Waffen/Synergien */
  #cockpit{position:absolute;left:0;right:0;bottom:0;z-index:6;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;gap:12px;flex-wrap:wrap;
    padding:6px 10px;padding-bottom:max(6px,env(safe-area-inset-bottom));font-family:'Space Mono',monospace;
    background:linear-gradient(to top,rgba(8,1,15,.78),rgba(8,1,15,0));}
  #cockpit.hidden{display:none;}
  .ckVitals{display:flex;align-items:center;gap:10px;}
  .ckLives{color:#ff3b6b;font-size:19px;letter-spacing:3px;text-shadow:0 0 8px #ff2e88;line-height:1;}
  .ckLives i.empty{color:rgba(255,255,255,.18);text-shadow:none;}
  .ckShields{display:inline-flex;gap:3px;align-items:center;}
  .ckShields svg{width:17px;height:17px;filter:drop-shadow(0 0 4px #2effc0);}
  .ckWeapons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;}
  .ckW{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(255,255,255,.06);border:1px solid var(--wc,#19f0ff);border-radius:10px;padding:3px 8px;color:#fff;}
  .ckW .cki{font-size:17px;line-height:1;}
  .ckpips{display:flex;gap:2px;}
  .ckpips i{width:4px;height:4px;border-radius:1px;background:rgba(255,255,255,.18);}
  .ckpips i.on{background:var(--wc,#19f0ff);box-shadow:0 0 4px var(--wc,#19f0ff);}
  .ckSyn{display:flex;gap:5px;align-items:center;}
  .ckS{font-size:16px;line-height:1;filter:drop-shadow(0 0 6px #ff2e88);}
  .ckSkill{font-family:'Orbitron',sans-serif;font-weight:700;font-size:13px;color:#19f0ff;background:rgba(25,240,255,.14);border:1px solid rgba(25,240,255,.55);border-radius:10px;padding:5px 9px;}
  /* Cockpit interaktiv (T3): nur Buttons fangen Eingaben, Bar bleibt durchlässig */
  #cockpit button{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  #cockpit .ckW:active,#cockpit .ckS:active,#cockpit .ckSkill:active,#cockpit .ckHub:active{transform:scale(.93);}
  .ckS{background:rgba(255,46,136,.1);border:1px solid rgba(255,46,136,.4);border-radius:9px;padding:3px 6px;}
  .ckHub{font-size:18px;line-height:1;background:rgba(25,240,255,.12);border:1px solid rgba(25,240,255,.5);border-radius:10px;padding:6px 9px;color:#fff;
    box-shadow:0 0 10px rgba(25,240,255,.25);}
  #arTabs{margin:8px 0 4px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
  /* Reiter-Sektionen wirklich ausblenden (globales .hidden ist nur opacity:0 → belegten sonst Platz und schoben Inhalt aus dem Bild) */
  #arSecLoadout.hidden,#arSecSyn.hidden,#arSecShop.hidden{display:none;}
  #arSecShop .usub{margin-top:6px;}
  .ocBtn{display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;width:100%;max-width:420px;margin:0 auto 8px;
    font-family:'Orbitron',sans-serif;font-size:14px;color:#08010f;background:linear-gradient(120deg,#19f0ff,#7cff2e);border:none;border-radius:12px;padding:9px 14px;
    box-shadow:0 0 18px rgba(25,240,255,.4);}
  .ocBtn b{font-weight:800;}
  .ocBtn small{font-family:'Space Mono',monospace;font-size:10px;color:rgba(8,1,15,.7);font-weight:700;}
  .ocBtn:active{transform:scale(.98);}
  /* Barrierefreiheit: sichtbarer Tastatur-Fokus + Reduced-Motion */
  button:focus-visible,[role="button"]:focus-visible,.ucard:focus-visible,.mode:focus-visible,.shopTab:focus-visible,
  .skcard:focus-visible,.optrow:focus-visible,input:focus-visible,.tnode:focus-visible,.synrow:focus-visible,.infoBtn:focus-visible{
    outline:3px solid var(--cyan);outline-offset:2px;border-radius:8px;}
  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;} }
  /* Effekt-Timer-HUD (oben, holo): aktive Effekte mit Countdown */
  #fxbar{position:absolute;left:50%;transform:translateX(-50%);top:calc(max(6px,env(safe-area-inset-top)) + 40px);z-index:6;pointer-events:none;
    display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:92vw;font-family:'Space Mono',monospace;}
  #fxbar.hidden{display:none;}
  .fxchip{display:flex;align-items:center;gap:7px;padding:4px 9px 4px 7px;border-radius:10px;
    background:linear-gradient(180deg,rgba(8,1,15,.78),rgba(8,1,15,.5));border:1px solid var(--fc,#19f0ff);
    box-shadow:0 0 12px color-mix(in srgb,var(--fc,#19f0ff) 45%,transparent),inset 0 0 10px color-mix(in srgb,var(--fc,#19f0ff) 16%,transparent);
    animation:fxin .18s ease;}
  @keyframes fxin{from{opacity:0;transform:translateY(-6px) scale(.9);}to{opacity:1;transform:none;}}
  .fxico{font-size:16px;line-height:1;filter:drop-shadow(0 0 5px var(--fc,#19f0ff));}
  .fxmid{display:flex;flex-direction:column;gap:2px;min-width:62px;}
  .fxlbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fc,#19f0ff);text-shadow:0 0 6px var(--fc,#19f0ff);font-weight:700;}
  .fxtrk{height:4px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;}
  .fxtrk i{display:block;height:100%;width:100%;background:var(--fc,#19f0ff);box-shadow:0 0 6px var(--fc,#19f0ff);border-radius:2px;transform-origin:left center;transition:transform .12s linear;}
  .fxsec{font-size:11px;font-weight:700;color:#fff;min-width:22px;text-align:right;text-shadow:0 0 5px var(--fc,#19f0ff);}
  /* === Cockpit-Redesign: Holo-Laser-Armaturenbrett mit Pixel-Gimmicks === */
  #cockpit{align-items:flex-end;justify-content:center;padding:0 6px 0;padding-bottom:max(3px,env(safe-area-inset-bottom));background:none;}
  .ckPanel{position:relative;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center;max-width:96vw;
    padding:8px 14px;border-radius:16px 16px 9px 9px;overflow:hidden;
    background:linear-gradient(180deg,rgba(10,26,46,.42),rgba(6,2,16,.82));
    border:1px solid rgba(25,240,255,.45);border-top:2px solid rgba(25,240,255,.9);
    box-shadow:0 0 24px rgba(25,240,255,.26),inset 0 10px 28px rgba(25,240,255,.07),inset 0 -8px 20px rgba(255,46,136,.06);
    animation:ckHolo 5s ease-in-out infinite;}
  @keyframes ckHolo{0%,100%{box-shadow:0 0 22px rgba(25,240,255,.24),inset 0 10px 28px rgba(25,240,255,.07);}50%{box-shadow:0 0 32px rgba(25,240,255,.40),inset 0 10px 32px rgba(25,240,255,.13);}}
  .ckPanel::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
    background:repeating-linear-gradient(to bottom,rgba(25,240,255,.05) 0 1px,transparent 1px 4px);}
  .ckScan{position:absolute;left:-32%;top:0;width:32%;height:100%;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(25,240,255,.16),transparent);animation:ckSweep 3.6s linear infinite;}
  @keyframes ckSweep{0%{left:-32%;}100%{left:120%;}}
  .ckRivets{position:absolute;top:3px;left:10px;right:10px;height:2px;pointer-events:none;
    background:repeating-linear-gradient(90deg,rgba(25,240,255,.5) 0 2px,transparent 2px 9px);}
  /* Konsolen-Segmente */
  .ckMod{position:relative;display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:8px;
    background:rgba(8,1,15,.32);border:1px solid rgba(25,240,255,.16);box-shadow:inset 0 0 8px rgba(25,240,255,.07);}
  /* Status-Konsole: Radar-Sweep + blinkende LEDs (Pixel-Gimmick) */
  .ckStatus{gap:7px;}
  .ckRadar{position:relative;width:18px;height:18px;border-radius:50%;overflow:hidden;border:1px solid rgba(46,255,192,.55);
    background:radial-gradient(circle,rgba(46,255,192,.18),transparent 72%);}
  .ckRadar::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle,rgba(46,255,192,.22) 0 1px,transparent 1px 5px);}
  .ckRadar b{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left center;
    background:linear-gradient(90deg,rgba(46,255,192,.95),transparent);animation:ckSpin 1.8s linear infinite;}
  @keyframes ckSpin{to{transform:rotate(360deg);}}
  .ckLeds{display:grid;grid-template-columns:repeat(2,4px);gap:3px;}
  .ckLeds i{width:4px;height:4px;border-radius:1px;background:#2effc0;box-shadow:0 0 4px #2effc0;animation:ckBlink 1.2s steps(1,end) infinite;}
  .ckLeds i:nth-child(2){background:#ffe600;box-shadow:0 0 4px #ffe600;animation-delay:.3s;}
  .ckLeds i:nth-child(3){background:#ff2e88;box-shadow:0 0 4px #ff2e88;animation-delay:.6s;}
  .ckLeds i:nth-child(4){background:#19f0ff;box-shadow:0 0 4px #19f0ff;animation-delay:.9s;}
  @keyframes ckBlink{0%,55%{opacity:1;}56%,100%{opacity:.18;}}
  .ckLives{animation:ckBeat 1.5s ease-in-out infinite;}
  @keyframes ckBeat{0%,100%{transform:scale(1);}50%{transform:scale(1.09);}}
  .ckHub{box-shadow:0 0 10px rgba(25,240,255,.3),inset 0 0 8px rgba(25,240,255,.12);}
  /* === Cockpit v2: futuristischer Halbbogen / Canopy === */
  #cockpit{padding:0;overflow:visible;}
  .ckPanel{width:150vw;max-width:150vw;margin:0 0 -30px;padding:22px 6vw 42px;
    display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;justify-content:center;
    border:0;border-top:2px solid rgba(25,240,255,.85);border-radius:50% 50% 0 0/138px 138px 0 0;
    background:radial-gradient(140% 175% at 50% 0%,rgba(13,36,66,.62) 0%,rgba(9,7,30,.86) 52%,rgba(6,2,16,.93) 100%);
    box-shadow:0 -3px 36px rgba(25,240,255,.30),inset 0 9px 50px rgba(25,240,255,.10),inset 0 -12px 28px rgba(255,46,136,.06);
    animation:ckHolo 5s ease-in-out infinite;overflow:hidden;}
  /* doppelte Bogen-Rail (Holo-Tiefe) + Mittel-Binnacle-Glow */
  .ckPanel::after{content:"";position:absolute;left:7%;right:7%;top:12px;height:74%;pointer-events:none;
    border-top:1px solid rgba(255,46,136,.4);border-radius:50% 50% 0 0/100% 100% 0 0;
    box-shadow:0 -1px 16px rgba(255,46,136,.22);}
  .ckRivets{top:7px;left:24%;right:24%;height:2px;border-radius:2px;
    background:repeating-linear-gradient(90deg,rgba(25,240,255,.6) 0 2px,transparent 2px 10px);
    -webkit-mask:radial-gradient(120% 200% at 50% 0,#000 60%,transparent 78%);mask:radial-gradient(120% 200% at 50% 0,#000 60%,transparent 78%);}
  .ckScan{height:74%;top:0;}
  /* Module wirken wie eingelassene Instrumente, leicht gewölbt */
  .ckMod{background:linear-gradient(180deg,rgba(13,30,52,.5),rgba(8,1,15,.35));border-color:rgba(25,240,255,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 10px rgba(25,240,255,.08),0 2px 8px rgba(0,0,0,.4);
    transform:translateY(2px);}
  /* die äußeren Module leicht nach oben „aufgefächert" → Bogenoptik */
  .ckPanel>.ckMod:first-of-type,.ckPanel>.ckMod:last-of-type{transform:translateY(-8px);}
  .ckPanel>.ckMod:nth-of-type(2),.ckPanel>.ckCtl{transform:translateY(-3px);}
  /* seitliche Cockpit-Streben */
  .ckPanel>.ckStatus::before{content:"";position:absolute;left:-13px;bottom:-6px;width:10px;height:20px;
    border-left:2px solid rgba(25,240,255,.4);border-bottom:2px solid rgba(25,240,255,.4);border-radius:0 0 0 8px;}
  /* Schwierigkeits-Infobox als Cockpit-Readout (eckig + Neon-Eckklammern statt Chat-Bubble) */
  .diffInfo{--ac:var(--cyan);margin-top:12px;max-width:360px;width:100%;padding:12px 15px;border-radius:5px;position:relative;
    background:linear-gradient(180deg,rgba(22,9,44,.7),rgba(8,1,15,.7));border:1px solid rgba(25,240,255,.3);
    box-shadow:0 0 18px rgba(25,240,255,.14),inset 0 0 14px rgba(25,240,255,.05);}
  .diffInfo::before{content:"";position:absolute;inset:4px;pointer-events:none;opacity:.9;filter:drop-shadow(0 0 3px var(--ac));
    background:
      linear-gradient(var(--ac),var(--ac)) 0 0/14px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 0 0/2px 14px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 100% 0/14px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 100% 0/2px 14px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 0 100%/14px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 0 100%/2px 14px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 100% 100%/14px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 100% 100%/2px 14px no-repeat;}
  .diffQuip{font-size:12.5px;font-style:italic;color:#ffd9f0;line-height:1.5;margin-bottom:8px;text-shadow:0 0 8px rgba(255,46,136,.3);}
  .diffMeter{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9a86c9;display:flex;align-items:center;gap:7px;justify-content:center;margin-bottom:7px;}
  .diffDots{display:inline-flex;gap:4px;}
  .diffDots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14);}
  .diffDots i.on{background:linear-gradient(90deg,#19f0ff,#ff2e88);box-shadow:0 0 6px rgba(255,46,136,.55);}
  .diffStats{display:flex;flex-wrap:wrap;gap:5px 14px;justify-content:center;font-size:11.5px;color:#c9b9ef;}
  .diffStats b{color:#fff;}
  .diffStats .diffReward b{color:var(--yellow);}
  /* ===================== Cockpit v3: Pixel-Art-Holo-Konsole ===================== */
  #cockpit{left:0;right:0;bottom:0;justify-content:center;align-items:flex-end;padding:0 4px;padding-bottom:max(2px,env(safe-area-inset-bottom));background:none;overflow:visible;}
  #cockpit [data-tab]{pointer-events:auto;cursor:pointer;}
  /* Rahmen: gewölbte Glas-Konsole mit Glow – KEIN overflow:hidden (Inhalt wird nie beschnitten) */
  .ckFrame{position:relative;max-width:99vw;padding:11px 16px 9px;border-radius:24px 24px 10px 10px;
    background:linear-gradient(180deg,rgba(12,30,54,.5) 0%,rgba(9,6,26,.82) 60%,rgba(6,2,16,.9) 100%);
    border:1px solid rgba(25,240,255,.4);border-top:2px solid rgba(25,240,255,.92);
    box-shadow:0 0 26px rgba(25,240,255,.26),0 -2px 22px rgba(255,46,136,.10),inset 0 9px 40px rgba(25,240,255,.09),inset 0 -10px 22px rgba(255,46,136,.05);}
  /* (ckHolo-Pulse entfernt: animierte box-shadow = teurer Repaint/Frame über der Canvas) */
  /* saubere Cockpit-„Standfüße" an den Unterkanten – bündig unter dem Rahmen, keine schiefen Stummel */
  .ckFrame::before,.ckFrame::after{content:"";position:absolute;bottom:-3px;width:34px;height:5px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(25,240,255,.55),transparent);border-radius:3px;box-shadow:0 0 8px rgba(25,240,255,.35);}
  .ckFrame::before{left:18px;}
  .ckFrame::after{right:18px;}
  /* Deko-Layer (geclippt): Scanlines, Pixel-Grid, Holo-Sweep, Niet-Reihe */
  .ckDeco{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}
  .ckDeco .ckScan{position:absolute;left:0;top:0;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(25,240,255,.16),transparent);transform:translateX(-120%);animation:ckSweep 4.2s linear infinite;}
  @keyframes ckSweep{0%{transform:translateX(-120%)}100%{transform:translateX(420%)}}   /* transform statt left → GPU-Composite, kein Reflow */
  .ckDeco .ckGrid{position:absolute;inset:0;opacity:.4;
    background:repeating-linear-gradient(to bottom,rgba(25,240,255,.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(to right,rgba(25,240,255,.045) 0 1px,transparent 1px 7px);}
  .ckDeco .ckRivets{position:absolute;top:4px;left:18%;right:18%;height:2px;border-radius:2px;
    background:repeating-linear-gradient(90deg,rgba(25,240,255,.55) 0 2px,transparent 2px 10px);
    -webkit-mask:radial-gradient(130% 220% at 50% 0,#000 58%,transparent 80%);mask:radial-gradient(130% 220% at 50% 0,#000 58%,transparent 80%);}
  /* Inhalt (nie beschnitten) */
  .ckBody{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
  .ckBay{position:relative;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:9px;
    background:linear-gradient(180deg,rgba(14,32,56,.45),rgba(8,1,15,.32));border:1px solid rgba(25,240,255,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 9px rgba(25,240,255,.07);}
  /* Beschriftung der Symbolgruppen (Waffen/Synergien/Leben) – klein, dezent, über der jeweiligen Bay */
  .ckLbl{position:absolute;top:-6px;left:8px;font:700 7px/1 'Orbitron',sans-serif;letter-spacing:.13em;text-transform:uppercase;
    color:rgba(124,231,255,.78);background:rgba(8,1,15,.82);padding:1px 4px;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:2;}
  /* Status */
  .ckRadar{position:relative;width:18px;height:18px;border-radius:50%;overflow:hidden;border:1px solid rgba(46,255,192,.55);background:radial-gradient(circle,rgba(46,255,192,.18),transparent 72%);}
  .ckRadar::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle,rgba(46,255,192,.22) 0 1px,transparent 1px 5px);}
  .ckRadar b{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(46,255,192,.95),transparent);animation:ckSpin 1.8s linear infinite;}
  @keyframes ckSpin{to{transform:rotate(360deg)}}
  .ckLeds{display:grid;grid-template-columns:repeat(2,4px);gap:3px;}
  .ckLeds i{width:4px;height:4px;border-radius:1px;background:#2effc0;box-shadow:0 0 4px #2effc0;animation:ckBlink 1.2s steps(1,end) infinite;}
  .ckLeds i:nth-child(2){background:#ffe600;box-shadow:0 0 4px #ffe600;animation-delay:.3s;}
  .ckLeds i:nth-child(3){background:#ff2e88;box-shadow:0 0 4px #ff2e88;animation-delay:.6s;}
  .ckLeds i:nth-child(4){background:#19f0ff;box-shadow:0 0 4px #19f0ff;animation-delay:.9s;}
  @keyframes ckBlink{0%,55%{opacity:1}56%,100%{opacity:.18}}
  .ckVitals{display:flex;align-items:center;gap:7px;}
  .ckLives{color:#ff3b6b;font-size:18px;letter-spacing:2px;line-height:1;text-shadow:0 0 8px #ff2e88;animation:ckBeat 1.5s ease-in-out infinite;}
  .ckLives i.empty{color:rgba(255,255,255,.18);text-shadow:none;}
  @keyframes ckBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
  .ckShields{display:inline-flex;gap:3px;}.ckShields svg{width:16px;height:16px;filter:drop-shadow(0 0 4px #2effc0);}
  /* Waffen-Slots (Pixel-Kacheln, drei Zustände) */
  .ckWeaponBay{gap:4px;}
  .ckSlot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:30px;height:34px;border-radius:5px;padding:2px;
    background:rgba(8,1,15,.5);border:2px solid rgba(255,255,255,.12);color:#fff;transition:transform .1s;}
  .ckSlot .cki{font-size:15px;line-height:1;}
  .ckSlot .ckpips{display:flex;gap:1.5px;}
  .ckSlot .ckpips i{width:3px;height:3px;border-radius:1px;background:rgba(255,255,255,.2);}
  .ckSlot .ckpips i.on{background:var(--wc,#19f0ff);box-shadow:0 0 4px var(--wc,#19f0ff);}
  .ckSlot .ckslotTag{font-size:8px;line-height:1;font-weight:700;}
  .ckSlot.eq{border-color:var(--wc,#19f0ff);background:linear-gradient(180deg,color-mix(in srgb,var(--wc,#19f0ff) 18%,transparent),rgba(8,1,15,.55));
    box-shadow:0 0 10px color-mix(in srgb,var(--wc,#19f0ff) 55%,transparent),inset 0 0 6px color-mix(in srgb,var(--wc,#19f0ff) 22%,transparent);}
  .ckSlot.av{border-style:dashed;border-color:rgba(25,240,255,.5);}
  .ckSlot.av .cki{opacity:.6;} .ckSlot.av .ckslotTag{color:#19f0ff;text-shadow:0 0 5px #19f0ff;}
  .ckSlot.lk{border-color:rgba(255,255,255,.1);opacity:.55;}
  .ckSlot.lk .cki{opacity:.35;filter:grayscale(1);} .ckSlot.lk .ckslotTag{opacity:.8;}
  .ckSlot:active{transform:scale(.92);}
  /* Synergie-Slots */
  .ckSynBay{gap:4px;}
  .ckSyS{width:24px;height:24px;border-radius:6px;font-size:13px;color:#ff7ab8;background:rgba(8,1,15,.5);border:2px dashed rgba(255,46,136,.3);display:flex;align-items:center;justify-content:center;}
  .ckSyS.on{border-style:solid;border-color:rgba(255,46,136,.7);color:#fff;background:rgba(255,46,136,.14);box-shadow:0 0 9px rgba(255,46,136,.5);filter:drop-shadow(0 0 4px #ff2e88);}
  .ckSyS:active{transform:scale(.92);}
  .ckSyS.on{position:relative;}
  .ckSyS.on::before{content:'';position:absolute;inset:-4px;border-radius:9px;pointer-events:none;
    background:conic-gradient(#ff2e88 var(--p,0%),rgba(255,255,255,.1) var(--p,0%));
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; padding:2.5px;}
  .ckSyS.rdy{animation:ultpulse .8s ease-in-out infinite;cursor:pointer;}
  .ckSyS.rdy::before{background:conic-gradient(#ffe600 100%,transparent 0);}
  @keyframes ultpulse{0%,100%{box-shadow:0 0 9px rgba(255,230,0,.5);transform:scale(1);}50%{box-shadow:0 0 20px rgba(255,230,0,.95);transform:scale(1.12);}}
  .ckSynCount{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:#ff9ec9;padding:2px 5px;border-radius:6px;background:rgba(255,46,136,.1);border:1px solid rgba(255,46,136,.3);}
  /* Steuer-Bay */
  .ckCtl{gap:5px;}
  .ckSkill{font-family:'Orbitron',sans-serif;font-weight:700;font-size:12px;color:#19f0ff;background:rgba(25,240,255,.14);border:1px solid rgba(25,240,255,.55);border-radius:8px;padding:5px 8px;}
  .ckHub{font-size:17px;line-height:1;color:#fff;background:linear-gradient(180deg,rgba(25,240,255,.2),rgba(25,240,255,.06));border:1px solid rgba(25,240,255,.6);border-radius:8px;padding:5px 8px;box-shadow:0 0 10px rgba(25,240,255,.3);}
  .ckSkill:active,.ckHub:active{transform:scale(.93);}
  /* Grafische Mode-Karten: Emblem + Feature-Chips statt Fließtext, Details per ⓘ */
  .mode{position:relative;text-align:center;padding:18px 14px 16px;}
  .mode .minfo{position:absolute;top:7px;right:7px;width:24px;height:24px;font-size:13px;z-index:2;}
  .memblem{font-size:42px;line-height:1;margin-bottom:2px;filter:drop-shadow(0 0 10px currentColor);}
  /* Karten als ruhige, deckende Paneele: dunkler Sockel blockt die animierte Szene → Akzent-Tönung bleibt dezent obenauf */
  .mode.normal{background:linear-gradient(165deg,rgba(25,240,255,.10),rgba(25,240,255,.015)),linear-gradient(rgba(11,4,22,.9),rgba(9,2,18,.9));}
  .mode.normal .memblem{color:var(--cyan);}
  .mode.hardcore{background:linear-gradient(165deg,rgba(255,46,136,.10),rgba(255,46,136,.015)),linear-gradient(rgba(13,4,20,.9),rgba(9,2,18,.9));}
  .mode.hardcore .memblem{color:var(--pink);}
  .mode.zen{background:linear-gradient(165deg,rgba(255,230,0,.10),rgba(255,230,0,.015)),linear-gradient(rgba(14,8,8,.9),rgba(9,2,18,.9));}
  .mode.zen .memblem{color:var(--yellow);}
  .mode h3{margin-bottom:0;}
  .mfeat{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px;}
  .mchip{font-size:10.5px;color:#d7c9f5;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:3px 9px;white-space:nowrap;line-height:1.4;}
  /* Hauptmenü: animierte Spiel-Szene (Sterne/Sonne/Grid) durchscheinen lassen + CRT-Scanlines → Space-Shooter-Feeling statt flacher Website.
     Scanlines als Hintergrund-Layer (nicht ::after → sonst kaputter Flex-Spacer/Zentrierung von .screen). */
  #start{backdrop-filter:none;-webkit-backdrop-filter:none;
    background:repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0 1px,transparent 1px 3px),
      radial-gradient(ellipse 135% 100% at 50% 40%,rgba(8,1,15,.10) 0%,rgba(8,1,15,.40) 60%,rgba(8,1,15,.70) 100%);}
  /* === Arcade-HUD-Chrome: eckige Panels mit Neon-Eckklammern statt weicher Web-Cards === */
  .mode.normal{--ac:var(--cyan);} .mode.hardcore{--ac:var(--pink);} .mode.zen{--ac:var(--yellow);}
  .mode{border-radius:5px;}
  .mode::before{content:"";position:absolute;inset:5px;pointer-events:none;opacity:.95;filter:drop-shadow(0 0 3px var(--ac));
    background:
      linear-gradient(var(--ac),var(--ac)) 0 0/15px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 0 0/2px 15px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 100% 0/15px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 100% 0/2px 15px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 0 100%/15px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 0 100%/2px 15px no-repeat,
      linear-gradient(var(--ac),var(--ac)) 100% 100%/15px 2px no-repeat, linear-gradient(var(--ac),var(--ac)) 100% 100%/2px 15px no-repeat;}
  /* Arcade-Buttons: eckiger statt Pillen-Look */
  #shopBtn{border-radius:6px;}
  #dailyBtn{border-radius:6px;}
  .diffBtn{border-radius:6px;}
  .iconRow button{border-radius:7px;}
  /* === UI-Cohesion: durchgehend eckige HUD-Form (statt weicher Web-Pillen/Cards) === */
  .btn{border-radius:7px;}
  .btn.ghost{border-color:rgba(25,240,255,.45);box-shadow:inset 0 0 12px rgba(25,240,255,.06);}
  .shopTab{border-radius:6px;}
  .ucard{border-radius:8px;}
  .wtree{border-radius:8px;}
  .waccord{border-radius:8px;}
  .skcard{border-radius:8px;}
  .optrow{border-radius:7px;}
  .iconRow button{border-radius:7px;}
  /* Cockpit fest 2-reihig: obere Reihe (Waffen/Synergien/Steuerung) darf umbrechen,
     untere Reihe (Status + Leben/Schild) bleibt IMMER eine eigene, stabile Zeile → kein Springen */
  .ckBody{flex-direction:column;flex-wrap:nowrap;gap:6px;}
  .ckRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
  .ckRowBot{flex-wrap:nowrap;}
  .ckVitalsBay{gap:8px;}
  /* === Retro-Pixel-Readouts (VT323) für Zahlen & kurze Labels – Titel bleiben Orbitron, Fließtext Space Mono === */
  :root{--pf:'VT323',monospace;}
  #score,#best-hud,#coinHud,#combo,#modeName{font-family:var(--pf);letter-spacing:.03em;}
  .mchip{font-family:var(--pf);font-size:14px;letter-spacing:.02em;line-height:1.1;}
  .diffStats{font-family:var(--pf);font-size:15px;}
  .diffMeter{font-family:var(--pf);font-size:13px;letter-spacing:.1em;}
  .usub{font-family:var(--pf);letter-spacing:.06em;}
  .fxlbl{font-family:var(--pf);font-size:12px;letter-spacing:.06em;}
  .fxsec{font-family:var(--pf);font-size:14px;}
  .ckSynCount,.ckSkill{font-family:var(--pf);font-size:14px;}
  .credit{font-family:var(--pf);letter-spacing:.08em;}
  .stack,.ucard .stack,.wlv,.wahead .wstat{font-family:var(--pf);}
  /* Game-Over: große Score-Zahlen als Arcade-Pixel-Readout */
  .scorebox .val{font-family:var(--pf);letter-spacing:.02em;}
  #chipsEarned{font-family:var(--pf);}
  /* Coin-Shop (Pakete = Platzhalter für spätere IAP) + Dev-Code-Box */
  .coinPacks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
  .coinPack{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:14px 16px;border-radius:8px;cursor:not-allowed;
    font-family:'Orbitron',sans-serif;font-weight:800;font-size:18px;color:var(--yellow);background:rgba(255,230,0,.06);border:1px solid rgba(255,230,0,.35);opacity:.85;}
  .coinPack small{font-family:var(--pf);font-weight:400;font-size:14px;color:#cbb892;letter-spacing:.04em;}
  .devMsg{margin-top:8px;font-family:var(--pf);font-size:16px;min-height:1.2em;letter-spacing:.03em;}
  .devMsg.ok{color:#7cff2e;text-shadow:0 0 8px rgba(124,255,46,.5);} .devMsg.bad{color:#ff5a7a;}
  /* Schatztruhe-Symbol (Coin-Shop) */
  .chestIco{width:1em;height:1em;vertical-align:-0.16em;filter:drop-shadow(0 0 4px rgba(255,210,74,.55));}
  #coinBtn .chestIco{width:26px;height:26px;}
  #coinTitle .chestIco{width:.92em;height:.92em;}
  /* Truhen-Button neben dem Werkstatt-Guthaben (öffnet Coin-Shop) – NICHT im Spiel-HUD */
  .balChest{cursor:pointer;padding:2px;border:none;background:none;line-height:0;display:inline-flex;align-items:center;vertical-align:-0.3em;-webkit-tap-highlight-color:transparent;}
  .balChest .chestIco{width:22px;height:22px;}
  .balChest:active{transform:scale(.9);}
  /* Coin-Anzeige als Coin-Shop-Zugang (ersetzt die Schatztruhe außerhalb des Hauptmenüs) */
  .coinTap{font:inherit;color:var(--yellow);background:none;border:1px solid rgba(255,230,0,.4);border-radius:999px;padding:2px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .14s,border-color .14s;}
  .coinTap:hover{border-color:var(--yellow);box-shadow:0 0 14px rgba(255,230,0,.3);}
  .coinTap:active{transform:scale(.94);}
  /* Highscore-Kacheln im Erfolge-Screen (Akzent gold) */
  .sttile.hs{border-color:rgba(255,230,0,.4);background:rgba(255,230,0,.06);}
  .sttile.hs b{color:var(--yellow);}
  /* Prominentes Editor-Banner ganz oben in der Skin-Auswahl */
  .editorBanner{flex:1 1 100%;width:100%;max-width:540px;display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:6px;
    padding:14px 18px;border-radius:12px;border:2px solid rgba(124,255,46,.55);
    background:linear-gradient(120deg,rgba(124,255,46,.15),rgba(25,240,255,.1));color:#fff;text-align:left;
    box-shadow:0 0 22px rgba(124,255,46,.3);-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .14s;}
  .editorBanner:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(124,255,46,.45);}
  .editorBanner:active{transform:translateY(0);}
  .ebIco{font-size:30px;line-height:1;filter:drop-shadow(0 0 8px rgba(124,255,46,.6));}
  .ebTxt{display:flex;flex-direction:column;flex:1;gap:1px;}
  .ebTxt b{font-family:'Orbitron',sans-serif;font-size:15px;letter-spacing:.04em;color:#bfff8a;}
  .ebTxt small{font-size:12px;color:#cdbdf2;font-family:var(--pf);}
  .ebPlus{font-size:26px;color:#bfff8a;font-weight:700;}
  /* Difficulty: ⓘ-Button + Beschreibung auf kleinen Phones einklappbar */
  .diffWrap{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap;}
  .diffWrap .diffBtn{margin-top:0;}
  .diffInfoBtn{display:none;width:34px;height:34px;border-radius:8px;cursor:pointer;flex:none;
    border:1px solid rgba(25,240,255,.4);background:rgba(25,240,255,.08);color:#9fd8ff;font-size:16px;line-height:1;
    align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
  .diffInfoBtn:hover,.diffInfoBtn.on{border-color:var(--cyan);color:var(--cyan);background:rgba(25,240,255,.16);}
  /* kleine Smartphones: Beschreibung ausblenden, per ⓘ aufklappen */
  @media (max-width:480px){
    .diffInfoBtn{display:inline-flex;}
    .diffInfo{display:none;}
    .diffInfo.open{display:block;}
  }

/* Run-Missionen (Pause-Anzeige) */
#pauseMissions{margin:12px auto 4px;max-width:340px;display:flex;flex-direction:column;gap:5px;}
#pauseMissions .pmTitle{font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:.08em;color:var(--cyan);opacity:.85;margin-bottom:2px;text-align:center;}
#pauseMissions .pmRow{display:flex;justify-content:space-between;gap:10px;font-size:13px;background:rgba(25,240,255,.06);border:1px solid rgba(25,240,255,.18);border-radius:8px;padding:5px 10px;text-align:left;}
#pauseMissions .pmRow.done{color:#2effc0;border-color:rgba(46,255,192,.5);background:rgba(46,255,192,.08);}
#pauseMissions .pmProg{opacity:.8;font-family:'Space Mono',monospace;white-space:nowrap;}

/* ===== Leaderboard & Nickname (v363) ===== */
.lbTabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 14px}
.lbTab{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#cfe;font:700 13px Orbitron,sans-serif;cursor:pointer;letter-spacing:.5px}
.lbTab.on{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 14px rgba(255,230,0,.35);background:rgba(255,230,0,.08)}
.lbList{width:min(440px,92vw);max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}
.lbRow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.lbRow .lbR{flex:0 0 38px;text-align:center;font:800 15px Orbitron,sans-serif;color:#9fb}
.lbRow .lbN{flex:1 1 auto;font:700 15px Orbitron,sans-serif;color:#eaf6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbRow .lbS{flex:0 0 auto;font:800 15px Orbitron,sans-serif;color:var(--yellow)}
.lbRow.top1{border-color:rgba(255,215,0,.6);background:rgba(255,215,0,.10)}
.lbRow.top2{border-color:rgba(200,210,230,.5)}
.lbRow.top3{border-color:rgba(205,127,50,.5)}
.lbRow.me{border-color:var(--cyan);box-shadow:0 0 12px rgba(25,240,255,.3);background:rgba(25,240,255,.08)}
.lbEmpty,.lbErr,.lbLoading{padding:26px 12px;text-align:center;color:#9ab;font:600 14px Orbitron,sans-serif;opacity:.8}
.lbMe{margin-top:12px;min-height:1.2em;font:700 14px Orbitron,sans-serif;color:var(--cyan)}
.lbMe .lbYouTag{color:#9ab;font-weight:600;margin-right:6px}
#nickPrompt{z-index:60}
#nickInput{margin:14px 0;width:min(280px,80vw);padding:12px 14px;border-radius:12px;border:1px solid var(--cyan);background:rgba(0,0,0,.35);color:#eaf6ff;font:800 18px Orbitron,sans-serif;text-align:center;letter-spacing:1px;outline:none}
#nickInput:focus{box-shadow:0 0 16px rgba(25,240,255,.4)}
#nickInput.shake{animation:nickShake .4s}
@keyframes nickShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}

/* ===== Ein-Modus Start-Button (v370) ===== */
.playBtn{margin-top:6px;cursor:pointer;border:0;border-radius:16px;padding:18px 30px;width:min(420px,90vw);
  font:900 clamp(20px,6vw,30px)/1 Orbitron,sans-serif;letter-spacing:1px;color:#08010f;
  background:linear-gradient(120deg,var(--cyan),var(--pink));
  box-shadow:0 0 30px rgba(25,240,255,.45),0 6px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .12s ease,box-shadow .12s ease;}
.playBtn:hover{transform:translateY(-3px);box-shadow:0 0 46px rgba(255,46,136,.55),0 8px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);}
.playBtn:active{transform:translateY(-1px);box-shadow:0 0 24px rgba(25,240,255,.4),0 3px 0 rgba(0,0,0,.35);}

/* ===== Werkstatt-Hub: einheitliche, klickbare Coin-Pille (v371) ===== */
.arCoin{display:block;margin:4px auto 10px;cursor:pointer;
  border:1px solid rgba(255,230,0,.5);background:rgba(255,230,0,.10);color:var(--yellow);
  border-radius:999px;padding:9px 18px;min-height:42px;
  font:800 16px Orbitron,sans-serif;letter-spacing:.5px;
  box-shadow:0 0 14px rgba(255,230,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease;}
.arCoin::after{content:" 🛒";font-size:.82em;opacity:.8;}
.arCoin:hover{border-color:var(--yellow);box-shadow:0 0 22px rgba(255,230,0,.4);}
.arCoin:active{transform:scale(.95);}

/* Waffe-ablegen: bewaffneter Bestätigungs-Zustand (2. Tipp bestätigt) */
.wtree button.drop.armed{border-color:var(--pink);color:var(--pink);box-shadow:0 0 12px rgba(255,46,136,.45)}