:root{--bg:#FAFAFA;--card:#FFFFFF;--text:#1A1A1A;--sub:#999;--border:#F0F0F0;--gold:#C8A84E;--gold-dk:#B8941F;--nav-bg:rgba(255,255,255,.92);--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}[data-theme="dark"]{--bg:#0A0A0A;--card:rgba(255,255,255,.04);--text:#FFFFFF;--sub:rgba(255,255,255,.3);--border:rgba(255,255,255,.06);--gold:#D4AF37;--gold-dk:#B8941F;--nav-bg:rgba(10,10,10,.88)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100dvh;height:100vh;overflow:hidden;background:#0A0A0A}body{font-family:'Outfit',sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0;display:none}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}}.auc-pw.is-me .auc-pay-main:disabled{opacity:.45 !important;cursor:default !important}@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(15px,-20px) scale(1.05)}66%{transform:translate(-10px,15px) scale(.95)}}@keyframes cardShine{0%{left:-100%}100%{left:200%}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes goldPulse{0%,100%{box-shadow:0 0 20px rgba(212,175,55,.12)}50%{box-shadow:0 0 50px rgba(212,175,55,.25)}}@keyframes slideLeft{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.gt{background:linear-gradient(135deg,#D4AF37,#F5D76E,#D4AF37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 3s linear infinite}.lift{transition:transform .12s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.lift:active{transform:scale(.96)}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 8s ease infinite}.card-shine{position:relative;overflow:hidden}.card-shine::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:cardShine 4s ease infinite;pointer-events:none}.glass-top{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-radius:22px 22px 0 0;pointer-events:none}[data-theme="light"] .glass-top{background:linear-gradient(180deg,rgba(255,255,255,.6),transparent)}#app{width:100%;height:100dvh;height:100vh;max-width:430px;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}@media(min-width:431px){#app{max-height:932px;border-radius:24px;box-shadow:0 25px 100px rgba(0,0,0,.15)}}.screen{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;transition:opacity .15s ease}#screen-home{position:static;opacity:1;pointer-events:auto;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#main-app{height:100%;display:flex;flex-direction:column}.screen.active{opacity:1;pointer-events:auto}#onboarding{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;background:#0A0A0A}#onboarding.hidden{display:none}#ob-content{height:100%;width:100%}#loading-screen{position:absolute;inset:0;z-index:998;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#loading-screen.hidden{display:none}.spinner{width:28px;height:28px;border:3px solid rgba(212,175,55,.15);border-top-color:#D4AF37;border-radius:50%;animation:spin .8s linear infinite}#login-gate{position:absolute;inset:0;z-index:500;background:var(--bg);display:none;flex-direction:column}#login-gate.show{display:flex}#shop-overlay,#cart-overlay,#checkout-overlay{position:absolute;inset:0;z-index:600;background:var(--bg);display:none;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}#shop-overlay.on,#cart-overlay.on,#checkout-overlay.on{display:flex}@keyframes aucWinnerFadeIn{from{opacity:0}to{opacity:1}}@keyframes aucWinnerSlideUp{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aucGoldFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes aucTrophyBounce{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0)}}@keyframes aucStar1{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes aucStar2{0%,100%{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.6;transform:scale(1.2) rotate(20deg)}}@keyframes aucConfettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes verlBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes verlDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes verlWinnerPulse{0%,100%{box-shadow:0 0 20px rgba(255,215,0,.2)}50%{box-shadow:0 0 40px rgba(255,215,0,.4)}}@keyframes mwcEntrance{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mwcShine{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(300%) skewX(-15deg)}}@keyframes mwcPop{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes mwcGlow{0%,100%{box-shadow:0 8px 40px rgba(255,140,0,.3),0 0 0 1px rgba(255,200,0,.2)}50%{box-shadow:0 12px 60px rgba(255,140,0,.5),0 0 0 1px rgba(255,220,0,.4)}}@keyframes mwcBadgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.97)}}.mwc-head::before{content:'';position:absolute;width:200px;height:200px;top:-80px;right:-40px;background:radial-gradient(circle,rgba(255,180,0,.18) 0%,rgba(255,100,0,.08) 40%,transparent 70%);pointer-events:none}.mwc-head::after{content:'';position:absolute;width:150px;height:150px;bottom:-60px;left:-30px;background:radial-gradient(circle,rgba(0,200,255,.12) 0%,transparent 70%);pointer-events:none}.mwc-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);animation:mwcShine 1.2s ease .3s forwards;pointer-events:none;z-index:5}.mwc-head-info{flex:1;min-width:0;position:relative;z-index:1}.mwc-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;letter-spacing:2px;color:#fff;text-transform:uppercase;margin-bottom:6px;background:linear-gradient(135deg,#00c853,#00e676);border-radius:6px;padding:3px 10px;animation:mwcBadgePulse 2s ease-in-out infinite}.mwc-name{font-size:16px;font-weight:900;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.mwc-price{font-size:30px;font-weight:900;background:linear-gradient(135deg,#FFD700,#FF8C00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(255,180,0,.4))}.mwc-chevron{font-size:18px;color:rgba(255,255,255,.3);margin-left:2px;transition:transform .25s;position:relative;z-index:1}.mwc-open .mwc-chevron{transform:rotate(90deg)}.mwc-body{display:none;padding:20px 18px;background:linear-gradient(180deg,#0f0f1a,#0a0a14);border-top:1px solid rgba(255,200,0,.12)}.mwc-open .mwc-body{display:block}.mwc-detail-name{font-size:13px;font-weight:800;color:rgba(255,255,255,.6);margin-bottom:14px;letter-spacing:.3px}.mwc-detail-price{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.mwc-detail-price span{font-size:12px;font-weight:700;color:rgba(255,255,255,.35);display:flex;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06)}.mwc-total{font-size:15px !important;font-weight:900 !important;color:#FFD700 !important;background:rgba(255,200,0,.08) !important;border-color:rgba(255,200,0,.25) !important}.mwc-btns{display:flex;gap:10px}.mwc-btn-dp:active::before{transform:translateX(100%)}
@keyframes sdRing {
  0%,100% { opacity:.2; }
  50%      { opacity:.9; }
}
@keyframes sdBarIn {
  from { width: 0; }
  to   { width: 72%; }
}

@keyframes mdBtnShift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes mdFireWiggle {
  0%,100% { transform: rotate(-8deg) scale(1); }
  50%      { transform: rotate(8deg) scale(1.2); }
}
@keyframes mdArrowPulse {
  0%,100% { transform: translateX(0); opacity:.7; }
  50%      { transform: translateX(4px); opacity:1; }
}

/* ═══ PERFORMANCE ═══ */
#screen-home { -webkit-overflow-scrolling: touch; }

/* ═══ MEINBRETT: Schrift Roboto (nur News-Karte + Overlay) ═══ */
#meinbrett-hero-card, #meinbrett-hero-card *,
#meinbrett-overlay, #meinbrett-overlay *,
#meinbrett-posts, #meinbrett-posts *{
  font-family:'Roboto',system-ui,-apple-system,sans-serif !important;
}