/* Real raster device shells; only the screen is native UI. Last in cascade. */
body .device-art{position:relative;display:block;width:100%;max-width:100%;container-type:inline-size;isolation:isolate;line-height:1.35;transform:none;border:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
body .device-art>.device-frame{display:block;width:100%;height:auto;object-fit:contain;max-height:none;border:0;border-radius:0;mask-image:none;mix-blend-mode:normal;filter:drop-shadow(0 9px 9px #00142c30)}
body .device-art>.device-display{position:absolute;inset:5.65% 13.65% 32.9%;overflow:hidden;background:#03182b;color:#d8edff;padding:2cqw 2.4cqw;box-sizing:border-box;font-family:var(--body);font-size:2.1cqw;border:0;border-radius:0}
body .device-art-tablet>.device-display{inset:9.9% 6.6% 10.1%;padding:2.5cqw 3cqw;border-radius:.6cqw;font-size:2.4cqw}
body .device-art-phone>.device-display{inset:9% 17.2% 5%;padding:3cqw 3.4cqw;border-radius:0 0 4.5cqw 4.5cqw;font-size:3.3cqw}
body .device-display .dc-brand{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin:0 0 1cqw}
body .device-display .dc-logo{width:15cqw!important;height:auto;margin:0;max-height:none}
body .device-art-phone .dc-logo{width:24cqw!important}
body .device-display .dc-demo{font-size:1.3cqw;padding:.3cqw .8cqw;color:white;border-radius:.4cqw;background:#0062ff}
body .device-art-phone .dc-demo{font-size:2.1cqw}
body .device-display .dc-tabs{display:flex;gap:2.5cqw;border-bottom:1px solid #22516c;margin:0 0 1.5cqw;font-size:1.7cqw;color:#a8bed2}
body .device-display .dc-tabs span{padding:.65cqw 0}
body .device-display .dc-selected{color:#00cfff;border-bottom:2px solid #00bfff}
body .device-art-phone .dc-tabs{font-size:2.7cqw;gap:3cqw;margin:3cqw 0}
body .device-display .dc-title{font:600 2.8cqw/1.2 var(--display);color:#edf6ff;margin:1.5cqw 0;letter-spacing:.02em}
body .device-art-phone .dc-title{font-size:4.3cqw;margin:4cqw 0}
body .device-display table{width:100%;min-width:0;table-layout:auto;border-collapse:collapse;font:inherit;color:inherit;background:transparent;margin:0}
body .device-display th,body .device-display td{border:0;border-bottom:1px solid #22516c;padding:1.05cqw .8cqw;font:inherit;text-align:center;white-space:nowrap;color:inherit;background:none}
body .device-display th{background:#033250;font-weight:600}
body .device-display th:first-child,body .device-display td:first-child{text-align:left}
body .device-display .dc-disclosure{display:block;font:400 1.3cqw/1.3 var(--body);color:#9ab9cc;margin:1.2cqw 0 0}
body .device-art-phone .dc-disclosure{font-size:2.3cqw;margin:4cqw 0 0}
body .device-display .dc-scores{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
body .device-display .dc-scores>div{display:grid;gap:.6cqw}
body .device-display .dc-scores b{font:700 5cqw/1.1 var(--display);color:white}
body .device-display .dc-scores small{font-size:1.8cqw}
body .device-art-phone .dc-scores b{font-size:8cqw}
body .device-art-phone .dc-scores small{font-size:2.5cqw}
body .device-display .dc-result{padding:1.2cqw .7cqw;background:#193c59;color:#54d7ff;font-size:2cqw;margin:2cqw 0;text-align:center}
body .device-art-phone .dc-result{font-size:2.8cqw;margin:4cqw 0}
body .device-display .dc-balls{display:flex;justify-content:space-between;gap:1cqw;margin:1.4cqw 0}
body .device-display .dc-balls span{display:grid;place-items:center;border:1px solid #1f85b6;border-radius:50%;width:4cqw;height:4cqw;font-size:1.7cqw}
body .device-art-phone .dc-balls span{width:6cqw;height:6cqw;font-size:2.6cqw}
body .device-display dl{margin:2cqw 0 0;font-size:1.8cqw}
body .device-display dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #22516c;padding:1cqw 0}
body .device-display dd{margin:0}
body .device-art-phone dl{font-size:2.9cqw;margin-top:4cqw}
body .device-art-phone dl>div{padding:2cqw 0}
body .device-display .dc-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1cqw;text-align:center}
body .device-display .dc-calendar span{padding:.5cqw;border:1px solid #245a7d}
body .device-display .dc-active{background:#065ff4}
body .device-display .dc-area-list p{padding:5cqw 0;font-size:3.8cqw;margin:0;border-bottom:1px solid #256284}
body .device-display .dc-label{font-size:3cqw;margin:3cqw 0;color:#b9d5e7}
body .device-display .dc-chart{height:22cqw;display:flex;gap:3cqw;align-items:flex-end;margin:4cqw 0}
body .device-display .dc-chart i{flex:1;height:var(--bar);background:linear-gradient(#54d7ff,#0062ff);transform-origin:bottom}
body .device-display .dc-metrics p{font-size:2.8cqw;margin:4cqw 0;color:#b9d5e7}
body .device-display .dc-metrics span{display:block;height:1cqw;width:var(--bar);background:#00afff;margin-top:2cqw}
body .device-art-host{border:0!important;background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body .v5-tablet.device-art-host{width:100%;max-width:none}
body .v-phone.device-art-host{width:min(330px,100%)}
body .results-art-pair{position:relative;width:100%;padding:0 0 3%;min-width:0}
body .results-art-laptop{width:88%;margin-left:12%}
body .results-art-phone{position:absolute;left:-5%;bottom:5%;width:29%}
body .approved-ground #how-it-works .step-visual>.device-art{width:90%;max-width:260px;align-self:flex-end;margin-bottom:10px}
body .v5-phone-art>.device-art{width:155px!important;max-width:100%;margin:auto}
/* Keep all content lit; drawing and highlights decorate rather than gate it. */
body .illustration-lit{isolation:isolate}
body .illustration-art{filter:drop-shadow(0 0 8px #007aff25);transition:filter .25s ease}
@keyframes illustration-light{0%,100%{filter:drop-shadow(0 0 5px #007aff20)}50%{filter:drop-shadow(0 0 14px #009dff70)}}
@keyframes illustration-arrive{from{opacity:.75;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes illustration-current{to{stroke-dashoffset:-1}}
@keyframes illustration-rail{from{background-position:120% 0}to{background-position:-20% 0}}
@media(prefers-reduced-motion:no-preference){
body .illustration-lit.is-art-visible>.illustration-art{animation:illustration-light 5s ease-in-out infinite}
body .device-art.is-art-visible>.device-frame{animation:illustration-light 5s ease-in-out infinite}
body .illustration-lit.is-art-visible>.illustration-art:where(:not(.wired-art)){animation:illustration-arrive .6s ease-out both,illustration-light 5s .6s ease-in-out infinite}
body .device-art.is-art-visible .dc-chart i{animation:dc-grow .9s ease-out both}
body .illustration-lit:hover>.illustration-art,body .illustration-lit:focus-within>.illustration-art{filter:drop-shadow(0 0 15px #00b7ff95)}
/* Except the corporate "Handled for you" ground. That illustration is
   63px taller than its host and the host lets it overflow, so the
   picture already sits 55px over the row of operation icons beneath
   it. A 15px glow there lands on the labels instead of around the
   picture. .v5-ground-stage occurs once on the whole site, so this
   turns the hover glow off for that one image and nothing else. */
body .v5-ground-stage.illustration-lit:hover>.illustration-art,
body .v5-ground-stage.illustration-lit:focus-within>.illustration-art{filter:none}
}
@keyframes dc-grow{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
/* Local journey: current travels in the gap, never through the icons or labels. */
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]{background:#082b4bce;border-color:#00aaff;box-shadow:0 0 12px #008cff35;opacity:1;filter:none}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga .v5-journey .icon{filter:drop-shadow(0 0 5px #00cfff70)}
/* About network: contained diagram with clean alpha artwork and perimeter routes. */
body .about-platform-court{width:62%;height:auto;left:19%;top:19%;mix-blend-mode:normal}
body .about-system-3{right:0}
body .about-system-8{left:0}
body .about-network-wires .about-current{stroke:#6ce4ff;stroke-width:2.5;stroke-dasharray:.07 .93;animation:illustration-current 3.6s linear infinite;animation-play-state:paused}
body .about-platform-scene.is-art-visible .about-network-wires .about-current{animation-play-state:running}
body .about-network-wires .about-track{stroke:#008cff;stroke-width:1.4;opacity:.65}
body .about-system{box-shadow:0 0 8px #007aff25,0 8px 18px #0757d416}
body .about-system:hover{border-color:#008cff;box-shadow:0 0 20px #007aff60}
body .about-platform-scene{aspect-ratio:1.5}
/* Connected onboarding rail with a light pass; normal flow remains readable. */
body.approved-ground #how-it-works .step-visual{border-bottom-color:#008cff}
body.approved-ground #how-it-works .step-card:not(:last-of-type) .step-visual:before{content:"";position:absolute;bottom:-2px;left:100%;width:30px;height:2px;background:#008cff}
body.approved-ground #how-it-works .step-visual:after{box-shadow:0 0 7px #008cff70}
body.approved-ground #how-it-works .step-visual{background-image:linear-gradient(90deg,transparent 40%,#7fe4ff 50%,transparent 60%);background-size:250% 2px;background-repeat:no-repeat;background-position:120% 100%;animation:illustration-rail 4s linear infinite}
/* News retains its attached strip and gets a visible live border, without controls. */
body.approved-community #news .news-banner{box-shadow:inset 0 0 0 1px #009dff50,0 0 12px #007aff20}
body.approved-community #news .news-banner b{background:#0062ff;border:1px solid #63caff;border-radius:4px;padding:6px 12px;color:#fff}
body .community-ticker:hover .ticker-track,body .community-ticker:focus-within .ticker-track{animation-play-state:paused}
@media(max-width:1000px){body.approved-ground #how-it-works .step-card:nth-of-type(2) .step-visual:before{display:none}}
@media(max-width:600px){body .results-art-pair{display:grid;gap:18px}body .results-art-laptop{width:100%;margin:0}body .results-art-phone{position:relative;inset:auto;width:65%;max-width:250px;margin:auto}body .about-platform-scene{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}body .about-platform-court{position:relative;inset:auto;grid-column:1/-1;width:100%;height:auto}body .about-system{position:relative;inset:auto;width:auto;min-width:0;min-height:75px;font-size:11px}body .about-network-wires{display:none}}
@media(max-width:420px){body.approved-ground #how-it-works .step-visual:before{display:none}}
body.v7-document-hidden .illustration-art,body.v7-document-hidden .device-frame,body.v7-document-hidden .about-current,body.v7-document-hidden .step-visual,body .v7-offscreen .illustration-art,body .v7-offscreen .device-frame,body .v7-offscreen .about-current,body .v7-offscreen .step-visual{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body .illustration-art,body .device-frame,body .about-current,body .step-visual,body .dc-chart i{animation:none!important;translate:none!important}body .about-network-wires .about-current{display:none}body .ticker-track{animation:none!important;white-space:normal;display:block}body .ticker-track>span[aria-hidden]{display:none}}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]:after{display:none}
body .journey-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
body .journey-wires path{fill:none;stroke:#00caff;stroke-width:1.5;vector-effect:non-scaling-stroke}
body .journey-wires .journey-current{stroke:#aeffff;stroke-width:2.5;stroke-dasharray:.18 .82;animation:illustration-current 2.8s linear infinite;filter:drop-shadow(0 0 4px #00bfff)}
body .v7-offscreen .journey-current,body.v7-document-hidden .journey-current{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body .journey-current{display:none}}
body .device-art-host{aspect-ratio:auto!important;height:auto!important;outline:0!important;min-height:0!important}
body .device-art-host:before,body .device-art-host:after{display:none!important}
body .v-app-fan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:auto;min-height:0;align-items:center}
body .v-app-fan>.v-app-screen{position:relative!important;inset:auto!important;width:100%!important;max-width:none;rotate:none;translate:none;opacity:1}
body .dc-placement-preview{display:grid;gap:4cqw;margin:6cqw 0}
body .dc-placement-preview span{display:block;padding:3cqw;border:1px solid #245a7d;border-radius:1.5cqw;background:#033250;color:#ccecff;font-size:3cqw}
body .device-display .dc-placement{font-size:3cqw;color:#54d7ff;padding:3cqw;border:1px dashed #138bc1;background:#0c3e62;margin:3cqw 0}
@media(max-width:700px){body .v-app-fan{grid-template-columns:repeat(2,minmax(0,1fr));max-width:570px;margin:auto}}
/* Device typography must not inherit a surrounding step card's heading scale. */
body .device-display .dc-title{font-size:2.8cqw!important;line-height:1.2!important;margin:1.5cqw 0!important}
body .device-art-phone .dc-title{font-size:4.3cqw!important;margin:4cqw 0!important}
body .device-display .dc-result{font-size:2cqw!important;line-height:1.35!important;margin:2cqw 0!important;padding:1.2cqw .7cqw!important}
body .device-art-phone .dc-result{font-size:2.8cqw!important;margin:4cqw 0!important}
body .device-display .dc-label{font-size:3cqw!important;line-height:1.35!important}
body .device-display .dc-placement{font-size:3cqw!important;line-height:1.35!important}
body .device-display .dc-disclosure{font-size:1.3cqw!important}
body .device-art-phone .dc-disclosure{font-size:2.3cqw!important}

/* V7.10: six screenshot corrections, scoped to the requested sections. */
/* Separate registration text and artwork so neither can paint over the other. */
body.approved-local #main #how-it-works .v5-local-steps{align-items:stretch;gap:18px}
body.approved-local #main #how-it-works .v5-step{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;isolation:isolate;background:#fff;overflow:hidden}
body.approved-local #main #how-it-works .v5-step>.v5-photo{position:relative;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:3/2;mask-image:none;-webkit-mask-image:none;flex:none;padding:0}
body.approved-local #main #how-it-works .v5-step>.v5-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
body.approved-local #main #how-it-works .v5-step-copy{position:relative;width:100%;padding:18px;flex:1;box-sizing:border-box;background:white}
body.approved-local #main #how-it-works .v5-step-copy h3{font-size:var(--ds-card);line-height:1.15;margin:0 0 10px;}
body.approved-local #main #how-it-works .v5-step-copy p{font-size:1rem;line-height:1.5;margin:0;color:#315675;}
body.approved-local #main #how-it-works .v5-phone-art{display:grid;place-items:center;background:radial-gradient(ellipse,#b8dfff,#edf6ff)!important}
body.approved-local #main #how-it-works .v5-phone-art>.device-art{width:43%!important;margin:0}
body.approved-local #main #how-it-works .device-display .dc-area-list p{font-size:3.8cqw;line-height:1.3;padding:5cqw 0;margin:0;color:#d8edff}
/* Preserve the actual illustration ratio; never force 100% by 100%. */
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga{background-size:cover;background-position:center bottom;min-height:clamp(390px,30vw,600px)}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]{transform:none;translate:none;transition:background .25s,border-color .25s,box-shadow .25s}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]:hover{background:#064775e8;border-color:#9befff;box-shadow:0 0 24px #009dff99,inset 0 0 20px #00b7ff25}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node] .icon{transition:scale .25s,filter .25s}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]:hover .icon{scale:1.12;filter:drop-shadow(0 0 10px #54d7ff)}
/* Moving highlights follow the existing blue paths, instead of lighting the photo rectangle. */
body .image-glow-host{isolation:isolate}
body .image-glow-host>.illustration-art{animation:none!important;translate:none!important;filter:none}
body .image-route-glow{position:absolute;pointer-events:none;max-width:none;overflow:visible;z-index:1}
body .image-route-glow path{fill:none;stroke:#beffff;stroke-width:3;stroke-linecap:round;stroke-dasharray:.055 .945;filter:drop-shadow(0 0 4px #2ddfff) drop-shadow(0 0 9px #007aff);animation:illustration-current 4.6s linear infinite;animation-play-state:paused}
body .image-glow-host.glow-visible .image-route-glow path{animation-play-state:running}
body .image-glow-host:hover .image-route-glow path{stroke:#fff;stroke-width:4}
body .v6-career-card.image-glow-host>div{position:relative;z-index:2}
body.approved-corporate #main #handled .v5-ground-tablet{z-index:3}
body.v7-document-hidden .image-route-glow path,body .v7-offscreen .image-route-glow path{animation-play-state:paused}
@media(max-width:1100px){body.approved-local #main #how-it-works .v5-local-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga{min-height:0;background:#03182b}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga .v5-journey{width:100%;margin:0;padding:10px 0 190px;background-size:auto 280px;background-position:right bottom;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga .v5-journey h3{font-size:var(--ds-card);}
body.approved-local #main section#why-zinga.v6-section.v6-local-why-zinga [data-v6-node]{height:115px}
}
@media(max-width:450px){body.approved-local #main #how-it-works .v5-local-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body .image-route-glow path{animation:none;stroke-dasharray:none;opacity:.35}body.approved-local #main #why-zinga [data-v6-node] .icon{transition:none;scale:1}}
/* V7.11 approved Bengaluru and remaining route activation. */
body #where-we-play.v-city>.wrap{display:grid;grid-template-columns:1fr;position:relative;width:100%;max-width:none;min-height:0;padding:0}
/* The city band keeps the artwork's full width but trims its empty top sky (5%) and bottom
   foliage (8%): Vidhana Soudha, both stadiums, the lake, the metro and the box grounds all stay. */
body #where-we-play.v-city .v-city-art{grid-area:1/1;position:relative!important;inset:auto!important;width:100%;height:auto;overflow:hidden;align-self:stretch;aspect-ratio:1942/704}
body #where-we-play.v-city .v-city-art>img{display:block;width:100%!important;height:100%!important;max-width:none;margin:0;aspect-ratio:auto;object-fit:cover;object-position:50% 38%}
body #where-we-play.v-city .v-city-art:after{display:none}
body #where-we-play.v-city .v-city-copy{grid-area:1/1;align-self:center;width:27%!important;margin:0 0 0 3.9%;padding:28px 0;z-index:3}
body #where-we-play.v-city .v-city-copy h2{font-size:var(--ds-title);line-height:1.1;}
body #where-we-play.v-city .v-city-copy p{font-size:var(--ds-copy);line-height:1.55;}
body #where-we-play.v-city .v-city-copy .actions{flex-wrap:wrap;gap:10px}
body #where-we-play.v-city .v-city-copy .button{font-size:clamp(12px,.95vw,17px);padding:12px 16px}
/* Explicit geometry avoids grid intrinsic sizing collapsing the phone in Safari. */
body.approved-local #main #how-it-works .v5-phone-art{display:block;position:relative}
body.approved-local #main #how-it-works .v5-phone-art>.device-art{position:absolute;left:34%;top:3%;width:32%!important;height:94%;margin:0;aspect-ratio:2/3;opacity:1;visibility:visible;transform:none}
body.approved-local #main #how-it-works .v5-phone-art .device-frame{width:100%;height:100%;object-fit:contain}
body.approved-local #main #trust .v5-trust-art{height:clamp(300px,27vw,390px);overflow:visible}
body.approved-local #main #trust .v5-trust-art>.v5-image{height:100%;width:78%;object-fit:contain;object-position:left bottom}
body.approved-local #main #trust .v5-trust-art>div{width:48%;right:0;top:8%}
body.approved-about #mission .about-purpose-art{background:none;overflow:hidden}
body.approved-about #mission .about-purpose-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 64%}
/* About city tracks remain visible while a separate current travels along them. */
body.approved-about .about-map-links .about-wire-halo{stroke-dasharray:none;stroke-dashoffset:0;stroke-width:6;opacity:.45}
body.approved-about .about-map-links .about-map-track{stroke-dasharray:none;stroke-dashoffset:0;stroke:#008cff;stroke-width:2;opacity:.8}
body.approved-about .about-map-links .about-map-current{stroke:#baf9ff;stroke-width:3;stroke-dasharray:.08 .92;stroke-dashoffset:0;animation:illustration-current 2.8s linear infinite;filter:drop-shadow(0 0 4px #00bfff) drop-shadow(0 0 9px #008cff)}
body.approved-about .about-map-links .about-map-current:nth-of-type(6n){animation-delay:-1.4s}
body.approved-about .about-map-stage:not(.is-art-visible) .about-map-current{animation-play-state:paused}
/* Reuse the existing 2.8 second current and cyan/blue light intensity. */
body #where-we-play .image-route-glow path,body #mission .image-route-glow path,body #sponsors .image-route-glow path{animation-duration:2.8s;stroke-width:3;filter:drop-shadow(0 0 4px #00bfff) drop-shadow(0 0 9px #008cff)}
body #sponsors .tournament-miniature{overflow:visible}
body #sponsors .tournament-miniature>img{animation:none!important;transform:none!important}
body #sponsors .tournament-sheen{display:none}
body.v7-document-hidden .about-map-current,body .v7-offscreen .about-map-current{animation-play-state:paused!important}
@media(max-width:760px){
body #where-we-play.v-city>.wrap{display:flex;flex-direction:column}
body #where-we-play.v-city .v-city-copy{width:90%!important;margin:0 auto;padding:30px 0 18px;order:0}
body #where-we-play.v-city .v-city-copy h2{font-size:var(--ds-title);}
body #where-we-play.v-city .v-city-copy p{font-size:var(--ds-copy);}
body #where-we-play.v-city .v-city-art{width:100%;order:1;aspect-ratio:1.65}
body #where-we-play.v-city .v-city-art>img{width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:cover;object-position:right center}
body.approved-local #main #trust .v5-trust-art{height:320px}
}
@media(max-width:480px){body.approved-about #mission .about-purpose-art>img{object-position:55% bottom}}
@media(prefers-reduced-motion:reduce){body.approved-about .about-map-links .about-map-current{animation:none;stroke-dasharray:none;opacity:.3}}
body.approved-about #mission .about-purpose-art.image-glow-host{position:absolute;inset:0;z-index:-1}