/* ZIVOZONE V1180 — UNIFIED VISUAL CORE Restored visual foundation from the verified baseline and merged into one published stylesheet. No previous stylesheet is loaded or shipped. */ /* ZIVOZONE — consolidated visual foundation. Historical patch files are not shipped. */ /* ---- SOURCE: styles.css (external) ---- */ /* ============================================================ ZIVOZONE VISUAL SYSTEM Sport × Intelligence × Psychological Horror ============================================================ */ :root{--bg:#06070d;--panel:#0d1020;--panel2:#111426;--line:#252b47;--text:#f7f8ff;--muted:#8e96b2;--cyan:#2ddcff;--violet:#7c3cff;--danger:#d82b61} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,"Noto Sans SC","Noto Sans Devanagari",Arial,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(124,60,255,.15),transparent 30%),radial-gradient(circle at 88% 78%,rgba(45,220,255,.08),transparent 28%);z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}html[lang="zh"],html[lang="hi"],html[lang="en"],html[lang="es"] body{font-family:"Noto Sans SC","Noto Sans Devanagari",Cairo,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* ZIVOZONE V1180 — canonical .topbar (consolidated from 4 conflicting sources: base/V103/V105/V1180; V1180 header skin removed as dead CSS, see CHANGELOG_V1180_REFACTOR.md) */ .topbar{position:sticky;top:0;z-index:11000;display:flex;align-items:center;flex-wrap:nowrap;gap:10px;height:64px;padding:7px 14px;background:rgba(2,7,14,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(51,188,255,.18);box-shadow:0 8px 35px rgba(0,0,0,.35)} .brand{display:flex;align-items:center;gap:10px;font-weight:900;white-space:nowrap}.brand-mark,.loader-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 0 35px rgba(124,60,255,.35);font-size:23px}.brand-mark{animation:brandPulse 3s infinite,brandGlitch 8s infinite}.brand-name{font-size:20px;letter-spacing:1px}.main-nav{display:flex;gap:18px;align-items:center;flex:1;justify-content:center}.main-nav a{color:#b8bfd7;font-size:14px;transition:.2s}.main-nav a:hover{color:#fff;text-shadow:0 0 18px rgba(45,220,255,.5)}.top-actions{display:flex;gap:8px;align-items:center}.top-actions select{background:#111426;color:#fff;border:1px solid #272b44;border-radius:10px;padding:9px;min-width:105px}.btn{border:0;border-radius:12px;padding:10px 16px;cursor:pointer;color:#fff;background:#171a2c;transition:.2s;touch-action:manipulation}.btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#3d82ff 0%,#0058fd 45%,#0047d6 100%);box-shadow:0 10px 26px rgba(0,88,253,.35)}.btn-ghost{border:1px solid #2c3150;background:#101322}.btn-lg{padding:14px 22px}.btn-small{padding:6px 11px}.full{width:100%} .section{max-width:1180px;margin:auto;padding:82px 24px}.section.alt{max-width:none;background:rgba(255,255,255,.018)}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.eyebrow{color:#7ddcff;font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.15;margin:16px 0}.hero-brand{font-weight:900;letter-spacing:3px;background:linear-gradient(90deg,#fff,#8c6cff,#36dcff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;color:#aeb5cf;max-width:680px}.hero-actions{display:flex;gap:12px;margin:26px 0}.hero-stats{display:flex;gap:38px}.hero-stats div{display:grid}.hero-stats b{font-size:27px}.hero-stats span,.muted{color:var(--muted)}.hero-orb-wrap{position:relative;display:grid;place-items:center}.hero-orb{width:300px;height:300px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#7655ff,#151632 55%,#070812);box-shadow:0 0 90px rgba(95,64,255,.35),inset 0 0 50px rgba(255,255,255,.08);animation:orbFloat 5s ease-in-out infinite}.hero-orb span{font-size:130px;font-weight:900;color:#fff;animation:orbZ 6s ease-in-out infinite}.float-tag{position:absolute;padding:7px 11px;border:1px solid #333959;border-radius:999px;background:#101322;box-shadow:0 10px 30px #0006}.t1{top:12%;left:15%}.t2{top:28%;right:8%}.t3{bottom:22%;left:5%}.t4{bottom:10%;right:16%} .ad-slot{max-width:none;padding:25px 24px}.ad-inner{max-width:1100px;margin:auto;min-height:90px;border:1px dashed #303652;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.ad-inner strong{color:#fff}.ad-badge{font-size:11px;padding:4px 8px;border-radius:7px;background:#1b2036}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{margin:6px 0;font-size:32px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card,.challenge-card,.sports-card{background:linear-gradient(145deg,#0e1120,#0b0d18);border:1px solid #202640;border-radius:20px;padding:22px;box-shadow:0 15px 40px #0004;position:relative;overflow:hidden;transition:.2s}.game-card:before,.sports-card:before{content:"";position:absolute;inset:-70% -30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.045) 50%,transparent 58%);transform:translateX(-30%);transition:.6s}.game-card:hover:before,.sports-card:hover:before{transform:translateX(30%)}.game-card:hover,.challenge-card:hover,.sports-card:hover{border-color:#454d77;transform:translateY(-3px)}.game-card .icon,.sports-card .icon{font-size:38px}.card-tag{display:inline-block;margin-top:12px;color:#8edcff;font-size:11px;font-weight:800}.card-tag.danger{color:#ff7691}.game-card h3,.sports-card h3{margin:8px 0}.game-card p,.sports-card p,.challenge-card p{color:var(--muted)}.card-meta{display:flex;justify-content:space-between;color:#737b99;font-size:12px;margin:15px 0}.horror-card{border-color:#4a2035}.horror-card:hover{box-shadow:0 0 50px rgba(216,43,97,.15)}.challenge-list{display:grid;gap:12px;max-width:900px;margin:auto}.challenge-card{display:flex;align-items:center;gap:18px}.challenge-card>div{flex:1}.challenge-card h3{margin:0}.challenge-icon{font-size:30px}.challenge-card.special{border-color:#54233a;background:linear-gradient(145deg,#140b14,#0b0d18)}.danger-btn{background:linear-gradient(135deg,#9b1c45,#4e1736)}.identity-panel,.profile-panel,.ai-panel{background:#0e1120;border:1px solid #202640;border-radius:22px;padding:28px}.identity-panel,.profile-panel{display:flex;align-items:center;justify-content:space-between;gap:25px}.identity-panel p{color:#939bb5}.ai-messages{min-height:120px;max-height:300px;overflow:auto;display:grid;gap:10px;margin-bottom:14px}.ai-message{max-width:80%;padding:10px 14px;border-radius:14px;background:#171a2c;white-space:pre-wrap}.ai-message.user{margin-inline-start:auto;background:#263a79}.ai-form{display:flex;gap:10px}.ai-form input,.modal-card input{width:100%;padding:12px;border-radius:11px;border:1px solid #303653;background:#090b16;color:#fff;outline:none}.ai-form input:focus,.modal-card input:focus{border-color:#6b57ff;box-shadow:0 0 0 3px rgba(107,87,255,.12)}.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.subheading{max-width:1180px;margin:24px auto 12px}.subheading h3{margin:0;color:#dce3ff}.match-icon{font-size:32px}.versus{font-size:12px;color:#6f7896;margin:0 6px}.loading-card{min-height:180px}.spinner{width:28px;height:28px;border:3px solid #2a2f4a;border-top-color:#7c3cff;border-radius:50%;animation:spin .8s linear infinite}.avatar{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));font-size:30px;font-weight:900}.profile-main{flex:1}.profile-main h2{margin:2px 0}.progress{height:9px;background:#1c2033;border-radius:99px;overflow:hidden;margin:15px 0}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),#22d3ee);transition:.3s}.profile-stats{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.profile-stats b{color:#fff}.notice,.save-call{margin-top:15px;padding:12px 15px;border:1px solid #262c46;border-radius:12px;color:var(--muted)}.footer{padding:35px 5%;display:flex;justify-content:center;gap:25px;color:#737b99;border-top:1px solid #161a2a}.loader{position:fixed;inset:0;z-index:1000;background:#070812;display:grid;place-content:center;justify-items:center;gap:12px;transition:.4s}.loader.hidden{opacity:0;pointer-events:none}.modal-root[aria-hidden=true]{display:none}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#000d;display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#0d1020;border:1px solid #303653;border-radius:22px;padding:28px;box-shadow:0 30px 100px #000}.modal-close{position:absolute;top:12px;inset-inline-start:12px;border:0;background:#181c2d;color:#fff;width:35px;height:35px;border-radius:10px;cursor:pointer;font-size:22px}.modal-card h2{font-size:28px;margin:8px 0}.answers{display:grid;gap:10px;margin-top:18px}.answer{text-align:start;display:flex;gap:12px;align-items:center}.answer span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#242943;flex:0 0 28px}.auth-tabs,.modal-actions{display:flex;gap:8px;margin:18px 0}.auth-tabs .btn,.modal-actions .btn{flex:1}.modal-card form{display:grid;gap:10px}.modal-card form div{display:grid;gap:4px}.toast-container{position:fixed;inset-inline-start:18px;bottom:18px;z-index:500;display:grid;gap:8px}.toast{padding:11px 15px;border-radius:12px;background:#171b2c;border:1px solid #303653;box-shadow:0 10px 30px #0007}.toast.success{border-color:#287a58}.toast.error{border-color:#9c3044}.game-head{display:flex;justify-content:space-between;align-items:center}.difficulty{font-size:12px;color:#7f89a8;margin-top:5px}.game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#78809d}.warden{margin:15px 0;padding:10px 14px;border:1px solid #6e1f38;background:#160b13;border-radius:12px;color:#ff9ab0;animation:wardenPulse 1.6s infinite}.horror-modal{background:radial-gradient(circle at 50% 0%,#190e16,#08090f 70%);border-color:#56223a}.horror-modal.phase-2{box-shadow:0 0 80px #4a1026,0 30px 100px #000}.horror-modal.phase-3{animation:horrorShake .35s infinite alternate;border-color:#8e2342;box-shadow:0 0 100px #7e1638,0 30px 100px #000}.level-chip{padding:8px 12px;border:1px solid #303653;border-radius:999px;background:#111426;color:#9be7ff;font-weight:800} @keyframes brandPulse{50%{transform:scale(1.06) rotate(-2deg);box-shadow:0 0 45px rgba(124,60,255,.65)}}@keyframes brandGlitch{0%,94%,100%{filter:none}95%{filter:hue-rotate(90deg) blur(.4px);transform:skewX(-6deg)}}@keyframes orbFloat{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes orbZ{0%,100%{transform:scale(1)}50%{transform:scale(1.08) rotate(-4deg)}}@keyframes horrorShake{from{transform:translateX(-1px)}to{transform:translateX(1px)}}@keyframes wardenPulse{50%{box-shadow:0 0 28px rgba(216,43,97,.16)}}@keyframes spin{to{transform:rotate(360deg)}} @media(max-width:950px){.topbar{flex-wrap:wrap}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:3px}.hero{grid-template-columns:1fr}.hero-orb-wrap{display:none}.cards-grid,.sports-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.section{padding:55px 16px}.cards-grid,.sports-grid{grid-template-columns:1fr}.identity-panel,.profile-panel{align-items:flex-start;flex-direction:column}.hero h1{font-size:45px}.hero-stats{gap:20px}.ad-inner{flex-wrap:wrap;text-align:center}.top-actions{width:100%}.top-actions select{flex:1}.top-actions .btn{flex:2}.challenge-card{align-items:flex-start;flex-wrap:wrap}.challenge-card .btn{width:100%}.modal-card{padding:22px 16px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{min-width:45%}.ai-form{flex-direction:column}.footer{flex-wrap:wrap;text-align:center}} /* ============================================================ ZIVOZONE V4 — AUDIO / MOTION / FUTURE SPORTS UI ============================================================ */ .top-actions{align-items:center} .icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid #303653;background:#0d1020;color:#fff;cursor:pointer;font-size:18px;box-shadow:0 0 0 transparent;transition:.2s} .icon-btn:hover{transform:translateY(-2px);border-color:#6b57ff;box-shadow:0 0 22px rgba(107,87,255,.25)} .firebase-status{font-size:15px;color:#6b718b;line-height:1}.firebase-status.online{color:#39e58c;text-shadow:0 0 12px rgba(57,229,140,.7)} .hero-orb-wrap{filter:drop-shadow(0 0 40px rgba(124,60,255,.18))} .brand-mark{animation:brandPulse 4s ease-in-out infinite,brandGlitch 8s steps(1) infinite} .hero-orb{animation:orbFloat 5s ease-in-out infinite,orbGlitch 11s steps(1) infinite} .hero-orb:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:scanRing 3s linear infinite} .horror-card{position:relative;overflow:hidden} .horror-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,35,92,.10),transparent 35%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.035) 50%,transparent 52%);mix-blend-mode:screen;pointer-events:none;animation:horrorSweep 5s linear infinite} .warden{position:relative;overflow:hidden}.warden:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,80,120,.12),transparent);transform:translateX(-100%);animation:wardenScan 2.8s linear infinite} .modal-card.horror-modal:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px),radial-gradient(circle at 50% 0,rgba(255,0,80,.07),transparent 55%);mix-blend-mode:screen} .game-card,.sports-card,.challenge-card,.identity-panel,.profile-panel,.ai-panel{backdrop-filter:blur(12px)} .sports-card{position:relative}.sports-card .btn{position:relative;z-index:2} @keyframes orbGlitch{0%,92%,100%{filter:none}93%{filter:contrast(1.5) saturate(1.5);transform:translateX(3px)}94%{filter:none;transform:translateX(-2px)}} @keyframes scanRing{to{transform:rotate(360deg) scale(1.08);opacity:.1}} @keyframes horrorSweep{0%{transform:translateX(-80%)}55%,100%{transform:translateX(80%)}} @keyframes wardenScan{to{transform:translateX(100%)}} @media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}} /* ============================================================ V5 CHALLENGE FEEDBACK + SPORT IDENTITY ============================================================ */ .question-progress{height:5px;background:#171b2b;border-radius:99px;overflow:hidden;margin:14px 0 18px}.question-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .35s ease}.answer-correct{border-color:#28d98b!important;background:rgba(40,217,139,.14)!important;box-shadow:0 0 22px rgba(40,217,139,.12)}.answer-wrong{border-color:#e44368!important;background:rgba(228,67,104,.13)!important;box-shadow:0 0 22px rgba(228,67,104,.12)}.answer:disabled{cursor:default;opacity:1}.football-card{border-color:#203d4a}.football-card:hover{box-shadow:0 0 45px rgba(45,220,255,.12)}.challenge-card .card-tag{letter-spacing:.5px}.modal-card.horror-modal.phase-3 .question-progress span{background:linear-gradient(90deg,#d82b61,#ff4f78)} /* ============================================================ ZIVOZONE V6 — PREMIUM Z MARK + CHALLENGE WORLDS ============================================================ */ .brand-mark,.loader-logo{position:relative;isolation:isolate;overflow:hidden;font-family:Arial,sans-serif;font-weight:1000;letter-spacing:-2px;background:radial-gradient(circle at 30% 20%,#36dcff 0,#4d35ff 42%,#140b2d 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 22px rgba(75,80,255,.35),inset 0 0 18px rgba(255,255,255,.08)} .brand-mark:before,.loader-logo:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 68%,rgba(255,255,255,.85) 72%,transparent 77%);animation:zOrbit 2.8s linear infinite;z-index:-1} .brand-mark:after,.loader-logo:after{content:"Z";position:absolute;inset:0;display:grid;place-items:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45);transform:translate(3px,2px);opacity:.28;animation:zGhost 3.6s steps(1) infinite} .brand-mark{animation:zPulse 3.4s ease-in-out infinite,zGlitch 7s steps(1) infinite} .loader-logo{animation:zLoader 1.2s ease-in-out infinite} .challenge-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px} .challenge-card{min-height:122px} .challenge-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.025) 50%,transparent 55%);transform:translateX(-100%);transition:.7s} .challenge-card:hover:after{transform:translateX(100%)} .game-card[data-game="football"]{border-color:#1f4c50} @keyframes zOrbit{to{transform:rotate(360deg)}} @keyframes zPulse{0%,100%{transform:perspective(500px) rotateY(0) scale(1);filter:brightness(1)}45%{transform:perspective(500px) rotateY(-10deg) scale(1.07);filter:brightness(1.25)}55%{transform:perspective(500px) rotateY(10deg) scale(1.02)}} @keyframes zGhost{0%,88%,100%{clip-path:inset(0);transform:translate(3px,2px)}90%{clip-path:inset(20% 0 58%);transform:translate(-4px,0)}93%{clip-path:inset(62% 0 15%);transform:translate(5px,-1px)}} @keyframes zGlitch{0%,94%,100%{filter:none}95%{filter:hue-rotate(75deg) saturate(1.8) brightness(1.3);transform:skewX(-7deg) scale(1.05)}96%{transform:skewX(5deg) scale(.98)}} @keyframes zLoader{50%{transform:rotateY(180deg) scale(1.08);box-shadow:0 0 55px rgba(60,190,255,.5)}} @media(max-width:700px){.challenge-list{grid-template-columns:1fr}.brand-mark{width:40px;height:40px}.brand-name{font-size:18px}} /* ============================================================ ZIVOZONE V7 PREMIUM VISUAL LAYER ============================================================ */ .brand-mark,.hero-orb span,.loader-logo{transform-style:preserve-3d;perspective:900px}.brand-mark{position:relative;isolation:isolate;animation:zOrbit 7s linear infinite,brandPulse 3s infinite}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:-7px;border-radius:15px;border:1px solid rgba(90,220,255,.35);transform:rotateX(72deg) rotateZ(0deg);box-shadow:0 0 24px rgba(45,220,255,.25);animation:zRing 4s linear infinite;pointer-events:none}.brand-mark:after{inset:-12px;border-color:rgba(124,60,255,.28);animation:zRing 6s linear infinite reverse;transform:rotateY(72deg)}.hero-orb{position:relative;overflow:visible}.hero-orb:before,.hero-orb:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(45,220,255,.22);border-radius:50%;transform:rotateX(67deg);animation:spaceRing 5s linear infinite}.hero-orb:after{inset:-34px;border-color:rgba(124,60,255,.2);transform:rotateY(67deg);animation-duration:8s;animation-direction:reverse}.hero-orb span{display:block;text-shadow:0 0 12px #fff,0 0 35px rgba(124,60,255,.8),8px 12px 30px #000;animation:zSpace 5.5s ease-in-out infinite}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.challenge-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));max-width:1180px}.challenge-card{min-height:150px}.challenge-card .btn{min-width:110px}.news-live-card{min-height:280px}.news-live-top{display:flex;justify-content:space-between;align-items:center}.live-dot{color:#ff6b86!important;animation:livePulse 1.4s infinite}.live-dot:before{content:"●";margin-inline-end:5px}.ad-slot[data-density="low"]{padding-block:10px}.ad-slot[data-density="high"]{padding-block:45px}.ad-control-modal .control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #242943}.ad-control-modal select{background:#090b16;color:#fff;border:1px solid #303653;border-radius:10px;padding:8px}.horror-active{background:#030207}.horror-active:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:140;background:radial-gradient(circle at 50% 45%,transparent 10%,rgba(100,0,20,.1) 55%,rgba(0,0,0,.72) 100%);animation:horrorBreath 4s ease-in-out infinite}.horror-active:after{opacity:.06;background-size:8px 8px;animation:staticNoise .15s steps(2) infinite}.horror-modal .modal-card{background:radial-gradient(circle at 50% 10%,#1a0b17,#07070c 65%);border-color:#5a203c;box-shadow:0 0 90px rgba(130,0,45,.35),0 30px 100px #000}.horror-modal.phase-2 .modal-card{animation:horrorShake 7s infinite}.horror-modal.phase-3 .modal-card{border-color:#8d183d;box-shadow:0 0 120px rgba(190,0,55,.24),0 30px 100px #000;animation:horrorShakeHard 3.7s infinite}.horror-status{color:#ff718c;text-shadow:0 0 15px rgba(255,50,100,.5)}.horror-warning{color:#ff7892!important;font-weight:800}.warden{padding:10px 14px;margin:8px 0 15px;border:1px solid #6d1c3a;border-radius:12px;background:rgba(70,0,25,.25);color:#ff8aa2;box-shadow:inset 0 0 30px rgba(120,0,40,.12);animation:wardenFlicker 2.4s infinite}.horror-checkpoint,.horror-warning-card{text-align:center}.horror-checkpoint h2,.horror-warning-card h2{letter-spacing:.5px}.question-progress span{box-shadow:0 0 16px rgba(124,60,255,.5)} @keyframes zOrbit{0%{transform:rotateY(0deg) rotateX(0deg)}50%{transform:rotateY(180deg) rotateX(18deg)}100%{transform:rotateY(360deg) rotateX(0deg)}}@keyframes zRing{to{transform:rotateX(72deg) rotateZ(360deg)}}@keyframes spaceRing{to{transform:rotateX(67deg) rotateZ(360deg)}}@keyframes zSpace{0%,100%{transform:rotateY(-18deg) rotateX(8deg) translateZ(0) scale(1)}50%{transform:rotateY(198deg) rotateX(-8deg) translateZ(20px) scale(1.05)}}@keyframes livePulse{50%{opacity:.45;transform:scale(.94)}}@keyframes horrorBreath{0%,100%{opacity:.45}50%{opacity:.8}}@keyframes staticNoise{50%{transform:translate(1px,-1px)}}@keyframes horrorShake{0%,96%,100%{transform:translate(0)}97%{transform:translate(-1px,1px)}98%{transform:translate(2px,-1px)}99%{transform:translate(-1px,0)}}@keyframes horrorShakeHard{0%,88%,100%{transform:translate(0) rotate(0)}90%{transform:translate(-2px,1px) rotate(-.15deg)}92%{transform:translate(2px,-1px) rotate(.15deg)}94%{transform:translate(-1px,1px)}}@keyframes wardenFlicker{0%,100%{opacity:1}48%{opacity:.9}50%{opacity:.45}52%{opacity:1}76%{opacity:.7}78%{opacity:1}}@media (max-width:850px){.topbar{flex-wrap:wrap}.main-nav{order:3;overflow:auto;justify-content:flex-start;width:100%;padding-bottom:3px}.hero{grid-template-columns:1fr;min-height:auto}.hero-orb{width:230px;height:230px}.hero-orb span{font-size:100px}.sports-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.identity-panel,.profile-panel{flex-direction:column;align-items:stretch}.ad-inner{flex-wrap:wrap;text-align:center}.footer{flex-wrap:wrap;text-align:center}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}} /* ============================================================ ZIVOZONE V8 — CHALLENGE WORLDS / CINEMATIC AUDIO UI ============================================================ */ .input-answer-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.input-answer-form input{width:100%;background:#080a14;color:#fff;border:1px solid #343a5b;border-radius:14px;padding:15px 16px;outline:none}.input-answer-form input:focus{border-color:#7c6cff;box-shadow:0 0 28px rgba(124,60,255,.18)}.input-correct input{border-color:#2bd98d}.input-wrong input{border-color:#e44368}.challenge-card{position:relative;overflow:hidden}.challenge-card h3{margin-bottom:4px}.challenge-card p{margin-top:0}.jordan-heading{align-items:center}.live-badge{font-size:11px;padding:5px 9px;border-radius:999px;border:1px solid rgba(55,229,140,.35);color:#72f2ad;background:rgba(55,229,140,.06)}.jordan-news-card{border-color:rgba(45,220,255,.18)} /* Sound is intentionally dormant on home. The challenge modal gets the cinematic treatment. */ body:has(.modal-card:not(.horror-modal)) .hero-orb{filter:none}.modal-card:not(.horror-modal){box-shadow:0 30px 100px #000a,0 0 45px rgba(124,60,255,.08)} /* Dark room: progressive sensory pressure */ body.horror-active{background:#020207!important}.horror-active .topbar,.horror-active .hero,.horror-active main>section:not(#games){filter:saturate(.7) brightness(.7)}.horror-active .modal-backdrop{background:radial-gradient(circle at 50% 45%,rgba(80,0,18,.08),rgba(0,0,0,.91) 72%)}.horror-active .modal-card{min-height:420px}.horror-active .answer{min-height:56px}.horror-active .answer:hover{border-color:#7c2947;box-shadow:0 0 28px rgba(180,0,55,.14)}.horror-active .question-progress{background:#08040a}.horror-active .question-progress span{background:linear-gradient(90deg,#6e1232,#f02b64,#4a0b24);box-shadow:0 0 20px rgba(240,43,100,.45)}.horror-active .game-head strong{color:#ff7b9a}.horror-active .modal-close{color:#ff91aa}.signup-horror{border-color:#9b1d47!important}.signup-horror h2{text-shadow:0 0 30px rgba(255,40,100,.32)} @media(max-width:600px){.input-answer-form{grid-template-columns:1fr}.horror-active .modal-card{min-height:0}.horror-active .answer{min-height:62px}.jordan-heading{align-items:flex-start;gap:10px;flex-direction:column}} /* ============================================================ ZIVOZONE V9 — SINGLE CHALLENGE CENTER ============================================================ */ .challenge-center-section{position:relative;overflow:hidden}.challenge-center-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(124,60,255,.07),transparent 34%),radial-gradient(circle at 80% 90%,rgba(45,220,255,.045),transparent 30%)}.challenge-center-heading{position:relative;z-index:1}.challenge-center-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.challenge-live-chip{font-size:11px;letter-spacing:.08em;color:#7cf4bd;border:1px solid rgba(124,244,189,.22);background:rgba(124,244,189,.04);border-radius:999px;padding:7px 10px;box-shadow:0 0 22px rgba(124,244,189,.06)}.challenge-toolbar{position:relative;z-index:1;margin:0 auto 18px;max-width:1180px;padding:12px 15px;border:1px solid rgba(124,60,255,.15);border-radius:14px;background:rgba(10,12,25,.58)}.challenge-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.challenge-card:hover{transform:translateY(-3px);border-color:rgba(124,60,255,.45);box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 28px rgba(124,60,255,.08)} @media(max-width:700px){.challenge-center-meta{justify-content:flex-start}.challenge-live-chip{font-size:9px}} /* ============================================================ V11 PREMIUM EXPERIENCE ============================================================ */ .challenge-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start} .challenge-main{min-width:0} .ad-rail{position:sticky;top:92px;min-height:250px} .ad-rail .ad-inner{min-height:250px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;border:1px dashed rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.2)} .ad-rail .ad-badge{font-size:.72rem;letter-spacing:.14em;opacity:.65} .horror-audio-player{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(0,0,0,.25)} .horror-audio-player input{flex:1;accent-color:#b51224} .horror-modal .modal-card{background:radial-gradient(circle at 50% 20%,rgba(105,0,0,.12),transparent 35%),linear-gradient(180deg,#08070a,#020205);box-shadow:0 0 100px rgba(100,0,0,.22),inset 0 0 70px rgba(0,0,0,.8);overflow:hidden} .horror-modal .modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen;opacity:.25} .horror-modal.phase-2 .modal-card{box-shadow:0 0 120px rgba(130,0,0,.3),inset 0 0 90px rgba(40,0,0,.45)} .horror-modal.phase-3 .modal-card{animation:horrorBreath 4s ease-in-out infinite;box-shadow:0 0 150px rgba(180,0,0,.36),inset 0 0 120px rgba(70,0,0,.65)} .warden{letter-spacing:.18em;text-transform:uppercase;color:#b9a3a3;text-shadow:0 0 18px rgba(180,0,0,.7);animation:wardenFlicker 2.7s infinite} @keyframes horrorBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.008)}} @keyframes wardenFlicker{0%,92%,100%{opacity:.5}94%{opacity:1}96%{opacity:.18}} .brand-mark,.hero-orb span,.loader-logo{transform-style:preserve-3d;animation:zOrbit 8s linear infinite} @keyframes zOrbit{0%{transform:perspective(700px) rotateY(0deg) rotateX(8deg)}50%{transform:perspective(700px) rotateY(180deg) rotateX(-8deg)}100%{transform:perspective(700px) rotateY(360deg) rotateX(8deg)}} @media(max-width:900px){.challenge-layout{grid-template-columns:1fr}.ad-rail{position:relative;top:auto;order:2;min-height:0}.ad-rail .ad-inner{min-height:120px}.challenge-main{order:1}} @media(prefers-reduced-motion:reduce){.brand-mark,.hero-orb span,.loader-logo,.horror-modal.phase-3 .modal-card,.warden{animation:none}} /* ============================================================ V13 — FOUR AD SLOTS / IDENTITY 20 / CENTRAL Z ============================================================ */ .premium-challenge-layout{grid-template-columns:180px minmax(0,1fr) 180px;max-width:1400px;margin:0 auto}.ad-column{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px}.ad-slot{display:flex;align-items:center;justify-content:center;gap:10px;min-height:92px;padding:16px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 14px 40px rgba(0,0,0,.18);text-align:center;color:#dfe4ff}.ad-slot strong{font-size:.82rem}.ad-slot .ad-badge{font-size:.65rem;letter-spacing:.12em;opacity:.6}.ad-top,.ad-bottom{max-width:1180px;margin:0 auto 18px;min-height:70px}.ad-bottom{margin:18px auto 0}.ad-column .ad-slot{min-height:150px}.ad-slot[hidden]{display:none!important}.hero-orb span{animation:zCenterGlow 4.5s ease-in-out infinite!important;transform:translateZ(0)!important}.hero-orb:before{animation:spaceRing 5s linear infinite}.hero-orb:after{animation:spaceRing 8s linear infinite reverse}.identity-result{font-size:1.08rem;line-height:2;text-align:center}.identity-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.identity-score-grid span{padding:12px;border:1px solid rgba(124,60,255,.18);border-radius:12px;background:rgba(255,255,255,.025);text-align:center}.identity-test-modal .modal-card,.identity-result-modal .modal-card{max-width:720px}.identity-test-modal .answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}@keyframes zCenterGlow{0%,100%{filter:brightness(1);text-shadow:0 0 12px #fff,0 0 35px rgba(124,60,255,.8)}50%{filter:brightness(1.22);text-shadow:0 0 16px #fff,0 0 50px rgba(45,220,255,.95)}} @media(max-width:1000px){.premium-challenge-layout{grid-template-columns:1fr}.ad-column{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr}.ad-column .ad-slot{min-height:90px}.ad-left{order:2}.challenge-main{order:1}.ad-right{order:3}} @media(max-width:600px){.ad-column{grid-template-columns:1fr}.ad-top,.ad-bottom{min-height:58px}.identity-test-modal .answers{grid-template-columns:1fr}} .match-alert{max-width:1180px;margin:0 auto 18px;padding:18px 20px;border:1px solid rgba(255,74,103,.28);border-radius:18px;background:linear-gradient(100deg,rgba(120,0,35,.22),rgba(20,16,40,.75));box-shadow:0 18px 55px rgba(0,0,0,.25),0 0 30px rgba(255,45,90,.08);display:flex;align-items:center;justify-content:space-between;gap:20px}.match-alert>div{display:flex;flex-direction:column;gap:5px}.match-alert-kicker{font-size:.68rem;letter-spacing:.16em;color:#ff7993}.match-alert strong{font-size:1.08rem}.match-alert strong span{opacity:.45;margin:0 8px}.match-alert small,.match-alert-note{color:#aeb5d1}.match-alert-note{font-size:.82rem}@media(max-width:700px){.match-alert{align-items:flex-start;flex-direction:column}} /* ============================================================ V15 — 10 SECOND QUESTION TIMER Applied to every challenge question and the 20-question "Who Am I?" experience. ============================================================ */ .question-timer{ position:relative; display:grid; grid-template-columns:auto 42px; align-items:center; gap:8px 12px; margin:12px 0 10px; padding:10px 12px; border:1px solid rgba(124,60,255,.20); border-radius:14px; background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18)); overflow:hidden; } .question-timer .timer-label{ font-size:.72rem; color:#aeb5d1; } .question-timer strong{ grid-column:2; grid-row:1; text-align:center; font-size:1.25rem; line-height:1; font-variant-numeric:tabular-nums; text-shadow:0 0 18px rgba(124,108,255,.5); } .question-timer-track{ grid-column:1 / -1; height:5px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.07); } .question-timer-track span{ display:block; height:100%; width:100%; border-radius:inherit; background:linear-gradient(90deg,#37e08f,#7c6cff,#4dd8ff); box-shadow:0 0 16px rgba(124,108,255,.45); transition:width .18s linear; } .question-timer.urgent{ border-color:rgba(255,55,95,.55); box-shadow:0 0 28px rgba(255,40,85,.12); animation:timerUrgent .55s ease-in-out infinite alternate; } .question-timer.urgent strong{color:#ff718c;text-shadow:0 0 20px rgba(255,50,90,.7)} .question-timer.urgent .question-timer-track span{ background:linear-gradient(90deg,#ffca5c,#ff4f70,#d40042); box-shadow:0 0 20px rgba(255,50,90,.6); } .input-timeout input{border-color:#ff4f70!important;box-shadow:0 0 24px rgba(255,50,90,.12)} @keyframes timerUrgent{from{transform:scale(1)}to{transform:scale(1.012)}} @media(max-width:600px){ .question-timer{padding:11px 12px} .question-timer strong{font-size:1.35rem} } /* ============================================================ V16 — PRESSURE ENGINE / SPEED SCORE / STREAK ============================================================ */ .pressure-hud{ display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid rgba(124,60,255,.20); border-radius:10px; background:rgba(124,60,255,.055); color:#cbd1ec; font-variant-numeric:tabular-nums; } .pressure-hud b{color:#fff} .question-timer:not(.urgent) strong{transition:transform .18s ease} .question-timer.urgent strong{animation:timerNumberPulse .48s ease-in-out infinite alternate} @keyframes timerNumberPulse{from{transform:scale(1)}to{transform:scale(1.1)}} .game-footer{flex-wrap:wrap} @media(max-width:700px){ .pressure-hud{width:100%;justify-content:center;font-size:.78rem} } /* V17 — PLAYER PROFILE */ .zivo-player-card{padding:20px;border:1px solid rgba(124,108,255,.2);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(15,12,28,.75));box-shadow:0 18px 50px rgba(0,0,0,.24)} .zivo-player-top{display:flex;justify-content:space-between;gap:16px}.zivo-player-top h2{margin:4px 0;font-size:2rem}.zivo-player-top p{margin:0;color:#9ea6c6}.zivo-player-badge{padding:9px 12px;border-radius:999px;background:rgba(124,108,255,.12);font-weight:800} .zivo-xp-track{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:18px 0 10px}.zivo-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37e08f,#7c6cff,#4dd8ff)} .zivo-player-stats{display:flex;gap:10px;flex-wrap:wrap}.zivo-player-stats span{padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.035)} .zivo-skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.zivo-skill-grid div{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:14px;background:rgba(255,255,255,.025)}.zivo-skill-grid span{font-size:.68rem;color:#8e96b5} .zivo-history{margin-top:16px}.zivo-history-row{display:grid;grid-template-columns:1fr 60px 70px 90px;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)} @media(max-width:700px){.zivo-skill-grid{grid-template-columns:repeat(2,1fr)}.zivo-history-row{grid-template-columns:1fr 50px 60px}.zivo-history-row small{display:none}} /* ============================================================ V18 — CHALLENGE TYPE PRESENTATION ============================================================ */ .v18-type-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(124,108,255,.22);background:rgba(124,108,255,.08);font-size:.76rem} .v18-difficulty{display:flex;gap:4px;align-items:center} .v18-difficulty i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.12)} .v18-difficulty i.on{background:#7c6cff;box-shadow:0 0 9px rgba(124,108,255,.55)} /* ============================================================ V19 — DARK ROOM 2.0 VISUAL LAYER ============================================================ */ .zivo-dark-v19{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0;transition:opacity .8s ease;background: radial-gradient(circle at 50% 48%,rgba(40,40,55,.10),rgba(0,0,0,.98) 72%),#000} .zivo-dark-v19.active{opacity:1} .z19-noise{position:absolute;inset:-30%;opacity:.055;background-image:radial-gradient(rgba(255,255,255,.7) .6px,transparent .7px);background-size:5px 5px;animation:z19noise .14s steps(2) infinite} .z19-vignette{position:absolute;inset:0;box-shadow:inset 0 0 150px 55px #000;animation:z19breath 5s ease-in-out infinite} .z19-orb{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#eee;box-shadow:0 0 24px 6px rgba(255,255,255,.18);transform:translate(-50%,-50%);animation:z19orb 6s ease-in-out infinite} .z19-top{position:absolute;top:28px;left:28px;right:28px;display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font:700 11px/1 system-ui;letter-spacing:3px} .z19-count{font-size:14px;color:rgba(255,255,255,.8)} .z19-whisper{position:absolute;left:50%;bottom:18%;width:min(680px,82vw);transform:translate(-50%,15px);text-align:center;color:rgba(235,235,240,.72);font:500 16px/1.7 system-ui;letter-spacing:.3px;opacity:0;filter:blur(2px)} .z19-whisper.show{animation:z19whisper 4.8s ease forwards} .z19-whisper.urgent{color:rgba(255,225,225,.88);text-shadow:0 0 18px rgba(255,0,0,.22)} .z19-bottom{position:absolute;bottom:24px;left:0;right:0;text-align:center;pointer-events:auto} .z19-exit{pointer-events:auto;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:rgba(255,255,255,.72);padding:9px 18px;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px)} .z19-exit:hover{background:rgba(255,255,255,.08)} body.zivo-dark-active{overflow:hidden} @keyframes z19noise{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(1%,1%)}} @keyframes z19breath{0%,100%{opacity:.72}50%{opacity:1}} @keyframes z19orb{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.7)}} @keyframes z19whisper{0%{opacity:0;filter:blur(5px);transform:translate(-50%,15px)}15%{opacity:.8;filter:blur(0);transform:translate(-50%,0)}72%{opacity:.72}100%{opacity:0;filter:blur(3px);transform:translate(-50%,-4px)}} @media(prefers-reduced-motion:reduce){.z19-noise,.z19-vignette,.z19-orb{animation:none}} /* ============================================================ V20 — UNIFIED CHALLENGE RUNNER ============================================================ */ .v20-playing{overflow:hidden} .zivo-v20-runner{position:fixed;inset:0;z-index:10000;display:none;background:radial-gradient(circle at 50% 25%,rgba(124,108,255,.12),rgba(4,4,10,.98) 65%);padding:18px} .zivo-v20-runner.active{display:block} .v20-shell{max-width:900px;margin:0 auto;min-height:calc(100vh - 36px);display:flex;flex-direction:column} .v20-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#dfe3f5} .v20-head button,.v20-form button,.v20-result button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;border-radius:12px;padding:10px 15px;cursor:pointer} .v20-progress{height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.v20-progress i{display:block;height:100%;background:linear-gradient(90deg,#7c6cff,#4dd8ff)} .v20-meta{display:flex;justify-content:space-between;margin:18px 0;color:#949bb8}.v20-meta strong{font-size:2rem;color:#fff} .v20-question{margin:auto 0;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(12,12,22,.78);box-shadow:0 24px 80px rgba(0,0,0,.4)} .v20-qnum{font-size:.72rem;letter-spacing:3px;color:#777f9f}.v20-question h2{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.55;margin:14px 0 28px} .v20-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v20-option{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer;font-size:1rem;text-align:right}.v20-option:hover{transform:translateY(-2px);background:rgba(124,108,255,.1)} .v20-form{display:flex;gap:10px}.v20-form input{flex:1;min-width:0;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;font-size:1rem} .v20-live{display:flex;gap:10px;padding:18px 0;color:#aab0c8}.v20-live span{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.04)} .v20-result{max-width:700px;margin:15vh auto;text-align:center;padding:40px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(10,10,18,.9)}.v20-result-icon{font-size:4rem}.v20-result-score{font-size:4rem;font-weight:900;margin:10px}.v20-result button{margin:8px} @media(max-width:650px){.v20-options{grid-template-columns:1fr}.v20-question{padding:22px}.v20-form{flex-direction:column}} /* ============================================================ V21 — PLAYER HUD ============================================================ */ .zivo-v21-hud{position:fixed;left:16px;bottom:16px;z-index:9000;display:flex;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(5,6,11,.72);backdrop-filter:blur(14px);box-shadow:0 10px 40px rgba(0,0,0,.3)} .zivo-v21-hud div{min-width:56px;text-align:center}.zivo-v21-hud span{display:block;font-size:8px;letter-spacing:1.5px;color:#777f9a}.zivo-v21-hud b{display:block;margin-top:2px;color:#fff;font-size:13px} @media(max-width:600px){.zivo-v21-hud{left:8px;bottom:8px;transform:scale(.92);transform-origin:left bottom}} /* ============================================================ V24 — ZIVO VISUAL IDENTITY ============================================================ */ .zivo-v24-banner{position:fixed;right:20px;top:90px;z-index:9500;width:min(430px,calc(100vw - 40px));display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,8,14,.9);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.45);animation:z24-in .8s ease both} .zivo-v24-banner>button{margin-left:auto;align-self:flex-start;border:0;background:transparent;color:#9ca3b9;font-size:22px;cursor:pointer} .z24-coin,.z24-mini-coin{display:grid;place-items:center;border-radius:50%;font-weight:1000;flex:none} .z24-coin{width:66px;height:66px;font-size:34px;color:#fff;border:2px solid rgba(255,255,255,.45);background:radial-gradient(circle at 35% 30%,#b9c3ff,#3d3a72 55%,#111);box-shadow:inset 0 0 15px rgba(255,255,255,.15),0 0 28px rgba(100,100,255,.18);animation:z24-spin 7s linear infinite} .z24-copy small{display:block;color:#9ca3b9;letter-spacing:1.5px;font-size:9px}.z24-copy h3{margin:3px 0;font-size:15px;color:#fff}.z24-copy p{margin:3px 0;color:#c2c6d5;font-size:11px;line-height:1.6}.z24-copy em{display:block;color:#747b92;font-size:9px;font-style:normal;margin-top:5px} .zivo-v24-balance{position:fixed;right:18px;bottom:18px;z-index:9000;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(5,6,11,.78);backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(0,0,0,.3);color:#fff} .z24-mini-coin{width:30px;height:30px;font-size:15px;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 35% 30%,#aeb7ff,#39365f 58%,#101014)} .zivo-v24-balance small{display:block;font-size:7px;letter-spacing:1.5px;color:#858ca3}.zivo-v24-balance b{font-size:13px} .v24-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.v24-result-grid>div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);text-align:center}.v24-result-grid span{display:block;color:#858ca3;font-size:9px}.v24-result-grid b{display:block;color:#fff;font-size:18px;margin-top:3px}.v24-reward{font-size:16px} @keyframes z24-in{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}} @keyframes z24-spin{to{transform:rotateY(360deg)}} @media(max-width:600px){.zivo-v24-banner{right:10px;top:70px;width:calc(100vw - 20px)}.v24-result-grid{grid-template-columns:1fr 1fr}} /* ============================================================ V25 — ZIVO ECONOMY ============================================================ */ #z25-wallet-btn{position:fixed;right:18px;bottom:18px;z-index:9400;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(7,8,14,.86);color:#fff;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 12px 38px rgba(0,0,0,.35)} #z25-wallet-btn small{display:block;font-size:7px;letter-spacing:1.5px;color:#7e859b}#z25-wallet-btn b{display:block;font-size:13px} .z25-mini,.z25-round{display:grid;place-items:center;border-radius:50%;font-weight:1000;color:#fff;background:radial-gradient(circle at 35% 30%,#c0c8ff,#45416e 58%,#111);border:1px solid rgba(255,255,255,.45)} .z25-mini{width:29px;height:29px;font-size:14px}.z25-round{width:55px;height:55px;font-size:27px} .z25-panel{position:fixed;right:18px;bottom:72px;z-index:9450;width:min(370px,calc(100vw - 36px));padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(6,7,13,.95);backdrop-filter:blur(20px);box-shadow:0 25px 90px rgba(0,0,0,.55);color:#fff;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s} .z25-panel.open{opacity:1;pointer-events:auto;transform:none}.z25-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#8c93a8;font-size:21px;cursor:pointer}.z25-head{display:flex;align-items:center;gap:11px}.z25-head small{font-size:8px;letter-spacing:2px;color:#7d8499}.z25-head h3{margin:3px 0 0;font-size:18px}.z25-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.z25-stats div{padding:10px;border-radius:12px;background:rgba(255,255,255,.04);text-align:center}.z25-stats span{display:block;font-size:8px;color:#81889e}.z25-stats b{display:block;margin-top:4px;font-size:17px}.z25-missions{display:grid;gap:7px}.z25-missions div{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);font-size:11px}.z25-missions span{color:#b6bcff}.z25-note{margin:14px 0 0;color:#70778d;font-size:9px;line-height:1.6} @media(max-width:600px){#z25-wallet-btn{right:8px;bottom:8px}.z25-panel{right:8px;bottom:60px;width:calc(100vw - 16px)}} /* ============================================================ V26 — STABILITY PATCH ============================================================ */ #zivo-v24-balance{display:none!important} .v26-overlay{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,3,8,.82);backdrop-filter:blur(10px)} .v26-overlay.open{display:flex}.v26-card{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(8,9,16,.97);box-shadow:0 30px 100px rgba(0,0,0,.65);color:#fff} .v26-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#9ba2b8;font-size:24px;cursor:pointer} .v26-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.v26-logo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:25px;background:radial-gradient(circle at 35% 30%,#c7ceff,#46426e 58%,#101014);border:1px solid rgba(255,255,255,.45)} .v26-head small{color:#7e859c;letter-spacing:2px;font-size:8px}.v26-head h2{margin:3px 0;font-size:20px} .v26-tabs{display:flex;gap:7px;margin-bottom:13px}.v26-tabs button{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:10px;background:rgba(255,255,255,.035);color:#c9cde0;cursor:pointer}.v26-tabs button.active{background:rgba(150,155,255,.13);color:#fff} .v26-section{display:none}.v26-section.active{display:block}.v26-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v26-stat{padding:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);text-align:center}.v26-stat span{display:block;font-size:8px;color:#80879d}.v26-stat b{display:block;font-size:20px;margin-top:4px} .v26-shop{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v26-item{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}.v26-item h4{margin:0 0 4px}.v26-item p{font-size:10px;color:#858ca1;min-height:28px}.v26-item button{width:100%;border:0;border-radius:10px;padding:9px;background:#fff;color:#090a10;font-weight:800;cursor:pointer}.v26-item button:disabled{opacity:.35;cursor:not-allowed} .v26-board{display:grid;gap:6px}.v26-row{display:grid;grid-template-columns:40px 1fr 90px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);font-size:11px}.v26-row b:last-child{text-align:right}.v26-note{font-size:9px;color:#72798e;line-height:1.6;margin-top:13px} @media(max-width:600px){.v26-grid{grid-template-columns:1fr 1fr}.v26-shop{grid-template-columns:1fr}.v26-card{padding:17px}} /* ============================================================ V31 — ACHIEVEMENTS ============================================================ */ .v31-overlay{position:fixed;inset:0;z-index:13300;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.88);backdrop-filter:blur(14px)} .v31-overlay.open{display:flex}.v31-card{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(7,8,15,.98);color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.75)} .v31-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v31-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.v31-emblem{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:25px;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v31-head small{font-size:8px;letter-spacing:2px;color:#858ca1}.v31-head h2{margin:3px 0;font-size:21px}.v31-head span{font-size:9px;color:#70778c}.v31-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v31-badge{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:7px;padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}.v31-badge i{font-style:normal;font-size:21px;text-align:center;filter:grayscale(1)}.v31-badge.on i{filter:none}.v31-badge b{display:block;font-size:9px}.v31-badge span{display:block;margin-top:3px;font-size:8px;color:#737b90}.v31-badge strong{color:#7d8499}.v31-badge.on strong{color:#fff}.v31-share{width:100%;margin-top:12px;padding:11px;border:0;border-radius:11px;background:#fff;color:#080910;font-weight:900;cursor:pointer} /* ============================================================ V32 — DAILY CHALLENGE ============================================================ */ .v32-overlay{position:fixed;inset:0;z-index:13400;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.9);backdrop-filter:blur(15px)} .v32-overlay.open{display:flex}.v32-card{position:relative;width:min(620px,100%);padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:rgba(7,8,15,.98);color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.8)} .v32-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v32-head{display:flex;gap:12px;align-items:center}.v32-mark{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v32-head small{font-size:8px;letter-spacing:2px;color:#858ca1}.v32-head h2{margin:3px 0;font-size:21px}.v32-head span{font-size:8px;color:#666e83}.v32-hero{margin:18px 0;padding:17px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.05)}.v32-hero>b{font-size:17px}.v32-hero p{margin:7px 0 13px;color:#858ca0;font-size:10px;line-height:1.7}.v32-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#a4abc0}.v32-card #v32-play{width:100%;padding:12px;border:0;border-radius:11px;background:#fff;color:#080910;font-weight:950;cursor:pointer}.v32-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:#6e768a;font-size:8px}.v32-rules span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.03)} /* ============================================================ V33 — COMPETITION ============================================================ */ .v33-overlay{position:fixed;inset:0;z-index:13500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.91);backdrop-filter:blur(16px)}.v33-overlay.open{display:flex}.v33-card{position:relative;width:min(650px,100%);padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:rgba(7,8,15,.98);color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.82)}.v33-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v33-top{display:flex;align-items:center;gap:12px}.v33-orb{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v33-top small{font-size:8px;letter-spacing:2px;color:#858ca1}.v33-top h2{margin:3px 0;font-size:21px}.v33-top span{font-size:9px;color:#6f778c}.v33-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0 12px}.v33-grid div{padding:13px;border-radius:13px;background:rgba(255,255,255,.035);text-align:center}.v33-grid small{display:block;font-size:8px;color:#747c91}.v33-grid b{display:block;font-size:22px;margin:4px}.v33-grid span{font-size:8px;color:#666e82}.v33-progress{margin:12px 0 17px}.v33-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.v33-bar i{display:block;width:0;height:100%;background:#fff;border-radius:99px;transition:width .5s ease}.v33-progress>span{display:block;margin-top:6px;font-size:8px;color:#777f93}.v33-message{padding:13px;border-radius:12px;background:rgba(255,255,255,.035);color:#8b93a7;font-size:10px;line-height:1.7;margin-bottom:10px}.v33-card #v33-claim{width:100%;padding:12px;border:0;border-radius:11px;background:#fff;color:#080910;font-weight:950;cursor:pointer}.v33-card #v33-claim:disabled{opacity:.4;cursor:not-allowed} /* ============================================================ V34 — DAILY MISSIONS ============================================================ */ .v34-overlay{position:fixed;inset:0;z-index:13600;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.92);backdrop-filter:blur(16px)}.v34-overlay.open{display:flex}.v34-card{position:relative;width:min(650px,100%);padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:rgba(7,8,15,.98);color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.82)}.v34-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v34-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.v34-mark{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v34-head small{font-size:8px;letter-spacing:2px;color:#858ca1}.v34-head h2{margin:3px 0;font-size:21px}.v34-head span{font-size:9px;color:#70788d}.v34-list{display:grid;gap:7px}.v34-mission{display:grid;grid-template-columns:40px 1fr 55px;gap:9px;align-items:center;padding:11px;border-radius:13px;background:rgba(255,255,255,.035)}.v34-icon{font-size:20px;text-align:center}.v34-copy b{display:block;font-size:10px}.v34-copy span{display:block;margin:3px 0 6px;font-size:8px;color:#777f94}.v34-copy i{display:block;height:4px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.v34-copy i em{display:block;height:100%;background:#fff;border-radius:9px}.v34-mission button{padding:7px 5px;border:0;border-radius:8px;background:#fff;color:#080910;font-size:8px;font-weight:900}.v34-mission button:disabled{opacity:.3}.v34-card>p{font-size:9px;line-height:1.7;color:#6f778b;margin:13px 0 0} /* ============================================================ V35 — PLAYER PROGRESS ============================================================ */ .v35-overlay{position:fixed;inset:0;z-index:13700;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.93);backdrop-filter:blur(17px)}.v35-overlay.open{display:flex}.v35-card{position:relative;width:min(650px,100%);padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(7,8,15,.99);color:#fff;box-shadow:0 40px 130px rgba(0,0,0,.85)}.v35-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v35-head{display:flex;gap:13px;align-items:center}.v35-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v35-head small{font-size:8px;letter-spacing:2px;color:#858ca1}.v35-head h2{margin:3px 0;font-size:21px}.v35-head span{font-size:9px;color:#70788d}.v35-level{display:grid;grid-template-columns:90px 1fr;gap:15px;margin:22px 0;padding:17px;border-radius:16px;background:rgba(255,255,255,.035)}.v35-level>div:first-child{text-align:center}.v35-level small{display:block;font-size:8px;color:#777f93}.v35-level b{font-size:34px}.v35-xp{padding-top:6px}.v35-xp>span{display:block;font-size:11px;font-weight:900;margin-bottom:10px}.v35-xp>i{display:block;height:7px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.v35-xp>i em{display:block;height:100%;width:0;background:#fff;border-radius:9px;transition:width .5s ease}.v35-xp>small{display:block;margin-top:7px;font-size:8px;color:#727a8f}.v35-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v35-stats div{padding:14px;text-align:center;border-radius:13px;background:rgba(255,255,255,.035)}.v35-stats b{display:block;font-size:21px}.v35-stats span{font-size:8px;color:#70788d}.v35-note{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);font-size:9px;line-height:1.7;color:#737b90} /* ============================================================ V36 — CLOUD SYNC STATUS ============================================================ */ #v36-cloud{position:fixed;right:16px;bottom:16px;z-index:9399;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(7,8,14,.78);backdrop-filter:blur(10px);color:#727a8e;font-size:7px;letter-spacing:.5px;pointer-events:none}.v36-dot{width:6px;height:6px;border-radius:50%;background:#687080}.v36-dot.on{background:#dfe3ee;box-shadow:0 0 10px rgba(255,255,255,.35)} /* ============================================================ V37 — PLAYER HUB ============================================================ */ .v37-overlay{position:fixed;inset:0;z-index:13800;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,2,7,.94);backdrop-filter:blur(18px)}.v37-overlay.open{display:flex}.v37-card{position:relative;width:min(760px,100%);padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:27px;background:rgba(7,8,15,.99);color:#fff;box-shadow:0 45px 140px rgba(0,0,0,.86)}.v37-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#9aa1b6;font-size:24px;cursor:pointer}.v37-cover{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center}.v37-avatar{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:1000;background:radial-gradient(circle at 35% 30%,#d5d8ff,#4a466d 58%,#111117);border:1px solid rgba(255,255,255,.35)}.v37-cover small{font-size:8px;letter-spacing:2px;color:#858ca1}.v37-cover h2{margin:3px 0;font-size:21px}.v37-cover span{font-size:9px;color:#70788d}.v37-level{padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.045);font-size:8px;color:#747c91}.v37-level b{font-size:18px;color:#fff}.v37-xp{margin:22px 0 12px;padding:15px;border-radius:15px;background:rgba(255,255,255,.035)}.v37-xp>div{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.v37-xp b{font-size:13px}.v37-xp span{font-size:8px;color:#71798d}.v37-xp>i{display:block;height:7px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.v37-xp em{display:block;width:0;height:100%;background:#fff;border-radius:9px;transition:width .5s}.v37-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v37-stats div,.v37-panels div{padding:14px;border-radius:13px;background:rgba(255,255,255,.035)}.v37-stats{text-align:center}.v37-stats b{display:block;font-size:21px}.v37-stats span,.v37-panels span{font-size:8px;color:#70788d}.v37-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.v37-panels small{display:block;font-size:7px;letter-spacing:1px;color:#777f93}.v37-panels strong{display:block;font-size:17px;margin:5px 0}.v37-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.v37-actions button{padding:11px;border:0;border-radius:10px;background:#fff;color:#080910;font-size:9px;font-weight:950;cursor:pointer}.v37-note{margin-top:12px;font-size:8px;line-height:1.7;color:#6e768a} /* ============================================================ V41 — SMART CHALLENGE POLISH ============================================================ */ .v41-smart-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#9aa1b5;font-size:7px;font-weight:900;letter-spacing:.5px} /* ============================================================ V42 — CLOUD HISTORY STATUS ============================================================ */ .v42-cloud-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-inline-end:5px;background:#777} .v42-cloud-dot.online{background:#dfe3ef;box-shadow:0 0 10px rgba(255,255,255,.35)} /* ZIVOZONE V47 — guaranteed boot release */ #app-loader{ animation:zivoLoaderRelease 1.35s ease forwards; animation-delay:.65s; } @keyframes zivoLoaderRelease{ 0%{opacity:1;visibility:visible;pointer-events:auto} 100%{opacity:0;visibility:hidden;pointer-events:none} } /* ============================================================ ZIVOZONE V49 — MOBILE EXPERIENCE LAYER Keeps previous tools functional while replacing the crowded floating-button stack with one mobile tools drawer. ============================================================ */ .mobile-nav{display:none} .mobile-tools{display:none} @media(max-width:700px){ body{padding-bottom:78px} .topbar{padding:9px 12px;gap:10px;min-height:60px} .brand-mark{width:38px;height:38px}.brand-name{font-size:17px} .top-actions{margin-inline-start:auto;gap:6px}.top-actions .firebase-status{display:none} #language-select{max-width:44px;padding:7px 2px} #login-btn{font-size:11px;padding:8px 10px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .main-nav{display:none!important} .section{padding:42px 14px} .hero{padding-top:34px}.hero h1{font-size:clamp(2rem,9vw,3.3rem);line-height:1.1} .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:7px} .hero-orb-wrap{min-height:260px}.hero-orb{width:210px;height:210px} .section-heading{align-items:flex-start;gap:14px}.section-heading h2{font-size:1.65rem} .challenge-center-meta{width:100%;display:grid;grid-template-columns:1fr;gap:7px}.challenge-live-chip{justify-self:start} .premium-challenge-layout{display:block}.ad-column{display:none!important}.ad-top,.ad-bottom{display:none} .challenge-list,.sports-grid{grid-template-columns:1fr!important}.challenge-card{min-width:0} .challenge-toolbar{font-size:.82rem;line-height:1.7;padding:10px} .ai-form{grid-template-columns:1fr}.ai-form .btn{width:100%} .profile-panel,.identity-panel{padding:18px}.profile-stats{grid-template-columns:repeat(2,1fr)} .modal-card{width:min(94vw,720px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px 16px} .answers{grid-template-columns:1fr!important}.answer{min-height:58px;padding:12px} .input-answer-form{grid-template-columns:1fr}.game-footer{flex-wrap:wrap} .footer{padding-bottom:95px} .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:120;padding:7px 5px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(8,10,20,.94);backdrop-filter:blur(20px);box-shadow:0 15px 45px rgba(0,0,0,.45),0 0 25px rgba(124,60,255,.08);padding-bottom:max(7px,env(safe-area-inset-bottom))} .mobile-nav a,.mobile-nav button{border:0;background:none;color:#9ca5c5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;font-size:18px;cursor:pointer} .mobile-nav a span,.mobile-nav button span{font-size:9px;font-weight:700;white-space:nowrap} .mobile-nav a.active,.mobile-nav a:hover,.mobile-nav button:hover{color:#fff} .mobile-tools[hidden]{display:none}.mobile-tools{position:fixed;inset:0;z-index:300;display:block} .mobile-tools-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)} .mobile-tools-sheet{position:absolute;left:8px;right:8px;bottom:8px;max-height:82dvh;overflow:auto;padding:22px 16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0b0e1b;box-shadow:0 -20px 70px rgba(0,0,0,.55)} .mobile-tools-close{position:absolute;top:10px;left:10px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:25px;cursor:pointer} .mobile-tools-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px} .mobile-tools-list button{min-height:52px!important;position:static!important;display:block!important;width:auto!important;margin:0!important;transform:none!important} } @media(max-width:380px){.mobile-tools-list{grid-template-columns:1fr}.brand-name{display:none}.top-actions #language-select{display:none}} /* ZIVOZONE V101 PRO POLISH — mobile-first luxury challenge cards */ .challenge-center-section{background:radial-gradient(circle at 50% 0%,rgba(124,60,255,.08),transparent 36%),linear-gradient(180deg,#080b15,#070912)} .challenge-list{gap:14px} .challenge-card{min-height:168px;padding:0;display:grid;grid-template-columns:108px minmax(0,1fr) auto;align-items:stretch;gap:0;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(18,23,39,.98),rgba(8,11,21,.98));box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden} .challenge-visual{width:108px;height:100%;min-height:168px;object-fit:cover;background:linear-gradient(145deg,#121a32,#070a14);display:block} .challenge-visual-fallback{display:grid;place-items:center;font-size:42px;color:#fff;text-shadow:0 0 24px rgba(45,220,255,.45)} .challenge-copy{padding:18px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center} .challenge-copy .card-tag{margin:0 0 5px;font-size:9px;letter-spacing:.08em}.challenge-copy h3{font-size:18px;line-height:1.35;margin:0 0 7px}.challenge-copy p{font-size:11px;line-height:1.8;margin:0;color:#8f99b5} .challenge-card>.btn{align-self:center;margin:12px;width:82px;min-width:82px;font-size:10px;padding:10px 8px;box-shadow:0 8px 25px rgba(45,110,255,.18)} .challenge-card.special{border-color:rgba(216,43,97,.28);background:linear-gradient(145deg,rgba(29,10,23,.98),rgba(9,10,18,.98))} /* ---- SOURCE: zivo-v62-clean (inline) ---- */ .profile-cloud-note{margin-top:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);font-size:10px}@media(max-width:700px){.profile-cloud-note{font-size:9px;padding:8px 9px}} /* ---- SOURCE: zivo-v100-mobile-safety (inline) ---- */ /* V100: single responsive codebase; prevent accidental horizontal overflow. */ html { overflow-x: hidden; } body { max-width: 100%; overflow-x: hidden; } img, video, canvas, iframe { max-width: 100%; } button, a, input, select, textarea { touch-action: manipulation; } @media (max-width: 480px) { .zivo-desktop-only { display: none !important; } } /* ---- SOURCE: zivo-v105-loader-guard (inline) ---- */ #app-loader{transition:opacity .25s ease,visibility .25s ease}.zivo-loader-released{opacity:0!important;visibility:hidden!important;pointer-events:none!important} /* ---- SOURCE: zivo-v103-pro.css (external) ---- */ /* ZIVOZONE V103 — Luxury responsive product layer */ :root{--z103-bg:#050812;--z103-panel:rgba(10,17,30,.88);--z103-line:rgba(93,174,255,.18);--z103-blue:#2787ff;--z103-cyan:#35dcff;--z103-purple:#805cff;--z103-gold:#ffd84a;--z103-text:#f5f7ff;--z103-muted:#8f9bb3} body{background:radial-gradient(circle at 15% 10%,rgba(94,54,255,.11),transparent 28%),radial-gradient(circle at 85% 80%,rgba(30,201,255,.07),transparent 26%),#050812} #login-btn.z103-admin-btn{background:linear-gradient(135deg,#30230a,#15131a)!important;border:1px solid rgba(255,216,74,.65)!important;color:#ffe37a!important;box-shadow:0 0 24px rgba(255,210,55,.11),inset 0 1px 0 rgba(255,255,255,.08)!important;font-weight:1000} .z103-admin-mini{display:inline-flex;align-items:center;gap:6px;margin-inline-start:4px;padding:4px 7px;border-radius:8px;background:rgba(255,216,74,.1);color:#ffe37a;font-size:9px;font-weight:1000} /* economy: compact luxury control strip */ #zivo-v101-economy.z103-economy{width:min(1180px,calc(100% - 24px));grid-template-columns:1fr 1fr;gap:10px;margin:10px auto 0} .z103-economy .z101-card{position:relative;overflow:hidden;border-radius:17px;border:1px solid rgba(255,216,74,.16);background:linear-gradient(135deg,rgba(19,23,35,.96),rgba(9,12,21,.96));box-shadow:0 15px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)} .z103-economy .z101-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(53,220,255,.025),transparent)} .z103-economy .z101-wallet{min-height:62px}.z103-economy .z101-coin{width:40px;height:40px;flex-basis:40px;box-shadow:0 0 24px rgba(255,216,74,.18),inset 0 2px 5px rgba(255,255,255,.55)} .z103-economy .z101-balance{font-size:18px;letter-spacing:.2px}.z103-economy .z101-label{letter-spacing:.08em;color:#9fa9be}.z103-economy .z101-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px} .z103-economy .z101-mining{min-height:62px}.z103-economy .z101-mining-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(53,220,255,.07);border:1px solid rgba(53,220,255,.13);font-size:20px}.z103-economy .z101-mining h3{font-size:12px}.z103-economy .z101-countdown{font-variant-numeric:tabular-nums;color:#7df2b1;text-shadow:0 0 14px rgba(125,242,177,.14)} .z103-economy .z101-btn{border-radius:12px}.z103-economy .z101-btn.primary{background:linear-gradient(135deg,#ffd84a,#fff0a0);box-shadow:0 8px 24px rgba(255,216,74,.12)} /* challenge center inspired by premium mobile game hubs */ .challenge-center-section{padding-top:34px!important;background:radial-gradient(circle at 50% 0,rgba(90,69,255,.12),transparent 32%),linear-gradient(180deg,#070b15,#04070d)!important} .challenge-center-heading{max-width:1200px;margin:auto}.challenge-center-heading h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em}.challenge-live-chip{border-color:rgba(53,220,255,.2)!important;color:#76eaff!important;background:rgba(53,220,255,.045)!important} .challenge-toolbar{max-width:1200px;border-color:rgba(53,220,255,.14)!important;background:linear-gradient(135deg,rgba(15,22,38,.8),rgba(7,10,18,.8))!important} .challenge-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important;max-width:1200px;margin:0 auto} .challenge-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:310px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--card-accent,#35dcff) 32%,transparent)!important;background:linear-gradient(155deg,rgba(13,23,40,.98),rgba(5,9,17,.99))!important;box-shadow:0 22px 60px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.045)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important} .challenge-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(53,220,255,.05),transparent 38%,rgba(128,92,255,.04))} .challenge-card:hover{transform:translateY(-5px)!important;border-color:color-mix(in srgb,var(--card-accent,#35dcff) 60%,transparent)!important;box-shadow:0 30px 75px rgba(0,0,0,.38),0 0 35px color-mix(in srgb,var(--card-accent,#35dcff) 20%,transparent)!important} .challenge-visual{width:100%!important;height:145px!important;min-height:145px!important;flex:0 0 145px!important;border-radius:0!important;object-fit:cover!important;background:radial-gradient(circle at 50% 30%,rgba(128,92,255,.34),rgba(5,9,17,.95))!important;position:relative!important} .challenge-visual-fallback{font-size:54px!important;background:radial-gradient(circle at 50% 40%,rgba(39,135,255,.22),rgba(8,12,23,.98))!important;text-shadow:0 0 28px rgba(53,220,255,.45)!important} .challenge-copy{padding:14px 15px 15px!important;flex:1!important;position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.challenge-copy .card-tag{color:#78ddff!important}.challenge-copy h3{font-size:18px!important;margin:0}.challenge-copy p{font-size:11px!important;line-height:1.75!important;color:#98a5bd!important;margin:0} .challenge-meta-row{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px} .challenge-icon-badge{--badge-accent:#2f6bff;width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--badge-accent) 65%,white 10%),color-mix(in srgb,var(--badge-accent) 55%,#050914 45%));box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-accent) 45%,transparent),0 6px 18px color-mix(in srgb,var(--badge-accent) 35%,transparent)} .level-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#001547;border:1px solid rgba(90,150,255,.45);color:#dce9ff;font-size:12px;font-weight:700;white-space:nowrap} .challenge-card>.btn{position:relative!important;z-index:3;width:calc(100% - 30px)!important;min-width:0!important;margin:8px 15px 15px!important;border-radius:12px!important;background:linear-gradient(135deg,#1d78ff,#6559ff)!important;border:1px solid rgba(130,180,255,.28)!important;box-shadow:0 10px 28px rgba(39,100,255,.16)!important;font-size:11px!important} .challenge-card.special{border-color:rgba(255,73,132,.25)!important;background:linear-gradient(155deg,rgba(35,10,24,.98),rgba(8,8,15,.99))!important}.challenge-card.special .challenge-visual{background:radial-gradient(circle at 50% 35%,rgba(255,55,120,.25),rgba(9,8,16,.98))!important}.challenge-card.special>.btn{background:linear-gradient(135deg,#e32968,#7d35ff)!important} /* admin command center */ .z103-admin-overlay{position:fixed;inset:0;z-index:250000;display:grid;place-items:center;padding:18px;background:rgba(1,4,10,.82);backdrop-filter:blur(22px)} .z103-admin-card{width:min(1180px,96vw);max-height:92dvh;overflow:auto;border:1px solid rgba(255,216,74,.2);border-radius:28px;background:linear-gradient(145deg,#0a1220,#050912);box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 70px rgba(94,72,255,.1);color:var(--z103-text)} .z103-admin-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:13px;padding:19px 22px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,12,22,.93);backdrop-filter:blur(18px)} .z103-admin-logo{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;font-size:23px;font-weight:1000;color:#181106;background:radial-gradient(circle at 35% 25%,#fff5ad,#ffd84a 45%,#9a6500);box-shadow:0 0 28px rgba(255,216,74,.2)} .z103-admin-head small{color:#ffd84a;font-size:8px;letter-spacing:.16em}.z103-admin-head h2{margin:2px 0;font-size:20px}.z103-admin-head p{margin:0;color:#8f9bb3;font-size:10px}.z103-admin-live{margin-inline-start:auto;display:flex;align-items:center;gap:6px;color:#7df2b1;font-size:10px;font-weight:1000}.z103-admin-live i{width:8px;height:8px;border-radius:50%;background:#59efa2;box-shadow:0 0 15px #59efa2} .z103-admin-close{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#fff;font-size:22px;cursor:pointer}.z103-admin-body{padding:18px 22px 24px}.z103-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.z103-kpi{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.z103-kpi b{display:block;font-size:21px}.z103-kpi span{display:block;margin-top:4px;color:#8f9bb3;font-size:9px}.z103-kpi em{display:block;margin-top:6px;color:#70e7ff;font-size:8px;font-style:normal} .z103-admin-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:14px}.z103-panel{border:1px solid rgba(255,255,255,.07);border-radius:19px;background:rgba(255,255,255,.025);overflow:hidden}.z103-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.z103-panel-head h3{margin:0;font-size:13px}.z103-panel-head small{color:#7e8aa1;font-size:8px}.z103-refresh{border:1px solid rgba(53,220,255,.18);background:rgba(53,220,255,.05);color:#7deaff;border-radius:9px;padding:7px 10px;font-weight:900;font-size:9px;cursor:pointer}.z103-users{overflow:auto}.z103-user-row{display:grid;grid-template-columns:1.1fr 1.35fr .55fr .65fr .7fr .65fr .8fr;padding:10px 12px;gap:8px;align-items:center;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px;min-width:760px}.z103-user-row.head{background:rgba(255,255,255,.025);color:#7f8ca4;font-weight:900}.z103-user-row b{color:#f4f7ff}.z103-user-row .online{color:#6df2a1}.z103-activity{max-height:390px;overflow:auto}.z103-activity-row{padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.045)}.z103-activity-row b{display:block;font-size:10px}.z103-activity-row span{display:block;color:#8d99af;font-size:9px;margin-top:3px}.z103-activity-row small{display:block;color:#5f6b80;font-size:8px;margin-top:4px}.z103-system{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.z103-system div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);font-size:9px}.z103-system b{display:block;margin-top:4px;color:#72eea4}.z103-empty{padding:22px;text-align:center;color:#77849a;font-size:10px} /* terms / registration */ .z103-terms-callout{margin:12px 0;padding:12px 13px;border-radius:14px;border:1px solid rgba(53,220,255,.15);background:linear-gradient(135deg,rgba(53,220,255,.055),rgba(128,92,255,.045));font-size:10px;line-height:1.8;color:#c7d0e2}.z103-terms-callout strong{color:#fff}.z103-terms-callout .z103-term-link{color:#75e7ff;text-decoration:underline;cursor:pointer;background:none;border:0;font:inherit;padding:0}.z103-consent{display:flex!important;gap:9px!important;align-items:flex-start!important;padding:11px!important;margin:9px 0 12px!important;border-radius:13px!important;border:1px solid rgba(255,216,74,.14)!important;background:rgba(255,216,74,.035)!important;color:#c5cfdf!important;font-size:10px!important;line-height:1.75!important}.z103-consent input{margin-top:3px!important;accent-color:#2d86ff}.z103-consent strong{color:#ffe17a} .zivo-legal-card{width:min(900px,calc(100vw - 20px))!important;background:linear-gradient(145deg,#091322,#050912)!important;border-color:rgba(53,220,255,.18)!important}.zivo-legal-body h3{color:#72e5ff!important;font-size:13px!important}.zivo-legal-body p{font-size:11px!important;line-height:1.9!important}.zivo-legal-card>p{font-size:9px!important} @media(max-width:1000px){.challenge-list{grid-template-columns:repeat(2,minmax(0,1fr))}.z103-kpis{grid-template-columns:repeat(3,1fr)}.z103-admin-grid{grid-template-columns:1fr}} @media(max-width:700px){ body{padding-bottom:74px}.topbar{padding:7px 9px!important}.topbar nav{display:none!important}.top-actions{gap:5px!important}.top-actions #language-select{max-width:86px;font-size:9px}.top-actions #audio-toggle{width:34px;height:34px}.top-actions #login-btn{max-width:116px;padding:8px 9px;font-size:9px} #zivo-v101-economy.z103-economy{width:calc(100% - 12px);grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.z103-economy .z101-card{min-width:0;padding:8px!important;border-radius:14px}.z103-economy .z101-coin{width:32px;height:32px;flex-basis:32px;font-size:14px}.z103-economy .z101-balance{font-size:14px}.z103-economy .z101-sub{display:none}.z103-economy .z101-label{font-size:7px}.z103-economy .z101-wallet-actions{display:none}.z103-economy .z101-mining-icon{width:29px;height:29px;font-size:15px;border-radius:9px}.z103-economy .z101-mining h3{font-size:9px}.z103-economy .z101-countdown{font-size:10px}.z103-economy .z101-mining p{display:none}.z103-economy .z101-mine-action{min-width:70px}.z103-economy .z101-btn{font-size:8px;padding:7px 5px;border-radius:9px} .challenge-center-section{padding-top:22px!important}.challenge-center-heading{display:block!important}.challenge-center-heading h2{font-size:27px}.challenge-center-meta{margin-top:9px}.challenge-toolbar{font-size:9px!important;margin-bottom:10px!important}.challenge-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.challenge-card{min-height:205px!important;border-radius:15px!important}.challenge-visual{height:82px!important;min-height:82px!important;flex-basis:82px!important}.challenge-visual-fallback{font-size:34px!important}.challenge-copy{padding:9px 8px 4px!important}.challenge-copy .card-tag{font-size:7px!important}.challenge-copy h3{font-size:11px!important;margin-bottom:4px!important}.challenge-copy p{font-size:8px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-card>.btn{width:calc(100% - 16px)!important;margin:5px 8px 8px!important;padding:7px 4px!important;font-size:8px!important;border-radius:9px!important} .z103-admin-overlay{padding:6px}.z103-admin-card{width:calc(100vw - 8px);max-height:94dvh;border-radius:19px}.z103-admin-head{padding:12px}.z103-admin-logo{width:37px;height:37px;border-radius:11px;font-size:18px}.z103-admin-head h2{font-size:15px}.z103-admin-head p{font-size:8px}.z103-admin-live{font-size:8px}.z103-admin-body{padding:10px}.z103-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.z103-kpi{padding:10px;border-radius:13px}.z103-kpi b{font-size:17px}.z103-kpi span{font-size:8px}.z103-admin-grid{gap:8px}.z103-panel{border-radius:14px}.z103-panel-head{padding:10px}.z103-panel-head h3{font-size:11px}.z103-system{grid-template-columns:1fr 1fr;padding:8px}.z103-user-row{min-width:700px;font-size:8px;padding:8px}.z103-activity{max-height:250px}.z103-activity-row{padding:8px 10px}.z103-admin-close{width:32px;height:32px} .z103-terms-callout{font-size:9px;padding:10px}.zivo-legal-card{padding:14px!important}.zivo-legal-body p{font-size:9px!important}.zivo-legal-body h3{font-size:11px!important} } /* ---- SOURCE: zivo-v104-pro.css (external) ---- */ /* ZIVOZONE V104 — Global Luxury Command + Mobile Challenge System */ :root{ --z104-bg:#05070d;--z104-panel:rgba(11,17,29,.94);--z104-line:rgba(107,186,255,.16); --z104-cyan:#43dcff;--z104-purple:#8b68ff;--z104-gold:#ffd84a;--z104-green:#72f0b0; } .z104-admin-overlay{position:fixed;inset:0;z-index:250000;display:grid;place-items:center;padding:12px;background:rgba(1,3,8,.84);backdrop-filter:blur(18px);font-family:inherit} .z104-admin-shell{width:min(1220px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(120,190,255,.2);border-radius:28px;background: radial-gradient(circle at 85% 0,rgba(119,86,255,.16),transparent 28%),linear-gradient(145deg,#0d1524,#050810); box-shadow:0 35px 100px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.06);color:#f7f9ff} .z104-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:rgba(6,10,18,.9);backdrop-filter:blur(15px);z-index:3} .z104-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:1000;color:#ffe680;background:radial-gradient(circle at 35% 25%,#fff3a4,#d89d17 58%,#6d4300);box-shadow:0 0 30px rgba(255,216,74,.16)} .z104-head small{display:block;color:#7e8ca6;font-size:9px;font-weight:900;letter-spacing:.12em}.z104-head h2{margin:3px 0 0;font-size:20px}.z104-head p{margin:3px 0 0;color:#94a2ba;font-size:10px}.z104-live{margin-inline-start:auto;display:flex;align-items:center;gap:7px;color:#72f0b0;font-size:9px;font-weight:1000}.z104-live i{width:7px;height:7px;border-radius:50%;background:#72f0b0;box-shadow:0 0 12px #72f0b0}.z104-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:12px;color:#fff;font-size:23px;cursor:pointer} .z104-body{padding:18px}.z104-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.z104-kpi{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));min-width:0}.z104-kpi b{display:block;font-size:22px;color:#fff}.z104-kpi span{display:block;font-size:10px;font-weight:900;color:#a9b4c8;margin-top:4px}.z104-kpi em{display:block;font-style:normal;font-size:8px;color:#65738b;margin-top:5px} .z104-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:12px;margin-top:12px}.z104-panel{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}.z104-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.z104-panel-head h3{margin:0;font-size:13px}.z104-panel-head small{color:#697790;font-size:8px}.z104-refresh{border:1px solid rgba(67,220,255,.16);background:rgba(67,220,255,.06);color:#8beaff;border-radius:9px;padding:7px 10px;font-weight:900;font-size:9px;cursor:pointer} .z104-table{overflow:auto}.z104-user{display:grid;grid-template-columns:1.1fr 1.5fr .55fr .7fr .7fr .7fr 1.1fr;min-width:760px;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.045);align-items:center;font-size:9px}.z104-user.head{color:#718098;font-weight:900;background:rgba(255,255,255,.025)}.z104-user b{color:#fff}.z104-user span{color:#9aa7bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z104-online{color:#72f0b0!important}.z104-activity{max-height:460px;overflow:auto}.z104-act{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.045)}.z104-act b{font-size:10px}.z104-act span{display:block;color:#a3aec0;font-size:9px;margin-top:3px}.z104-act small{display:block;color:#627088;font-size:8px;margin-top:4px}.z104-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.z104-bars{padding:15px}.z104-bar{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:8px;margin:9px 0;font-size:9px;color:#94a1b5}.z104-track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.z104-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#43dcff,#8b68ff);box-shadow:0 0 15px rgba(67,220,255,.15)}.z104-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.z104-status div{padding:11px;border-radius:13px;background:rgba(255,255,255,.035);font-size:8px;color:#718098}.z104-status b{display:block;color:#72f0b0;font-size:10px;margin-top:4px} #login-btn.z104-admin-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#211a09,#11131b)!important;color:#ffe37a!important;border:1px solid rgba(255,216,74,.5)!important} .z104-challenge-icon{width:74px!important;height:74px!important;border-radius:22px!important;display:grid!important;place-items:center!important;font-size:31px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 40%),linear-gradient(145deg,rgba(67,220,255,.12),rgba(139,104,255,.12))!important;border:1px solid rgba(112,196,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.2)!important} .z104-challenge-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:rgba(139,104,255,.08);border:1px solid rgba(139,104,255,.12);color:#b8a8ff;font-size:8px;font-weight:1000} .z104-challenge-card{position:relative!important}.z104-challenge-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(67,220,255,.025),transparent 45%,rgba(139,104,255,.035));pointer-events:none} @media(max-width:900px){.z104-kpis{grid-template-columns:repeat(3,1fr)}.z104-grid,.z104-bottom{grid-template-columns:1fr}} @media(max-width:700px){ .z104-admin-overlay{padding:0}.z104-admin-shell{max-height:100vh;border-radius:0;border-width:0}.z104-head{padding:13px 12px}.z104-mark{width:40px;height:40px;border-radius:13px;font-size:19px}.z104-head h2{font-size:15px}.z104-head p{font-size:8px}.z104-live{display:none}.z104-body{padding:10px}.z104-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.z104-kpi{padding:11px;border-radius:14px}.z104-kpi b{font-size:18px}.z104-grid{margin-top:8px;gap:8px}.z104-panel{border-radius:16px}.z104-panel-head{padding:11px}.z104-bottom{margin-top:8px}.z104-challenge-icon{width:58px!important;height:58px!important;border-radius:17px!important;font-size:25px!important} #login-btn.z104-admin-name{max-width:118px;font-size:9px;padding:8px 9px} .challenge-list{grid-template-columns:1fr!important;gap:9px!important;padding:0 2px} .challenge-card{grid-template-columns:62px 1fr!important;min-height:150px!important} .challenge-card .challenge-visual{width:62px!important;height:62px!important} .challenge-card>.btn{grid-column:1/-1!important;width:100%!important;max-width:none!important;height:38px!important;font-size:11px!important} } /* ---- SOURCE: zivo-v105-luxury.css (external) ---- */ /* ZIVOZONE V105 — visual system inspired by the supplied mobile product reference */ :root{--v105-bg:#02050b;--v105-panel:#07101b;--v105-line:rgba(62,190,255,.32);--v105-cyan:#22c8ff;--v105-blue:#1768ff;--v105-purple:#8b4dff;--v105-gold:#ffd33d;--v105-text:#f5f8ff;--v105-muted:#8795ad} html{background:#02050b}body{background:radial-gradient(circle at 50% -5%,rgba(23,104,255,.12),transparent 27%),linear-gradient(180deg,#02050b 0%,#030711 55%,#02050b 100%);font-family:"Cairo",system-ui,sans-serif} .brand{gap:8px!important}.brand-mark{width:35px!important;height:35px!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#6dd9ff 35%,#3b55ff 75%,#17102d)!important;box-shadow:0 0 26px rgba(48,167,255,.28)!important}.brand-name{font-weight:1000!important;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#50d5ff 50%,#7655ff);-webkit-background-clip:text;background-clip:text;color:transparent!important} .main-nav{gap:18px!important}.main-nav a{font-size:11px!important;font-weight:800;color:#8f9ab2!important}.main-nav a:hover{color:#fff!important} .top-actions{gap:6px!important}.top-actions .firebase-status{width:9px!important;height:9px!important}.top-actions #audio-toggle{width:36px!important;height:36px!important;border-radius:12px!important}.top-actions #language-select{height:36px!important;font-size:10px!important;background:#0a1120!important;border-color:#1a3150!important}.top-actions #login-btn{height:38px!important;border-radius:12px!important;font-size:10px!important;padding:0 12px!important} .z101-economy{width:min(1180px,calc(100% - 26px))!important;margin:8px auto 0!important;gap:8px!important}.z101-card{min-height:58px!important;border:1px solid rgba(255,205,58,.28)!important;background:linear-gradient(145deg,rgba(13,18,28,.96),rgba(5,9,16,.96))!important;border-radius:15px!important;box-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important}.z101-coin{width:40px!important;height:40px!important;flex-basis:40px!important}.z101-balance{font-size:17px!important}.z101-countdown{font-size:12px!important}.z101-mine-action .z101-btn{border-radius:10px!important} .hero{width:min(1180px,calc(100% - 26px));margin:12px auto 0!important;min-height:430px!important;padding:20px!important;border:1px solid rgba(42,181,255,.28);border-radius:24px;background:radial-gradient(circle at 13% 20%,rgba(35,102,255,.23),transparent 35%),radial-gradient(circle at 90% 10%,rgba(132,70,255,.15),transparent 30%),linear-gradient(145deg,#07111f,#030811 72%);box-shadow:0 30px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04);overflow:hidden;position:relative} .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(73,162,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(73,162,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none} .hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#50d9ff!important;font-size:10px!important;font-weight:900!important}.hero h1{font-size:clamp(40px,6vw,76px)!important;line-height:1.05!important;margin:8px 0 15px!important}.hero-brand{background:linear-gradient(90deg,#fff 5%,#9d8bff 40%,#28d6ff 80%);-webkit-background-clip:text;background-clip:text;color:transparent!important}.hero p{max-width:600px!important;color:#aeb9cc!important;font-size:14px!important}.hero-actions{margin-top:22px!important}.hero-stats{display:grid!important;grid-template-columns:repeat(3,100px)!important;gap:8px!important;margin-top:26px!important}.hero-stats div{padding:9px!important;border:1px solid rgba(58,185,255,.16);border-radius:13px;background:rgba(255,255,255,.035)}.hero-stats b{font-size:19px!important}.hero-stats span{font-size:8px!important;color:#8290a8!important} .hero-orb-wrap{min-height:340px!important;background:url('assets/zivo-hero-player.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 45px rgba(26,126,255,.2));z-index:1}.hero-orb{display:none!important}.float-tag{border-color:rgba(76,205,255,.35)!important;background:rgba(3,9,18,.78)!important;box-shadow:0 0 20px rgba(44,178,255,.08)!important;font-size:9px!important} .challenge-center-section{width:min(1180px,calc(100% - 26px));margin:14px auto!important;border:1px solid rgba(47,188,255,.2);border-radius:24px;padding:20px!important;background:radial-gradient(circle at 50% 0,rgba(52,120,255,.14),transparent 30%),linear-gradient(180deg,#06101b,#030811)!important;box-shadow:0 30px 80px rgba(0,0,0,.3)} .challenge-center-heading h2{font-size:30px!important}.challenge-toolbar{border-color:rgba(57,195,255,.16)!important;background:rgba(4,12,22,.68)!important}.challenge-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;max-width:none!important}.challenge-card{min-height:170px!important;grid-template-columns:112px minmax(0,1fr) 88px!important;border-radius:19px!important;border-color:rgba(52,186,255,.24)!important;background:linear-gradient(145deg,#091625,#050a12)!important;box-shadow:0 15px 45px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)!important}.challenge-card:hover{transform:translateY(-4px)!important;border-color:rgba(54,204,255,.6)!important;box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 30px rgba(39,183,255,.1)!important}.challenge-visual{width:112px!important;min-height:170px!important;background:radial-gradient(circle at 50% 20%,rgba(43,191,255,.18),transparent 55%),linear-gradient(145deg,#0a1d31,#070b14)!important}.z104-challenge-icon{width:76px!important;height:76px!important;border-radius:24px!important;margin:auto!important;font-size:34px!important;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.14),transparent 35%),linear-gradient(145deg,#132b52,#10122b)!important}.challenge-copy h3{font-size:17px!important}.challenge-copy p{font-size:10px!important}.challenge-card>.btn{border-radius:11px!important;margin:12px!important;width:76px!important;min-width:76px!important;font-size:10px!important} .ad-slot,.ad-column{display:none!important}.challenge-layout{display:block!important}.challenge-main{width:100%!important} .identity-panel,.ai-panel,.sports-card,.game-card,.profile-panel{border-color:rgba(45,185,255,.18)!important;background:linear-gradient(145deg,#07121e,#040912)!important} .mobile-nav{border:1px solid rgba(46,186,255,.25)!important;background:rgba(3,9,17,.96)!important;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(22,110,255,.08)!important}.mobile-nav a.active{color:#4fd6ff!important;text-shadow:0 0 16px rgba(52,210,255,.35)} .footer{background:#030711!important;border-color:rgba(47,185,255,.12)!important} .z104-admin-shell{border-radius:26px!important;border-color:rgba(54,200,255,.34)!important;background:radial-gradient(circle at 85% 0,rgba(93,69,255,.2),transparent 25%),linear-gradient(145deg,#071321,#03070e)!important}.z104-kpi,.z104-panel{border-color:rgba(54,193,255,.15)!important;background:rgba(255,255,255,.025)!important}.z104-kpi b{color:#fff!important}.z104-kpi:nth-child(2) b{color:#53e9a0!important}.z104-kpi:nth-child(5) b{color:#ffd94a!important}.z104-fill{background:linear-gradient(90deg,#1fc9ff,#705cff)!important} @media(max-width:900px){.main-nav{display:none!important}.hero{grid-template-columns:1fr!important;min-height:0!important}.hero-copy{text-align:center!important}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center!important}.hero-orb-wrap{min-height:250px!important;order:-1}.hero-stats{justify-content:center!important}.challenge-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){ body{padding-bottom:82px}.topbar{height:58px!important;padding:6px 8px!important}.brand-name{font-size:18px!important}.brand-mark{width:32px!important;height:32px!important}.top-actions #audio-toggle,.top-actions .firebase-status,.top-actions #language-select{display:none!important}.top-actions #login-btn{max-width:100px;height:34px!important;font-size:8px!important;padding:0 8px!important} .z101-economy{width:calc(100% - 12px)!important;margin:6px auto 0!important;grid-template-columns:1fr 1fr!important}.z101-card{min-height:58px!important;padding:7px!important;border-radius:13px!important}.z101-wallet .z101-coin{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:14px!important}.z101-balance{font-size:14px!important}.z101-sub{font-size:7px!important}.z101-mining-icon{font-size:16px!important}.z101-mining h3{font-size:9px!important}.z101-countdown{font-size:10px!important}.z101-mine-action{min-width:72px!important}.z101-mine-action .z101-btn{font-size:8px!important;padding:7px 5px!important} .hero{width:calc(100% - 12px)!important;margin:7px auto!important;padding:12px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important}.hero-orb-wrap{min-height:205px!important;order:-1!important;margin:-2px -4px 0!important}.hero h1{font-size:35px!important;margin:3px 0 8px!important}.hero p{font-size:10px!important;line-height:1.8!important}.hero-actions{margin-top:12px!important}.hero-actions .btn{height:38px!important;font-size:10px!important}.hero-stats{grid-template-columns:repeat(3,1fr)!important;margin-top:14px!important}.hero-stats div{padding:7px!important}.hero-stats b{font-size:16px!important}.hero-stats span{font-size:7px!important} .challenge-center-section{width:calc(100% - 12px)!important;margin:8px auto!important;padding:10px!important;border-radius:19px!important}.challenge-center-heading{margin-bottom:9px!important}.challenge-center-heading h2{font-size:22px!important}.challenge-center-heading p{font-size:8px!important}.challenge-center-meta{display:none!important}.challenge-toolbar{display:none!important}.challenge-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.challenge-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:182px!important;border-radius:15px!important}.challenge-visual{width:100%!important;height:78px!important;min-height:78px!important;border-bottom:1px solid rgba(57,197,255,.16)!important}.z104-challenge-icon{width:52px!important;height:52px!important;border-radius:16px!important;font-size:23px!important}.challenge-copy{padding:7px 8px!important;display:block!important}.challenge-copy .card-tag{font-size:7px!important}.challenge-copy h3{font-size:11px!important;line-height:1.35!important;margin:2px 0!important}.challenge-copy p{font-size:7px!important;line-height:1.55!important;-webkit-line-clamp:2!important}.challenge-card>.btn{width:calc(100% - 14px)!important;min-width:0!important;height:29px!important;margin:0 7px 7px!important;padding:5px!important;font-size:8px!important} .section:not(#home):not(#challenges){width:calc(100% - 12px);margin-inline:auto}.mobile-nav{left:6px!important;right:6px!important;bottom:6px!important;border-radius:17px!important;padding:5px!important}.mobile-nav a,.mobile-nav button{min-height:49px!important;font-size:17px!important}.mobile-nav a span,.mobile-nav button span{font-size:7px!important} } /* ============================================================ ZIVOZONE V105.4 — RESTORED SIGNATURE Z / PERFORMANCE LAYER Restore the original glowing Z identity while keeping the luxury mobile system. No player-background replacement. ============================================================ */ .brand-mark{ display:grid!important;place-items:center!important; width:40px!important;height:40px!important;border-radius:13px!important; font-size:24px!important;font-weight:1000!important;line-height:1!important; color:#fff!important; background:radial-gradient(circle at 30% 22%,#ffffff 0,#55d8ff 24%,#4b3dff 58%,#160d35 100%)!important; border:1px solid rgba(255,255,255,.2)!important; box-shadow:0 0 30px rgba(69,130,255,.38),inset 0 0 18px rgba(255,255,255,.10)!important; } .brand-mark:before,.brand-mark:after{pointer-events:none!important} .hero-orb-wrap{ background:none!important;filter:drop-shadow(0 0 45px rgba(72,88,255,.22))!important; } .hero-orb{ display:grid!important;place-items:center!important;position:relative!important; width:300px!important;height:300px!important;border-radius:50%!important; background:radial-gradient(circle at 34% 27%,#8b6dff 0,#5140d6 28%,#151632 62%,#050812 100%)!important; box-shadow:0 0 100px rgba(91,66,255,.42),inset 0 0 55px rgba(255,255,255,.09)!important; overflow:visible!important; } .hero-orb span{ display:block!important;color:#fff!important;font-size:132px!important;font-weight:1000!important; text-shadow:0 0 14px #fff,0 0 38px rgba(124,92,255,.95),0 0 75px rgba(45,210,255,.28)!important; animation:zCenterGlow 4.5s ease-in-out infinite!important; } @media(max-width:900px){.hero-orb-wrap{min-height:260px!important;order:-1!important}.hero-orb{width:235px!important;height:235px!important}.hero-orb span{font-size:105px!important}} @media(max-width:700px){.brand-mark{width:34px!important;height:34px!important;font-size:20px!important}.hero-orb-wrap{min-height:210px!important;margin:0!important}.hero-orb{width:190px!important;height:190px!important}.hero-orb span{font-size:82px!important}.hero-orb:before{inset:-10px!important}.hero-orb:after{inset:-20px!important}} /* ZIVOZONE V1180 — single ADMIN entry point + mobile luxury polish */ #login-btn.z104-admin-name{min-width:82px!important;max-width:112px!important;text-align:center!important;border-radius:12px!important;box-shadow:0 0 22px rgba(255,216,74,.12),inset 0 1px 0 rgba(255,255,255,.08)!important} @media(max-width:700px){#login-btn.z104-admin-name{min-width:72px!important;max-width:82px!important;padding:8px 8px!important;font-size:9px!important}.z104-head{position:sticky;top:0}.z104-body{padding-bottom:24px}} /* ===================================================================== ZIVOZONE V1180 — mobile nav toggle + responsive nav menu. (Its old .topbar override was folded into the single canonical .topbar rule near the top of this file during the V1180 refactor — see CHANGELOG_V1180_REFACTOR.md. Do not add another .topbar rule here; edit the canonical one instead.) ===================================================================== */ #zivo-nav-toggle{display:none;flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);cursor:pointer;align-items:center;justify-content:center;padding:0} #zivo-nav-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;margin:2px auto;transition:.2s} body.zivo-nav-open #zivo-nav-toggle span:nth-child(1){transform:translateY(4px) rotate(45deg)} body.zivo-nav-open #zivo-nav-toggle span:nth-child(2){opacity:0} body.zivo-nav-open #zivo-nav-toggle span:nth-child(3){transform:translateY(-4px) rotate(-45deg)} @media(max-width:900px){ #zivo-nav-toggle{display:flex!important} .main-nav{display:none!important;position:fixed!important;top:64px!important;inset-inline:10px!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;width:auto!important;overflow:visible!important;background:#0b0e1b!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 25px 70px rgba(0,0,0,.55)!important;z-index:9999!important} .main-nav a{padding:13px 14px!important;border-radius:12px!important;font-size:14px!important;color:#e7ebf8!important} .main-nav a:hover{background:rgba(255,255,255,.07)!important} body.zivo-nav-open .main-nav{display:flex!important} .top-actions{flex-wrap:nowrap!important} .top-actions select#language-select{max-width:96px} } @media(max-width:480px){ .top-actions #login-btn{font-size:11px!important;padding:9px 10px!important} } /* ZIVOZONE V1180 — Canonical Economy UI One DOM owner: core/modules/economy.js No presentation hooks from legacy economy layers. */ .zivo-economy-core{ width:min(1180px,calc(100% - 26px)); margin:12px auto 8px; padding:16px; border:1px solid rgba(255,213,70,.20); border-radius:18px; background:linear-gradient(145deg,#0c111b,#070b12 78%); box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04); } .zivo-economy-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 3px 12px} .zivo-economy-kicker{display:inline-flex;color:#ffe27a;font-size:9px;font-weight:900;letter-spacing:1.5px} .zivo-economy-head h2{margin:4px 0 2px;font-size:clamp(18px,2.4vw,24px);line-height:1.2;color:#fff} .zivo-economy-head p{margin:0;color:#8290a4;font-size:9.5px;line-height:1.5} .zivo-economy-total{text-align:left;direction:rtl;flex:0 0 auto;padding:7px 11px;border:1px solid rgba(255,213,70,.18);border-radius:11px;background:rgba(255,213,70,.045)} .zivo-economy-total span{display:block;color:#8895a8;font-size:8px;font-weight:800} .zivo-economy-total strong{display:block;color:#ffe06a;font-size:18px;line-height:1.2;margin-top:2px;font-variant-numeric:tabular-nums} .zivo-economy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .zivo-economy-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid rgba(111,177,218,.14);border-radius:14px;background:linear-gradient(145deg,#0b1724,#07101a);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)} .zivo-wallet-card{border-color:rgba(255,213,70,.18)} .zivo-mining-card{border-color:rgba(74,201,255,.17)} .zivo-card-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:rgba(72,196,255,.08);border:1px solid rgba(72,196,255,.13);font-size:20px} .zivo-coin-icon{border-color:rgba(255,215,70,.25);background:radial-gradient(circle at 30% 25%,#fff4ae,#ffd43d 48%,#8e5e00);color:#553500;font-weight:1000;box-shadow:0 0 18px rgba(255,211,61,.15)} .zivo-card-main{min-width:0} .zivo-card-label{display:block;color:#8997aa;font-size:8px;font-weight:900;letter-spacing:.4px} .zivo-card-main>strong{display:block;color:#fff;font-size:18px;line-height:1.25;margin-top:2px;font-variant-numeric:tabular-nums} .zivo-wallet-card .zivo-card-main>strong{color:#ffe06a;font-size:21px} .zivo-card-main small{display:block;color:#76869b;font-size:8px;line-height:1.45;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .zivo-mining-title{display:flex;align-items:center;gap:7px} .zivo-mining-title em{font-style:normal;color:#70e8a4;background:rgba(70,225,145,.07);border:1px solid rgba(70,225,145,.14);border-radius:99px;padding:2px 5px;font-size:7px;font-weight:900} .zivo-mining-bar{height:4px;margin-top:6px;background:#111d29;border-radius:99px;overflow:hidden} .zivo-mining-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#35c7ff,#6cf0b0);transition:width .25s ease} .zivo-last-mining{opacity:.72} .zivo-economy-btn{min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);font:900 9px/1.2 Cairo,Tahoma,sans-serif;cursor:pointer;white-space:nowrap} .zivo-economy-btn.primary{color:#17120a;background:linear-gradient(135deg,#ffd43d,#ffe991);border-color:#ffd43d;box-shadow:0 7px 18px rgba(255,212,61,.12)} .zivo-economy-btn.secondary{color:#dff3ff;background:#0d1b2a;border-color:rgba(100,199,245,.18)} .zivo-economy-btn:hover{filter:brightness(1.06)} .zivo-economy-btn:disabled{opacity:.58;cursor:not-allowed;filter:none} .zivo-economy-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px 0;color:#738196;font-size:8px} .zivo-economy-foot b{color:#9eabbb;font-size:8px} .z101-ledger-preview{display:flex;gap:10px;margin-top:4px;overflow:hidden} .z101-ledger-mini{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .z101-ledger-mini span{color:#77879b}.z101-ledger-mini b{color:#ffe06a} .zivo-economy-security{white-space:nowrap;color:#627287} .zivo-header-economy{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:4px 8px;border:1px solid rgba(255,213,70,.22);border-radius:11px;background:linear-gradient(145deg,#171409,#0c1018);color:#fff;cursor:pointer;direction:rtl} .zivo-header-coin{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff4ae,#ffd43d 48%,#8e5e00);color:#533300;font-size:12px;font-weight:1000} .zivo-header-balance{display:grid;line-height:1}.zivo-header-balance small{font-size:6px;color:#a7b0bd;font-weight:900}.zivo-header-balance b{margin-top:3px;color:#ffe06a;font-size:12px;font-variant-numeric:tabular-nums}.zivo-header-mining{color:#8d9bad;font-size:7px;font-weight:900;white-space:nowrap}.zivo-header-mining.ready{color:#70e8a4} @media(max-width:700px){.zivo-header-economy{min-height:34px;padding:3px 6px;gap:5px;border-radius:9px}.zivo-header-coin{width:22px;height:22px;font-size:10px}.zivo-header-balance b{font-size:10px}.zivo-header-mining{display:none}} /* Legacy selectors are intentionally neutralized at the canonical owner. */ #zivo-v101-economy.z103-economy{all:unset} #zivo-v101-economy.z103-economy > *{all:unset} .z101-overlay{position:fixed;inset:0;z-index:120000;display:none;place-items:center;padding:14px;background:rgba(0,0,0,.74);backdrop-filter:blur(10px)} .z101-overlay.open{display:grid} .z101-modal{width:min(650px,calc(100vw - 24px));max-height:88vh;overflow:auto;color:#fff;background:#0a121c;border:1px solid rgba(110,190,235,.18);border-radius:17px;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.5)} .z101-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.z101-modal-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#111c29;color:#fff;font-size:21px;cursor:pointer}.z101-label{color:#8b9bad;font-size:8px;font-weight:900}.z101-modal h2{margin:3px 0 0;font-size:18px}.z101-modal-balance{margin:14px 0;color:#ffe06a;font-size:32px;font-weight:1000}.z101-modal-stats{display:flex;gap:8px}.z101-modal-stats span{flex:1;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#8190a4;font-size:8px}.z101-modal-stats b{color:#fff;font-size:12px}.z101-ledger{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:9px}.z101-ledger-title{font-size:9px;color:#94a2b3;font-weight:900}.z101-ledger-list{max-height:250px;overflow:auto}.z101-ledger-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.z101-ledger-row b{color:#ffe06a}.z101-ledger-row small{grid-column:1/-1;color:#5f7084;font-size:7px}.z101-note{margin-top:10px;color:#5f6e80;font-size:8px;line-height:1.6} @media(max-width:760px){ .zivo-economy-core{width:calc(100% - 12px);margin:7px auto;padding:11px;border-radius:14px} .zivo-economy-head{gap:10px;padding-bottom:9px}.zivo-economy-head h2{font-size:16px}.zivo-economy-head p{font-size:8px}.zivo-economy-total{padding:6px 8px}.zivo-economy-total strong{font-size:15px} .zivo-economy-grid{grid-template-columns:1fr;gap:7px} .zivo-economy-card{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:10px;border-radius:12px} .zivo-card-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px;font-size:18px} .zivo-card-main>strong{font-size:16px}.zivo-wallet-card .zivo-card-main>strong{font-size:19px}.zivo-card-main small{font-size:8px} .zivo-economy-btn{grid-column:2;justify-self:stretch;width:100%;min-height:38px;font-size:9px} .zivo-economy-foot{display:block;padding-top:7px}.zivo-economy-security{display:block;margin-top:4px}.z101-ledger-preview{max-width:100%;gap:8px} } /* Match Center and current index styles */ /* ZIVOZONE V1180 — unified stylesheet entry point. Legacy CSS is isolated and loaded first; new architecture modules layer on top. */ /* ZIVOZONE V1180 — MATCH CENTER CORE */ .mc-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px}.mc-heading h3{margin:0}.mc-heading p{margin:6px 0 0;color:#7f8da4;font-size:11px}.match-center-host{max-width:1180px;margin:0 auto}.mc-shell{border:1px solid rgba(76,190,255,.18);border-radius:18px;background:#050b13;overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.22)}.mc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#07101b}.mc-toolbar-main{display:flex;align-items:center;gap:10px;min-width:0}.mc-days,.mc-filters{display:flex;gap:6px;align-items:center}.mc-days button,.mc-filters select,.mc-refresh{border:1px solid #263a51;background:#091522;color:#dcecff;border-radius:9px;padding:8px 11px;font:700 11px/1.1 Cairo,Tahoma,sans-serif;cursor:pointer;white-space:nowrap}.mc-days button.active{background:#123d5a;border-color:#36b9ff;color:#fff}.mc-days button:hover,.mc-refresh:hover{border-color:#3bbdff}.mc-filters select{min-width:145px}.mc-refresh{color:#79d7ff}.mc-refresh:disabled{opacity:.6;cursor:wait}.mc-source{display:flex;align-items:center;gap:8px;white-space:nowrap}.mc-source span{font:900 8px/1 Cairo,Tahoma,sans-serif;color:#76d7ff;border:1px solid rgba(76,201,255,.22);padding:4px 6px;border-radius:6px}.mc-source small{color:#6f8097;font-size:8px}.mc-live-strip{display:flex;align-items:center;gap:7px;overflow:auto;padding:8px 12px;border-bottom:1px solid rgba(255,70,100,.12);background:linear-gradient(90deg,rgba(191,26,58,.09),transparent)}.mc-live-label{display:flex;align-items:center;gap:5px;color:#ff7088;font-size:10px;font-weight:900;flex:none}.mc-live-label i{width:6px;height:6px;border-radius:50%;background:#ff536e;box-shadow:0 0 0 4px rgba(255,83,110,.08)}.mc-live-item{display:flex;align-items:center;gap:7px;flex:none;border:1px solid rgba(255,255,255,.07);background:#0a1521;color:#dce8f5;border-radius:8px;padding:5px 8px;cursor:pointer;font:700 9px Cairo,Tahoma,sans-serif}.mc-live-item b{color:#fff}.mc-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.06);background:#060e17}.mc-summary>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;border-inline-end:1px solid rgba(255,255,255,.045)}.mc-summary>div:last-child{border-inline-end:0}.mc-summary strong{font-size:18px;color:#fff}.mc-summary span{font-size:9px;color:#78879b}.mc-summary .summary-live strong{color:#ff7088}.mc-content{padding:4px 10px 10px}.mc-day{padding:9px 2px 4px}.mc-day>header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 10px}.mc-day>header div{display:flex;align-items:baseline;gap:8px}.mc-day-kicker{font-size:8px;color:#54c7ff;text-transform:uppercase;font-weight:900}.mc-day>header strong{font-size:13px;color:#edf5fd}.mc-day>header>span{font-size:9px;color:#73839a}.mc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mc-match{position:relative;min-width:0;border:1px solid rgba(72,157,205,.19);border-radius:13px;background:linear-gradient(145deg,#0a1724,#07101a);overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.mc-match:hover{transform:translateY(-2px);border-color:rgba(89,204,255,.48);box-shadow:0 10px 25px rgba(0,0,0,.2)}.mc-match.is-live{border-color:rgba(255,65,91,.45);box-shadow:inset 0 0 0 1px rgba(255,65,91,.04)}.mc-card-open{display:block;width:100%;height:100%;border:0;background:transparent;color:inherit;padding:11px;text-align:inherit;cursor:pointer;font:inherit}.mc-match-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#70d0ff;font-size:8px;font-weight:800;white-space:nowrap}.mc-status{font-size:8px}.mc-status.live{color:#ff7189}.mc-status.finished{color:#91a1b6}.mc-status.upcoming{color:#77d5ff}.mc-teams{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:7px;margin:13px 0 9px}.mc-team{display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}.mc-team strong{font-size:10.5px;line-height:1.35;color:#edf4fc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-team-logo,.mc-team-fallback{width:38px;height:38px;object-fit:contain}.mc-team-fallback{display:grid;place-items:center;border-radius:50%;background:#13263b;color:#79d6ff;font-weight:900;font-size:15px}.mc-center{text-align:center;min-width:0}.mc-score{display:flex;align-items:center;justify-content:center;gap:4px;font-size:20px;font-weight:900;color:#fff;line-height:1}.mc-score b{min-width:15px}.mc-score i{font-style:normal;color:#5f728b}.mc-score-live b{color:#fff}.mc-time{font-size:14px;color:#78d5ff}.mc-center small{display:block;margin-top:6px;color:#718298;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-meta{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;color:#718097;font-size:7.5px;min-height:28px}.mc-card-cta{display:flex;justify-content:center;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.045);color:#74d3ff;font-size:8.5px;font-weight:900}.mc-card-cta span{font-size:11px}.mc-empty,.mc-loading{padding:55px 20px;text-align:center;display:grid;justify-items:center;gap:8px;color:#73839a}.mc-empty span{font-size:30px}.mc-empty strong,.mc-loading strong{color:#dbe8f6;font-size:14px}.mc-empty small,.mc-loading span{font-size:10px}.mc-footer{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.05);color:#68788e;font-size:8px}.mc-heading .live-badge{white-space:nowrap} /* Match details: one modal owned by Match Center, no old runtime reference. */ .md-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:14px;background:rgba(1,5,10,.78);backdrop-filter:blur(8px)}.md-panel{width:min(760px,100%);max-height:min(92vh,860px);overflow:auto;border:1px solid rgba(81,194,255,.2);border-radius:18px;background:#06101a;box-shadow:0 30px 90px rgba(0,0,0,.55);color:#eaf3fb}.md-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06);background:#07131f}.md-head span{display:block;color:#6fd1ff;font-size:9px;font-weight:900}.md-head h3{margin:3px 0 0;font-size:15px}.md-head button{width:32px;height:32px;border:1px solid #2a4057;border-radius:9px;background:#0a1826;color:#dcecff;font-size:22px;line-height:1;cursor:pointer}.md-hero{padding:18px 16px 14px;background:linear-gradient(145deg,#091a2a,#06101a);text-align:center}.md-date{color:#8191a7;font-size:9px}.md-scoreboard{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:14px;margin-top:16px}.md-scoreboard>div{display:grid;justify-items:center;gap:8px}.md-scoreboard .mc-team-logo,.md-scoreboard .mc-team-fallback{width:54px;height:54px}.md-scoreboard strong{font-size:12px;line-height:1.45}.md-scoreboard section{display:grid;gap:7px}.md-scoreboard section>b{font-size:28px}.md-scoreboard section i{font-style:normal;color:#60738a}.md-scoreboard section span{font-size:9px;color:#70d2ff}.md-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:#8393a8;font-size:8px}.md-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);background:#07111b}.md-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#8291a6;padding:10px 7px;font:800 10px Cairo,Tahoma,sans-serif;cursor:pointer}.md-tabs button.active{color:#fff;border-bottom-color:#4bc6ff}.md-body{padding:12px}.md-card{border:1px solid rgba(89,175,218,.13);border-radius:12px;background:#081520;padding:12px}.md-card h4{margin:0 0 11px;font-size:11px}.md-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.md-info-grid span{display:grid;gap:4px;color:#708198;font-size:8px}.md-info-grid strong{color:#e3edf7;font-size:9px}.md-event{display:grid;grid-template-columns:55px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.md-event:last-child{border-bottom:0}.md-event time{color:#69cfff;font-weight:900}.md-event span{color:#dbe5ef}.md-stat{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.md-stat:last-child{border-bottom:0}.md-stat span{color:#7c8ca1}.md-stat b{color:#e9f2fb}.md-muted{padding:20px;text-align:center;color:#73839a;font-size:9px}.md-loader{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;color:#8090a5;font-size:10px}.md-loader strong{color:#e2edf7;font-size:13px}.md-footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.05);color:#68788d;font-size:8px} @media(max-width:1050px){.mc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-toolbar{align-items:stretch;flex-direction:column}.mc-toolbar-main{justify-content:space-between}.mc-source{justify-content:flex-end}.mc-filters{overflow:auto}} @media(max-width:720px){.mc-heading{align-items:flex-start;flex-direction:column}.mc-shell{border-radius:14px}.mc-toolbar-main{display:block}.mc-days,.mc-filters{overflow:auto;padding-bottom:3px}.mc-filters{margin-top:6px}.mc-summary>div{padding:9px 3px;gap:4px}.mc-summary strong{font-size:15px}.mc-summary span{font-size:8px}.mc-content{padding:3px 7px 8px}.mc-day{padding:8px 0 3px}.mc-team-logo,.mc-team-fallback{width:31px;height:31px}.mc-teams{grid-template-columns:1fr 52px 1fr;gap:4px}.mc-team strong{font-size:9px}.mc-score{font-size:17px}.mc-meta{font-size:7px}.mc-footer{flex-direction:column}.mc-source{display:none}.md-scoreboard{grid-template-columns:1fr 90px 1fr;gap:7px}.md-scoreboard section>b{font-size:23px}.md-scoreboard strong{font-size:10px}.md-scoreboard .mc-team-logo,.md-scoreboard .mc-team-fallback{width:44px;height:44px}} @media(max-width:430px){.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mc-card-open{padding:9px}.mc-teams{grid-template-columns:1fr 48px 1fr}.mc-team-logo,.mc-team-fallback{width:28px;height:28px}.mc-team strong{font-size:8.5px}.mc-score{font-size:16px}.mc-meta{display:none}.mc-card-cta{font-size:7.5px}.mc-days button,.mc-filters select,.mc-refresh{padding:7px 8px;font-size:10px}.md-backdrop{padding:6px}.md-panel{border-radius:14px}.md-info-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.mc-match{transition:none}} /* ZIVOZONE 1127 — canonical News + Signature + Economy controls. */ .zivo-news-stack{width:min(1240px,calc(100% - 18px));display:grid;gap:8px;margin:10px auto 16px;direction:rtl;perspective:1200px} .zivo-news-rail{position:relative;display:flex;min-width:0;height:70px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#071522,#03070d 78%);border:1px solid rgba(61,195,255,.34);box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)} .zivo-news-rail:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(90deg,rgba(2,7,12,.95),transparent 8%,transparent 92%,rgba(2,7,12,.95))} .zivo-rail-head{z-index:6;flex:0 0 185px;display:flex;align-items:center;gap:8px;padding:0 14px;background:linear-gradient(180deg,#0a2030,#06101a);border-inline-end:1px solid rgba(74,190,255,.22);white-space:nowrap} .zivo-rail-live,.zivo-rail-badge{padding:7px 9px;border-radius:7px;color:#fff;font:1000 11px/1 Cairo,Tahoma,sans-serif}.zivo-rail-live{background:#d51f3d}.zivo-rail-badge{background:#147cb3}.zivo-rail-title{font:1000 17px/1.2 Cairo,Tahoma,sans-serif;color:#fff} .zivo-rail-window{position:relative;min-width:0;flex:1;overflow:hidden}.zivo-rail-track{position:relative;width:100%;height:100%;overflow:hidden} .zivo-news-slide{position:absolute;inset:0;display:flex;align-items:center;padding:0 22px;direction:rtl;opacity:0;transform:translate3d(110%,0,0) scale(.98);transition:transform 1.5s cubic-bezier(.2,.75,.2,1),opacity .9s ease;will-change:transform,opacity;z-index:1}.zivo-news-slide.active{opacity:1;transform:translate3d(0,0,0) scale(1);z-index:2}.zivo-news-slide.orbit-out{opacity:0;transform:translate3d(-112%,-8px,0) rotateZ(-2.5deg) scale(.97)}.zivo-news-slide.next{opacity:0;transform:translate3d(110%,8px,0) rotateZ(2.5deg) scale(.97)} .zivo-news-item{display:flex;align-items:center;gap:13px;max-width:100%;min-width:0;color:#fff;text-decoration:none;font:900 19px/1.55 Cairo,Tahoma,sans-serif;direction:rtl;text-align:right;white-space:nowrap}.zivo-news-brand{flex:0 0 auto;display:grid;place-items:center;height:34px;padding:0 11px;border-radius:8px;background:#0c6da4;border:1px solid rgba(127,220,255,.4);color:#fff;font:1000 12px/1 Arial,sans-serif;letter-spacing:.6px}.zivo-news-headline{display:block;min-width:0;overflow:visible;white-space:nowrap;transform:translateX(0)}.zivo-news-headline.smart-scroll{animation:newsSmartScroll var(--news-scroll-time,10s) ease-in-out infinite alternate}.zivo-politics-rail{border-color:rgba(255,195,70,.28)}.zivo-politics-rail .zivo-rail-head{background:linear-gradient(180deg,#24190a,#100d07);border-inline-end-color:rgba(255,195,70,.2)}.zivo-politics-rail .zivo-rail-title{color:#fff0c0}.zivo-politics-rail .zivo-news-brand{background:#a76b13;border-color:rgba(255,218,130,.38)} @keyframes newsSmartScroll{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(calc(-1 * var(--news-overflow,0px)))}} .zivo-signature-zone{width:min(1180px,calc(100% - 26px));margin:8px auto 28px;padding:18px;border:1px solid rgba(72,200,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(7,16,26,.97),rgba(4,8,14,.97));box-shadow:0 22px 60px rgba(0,0,0,.28)}.zivo-signature-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}.zivo-signature-head h2{margin:4px 0 3px;font-size:clamp(20px,3vw,28px)}.zivo-signature-head p{margin:0;color:#7d8da1;font-size:10px}.zivo-signature-live{padding:6px 9px;border-radius:99px;color:#6ff1a9;background:rgba(62,220,137,.06);border:1px solid rgba(62,220,137,.2);font-size:8px;font-weight:900}.zivo-signature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.zivo-signature-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:230px;overflow:hidden;border-radius:19px;border:1px solid rgba(65,200,255,.28);background:#050d15;cursor:pointer;box-shadow:0 18px 48px rgba(0,0,0,.34);transition:transform .22s,border-color .22s,box-shadow .22s}.zivo-signature-card:hover{transform:translateY(-4px);border-color:rgba(90,215,255,.72);box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 28px rgba(50,200,255,.09)}.zivo-signature-card.dark{border-color:rgba(255,43,71,.42);background:linear-gradient(145deg,#18050b,#04070b)}.zivo-signature-card.forensic{border-color:rgba(87,211,255,.34)}.zivo-signature-media{position:relative;min-height:230px;overflow:hidden}.zivo-signature-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.06);transition:transform .45s}.zivo-signature-card:hover .zivo-signature-media img{transform:scale(1.07)}.zivo-signature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78));pointer-events:none}.zivo-signature-status{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:6px;background:rgba(3,7,12,.72);border:1px solid rgba(255,255,255,.15);font:900 8px Arial,sans-serif;color:#fff}.zivo-signature-copy{display:flex;flex-direction:column;justify-content:center;padding:18px}.zivo-signature-copy>span{color:#6bd7ff;font-size:8px;font-weight:900;letter-spacing:1px}.zivo-signature-card.dark .zivo-signature-copy>span{color:#ff6c80}.zivo-signature-copy h3{margin:7px 0 7px;font-size:clamp(20px,3vw,28px)}.zivo-signature-copy p{margin:0;color:#91a0b1;font-size:10px;line-height:1.8}.zivo-signature-copy b{margin-top:15px;color:#fff;font-size:10px}.zivo-signature-card.dark .zivo-signature-copy b{color:#ff6c80} .zivo-header-mining-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 11px;border:1px solid rgba(77,229,159,.25);border-radius:11px;background:linear-gradient(145deg,#081b15,#07100e);color:#75f2ae;font:1000 9px/1 Cairo,Tahoma,sans-serif;cursor:pointer;white-space:nowrap}.zivo-header-mining-btn.ready{border-color:rgba(78,240,160,.5);box-shadow:0 0 18px rgba(50,230,140,.09)}.zivo-header-mining-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.zivo-header-economy{cursor:pointer} @media(max-width:760px){.zivo-news-stack{width:calc(100% - 10px);gap:6px;margin:6px auto 11px}.zivo-news-rail{height:62px;border-radius:13px}.zivo-rail-head{flex-basis:88px;padding:0 7px;gap:5px}.zivo-rail-title{font-size:11px}.zivo-rail-live,.zivo-rail-badge{padding:5px 6px;font-size:7px}.zivo-news-slide{padding:0 12px}.zivo-news-item{gap:8px;font-size:17px}.zivo-news-brand{height:28px;padding:0 7px;font-size:9px}.zivo-signature-zone{width:calc(100% - 12px);padding:11px;border-radius:16px}.zivo-signature-head{align-items:flex-start;flex-direction:column}.zivo-signature-head h2{font-size:19px}.zivo-signature-grid{grid-template-columns:1fr;gap:9px}.zivo-signature-card{grid-template-columns:42% 58%;min-height:155px;border-radius:15px}.zivo-signature-media{min-height:155px}.zivo-signature-copy{padding:12px}.zivo-signature-copy h3{font-size:18px}.zivo-signature-copy p{font-size:9px;line-height:1.6}.zivo-signature-copy b{margin-top:8px;font-size:9px}.zivo-header-mining-btn{min-height:34px;padding:5px 7px;font-size:8px}.zivo-header-economy{min-height:34px}} @media(max-width:430px){.zivo-news-item{font-size:15.5px}.zivo-news-brand{min-width:72px}.zivo-header-mining-btn{max-width:84px}.zivo-header-mining-btn span{overflow:hidden;text-overflow:ellipsis}.zivo-signature-card{grid-template-columns:1fr;min-height:240px}.zivo-signature-media{min-height:125px}.zivo-signature-copy{padding:11px}.zivo-signature-copy h3{font-size:19px}} /* ===== ZIVOZONE V1180 — Match Center additions (Favorites/Search/Status/Sync banner) ===== */ .mc-fav-toggle{position:absolute;top:8px;inset-inline-start:8px;z-index:2;border:0;background:transparent;color:#5f728b;font-size:16px;cursor:pointer;line-height:1;padding:2px} .mc-fav-toggle.is-fav{color:#ffcc4d} .mc-status.disrupted{color:#ff9f45} .mc-match.is-disrupted{border-color:rgba(255,159,69,.4)} .mc-filters input#mc-search{border:1px solid #263a51;background:#091522;color:#dcecff;border-radius:9px;padding:8px 11px;font:700 11px/1.1 Cairo,Tahoma,sans-serif;min-width:150px} .mc-prev-nav{display:flex;justify-content:space-between;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.06)} .mc-prev-nav button{border:1px solid #263a51;background:#091522;color:#dcecff;border-radius:9px;padding:6px 10px;font:700 10px Cairo,Tahoma,sans-serif;cursor:pointer} .mc-prev-nav button:disabled{opacity:.4;cursor:not-allowed} .mc-sync-banner{margin:8px 12px 0;padding:8px 12px;border-radius:10px;background:rgba(255,159,69,.1);border:1px solid rgba(255,159,69,.3);color:#ffcf9e;font:700 10px/1.4 Cairo,Tahoma,sans-serif} @media(max-width:720px){.mc-filters input#mc-search{min-width:0;flex:1}} /* V1180 FINAL MATCH CENTER — one owned responsive system */ .mc-shell{border:1px solid rgba(76,190,255,.24);border-radius:26px;background:linear-gradient(180deg,#06111d,#040a11);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.30)} .mc-hero-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;background:radial-gradient(circle at 80% 0%,rgba(45,180,255,.12),transparent 38%),#07131f;border-bottom:1px solid rgba(255,255,255,.07)} .mc-hero-head h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.mc-hero-head p{margin:0;color:#8da1b8;font-size:14px}.mc-sync{min-width:170px;padding:16px;border:1px solid rgba(87,188,239,.18);border-radius:16px;background:#081927;text-align:center}.mc-sync b{display:block;font-size:22px;color:#fff}.mc-sync small{color:#6f8298;font-size:10px} .mc-toolbar{padding:18px;display:grid;gap:14px;background:#06101a;border-bottom:1px solid rgba(255,255,255,.07)}.mc-days{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.mc-days button,.mc-filters select,.mc-filters input,.mc-refresh,.mc-prev-nav button{border:1px solid #29445b;background:#091724;color:#e6f3ff;border-radius:12px;padding:12px 15px;font:800 12px Cairo,Tahoma,sans-serif;white-space:nowrap}.mc-days button{min-width:88px}.mc-days button.active{background:linear-gradient(180deg,#15577d,#0c3650);border-color:#39bfff;box-shadow:0 0 0 2px rgba(57,191,255,.08)}.mc-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr) minmax(140px,.5fr) auto;gap:8px}.mc-filters input{width:100%;outline:none}.mc-refresh{color:#75d7ff;cursor:pointer}.mc-prev-nav{display:flex;justify-content:center;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)} .mc-summary{display:grid;grid-template-columns:repeat(4,1fr);background:#050d15;border-bottom:1px solid rgba(255,255,255,.07)}.mc-summary>div{padding:18px;text-align:center;border-inline-end:1px solid rgba(255,255,255,.05)}.mc-summary strong{display:block;font-size:28px;color:#fff}.mc-summary span{font-size:11px;color:#71869b}.mc-summary .summary-live strong{color:#ff526f}.mc-content{padding:18px}.mc-day{margin-bottom:24px}.mc-day>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.mc-day>header strong{font-size:18px;color:#f0f7ff}.mc-day-kicker{display:block;color:#56caff;font-size:10px;font-weight:900;margin-bottom:3px}.mc-day>header>span{color:#71879d;font-size:11px}.mc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mc-match{position:relative;min-width:0;border:1px solid rgba(75,169,220,.20);border-radius:18px;background:linear-gradient(145deg,#0a1a28,#07121d);overflow:hidden}.mc-match.is-live{border-color:rgba(255,69,96,.55);box-shadow:inset 0 0 0 1px rgba(255,69,96,.06),0 10px 30px rgba(255,50,80,.06)}.mc-card-open{display:block;width:100%;height:100%;border:0;background:none;color:inherit;padding:20px 18px 16px;text-align:inherit;cursor:pointer;font:inherit}.mc-match-top{display:flex;justify-content:space-between;gap:8px;color:#71d3ff;font-size:10px;font-weight:900}.mc-status{font-size:10px}.mc-status.live{color:#ff6079}.mc-teams{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:10px;margin:22px 0 16px}.mc-team{display:grid;justify-items:center;gap:9px;text-align:center;min-width:0}.mc-team strong{font-size:15px;line-height:1.35;color:#f3f8fd;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-team-logo,.mc-team-fallback{width:64px;height:64px;object-fit:contain}.mc-team-fallback{display:grid;place-items:center;border-radius:50%;background:#12283c;color:#7ad8ff;font-size:24px}.mc-score{display:flex;align-items:center;justify-content:center;gap:7px;font-size:34px;font-weight:950;color:#fff}.mc-score i{font-style:normal;color:#60788e}.mc-time{font-size:22px;font-weight:900;color:#78d8ff}.mc-center small{display:block;margin-top:8px;color:#71879b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-meta{display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;color:#7e92a7;font-size:9px}.mc-card-cta{text-align:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);color:#74d5ff;font-size:10px;font-weight:900}.mc-fav{position:absolute;top:10px;inset-inline-start:10px;border:1px solid rgba(255,255,255,.1);background:#07131f;color:#9bb0c2;border-radius:9px;width:31px;height:31px;cursor:pointer}.mc-empty{min-height:320px;padding:70px 20px;text-align:center;display:grid;place-items:center;align-content:center;gap:10px}.mc-empty span{font-size:46px}.mc-empty strong{font-size:20px;color:#e9f3fb}.mc-empty small{color:#71869b}.mc-sync-banner{margin:14px;padding:12px 15px;border:1px solid rgba(255,176,65,.25);border-radius:12px;background:rgba(255,176,65,.05);color:#e9c889;font-size:11px}.mc-footer{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);color:#687e94;font-size:9px}.mc-source{display:none} @media(max-width:900px){.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-filters{grid-template-columns:1fr 1fr}.mc-filters input{grid-column:1/-1}.mc-hero-head{padding:24px;}.mc-sync{min-width:145px}} @media(max-width:620px){.mc-shell{border-radius:18px}.mc-hero-head{padding:20px 16px;display:block}.mc-hero-head h2{font-size:30px}.mc-hero-head p{font-size:12px}.mc-sync{margin-top:15px;display:flex;align-items:center;justify-content:space-between;text-align:right}.mc-toolbar{padding:12px}.mc-days{gap:6px}.mc-days button{min-width:74px;padding:11px 10px}.mc-filters{grid-template-columns:1fr 1fr}.mc-filters select,.mc-refresh{width:100%}.mc-summary strong{font-size:22px}.mc-summary span{font-size:9px}.mc-content{padding:10px}.mc-grid{grid-template-columns:1fr;gap:12px}.mc-match{border-radius:17px}.mc-card-open{padding:19px 16px 15px}.mc-teams{grid-template-columns:1fr 86px 1fr;gap:7px;margin:21px 0 15px}.mc-team-logo,.mc-team-fallback{width:72px;height:72px}.mc-team strong{font-size:14px}.mc-score{font-size:32px}.mc-time{font-size:21px}.mc-meta{font-size:9px}.mc-footer{display:grid;gap:5px}.mc-day>header strong{font-size:15px}} /* ZIVOZONE V1180 — REAL MATCH CENTER UI replacement */ .mc1161-shell{direction:rtl;background:linear-gradient(180deg,#06121f,#030911);border:1px solid rgba(71,190,255,.28);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.34)} .mc1161-hero{display:flex;justify-content:space-between;gap:20px;padding:28px;background:radial-gradient(circle at 10% 0,rgba(38,180,255,.13),transparent 35%),#071624;border-bottom:1px solid rgba(255,255,255,.07)} .mc1161-hero span{color:#6ed6ff;font-size:12px;font-weight:900}.mc1161-hero h2{font-size:clamp(30px,4vw,48px);margin:7px 0}.mc1161-hero p{margin:0;color:#8ea4b8;font-size:13px}.mc1161-sync{min-width:145px;align-self:center;padding:14px 18px;text-align:center;border:1px solid rgba(100,200,255,.2);border-radius:16px;background:#091b2a}.mc1161-sync b{display:block;font-size:18px;color:#fff}.mc1161-sync small{color:#7890a5;font-size:9px} .mc1161-days{display:flex;gap:8px;padding:12px;background:#050f19;border-bottom:1px solid rgba(255,255,255,.06)}.mc1161-days button,.mc1161-tools select,.mc1161-tools input,.mc1161-tools button{border:1px solid #29465d;background:#091927;color:#e7f5ff;border-radius:11px;padding:11px 15px;font:800 12px Cairo,Tahoma,sans-serif}.mc1161-days button{flex:1;max-width:150px}.mc1161-days button.active{background:#12618d;border-color:#40c4ff}.mc1161-date{text-align:center;padding:10px;color:#b9d4e6;font-weight:900;font-size:13px}.mc1161-tools{display:grid;grid-template-columns:1fr 170px 1.3fr auto;gap:8px;padding:12px;background:#050f19}.mc1161-tools input{min-width:0;outline:none}.mc1161-tools button{cursor:pointer;color:#76d9ff}.mc1161-summary{display:grid;grid-template-columns:repeat(4,1fr);background:#040b12;border-block:1px solid rgba(255,255,255,.06)}.mc1161-summary>div{text-align:center;padding:15px;border-inline-start:1px solid rgba(255,255,255,.05)}.mc1161-summary b{display:block;font-size:25px;color:#fff}.mc1161-summary span{font-size:9px;color:#70879b}.mc1161-summary .live b{color:#ff5571}.mc1161-notice{margin:12px;padding:11px;border:1px solid rgba(255,181,74,.25);background:rgba(255,181,74,.06);border-radius:10px;color:#ffd18d;font-size:11px;text-align:center}.mc1161-content{padding:18px}.mc1161-league{margin-bottom:22px}.mc1161-league>header{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 12px}.mc1161-league>header>div{display:flex;align-items:center;gap:10px}.mc1161-league>header>div>span{font-size:25px}.mc1161-league h3{margin:0;font-size:19px;color:#f5fbff}.mc1161-league small{color:#71899d;font-size:9px}.mc1161-league-badge{padding:6px 9px;border-radius:8px;background:#0b2031;color:#73d6ff;font-size:9px;font-weight:900}.mc1161-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mc1161-match{border:1px solid rgba(78,166,218,.2);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0a1c2b,#06111b);transition:.2s}.mc1161-match:hover{transform:translateY(-2px);border-color:rgba(83,204,255,.5)}.mc1161-match.live{border-color:rgba(255,65,91,.55);box-shadow:0 0 28px rgba(255,45,75,.07)}.mc1161-open{width:100%;border:0;background:none;color:inherit;padding:17px;cursor:pointer;text-align:inherit;font:inherit}.mc1161-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#69d1ff}.mc1161-top b{color:#7d93a6}.mc1161-top b.live{color:#ff6179}.mc1161-body{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:8px;margin:22px 0 16px}.mc1161-team{text-align:center;display:grid;justify-items:center;gap:8px}.mc1161-team img,.mc1161-logo-fallback{width:62px;height:62px;object-fit:contain}.mc1161-logo-fallback{display:grid;place-items:center;border-radius:50%;background:#11283a;font-size:22px}.mc1161-team strong{font-size:13px;line-height:1.35;color:#f3f8fd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc1161-center{text-align:center}.mc1161-center strong{font-size:32px;color:#fff}.mc1161-center i{font-style:normal;color:#60798d;font-size:28px;margin:0 5px}.mc1161-center small{display:block;color:#6ed6ff;font-size:10px;margin-top:5px}.mc1161-time{font-size:20px;font-weight:950;color:#72d8ff}.mc1161-meta{min-height:18px;border-top:1px solid rgba(255,255,255,.06);padding-top:9px;color:#748b9e;font-size:8px;display:grid;gap:3px}.mc1161-details{text-align:center;color:#67d2ff;border-top:1px solid rgba(255,255,255,.05);margin-top:9px;padding-top:9px;font-size:9px;font-weight:900}.mc1161-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.mc1161-empty span{font-size:50px}.mc1161-empty strong{font-size:20px}.mc1161-empty small{color:#70869a}.mc1161-footer{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);color:#60788c;font-size:8px} .mc1161-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:15px;direction:rtl}.mc1161-dialog{width:min(850px,100%);max-height:92vh;overflow:auto;background:#06121e;border:1px solid rgba(80,195,255,.3);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.6);position:relative}.mc1161-close{position:absolute;top:10px;inset-inline-start:10px;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#091b29;color:#fff;font-size:25px;cursor:pointer}.mc1161-detail-head{display:flex;justify-content:space-between;padding:22px;color:#71d5ff;border-bottom:1px solid rgba(255,255,255,.07)}.mc1161-detail-head b{color:#ff6078}.mc1161-detail-score{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;text-align:center;padding:30px 18px}.mc1161-detail-score>div{display:grid;justify-items:center;gap:10px}.mc1161-detail-score img,.mc1161-detail-score .mc1161-logo-fallback{width:82px;height:82px}.mc1161-detail-score strong{font-size:17px}.mc1161-detail-score section strong{font-size:45px}.mc1161-detail-score section i{font-size:35px}.mc1161-detail-score section small{display:block;color:#6ed4ff;margin-top:8px}.mc1161-tabs{display:flex;gap:20px;padding:13px 18px;border-block:1px solid rgba(255,255,255,.06);color:#8198aa;font-size:11px}.mc1161-tabs b{color:#6ed5ff}.mc1161-events{padding:16px}.mc1161-event{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:11px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.mc1161-event b{color:#6ed5ff}.mc1161-event span{color:#dce9f3}.mc1161-no-events{padding:30px;text-align:center;color:#71899d} @media(max-width:900px){.mc1161-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc1161-tools{grid-template-columns:1fr 1fr}.mc1161-tools input{grid-column:1/-1}.mc1161-tools button{grid-column:1/-1}} @media(max-width:620px){.mc1161-shell{border-radius:17px}.mc1161-hero{display:block;padding:19px 15px}.mc1161-hero h2{font-size:29px}.mc1161-sync{margin-top:12px}.mc1161-days button{max-width:none}.mc1161-tools{grid-template-columns:1fr 1fr}.mc1161-content{padding:9px}.mc1161-grid{grid-template-columns:1fr;gap:10px}.mc1161-body{grid-template-columns:1fr 78px 1fr}.mc1161-team img,.mc1161-team .mc1161-logo-fallback{width:70px;height:70px}.mc1161-team strong{font-size:13px}.mc1161-detail-score{grid-template-columns:1fr 90px 1fr;padding:24px 10px}.mc1161-detail-score section strong{font-size:35px}.mc1161-footer{display:grid;gap:4px}} .mc1161-logo{width:70px;height:70px;display:grid;place-items:center}.mc1161-logo img{width:100%;height:100%;object-fit:contain}.mc1161-logo .mc1161-logo-fallback{width:100%;height:100%} @media(min-width:621px){.mc1161-logo{width:62px;height:62px}} /* V1180 — Competition-first global match center */ .match-center-host{max-width:1280px!important;margin:0 auto!important} .zmc-shell{border:1px solid rgba(91,202,255,.18);border-radius:24px;background:linear-gradient(160deg,#06101b,#03080e 70%);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28)} .zmc-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 22px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 10% 0%,rgba(40,185,255,.12),transparent 40%),#07121e} .zmc-eyebrow{color:#62d7ff;font-size:10px;font-weight:900}.zmc-hero h2{margin:5px 0 4px;font-size:28px}.zmc-hero p{margin:0;color:#8293a7;font-size:11px}.zmc-live-counter{min-width:105px;padding:12px 16px;text-align:center;border:1px solid rgba(255,67,93,.28);border-radius:16px;background:rgba(255,37,67,.06)}.zmc-live-counter b{display:block;color:#ff7087;font-size:25px;line-height:1}.zmc-live-counter span{color:#9caabc;font-size:9px} .zmc-day-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;border-bottom:1px solid rgba(255,255,255,.06);background:#050d16}.zmc-day-nav button{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#091521;color:#91a2b5;padding:11px;font:900 12px Cairo,Tahoma,sans-serif;cursor:pointer}.zmc-day-nav button.active{border-color:rgba(77,206,255,.5);background:rgba(34,155,211,.13);color:#fff} .zmc-tools{display:grid;grid-template-columns:1.1fr .65fr 1.2fr auto;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.zmc-tools select,.zmc-tools input,.zmc-tools button{min-width:0;border:1px solid #22364b;border-radius:10px;background:#08131f;color:#dceafa;padding:10px 11px;font:800 10px Cairo,Tahoma,sans-serif}.zmc-tools input::placeholder{color:#63768c}.zmc-tools button{color:#72d9ff;cursor:pointer} .zmc-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.06);background:#050c14}.zmc-kpis div{text-align:center;padding:10px;border-inline-end:1px solid rgba(255,255,255,.045)}.zmc-kpis div:last-child{border:0}.zmc-kpis b{display:block;color:#f1f7ff;font-size:19px}.zmc-kpis span{color:#728399;font-size:8px}.zmc-kpis .live b{color:#ff6d84} .zmc-content{padding:14px}.zmc-competition{margin-bottom:18px;border:1px solid rgba(83,187,238,.14);border-radius:18px;overflow:hidden;background:rgba(7,18,29,.7)}.zmc-comp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(90deg,rgba(20,74,103,.35),rgba(8,19,30,.25));border-bottom:1px solid rgba(255,255,255,.06)}.zmc-comp-title{display:flex;align-items:center;gap:11px}.zmc-comp-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(65,185,237,.1);font-size:20px}.zmc-comp-head h3{margin:0;color:#f1f7ff;font-size:16px}.zmc-comp-head small{color:#71869c;font-size:8px}.zmc-comp-count{color:#73d6ff;font-size:9px;font-weight:900;white-space:nowrap} .zmc-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.zmc-day-panel{min-width:0;border-inline-end:1px solid rgba(255,255,255,.055)}.zmc-day-panel:last-child{border-inline-end:0}.zmc-day-panel.current{background:linear-gradient(180deg,rgba(28,126,172,.08),transparent 35%)}.zmc-day-panel>header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.zmc-day-panel>header div{display:grid;gap:2px}.zmc-day-panel>header span{color:#55c8fa;font-size:9px;font-weight:900}.zmc-day-panel>header strong{color:#cbd9e7;font-size:9px}.zmc-day-panel>header>b{color:#657a90;font-size:8px}.zmc-match-list{display:grid;gap:7px;padding:9px}.zmc-match{border:1px solid rgba(72,156,205,.14);border-radius:13px;background:linear-gradient(145deg,#091622,#060e17);overflow:hidden}.zmc-match.is-live{border-color:rgba(255,64,89,.45);box-shadow:inset 0 0 0 1px rgba(255,64,89,.04)}.zmc-open{width:100%;border:0;background:none;color:inherit;padding:10px;cursor:pointer;font:inherit;text-align:inherit}.zmc-match-head{display:flex;justify-content:space-between;align-items:center;color:#71859b;font-size:8px}.zmc-match.is-live .zmc-match-head span{color:#ff7187;font-weight:900}.zmc-match-head small{color:#5e7389}.zmc-teams{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;gap:4px;margin:11px 0}.zmc-team{display:grid;justify-items:center;gap:5px;min-width:0;text-align:center}.zmc-team strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf3fb;font-size:10px}.zmc-logo{width:40px;height:40px;display:grid;place-items:center}.zmc-logo img{width:100%;height:100%;object-fit:contain}.zmc-logo span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#13263a;color:#6bd5ff;font-size:15px}.zmc-score{text-align:center}.zmc-score b{font-size:21px;color:#fff}.zmc-score i{font-style:normal;color:#65778b;margin:0 2px}.zmc-time{color:#70d5ff;font-size:15px;font-weight:900}.zmc-score small{display:block;margin-top:4px;color:#687d93;font-size:7px}.zmc-match-foot{display:flex;justify-content:space-between;gap:5px;border-top:1px solid rgba(255,255,255,.05);padding-top:7px;color:#62778e;font-size:7px}.zmc-match-foot em{color:#5fcdf8;font-style:normal;font-weight:900}.zmc-day-empty{padding:35px 12px;text-align:center;color:#64778d;font-size:9px;line-height:1.8}.zmc-notice{margin:10px 14px;padding:10px 12px;border:1px solid rgba(255,184,73,.2);border-radius:10px;color:#d2a75e;background:rgba(255,184,73,.05);font-size:9px}.zmc-empty{padding:70px 20px;text-align:center;display:grid;justify-items:center;gap:8px}.zmc-empty span{font-size:36px}.zmc-empty strong{color:#d9e6f3}.zmc-empty small{color:#718399}.zmc-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.06);color:#5f7186;font-size:7.5px} .zmc-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:14px;background:rgba(1,4,8,.82);backdrop-filter:blur(12px)}.zmc-dialog{width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(82,200,255,.2);border-radius:22px;background:linear-gradient(155deg,#081522,#03080d);box-shadow:0 35px 100px rgba(0,0,0,.6);padding:20px}.zmc-close{float:left;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0a1622;color:#fff;font-size:23px;cursor:pointer}.zmc-detail-league{color:#6ed5ff;font-size:10px;font-weight:900;padding-bottom:16px}.zmc-detail-score{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:15px;text-align:center;padding:15px 0 20px}.zmc-detail-score>div{display:grid;justify-items:center;gap:8px}.zmc-detail-score strong{font-size:15px}.zmc-detail-score section{text-align:center}.zmc-detail-score section>b{font-size:36px}.zmc-detail-score section>i{font-style:normal;margin:0 5px;color:#6a7d91}.zmc-detail-score section>small{display:block;color:#71d5ff;margin-top:5px}.zmc-detail-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;color:#788ca1;font-size:9px;padding:10px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.zmc-events h3{font-size:12px}.zmc-events>div{display:grid;grid-template-columns:55px 1fr;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}.zmc-events>div b{color:#6ed5ff}.zmc-events>p{color:#72859a;font-size:9px} @media(max-width:900px){.zmc-days{grid-template-columns:1fr}.zmc-day-panel{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.06)}.zmc-day-panel:last-child{border-bottom:0}.zmc-tools{grid-template-columns:1fr 1fr}.zmc-tools input{grid-column:1/-1}.zmc-tools button{grid-column:1/-1}.zmc-match-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.zmc-hero{padding:17px 14px}.zmc-hero h2{font-size:22px}.zmc-hero p{font-size:9px}.zmc-live-counter{min-width:78px;padding:9px}.zmc-live-counter b{font-size:20px}.zmc-day-nav{padding:8px}.zmc-day-nav button{padding:10px 5px}.zmc-tools{grid-template-columns:1fr}.zmc-tools input,.zmc-tools button{grid-column:auto}.zmc-content{padding:8px}.zmc-comp-head{padding:12px}.zmc-comp-head h3{font-size:14px}.zmc-comp-head small{font-size:7px}.zmc-match-list{grid-template-columns:1fr}.zmc-teams{grid-template-columns:1fr 70px 1fr}.zmc-team strong{font-size:11px}.zmc-logo{width:45px;height:45px}.zmc-score b{font-size:25px}.zmc-time{font-size:17px}.zmc-match-foot{font-size:8px}.zmc-detail-score{grid-template-columns:1fr 85px 1fr;gap:6px}.zmc-detail-score section>b{font-size:30px}.zmc-detail-score strong{font-size:12px}.zmc-footer{display:grid}} /* V1181 — Match semantics are data-driven; Arabic direction must never reverse score meaning. */ .zmc-score>span[dir="ltr"]{direction:ltr;unicode-bidi:isolate;display:inline-flex;align-items:center;gap:2px} .zmc-outcome{margin-top:5px;color:#78dfff;font-size:8px;font-weight:800;line-height:1.4} .zmc-outcome span{color:#8093a3;font-weight:600} .zmc-outcome.draw{color:#e7c86b} /* V1188 — single exit guard + public chat + room timer */ .zpc-toggle{position:fixed;left:18px;bottom:18px;z-index:8500;border:1px solid rgba(82,221,255,.25);background:linear-gradient(135deg,#11182d,#090d19);color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 15px 40px #0008;cursor:pointer;font-weight:800}.zpc-panel{position:fixed;left:18px;bottom:72px;z-index:8501;width:min(380px,calc(100vw - 36px));height:min(540px,70vh);display:flex;flex-direction:column;border:1px solid rgba(82,221,255,.2);border-radius:22px;background:rgba(7,10,20,.96);backdrop-filter:blur(18px);box-shadow:0 30px 90px #000b;overflow:hidden}.zpc-panel[hidden]{display:none}.zpc-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #222941}.zpc-panel header small{display:block;color:#8992ae;margin-top:3px}.zpc-close{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.zpc-messages{flex:1;overflow:auto;padding:12px}.zpc-messages article{padding:9px 11px;margin-bottom:8px;border-radius:14px;background:#0d1221;border:1px solid #1b2338}.zpc-messages article div{display:flex;justify-content:space-between;gap:8px}.zpc-messages article b{color:#78dcff}.zpc-messages time{font-size:10px;color:#69728e}.zpc-messages p{margin:5px 0 0;color:#e8ecf7;line-height:1.55;overflow-wrap:anywhere}.zpc-form{display:flex;gap:8px;padding:10px;border-top:1px solid #222941}.zpc-form input{flex:1;min-width:0;background:#0b1020;border:1px solid #29324d;border-radius:12px;padding:11px;color:#fff;outline:0}.zpc-form button{border:0;border-radius:12px;background:#7c3cff;color:#fff;padding:0 14px;font-weight:800}.zpc-note{padding:0 12px 10px;color:#69728e}.zpc-empty{padding:30px 12px;text-align:center;color:#7f89a5} .zrw-stats{display:flex!important;gap:10px;align-items:center;flex-wrap:wrap}.zrw-stats strong{padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}#zrw-time{color:#ffd15c;min-width:20px;display:inline-block;text-align:center} .zac-chat-list{display:grid;gap:8px;max-height:360px;overflow:auto}.zac-chat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid #252d45;border-radius:12px;background:#0b1020}.zac-chat-row p{margin:4px 0;color:#dfe5f4;overflow-wrap:anywhere}.zac-chat-row small{color:#77819d}.zac-chat-actions button{border:1px solid #61304b;background:#29111e;color:#ff9ab5;border-radius:9px;padding:7px 10px;cursor:pointer}.zac-chat-actions button.unban{border-color:#315e4c;background:#10231b;color:#8ff0bf} @media(max-width:600px){.zpc-toggle{left:10px;bottom:10px}.zpc-panel{left:10px;bottom:62px;width:calc(100vw - 20px)}.zivo-exit-actions{flex-direction:column}.zivo-exit-actions button{width:100%}} /* V1188 — distinct world identities */ .zrw-world{--world-accent:#7c3cff;--world-glow:rgba(124,60,255,.16)}.zrw-football{--world-accent:#22c55e;--world-glow:rgba(34,197,94,.16)}.zrw-math{--world-accent:#38bdf8;--world-glow:rgba(56,189,248,.16)}.zrw-science{--world-accent:#a3e635;--world-glow:rgba(163,230,53,.13)}.zrw-memory{--world-accent:#f472b6;--world-glow:rgba(244,114,182,.15)}.zrw-logic{--world-accent:#f59e0b;--world-glow:rgba(245,158,11,.15)}.zrw-strategy{--world-accent:#14b8a6;--world-glow:rgba(20,184,166,.15)}.zrw-probability{--world-accent:#fb7185;--world-glow:rgba(251,113,133,.15)}.zrw-visual{--world-accent:#c084fc;--world-glow:rgba(192,132,252,.15)}.zrw-code{--world-accent:#06b6d4;--world-glow:rgba(6,182,212,.15)}.zrw-reaction{--world-accent:#facc15;--world-glow:rgba(250,204,21,.14)}.zrw-focus{--world-accent:#60a5fa;--world-glow:rgba(96,165,250,.14)}.zrw-daily{--world-accent:#fb923c;--world-glow:rgba(251,146,60,.14)}.zrw-identity{--world-accent:#e879f9;--world-glow:rgba(232,121,249,.14)}.zrw-iq{--world-accent:#8b5cf6;--world-glow:rgba(139,92,246,.15)}.zrw-world .zrw-top,.zrw-world .zrw-worldbar,.zrw-world .zrw-footer{border-color:color-mix(in srgb,var(--world-accent) 25%,transparent)}.zrw-world .zrw-scene-art{background:radial-gradient(circle at 50% 40%,var(--world-glow),transparent 62%),#070b15;box-shadow:inset 0 0 80px var(--world-glow)}.zrw-world .zrw-option:hover{border-color:var(--world-accent);box-shadow:0 0 24px var(--world-glow)}.zrw-world .zrw-zone.active{border-color:var(--world-accent);color:var(--world-accent)}.zrw-world .zrw-primary,.zrw-world .zrw-form button{background:linear-gradient(135deg,var(--world-accent),#111827)} /* V1191 — unified cinematic exit */ .zivo-exit-guard{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(74,33,118,.32),rgba(0,0,0,.94) 68%);backdrop-filter:blur(18px);padding:18px;animation:zexitIn .35s ease} .zivo-exit-card.zivo-exit-cinematic{position:relative;overflow:hidden;width:min(620px,100%);padding:34px;border:1px solid rgba(188,125,255,.35);border-radius:28px;background:linear-gradient(145deg,#161127,#05060b 70%);box-shadow:0 40px 140px #000,0 0 80px rgba(130,67,255,.15);text-align:center} .zivo-exit-card.zivo-exit-cinematic:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 180deg,transparent,rgba(159,96,255,.25),transparent 30%,rgba(255,255,255,.06),transparent 60%);animation:zexitSpin 8s linear infinite;pointer-events:none} .zivo-exit-portal{position:relative;width:110px;height:110px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(198,140,255,.22),transparent 58%);border:1px solid rgba(198,140,255,.35);box-shadow:0 0 50px rgba(156,91,255,.25)} .zivo-exit-portal span{font-size:42px;color:#d9b8ff;text-shadow:0 0 30px #a45cff}.zivo-exit-portal i{position:absolute;inset:9px;border:1px dashed rgba(255,255,255,.3);border-radius:50%;animation:zexitPulse 2.5s ease-in-out infinite}.zivo-exit-portal b{position:absolute;bottom:-24px;font-size:9px;color:#a69abf;white-space:nowrap} .zivo-exit-kicker{position:relative;color:#b98cff;font-size:10px;letter-spacing:.18em}.zivo-exit-card h2{position:relative;font-size:30px;margin:14px 0 10px;line-height:1.45}.zivo-exit-card p{position:relative;color:#b9b2cb;line-height:1.9;margin:0 auto;max-width:500px}.zivo-exit-quote{position:relative;margin:18px 0;padding:13px 18px;border-inline:2px solid #8c52e8;color:#d4cae5;background:rgba(255,255,255,.025);line-height:1.8;font-size:12px}.zivo-exit-actions{position:relative;display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.zivo-exit-actions button{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 20px;cursor:pointer;font:900 12px Cairo,Tahoma,sans-serif}.zivo-exit-stay{background:linear-gradient(135deg,#8f50ff,#6430c7);color:#fff;box-shadow:0 12px 35px rgba(126,64,255,.2)}.zivo-exit-yes{background:#171827;color:#b9b8c9}.zivo-exit-yes:hover{background:#261f35;color:#fff} @keyframes zexitIn{from{opacity:0}to{opacity:1}}@keyframes zexitSpin{to{transform:rotate(360deg)}}@keyframes zexitPulse{50%{transform:scale(1.08);opacity:.55}} /* V1191 — real HTML5 room games */ .zivo-real-game{margin-top:14px}.zrg-shell{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:14px;background:linear-gradient(145deg,rgba(10,17,29,.96),rgba(4,7,13,.98));box-shadow:0 25px 70px rgba(0,0,0,.25)}.zrg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zrg-head span{font-size:8px;color:#7e91aa}.zrg-head h3{margin:3px 0 0;font-size:17px}.zrg-head>div:last-child{display:grid;place-items:center;padding:6px 13px;border-radius:12px;background:rgba(255,255,255,.04)}.zrg-head b{font-size:20px;color:#ffe06a}.zrg-head small{font-size:8px;color:#7e91aa}.zrg-shell canvas{display:block;width:100%;height:auto;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:#07111d;touch-action:none}.zrg-controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:11px 2px}.zrg-btn{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#15283e,#0b1522);color:#fff;border-radius:12px;padding:10px 15px;font:900 11px Cairo,Tahoma,sans-serif;cursor:pointer;min-width:95px}.zrg-btn:hover{transform:translateY(-1px);border-color:rgba(104,214,255,.35)}.zrg-status{text-align:center;color:#8fa1b8;font-size:10px;padding:5px}.zrg-result{text-align:center;padding:30px 10px}.zrg-result-orb{font-size:45px;margin-bottom:8px}.zrg-result small{display:block;color:#8190a7}.zrg-result strong{display:block;font-size:58px;line-height:1;color:#ffe06a;margin-top:10px}.zrg-result span{color:#8190a7;font-size:10px}.zrg-result p{color:#aeb7c6;font-size:11px}.zrg-result button{border:0;border-radius:13px;padding:12px 20px;background:#7547ff;color:#fff;font-weight:900;cursor:pointer} /* V1191 — distinctive public chat */ .zivo-public-chat{position:fixed;inset-inline-end:16px;bottom:16px;z-index:9000;font-family:Cairo,Tahoma,sans-serif}.zpc-toggle{display:flex;align-items:center;gap:8px;border:1px solid rgba(112,224,255,.22);border-radius:18px;padding:11px 14px;background:linear-gradient(145deg,#0c1b2c,#07101b);color:#fff;box-shadow:0 15px 45px rgba(0,0,0,.35);cursor:pointer;font-weight:900}.zpc-toggle .zpc-online{font-style:normal;font-size:7px;color:#6ff0a6}.zpc-panel{width:min(360px,calc(100vw - 24px));height:min(560px,calc(100vh - 100px));margin-top:8px;border:1px solid rgba(112,224,255,.2);border-radius:22px;overflow:hidden;background:rgba(5,10,17,.98);box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(16px);display:flex;flex-direction:column}.zpc-panel header{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.zpc-panel header b{display:block;font-size:13px}.zpc-panel header small{display:block;color:#72849a;font-size:8px;margin-top:2px}.zpc-close{border:0;background:transparent;color:#aab5c5;font-size:24px;cursor:pointer}.zpc-presence{display:flex;justify-content:space-between;padding:7px 12px;background:rgba(91,220,255,.035);color:#7e93aa;font-size:8px}.zpc-presence b{color:#6ff0a6}.zpc-messages{flex:1;overflow:auto;padding:12px}.zpc-messages article{padding:8px 10px;margin-bottom:7px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}.zpc-messages article>div{display:flex;justify-content:space-between;gap:8px}.zpc-messages article b{font-size:9px;color:#73dfff}.zpc-messages time{font-size:7px;color:#596b80}.zpc-messages p{margin:5px 0 0;color:#d4dce6;font-size:10px;line-height:1.7;word-break:break-word}.zpc-form{display:flex;gap:6px;padding:9px;border-top:1px solid rgba(255,255,255,.07)}.zpc-form input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:10px;background:#0b1420;color:#fff;outline:none;font:10px Cairo,Tahoma,sans-serif}.zpc-form button{border:0;border-radius:11px;padding:0 13px;background:#4f8cff;color:#fff;font-weight:900;cursor:pointer}.zpc-note{padding:0 11px 10px;color:#58697d;font-size:7px}.zpc-empty{text-align:center;color:#687a90;font-size:10px;padding:50px 10px} @media(max-width:600px){.zivo-public-chat{inset-inline-end:8px;bottom:8px}.zpc-panel{height:min(70vh,520px)}.zivo-exit-card h2{font-size:23px}.zivo-exit-card{padding:25px 18px}}