/* 1025DEX Community v0.31.35 · css/premium.css · ausgelagert aus index.html */
/* ==========================================================================\n   v101 — Premium-Look auf dem ORIGINALEN v99-Aufbau\n   Keine Dashboard-Inhalte wurden verschoben oder ersetzt. Diese Schicht\n   ändert Branding, Oberflächenstil und die gewünschte Navigation.\n   ========================================================================== */
:root{
  --neo-red:#ff2634;
  --neo-red-deep:#b90918;
  --neo-cyan:#9bb3c4;
  --neo-nav-h:78px;
}
html[data-theme="dark"]{
  --red:#ff2634;
  --red-dark:#b90918;
  --bg:#061015;
  --panel:#0b171d;
  --panel-2:#111f26;
  --ink:#f4f7f8;
  --ink-soft:#9eabb4;
  --line:#31414a;
  --line-soft:#1d2d35;
  --empty:#41515a;
  --owned:#39cc72;
  --wish:#b879ec;
  --shadow:0 10px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="light"]{
  --red:#e7212e;
  --red-dark:#ad101b;
  --bg:#f2f3f4;
  --panel:#ffffff;
  --panel-2:#eef1f3;
  --ink:#10181d;
  --ink-soft:#65727a;
  --line:#bdc7cd;
  --line-soft:#dce2e6;
  --shadow:0 8px 22px rgba(25,39,47,.10), inset 0 1px 0 rgba(255,255,255,.75);
}
body{
  padding-bottom:calc(100px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 18% 7%, color-mix(in srgb,var(--red) 7%,transparent), transparent 29%),
    radial-gradient(circle at 88% 24%, color-mix(in srgb,var(--lens) 5%,transparent), transparent 27%),
    var(--bg);
}

/* Branding: echtes UI-Element statt eingeklebtem Bild */
.neo-header{
  min-height:66px;
  padding:calc(9px + env(safe-area-inset-top)) max(12px,calc((100% - 760px)/2)) 9px;
  gap:9px;
  border:0;
  border-bottom:1px solid var(--line-soft);
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  box-shadow:0 8px 25px rgba(0,0,0,.14);
}
.neo-header::after{height:2px;background:linear-gradient(90deg,transparent 0,var(--red) 22%,var(--red) 78%,transparent 100%);opacity:.9}
.neo-logo{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 auto}
.neo-ball{position:relative;width:38px;height:38px;flex:0 0 38px;border-radius:50%;
  border:3px solid #121a1f;background:linear-gradient(#f82634 0 44%,#111 44% 56%,#f6f7f5 56% 100%);
  box-shadow:0 0 0 1px #43535c,0 4px 10px rgba(0,0,0,.32)}
.neo-ball::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:#111}
.neo-ball i{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:#f8f8f5;border:3px solid #111;z-index:2}
.neo-wordmark{min-width:0;display:block;line-height:1}
.neo-wordmark b{display:block!important;font-family:'Archivo Black','Archivo',sans-serif!important;font-size:20px!important;line-height:.95!important;letter-spacing:.015em!important;text-shadow:0 2px 0 rgba(0,0,0,.32)!important;overflow:visible!important}
.neo-1025{display:inline!important;color:var(--ink)!important;font-size:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.neo-dex{display:inline!important;color:var(--red)!important;font-size:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.neo-sub{display:flex!important;align-items:center;gap:7px;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7.5px!important;line-height:1!important;letter-spacing:.24em!important;color:var(--ink-soft)!important;white-space:nowrap}
.neo-sub em{font-style:normal;letter-spacing:.06em;color:var(--ink-soft);opacity:.78;padding-left:7px;border-left:1px solid var(--line)}
.neo-logo.counting #hsub,.neo-sub.counting #hsub,.brand.counting #hsub{animation:countGlow 720ms var(--ease-fluid) both}
.neo-header .hbtn{border:1px solid var(--line);background:var(--panel);box-shadow:none;border-radius:11px;padding:8px 10px}
.neo-header #themeBtn{width:38px;padding:8px 0}

/* Originale Inhaltsstruktur, neuer Oberflächen-Look */
main{padding:14px 12px 16px}
.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,white 3%),var(--panel));box-shadow:var(--shadow);padding:15px 16px 14px}
html[data-theme="dark"] .panel{background:linear-gradient(145deg,#0d1a20 0%,#09151a 100%)}
.panel h2{color:var(--ink);font-size:10.5px;letter-spacing:.18em}
.panel h2::after{height:1px;background:linear-gradient(90deg,var(--red),transparent);opacity:.65}
.heropanel{border-top:1px solid color-mix(in srgb,var(--red) 75%,var(--line));box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
.pball-wm{opacity:.045;right:-18px;top:-18px}
.ring svg circle:first-child{stroke-width:1.5!important}
.ringnum,.bignum{letter-spacing:-.01em}
.herostats,.genbars,.kurve{border-top-width:1px}
.gtrack{border-width:1px;border-color:var(--line);background:var(--panel-2);border-radius:5px}
.gfill{background:linear-gradient(180deg,#62e991,var(--owned))}
.glab{letter-spacing:.08em}
.person{border:1px solid var(--line);box-shadow:none;background:color-mix(in srgb,var(--panel) 96%,transparent);border-radius:13px}
.person .av,.pav{border-width:1px}
.sharebar{height:7px;border-width:1px}
.feed>div{padding:6px 0}
.btn{border:1px solid var(--line);box-shadow:none;border-radius:12px}
.shopbtn{border:1px solid color-mix(in srgb,var(--red) 60%,#000);background:linear-gradient(135deg,var(--red-dark),#720914);box-shadow:0 8px 20px rgba(110,5,16,.18)}
.btn.alarmbtn{background:linear-gradient(135deg,#16894a,#0c6033);border-color:#2aa661}
.btn.tauschbtn{background:var(--panel);border-color:var(--line)}
.search,input,select,textarea.note{border-width:1px!important;box-shadow:none!important}
.banner{border-width:1px}

/* Untere Navigation: Finder · Pokédex · Pokéball · Binder · Scan */
.neo-nav{
  left:50%;right:auto;bottom:7px;width:min(744px,calc(100% - 16px));transform:translateX(-50%);
  min-height:var(--neo-nav-h);grid-template-columns:repeat(5,1fr);gap:0;
  padding:10px 7px calc(9px + env(safe-area-inset-bottom));
  border:1px solid #33434c;border-radius:28px;
  background:#061116;
  box-shadow:0 -4px 14px rgba(0,0,0,.24),0 6px 18px rgba(0,0,0,.28);
  overflow:visible;
}
html[data-theme="light"] .neo-nav{background:#ffffff;border-color:#c3cdd2;box-shadow:0 -4px 14px rgba(24,37,44,.08),0 6px 18px rgba(24,37,44,.14)}
.neo-nav .navpille{display:none}
.neo-nav button{min-height:58px;padding:8px 1px 5px;border-radius:14px;gap:4px;color:#a6b3bd;text-transform:none;font-size:10.5px;letter-spacing:0;font-weight:750}
html[data-theme="light"] .neo-nav button{color:#67757e}
.neo-nav button svg{width:25px;height:25px;stroke-width:2;transition:none}
.neo-nav button.on:not(.nav-ball){color:var(--red)}
.neo-nav button.on:not(.nav-ball) svg{transform:none;filter:none}
.neo-nav .nav-ball{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;padding:0;overflow:visible;color:inherit!important;transform:none!important;filter:none!important}
.pokeball{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;
  border:7px solid #0f181d;background:linear-gradient(#f72533 0 44%,#101010 44% 56%,#f4f6f5 56% 100%);
  box-shadow:0 0 0 1px #45545c,0 5px 16px rgba(0,0,0,.38);transition:transform .14s ease,box-shadow .14s ease}
.pokeball::before{content:"";position:absolute;left:0;right:0;top:50%;height:7px;transform:translateY(-50%);background:#101010}
.pokeball i{position:absolute;left:50%;top:50%;width:27px;height:27px;transform:translate(-50%,-50%);border-radius:50%;background:#f7f8f6;border:6px solid #101010;z-index:2}
.pokeball::after{content:"";position:absolute;left:13px;top:10px;width:21px;height:7px;border-radius:50%;background:rgba(255,255,255,.66);transform:rotate(-28deg)}
.neo-nav .nav-ball.on .pokeball{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 0 0 1px #586770,0 0 18px rgba(255,38,52,.14),0 7px 18px rgba(0,0,0,.42)}
.neo-nav .nav-ball:active .pokeball{transform:translate(-50%,-50%) scale(.96)}
.app-toast{bottom:108px;border-width:1px}
.topbtn{bottom:calc(103px + env(safe-area-inset-bottom))}

@media(max-width:430px){
  .neo-header{gap:7px}.neo-ball{width:34px;height:34px;flex-basis:34px}.neo-wordmark b{font-size:18px!important}.neo-sub{font-size:6.7px!important;letter-spacing:.19em!important;gap:5px}.neo-sub em{padding-left:5px}
  .neo-header #whoBtn{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo-header .hbtn{padding:7px 8px}
  .neo-nav button{font-size:9.5px}.neo-nav button svg{width:24px;height:24px}.pokeball{width:68px;height:68px}
}
@media(max-width:350px){.neo-sub em{display:none}.neo-header #whoBtn{max-width:92px}.neo-nav button{font-size:8.8px}.neo-header .install-head::before{content:"⤓";font-size:14px}}


/* Vier günstigste Wunschkarten auf der Übersicht */
.cheap-panel{padding:13px 12px 12px}
.cheap-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 10px}
.cheap-head b{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.cheap-head small{font-size:10px;color:var(--ink-soft);font-weight:700}
.cheap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cheap-card{min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;padding:6px;cursor:pointer;text-align:left;box-shadow:none;overflow:hidden}
.cheap-card:active{transform:scale(.98)}
.cheap-img{display:block;width:100%;aspect-ratio:3/4;border-radius:9px;object-fit:cover;background:#071116;border:1px solid var(--line-soft)}
.cheap-img.ph{display:grid;place-items:center;color:var(--ink-soft);font-size:9px;font-weight:800}
.cheap-dex{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--ink-soft);font-weight:800}
.cheap-name{font-size:11px;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.cheap-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px}
.cheap-wish{display:inline-flex;align-items:center;gap:3px;min-width:0;background:#7a22c5;color:white;border:1px solid #9a4de1;border-radius:8px;padding:3px 5px;font-size:8px;font-weight:850;white-space:nowrap}
.cheap-price{font-size:9px;font-weight:900;white-space:nowrap;color:var(--owned)}
.cheap-more{margin:9px 0 0!important;width:100%;font-size:12px!important}
@media(max-width:390px){.cheap-grid{gap:5px}.cheap-card{padding:4px;border-radius:10px}.cheap-img{border-radius:7px}.cheap-name{font-size:9.5px}.cheap-dex{font-size:8px}.cheap-wish{font-size:7px;padding:2px 4px}.cheap-price{font-size:8px}}

#syncNotice[hidden]{display:none!important}
.sync-conflict-intro{margin:8px 0 14px;line-height:1.55}.sync-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.sync-choice{border:1px solid var(--line);border-radius:16px;padding:10px;background:var(--bg);min-width:0}.sync-choice img{display:block;width:100%;aspect-ratio:2.5/3.5;object-fit:contain;border-radius:10px;background:var(--panel);margin-bottom:8px}.sync-choice b{display:block;font-size:12px;margin-bottom:3px}.sync-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}.sync-choice.mine{border-color:color-mix(in srgb,var(--owned) 60%,var(--line))}.sync-choice.cloud{border-color:color-mix(in srgb,var(--wish) 60%,var(--line))}.sync-conflict-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sync-conflict-actions .btn{margin:0;font-size:12px;padding:10px 8px}@media(max-width:390px){.sync-choice-grid,.sync-conflict-actions{grid-template-columns:1fr}}