*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--bg:#000;--surface:#0a0a0a;--surface-2:#111;--surface-3:#161616;--white:#fff;--text:#f0f0f0;--text-muted:#888;--glass:rgba(255,255,255,.03);--glass-strong:rgba(255,255,255,.08);--border:rgba(255,255,255,.08);--font:'Outfit',sans-serif;--mono:'Space Mono',monospace;--primary:#D4AF37;--primary-light:#ffd700;--primary-glow:rgba(212,175,55,.4);--accent:#00f0ff;--accent-glow:rgba(0,240,255,.3);--success:#00ff88;--danger:#ff0066;--radius:24px;--radius-sm:14px;--radius-xs:10px;--shadow-sm:0 4px 20px rgba(0,0,0,.3);--shadow-md:0 8px 40px rgba(0,0,0,.4);--shadow-lg:0 16px 60px rgba(0,0,0,.5);--shadow-glow:0 0 40px var(--primary-glow);--ease-out:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1)}
html,body{height:100%;width:100%;overflow:hidden;position:fixed;background:#000;font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.holo-bg{position:fixed;inset:0;z-index:0;background:#000}
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 20px 16px;background:rgba(0,0,0,.8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.04);transition:all .3s ease}
.header.scrolled{background:rgba(0,0,0,.9);border-bottom-color:rgba(255,255,255,.08)}
body.has-notch .header{padding-top:calc(12px + env(safe-area-inset-top))}
.header-inner{max-width:500px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.brand-wrap{display:flex;flex-direction:column;gap:2px}
.brand{font-size:24px;font-weight:900;letter-spacing:3px;color:#fff}
.brand-sub{font-size:12px;color:rgba(255,255,255,.35);font-weight:500}
.brand-sub span{color:rgba(255,255,255,.55);font-weight:700}
.header-btns{display:flex;gap:8px}
.h-btn{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out)}
.h-btn:active{transform:scale(.9);background:rgba(255,255,255,.12)}
.h-btn svg{width:20px;height:20px;fill:rgba(255,255,255,.6)}
.h-btn.primary{background:rgba(0,240,255,.08);border-color:rgba(0,240,255,.2)}
.h-btn.primary svg{fill:#00f0ff}
.h-btn.sos{width:auto;padding:0 18px;border-radius:50px;background:linear-gradient(135deg,#ff0044,#ff0066);border:none;color:#fff;font-size:13px;font-weight:900;letter-spacing:1.5px;position:relative;box-shadow:0 4px 15px rgba(255,0,68,.3);transition:all .3s ease}
.h-btn.sos:active{transform:scale(.9)}
.h-btn.sos.has-messages{animation:sos-urgent 2s ease-in-out infinite}
@keyframes sos-urgent{0%,100%{box-shadow:0 4px 15px rgba(255,0,68,.3)}50%{box-shadow:0 4px 25px rgba(255,0,68,.6)}}
.sos-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;background:#fff;color:#ff0044;font-size:11px;font-weight:900;border-radius:10px;display:none;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(255,0,68,.6);animation:badge-bounce 1s ease-in-out infinite}
.sos-badge.active{display:flex}
@keyframes badge-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.support-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:none;flex-direction:column;opacity:0;transition:opacity .3s ease}
.support-overlay.active{display:flex;opacity:1}
.support-header{position:sticky;top:0;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 80%,transparent 100%);z-index:10;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}
body.has-notch .support-header{padding-top:calc(16px + env(safe-area-inset-top))}
.support-title{font-size:20px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px}
.support-title span{color:#ff0044}
.support-close{width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer}
.support-close:active{transform:scale(.9)}
.support-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;max-height:100%;position:relative}
.support-mod-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;max-height:100%;position:relative}
.support-messages{flex:1;overflow-y:auto;padding:16px;padding-bottom:20px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.support-msg{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;position:relative}
.support-msg.user{align-self:flex-end;background:linear-gradient(135deg,#ff0044,#ff0066);color:#fff;border-bottom-right-radius:4px}
.support-msg.mod{align-self:flex-start;background:rgba(255,255,255,.1);color:#fff;border-bottom-left-radius:4px}
.support-msg-time{font-size:10px;color:rgba(255,255,255,.5);margin-top:6px;display:flex;align-items:center;gap:6px}
.support-msg.user .support-msg-time{justify-content:flex-end}
.support-msg-mod-name{font-weight:700;color:#00ff88}
.support-input-wrap{padding:12px 16px;background:rgba(0,0,0,.98);border-top:1px solid rgba(255,255,255,.15);display:flex;gap:8px;flex-shrink:0}
body.has-notch .support-input-wrap{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.support-input{flex:1;min-width:0;padding:12px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;color:#fff;font-size:16px;font-family:var(--font);outline:none}
.support-send,.support-photo-btn{width:44px;height:44px;flex-shrink:0}
.support-input{flex:1;padding:14px 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:15px;font-family:var(--font);outline:none}
.support-input::placeholder{color:rgba(255,255,255,.4)}
.support-input:focus{border-color:#ff0044}
.support-send{width:50px;height:50px;background:#ff0044;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.support-send:active{transform:scale(.9);background:#cc0033}
.support-photo-btn{width:50px;height:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.support-photo-btn:active{background:rgba(255,255,255,.2);transform:scale(.9)}
.support-msg-img{max-width:100%;max-height:200px;border-radius:12px;margin-bottom:8px;cursor:pointer}
.support-msg-img:active{opacity:.8}
.support-img-preview{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;padding:20px}
.support-img-preview.active{display:flex}
.support-img-preview img{max-width:100%;max-height:90vh;border-radius:8px}
.support-img-preview-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.support-typing{padding:12px 16px;color:#888;font-size:13px;font-style:italic;display:none}
.support-typing.active{display:block}
.support-new-msg-indicator{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);padding:10px 20px;background:#ff0044;color:#fff;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;display:none;animation:bounce .5s ease infinite}
.support-new-msg-indicator.active{display:block}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}
.support-mod-password{position:absolute;inset:0;background:rgba(0,0,0,.98);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}
.mod-password-box{width:100%;max-width:320px;background:linear-gradient(180deg,#1a1a1a 0%,#0a0a0a 100%);border:2px solid #ffd700;border-radius:24px;padding:32px 24px;text-align:center}
.mod-password-icon{font-size:48px;margin-bottom:16px}
.mod-password-title{font-size:20px;font-weight:900;color:#ffd700;margin-bottom:8px}
.mod-password-subtitle{font-size:13px;color:#888;margin-bottom:24px;line-height:1.5}
.mod-password-subtitle span{color:#fff;font-weight:700}
.mod-password-input{width:100%;padding:16px;background:rgba(255,255,255,.1);border:2px solid rgba(255,215,0,.3);border-radius:14px;color:#fff;font-size:16px;font-family:var(--font);text-align:center;outline:none;margin-bottom:16px}
.mod-password-input:focus{border-color:#ffd700;box-shadow:0 0 20px rgba(255,215,0,.2)}
.mod-password-input::placeholder{color:#666}
.mod-password-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ffd700,#ff8c00);border:none;border-radius:14px;color:#000;font-size:15px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:1px}
.mod-password-btn:active{transform:scale(.98)}
.mod-password-status{margin-top:16px;font-size:13px;min-height:20px}
.mod-password-hint{margin-top:12px;font-size:11px;color:#555}
.support-new{padding:20px;display:flex;flex-direction:column;gap:16px}
.support-mod-select{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.support-mod-btn{padding:20px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}
.support-mod-btn:active{transform:scale(.97)}
.support-mod-btn.selected{border-color:#ff0044;background:rgba(255,0,68,.1)}
.support-mod-btn .mod-avatar{font-size:36px}
.support-mod-btn .mod-name{font-size:14px;font-weight:800;color:#fff}
.support-mod-btn .mod-status{font-size:11px;color:#00ff88}
.support-field{display:flex;flex-direction:column;gap:6px}
.support-field label{font-size:12px;font-weight:700;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px}
.support-field input,.support-field textarea{padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:15px;font-family:var(--font);outline:none}
.support-field input:focus,.support-field textarea:focus{border-color:#ff0044}
.support-field textarea{min-height:120px;resize:vertical}
.support-submit{padding:18px;background:#ff0044;border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:1px}
.support-submit:active{transform:scale(.98);background:#cc0033}
.support-submit:disabled{opacity:.5;cursor:not-allowed}
.support-mod-dash{flex:1;display:flex;flex-direction:column;overflow:hidden}
.support-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.support-tab{flex:1;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:12px;font-weight:700;color:#888;text-align:center;cursor:pointer}
.support-tab.active{background:rgba(255,0,68,.2);border-color:#ff0044;color:#ff0044}
.support-tab .tab-count{display:inline-block;min-width:20px;height:20px;padding:0 6px;background:#ff0044;color:#fff;border-radius:10px;font-size:11px;line-height:20px;margin-left:6px}
.support-tickets{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.support-ticket{padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s}
.support-ticket:active{transform:scale(.98)}
.support-ticket.unread{border-left:3px solid #ff0044;background:rgba(255,0,68,.05)}
.support-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.support-ticket-user{font-size:14px;font-weight:800;color:#fff}
.support-ticket-time{font-size:11px;color:#666}
.support-ticket-preview{font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-ticket-meta{display:flex;gap:10px;margin-top:8px;font-size:11px;color:#666}
.support-ticket-status{padding:4px 8px;border-radius:6px;font-weight:700;font-size:10px}
.support-ticket-status.open{background:rgba(255,0,68,.2);color:#ff0044}
.support-ticket-status.closed{background:rgba(0,255,136,.2);color:#00ff88}
.support-mod-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}
.support-mod-chat-header{padding:12px 20px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}
.support-mod-chat-user{font-size:14px;font-weight:800;color:#fff}
.support-mod-chat-info{font-size:11px;color:#888}
.support-mod-chat-actions{display:flex;gap:8px}
.support-mod-chat-btn{padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:11px;font-weight:700;color:#fff;cursor:pointer}
.support-mod-chat-btn.close-ticket{background:rgba(0,255,136,.2);border-color:#00ff88;color:#00ff88}
.support-back{padding:10px 16px;background:rgba(255,255,255,.1);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}
.support-back:active{background:rgba(255,255,255,.2)}
.support-user-chat-header{padding:12px 20px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}
.support-user-chat-info{display:flex;align-items:center;gap:10px}
.support-user-chat-info span:first-child{font-size:14px;font-weight:800;color:#fff}
.user-chat-status{font-size:11px;color:#00ff88}
.scroll{position:fixed;inset:0;z-index:10;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:88px 20px 120px;scroll-behavior:smooth}
body.has-notch .scroll{padding-top:calc(84px + env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.hero{position:relative;height:140px;border-radius:28px;overflow:hidden;cursor:pointer;transition:transform .4s var(--ease-out);background:var(--surface);border:1px solid rgba(255,0,80,.3);box-shadow:0 0 15px rgba(255,0,80,.08),0 20px 60px rgba(0,0,0,.5)}
.hero:active{transform:scale(.98)}
.hero-inner{position:relative;height:100%;background:linear-gradient(135deg,rgba(255,0,80,.1) 0%,rgba(10,10,15,.95) 40%,rgba(0,242,234,.08) 100%);border-radius:22px;padding:20px;overflow:hidden;display:flex;align-items:center}
.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.3}
.floating-icon{position:absolute;font-size:16px;opacity:0;animation:float-up 6s ease-out infinite}
.floating-icon:nth-child(1){left:10%;animation-delay:0s}
.floating-icon:nth-child(2){left:25%;animation-delay:0.6s}
.floating-icon:nth-child(3){left:40%;animation-delay:1.2s}
.floating-icon:nth-child(4){left:55%;animation-delay:1.8s}
.floating-icon:nth-child(5){left:70%;animation-delay:2.4s}
.floating-icon:nth-child(6){left:85%;animation-delay:0.3s}
.floating-icon:nth-child(7){left:15%;animation-delay:0.9s}
.floating-icon:nth-child(8){left:60%;animation-delay:1.5s}
.floating-icon:nth-child(9){left:80%;animation-delay:2.1s}
.floating-icon:nth-child(10){left:35%;animation-delay:2.7s}
@keyframes float-up{0%{transform:translateY(80px) scale(0.6);opacity:0}15%{opacity:.5}85%{opacity:.3}100%{transform:translateY(-100px) scale(0.8);opacity:0}}
.hero-sparkles{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.3) 50%, transparent 50%),radial-gradient(1px 1px at 40% 70%, rgba(255,0,102,.25) 50%, transparent 50%),radial-gradient(1px 1px at 70% 40%, rgba(0,212,255,.25) 50%, transparent 50%),radial-gradient(1px 1px at 90% 80%, rgba(255,215,0,.2) 50%, transparent 50%);opacity:.6}
.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%}
.hero-left h2{font-size:32px;font-weight:900;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-badge{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:11px;font-weight:800;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px}
.hero-badge::before{content:'';width:6px;height:6px;background:#ff0066;border-radius:50%;box-shadow:0 0 8px #ff0066;animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}
.hero-stats{display:flex;gap:10px;margin-top:12px}
.hero-stat{padding:8px 14px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(10px)}
.hero-stat-label{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}
.hero-stat-label.pink{color:#ff0066}
.hero-stat-label.cyan{color:#00f0ff}
.hero-stat-value{font-family:var(--mono);font-size:15px;font-weight:700;color:#fff}
.hero-right{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.fortune-overlay{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0);pointer-events:none;opacity:0;transition:background .5s}
.fortune-overlay.active{opacity:1;pointer-events:all;background:rgba(0,0,0,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.fortune-cookie-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;animation:cookieWobble 2.5s ease-in-out infinite}
.fortune-overlay.cracked .fortune-cookie-wrap{animation:none}
@keyframes cookieWobble{0%,100%{transform:rotate(0deg) scale(1)}15%{transform:rotate(-4deg) scale(1.03)}30%{transform:rotate(3deg) scale(0.98)}45%{transform:rotate(-2deg) scale(1.02)}60%{transform:rotate(1deg) scale(1)}75%{transform:rotate(-1deg)}}
.cookie-half{position:absolute;width:90px;height:80px;transition:all .8s cubic-bezier(.68,-.55,.27,1.55)}
.cookie-half-left{right:50%;transform-origin:right center;background:radial-gradient(ellipse at 60% 40%,#f5c56a 0%,#d4952a 60%,#b37318 100%);border-radius:50% 10% 10% 50%;box-shadow:inset -4px -4px 8px rgba(0,0,0,.2),2px 4px 15px rgba(0,0,0,.3)}
.cookie-half-right{left:50%;transform-origin:left center;background:radial-gradient(ellipse at 40% 40%,#f5c56a 0%,#d4952a 60%,#b37318 100%);border-radius:10% 50% 50% 10%;box-shadow:inset 4px -4px 8px rgba(0,0,0,.2),-2px 4px 15px rgba(0,0,0,.3)}
.cookie-half-left::after,.cookie-half-right::after{content:'';position:absolute;top:15%;width:60%;height:25%;background:rgba(255,255,255,.15);border-radius:50%;filter:blur(3px)}
.cookie-half-left::after{right:10%}
.cookie-half-right::after{left:10%}
.fortune-overlay.cracked .cookie-half-left{transform:translateX(-40px) rotate(-25deg);opacity:.9}
.fortune-overlay.cracked .cookie-half-right{transform:translateX(40px) rotate(25deg);opacity:.9}
.cookie-crumbs{position:absolute;pointer-events:none;opacity:0}
.fortune-overlay.cracked .cookie-crumbs{opacity:1}
.crumb{position:absolute;width:6px;height:6px;background:#d4952a;border-radius:50%;animation:crumbFall 1s ease-out forwards}
@keyframes crumbFall{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx),60px) scale(0);opacity:0}}
.fortune-paper{position:absolute;width:0;max-width:260px;background:linear-gradient(180deg,#fff9e6 0%,#fff5d4 50%,#ffefbc 100%);border-radius:4px;padding:0;overflow:hidden;opacity:0;box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 20px rgba(200,170,100,.1);transition:all 1s cubic-bezier(.25,.46,.45,.94) .6s;text-align:center}
.fortune-overlay.cracked .fortune-paper{width:260px;padding:20px 24px;opacity:1}
.fortune-paper::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(200,170,100,.3),transparent)}
.fortune-paper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(200,170,100,.3),transparent)}
.fortune-text{font-size:15px;font-weight:600;color:#5a3e1b;line-height:1.5;font-style:italic;opacity:0;transform:translateY(8px);transition:all .6s ease 1.4s}
.fortune-overlay.cracked .fortune-text{opacity:1;transform:translateY(0)}
.fortune-lucky{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:#b37318;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .5s ease 1.8s}
.fortune-overlay.cracked .fortune-lucky{opacity:1}
.fortune-tap{position:absolute;bottom:80px;font-size:12px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;animation:tapPulse 2s ease-in-out infinite}
.fortune-tap.hide{opacity:0;transition:opacity .3s}
@keyframes tapPulse{0%,100%{opacity:.3}50%{opacity:.6}}
.fortune-close{margin-top:40px;padding:14px 40px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.6);font-family:var(--font);font-size:13px;font-weight:800;letter-spacing:1px;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .5s ease 2.2s}
.fortune-overlay.cracked .fortune-close{opacity:1;transform:translateY(0)}
.fortune-close:active{transform:scale(.95)!important;background:rgba(255,255,255,.1)}
.fortune-sparkle{position:absolute;pointer-events:none;opacity:0}
.fortune-overlay.cracked .fortune-sparkle{opacity:1}
.sparkle{position:absolute;width:4px;height:4px;background:#ffd700;border-radius:50%;animation:sparkleOut 1.2s ease-out forwards}
@keyframes sparkleOut{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--sx),var(--sy)) scale(0);opacity:0}}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.action{position:relative;height:130px;border-radius:20px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;cursor:pointer;overflow:hidden;transition:all .2s ease}
.action:active{transform:scale(.96)}
.action.game{background:linear-gradient(135deg,#8b00ff 0%,#ff00aa 50%,#ff0066 100%);border:none;box-shadow:0 8px 30px rgba(139,0,255,.25),0 4px 15px rgba(255,0,170,.15)}
.action.game::before{content:'';position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}
.action.game .action-title{color:#fff}
.action.game .action-sub{color:rgba(255,255,255,.8)}
.action.center{background:linear-gradient(145deg,#0a1a1a 0%,#0d1f1f 50%,#081818 100%);border:1px solid rgba(0,212,255,.15);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 20px rgba(0,212,255,.06),inset 0 1px 0 rgba(255,255,255,.06)}
.action.center .action-icon{filter:none}
.action.center .action-title{color:#fff;background:none;-webkit-text-fill-color:#fff}
.action.center .action-sub{color:rgba(255,255,255,.45)}
.action.game:active{transform:scale(.96);box-shadow:0 4px 20px rgba(139,0,255,.5),0 2px 10px rgba(255,0,170,.4)}
.action.center:active{box-shadow:0 4px 20px rgba(0,212,255,.15),0 2px 10px rgba(0,0,0,.3)}
.action-icon{font-size:38px;position:relative;z-index:1;line-height:1;transition:transform .3s ease}
.action:active .action-icon{transform:scale(.9)}
.action.game .action-icon{animation:dice-wobble 3s ease-in-out infinite}
.action.center .action-icon{animation:house-bounce 4s ease-in-out infinite}
@keyframes dice-wobble{0%,100%{transform:rotate(0deg) scale(1)}15%{transform:rotate(-12deg) scale(1.1)}30%{transform:rotate(10deg) scale(1.05)}45%{transform:rotate(-5deg) scale(1)}60%{transform:rotate(0deg) scale(1)}}
@keyframes house-bounce{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(-6px) scale(1.08)}40%{transform:translateY(0) scale(1)}}
.action-title{font-size:18px;font-weight:800;position:relative;z-index:1;line-height:1.1}
.action-sub{font-size:11px;color:rgba(255,255,255,.5);font-weight:500;position:relative;z-index:1}
.notif{position:absolute;top:12px;right:12px;min-width:22px;height:22px;padding:0 6px;background:#ff0066;border-radius:11px;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,0,102,.4)}
.notif.active{display:flex}
.notif.gold{right:40px;background:linear-gradient(135deg,#ffd700,#ffaa00);color:#000;box-shadow:0 2px 8px rgba(255,215,0,.4)}
.live-ind{position:absolute;top:12px;left:12px;display:none;align-items:center;gap:5px;padding:6px 10px;background:rgba(0,0,0,.6);border:1px solid rgba(0,255,136,.25);border-radius:20px;font-size:10px;font-weight:700;color:#00ff88}
.live-ind.active{display:flex}
.live-ind::before{content:'';width:6px;height:6px;background:#00ff88;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}
.boerse-strip{position:absolute;left:0;right:0;z-index:5;height:24px;overflow:hidden;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .8s ease;pointer-events:none}
.boerse-strip.top{top:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0}
.boerse-strip.bottom{bottom:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 20px 20px}
.boerse-strip.live{opacity:1}
.boerse-strip .ticker-wrap{display:flex;align-items:center;height:24px;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.boerse-strip .ticker-track{display:inline-flex;align-items:center;height:24px;white-space:nowrap;will-change:transform;animation:ticker-scroll var(--ticker-dur,30s) linear infinite}
.boerse-strip:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.boerse-strip .tk{display:inline-flex;align-items:center;gap:5px;padding:0 16px;font-size:10px;font-weight:700;color:rgba(255,255,255,.85);height:24px;letter-spacing:.3px}
.boerse-strip .tk .td{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.boerse-strip .tk .td.g{background:#00ff88;box-shadow:0 0 8px #00ff88}
.boerse-strip .tk .td.r{background:#ff4477;box-shadow:0 0 8px #ff4477}
.boerse-strip .tk .td.a{background:#ffaa00;box-shadow:0 0 8px #ffaa00}
.boerse-strip .tk .td.c{background:#00d4ff;box-shadow:0 0 8px #00d4ff}
.boerse-strip .tk .td.go{background:#ffd700;box-shadow:0 0 8px #ffd700}
.boerse-strip .tk .td.pulse{animation:td-blink 2s ease-in-out infinite}
.boerse-strip .tk .tv{font-family:var(--mono);font-weight:800}
.boerse-strip .tk .tv.up{color:#00ff88}
.boerse-strip .tk .tv.down{color:#ff4477}
.boerse-strip .tk .tv.gold{color:#ffd700}
.boerse-strip .tk .tv.cyan{color:#00d4ff}
.boerse-strip .tk .sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.15);margin:0 2px}
@keyframes td-blink{0%,100%{opacity:1}50%{opacity:.3}}
.deals{display:flex;flex-direction:column;gap:12px;padding:2px}
.deal{position:relative;border-radius:28px;overflow:hidden;cursor:pointer;display:none;transition:all .4s var(--ease-out);transform-style:preserve-3d}
.deal.active{display:block}
.deal:active{transform:scale(.97) perspective(1000px) rotateX(2deg)}
.deal-bg{position:absolute;inset:0;z-index:0}
.deal-glass{position:relative;z-index:2;padding:28px 24px 36px;min-height:230px;display:flex;flex-direction:column;background:rgba(0,0,0,.6);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.deal-header{display:flex;justify-content:space-between;align-items:flex-start}
.deal-tag{padding:10px 16px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.deal-num{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.15);font-weight:700}
.deal-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 0}
.deal-title{font-size:20px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
.deal-price{display:flex;align-items:flex-start;gap:0;margin-bottom:16px}
.deal-price-currency{font-size:24px;font-weight:700;margin-top:12px;margin-right:2px}
.deal-price-main{font-family:var(--mono);font-size:72px;font-weight:700;line-height:1;letter-spacing:-4px}
.deal-price-cents{font-family:var(--mono);font-size:26px;font-weight:700;margin-top:12px}
.deal-ship{padding:10px 18px;border-radius:50px;font-size:10px;font-weight:700}
.deal-cta{margin-top:auto;padding-top:16px}
.deal-qty{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px;background:rgba(0,0,0,.4);border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.deal-qty-btn{width:40px;height:40px;font-size:22px;font-weight:900;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-bounce);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 15px rgba(0,0,0,.3)}
.deal-qty-btn:active{transform:scale(.85)}
.deal-qty-val{font-family:var(--mono);font-size:26px;font-weight:900;min-width:44px;text-align:center;color:#fff}
.deal.electric .deal-qty{background:#0a1a1a;border-color:#00f0ff}
.deal.electric .deal-qty-btn{color:#000;border:none;background:#00f0ff}
.deal.electric .deal-qty-btn:active{background:#00cc99}
.deal.neon .deal-qty{background:#0a1a0a;border-color:#00ff88}
.deal.neon .deal-qty-btn{color:#000;border:none;background:#00ff88}
.deal.neon .deal-qty-btn:active{background:#00cc66}
.deal.magenta{margin-top:8px}
.deal.magenta .deal-qty{background:#1a0a10;border-color:#ff0066;box-shadow:0 0 15px rgba(255,0,102,.3)}
.deal.magenta .deal-qty-btn{color:#fff;border:none;background:#ff0066;box-shadow:0 2px 10px rgba(255,0,102,.4)}
.deal.magenta .deal-qty-btn:active{background:#cc0055}
.deal-btn{width:100%;padding:18px;border:none;border-radius:16px;font-family:var(--font);font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s var(--ease-out);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.deal-btn:active{transform:scale(.96);box-shadow:0 4px 15px rgba(0,0,0,.2)}
.deal.electric .deal-bg{background:linear-gradient(160deg,#001a2c 0%,#003355 50%,#001825 100%)}
.deal.electric::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 100%,rgba(0,240,255,.2) 0%,transparent 60%);pointer-events:none}
.deal.electric{border:1px solid rgba(0,240,255,.3)}
.deal.electric .deal-tag{background:rgba(0,240,255,.15);border:1px solid rgba(0,240,255,.4);color:#00f0ff}
.deal.electric .deal-title{color:#fff}
.deal.electric .deal-price-currency,.deal.electric .deal-price-cents{color:#00f0ff}
.deal.electric .deal-price-main{background:linear-gradient(135deg,#00f0ff,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}
.deal.electric .deal-ship{background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.3);color:#ffaa00}
.deal.electric .deal-btn{background:linear-gradient(135deg,#00f0ff,#00ff88);color:#000}
.deal.electric,.deal.neon{position:relative;border:none!important;overflow:hidden}
.deal.electric::after,.deal.neon::after{content:'';position:absolute;inset:0;border-radius:28px;z-index:6;border:2.5px solid transparent;background:conic-gradient(from var(--angle,0deg),#ff0066,#ff8800,#ffd700,#00ff88,#00f0ff,#8b00ff,#ff0066) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:deal-border-spin 3s linear infinite;pointer-events:none}
.deal.electric .deal-glass,.deal.neon .deal-glass{border:none;position:relative;z-index:7}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes deal-border-spin{to{--angle:360deg}}
@supports not (background: conic-gradient(from 0deg, red, blue)) {
  .deal.electric::after,.deal.neon::after{border:2.5px solid rgba(0,240,255,.4)}
}
@keyframes deal-border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.deal.electric{animation:deal-glow-cyan 2s ease-in-out infinite}
.deal.neon{animation:deal-glow-green 2s ease-in-out infinite}
@keyframes deal-glow-cyan{0%,100%{box-shadow:0 0 20px rgba(0,240,255,.3),0 0 60px rgba(0,240,255,.1)}50%{box-shadow:0 0 40px rgba(0,240,255,.5),0 0 100px rgba(0,240,255,.2)}}
@keyframes deal-glow-green{0%,100%{box-shadow:0 0 20px rgba(0,255,136,.3),0 0 60px rgba(0,255,136,.1)}50%{box-shadow:0 0 40px rgba(0,255,136,.5),0 0 100px rgba(0,255,136,.2)}}
.deal.electric .deal-glass::before,.deal.neon .deal-glass::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent 0deg,transparent 340deg,rgba(255,255,255,.08) 345deg,rgba(255,255,255,.15) 350deg,transparent 355deg);animation:deal-shimmer 4s linear infinite;z-index:0;pointer-events:none}
@keyframes deal-shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.deal-confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:28px}
.deal-confetti i{position:absolute;width:6px;height:6px;border-radius:50%;opacity:0;animation:deal-confetti-fall 3s ease-in-out infinite}
.deal-confetti i:nth-child(1){left:10%;background:#ff0066;animation-delay:0s;animation-duration:2.5s}
.deal-confetti i:nth-child(2){left:20%;background:#ffd700;animation-delay:.4s;animation-duration:3.2s;width:4px;height:8px;border-radius:2px}
.deal-confetti i:nth-child(3){left:35%;background:#00f0ff;animation-delay:.8s;animation-duration:2.8s}
.deal-confetti i:nth-child(4){left:50%;background:#00ff88;animation-delay:1.2s;animation-duration:3.5s;width:5px;height:5px}
.deal-confetti i:nth-child(5){left:65%;background:#ff8800;animation-delay:.2s;animation-duration:2.6s;width:4px;height:8px;border-radius:2px}
.deal-confetti i:nth-child(6){left:78%;background:#8b00ff;animation-delay:1.5s;animation-duration:3.1s}
.deal-confetti i:nth-child(7){left:88%;background:#ff0066;animation-delay:.6s;animation-duration:2.9s;width:3px;height:6px;border-radius:1px}
.deal-confetti i:nth-child(8){left:45%;background:#ffd700;animation-delay:1.8s;animation-duration:3.3s}
.deal-confetti i:nth-child(9){left:5%;background:#00f0ff;animation-delay:1s;animation-duration:2.4s;width:5px;height:3px;border-radius:1px}
.deal-confetti i:nth-child(10){left:92%;background:#ff8800;animation-delay:2s;animation-duration:3s}
@keyframes deal-confetti-fall{0%{transform:translateY(-20px) rotate(0deg) scale(.5);opacity:0}15%{opacity:.9}50%{opacity:.7}100%{transform:translateY(calc(100vh * 0.3)) rotate(720deg) scale(.3);opacity:0}}
.deal-flash{position:absolute;top:16px;right:16px;z-index:10;padding:8px 14px;background:linear-gradient(135deg,#ff0066,#ff0044);border-radius:50px;font-size:10px;font-weight:900;color:#fff;letter-spacing:2px;text-transform:uppercase;animation:deal-flash-pulse 1s ease-in-out infinite;box-shadow:0 4px 20px rgba(255,0,68,.5)}
@keyframes deal-flash-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(255,0,68,.5)}50%{transform:scale(1.08);box-shadow:0 4px 30px rgba(255,0,68,.8)}}
.deal.electric .deal-btn,.deal.neon .deal-btn{animation:deal-btn-glow 1.5s ease-in-out infinite;position:relative;z-index:3}
@keyframes deal-btn-glow{0%,100%{box-shadow:0 8px 30px rgba(0,0,0,.3)}50%{box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.15)}}
.deal.electric .deal-price-main,.deal.neon .deal-price-main{animation:deal-price-shine 2s ease-in-out infinite}
@keyframes deal-price-shine{0%,100%{filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}50%{filter:drop-shadow(0 0 35px rgba(0,240,255,.8))}}
.deal.neon .deal-bg{background:linear-gradient(160deg,#001a0d 0%,#003320 50%,#00180a 100%)}
.deal.neon::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 100%,rgba(0,255,136,.15) 0%,transparent 60%);pointer-events:none}
.deal.neon{border:1px solid rgba(0,255,136,.25)}
.deal.neon .deal-tag{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:#00ff88}
.deal.neon .deal-title{color:#fff}
.deal.neon .deal-price-currency,.deal.neon .deal-price-cents{color:#00ff88}
.deal.neon .deal-price-main{background:linear-gradient(135deg,#00ff88,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(0,255,136,.5))}
.deal.neon .deal-ship{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25);color:#00ff88}
.deal.neon .deal-btn{background:linear-gradient(135deg,#00ff88,#00cc66);color:#000}
.deal.magenta .deal-bg{display:none}
.deal.magenta{border:2px solid #ff0044;overflow:hidden;border-radius:20px;box-shadow:0 10px 40px rgba(255,0,68,.3)}
.deal.magenta .deal-header{display:none}
.deal.magenta .deal-tag{display:none}
.deal-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.deal.magenta .deal-glass{background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 65%,rgba(0,0,0,1) 100%);padding:24px 20px;z-index:5;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;border-radius:20px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.deal.magenta .deal-title{font-size:28px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;line-height:1.2;margin:0;padding:16px 24px;background:#000;border:3px solid #fff;border-radius:12px;text-align:center;align-self:center;box-shadow:0 8px 30px rgba(0,0,0,.8)}
.deal.magenta .deal-body{margin:0;padding:0;background:transparent;border:none;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.deal.magenta .deal-price{margin:0;justify-content:center;padding:10px 20px;background:rgba(0,0,0,.7);border-radius:14px}
.deal.magenta .deal-price-currency{color:#ff0044;font-weight:900;font-size:36px;margin-top:10px;text-shadow:0 2px 10px rgba(0,0,0,1)}
.deal.magenta .deal-price-main{color:#ff0044;-webkit-text-fill-color:#ff0044;background:none;font-weight:900;font-size:80px;letter-spacing:-3px;line-height:1;text-shadow:0 4px 15px rgba(0,0,0,1)}
.deal.magenta .deal-price-cents{color:#ff0044;font-weight:900;font-size:36px;margin-top:10px;text-shadow:0 2px 10px rgba(0,0,0,1)}
.deal.magenta .deal-ship{display:none}
.deal.magenta .deal-qty{background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.4);margin:0;padding:10px 20px;border-radius:12px;backdrop-filter:none;-webkit-backdrop-filter:none}
.deal.magenta .deal-qty-btn{width:38px;height:38px;font-size:20px;background:#fff;color:#000;border:none;border-radius:10px;font-weight:900}
.deal.magenta .deal-qty-btn:active{background:#ff0044;color:#fff}
.deal.magenta .deal-qty-val{font-size:26px;color:#fff;min-width:50px;font-weight:800}
.deal.magenta .deal-btn{background:#ff0044;color:#fff;font-weight:900;font-size:16px;padding:18px;text-transform:uppercase;letter-spacing:2px;border-radius:12px;box-shadow:0 6px 25px rgba(255,0,68,.6);border:2px solid rgba(255,255,255,.3)}
.deal.magenta .deal-btn:active{background:#cc0033}
.deal.magenta .deal-cta{width:100%;margin:0}
.deal.magenta .deal-limited{display:none}
.deal-limited{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#ff0066,#ff0088,#ff0066);background-size:200% 100%;animation:limited-flow 2s linear infinite;padding:10px;text-align:center;font-size:11px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:15;border-radius:0 0 22px 22px}
@keyframes limited-flow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.trust-bar{display:none}
.trust-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#666;font-weight:600}
.trust-item span{font-size:13px}
.features{display:flex;flex-direction:column;gap:12px;padding:2px}
.feature{position:relative;height:180px;border-radius:28px;overflow:hidden;cursor:pointer;transition:all .4s var(--ease-out);box-shadow:0 10px 40px rgba(0,0,0,.3)}
.feature:active{transform:scale(.98)}
.feature::before{content:'';position:absolute;inset:-1px;border-radius:29px;z-index:-1;opacity:.4;transition:opacity .3s ease}
.feature:active::before{opacity:.7}
.feature.live::before{background:linear-gradient(135deg,#ffd700,#ff8c00);box-shadow:0 0 15px rgba(255,215,0,.15)}
.feature.shop::before{background:linear-gradient(135deg,#00f0ff,#00ff88);box-shadow:0 0 15px rgba(0,240,255,.15)}
.feature-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.feature:active .feature-img{transform:scale(1.08)}
.feature-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%),linear-gradient(to right,rgba(0,0,0,.8) 0%,transparent 70%)}
.feature::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);z-index:3;transition:left .6s ease}
.feature:active::after{left:150%}
.feature-content{position:relative;z-index:2;height:100%;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}
.feature-text{display:flex;flex-direction:column;gap:8px}
.feature-title{font-family:var(--font);font-size:32px;font-weight:900;letter-spacing:3px;line-height:1.1;text-transform:uppercase}
.feature.live .feature-title{background:linear-gradient(135deg,#fff 0%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.feature.shop .feature-title{background:linear-gradient(135deg,#fff 0%,#00f0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.feature-sub{font-size:13px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px}
.feature-arrow{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.4);flex-shrink:0;transition:transform .3s ease}
.feature:active .feature-arrow{transform:scale(1.1)}
.feature.live .feature-arrow{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#000}
.feature.shop .feature-arrow{background:linear-gradient(135deg,#00f0ff 0%,#00ff88 100%);color:#000}
.feature.live{border:1px solid rgba(255,215,0,.15)}
.feature.live .feature-img{background-image:url('https://cdn.shopify.com/s/files/1/0948/9485/0393/files/Gemini_Generated_Image_wyn8phwyn8phwyn8.jpg?v=1769093253')}
.feature.shop{border:1px solid rgba(0,240,255,.15)}
.feature.shop .feature-img{background-image:url('https://cdn.shopify.com/s/files/1/0948/9485/0393/files/Gemini_Generated_Image_p37irxp37irxp37i.jpg?v=1769093250')}
.new-tag{position:absolute;top:20px;right:20px;z-index:5;background:linear-gradient(135deg,#00ff88,#00cc66);color:#000;font-size:12px;font-weight:900;padding:10px 16px;border-radius:12px;transform:rotate(12deg);box-shadow:0 4px 20px rgba(0,255,136,.4);display:none;letter-spacing:1px}
.new-tag.active{display:block}
.footer{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:100;padding:10px 12px;background:rgba(20,20,20,.9);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}
body.has-notch .footer{bottom:calc(4px + env(safe-area-inset-bottom))}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:70px;padding:10px 8px 14px;text-decoration:none;transition:all .3s var(--ease-out);border-radius:14px;background:rgba(255,255,255,.03);border:1.5px solid transparent;position:relative}
.nav-item::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:20px;height:3px;border-radius:3px;transition:all .3s ease}
.nav-item.active::after{width:26px}
.nav-item:active{transform:scale(.92)}
.nav-icon{font-size:22px;transition:all .3s var(--ease-bounce)}
.nav-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:rgba(255,255,255,.5);transition:all .3s ease}
.nav-news{position:relative}
.nav-news::after{background:#00ff88;box-shadow:0 0 10px #00ff88}
.nav-news.active{border-color:#00ff88;background:rgba(0,255,136,.08);box-shadow:0 0 15px rgba(0,255,136,.3),inset 0 0 15px rgba(0,255,136,.05)}
.nav-news.active .nav-label{color:#00ff88}
.nav-news.active .nav-icon{filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}
.nav-news.has-news{animation:news-mega-blink .6s ease-in-out infinite!important;border-color:#00ff88!important}
.nav-news.has-news .nav-icon{animation:news-icon-shake .4s ease-in-out infinite!important;filter:drop-shadow(0 0 12px #00ff88)!important}
.nav-news.has-news .nav-label{color:#00ff88!important}
.nav-news.has-news .news-badge{animation:badge-mega-pulse .5s ease-in-out infinite!important}
@keyframes news-mega-blink{0%,100%{background:rgba(0,255,136,.08);box-shadow:0 0 15px rgba(0,255,136,.3)}50%{background:rgba(0,255,136,.15);box-shadow:0 0 25px rgba(0,255,136,.5)}}
@keyframes news-icon-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@keyframes badge-mega-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.news-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#ff0044;color:#fff;font-size:10px;font-weight:900;border-radius:9px;display:none;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(255,0,68,.6)}
.news-badge.active{display:flex}
.nav-neu::after{background:linear-gradient(90deg,#ffd700,#ffaa00);box-shadow:0 0 10px rgba(255,215,0,.6)}
.nav-neu.active{border-color:#ffd700;background:rgba(255,215,0,.08);box-shadow:0 0 15px rgba(255,215,0,.3),inset 0 0 15px rgba(255,215,0,.05)}
.nav-neu.active .nav-label{color:#ffd700}
.nav-neu.active .nav-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}
.nav-markt::after{background:linear-gradient(90deg,#00f0ff,#00ffaa);box-shadow:0 0 10px rgba(0,240,255,.6)}
.nav-markt.active{border-color:#00f0ff;background:rgba(0,240,255,.08);box-shadow:0 0 15px rgba(0,240,255,.3),inset 0 0 15px rgba(0,240,255,.05)}
.nav-markt.active .nav-label{color:#00f0ff}
.nav-markt.active .nav-icon{filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}
.markt-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#00f0ff;color:#000;font-size:10px;font-weight:900;border-radius:9px;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,240,255,.5)}
.markt-badge.active{display:flex}
.nav-markt.has-msgs{border-color:rgba(0,240,255,.4)!important;background:rgba(0,240,255,.08)!important}
.nav-markt.has-msgs .nav-icon{filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}
.news-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:none;flex-direction:column;opacity:0;transition:opacity .3s ease}
.news-overlay.active{display:flex;opacity:1}
.news-header{position:sticky;top:0;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 80%,transparent 100%);z-index:10;display:flex;justify-content:space-between;align-items:center}
body.has-notch .news-header{padding-top:calc(20px + env(safe-area-inset-top))}
.news-title{font-size:28px;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#00ff88 0%,#00f0ff 50%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:news-title-glow 3s ease-in-out infinite;background-size:200% 200%}
@keyframes news-title-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.news-close{width:44px;height:44px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .2s}
.news-close:active{transform:scale(.9);background:rgba(255,255,255,.2)}
.news-content{flex:1;overflow-y:auto;padding:0 20px 120px;-webkit-overflow-scrolling:touch}
.news-empty{text-align:center;padding:60px 20px;color:#555}
.news-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}
.news-empty-text{font-size:16px;font-weight:600}
.news-card{position:relative;margin-bottom:12px;border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s var(--ease-out);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}
.news-card:active{transform:scale(.98)}
.news-card:active{transform:scale(.98)}
.news-card.urgent{background:linear-gradient(145deg,#1a0a10 0%,#0d0508 100%);border:2px solid #ff0066;box-shadow:0 10px 40px rgba(255,0,102,.3),inset 0 0 60px rgba(255,0,102,.1)}
.news-card.info{background:linear-gradient(145deg,#0a1a15 0%,#050d0a 100%);border:2px solid #00ff88;box-shadow:0 10px 40px rgba(0,255,136,.2),inset 0 0 60px rgba(0,255,136,.1)}
.news-card.update{background:linear-gradient(145deg,#0a1520 0%,#050a10 100%);border:2px solid #00f0ff;box-shadow:0 10px 40px rgba(0,240,255,.2),inset 0 0 60px rgba(0,240,255,.1)}
.news-card.promo{background:linear-gradient(145deg,#1a1508 0%,#0d0a04 100%);border:2px solid #ffd700;box-shadow:0 10px 40px rgba(255,215,0,.2),inset 0 0 60px rgba(255,215,0,.1)}
.news-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}
.news-card-type{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.news-card.urgent .news-card-type{color:#ff0066}
.news-card.info .news-card-type{color:#00ff88}
.news-card.update .news-card-type{color:#00f0ff}
.news-card.promo .news-card-type{color:#ffd700}
.news-card-type::before{content:'';width:10px;height:10px;border-radius:50%;animation:type-pulse 1.5s ease-in-out infinite}
.news-card.urgent .news-card-type::before{background:#ff0066;box-shadow:0 0 10px #ff0066}
.news-card.info .news-card-type::before{background:#00ff88;box-shadow:0 0 10px #00ff88}
.news-card.update .news-card-type::before{background:#00f0ff;box-shadow:0 0 10px #00f0ff}
.news-card.promo .news-card-type::before{background:#ffd700;box-shadow:0 0 10px #ffd700}
@keyframes type-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
.news-card-time{font-size:11px;color:#555;font-weight:600}
.news-card-body{padding:0 20px 20px}
.news-card-title{font-size:20px;font-weight:900;color:#fff;margin-bottom:10px;line-height:1.3}
.news-card-text{font-size:14px;color:rgba(255,255,255,.7);line-height:1.6}
.news-card-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.news-card-action{padding:10px 20px;border-radius:50px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;transition:transform .2s}
.news-card-action:active{transform:scale(.95)}
.news-card-link{padding:10px 20px;border-radius:50px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.news-card-link:active{transform:scale(.95);background:rgba(255,255,255,.2)}
.news-card.urgent .news-card-action{background:#ff0066;color:#fff}
.news-card.info .news-card-action{background:#00ff88;color:#000}
.news-card.update .news-card-action{background:#00f0ff;color:#000}
.news-card.promo .news-card-action{background:#ffd700;color:#000}
.toast{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-20px);background:rgba(20,20,20,.95);border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 28px;border-radius:100px;font-size:14px;font-weight:700;z-index:99999;opacity:0;transition:all .4s var(--ease-out);pointer-events:none;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.success{border-color:var(--success);color:var(--success)}
.toast.error{border-color:var(--danger);color:var(--danger)}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.order-banner{position:fixed;bottom:85px;left:16px;right:16px;max-width:468px;margin:0 auto;background:linear-gradient(135deg,rgba(0,240,255,.15),rgba(0,240,255,.05));border:1px solid var(--accent);border-radius:14px;padding:12px 16px;display:none;align-items:center;justify-content:space-between;gap:10px;z-index:99;backdrop-filter:blur(10px);cursor:pointer;transition:transform .1s;box-shadow:0 5px 25px rgba(0,240,255,.2)}
.order-banner.active{display:flex;animation:slideUp .3s ease}
.order-banner:active{transform:scale(.98)}
.order-banner-left{display:flex;align-items:center;gap:10px}
.order-banner-icon{font-size:24px;animation:pulse 2s infinite}
.order-banner-text{display:flex;flex-direction:column;gap:2px}
.order-banner-id{font-size:14px;font-weight:900;color:var(--accent);font-family:var(--mono)}
.order-banner-status{font-size:10px;color:rgba(255,255,255,.6)}
.order-banner-arrow{font-size:18px;color:var(--accent)}
.order-banner-close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#000;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent);cursor:pointer}
.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease-out),visibility 0s .4s;background:rgba(0,0,0,.95);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);z-index:10000;overflow-y:auto;padding:24px}
.overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s}
.modal{position:relative;background:linear-gradient(180deg,#151515 0%,#0a0a0a 100%);border:1px solid rgba(255,215,0,.3);padding:32px 24px;border-radius:28px;text-align:center;width:92%;max-width:400px;margin-top:20px;overflow:visible;animation:modal-pop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes modal-pop{0%{opacity:0;transform:scale(.85) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.modal::before{content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);width:50px;height:4px;background:linear-gradient(90deg,#ffd700,#ff00ff);border-radius:4px}
.modal-title{font-size:24px;font-weight:900;margin-bottom:20px;margin-top:8px}
.modal-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff0066,#ff00ff);color:#fff;font-size:11px;font-weight:900;padding:8px 16px;border-radius:50px;letter-spacing:1px;box-shadow:0 0 20px rgba(255,0,102,.5)}
.modal-scroll{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}
.modal-scroll::-webkit-scrollbar{width:4px}
.modal-scroll::-webkit-scrollbar-track{background:transparent}
.modal-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
.gold-btn{background:linear-gradient(135deg,#ffd700 0%,#ffaa00 100%);color:#000;border:none;padding:16px;border-radius:14px;font-family:var(--font);font-weight:900;font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;width:100%;transition:all .2s ease;box-shadow:0 4px 20px rgba(255,215,0,.3)}
.gold-btn:active{transform:scale(.97)}
.cm-img{width:100%;height:160px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:20px;overflow:hidden;border:1px solid rgba(255,215,0,.15);margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.cm-img img{width:100%;height:100%;object-fit:contain;padding:16px}
.cm-price{font-family:var(--mono);font-size:40px;font-weight:700;background:linear-gradient(135deg,#fff,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.cm-ship{font-size:12px;font-weight:800;text-transform:uppercase;background:rgba(0,255,136,.1);color:#00ff88;padding:8px 16px;border-radius:50px;border:1px solid rgba(0,255,136,.25);display:inline-block}
.cm-qty{display:flex;justify-content:center;align-items:center;gap:24px;margin:24px 0;padding:18px;background:rgba(0,0,0,.5);border-radius:18px;border:1px solid rgba(255,255,255,.05)}
.cm-qty-btn{width:54px;height:54px;background:linear-gradient(145deg,#252525,#1a1a1a);color:#ffd700;font-size:26px;font-weight:900;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,215,0,.2);transition:all .15s ease}
.cm-qty-btn:active{transform:scale(.9);background:linear-gradient(135deg,#ffd700,#ffaa00);color:#000}
.cm-qty-val{font-family:var(--mono);font-size:36px;font-weight:700;width:60px}
.pay-option{border-radius:20px;cursor:pointer;transition:all .3s;margin-bottom:12px;overflow:hidden}
.pay-option:active{transform:scale(.98)}
.pay-dp{border:1.5px solid rgba(0,255,136,.25);background:rgba(0,255,136,.04)}
.pay-dp.expanded{border-color:rgba(0,255,136,.4)}
.pay-dp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}
.pay-dp-left{display:flex;align-items:center;gap:12px}
.pay-dp-title{font-size:15px;font-weight:800;color:#fff}
.pay-dp-sub{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}
.pay-dp-badge{background:#00ff88;color:#000;font-size:9px;font-weight:900;padding:4px 10px;border-radius:20px}
.pay-dp-arrow{font-size:12px;color:rgba(255,255,255,.3);transition:transform .3s;margin-left:6px}
.pay-dp.expanded .pay-dp-arrow{transform:rotate(180deg)}
.pay-dp-opts{max-height:0;overflow:hidden;transition:max-height .35s ease;opacity:0}
.pay-dp.expanded .pay-dp-opts{max-height:200px;opacity:1;transition:max-height .35s ease,opacity .25s}
.pay-sub{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer}
.pay-sub:active{background:rgba(255,255,255,.05)}
.pay-sub+.pay-sub{border-top:1px solid rgba(255,255,255,.05)}
.pay-sub-left{display:flex;align-items:center;gap:10px}
.pay-sub-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}
.pay-sub-ic.pp{background:rgba(0,119,181,.15);border:1px solid rgba(0,119,181,.3)}
.pay-sub-ic.bk{background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.25)}
.pay-sub-t{font-size:13px;font-weight:700;color:#fff}
.pay-sub-d{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.pay-sub-go{font-size:14px;color:rgba(255,255,255,.2)}
.pay-shop{border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:space-between;padding:16px 18px}
.pay-shop-t{font-size:14px;font-weight:800;color:#fff}
.pay-shop-s{font-size:10px;color:rgba(255,255,255,.35);margin-top:2px}
.mo-input{background:#0a0a0a;border:1px solid #333;color:#ffd700;font-family:var(--font);padding:14px;border-radius:14px;width:100%;outline:none;margin-bottom:12px;font-size:15px;transition:all .2s ease}
.mo-input:focus{border-color:#ffd700;box-shadow:0 0 0 3px rgba(255,215,0,.1)}
.mo-input::placeholder{color:#555}
.mo-input.error{border-color:#ff0066;animation:shake .3s ease}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
select.mo-input{height:50px}
.btn-load{background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.25);color:#ffd700;padding:14px;border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;margin-bottom:16px;display:none;width:100%}
.timeline{display:flex;flex-direction:column;margin-top:24px;padding-left:10px;position:relative}
.timeline::before{content:'';position:absolute;top:10px;left:17px;width:2px;height:80%;background:#333}
.tl-item{display:flex;align-items:center;gap:15px;padding:18px 0;position:relative;opacity:.3;transition:.3s}
.tl-item.done{opacity:1}
.tl-item.done .tl-dot{background:#00ff88;border-color:#00ff88;box-shadow:0 0 10px #00ff88}
.tl-item.done .tl-text{color:#00ff88}
.tl-item.active{opacity:1}
.tl-item.active .tl-dot{background:#00f0ff;border-color:#fff;box-shadow:0 0 15px #00f0ff;animation:pulse-dot 1s infinite}
.tl-dot{width:18px;height:18px;background:#000;border:2px solid #555;border-radius:50%}
.tl-text{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.tracking-box{margin-top:24px;background:rgba(0,255,136,.05);border:1px solid #00ff88;padding:20px;border-radius:18px;text-align:center;display:none}
.tracking-box.active{display:block}
.tracking-num{font-family:var(--mono);font-size:22px;font-weight:700;margin:14px 0;cursor:pointer}
#alert-overlay{z-index:99999}
.alert-box{background:linear-gradient(180deg,#151515 0%,#0a0a0a 100%);border:1px solid rgba(255,215,0,.4);padding:32px 24px;border-radius:28px;text-align:center;width:92%;max-width:380px;animation:modal-pop .4s cubic-bezier(.34,1.56,.64,1)}
.alert-msg{font-size:16px;margin-bottom:24px;white-space:pre-line;line-height:1.7}
@media(min-width:381px) and (max-width:430px){.deal.magenta .deal-glass{min-height:380px;padding:20px 16px;gap:10px}.deal.magenta .deal-price-main{font-size:68px!important}.deal.magenta .deal-price-currency,.deal.magenta .deal-price-cents{font-size:30px!important}.deal.magenta .deal-title{font-size:24px;padding:14px 22px}.deal.magenta .deal-qty-btn{width:36px;height:36px;font-size:18px}.deal.magenta .deal-qty-val{font-size:24px}.deal.magenta .deal-btn{font-size:15px;padding:16px}}
@media(min-width:500px){.deal-price-main{font-size:80px!important}.deal-glass{padding:32px 28px;min-height:250px}.deal.magenta .deal-glass{min-height:480px;padding:28px}.deal.magenta .deal-price-main{font-size:100px!important}.deal.magenta .deal-price-currency,.deal.magenta .deal-price-cents{font-size:44px!important}.deal.magenta .deal-title{font-size:34px;padding:18px 32px}.deal.magenta .deal-qty-btn{width:44px;height:44px;font-size:24px}.deal.magenta .deal-qty-val{font-size:30px}.deal.magenta .deal-btn{font-size:18px;padding:20px}.hero{height:155px}.feature{height:170px}.feature-title{font-size:28px}.feature-arrow{width:56px;height:56px;font-size:22px}}
.order-modal{max-width:440px;width:94%;max-height:85vh;padding:0;overflow:hidden;border:none;background:linear-gradient(180deg,#111 0%,#080808 100%);border-radius:24px;position:relative;display:flex;flex-direction:column}
.order-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#888;cursor:pointer;z-index:10;transition:all .2s}
.order-close:hover{background:rgba(255,255,255,.2);color:#fff}
.order-progress{display:flex;align-items:center;justify-content:center;padding:16px 16px 12px;gap:0;background:linear-gradient(180deg,rgba(255,215,0,.06) 0%,transparent 100%);flex-shrink:0}
.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:2}
.progress-step span{width:28px;height:28px;background:#1a1a1a;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#666;transition:all .3s}
.progress-step.active span{background:linear-gradient(135deg,#ffd700,#ffaa00);border-color:#ffd700;color:#000;box-shadow:0 0 15px rgba(255,215,0,.4)}
.progress-step.done span{background:#00ff88;border-color:#00ff88;color:#000}
.progress-step .step-label{font-size:9px;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.progress-step.active .step-label{color:#ffd700}
.progress-step.done .step-label{color:#00ff88}
.progress-line{width:50px;height:2px;background:#222;border-radius:2px;margin:0 6px 16px;transition:all .3s}
.progress-line.active{background:linear-gradient(90deg,#ffd700,#ffaa00)}
.order-step{padding:0 20px 20px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.order-step::-webkit-scrollbar{width:3px}
.order-step::-webkit-scrollbar-thumb{background:#333;border-radius:3px}
.order-header{text-align:center;margin-bottom:14px}
.order-header .order-icon{font-size:32px;margin-bottom:4px}
.order-header h2{font-size:18px;font-weight:900;margin-bottom:2px;background:linear-gradient(135deg,#fff,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.order-header p{font-size:11px;color:#666}
.order-summary-mini{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(0,255,136,.08),rgba(0,240,255,.08));border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.osm-item{font-size:12px;color:#fff;font-weight:600}
.osm-price{font-family:var(--mono);font-size:18px;font-weight:700;color:#00ff88}
.osm-badge{background:#00ff88;color:#000;font-size:8px;font-weight:800;padding:3px 6px;border-radius:20px}
.order-form{display:flex;flex-direction:column;gap:10px}
.form-row{display:flex;gap:10px}
.form-row.two-col .form-group{flex:1}
.form-group{display:flex;flex-direction:column;gap:4px}
.form-group.full{width:100%}
.form-group label{font-size:11px;font-weight:700;color:#666;display:flex;align-items:center;gap:4px}
.form-group label .optional{color:#444;font-weight:400;font-size:9px}
.input-wrap{position:relative;display:flex;align-items:center}
.input-icon{position:absolute;left:12px;font-size:14px;z-index:1;opacity:.5}
.fancy-input{width:100%;background:#0a0a0a;border:1px solid #222;color:#fff;font-family:var(--font);font-size:14px;padding:12px 12px 12px 38px;border-radius:12px;outline:none;transition:all .2s}
.fancy-input:focus{border-color:#ffd700;background:#0f0f0f;box-shadow:0 0 0 3px rgba(255,215,0,.1)}
.fancy-input.valid{border-color:#00ff88}
.fancy-input.invalid{border-color:#ff0066;animation:shake .3s}
.fancy-input::placeholder{color:#444}
select.fancy-input{padding-right:12px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.input-error{font-size:10px;color:#ff0066;min-height:12px;padding-left:2px}
.input-hint{font-size:10px;color:#444;padding-left:2px}
.paypal-wrap{background:linear-gradient(90deg,rgba(0,240,255,.03),transparent)}
.paypal-wrap .fancy-input{border-color:rgba(0,240,255,.2)}
.paypal-wrap .fancy-input:focus{border-color:#00f0ff;box-shadow:0 0 0 3px rgba(0,240,255,.1)}
.form-divider{display:flex;align-items:center;gap:10px;margin:4px 0}
.form-divider::before,.form-divider::after{content:'';flex:1;height:1px;background:#1a1a1a}
.form-divider span{font-size:9px;color:#444;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.btn-load-address{background:transparent;border:1px dashed #282828;color:#666;padding:10px;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer;display:none;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:2px}
.btn-load-address:hover{border-color:#ffd700;color:#ffd700}
.btn-load-address.show{display:flex}
.order-btn-next{width:100%;padding:14px;background:linear-gradient(135deg,#ffd700,#ffaa00);color:#000;border:none;border-radius:14px;font-family:var(--font);font-size:15px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;transition:all .2s;box-shadow:0 4px 15px rgba(255,215,0,.25);flex-shrink:0}
.order-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,215,0,.35)}
.order-btn-next:active{transform:scale(.98)}
.order-btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-arrow{font-size:18px;transition:transform .2s}
.order-btn-next:hover .btn-arrow{transform:translateX(3px)}
.order-btns{display:flex;gap:10px;margin-top:14px;flex-shrink:0}
.order-btn-back{flex:1;padding:14px;background:#1a1a1a;color:#888;border:1px solid #282828;border-radius:12px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.order-btn-back:hover{background:#222;color:#fff}
.order-btn-confirm{flex:2;padding:14px;background:linear-gradient(135deg,#00ff88,#00cc66);color:#000;border:none;border-radius:12px;font-family:var(--font);font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;box-shadow:0 4px 15px rgba(0,255,136,.25)}
.order-btn-confirm:hover{box-shadow:0 6px 25px rgba(0,255,136,.35)}
.order-btn-confirm:disabled{opacity:.6;cursor:not-allowed}
.btn-lock{font-size:13px}
.order-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;overflow:hidden}
.oc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,rgba(255,215,0,.08),transparent)}
.oc-product{display:flex;align-items:center;gap:8px}
.oc-qty{background:#ffd700;color:#000;font-size:11px;font-weight:900;padding:3px 8px;border-radius:6px}
.oc-name{font-size:13px;font-weight:700;color:#fff}
.oc-price{font-family:var(--mono);font-size:18px;font-weight:700;color:#00ff88}
.oc-divider{height:1px;background:#151515;margin:0 16px}
.oc-details{padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.oc-row{display:flex;justify-content:space-between;align-items:flex-start}
.oc-label{font-size:11px;color:#555;display:flex;align-items:center;gap:4px}
.oc-value{font-size:12px;color:#fff;text-align:right;max-width:60%}
.oc-pricing{padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.oc-price-row{display:flex;justify-content:space-between;font-size:12px;color:#666}
.oc-price-row.discount{color:#00ff88}
.oc-price-row.discount span:last-child{font-weight:700}
.oc-price-row.shipping{color:#ffaa00}
.oc-price-row.total{color:#fff;font-size:16px;font-weight:900;padding-top:8px;border-top:1px solid #1a1a1a;margin-top:2px}
.oc-price-row.total span:last-child{color:#00ff88}
.oc-lose{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,0,102,.1));border-top:1px solid rgba(255,215,0,.15);font-size:12px;font-weight:700;color:#ffd700}
.oc-lose .lose-icon{font-size:16px}
.order-trust{display:flex;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.order-trust span{font-size:9px;color:#444;display:flex;align-items:center;gap:3px}
.success-animation{text-align:center;padding:30px 0 20px;position:relative}
.success-circle{width:80px;height:80px;background:linear-gradient(135deg,#00ff88,#00cc66);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:success-pop .5s cubic-bezier(.17,.67,.83,.67);box-shadow:0 0 40px rgba(0,255,136,.4)}
@keyframes success-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
.success-check{font-size:40px;color:#000;font-weight:900}
.success-particles{position:absolute;inset:0;pointer-events:none}
.success-particles span{position:absolute;font-size:20px;animation:particle-fly 1s ease-out forwards;opacity:0}
.success-particles span:nth-child(1){top:50%;left:20%;animation-delay:0s}
.success-particles span:nth-child(2){top:30%;left:30%;animation-delay:.1s}
.success-particles span:nth-child(3){top:40%;right:20%;animation-delay:.15s}
.success-particles span:nth-child(4){top:60%;right:30%;animation-delay:.2s}
.success-particles span:nth-child(5){top:50%;left:50%;animation-delay:.25s}
@keyframes particle-fly{0%{transform:translate(0,0) scale(0);opacity:0}50%{opacity:1}100%{transform:translate(var(--x,20px),var(--y,-30px)) scale(1);opacity:0}}
.success-particles span:nth-child(1){--x:-30px;--y:-40px}
.success-particles span:nth-child(2){--x:-50px;--y:-20px}
.success-particles span:nth-child(3){--x:40px;--y:-35px}
.success-particles span:nth-child(4){--x:50px;--y:10px}
.success-particles span:nth-child(5){--x:0px;--y:-50px}
.success-content{text-align:center}
.success-content h2{font-size:24px;font-weight:900;color:#fff;margin-bottom:4px}
.success-content>p{font-size:13px;color:#888;margin-bottom:12px}
.order-id-box{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}
.order-id{font-family:var(--mono);font-size:28px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#00f0ff,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.copy-btn{width:40px;height:40px;background:#1a1a1a;border:1px solid #333;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s}
.copy-btn:hover{background:#222;border-color:#00f0ff}
.payment-box{background:linear-gradient(180deg,#0f1a0f 0%,#0a0f0a 100%);border:2px solid #00ff88;border-radius:20px;padding:20px;margin-bottom:20px}
.payment-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.payment-icon{font-size:32px}
.payment-title{font-size:16px;font-weight:800;color:#fff}
.payment-subtitle{font-size:11px;color:#00ff88}
.payment-amount{text-align:center;margin-bottom:16px}
.payment-amount .currency{font-size:24px;color:#00ff88;font-weight:700;vertical-align:top}
.payment-amount .amount{font-family:var(--mono);font-size:52px;font-weight:700;color:#00ff88;text-shadow:0 0 30px rgba(0,255,136,.5)}
.payment-countdown{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:12px;background:rgba(0,0,0,.3);border-radius:12px}
.countdown-text{font-size:11px;color:#888}
.countdown-timer{width:36px;height:36px;background:linear-gradient(135deg,#ffd700,#ffaa00);color:#000;font-family:var(--mono);font-size:18px;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:countdown-pulse 1s ease-in-out infinite}
@keyframes countdown-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.paypal-btn{width:100%;padding:16px;background:linear-gradient(135deg,#0070ba,#003087);color:#fff;border:none;border-radius:14px;font-family:var(--font);font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 20px rgba(0,112,186,.3)}
.paypal-btn:hover:not(:disabled){box-shadow:0 6px 30px rgba(0,112,186,.5);transform:translateY(-2px)}
.paypal-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}
.paypal-logo{font-style:italic;font-weight:900;letter-spacing:-1px}
.payment-hint{font-size:11px;color:#666;margin-top:12px;text-align:center}
.success-lose{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,0,102,.1));border:1px solid rgba(255,215,0,.3);border-radius:14px;padding:14px;margin-bottom:20px;text-align:center}
.lose-badge{font-size:18px;font-weight:900;color:#ffd700;margin-bottom:4px}
.lose-text{font-size:12px;color:#888}
.success-next{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:#0a0a0a;border-radius:14px}
.next-step{display:flex;align-items:center;gap:12px;font-size:12px;color:#888}
.next-num{width:24px;height:24px;background:#1a1a1a;border:1px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#ffd700;flex-shrink:0}
.track-btn{width:100%;padding:14px;background:transparent;border:1px solid #333;color:#888;border-radius:14px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.track-btn:hover{border-color:#00f0ff;color:#00f0ff}
@media(max-width:420px){
  .order-modal{border-radius:20px;max-height:90vh}
  .order-step{padding:0 16px 16px}
  .order-header h2{font-size:16px}
  .order-progress{padding:14px 14px 10px}
  .progress-line{width:40px}
  .form-row.two-col{flex-direction:column;gap:10px}
  .fancy-input{padding:11px 11px 11px 36px;font-size:13px}
  .input-icon{left:11px;font-size:13px}
  .order-btn-next{padding:12px;font-size:14px}
}
@media(max-height:600px){
  .support-messages{padding:12px;padding-bottom:80px;gap:8px}
  .support-input-wrap{padding:10px 12px}
  .support-input{padding:10px 12px;font-size:16px}
  .support-send,.support-photo-btn{width:40px;height:40px;font-size:16px}
  .support-msg{padding:10px 12px;font-size:13px}
  .support-user-chat-header,.support-mod-chat-header{padding:10px 14px}
  .support-header{padding:12px 16px}
}
@supports(-webkit-touch-callout:none){
  .support-overlay{height:-webkit-fill-available}
  .support-chat,.support-mod-chat{max-height:calc(100% - 120px)}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .support-input,.fancy-input,input[type="text"],textarea{font-size:16px!important}
}
.support-input::-webkit-credentials-auto-fill-button,
.support-input::-webkit-contacts-auto-fill-button,
.support-input::-webkit-credit-card-auto-fill-button{
  visibility:hidden;
  display:none!important;
  pointer-events:none;
  position:absolute;
  right:0
}
.support-hub{flex:1;display:flex;flex-direction:column;overflow:hidden}
.support-hub-tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.support-hub-tab{flex:1;padding:14px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:14px;font-size:12px;font-weight:800;color:#888;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.support-hub-tab:active{transform:scale(.97)}
.support-hub-tab.active{background:linear-gradient(135deg,rgba(255,0,68,.2),rgba(255,0,102,.1));border-color:#ff0044;color:#ff0044}
.hub-tab-badge{min-width:20px;height:20px;padding:0 6px;background:#ff0044;color:#fff;border-radius:10px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.support-hub-tab:not(.active) .hub-tab-badge{background:#333;color:#888}
.support-hub-content{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}
.support-my-tickets{display:flex;flex-direction:column;gap:12px}
.support-new-inner{display:flex;flex-direction:column;gap:14px}
.my-ticket-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;position:relative}
.my-ticket-card:active{transform:scale(.98)}
.my-ticket-card.has-unread{border-color:#ff0044;background:rgba(255,0,68,.05)}
.my-ticket-card.has-unread::before{content:'';position:absolute;top:12px;right:12px;width:12px;height:12px;background:#ff0044;border-radius:50%;animation:unread-pulse 1.5s ease-in-out infinite}
@keyframes unread-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
.my-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.my-ticket-mod{display:flex;align-items:center;gap:8px}
.my-ticket-mod-avatar{font-size:24px}
.my-ticket-mod-name{font-size:14px;font-weight:800;color:#fff}
.my-ticket-time{font-size:11px;color:#666}
.my-ticket-preview{font-size:13px;color:#aaa;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-ticket-meta{display:flex;gap:8px;flex-wrap:wrap}
.my-ticket-tag{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700}
.my-ticket-tag.order{background:rgba(0,240,255,.15);color:#00f0ff}
.my-ticket-tag.unread{background:#ff0044;color:#fff}
.my-ticket-tag.waiting{background:rgba(255,170,0,.15);color:#ffaa00}
.pal-section{display:none;position:relative}
.pal-section.active{display:block;animation:palFadeIn .6s ease}
@keyframes palFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.pal-card{background:linear-gradient(135deg,#0d0805,#1a120a 50%,#0d0805);border:2px solid rgba(212,175,55,.3);border-radius:28px;overflow:hidden;position:relative;box-shadow:0 0 60px rgba(212,175,55,.1),0 20px 60px rgba(0,0,0,.5)}
.pal-card::before{content:'';position:absolute;inset:-2px;border-radius:30px;background:linear-gradient(135deg,#D4AF37,#ff8c00,#D4AF37,#ff8c00);z-index:-1;opacity:.4;animation:palGlow 4s ease-in-out infinite}
@keyframes palGlow{0%,100%{opacity:.3}50%{opacity:.6}}
.pal-header{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(255,140,0,.1));padding:20px 22px 16px;border-bottom:1px solid rgba(212,175,55,.15);position:relative;overflow:hidden}
.pal-header::after{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(212,175,55,.08),transparent 70%);pointer-events:none}
.pal-live{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff0044,#ff0066);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:900;color:#fff;letter-spacing:1px;margin-bottom:10px;animation:palPulse 2s ease-in-out infinite}
@keyframes palPulse{0%,100%{box-shadow:0 0 10px rgba(255,0,68,.3)}50%{box-shadow:0 0 25px rgba(255,0,68,.5)}}
.pal-live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.pal-title{font-size:24px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:12px}
.pal-title-text{background:linear-gradient(135deg,#fff,#D4AF37);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pal-title-icon{font-size:34px;filter:drop-shadow(0 0 10px rgba(212,175,55,.4))}
.pal-sub{font-size:12px;color:rgba(255,255,255,.5);font-weight:600;margin-top:6px;letter-spacing:1px}
.pal-variants{padding:14px;display:flex;flex-direction:column;gap:10px}
.pal-item{background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}
.pal-item:active{transform:scale(.98)}
.pal-item.sold{pointer-events:none}
.pal-item.sold::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:5;border-radius:20px}
.pal-inner{display:flex;align-items:center;gap:14px;padding:14px 16px}
.pal-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(255,140,0,.1));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;border:1px solid rgba(212,175,55,.2)}
.pal-info{flex:1;min-width:0}
.pal-name{font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-desc{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;margin-top:2px}
.pal-price{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--primary-light);flex-shrink:0}
.pal-buy{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#D4AF37,#ff8c00);border:none;color:#000;font-family:var(--font);font-size:13px;font-weight:900;letter-spacing:1.5px;cursor:pointer;text-transform:uppercase}
.pal-buy:active{filter:brightness(.9)}
.pal-item.sold .pal-buy{background:linear-gradient(135deg,#00ff88,#00cc66);color:#000}
.pal-sold-tag{position:absolute;top:12px;right:12px;z-index:10;background:#00ff88;color:#000;font-size:10px;font-weight:900;padding:4px 10px;border-radius:8px;letter-spacing:1px}
.pal-buyer{position:absolute;bottom:48px;left:0;right:0;z-index:10;text-align:center;font-size:18px;font-weight:900;color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.5);animation:buyerPop .5s var(--ease-bounce)}
@keyframes buyerPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.pal-footer{padding:10px 22px 16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}
.pal-footer-info{font-size:10px;color:rgba(255,255,255,.3);font-weight:600}
.pal-footer-count{font-size:12px;color:var(--primary);font-weight:800}
.pal-pay-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.92);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:none;align-items:center;justify-content:center;padding:20px}
.pal-pay-overlay.active{display:flex}
.pal-pay-modal{background:#0a0a0a;border:1px solid rgba(212,175,55,.3);border-radius:28px;padding:28px 24px;max-width:380px;width:100%;position:relative;box-shadow:0 0 60px rgba(212,175,55,.15)}
.pal-pay-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer}
.pal-pay-close:active{transform:scale(.9)}
.pal-pay-header{text-align:center;margin-bottom:24px}
.pal-pay-amount{font-family:var(--mono);font-size:36px;font-weight:700;color:var(--primary-light);margin-top:4px}
.pal-pay-variant{font-size:12px;color:rgba(255,255,255,.4);margin-top:4px;font-weight:600}
.pal-pay-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.pal-pay-opt{display:flex;align-items:center;gap:14px;padding:18px 16px;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.1);border-radius:18px;cursor:pointer;transition:all .25s ease}
.pal-pay-opt:active{transform:scale(.98)}
.pal-pay-opt:hover{border-color:var(--primary);background:rgba(212,175,55,.05)}
.pal-pay-opt-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.pal-pay-opt.dp .pal-pay-opt-icon{background:linear-gradient(135deg,rgba(0,240,255,.15),rgba(0,255,136,.1));border:1px solid rgba(0,240,255,.2)}
.pal-pay-opt.bank .pal-pay-opt-icon{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(255,140,0,.1));border:1px solid rgba(212,175,55,.2)}
.pal-pay-opt-text{flex:1}
.pal-pay-opt-title{font-size:15px;font-weight:800;color:#fff}
.pal-pay-opt-sub{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;margin-top:2px}
.pal-pay-opt-arrow{font-size:18px;color:rgba(255,255,255,.3)}
.bank-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:none;align-items:center;justify-content:center;padding:20px}
.bank-overlay.active{display:flex}
.bank-modal{background:#0a0a0a;border:1px solid rgba(212,175,55,.3);border-radius:28px;padding:28px 24px;max-width:380px;width:100%;max-height:90vh;overflow-y:auto}
.bank-header{text-align:center;margin-bottom:20px}
.bank-amount{font-family:var(--mono);font-size:32px;font-weight:700;color:var(--primary-light);margin-top:6px}
.bank-info-box{background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.2);border-radius:18px;padding:18px;margin-bottom:16px}
.bank-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.bank-row:last-child{border-bottom:none}
.bank-label{font-size:11px;color:rgba(255,255,255,.4);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.bank-value{font-size:14px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
.bank-copy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 8px;font-size:10px;color:#aaa;cursor:pointer;font-weight:700}
.bank-copy:active{background:var(--primary);color:#000}
.bank-warn{background:rgba(255,0,102,.08);border:1px solid rgba(255,0,102,.2);border-radius:14px;padding:14px;font-size:12px;color:#ff6688;text-align:center;line-height:1.5;font-weight:600;margin-bottom:16px}
.bank-btn{width:100%;padding:16px;background:linear-gradient(135deg,#D4AF37,#ff8c00);border:none;border-radius:16px;color:#000;font-family:var(--font);font-size:14px;font-weight:900;letter-spacing:1px;cursor:pointer;margin-bottom:8px}
.bank-btn:active{filter:brightness(.9);transform:scale(.98)}
.bank-cancel{width:100%;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:rgba(255,255,255,.4);font-family:var(--font);font-size:12px;cursor:pointer}
.meinebox-section{display:none;margin-top:4px}.meinebox-section.active{display:block;animation:mbFadeIn .6s ease}@keyframes mbFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.meinebox-wrap{background:linear-gradient(160deg,#0a0806,#121008 40%,#0a0806);border:2px solid rgba(255,0,68,.4);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 0 40px rgba(255,0,68,.12),0 20px 60px rgba(0,0,0,.5)}.meinebox-wrap::before{content:'';position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,#ff0044,#ff6600,#ffd700,#ff0044);background-size:300% 300%;animation:mb-border-flow 3s linear infinite;z-index:-1;opacity:.5}@keyframes mb-border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.mb-time-banner{background:linear-gradient(135deg,#ff0044,#ff0066);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.mb-time-banner::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:mb-banner-shine 2.5s ease-in-out infinite}@keyframes mb-banner-shine{0%{left:-100%}100%{left:200%}}.mb-time-left{display:flex;align-items:center;gap:8px}.mb-time-icon{font-size:18px;animation:mb-clock-pulse 1.5s ease-in-out infinite}@keyframes mb-clock-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.mb-time-label{font-size:13px;font-weight:900;color:#fff;letter-spacing:1px}.mb-time-window{font-family:var(--mono);font-size:15px;font-weight:900;color:#fff;background:rgba(0,0,0,.3);padding:5px 12px;border-radius:8px;letter-spacing:1px}.mb-time-status{font-size:11px;font-weight:800;padding:5px 12px;border-radius:20px;letter-spacing:.5px;white-space:nowrap;background:rgba(0,255,136,.25);color:#00ff88;animation:mb-status-pulse 2s ease-in-out infinite}@keyframes mb-status-pulse{0%,100%{box-shadow:0 0 8px rgba(0,255,136,.3)}50%{box-shadow:0 0 16px rgba(0,255,136,.5)}}.mb-header{padding:14px 16px 8px;text-align:center}.mb-title{font-size:20px;font-weight:900;letter-spacing:3px;color:#fff;text-transform:uppercase}.mb-subtitle{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;margin-top:2px}.mb-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 10px 12px}.mb-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1.5px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .3s;position:relative}.mb-card:active{transform:scale(.96)}.mb-card-size{position:absolute;top:6px;left:6px;z-index:5;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:1px;color:#fff}.mb-card.size-m .mb-card-size{background:linear-gradient(135deg,#00f0ff,#0099ff)}.mb-card.size-l .mb-card-size{background:linear-gradient(135deg,#ffd700,#ff8c00)}.mb-card.size-xl .mb-card-size{background:linear-gradient(135deg,#ff0044,#ff0066)}.mb-card-img{width:100%;aspect-ratio:1/1;background:#0a0a0a;overflow:hidden;position:relative}.mb-card-img img{width:100%;height:100%;object-fit:cover}.mb-premium{position:absolute;bottom:4px;left:4px;right:4px;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;padding:4px 6px;text-align:center;font-size:8px;font-weight:800;color:#ffd700;letter-spacing:.8px;text-transform:uppercase;border:1px solid rgba(255,215,0,.25)}.mb-card-body{padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.mb-card-name{font-size:13px;font-weight:900;color:#fff;text-align:center;line-height:1.2}.mb-card-ship{font-size:9px;font-weight:700;color:#00ff88;letter-spacing:.5px}.mb-card-price{font-family:var(--mono);font-size:20px;font-weight:900;letter-spacing:-1px;text-align:center}.mb-card.size-m .mb-card-price{color:#00f0ff}.mb-card.size-l .mb-card-price{color:#ffd700}.mb-card.size-xl .mb-card-price{color:#ff0044}.mb-card-cents{font-size:12px;vertical-align:super;margin-left:1px}.mb-card-btn{width:calc(100% - 12px);margin:0 6px 8px;padding:10px 6px;border:none;border-radius:10px;font-family:var(--font);font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;color:#000}.mb-card-btn:active{transform:scale(.94)}.mb-card.size-m .mb-card-btn{background:linear-gradient(135deg,#00f0ff,#00cc99);box-shadow:0 4px 15px rgba(0,240,255,.3)}.mb-card.size-l .mb-card-btn{background:linear-gradient(135deg,#ffd700,#ffaa00);box-shadow:0 4px 15px rgba(255,215,0,.3)}.mb-card.size-xl .mb-card-btn{background:linear-gradient(135deg,#ff0044,#ff3366);color:#fff;box-shadow:0 4px 15px rgba(255,0,68,.3)}.mb-footer{padding:8px 16px 12px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.mb-countdown{font-size:12px;color:rgba(255,255,255,.5);font-weight:700}.mb-countdown span{color:#ff0044;font-family:var(--mono);font-weight:900}.mb-ibo{font-size:10px;color:rgba(255,255,255,.3);margin-top:4px}.mb-ibo span{color:rgba(255,255,255,.5);font-weight:700}@media(max-width:380px){.mb-grid{gap:6px;padding:6px 8px 10px}.mb-card-name{font-size:12px}.mb-card-price{font-size:18px}.mb-card-btn{font-size:10px;padding:8px 4px}.mb-time-label{font-size:11px}.mb-time-window{font-size:13px;padding:4px 8px}.mb-premium{font-size:7px;padding:3px 4px}}

/* ═══ DAILY TRESOR BAR — REMOVED ═══ */

/* ==================== ACCESSIBILITY & SMALL SCREEN FIXES ==================== */

/* Very small phones (iPhone SE, Galaxy A-series, etc.) */
@media(max-width:350px){
  .scroll{padding:80px 14px 110px}
  .header{padding:10px 14px 12px}
  .brand{font-size:20px;letter-spacing:2px}
  .brand-sub{font-size:10px}
  .h-btn{width:38px;height:38px}
  .h-btn.sos{padding:0 12px;font-size:11px;letter-spacing:1px}
  .hero{height:120px;border-radius:20px}
  .hero-inner{padding:14px}
  .hero-left h2{font-size:24px;letter-spacing:1px}
  .hero-badge{padding:5px 10px;font-size:9px}
  .hero-stats{gap:6px;margin-top:8px}
  .hero-stat{padding:5px 10px;border-radius:8px}
  .hero-stat-label{font-size:8px}
  .hero-stat-value{font-size:12px}
  .hero-right{padding:8px 10px;border-radius:12px;gap:5px}
  .feature{height:150px;border-radius:20px}
  .feature-title{font-size:24px;letter-spacing:2px}
  .feature-arrow{width:42px;height:42px;font-size:16px}
  .deal-glass{padding:18px 16px 24px;min-height:180px;border-radius:20px}
  .deal-title{font-size:16px;letter-spacing:1px;margin-bottom:12px}
  .deal-price-main{font-size:52px!important;letter-spacing:-2px}
  .deal.magenta .deal-glass{min-height:320px;padding:16px 14px}
  .deal.magenta .deal-title{font-size:20px;padding:10px 16px}
  .deal.magenta .deal-price-main{font-size:52px!important}
  .deal.magenta .deal-price-currency,.deal.magenta .deal-price-cents{font-size:22px!important}
  .deal.magenta .deal-btn{font-size:13px;padding:14px}
  .deal.magenta .deal-qty-btn{width:32px;height:32px;font-size:16px}
  .deal.magenta .deal-qty-val{font-size:20px}
  .content{gap:10px}
}

/* Large font / accessibility zoom override — prevent text overflow */
@media(max-width:420px){
  .hero-left h2{font-size:min(32px,8vw)}
  .feature-title{font-size:min(32px,8vw)}
  .deal-price-main{font-size:min(72px,18vw)!important}
  .brand{font-size:min(24px,6.5vw)}
  .deal-title{font-size:min(20px,5vw)}
  .hero-stat-value{font-size:min(15px,4vw)}
}

/* Prevent text clipping on all elements */
  .hero-left h2,.feature-title,.deal-title,.brand{overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.hero-badge,.hero-stat-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-price-wrap{overflow:hidden}

/* ═══════════════════════════════════════════════════
   🔥 LIVE AUCTION CARD
   ═══════════════════════════════════════════════════ */
#section-auction{display:none;margin:12px 0}
.auc-card{background:var(--card,#0d0d12);border-radius:20px;border:1.5px solid rgba(255,107,0,.2);overflow:hidden}
.auc-card-header{background:linear-gradient(135deg,#ff6b00,#ff3d00);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.auc-card-header .left{display:flex;align-items:center;gap:10px}
.auc-card-header .title{font-weight:800;font-size:14px;letter-spacing:.8px;color:#fff}
.auc-card-header .sub{font-size:10px;opacity:.85;color:#fff}
.auc-live-dot{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.3);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;color:#fff}
.auc-live-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:#ff0000;animation:aucPulse 1s infinite;box-shadow:0 0 6px #ff0000}
@keyframes aucPulse{0%,100%{opacity:1}50%{opacity:.3}}
.auc-card-product{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.auc-card-product .img{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-size:26px;border:1px solid rgba(255,255,255,.06);flex-shrink:0}
.auc-card-product .name{font-weight:700;font-size:14px;color:#fff}
.auc-card-product .meta{color:rgba(255,255,255,.5);font-size:11px;margin-top:2px}
.auc-card-product .bidders{display:inline-flex;align-items:center;gap:4px;background:rgba(255,107,0,.12);border-radius:6px;padding:2px 7px;margin-top:4px;color:#ff6b00;font-size:10px;font-weight:600}
.auc-timer-wrap{padding:12px 16px}
.auc-timer-box{background:rgba(255,255,255,.03);border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);transition:border-color .3s}
.auc-timer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.auc-timer-label{color:rgba(255,255,255,.5);font-size:11px;font-weight:600}
.auc-timer-val{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;transition:color .3s}
.auc-timer-bar{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
.auc-timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background .5s}
.auc-idle-msg{text-align:center;padding:18px;color:rgba(255,255,255,.45);font-size:13px}
.auc-highest-wrap{padding:0 16px 10px}
.auc-highest-box{background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(255,107,0,.06));border-radius:12px;padding:10px 14px;border:1px solid rgba(255,215,0,.12);display:flex;align-items:center;justify-content:space-between}
.auc-highest-box .lbl{color:rgba(255,255,255,.5);font-size:9px;font-weight:700;letter-spacing:1px}
.auc-highest-box .hname{color:#fff;font-weight:700;font-size:13px}
.auc-highest-box .hamount{color:#00e676;font-size:20px;font-weight:800;text-shadow:0 0 12px rgba(0,230,118,.25)}
.auc-bids-wrap{padding:0 16px}
.auc-bids-title{color:rgba(255,255,255,.25);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px}
.auc-bids-list{max-height:170px;overflow-y:auto;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.15)}
.auc-bid{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.03)}
.auc-bid:last-child{border-bottom:none}
.auc-bid.top{background:rgba(255,215,0,.04)}
.auc-bid .info{display:flex;align-items:center;gap:8px}
.auc-bid .av{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:13px;border:1px solid rgba(255,255,255,.06)}
.auc-bid.top .av{border:2px solid rgba(255,215,0,.35)}
.auc-bid .bname{font-weight:500;font-size:12px;color:#fff}
.auc-bid.top .bname{color:#ffd700;font-weight:700}
.auc-bid .btime{color:rgba(255,255,255,.25);font-size:9px}
.auc-bid .bamt{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.65)}
.auc-bid.top .bamt{color:#00e676;font-size:15px}
.auc-bids-empty{padding:20px;text-align:center;color:rgba(255,255,255,.25);font-size:12px}
.auc-input-area{padding:14px 16px 16px;display:flex;gap:8px}
.auc-input-wrap{flex:1;position:relative;display:flex;align-items:center}
.auc-bid-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 36px 13px 14px;color:#fff;font-size:16px;font-weight:600;outline:none;font-family:inherit}
.auc-bid-input:focus{border-color:#ff6b00}
.auc-euro-sign{position:absolute;right:12px;color:rgba(255,255,255,.25);font-size:15px;font-weight:700}
.auc-bid-btn{background:linear-gradient(135deg,#00c853,#00e676);color:#000;border:none;border-radius:12px;padding:0 22px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(0,200,83,.25);min-height:48px}
.auc-bid-btn:active{transform:scale(.96)}
.auc-my-bid-msg{text-align:center;color:#00e676;font-size:11px;font-weight:500;padding:0 16px 12px}
.auc-winner-display{text-align:center;padding:16px}
.auc-winner-display .trophy{font-size:28px;margin-bottom:4px}
.auc-winner-display .wn{color:#ffd700;font-size:18px;font-weight:800}
.auc-winner-display .wa{color:#00e676;font-size:22px;font-weight:800;margin-top:2px}
.auc-winner-display .wl{color:rgba(255,255,255,.5);font-size:11px;margin-top:4px}
.auc-card-footer{padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.04);text-align:center}
.auc-card-footer span{color:rgba(255,255,255,.2);font-size:9px;letter-spacing:1px}
input.auc-bid-input[type="number"]::-webkit-inner-spin-button,input.auc-bid-input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none}
input.auc-bid-input[type="number"]{-moz-appearance:textfield}
/* NAME GATE */
.auc-name-gate{padding:24px 16px;text-align:center}
.auc-name-icon{font-size:36px;margin-bottom:8px}
.auc-name-title{font-size:17px;font-weight:800;color:#fff;margin-bottom:4px}
.auc-name-sub{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:16px}
.auc-name-row{display:flex;gap:8px}
.auc-name-input{flex:1;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;font-weight:600;outline:none;font-family:inherit}
.auc-name-input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.15)}
.auc-name-input::placeholder{color:rgba(255,255,255,.25);font-weight:400}
.auc-name-btn{background:linear-gradient(135deg,#ff6b00,#ff3d00);color:#fff;border:none;border-radius:12px;padding:0 24px;font-size:14px;font-weight:800;cursor:pointer;letter-spacing:1px;white-space:nowrap;min-height:48px}
.auc-name-btn:active{transform:scale(.96)}
/* USER BAR */
.auc-user-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,107,0,.04)}
.auc-user-av{width:28px;height:28px;border-radius:50%;background:rgba(255,107,0,.15);display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid rgba(255,107,0,.25)}
.auc-user-name{flex:1;font-size:13px;font-weight:700;color:#fff}
.auc-user-edit{font-size:14px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}
.auc-user-edit:active{background:rgba(255,255,255,.08)}

/* ═══════════════════════════════════════
   MEINE GEWINNE — WINNER CARDS v2
   ═══════════════════════════════════════ */
#myWinsSection { padding: 0; margin-bottom: 0; }
.mw-section { padding: 0; }
.mw-title {
  font-size: 10px; font-weight: 900; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,255,255,.22);
  padding: 14px 0 8px;
}

/* ── Haupt-Card ── */
.mwc {
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg, #10100a, #0a0b14);
  border: 1.5px solid rgba(212,168,52,.25);
  margin-bottom: 8px;
  cursor: pointer;
  transform: translateZ(0);
  transition: border-color .3s;
}
.mwc:last-child { margin-bottom: 0; }
.mwc.mwc-open { border-color: rgba(212,168,52,.6); }
.mwc.mwc-is-paid { border-color: rgba(0,200,100,.2); }
.mwc.mwc-is-paid.mwc-open { border-color: rgba(0,200,100,.5); }

/* ── Header (immer sichtbar) ── */
.mwc-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
.mwc-trophy {
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #c49820, #7a5010);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  box-shadow: 0 4px 14px rgba(212,168,52,.3);
}
.mwc-is-paid .mwc-trophy {
  background: linear-gradient(135deg, #00c864, #007a3c);
  box-shadow: 0 4px 14px rgba(0,200,100,.25);
}
.mwc-head-info { flex: 1; min-width: 0; }
.mwc-name {
  font-size: 15px; font-weight: 900; color: #fff;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  line-height: 1.2;
}
.mwc-sub {
  font-size: 10px; color: rgba(255,255,255,.3);
  font-weight: 600; letter-spacing: .3px; margin-top: 2px;
}
.mwc-is-paid .mwc-sub { color: rgba(0,200,100,.6); }
.mwc-price {
  font-size: 22px; font-weight: 900;
  color: #d4a834;
  font-variant-numeric: tabular-nums;
  white-space: nowrap; flex-shrink: 0;
  font-family: 'Space Mono', monospace;
}
.mwc-is-paid .mwc-price { color: rgba(255,255,255,.3); text-decoration: line-through; font-size: 16px; }
.mwc-chevron {
  font-size: 20px; color: rgba(255,255,255,.2);
  flex-shrink: 0; font-weight: 300;
  transition: transform .3s cubic-bezier(.16,1,.3,1);
  line-height: 1;
}
.mwc.mwc-open .mwc-chevron { transform: rotate(90deg); }

/* ── Body (ausgeklappt) ── */
.mwc-body {
  display: none;
  border-top: 1px solid rgba(212,168,52,.1);
}
.mwc.mwc-open .mwc-body { display: block; }
.mwc-is-paid .mwc-body { border-top-color: rgba(0,200,100,.1); }

/* Foto */
.mwc-photo {
  width: 100%; aspect-ratio: 16/7; object-fit: cover;
  display: block;
}
.mwc-photo-ph {
  width: 100%; aspect-ratio: 16/7;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, #1c1400, #0a0b18);
  font-size: 52px;
}

/* Details */
.mwc-details { padding: 14px 16px 12px; }
.mwc-detail-name {
  font-size: 17px; font-weight: 900; color: #fff;
  margin-bottom: 10px; line-height: 1.3;
}
.mwc-detail-price {
  display: flex; flex-direction: column; gap: 3px;
}
.mwc-detail-price span {
  font-size: 12px; color: rgba(255,255,255,.35); font-weight: 600;
}
.mwc-total {
  font-size: 18px !important; font-weight: 900 !important;
  color: #d4a834 !important;
  margin-top: 4px;
  font-family: 'Space Mono', monospace;
}

/* Buttons */
.mwc-btns {
  display: flex; gap: 8px;
  padding: 0 16px 16px;
}
.mwc-btn {
  flex: 1; padding: 14px 8px;
  border-radius: 13px; border: none; cursor: pointer;
  font-size: 13px; font-weight: 900;
  letter-spacing: .5px;
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s;
}
.mwc-btn:active { transform: scale(.96); }
.mwc-btn-dp {
  background: linear-gradient(135deg, #c49820, #7a5010);
  color: #000;
}
.mwc-btn-shop {
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.1);
}
.mwc-btn-wait {
  flex: 1; padding: 14px;
  border-radius: 13px; border: none;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.25);
  font-size: 12px; font-weight: 700;
  margin: 0 16px 16px;
  width: calc(100% - 32px);
}
.mwc-paid {
  padding: 14px 16px 16px;
  text-align: center;
  font-size: 14px; font-weight: 900;
  color: rgba(0,200,100,.8);
  letter-spacing: .5px;
}

/* ═══════════════════════════════════════
   AUCTION-ADDON — PENDING WINNERS
   ═══════════════════════════════════════ */

#aucPendingSection { border-top:1px solid rgba(255,255,255,.06); }
#aucPendingSection.empty { display:none!important; }

.auc-pending-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 10px;
}
.auc-pending-title-text {
  font-size:10px; font-weight:900; letter-spacing:2px;
  text-transform:uppercase; color:rgba(255,255,255,.22);
}
.auc-pending-count {
  font-size:11px; font-weight:900;
  background:rgba(255,80,0,.15); color:rgba(255,120,50,.9);
  border:1px solid rgba(255,80,0,.3);
  border-radius:20px; padding:3px 10px;
}

.auc-pending-list {
  display:flex; flex-direction:column; gap:8px;
  padding:0 12px 16px;
}

/* ══════════════════════════════
   WINNER CARD — VOLLSTÄNDIG NEU
   ══════════════════════════════ */
.auc-pw {
  border-radius:20px;
  overflow:hidden;
  position:relative;
  transform:translateZ(0);
  /* Leuchtender Rand */
  box-shadow:
    0 0 0 1.5px rgba(212,168,52,.5),
    0 8px 32px rgba(0,0,0,.5),
    0 0 40px rgba(212,168,52,.08);
  transition:box-shadow .3s;
}
.auc-pw.open {
  box-shadow:
    0 0 0 2px rgba(212,168,52,.9),
    0 12px 40px rgba(0,0,0,.6),
    0 0 60px rgba(212,168,52,.2);
}

/* Farbiger Hintergrund-Gradient pro Karte */
.auc-pw-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 16px 14px; gap:14px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  background:linear-gradient(135deg, #1a1200 0%, #0e0a00 40%, #0a0b18 100%);
  position:relative;
  overflow:hidden;
}
/* Glühender Schimmer links */
.auc-pw-header::before {
  content:'';
  position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 100% at 0% 50%, rgba(212,168,52,.18) 0%, transparent 65%);
  pointer-events:none;
}

.auc-pw-left { flex:1; min-width:0; z-index:1; }

.auc-pw-badge-row {
  display:flex; align-items:center; gap:8px; margin-bottom:7px;
}
.auc-pw-won-badge {
  font-size:9px; font-weight:900; letter-spacing:2px; text-transform:uppercase;
  background:linear-gradient(135deg,#d4a834,#7a5010);
  color:#000; border-radius:20px; padding:4px 10px;
  box-shadow:0 2px 10px rgba(212,168,52,.4);
}
.auc-pw-time {
  font-size:10px; color:rgba(255,255,255,.3); font-weight:600;
}

.auc-pw-tiktok {
  font-size:19px; font-weight:900; color:#fff; line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.auc-pw-product-label {
  font-size:12px; color:rgba(255,255,255,.4); font-weight:600;
  margin-top:3px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.auc-pw-right {
  display:flex; flex-direction:column;
  align-items:flex-end; gap:7px; flex-shrink:0; z-index:1;
}
.auc-pw-amount {
  font-size:28px; font-weight:900; line-height:1;
  background:linear-gradient(135deg,#ffd700,#d4a834);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  font-family:'Space Mono',monospace;
  filter:drop-shadow(0 2px 8px rgba(212,168,52,.5));
}
.auc-pw-euro { font-size:18px; }

/* "Bezahlen ›" Button – leuchtend, pulsierend */
.auc-pw-cta-btn {
  font-size:11px; font-weight:900; letter-spacing:1px;
  background:linear-gradient(90deg,#c49820,#7a5010,#c49820);
  background-size:200% 100%;
  animation:aucCtaPulse 2.5s linear infinite;
  color:#000; border-radius:20px; padding:5px 12px;
  box-shadow:0 3px 14px rgba(212,168,52,.45);
}
@keyframes aucCtaPulse{0%{background-position:0% 0}100%{background-position:200% 0}}

.auc-pw-paid-badge {
  font-size:10px; font-weight:900; letter-spacing:.5px;
  background:rgba(34,197,94,.12); color:#22c55e;
  border:1px solid rgba(34,197,94,.3);
  border-radius:20px; padding:5px 12px;
}

/* ══════════════════════════════
   PAY AREA (aufgeklappt)
   ══════════════════════════════ */
.auc-pay-area {
  background:linear-gradient(180deg,#0f0c00,#080a16);
  padding:14px 14px 16px;
  border-top:1px solid rgba(212,168,52,.15);
  display:flex!important; flex-direction:column; gap:8px;
}
.auc-pw:not(.open) .auc-pay-area { display:none!important; }

.auc-pay-group { display:flex; flex-direction:column; gap:6px; }

/* DirectPay – gold, groß, auffällig */
.auc-pay-main {
  display:flex; align-items:center; gap:14px;
  width:100%; padding:16px;
  border-radius:16px; border:none; cursor:pointer;
  text-align:left; -webkit-tap-highlight-color:transparent;
  transition:transform .15s;
}
.auc-pay-main:active { transform:scale(.97); }

.auc-pay-main.dp {
  background:linear-gradient(90deg,#bf8e18 0%,#7a5010 40%,#bf8e18 80%,#7a5010 100%);
  background-size:300% 100%;
  animation:aucPayShine 3s linear infinite;
  box-shadow:0 6px 24px rgba(212,168,52,.4);
}
@keyframes aucPayShine{0%{background-position:0% 0}100%{background-position:100% 0}}

.auc-pay-main.sh {
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}
.auc-pay-main.sh:disabled { opacity:.35; cursor:default; animation:none; }

.auc-pay-main-ic { font-size:26px; flex-shrink:0; }
.auc-pay-main-texts { flex:1; min-width:0; }

.auc-pay-main-title {
  font-size:15px; font-weight:900; color:#000;
  display:flex; align-items:center; gap:8px;
}
.auc-pay-main.sh .auc-pay-main-title { color:#fff; }
.auc-pay-main.sh:disabled .auc-pay-main-title { color:rgba(255,255,255,.3); }

.auc-pay-main-sub {
  font-size:11px; color:rgba(0,0,0,.4); font-weight:600; margin-top:3px;
}
.auc-pay-main.sh .auc-pay-main-sub { color:rgba(255,255,255,.3); }

.auc-pay-main-chevron {
  font-size:22px; color:rgba(0,0,0,.25); flex-shrink:0;
  transition:transform .25s;
}
.auc-pay-main.sh .auc-pay-main-chevron { color:rgba(255,255,255,.2); }

.auc-pb-badge {
  font-size:9px; font-weight:900;
  background:rgba(0,0,0,.18); color:rgba(0,0,0,.6);
  padding:2px 8px; border-radius:10px; letter-spacing:.5px;
}

/* PayPal + Bank Sub-Buttons */
.auc-pay-sub-wrap {
  display:none; flex-direction:column; gap:5px; padding-top:4px;
}
.auc-pay-sub-wrap.open { display:flex; }

.auc-pay-sub {
  display:flex; align-items:center; gap:12px;
  padding:13px 16px; border-radius:13px; cursor:pointer;
  -webkit-tap-highlight-color:transparent; transition:transform .15s;
}
.auc-pay-sub:active { transform:scale(.97); }
.auc-pay-sub.paypal {
  background:linear-gradient(135deg,rgba(0,112,186,.18),rgba(0,50,135,.12));
  border:1px solid rgba(0,112,186,.4);
}
.auc-pay-sub.bank {
  background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(16,120,60,.08));
  border:1px solid rgba(34,197,94,.3);
}
.auc-pay-sub-ic { font-size:22px; flex-shrink:0; }
.auc-pay-sub-label { flex:1; font-size:14px; font-weight:800; color:#fff; }
.auc-pay-sub-arr { font-size:18px; color:rgba(255,255,255,.25); }

/* Bezahlt */
.auc-pw-confirmed {
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  border-top:1px solid rgba(34,197,94,.15);
  background:linear-gradient(135deg,rgba(34,197,94,.08),transparent);
}
.auc-pw-confirmed-text {
  font-size:14px; font-weight:900; color:#22c55e;
}

/* ══════════════════════════════════════════
   OAT — ONLINE AUKTION KARTE (kompakt)
   ══════════════════════════════════════════ */

#onlAucSection {
  padding: 0 0 6px;
}

/* Karte – kompakt wie eine Notification */
.oat-card {
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(145deg, #0e0900, #080a16);
  position: relative;
  transform: translateZ(0);
  border: 1.5px solid rgba(255,255,255,.07);
}

/* LIVE: pulsierender roter Rand */
.oat-card.is-live {
  border-color: transparent;
}
.oat-card.is-live::before {
  content: '';
  position: absolute; inset: -2px; border-radius: 17px;
  background: linear-gradient(90deg, #ef4444, #ff6b35, #ef4444, #ff0000, #ef4444);
  background-size: 300% 100%;
  animation: oatLiveBorder 2s linear infinite;
  z-index: 0;
}
.oat-card.is-live::after {
  content: '';
  position: absolute; inset: 1.5px; border-radius: 15px;
  background: linear-gradient(145deg, #100a00, #080a16);
  z-index: 1;
}
@keyframes oatLiveBorder {
  0% { background-position: 0% 0; }
  100% { background-position: 300% 0; }
}
.oat-head, .oat-body, .oat-cta-wrap { position: relative; z-index: 2; }

/* Header: Brand links, LIVE Badge rechts – sehr kompakt */
.oat-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px 8px;
}
.oat-brand { display: flex; align-items: center; gap: 7px; }
.oat-brand-icon {
  width: 26px; height: 26px; border-radius: 8px;
  background: rgba(212,168,52,.1); border: 1px solid rgba(212,168,52,.2);
  display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.oat-brand-name {
  display: block; font-size: 9px; font-weight: 900;
  letter-spacing: 2px; color: rgba(212,168,52,.8);
  text-transform: uppercase; line-height: 1;
}
.oat-brand-sub {
  display: block; font-size: 8px; color: rgba(255,255,255,.18);
  letter-spacing: 1px; margin-top: 1px;
}

/* LIVE Badge */
.oat-live-badge {
  display: flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 20px;
  background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.2);
  opacity: 0; transition: opacity .4s;
}
.oat-card.is-live .oat-live-badge { opacity: 1; }
.oat-dot {
  width: 5px; height: 5px; border-radius: 50%; background: #ef4444;
  animation: oatDotPulse 1.2s ease-in-out infinite;
}
@keyframes oatDotPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
  50%       { box-shadow: 0 0 0 3px rgba(239,68,68,0); }
}
.oat-live-text { font-size: 8px; font-weight: 900; letter-spacing: 2px; color: #ef4444; }

/* Body: Foto links + Infos rechts, sehr kompakt */
.oat-body {
  display: flex; gap: 10px; align-items: center;
  padding: 0 12px 10px;
}

/* Foto – klein, quadratisch */
.oat-img-wrap {
  width: 72px; height: 72px; border-radius: 12px;
  overflow: hidden; flex-shrink: 0;
  background: #0a0612; border: 1px solid rgba(255,255,255,.06);
}
.oat-img-ph {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px; opacity: .25;
}
.oat-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Infos rechts */
.oat-info { flex: 1; min-width: 0; }
.oat-product-name {
  font-size: 14px; font-weight: 900; color: #fff; line-height: 1.2;
  margin-bottom: 6px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.oat-card.is-idle .oat-product-name { color: rgba(255,255,255,.2); }

/* Gebot + Anzahl inline */
.oat-meta { display: flex; gap: 12px; margin-bottom: 5px; }
.oat-meta-lbl {
  font-size: 7px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase; color: rgba(255,255,255,.22); margin-bottom: 1px;
}
.oat-meta-val {
  font-size: 14px; font-weight: 900; color: #fff;
  font-variant-numeric: tabular-nums; line-height: 1;
}
.oat-meta-val.gold { color: #d4a834; }

/* Countdown – groß & auffällig */
.oat-countdown-wrap { display: flex; align-items: baseline; gap: 5px; }
.oat-countdown-lbl {
  font-size: 7px; font-weight: 900; letter-spacing: 1.5px;
  color: rgba(255,255,255,.18); text-transform: uppercase; flex-shrink: 0;
}
.oat-timer-val {
  font-size: 22px; font-weight: 900;
  font-family: 'Space Mono', monospace;
  font-variant-numeric: tabular-nums;
  color: #fff; line-height: 1; transition: color .3s;
}
.oat-timer-val.soon   { color: #f97316; }
.oat-timer-val.urgent {
  color: #ef4444;
  animation: oatTimerPulse .5s ease-in-out infinite;
}
@keyframes oatTimerPulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

/* CTA */
.oat-cta-wrap { padding: 0 12px 12px; }
.oat-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px; border-radius: 11px;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  width: 100%; box-sizing: border-box;
  position: relative; overflow: hidden;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.07);
}
.oat-card.is-live .oat-cta {
  background: linear-gradient(90deg, #c49820, #7a5010, #c49820);
  background-size: 200% 100%;
  animation: oatCtaShine 2.5s linear infinite;
  border-color: transparent;
}
.oat-card.is-live .oat-cta::after {
  content: '';
  position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  animation: oatGlare 2.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes oatCtaShine { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } }
@keyframes oatGlare { 0%, 50% { left: -60%; } 100% { left: 130%; } }

.oat-cta-label {
  font-size: 11px; font-weight: 900; letter-spacing: 2px;
  text-transform: uppercase; position: relative; z-index: 1;
  color: rgba(255,255,255,.15);
}
.oat-card.is-live .oat-cta-label { color: #000; }
.oat-cta-arrow { font-size: 14px; position: relative; z-index: 1; color: rgba(255,255,255,.08); }
.oat-card.is-live .oat-cta-arrow { color: rgba(0,0,0,.35); }

/* ── OAT ENDED STATE ── */
.oat-card.is-ended {
  border-color: transparent;
}
.oat-card.is-ended::before {
  content: '';
  position: absolute; inset: -2px; border-radius: 17px;
  background: rgba(255,255,255,.06);
  z-index: 0;
}
.oat-card.is-ended::after {
  content: '';
  position: absolute; inset: 1.5px; border-radius: 15px;
  background: linear-gradient(145deg, #100a00, #080a16);
  z-index: 1;
}
.oat-card.is-ended .oat-cta { 
  background: rgba(255,255,255,.04); 
  border-color: rgba(255,255,255,.06);
  animation: none;
}
.oat-card.is-ended .oat-cta::after { display: none; }
.oat-card.is-ended .oat-cta-label { color: rgba(255,255,255,.12); }
.oat-card.is-ended .oat-cta-arrow { color: rgba(255,255,255,.06); }

/* Gewinner-Banner ICH */
.oat-winner-me {
  display: flex; align-items: center; gap: 10px;
  margin: 0 12px 12px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(212,168,52,.15), rgba(212,168,52,.05));
  border: 1.5px solid rgba(212,168,52,.4);
  border-radius: 14px;
  position: relative; z-index: 2;
  animation: oatWinnerPop .5s cubic-bezier(.175,.885,.32,1.275) both;
}
@keyframes oatWinnerPop {
  from { transform: scale(.9); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
.oat-winner-trophy { font-size: 28px; flex-shrink: 0; filter: drop-shadow(0 0 8px rgba(212,168,52,.6)); }
.oat-winner-me-text { flex: 1; min-width: 0; }
.oat-winner-me-title {
  font-size: 13px; font-weight: 900; color: #ffd700;
  text-shadow: 0 0 20px rgba(212,168,52,.5);
}
.oat-winner-me-sub { font-size: 11px; color: rgba(255,255,255,.45); margin-top: 2px; }

.oat-winner-buy-btn {
  display: inline-block;
  padding: 9px 14px; border-radius: 10px;
  background: linear-gradient(135deg, #d4a834, #7a5010);
  color: #000 !important; font-size: 11px; font-weight: 900;
  letter-spacing: 1px; text-decoration: none !important;
  white-space: nowrap; flex-shrink: 0;
  animation: oatCtaShine 2s linear infinite;
  box-shadow: 0 4px 16px rgba(212,168,52,.4);
}

/* Gewinner-Banner Anderer */
.oat-winner-other {
  margin: 0 12px 12px;
  padding: 10px 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  font-size: 12px; color: rgba(255,255,255,.35);
  text-align: center;
  position: relative; z-index: 2;
}
.oat-winner-other strong { color: rgba(212,168,52,.7); }

/* ══ PROFIL-BUTTON ══ */
.h-btn.profil-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#7a5010);border:2px solid #d4af37;box-shadow:0 0 14px rgba(212,175,55,.35);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#000;text-decoration:none;font-family:'Outfit',sans-serif;transition:all .2s;flex-shrink:0}
.h-btn.profil-btn:active{transform:scale(.9)}
@media(max-width:380px){.h-btn.profil-btn{width:38px;height:38px;font-size:12px}}