.zzv3-public-viewer{position:fixed;inset:0;z-index:999999;background:rgba(4,8,18,.94);display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}.zzv3-public-viewer.open{display:flex}.zzv3-public-viewer img{max-width:92vw;max-height:88vh;border-radius:16px;box-shadow:0 25px 80px #000} .zzv3-public-pc{max-width:1280px;margin:18px auto 22px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;border:1px solid rgba(167,139,250,.34);border-radius:16px;background:linear-gradient(145deg,rgba(26,36,64,.98),rgba(18,26,46,.98));box-shadow:0 16px 36px rgba(0,0,0,.18)}.zzv3-public-pc-copy{display:flex;min-width:0;max-width:760px;flex-direction:column;gap:7px}.zzv3-public-pc strong{color:#f5f7ff;font-size:15px;line-height:1.3}.zzv3-public-pc a,.zzv3-public-vm button,.zzv3-custom-opportunity a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;background:linear-gradient(180deg,#A78BFA,#7C3AED 55%,#5B21B6);color:#fff!important;font-weight:750;font-size:13px;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:11px 20px;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:0 9px 21px rgba(124,58,237,.28);transition:transform .16s,filter .16s,box-shadow .16s}.zzv3-public-pc a b{font-size:17px;line-height:1;font-weight:500}.zzv3-public-pc a:hover,.zzv3-public-vm button:hover,.zzv3-custom-opportunity a:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 13px 28px rgba(124,58,237,.4)}.zzv3-public-pc a:active,.zzv3-public-vm button:active,.zzv3-custom-opportunity a:active,.zzv3-public-pc a.opening{transform:translateY(0) scale(.98)} .zzv3-public-additional-offerings{max-width:1280px;margin:18px auto 28px;padding:0 20px}.zzv3-public-additional-offerings h2{color:var(--zzv3-public-accent);margin:0 0 12px;font-size:20px}.zzv3-public-additional-offerings>div{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px;border:1px solid rgba(var(--zzv3-public-accent-rgb),.30);border-radius:16px;background:linear-gradient(180deg,#1A2440,#121A2E)}.zzv3-public-additional-offerings span{display:inline-flex;padding:7px 11px;border:1px solid rgba(var(--zzv3-public-accent-rgb),.42);border-radius:999px;background:rgba(var(--zzv3-public-accent-rgb),.07);color:#eef3ff;font-size:12px} .zzv3-public-vm{max-width:1280px;margin:8px auto 26px;padding:0 20px}.zzv3-public-vm h2{display:flex!important;align-items:baseline!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;margin:0 0 13px!important;white-space:nowrap!important;font-size:clamp(13px,1.55vw,20px)!important;line-height:1.25!important}.zzv3-public-vm h2>strong{color:#FF6600!important;font:inherit!important;font-weight:750!important;white-space:nowrap!important}.zzv3-public-vm h2>span{color:#A9B4CC!important;font-size:.68em!important;font-weight:400!important;white-space:nowrap!important}.zzv3-public-vm>div{background:linear-gradient(180deg,#1A2440,#121A2E);border:1px solid rgba(167,139,250,.3);border-radius:16px;padding:18px 20px}.zzv3-public-vm strong{font-size:22px;color:#fff;margin-right:14px}.zzv3-public-vm em{display:block;color:#8B95B5;font-size:12px;margin-top:8px}.zzv3-public-vm p{color:#C9D2EA}.zzv3-public-vm aside{display:flex;flex-wrap:wrap;gap:7px}.zzv3-public-vm aside span{padding:5px 10px;border:1px solid rgba(31,169,255,.4);border-radius:999px;color:#C9D2EA;font-size:12px} .zzv3-public-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px}.zzv3-public-modal-backdrop{position:absolute;inset:0;background:rgba(0,2,34,.84);backdrop-filter:blur(4px)}.zzv3-public-modal>section{position:relative;z-index:1;width:min(960px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(167,139,250,.38);border-radius:16px;background:linear-gradient(160deg,#1A2440,#121A2E);box-shadow:0 28px 90px rgba(0,0,0,.72)}.zzv3-public-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.zzv3-public-modal header strong{color:#fff;font-size:15px}.zzv3-public-modal header button{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:transparent;color:#b7c1d8;font-size:22px;cursor:pointer}.zzv3-public-modal-body{min-height:0;overflow:auto;padding:16px}.zzv3-public-modal-intro{margin:0 0 12px;color:#a5b1ca;font-size:12px}.zzv3-calculator-frame{width:100%;height:min(690px,72vh);border:0;border-radius:11px;background:#fff}.zzv3-custom-opportunity{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:8px}.zzv3-custom-opportunity strong{color:#fff;font-size:18px}.zzv3-custom-opportunity p{max-width:720px;margin:0;color:#b2bdd3;font-size:13px;line-height:1.65} .showcase-card.zzv3-image-clean::before{display:none!important}.showcase-card.zzv3-image-clean>span{display:none!important}.showcase-card.zzv3-image-clean img{transform:none}.showcase-card.zzv3-image-clean:hover img{transform:scale(1.035)} .package-bottom-left{align-items:flex-start!important;gap:9px!important}.zzv3-package-opportunity-copy{flex:1 0 100%;max-width:650px;margin:0 0 4px;color:#9aa7c3;font-size:12px;line-height:1.48}.package-bottom-left .custom-btn,.package-bottom-left .calculator{transition:transform .16s,filter .16s,box-shadow .16s}.package-bottom-left .custom-btn:hover,.package-bottom-left .calculator:hover{transform:translateY(-2px);filter:brightness(1.08)} .creator-hero .hero-right[style*="background-image"] .hero-brand{display:none!important}.creator-hero .middle-center.zz-tier-new{box-shadow:none!important} .creator-hero>.zzv3-public-tier-status{position:absolute!important;z-index:30!important;top:16px!important;left:18px!important;right:auto!important;max-width:none!important;margin:0!important;padding:7px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;border:1px solid currentColor!important;border-radius:999px!important;background:rgba(0,2,34,.84)!important;box-shadow:0 7px 22px rgba(0,0,0,.32)}.creator-hero>.zzv3-public-tier-status>span{font-size:22px!important}.creator-hero>.zzv3-public-tier-status>strong{font-size:11px!important;line-height:1!important}.creator-hero>.zzv3-public-tier-status.tier-green{color:#20E3A2}.creator-hero>.zzv3-public-tier-status.tier-blue{color:#1FA9FF}.creator-hero>.zzv3-public-tier-status.tier-bronze{color:#CD7F32}.creator-hero>.zzv3-public-tier-status.tier-gold{color:#FFD42E}.creator-hero>.zzv3-public-tier-status.tier-platinum{color:#E5E4F0}.creator-hero>.zzv3-public-tier-status.tier-zomzey{color:#A78BFA}.creator-hero>.zzv3-public-tier-status.tier-new{color:#7a849e}.zzv3-legacy-pc-hidden{display:none!important} @media(max-width:700px){.zzv3-public-pc{grid-template-columns:1fr;align-items:flex-start;gap:16px;margin:14px 12px 20px;padding:16px}.zzv3-public-pc a{width:100%;justify-content:center}} @media(max-width:600px){.zzv3-public-modal{padding:10px}.zzv3-public-modal>section{width:100%;max-height:94vh}.creator-hero>.zzv3-public-tier-status{top:10px!important;left:10px!important}.zzv3-public-vm h2{font-size:10px!important;gap:3px!important}} /* Core 12 saved image framing */ .creator-hero .hero-left,.creator-hero .hero-right{position:relative!important;overflow:hidden!important;z-index:1!important} .creator-hero .hero-left>img.zzv3-public-cover-a,.creator-hero .hero-right>img.zzv3-public-cover-b{position:absolute!important;max-width:none!important;max-height:none!important;z-index:0!important;will-change:left,top,width,height} .creator-hero .hero-left>*:not(img.zzv3-public-cover-a),.creator-hero .hero-right>*:not(img.zzv3-public-cover-b){position:relative;z-index:2} .creator-hero .hex,.creator-hero .middle-center{z-index:20!important} .creator-hero .hex-inner{position:relative!important;overflow:hidden!important} .creator-hero .hex-inner img{max-width:none!important;max-height:none!important;will-change:left,top,width,height;transform-origin:50% 50%} .zzv3-public-viewer{position:fixed;inset:0;z-index:999999;background:rgba(4,8,18,.94);display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}.zzv3-public-viewer.open{display:flex}.zzv3-public-viewer img{max-width:92vw;max-height:88vh;border-radius:16px;box-shadow:0 25px 80px #000} .zzv3-public-pc{max-width:1280px;margin:18px auto 22px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;border:1px solid rgba(167,139,250,.34);border-radius:16px;background:linear-gradient(145deg,rgba(26,36,64,.98),rgba(18,26,46,.98));box-shadow:0 16px 36px rgba(0,0,0,.18)}.zzv3-public-pc-copy{display:flex;min-width:0;max-width:760px;flex-direction:column;gap:7px}.zzv3-public-pc strong{color:#f5f7ff;font-size:15px;line-height:1.3}.zzv3-public-pc a,.zzv3-public-vm button,.zzv3-custom-opportunity a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;background:linear-gradient(180deg,#A78BFA,#7C3AED 55%,#5B21B6);color:#fff!important;font-weight:750;font-size:13px;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:11px 20px;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:0 9px 21px rgba(124,58,237,.28);transition:transform .16s,filter .16s,box-shadow .16s}.zzv3-public-pc a b{font-size:17px;line-height:1;font-weight:500}.zzv3-public-pc a:hover,.zzv3-public-vm button:hover,.zzv3-custom-opportunity a:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 13px 28px rgba(124,58,237,.4)}.zzv3-public-pc a:active,.zzv3-public-vm button:active,.zzv3-custom-opportunity a:active,.zzv3-public-pc a.opening{transform:translateY(0) scale(.98)} .zzv3-public-additional-offerings{max-width:1280px;margin:18px auto 28px;padding:0 20px}.zzv3-public-additional-offerings h2{color:var(--zzv3-public-accent);margin:0 0 12px;font-size:20px}.zzv3-public-additional-offerings>div{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px;border:1px solid rgba(var(--zzv3-public-accent-rgb),.30);border-radius:16px;background:linear-gradient(180deg,#1A2440,#121A2E)}.zzv3-public-additional-offerings span{display:inline-flex;padding:7px 11px;border:1px solid rgba(var(--zzv3-public-accent-rgb),.42);border-radius:999px;background:rgba(var(--zzv3-public-accent-rgb),.07);color:#eef3ff;font-size:12px} .zzv3-public-vm{max-width:1280px;margin:8px auto 26px;padding:0 20px}.zzv3-public-vm h2{display:flex!important;align-items:baseline!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;margin:0 0 13px!important;white-space:nowrap!important;font-size:clamp(13px,1.55vw,20px)!important;line-height:1.25!important}.zzv3-public-vm h2>strong{color:#FF6600!important;font:inherit!important;font-weight:750!important;white-space:nowrap!important}.zzv3-public-vm h2>span{color:#A9B4CC!important;font-size:.68em!important;font-weight:400!important;white-space:nowrap!important}.zzv3-public-vm>div{background:linear-gradient(180deg,#1A2440,#121A2E);border:1px solid rgba(167,139,250,.3);border-radius:16px;padding:18px 20px}.zzv3-public-vm strong{font-size:22px;color:#fff;margin-right:14px}.zzv3-public-vm em{display:block;color:#8B95B5;font-size:12px;margin-top:8px}.zzv3-public-vm p{color:#C9D2EA}.zzv3-public-vm aside{display:flex;flex-wrap:wrap;gap:7px}.zzv3-public-vm aside span{padding:5px 10px;border:1px solid rgba(31,169,255,.4);border-radius:999px;color:#C9D2EA;font-size:12px} .zzv3-public-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px}.zzv3-public-modal-backdrop{position:absolute;inset:0;background:rgba(0,2,34,.84);backdrop-filter:blur(4px)}.zzv3-public-modal>section{position:relative;z-index:1;width:min(960px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(167,139,250,.38);border-radius:16px;background:linear-gradient(160deg,#1A2440,#121A2E);box-shadow:0 28px 90px rgba(0,0,0,.72)}.zzv3-public-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.zzv3-public-modal header strong{color:#fff;font-size:15px}.zzv3-public-modal header button{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:transparent;color:#b7c1d8;font-size:22px;cursor:pointer}.zzv3-public-modal-body{min-height:0;overflow:auto;padding:16px}.zzv3-public-modal-intro{margin:0 0 12px;color:#a5b1ca;font-size:12px}.zzv3-calculator-frame{width:100%;height:min(690px,72vh);border:0;border-radius:11px;background:#fff}.zzv3-custom-opportunity{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:8px}.zzv3-custom-opportunity strong{color:#fff;font-size:18px}.zzv3-custom-opportunity p{max-width:720px;margin:0;color:#b2bdd3;font-size:13px;line-height:1.65} .showcase-card.zzv3-image-clean::before{display:none!important}.showcase-card.zzv3-image-clean>span{display:none!important}.showcase-card.zzv3-image-clean img{transform:none}.showcase-card.zzv3-image-clean:hover img{transform:scale(1.035)} .package-bottom-left{align-items:flex-start!important;gap:9px!important}.zzv3-package-opportunity-copy{flex:1 0 100%;max-width:650px;margin:0 0 4px;color:#9aa7c3;font-size:12px;line-height:1.48}.package-bottom-left .custom-btn,.package-bottom-left .calculator{transition:transform .16s,filter .16s,box-shadow .16s}.package-bottom-left .custom-btn:hover,.package-bottom-left .calculator:hover{transform:translateY(-2px);filter:brightness(1.08)} .creator-hero .hero-right[style*="background-image"] .hero-brand{display:none!important}.creator-hero .middle-center.zz-tier-new{box-shadow:none!important} .creator-hero>.zzv3-public-tier-status{position:absolute!important;z-index:30!important;top:16px!important;left:18px!important;right:auto!important;max-width:none!important;margin:0!important;padding:7px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;border:1px solid currentColor!important;border-radius:999px!important;background:rgba(0,2,34,.84)!important;box-shadow:0 7px 22px rgba(0,0,0,.32)}.creator-hero>.zzv3-public-tier-status>span{font-size:22px!important}.creator-hero>.zzv3-public-tier-status>strong{font-size:11px!important;line-height:1!important}.creator-hero>.zzv3-public-tier-status.tier-green{color:#20E3A2}.creator-hero>.zzv3-public-tier-status.tier-blue{color:#1FA9FF}.creator-hero>.zzv3-public-tier-status.tier-bronze{color:#CD7F32}.creator-hero>.zzv3-public-tier-status.tier-gold{color:#FFD42E}.creator-hero>.zzv3-public-tier-status.tier-platinum{color:#E5E4F0}.creator-hero>.zzv3-public-tier-status.tier-zomzey{color:#A78BFA}.creator-hero>.zzv3-public-tier-status.tier-new{color:#7a849e}.zzv3-legacy-pc-hidden{display:none!important} @media(max-width:700px){.zzv3-public-pc{grid-template-columns:1fr;align-items:flex-start;gap:16px;margin:14px 12px 20px;padding:16px}.zzv3-public-pc a{width:100%;justify-content:center}} @media(max-width:600px){.zzv3-public-modal{padding:10px}.zzv3-public-modal>section{width:100%;max-height:94vh}.creator-hero>.zzv3-public-tier-status{top:10px!important;left:10px!important}.zzv3-public-vm h2{font-size:10px!important;gap:3px!important}} /* Core 12 saved image framing */ .creator-hero .hero-left,.creator-hero .hero-right{position:relative!important;overflow:hidden!important;z-index:1!important} .creator-hero .hero-left>img.zzv3-public-cover-a,.creator-hero .hero-right>img.zzv3-public-cover-b{position:absolute!important;max-width:none!important;max-height:none!important;z-index:0!important;will-change:left,top,width,height} .creator-hero .hero-left>*:not(img.zzv3-public-cover-a),.creator-hero .hero-right>*:not(img.zzv3-public-cover-b){position:relative;z-index:2} .creator-hero .hex,.creator-hero .middle-center{z-index:20!important} .creator-hero .hex-inner{position:relative!important;overflow:hidden!important} .creator-hero .hex-inner img{max-width:none!important;max-height:none!important;will-change:left,top,width,height;transform-origin:50% 50%} /* Core 21: original ExpertHive honeycomb remains visible; Core only binds saved images. */ .creator-hero{position:relative!important} .creator-hero .hex,.creator-hero .middle-center{visibility:visible!important;pointer-events:auto!important} /* Core 22: honeycomb restored. Core 12's cover framing gave .hero-left and .hero-right z-index:1 stacking contexts, while the theme's .hero-center (transform-translated, z-index auto) paints beneath any positive-z sibling, so the covers were painting OVER the entire honeycomb. Lift the hex layer above the covers. */ .creator-hero .hero-center{z-index:5!important} /* Core 23: star layering restored + launch red Rising tier. The theme designed .middle-center as a backdrop hex behind the six photos; Core 12 lifted it level with them so on tier-new it painted a black void over two hexes. Drop it beneath the photos (still above the covers), restore the theme's elevated top and bottom-center hexes, and make the starting tier launch red with a soft glow. Photos 20, elevated pair 22, star 14, covers 1, pill 30. */ .creator-hero .middle-center{z-index:14!important} .creator-hero .hex.top,.creator-hero .hex.bottom-center{z-index:22!important} .creator-hero .middle-center.zz-tier-new{background:#FF3B3B!important;box-shadow:0 0 26px rgba(255,59,59,.5)!important} .creator-hero>.zzv3-public-tier-status.tier-new{color:#FF3B3B} /* Core 27: the Tier Showcase. Enamel star base kept from 26 (breath removed, sheen kept). Every 12 seconds the star steps through the full tier ladder, the status pill changes colour and label in sync, then both return to the member's own tier and the tier word appears briefly in the star's heart. Layers below are driven by JS. */ .creator-hero .middle-center{filter:drop-shadow(0 0 1px rgba(255,160,160,.95)) drop-shadow(0 2px 10px rgba(0,0,0,.4))} .creator-hero .middle-center.zz-tier-new{background:radial-gradient(120% 80% at 50% 12%,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 44%),linear-gradient(180deg,#FF5A50 0%,#D81E2A 46%,#7A0E16 100%)!important;box-shadow:none!important;overflow:hidden} /* Core 31: video playback in the public viewer, clickable showcase */ .zzv3-public-viewer iframe{display:none;width:min(92vw,900px);aspect-ratio:16/9;border:0;border-radius:12px;background:#000} .zzv3-public-viewer.zzv3-viewer-video img{display:none} .zzv3-public-viewer.zzv3-viewer-video iframe{display:block} .showcase-card[data-type="video"]{cursor:pointer} .showcase-card[data-type="video"] .showcase-video{pointer-events:none} /* Core 33: star arms reach beneath the photo hexes so the corner gaps close, and public showcase images render landscape to match the backend guidance of 1200 x 800. */ .showcase-grid .showcase-card[data-type="image"]{height:auto} .showcase-grid .showcase-card[data-type="image"] img{width:100%;height:auto;aspect-ratio:1200/800;object-fit:cover;display:block} /* Core 35: the star returns untouched to its epic build, every 33 and 34 geometry rule removed. The corner star's hexagram is the theme's own negative space design, verified by headless render. Showcase goes uniform landscape 1200x800 for every card type with a generic Click to view chip. */ .showcase-grid{align-items:start} .showcase-grid .showcase-card{aspect-ratio:1200/800;height:auto!important;min-height:0!important;overflow:hidden;position:relative;border-radius:12px} .showcase-grid .showcase-card[data-type="image"] img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px} .showcase-grid .showcase-card[data-type="video"] .showcase-video{height:100%!important;min-height:0!important;padding:16px!important;border-radius:12px} .showcase-grid .showcase-card[data-type="video"] .showcase-video span{display:none!important} .showcase-grid .showcase-card.zzv3-show-open{aspect-ratio:auto;height:auto!important} .zzv3-show-hint{margin:12px 2px 0;text-align:left;color:#8CA3C7;font:650 11px Inter,sans-serif} /* Copyright © 2026 ITXL LTD. */ /* Core 57: PIXEL-LOCKED DOT-PERSPECTIVE STAR SET merged onto current Core 56. Uses the founder-approved rendered PNGs; existing Core 56 tier classes and geometry are preserved. /* Core 52: PIXEL-LOCKED APPROVED STAR SET. The star is no longer recreated in CSS/SVG. Each tier uses a pre-rendered PNG derived from the founder-approved master artwork, so tunnel depth, perimeter, proportions and centre star cannot drift between releases. Static only. No animation or experimental layers. */ .creator-hero .middle-center, .creator-hero .middle-center.zz-tier-new, .creator-hero .middle-center.zz-tier-rising, .creator-hero .middle-center.zz-tier-green, .creator-hero .middle-center.zz-tier-trusted, .creator-hero .middle-center.zz-tier-blue, .creator-hero .middle-center.zz-tier-proven, .creator-hero .middle-center.zz-tier-bronze, .creator-hero .middle-center.zz-tier-expert, .creator-hero .middle-center.zz-tier-gold, .creator-hero .middle-center.zz-tier-elite, .creator-hero .middle-center.zz-tier-platinum, .creator-hero .middle-center.zz-tier-iconic, .creator-hero .middle-center.zz-tier-zomzey, .creator-hero .middle-center.zz-tier-legend{ background:transparent!important; background-image:none!important; box-shadow:none!important; filter:none!important } .middle-center .zzv3-star-core{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:170px; height:155px; max-width:100%; max-height:100%; display:block; overflow:visible; z-index:4; pointer-events:none; background-image:url("zomzey-star-dotwarp-rising.png"); background-repeat:no-repeat; background-position:center; background-size:100% 100% } .middle-center.zz-tier-new .zzv3-star-core, .middle-center.zz-tier-rising .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-rising.png") } .middle-center.zz-tier-green .zzv3-star-core, .middle-center.zz-tier-trusted .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-trusted.png") } .middle-center.zz-tier-blue .zzv3-star-core, .middle-center.zz-tier-proven .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-proven.png") } .middle-center.zz-tier-bronze .zzv3-star-core, .middle-center.zz-tier-expert .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-expert.png") } .middle-center.zz-tier-gold .zzv3-star-core, .middle-center.zz-tier-elite .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-elite.png") } .middle-center.zz-tier-platinum .zzv3-star-core, .middle-center.zz-tier-iconic .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-iconic.png") } .middle-center.zz-tier-zomzey .zzv3-star-core, .middle-center.zz-tier-legend .zzv3-star-core{ background-image:url("zomzey-star-dotwarp-legend.png") } @media(max-width:700px){ .middle-center .zzv3-star-core{ width:min(170px,100%); height:min(155px,100%) } } /* Core 53: viewer above every theme layer, doctrine custom package button, modal play chips. */ .zzv3-public-viewer{z-index:100000!important} a.custom-btn{display:block!important;width:max-content;margin:18px 0 0!important;padding:12px 22px!important;border-radius:12px!important;background:linear-gradient(135deg,#A78BFA,#7C3AED,#5B21B6)!important;color:#fff!important;font-weight:700!important;text-align:left!important;border:0!important;box-shadow:0 6px 18px rgba(124,58,237,.35)} a.custom-btn:hover{filter:brightness(1.08)} .zzv3-modal-play{display:inline-flex;align-items:center;gap:8px;margin:6px 0;padding:9px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#A78BFA,#7C3AED);color:#fff;font-weight:700;cursor:pointer} /* Core 54: uniform twin covers, one line custom button, living favourite hearts. */ .hero-left img,.hero-right img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:none!important} .hero-left,.hero-right{position:relative;overflow:hidden} a.custom-btn{white-space:nowrap!important} .package-card .fav{cursor:pointer;transition:transform .15s} .package-card .fav:hover{transform:scale(1.12)} .package-card .fav.zzfav-on i{color:#FF6600!important} /* Core 56: the viewer rules the sky, favourite counters. */ .zzv3-public-viewer{z-index:2147483000!important} .package-card .fav{position:absolute;display:inline-flex;align-items:center;gap:5px} .zzfav-count{font-size:12px;font-weight:800;color:#fff;background:#FF6600;border-radius:999px;padding:1px 7px;line-height:1.5} /* Core 58: the tier mark, just the word and its star, no box, dead level. */ .creator-hero>.zzv3-public-tier-status{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;gap:8px!important;top:18px!important;left:20px!important;text-shadow:0 2px 10px rgba(0,0,0,.65)} .creator-hero>.zzv3-public-tier-status>strong{font-size:15px!important;font-weight:800!important;letter-spacing:.02em;line-height:1!important} .creator-hero>.zzv3-public-tier-status>span{font-size:17px!important;line-height:1!important;display:inline-block!important;transform:translateY(-1px)} .creator-hero>.zzv3-public-tier-status.tier-new{color:#FF6B5E!important} /* Core 59: profiles tidy themselves, no calculators on profiles ever. */ a.calculator{display:none!important} .creator-info{display:flex!important;gap:0} .creator-info>.info-box{flex:1 1 0} /* Core 64: public showcase video cards supplied from the saved profile data when the ExpertHive template omits them (including YouTube Shorts). */ .showcase-grid .showcase-card.zzv3-injected-video{ display:block!important; min-width:0; border:1px solid rgba(31,169,255,.42); background:linear-gradient(145deg,#111b37,#080d22); color:#fff; cursor:pointer; } .showcase-grid .showcase-card.zzv3-injected-video .showcase-video{ width:100%;height:100%;min-height:150px!important;padding:18px!important; display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px; text-align:center;background:radial-gradient(circle at 50% 28%,rgba(124,58,237,.26),transparent 45%); } .showcase-grid .showcase-card.zzv3-injected-video .zzv3-video-play{ display:grid;place-items:center;width:44px;height:44px;border-radius:50%; background:linear-gradient(135deg,#A78BFA,#7C3AED);box-shadow:0 10px 24px rgba(124,58,237,.34); color:#fff;font-size:17px;padding-left:3px; } .showcase-grid .showcase-card.zzv3-injected-video strong{font:800 13px/1.35 Inter,sans-serif;color:#fff} .showcase-grid .showcase-card.zzv3-injected-video small{font:650 10px/1.3 Inter,sans-serif;color:#9fb0d0} /* Core 78: keep the existing six photo silhouettes fixed while the saved image framing resizes/moves the picture inside them. The polygon is copied verbatim from the live child theme. Do not alter hex positions, rotations, the central star's geometry/artwork, or cover framing. Copyright (c) 2026 ITXL LTD. */ .creator-hero .hero-center > .hex:not(.middle-center) > .hex-inner { -webkit-clip-path: polygon(0 26%, 53% 0, 100% 26%, 100% 80%, 48% 100%, 0 80%) !important; clip-path: polygon(0 26%, 53% 0, 100% 26%, 100% 80%, 48% 100%, 0 80%) !important; background-color: #17193c; } .creator-hero .hero-center > .hex:not(.middle-center) > .hex-inner > img { -webkit-clip-path: none !important; clip-path: none !important; }