/* 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}
.topbar{position:sticky;top:0;z-index:11000;background:rgba(5,7,15,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)!important}
#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 rgba(53,220,255,.13)!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:rgba(53,220,255,.38)!important;box-shadow:0 30px 75px rgba(0,0,0,.38),0 0 35px rgba(53,220,255,.07)!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 7px!important;flex:1!important;position:relative;z-index:2}.challenge-copy .card-tag{color:#78ddff!important}.challenge-copy h3{font-size:18px!important}.challenge-copy p{font-size:11px!important;line-height:1.75!important;color:#98a5bd!important}
.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}
}
