body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#e6f6ff,#f7fbff 45%,#f0fdfa);margin:0;color:#142033}main{max-width:980px;margin:auto;padding:16px;padding-bottom:40px}.hero{background:radial-gradient(circle at top left,#38bdf8 0,#0f766e 38%,#1d4ed8 100%);color:white;border-radius:30px;padding:26px;box-shadow:0 16px 42px #1235;display:flex;justify-content:space-between;align-items:center;gap:14px}h1{margin:0;font-size:40px;letter-spacing:-.05em;line-height:1}.eyebrow{font-weight:1000;opacity:.92;margin-bottom:7px}.hero p{margin:8px 0 0;font-weight:750;opacity:.92}.banner{padding:11px 14px;border-radius:16px;font-weight:1000;margin:10px 0;text-align:center}.readonly{background:#fee2e2;color:#991b1b}.editmode{background:#dcfce7;color:#166534}.papamode{background:#fef3c7;color:#92400e}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.syncing{background:#dbeafe;color:#1d4ed8}.progressCard,.stats div,section{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:24px;padding:16px;margin:12px 0;box-shadow:0 10px 28px #17203314}.progressTop{display:flex;justify-content:space-between;align-items:end;gap:10px}.progressTop strong{font-size:34px;letter-spacing:-.04em}.progressTop span{font-weight:900;color:#61708a}.bar{height:16px;background:#e5edf7;border-radius:999px;overflow:hidden;margin-top:12px}#progressBar{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e,#84cc16);width:0%;transition:width .3s}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.stats b{font-size:36px;display:block;letter-spacing:-.04em}.stats span{color:#61708a;font-weight:800}nav{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}button{border:0;background:#1d4ed8;color:white;border-radius:16px;padding:13px 14px;font-weight:1000;font-size:16px;box-shadow:0 4px 12px #1d4ed824}button:active{transform:scale(.98)}.green{background:#16a34a}.danger{background:#dc2626}.wide{width:100%;margin:8px 0}.hidden{display:none}input,textarea{width:100%;box-sizing:border-box;border:2px solid #d8e1f0;border-radius:16px;padding:14px;font-size:18px;margin:6px 0;background:white}textarea{height:170px}.row{display:flex;gap:8px}.item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f7;padding:13px 0;gap:10px}.name{font-weight:1000;font-size:23px}.team{font-size:13px;color:#61708a;font-weight:900}.controls{display:flex;gap:8px;align-items:center}.minus{background:#dc2626}.plus{background:#16a34a}.done{background:#7c3aed}.disabled{opacity:.35;pointer-events:none}.count{font-size:24px;font-weight:1000;min-width:32px;text-align:center}.empty{text-align:center;color:#61708a;padding:24px;font-weight:900}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.pill,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;background:#eef4ff;color:#1d4ed8;font-weight:1000;margin:3px}.badge.red{background:#fee2e2;color:#991b1b}.badge.green{background:#dcfce7;color:#166534}.badge.yellow{background:#fef3c7;color:#92400e}.small{font-size:14px;color:#61708a;font-weight:800;line-height:1.4}.preview{width:100%;max-height:360px;object-fit:contain;border-radius:18px;background:#eef4ff;margin:10px 0;border:2px solid #d8e1f0}.scanFrame{border:3px dashed #16a34a;border-radius:20px;height:92px;display:grid;place-items:center;color:#166534;background:#dcfce7;margin:8px 0 12px;font-weight:1000;text-align:center}.teamGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:12px}.teamCard{background:linear-gradient(180deg,#ffffff,#f8fbff);border:2px solid #edf1f7;border-radius:22px;padding:14px;box-shadow:0 8px 20px #17203310}.teamHead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.flag{font-size:34px;line-height:1}.teamName{font-size:18px;font-weight:1000}.teamCode{font-size:12px;color:#61708a;font-weight:1000}.teamStats{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.teamMissing{font-size:13px;color:#61708a;font-weight:800;line-height:1.35;margin-top:8px}.teamCard button{width:100%;margin-top:8px}.timelineItem{border-left:5px solid #1d4ed8;padding:10px 12px;margin:8px 0;background:#f8fbff;border-radius:14px}.snapshotItem{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf1f7;padding:10px 0}@media(max-width:820px){nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.row{flex-direction:column}h1{font-size:32px}.hero{align-items:flex-start;flex-direction:column}.item{align-items:flex-start}.controls{margin-top:6px}}
.teamPage{font-size:13px;font-weight:1000;color:#0f766e;margin:6px 0}

.funCard h2{margin:0 0 8px}.dailyTip{font-size:18px;font-weight:1000;background:#f0fdf4;color:#166534;border-radius:18px;padding:14px}
.albumDetail{margin-top:12px}.albumHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#eef4ff,#f0fdfa);border-radius:24px;padding:16px;margin:12px 0}
.albumTitle{font-size:28px;font-weight:1000}.albumSub{color:#61708a;font-weight:900}.albumGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.albumSticker{border:2px solid #d8e1f0;border-radius:18px;min-height:106px;padding:10px;background:white;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 18px #17203310}.albumSticker .code{font-size:18px;font-weight:1000}.albumSticker .stName{font-size:12px;line-height:1.2;color:#61708a;font-weight:850}.albumSticker .status{font-size:26px}.albumSticker.got{background:#dcfce7;border-color:#22c55e}.albumSticker.missing{background:#fee2e2;border-color:#ef4444}.albumSticker.dupe{background:#fef3c7;border-color:#f59e0b}.albumSticker.special{background:#eef4ff;border-color:#60a5fa}.gold{box-shadow:0 0 0 4px #facc15,0 12px 28px #17203318}.boosterResult{background:linear-gradient(135deg,#fef3c7,#dcfce7);border-radius:22px;padding:16px;margin:12px 0;font-weight:1000}.boosterCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px}.boosterCard{background:white;border-radius:18px;padding:12px;box-shadow:0 8px 20px #17203314}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti span{position:absolute;top:-20px;font-size:28px;animation:fall 1.8s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.2}}.levelBadge{background:#ede9fe;color:#6d28d9}.streakBadge{background:#fff7ed;color:#c2410c}@media(max-width:720px){.albumGrid{grid-template-columns:repeat(2,1fr)}.albumSticker{min-height:96px}.albumTitle{font-size:24px}}

.badgeBtn{border:0;border-radius:999px;padding:8px 12px;font-weight:1000;margin:3px;box-shadow:none;font-size:15px}
.badgeBtn.red{background:#fee2e2;color:#991b1b}
.badgeBtn.green{background:#dcfce7;color:#166534}
.badgeBtn.yellow{background:#fef3c7;color:#92400e}
.pageBtn{background:#eef4ff;color:#0f766e;box-shadow:none;width:100%;margin:6px 0;text-align:left}
.cardDetails{background:#f8fbff;border:2px solid #edf1f7;border-radius:18px;padding:10px;margin:10px 0}
.cardDetails>b{display:block;margin-bottom:8px}
.miniSticker{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #e8eef7;padding:8px 0;cursor:pointer}
.miniSticker span{font-weight:1000}
.miniSticker small{font-weight:850;color:#61708a;line-height:1.2}
.miniSticker em{font-style:normal;font-weight:1000;color:#92400e}
.emptyMini{font-size:13px;color:#61708a;font-weight:900;padding:8px 0}
.smallBtn{font-size:14px;padding:9px;margin-top:8px}
.teamCard .teamMissing{margin-top:8px}

.snapshotDiff{font-size:12px;line-height:1.35;color:#61708a;font-weight:850;margin-top:6px;background:#f8fbff;border-radius:10px;padding:8px}
.snapshotButtons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.snapshotButtons button{font-size:13px;padding:9px 10px}
@media(max-width:720px){.snapshotItem{align-items:flex-start;flex-direction:column}.snapshotButtons{justify-content:flex-start}}

.engFlag{
  display:inline-block;
  width:34px;
  height:24px;
  border-radius:5px;
  border:1px solid #d1d5db;
  background:
    linear-gradient(to right, transparent 0 41%, #dc2626 41% 59%, transparent 59% 100%),
    linear-gradient(to bottom, transparent 0 38%, #dc2626 38% 62%, transparent 62% 100%),
    #fff;
  box-shadow:0 2px 5px #17203320;
  vertical-align:middle;
}
.name .engFlag{width:26px;height:18px;border-radius:4px;margin-right:4px}

.papaStickerResults{margin:10px 0}
.papaStickerCard{background:#f8fbff;border:2px solid #edf1f7;border-radius:18px;padding:12px;margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.papaActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.papaActions button{font-size:13px;padding:9px 10px}
@media(max-width:720px){.papaStickerCard{grid-template-columns:1fr}.papaActions{justify-content:flex-start}}

.clickSticker{cursor:pointer;flex:1}
.papaModeHint{font-size:12px;color:#0f766e;font-weight:1000}
.miniSticker:hover,.albumSticker:hover,.boosterCard:hover,.clickSticker:hover{filter:brightness(.98)}
.albumSticker::after{content:''}
body:has(.papamode) .albumSticker::after{content:'🔧';font-size:14px;align-self:flex-end;opacity:.7}
body:has(.papamode) .miniSticker span::after{content:' 🔧';font-size:12px}

.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:99999;padding:16px}
.modal.hidden{display:none}
.modalCard{background:white;border-radius:26px;padding:20px;max-width:440px;width:min(440px,100%);box-shadow:0 24px 80px #0005;position:relative}
.modalClose{position:absolute;right:12px;top:10px;background:#eef4ff;color:#142033;box-shadow:none;border-radius:999px;width:42px;height:42px;padding:0;font-size:28px}
.modalMeta{font-weight:900;color:#61708a;margin:6px 0 12px}
.modalStatus{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.modalActions{display:grid;gap:8px}
.albumSticker{cursor:pointer}

/* v7: Länder bleiben kompakt; fehlende Sticker erscheinen erst nach Klick */
.cardDetails{background:#f8fbff;border:2px solid #edf1f7;border-radius:18px;padding:12px;margin:10px 0}
.cardDetails>b{display:block;margin-bottom:8px;font-size:16px}
.emptyMini{color:#61708a;font-weight:900;padding:8px 0}
.miniSticker{display:grid;grid-template-columns:minmax(62px,auto) 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #e8eef7;padding:9px 0;cursor:pointer}
.miniSticker span{font-weight:1000;color:#142033}
.miniSticker small{font-size:13px;line-height:1.25;color:#61708a;font-weight:850}
.miniSticker em{font-style:normal;font-weight:1000;color:#92400e;background:#fef3c7;border-radius:999px;padding:3px 8px}
.smallBtn{font-size:14px;padding:10px 12px;margin-top:10px}
.teamMissing{display:none}

.inlineAlbum{margin-top:10px}
.inlineAlbumHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;background:#f8fbff;border-radius:16px;padding:10px;margin-bottom:10px}
.inlineAlbumGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.inlineAlbumGrid .albumSticker{min-height:92px;padding:9px}
.inlineAlbumGrid .albumSticker .code{font-size:16px}
.inlineAlbumGrid .albumSticker .status{font-size:22px}
.smallBtn{box-shadow:none;font-size:14px;padding:9px 11px}


/* v10: große Albumansicht, automatisch angesprungen */
.albumHeaderActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.albumHeaderActions button{margin:0}
@media(max-width:720px){.albumHeaderActions{width:100%;justify-content:stretch}.albumHeaderActions button{flex:1}}


.updateBanner{background:#e0f2fe;color:#075985;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.updateBanner button{background:#0f766e;padding:8px 12px;font-size:14px;box-shadow:none}.appVersion{text-align:center;color:#61708a;font-weight:900;font-size:13px;margin:18px 0 4px}.hero h1::before{content:'⚽ ';}.updateToast{position:fixed;left:14px;right:14px;bottom:14px;z-index:9999;background:#0f172a;color:white;border-radius:18px;padding:14px 16px;box-shadow:0 14px 35px #0004;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:900}.updateToast button{background:#16a34a;box-shadow:none;white-space:nowrap}

/* v2.0.2: Update-Banner darf hidden nicht überschreiben */
.updateBanner.hidden{display:none!important}

/* v2.1.0: professioneller Fußball-Look */
:root{
  --neo-navy:#061b3a;
  --neo-blue:#0b5ed7;
  --neo-sky:#0284c7;
  --neo-green:#16a34a;
  --neo-lime:#84cc16;
  --neo-card:#ffffff;
  --neo-muted:#64748b;
  --neo-border:#dbe7f5;
}
body{
  background:
    radial-gradient(circle at 20% -10%, #dff7ff 0, transparent 34%),
    linear-gradient(180deg,#edf8ff 0,#f7fbff 44%,#ecfdf5 100%);
  color:#0f172a;
}
main{max-width:1040px}
.hero{
  background:
    radial-gradient(circle at 14% 20%, rgba(255,255,255,.22), transparent 22%),
    linear-gradient(135deg,#0ea5e9 0%,#0f766e 42%,#1d4ed8 100%);
  border:1px solid rgba(255,255,255,.38);
  box-shadow:0 22px 55px rgba(15,42,82,.24);
}
.hero h1{font-size:42px;text-shadow:0 3px 12px rgba(0,0,0,.16)}
.eyebrow{letter-spacing:.01em}.hero p{font-size:17px}
button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 22px rgba(29,78,216,.18)}
button.green,.green{background:linear-gradient(135deg,#22c55e,#15803d)}
button.danger,.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}
nav{background:rgba(255,255,255,.55);border:1px solid rgba(219,231,245,.9);border-radius:24px;padding:10px;box-shadow:0 14px 36px rgba(15,23,42,.08)}
nav button{border-radius:18px;background:linear-gradient(135deg,#ffffff,#f1f7ff);color:#0f2a50;box-shadow:0 7px 18px rgba(15,23,42,.08);border:1px solid #e1ecf8}
.progressCard,.funCard,.stats div,section,.teamCard,.albumSticker,.cardDetails,.modalCard{
  border:1px solid rgba(219,231,245,.95);
  box-shadow:0 14px 36px rgba(15,23,42,.09);
}
.stats div{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.stats b{color:#092044}.bar{background:#e2edf8}#progressBar{background:linear-gradient(90deg,#059669,#22c55e,#84cc16)}
.teamCard{transition:transform .18s ease, box-shadow .18s ease;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.teamCard:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.13)}
.badgeBtn{border:1px solid rgba(255,255,255,.75)}
.badgeBtn.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}
.badgeBtn.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}
.badgeBtn.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}
.pageBtn{background:linear-gradient(135deg,#eef7ff,#e7f0ff);color:#075985;border:1px solid #d9e8fb}
.albumHeader{background:linear-gradient(135deg,#eaf6ff,#eff6ff 48%,#f0fdf4)}
.albumSticker.got{background:linear-gradient(180deg,#dcfce7,#f0fdf4)}
.albumSticker.missing{background:linear-gradient(180deg,#fee2e2,#fff7f7)}
.albumSticker.dupe{background:linear-gradient(180deg,#fef3c7,#fff9db)}
.scanFrame{background:linear-gradient(135deg,#dcfce7,#eff6ff);border-color:#22c55e}
input,textarea{border-color:#cfe0f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.modal{background:rgba(2,12,27,.62);backdrop-filter:blur(7px)}
.modalCard{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.primaryAction{font-size:17px;padding:15px 16px}.modalHint{background:#e0f2fe;color:#075985;border-radius:14px;padding:10px 12px;font-weight:900;text-align:center}
.miniSticker:hover{background:#eef7ff;border-radius:12px;padding-left:8px;padding-right:8px}.miniSticker em{color:#075985;background:#dbeafe}
.appVersion{color:#48627e}.updateToast{background:linear-gradient(135deg,#082f49,#0f766e)}
@media(max-width:720px){.hero h1{font-size:34px}nav{grid-template-columns:1fr 1fr}.stats div{padding:14px}.stats b{font-size:31px}}

/* v3.0.0 – fresher Neo's Sticker Look */
:root{
  --pitch:#16a34a;
  --pitch-dark:#0f7a35;
  --deep:#061a36;
  --deep-2:#08264d;
  --blue:#1264f3;
  --cyan:#0ea5e9;
  --paper:#ffffff;
  --line:#dbeafe;
  --soft:#f4f9ff;
  --danger:#ef4444;
  --warn:#f59e0b;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 16% 2%, rgba(14,165,233,.22), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(22,163,74,.16), transparent 26%),
    linear-gradient(180deg,#e9f8ff 0%,#f7fbff 43%,#effcf5 100%);
  color:#071832;
}
main{max-width:1060px;padding:18px 18px 44px}
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(6,26,54,.92),rgba(8,38,77,.9)),
    linear-gradient(135deg,#0ea5e9,#0f766e 48%,#1d4ed8);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 24px 60px rgba(2,12,27,.28);
}
.hero:before{
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 28%,rgba(255,255,255,.24),transparent 11%),
    radial-gradient(circle at 80% 10%,rgba(34,197,94,.25),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);
  pointer-events:none;
}
.hero>*{position:relative;z-index:1}.hero h1{font-size:44px;letter-spacing:-.055em}.hero p{color:#e8f5ff}.eyebrow{font-size:15px;color:#d9f99d}.hero h1::before{content:'⚽ ';font-size:.9em}
#loginBtn{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 12px 30px rgba(29,78,216,.33);border:1px solid rgba(255,255,255,.2)}
.banner{border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.syncing,.ok{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d}.readonly{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.editmode{background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#075985}.papamode{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}
.updateBanner{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#075985;border-radius:18px}.updateBanner.hidden{display:none!important}
.progressCard,.funCard,section,.stats div,.teamCard,.albumSticker,.cardDetails,.modalCard{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(219,234,254,.96);
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}
.progressCard{padding:20px}.progressTop strong{color:#061a36}.progressTop span{color:#53657f}.bar{height:15px;background:#e5edf7}#progressBar{background:linear-gradient(90deg,#059669,#22c55e,#a3e635)}
.stats{gap:14px}.stats div{border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff)}.stats b{color:#061a36}.stats span{color:#5f6f87}
nav{grid-template-columns:repeat(8,1fr);background:rgba(255,255,255,.62);border:1px solid rgba(219,234,254,.9);border-radius:26px;padding:10px;box-shadow:0 12px 34px rgba(15,23,42,.07);backdrop-filter:blur(10px)}
nav button{background:linear-gradient(180deg,#fff,#f3f8ff);color:#071832;border:1px solid #ddeafb;box-shadow:0 8px 20px rgba(15,23,42,.075);border-radius:18px;min-height:54px}
nav button:hover,.pageBtn:hover,.badgeBtn:hover{filter:none;transform:translateY(-1px)}
button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.green{background:linear-gradient(135deg,#22c55e,#15803d)}.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.funCard{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,253,244,.88))}.dailyTip{background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#064e3b;border:1px solid rgba(14,165,233,.15)}
.teamGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.teamCard{border-radius:26px;padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.teamCard:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(15,23,42,.13);border-color:#bfdbfe}.teamName{font-size:18px;line-height:1.05}.teamCode{color:#607089}.flag{filter:drop-shadow(0 5px 9px rgba(15,23,42,.14))}.badgeBtn{border-radius:16px;padding:10px 11px;font-size:14px;text-align:center}.badgeBtn.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.badgeBtn.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.badgeBtn.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}
.pageBtn{background:linear-gradient(135deg,#eaf6ff,#e5efff);color:#075985;border:1px solid #d7e8fb;border-radius:16px;text-align:center;font-weight:1000}
.cardDetails{background:linear-gradient(180deg,#ffffff,#f6fbff);border-radius:22px;padding:12px}.cardDetails>b{font-size:17px;color:#071832}.miniSticker{grid-template-columns:minmax(54px,auto) 1fr;gap:12px;border-bottom:1px solid #e8eef7;border-radius:14px;padding:10px 8px}.miniSticker:last-of-type{border-bottom:0}.miniSticker:hover{background:#eef7ff;padding-left:10px;padding-right:10px}.miniSticker span{font-size:16px;color:#071832}.miniSticker small{font-size:13px;color:#52637b}.miniSticker em{justify-self:end;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.albumHeader{background:linear-gradient(135deg,#071832,#0b3a72);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px rgba(6,24,54,.22)}.albumSub{color:#d8ecff}.albumTitle{letter-spacing:-.035em}.albumHeaderActions button{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);box-shadow:none}
.albumGrid{gap:12px}.albumSticker{border-radius:22px;min-height:118px;background:linear-gradient(180deg,#fff,#f8fbff);transition:transform .16s ease,box-shadow .16s ease}.albumSticker:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.14)}.albumSticker .code{font-size:19px}.albumSticker .stName{color:#5a6d86}.albumSticker.got{background:linear-gradient(180deg,#dcfce7,#f2fff7);border-color:#86efac}.albumSticker.missing{background:linear-gradient(180deg,#fff1f2,#fffafa);border-color:#fecaca}.albumSticker.dupe{background:linear-gradient(180deg,#fff7d6,#fffdf2);border-color:#fde68a}
.item{background:#fff;border:1px solid #e4eefb;border-radius:18px;padding:12px 14px;margin:8px 0;box-shadow:0 7px 20px rgba(15,23,42,.055)}.item .done{border-radius:14px;text-transform:none}.name{font-size:21px}.team{color:#607089}.clickSticker:hover .name{color:#075985}
.scanFrame{height:110px;border-radius:24px;background:linear-gradient(135deg,#eef7ff,#dcfce7);border-color:#22c55e;color:#14532d}.preview{border-radius:24px;border-color:#dbeafe;background:#f8fbff}input,textarea{border-color:#d7e5f6;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.modal{background:rgba(2,12,27,.65);backdrop-filter:blur(8px)}.modalCard{border-radius:30px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #e4eefb}.modalCard h3{font-size:26px;margin-right:46px}.modalMeta{color:#546680}.modalStatus .badge{box-shadow:none}.modalActions .primaryAction{font-size:17px;border-radius:18px;padding:16px}.modalClose{background:#eef7ff;color:#061a36}.modalHint{background:linear-gradient(135deg,#e0f2fe,#eaf6ff);color:#075985;border:1px solid #d7e8fb}
.appVersion{color:#48627e}.updateToast{background:linear-gradient(135deg,#071832,#0f766e);border:1px solid rgba(255,255,255,.18)}
.gold{box-shadow:0 0 0 3px #facc15,0 18px 42px rgba(15,23,42,.13)!important}
@media(max-width:920px){nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){main{padding:14px}.hero{border-radius:28px;padding:23px}.hero h1{font-size:36px}nav{grid-template-columns:repeat(2,1fr)}.teamGrid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.teamCard{padding:14px}.albumGrid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.miniSticker{grid-template-columns:minmax(48px,auto) 1fr}.modalCard h3{font-size:23px}}

/* v3.1.0 – professionelle Header-Statusleiste */
.hero{
  align-items:stretch;
  min-height:118px;
}
.heroText{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.heroRight{
  position:relative;
  z-index:1;
  margin-left:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  min-width:250px;
}
.heroStatus{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:stretch;
  width:100%;
  max-width:300px;
}
.heroStatus .banner{
  margin:0;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
  line-height:1.15;
  text-align:left;
  font-weight:1000;
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  box-shadow:0 12px 30px rgba(2,12,27,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.heroStatus .banner.ok,
.heroStatus .banner.syncing{
  background:linear-gradient(135deg,rgba(22,163,74,.22),rgba(20,83,45,.15));
  color:#dcfce7;
  border:1px solid rgba(74,222,128,.75);
  text-shadow:0 1px 10px rgba(0,0,0,.28);
}
.heroStatus .banner.warn{
  background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(120,53,15,.16));
  color:#fef3c7;
  border:1px solid rgba(251,191,36,.75);
}
.heroStatus .banner.readonly{
  background:linear-gradient(135deg,rgba(239,68,68,.23),rgba(127,29,29,.18));
  color:#fee2e2;
  border:1px solid rgba(248,113,113,.78);
  text-shadow:0 1px 10px rgba(0,0,0,.24);
}
.heroStatus .banner.editmode{
  background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(30,64,175,.17));
  color:#dbeafe;
  border:1px solid rgba(96,165,250,.72);
}
.heroStatus .banner.papamode{
  background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(180,83,9,.2));
  color:#fef3c7;
  border:1px solid rgba(251,191,36,.78);
}
.heroRight #loginBtn{
  align-self:flex-end;
  min-width:140px;
}
.updateBanner{
  margin:12px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(135deg,rgba(219,234,254,.9),rgba(224,242,254,.9));
  border:1px solid rgba(147,197,253,.75);
  color:#075985;
  box-shadow:0 12px 30px rgba(15,23,42,.08);
}
.updateBanner button{
  padding:9px 13px;
  border-radius:999px;
  font-size:14px;
  background:linear-gradient(135deg,#0f766e,#15803d);
}
.updateBanner.hidden{display:none!important;}
@media(max-width:820px){
  .hero{gap:16px;min-height:0;}
  .heroRight{width:100%;min-width:0;margin-left:0;align-items:stretch;}
  .heroStatus{max-width:none;}
  .heroRight #loginBtn{align-self:stretch;}
  .heroStatus .banner{font-size:13px;}
}

/* v4.0.0 – Neo's Sticker Dark Premium UI */
:root{
  --v4-bg:#020817;
  --v4-bg2:#06162d;
  --v4-card:rgba(8,24,48,.78);
  --v4-card2:rgba(12,34,66,.86);
  --v4-line:rgba(148,163,184,.22);
  --v4-text:#f8fbff;
  --v4-muted:#9fb2cb;
  --v4-blue:#1d7dff;
  --v4-cyan:#22d3ee;
  --v4-green:#22c55e;
  --v4-red:#ef4444;
  --v4-orange:#f59e0b;
  --v4-purple:#8b5cf6;
}
html{background:var(--v4-bg);}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -6%, rgba(29,125,255,.32), transparent 34%),
    radial-gradient(circle at 92% 4%, rgba(34,197,94,.2), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(14,165,233,.16), transparent 36%),
    linear-gradient(180deg,#020817 0%,#06162d 46%,#020817 100%) !important;
  color:var(--v4-text) !important;
}
main{max-width:1080px;padding:18px 18px 50px;}
.hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(34,197,94,.22),transparent 24%),
    radial-gradient(circle at 12% 0%,rgba(29,125,255,.38),transparent 28%),
    linear-gradient(135deg,rgba(2,8,23,.95),rgba(6,26,54,.92) 45%,rgba(3,105,161,.56)) !important;
  color:#fff !important;
  border:1px solid rgba(125,211,252,.22) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.1) !important;
  border-radius:34px !important;
  min-height:132px;
}
.hero:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.09),transparent 40%),
    radial-gradient(circle at 70% 0%,rgba(34,211,238,.2),transparent 25%) !important;
}
.eyebrow{color:#bfdbfe !important;letter-spacing:.01em;}
.hero h1{color:#fff !important;text-shadow:0 12px 34px rgba(0,0,0,.35);}
.hero h1::before{filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));}
.hero p{color:#cfe6ff !important;}
.heroStatus .banner{
  background:rgba(2,8,23,.64) !important;
  color:#dbeafe !important;
  border:1px solid rgba(125,211,252,.28) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.heroStatus .banner.ok,
.heroStatus .banner.syncing{
  background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(5,46,22,.72)) !important;
  color:#dcfce7 !important;
  border-color:rgba(74,222,128,.72) !important;
  box-shadow:0 0 0 1px rgba(34,197,94,.16),0 0 28px rgba(34,197,94,.22),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.heroStatus .banner.ok:before,.heroStatus .banner.syncing:before{content:'●';color:#22c55e;margin-right:7px;text-shadow:0 0 12px #22c55e;}
.heroStatus .banner.warn,.heroStatus .banner.readonly{
  background:linear-gradient(135deg,rgba(239,68,68,.24),rgba(69,10,10,.72)) !important;
  color:#fee2e2 !important;
  border-color:rgba(248,113,113,.7) !important;
  box-shadow:0 0 0 1px rgba(239,68,68,.16),0 0 28px rgba(239,68,68,.2),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.heroStatus .banner.warn:before,.heroStatus .banner.readonly:before{content:'●';color:#ef4444;margin-right:7px;text-shadow:0 0 12px #ef4444;}
.heroStatus .banner.editmode,.heroStatus .banner.papamode{
  background:linear-gradient(135deg,rgba(29,125,255,.24),rgba(23,37,84,.72)) !important;
  color:#dbeafe !important;
  border-color:rgba(96,165,250,.68) !important;
}
#loginBtn,button{
  border-radius:18px !important;
  border:1px solid rgba(125,211,252,.16) !important;
  background:linear-gradient(135deg,#1d7dff,#1550d6) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(29,125,255,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
button:hover{transform:translateY(-1px);filter:brightness(1.08);}
.green{background:linear-gradient(135deg,#22c55e,#15803d) !important;box-shadow:0 14px 30px rgba(34,197,94,.22), inset 0 1px 0 rgba(255,255,255,.16)!important;}
.danger,.minus{background:linear-gradient(135deg,#ef4444,#991b1b) !important;box-shadow:0 14px 30px rgba(239,68,68,.22), inset 0 1px 0 rgba(255,255,255,.14)!important;}
.plus{background:linear-gradient(135deg,#22c55e,#166534) !important;}
.done{background:linear-gradient(135deg,#8b5cf6,#5b21b6) !important;}
section,.progressCard,.funCard,.stats div,.teamCard,.albumSticker,.cardDetails,.modalCard,.item,.boosterResult{
  background:linear-gradient(180deg,rgba(15,36,68,.82),rgba(6,18,36,.78)) !important;
  border:1px solid var(--v4-line) !important;
  color:var(--v4-text) !important;
  box-shadow:0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(16px);
}
.progressCard,.funCard,section{border-radius:30px !important;}
.progressTop strong,.albumTitle,.name,.teamName,h2,h3,.cardDetails>b{color:#fff !important;}
.progressTop span,.small,.team,.teamCode,.albumSub,.modalMeta,.albumSticker .stName,.item .team{color:var(--v4-muted) !important;}
.bar{background:rgba(148,163,184,.18) !important;height:14px !important;}
#progressBar{background:linear-gradient(90deg,#16a34a,#22c55e,#86efac) !important;box-shadow:0 0 18px rgba(34,197,94,.38);}
.stats div{border-radius:24px !important;text-align:center;}
.stats div:nth-child(1) b{color:#ff4d4d !important;}
.stats div:nth-child(2) b{color:#f59e0b !important;}
.stats div:nth-child(3) b{color:#3b82f6 !important;}
.stats div:nth-child(4) b{color:#22c55e !important;}
.stats span{color:#b8c7dc !important;}
nav{
  background:linear-gradient(180deg,rgba(7,18,36,.78),rgba(5,15,30,.72)) !important;
  border:1px solid rgba(148,163,184,.2) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.28) !important;
  border-radius:30px !important;
}
nav button{
  background:linear-gradient(180deg,rgba(15,36,68,.88),rgba(7,23,45,.88)) !important;
  border-color:rgba(125,211,252,.17) !important;
  color:#eaf4ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18) !important;
}
nav button:hover{border-color:rgba(29,125,255,.52)!important;box-shadow:0 0 0 1px rgba(29,125,255,.2),0 16px 34px rgba(29,125,255,.18)!important;}
input,textarea{
  background:rgba(2,8,23,.54) !important;
  border:1px solid rgba(148,163,184,.23) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
input::placeholder,textarea::placeholder{color:#7f93ad !important;}
.dailyTip{background:linear-gradient(135deg,rgba(29,125,255,.16),rgba(34,197,94,.12)) !important;color:#dbeafe !important;border:1px solid rgba(125,211,252,.18)!important;}
.badge,.pill,.badgeBtn,.pageBtn{
  background:rgba(15,36,68,.78) !important;
  border:1px solid rgba(125,211,252,.18) !important;
  color:#dbeafe !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.badge.red,.badgeBtn.red{background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(69,10,10,.46))!important;color:#fecaca!important;border-color:rgba(248,113,113,.34)!important;}
.badge.green,.badgeBtn.green{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(5,46,22,.46))!important;color:#bbf7d0!important;border-color:rgba(74,222,128,.34)!important;}
.badge.yellow,.badgeBtn.yellow{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(69,26,3,.46))!important;color:#fde68a!important;border-color:rgba(251,191,36,.34)!important;}
.teamCard{border-radius:26px !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.teamCard:hover{transform:translateY(-4px);border-color:rgba(29,125,255,.58)!important;box-shadow:0 28px 70px rgba(0,0,0,.36),0 0 34px rgba(29,125,255,.12)!important;}
.teamHead{align-items:center;}
.flag{filter:drop-shadow(0 7px 12px rgba(0,0,0,.38));}
.cardDetails{background:rgba(2,8,23,.36)!important;border-radius:22px!important;}
.miniSticker{border-bottom:1px solid rgba(148,163,184,.16)!important;color:#fff;}
.miniSticker:hover{background:rgba(29,125,255,.12)!important;}
.miniSticker span{color:#eaf4ff!important;}
.miniSticker small{color:#9fb2cb!important;}
.miniSticker em{display:none!important;}
.albumHeader{background:linear-gradient(135deg,rgba(2,8,23,.92),rgba(7,33,69,.82))!important;border-color:rgba(125,211,252,.22)!important;}
.albumSticker{background:linear-gradient(180deg,rgba(15,36,68,.84),rgba(7,23,45,.82))!important;border-color:rgba(148,163,184,.18)!important;}
.albumSticker.got{background:linear-gradient(180deg,rgba(34,197,94,.2),rgba(5,46,22,.46))!important;border-color:rgba(74,222,128,.48)!important;}
.albumSticker.missing{background:linear-gradient(180deg,rgba(239,68,68,.17),rgba(69,10,10,.38))!important;border-color:rgba(248,113,113,.38)!important;}
.albumSticker.dupe{background:linear-gradient(180deg,rgba(245,158,11,.18),rgba(69,26,3,.4))!important;border-color:rgba(251,191,36,.38)!important;}
.albumSticker.special{background:linear-gradient(180deg,rgba(29,125,255,.18),rgba(23,37,84,.42))!important;border-color:rgba(96,165,250,.38)!important;}
.scanFrame{background:linear-gradient(135deg,rgba(29,125,255,.14),rgba(2,8,23,.45))!important;border:2px solid rgba(29,125,255,.86)!important;color:#bfdbfe!important;box-shadow:0 0 32px rgba(29,125,255,.16) inset;border-radius:26px!important;}
.preview{background:rgba(2,8,23,.48)!important;border-color:rgba(148,163,184,.24)!important;}
.modal{background:rgba(0,0,0,.76)!important;backdrop-filter:blur(10px)!important;}
.modalCard{background:linear-gradient(180deg,rgba(15,36,68,.95),rgba(5,15,30,.96))!important;border-color:rgba(125,211,252,.24)!important;}
.modalClose{background:rgba(15,36,68,.9)!important;color:#fff!important;}
.modalActions .primaryAction{background:linear-gradient(135deg,#22c55e,#15803d)!important;}
.updateBanner{background:linear-gradient(135deg,rgba(29,125,255,.18),rgba(34,197,94,.12))!important;border:1px solid rgba(125,211,252,.24)!important;color:#dbeafe!important;}
.updateBanner.hidden{display:none!important;}
.appVersion{color:#7890ad!important;text-align:center;margin:16px 0 0;font-weight:900;}
.toolbar{gap:10px;}
.gold{box-shadow:0 0 0 3px #facc15,0 0 42px rgba(250,204,21,.22)!important;}
@media(max-width:820px){.hero{flex-direction:column}.heroRight{align-items:stretch;min-width:0;width:100%;}.heroStatus{max-width:none}.heroRight #loginBtn{align-self:stretch}.stats{grid-template-columns:1fr 1fr}.teamGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:520px){main{padding:12px 12px 42px}.hero{border-radius:28px;padding:22px}.hero h1{font-size:34px}.progressCard,.funCard,section{border-radius:24px!important}nav{grid-template-columns:repeat(2,1fr);border-radius:24px}.albumGrid{grid-template-columns:repeat(2,1fr)}}


/* v4.1.0 – Schloss-Entsperrung statt Bearbeiten-Button */
.heroRight{justify-content:flex-start!important;gap:10px!important;min-width:280px!important;}
.heroStatus{gap:10px!important;}
#loginBtn{display:none!important;}
.lockStatus{cursor:pointer;user-select:none;position:relative;padding:12px 16px!important;justify-content:flex-start!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.lockStatus:hover{transform:translateY(-1px);}
.lockStatus:active{transform:scale(.98);}
.lockStatus::after{content:'Zum Entsperren tippen';font-size:11px;font-weight:900;opacity:.72;margin-left:auto;padding-left:12px;color:inherit;white-space:nowrap;}
.lockStatus.editmode::after,.lockStatus.papamode::after{content:'Zum Sperren tippen';}
.lockStatus.readonly{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(69,26,3,.78))!important;color:#fef3c7!important;border-color:rgba(251,191,36,.78)!important;box-shadow:0 0 0 1px rgba(245,158,11,.16),0 0 28px rgba(245,158,11,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;}
.lockStatus.readonly:before{content:'🔒'!important;color:inherit!important;margin-right:8px!important;text-shadow:none!important;}
.lockStatus.editmode{background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(5,46,22,.72))!important;color:#dcfce7!important;border-color:rgba(74,222,128,.78)!important;box-shadow:0 0 0 1px rgba(34,197,94,.16),0 0 30px rgba(34,197,94,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;}
.lockStatus.editmode:before{content:'🔓'!important;color:inherit!important;margin-right:8px!important;text-shadow:none!important;}
.lockStatus.papamode{background:linear-gradient(135deg,rgba(29,125,255,.28),rgba(23,37,84,.75))!important;color:#dbeafe!important;border-color:rgba(96,165,250,.78)!important;}
.lockStatus.papamode:before{content:'🔓'!important;color:inherit!important;margin-right:8px!important;text-shadow:none!important;}
.tradeAction{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#fff!important;border-color:rgba(251,191,36,.35)!important;}
.modalHint{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(29,125,255,.1))!important;color:#f8fafc!important;border:1px solid rgba(251,191,36,.24)!important;border-radius:18px!important;padding:13px 14px!important;}
@media(max-width:640px){.heroRight{min-width:0!important;width:100%!important}.lockStatus::after{display:none}.heroStatus .banner{justify-content:center!important}}


/* v4.2.0 – mehr Tiefe, bessere Lesbarkeit und PDF-Buttons */
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.24), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(34,197,94,.14), transparent 26%),
    linear-gradient(180deg,#071a33 0%,#08233f 32%,#06172d 62%,#04111f 100%) !important;
}
main{max-width:1040px!important;}
section,.progressCard,.funCard,.stats div,.teamCard,.albumSticker,.cardDetails,.modalCard{
  background:linear-gradient(180deg,rgba(20,49,89,.92),rgba(9,27,52,.9))!important;
  border:1px solid rgba(96,165,250,.30)!important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
section,.progressCard,.funCard{box-shadow:0 18px 55px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07)!important;}
.teamCard{
  background:linear-gradient(160deg,rgba(27,67,116,.96),rgba(10,33,64,.95))!important;
  border-color:rgba(125,211,252,.34)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 0 1px rgba(14,165,233,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.teamCard:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.72)!important;box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 32px rgba(14,165,233,.20)!important;}
.teamName,.name,h1,h2,h3{letter-spacing:-.035em;text-shadow:0 2px 16px rgba(0,0,0,.28);}
.teamMissing,.teamCode,.small,.team,.appVersion{color:#b8c7dc!important;}
button,.pageBtn,.pdfAction{
  background:linear-gradient(180deg,#1d7dff,#0b4fc7)!important;
  border:1px solid rgba(147,197,253,.28)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(29,125,255,.28), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
button:hover,.pageBtn:hover,.pdfAction:hover{filter:brightness(1.08);transform:translateY(-1px);}
.green{background:linear-gradient(180deg,#22c55e,#15803d)!important;box-shadow:0 12px 28px rgba(34,197,94,.22), inset 0 1px 0 rgba(255,255,255,.16)!important;}
.danger{background:linear-gradient(180deg,#ef4444,#991b1b)!important;box-shadow:0 12px 28px rgba(239,68,68,.22), inset 0 1px 0 rgba(255,255,255,.16)!important;}
.pdfAction{background:linear-gradient(180deg,#38bdf8,#1d4ed8)!important;}
.badge.red,.badgeBtn.red{background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(69,10,10,.55))!important;border-color:rgba(248,113,113,.48)!important;}
.badge.green,.badgeBtn.green{background:linear-gradient(135deg,rgba(34,197,94,.28),rgba(5,46,22,.55))!important;border-color:rgba(74,222,128,.48)!important;}
.badge.yellow,.badgeBtn.yellow{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(69,26,3,.55))!important;border-color:rgba(251,191,36,.48)!important;}
input,textarea{background:rgba(3,12,28,.72)!important;border-color:rgba(125,211,252,.24)!important;}
.hero{background:linear-gradient(135deg,rgba(6,26,57,.96),rgba(7,89,133,.72),rgba(5,46,22,.44))!important;border:1px solid rgba(125,211,252,.28)!important;box-shadow:0 28px 90px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.10)!important;}
.updateBanner{background:linear-gradient(135deg,rgba(29,125,255,.22),rgba(34,197,94,.16))!important;}

.fileButton{display:block;box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;border-radius:18px;padding:14px 16px;font-weight:1000;box-shadow:0 14px 28px rgba(37,99,235,.28);cursor:pointer}
.fileButton:active{transform:scale(.98)}


/* v5.1 Cloud-Diagnose */
.cloudDiagnostics{margin:12px 0;padding:14px;border:1px solid rgba(56,189,248,.28);border-radius:22px;background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(14,116,144,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 40px rgba(2,8,23,.22)}
.cloudDiagGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.cloudDiagGrid>div{border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:11px 12px;background:rgba(2,8,23,.35)}.cloudDiagGrid span{display:block;font-size:12px;font-weight:900;color:#93a4bd;text-transform:uppercase;letter-spacing:.03em}.cloudDiagGrid b{display:block;margin-top:4px;color:#f8fafc;font-size:15px;line-height:1.25;word-break:break-word}

.lockedHint{display:block;margin:12px 0;padding:14px 16px;border-radius:18px;border:1px solid rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(15,23,42,.52));color:#fde68a;font-weight:900;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.papaOnly{display:none}

/* v6.2.0 Raster-Scanner */
.scanSelect{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:14px 16px;font-size:16px;font-weight:900;margin:6px 0 12px;background:rgba(15,23,42,.92);color:#e5f2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.16)}
.scanSelect:focus{outline:2px solid rgba(34,211,238,.5);outline-offset:2px}
.scanFrame{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(34,197,94,.12));border-color:rgba(34,211,238,.58)!important;color:#dffcff!important}