/* Original HTML/SVG illustration. Scoped to the game feature only. */
.uxa-game-feature .gc-art{--gc-navy:#20355a;--gc-teal:#11efe3;--u:1px;position:relative;aspect-ratio:760/640;width:100%;container-type:inline-size;isolation:isolate;pointer-events:none;color:var(--gc-navy);font-family:Inter,Arial,sans-serif;line-height:1.3}
.uxa-game-feature .gc-art *{box-sizing:border-box}
.uxa-game-feature .gc-art .gc-defs{position:absolute;width:0;height:0;overflow:hidden}
.uxa-game-feature .gc-art> *{--u:.13157895cqw}
.uxa-game-feature .gc-art__halo{position:absolute;inset:5% -2% 9%;z-index:-1;background:radial-gradient(ellipse at 55% 49%,#dfece368,transparent 68%)}
.uxa-game-feature .gc-browser{position:absolute;left:2%;top:3%;width:89%;height:64%;border:calc(1.2 * var(--u)) solid #c8d2de;border-radius:calc(17 * var(--u));background:#fff;box-shadow:0 calc(28 * var(--u)) calc(45 * var(--u)) calc(-15 * var(--u)) #20355a28,0 calc(4 * var(--u)) calc(10 * var(--u)) #20355a08;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.uxa-game-feature .gc-browser__chrome{height:8.5%;display:flex;align-items:center;gap:calc(5 * var(--u));padding:0 calc(16 * var(--u));border-bottom:calc(1 * var(--u)) solid #e2e7ed;background:#f7f9fb}
.uxa-game-feature .gc-browser__chrome>i{width:calc(5.5 * var(--u));height:calc(5.5 * var(--u));border-radius:50%;background:#aebaca}
.uxa-game-feature .gc-browser__chrome>span{margin:auto;font-size:calc(9 * var(--u));font-weight:500;letter-spacing:.035em;color:#738093}
.uxa-game-feature .gc-browser__chrome>svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke:#7d8b9e;stroke-width:1.5}
.uxa-game-feature .gc-browser__heading{height:13%;padding:0 calc(17 * var(--u));display:flex;align-items:center;gap:calc(9 * var(--u));background:#fff;white-space:nowrap}
.uxa-game-feature .gc-mark{width:calc(27 * var(--u));height:calc(27 * var(--u));display:grid;place-items:center;background:#edf3f0;border-radius:calc(7 * var(--u));color:#556e62}
.uxa-game-feature .gc-mark svg{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke:currentColor;stroke-width:1.4}
.uxa-game-feature .gc-browser__heading>strong{font-size:calc(13 * var(--u));font-weight:650;letter-spacing:-.03em}
.uxa-game-feature .gc-lesson-label{margin-left:auto;font-size:calc(9 * var(--u));color:#7b8797}
.uxa-game-feature .gc-viewfinder{position:relative;height:57%;overflow:hidden;background:#e1e9df}
.uxa-game-feature .gc-scene{display:block;width:100%;height:100%}
.uxa-game-feature .gc-corner{position:absolute;width:calc(18 * var(--u));height:calc(18 * var(--u));border:calc(1.2 * var(--u)) solid #fff9;filter:drop-shadow(0 1px 1px #20355a20)}
.uxa-game-feature .gc-corner--tl{top:8%;left:4%;border-right:0;border-bottom:0}.uxa-game-feature .gc-corner--tr{top:8%;right:4%;border-left:0;border-bottom:0}.uxa-game-feature .gc-corner--bl{bottom:9%;left:4%;border-top:0;border-right:0}.uxa-game-feature .gc-corner--br{bottom:9%;right:4%;border-top:0;border-left:0}
.uxa-game-feature .gc-live{position:absolute;left:8%;top:8%;display:flex;gap:calc(5 * var(--u));align-items:center;font-size:calc(9 * var(--u));font-weight:600;color:#334f47}
.uxa-game-feature .gc-live i{width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%;background:#507d60;box-shadow:0 0 0 calc(3 * var(--u)) #fff4}
.uxa-game-feature .gc-scene-label{position:absolute;bottom:7%;left:8%;font-size:calc(8.5 * var(--u));color:#345449;font-weight:550}
.uxa-game-feature .gc-focus{position:absolute;left:70.21%;top:40.28%;width:calc(28 * var(--u));height:calc(28 * var(--u));border:calc(1.5 * var(--u)) solid #fff;box-shadow:0 0 0 calc(1 * var(--u)) #5d766438;border-radius:calc(5 * var(--u));transform:translate(-50%,-50%);transition:border-color .25s,box-shadow .25s}
.uxa-game-feature .gc-focus>i{position:absolute;inset:35%;border-radius:50%;border:calc(1 * var(--u)) solid white}
.uxa-game-feature .gc-focus>b{position:absolute;left:50%;bottom:calc(38 * var(--u));transform:translateX(-50%);font-size:calc(8 * var(--u));font-weight:550;white-space:nowrap;border-radius:calc(4 * var(--u));padding:calc(4 * var(--u)) calc(7 * var(--u));color:#f2fff9;background:#203f35cf}
.uxa-game-feature .gc-viewfinder__flash{position:absolute;inset:0;background:white;opacity:0}
.uxa-game-feature .gc-camera{height:21.5%;display:grid;grid-template-columns:1.2fr .8fr .65fr 1.15fr;align-items:center;padding:0 calc(18 * var(--u));gap:calc(10 * var(--u));border-top:calc(1 * var(--u)) solid #fff}
.uxa-game-feature .gc-camera>div+div{padding-left:calc(15 * var(--u));border-left:calc(1 * var(--u)) solid #e4e9ef}
.uxa-game-feature .gc-camera small{display:block;font-size:calc(8.5 * var(--u));line-height:1.6;color:#718095}
.uxa-game-feature .gc-camera strong{font-size:calc(22 * var(--u));line-height:1.1;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}
.uxa-game-feature .gc-camera strong>span{font-size:calc(13 * var(--u));font-weight:500}
.uxa-game-feature .gc-shutter{height:calc(37 * var(--u));display:flex;gap:calc(6 * var(--u));justify-content:center;align-items:center;background:#20355a;border:1px solid #20355a;color:#fff;border-radius:calc(7 * var(--u));font-size:calc(9 * var(--u));font-weight:550;white-space:nowrap}
.uxa-game-feature .gc-shutter svg{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke:#fff;stroke-width:1.5}
.uxa-game-feature .gc-phone{position:absolute;left:73%;top:34%;width:23%;height:54%;z-index:3;background:#fff;border:calc(4 * var(--u)) solid #e3e5e8;border-radius:calc(28 * var(--u));box-shadow:0 0 0 calc(1.3 * var(--u)) #a3b0bc,0 calc(24 * var(--u)) calc(32 * var(--u)) calc(-8 * var(--u)) #20355a35,inset 0 0 0 calc(1 * var(--u)) #fff;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.uxa-game-feature .gc-phone__speaker{position:absolute;top:2.5%;left:34%;width:32%;height:2%;border-radius:calc(10 * var(--u));background:#26374b;z-index:2}
.uxa-game-feature .gc-phone__status{display:flex;justify-content:space-between;align-items:center;padding:calc(12 * var(--u)) calc(12 * var(--u)) calc(5 * var(--u));font-size:calc(7 * var(--u));font-weight:650}
.uxa-game-feature .gc-phone__status svg{width:calc(29 * var(--u));height:calc(10 * var(--u))}
.uxa-game-feature .gc-phone__app{padding:calc(9 * var(--u)) calc(12 * var(--u)) calc(11 * var(--u))}
.uxa-game-feature .gc-phone__app small{font-size:calc(6 * var(--u));display:block;line-height:2;color:#718174;white-space:nowrap}
.uxa-game-feature .gc-phone__app strong{font-family:Urbanist,Arial,sans-serif;font-size:calc(15 * var(--u));font-weight:650;letter-spacing:-.035em;white-space:nowrap}
.uxa-game-feature .gc-phone__scene{height:43%;position:relative;overflow:hidden;background:#b5c6bd}
.uxa-game-feature .gc-phone__scene svg{width:100%;height:100%;display:block}
.uxa-game-feature .gc-phone__focus{position:absolute;left:83.73%;top:43.68%;width:calc(17 * var(--u));height:calc(17 * var(--u));border:calc(1 * var(--u)) solid #fff;border-radius:calc(3 * var(--u));transform:translate(-50%,-50%)}
.uxa-game-feature .gc-phone__capture{position:absolute;bottom:7%;left:9%;width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:white;box-shadow:0 0 0 calc(2 * var(--u)) #fff4}
.uxa-game-feature .gc-phone__controls{padding:calc(11 * var(--u)) calc(12 * var(--u));font-size:calc(7 * var(--u))}
.uxa-game-feature .gc-phone__controls>span{display:flex;align-items:center;justify-content:space-between;color:#6f7a8a}
.uxa-game-feature .gc-phone__controls b{color:#20355a;font-weight:650}
.uxa-game-feature .gc-dial{position:relative;height:calc(18 * var(--u));margin:calc(6 * var(--u)) 0;background:repeating-linear-gradient(90deg,#b4bfcc 0 calc(1 * var(--u)),transparent calc(1 * var(--u)) calc(8 * var(--u)));background-size:100% 40%;background-repeat:no-repeat;background-position:50% 55%;border-block:calc(1 * var(--u)) solid #e9edf1}
.uxa-game-feature .gc-dial i{position:absolute;left:65%;top:10%;width:calc(3 * var(--u));height:80%;border-radius:calc(2 * var(--u));background:#8e7351;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.uxa-game-feature .gc-phone__controls>div:not(.gc-dial){display:flex;justify-content:space-between;color:#69788b;font-size:calc(7 * var(--u))}
.uxa-game-feature .gc-phone__controls>.gc-phone__button{display:flex;align-items:center;justify-content:space-between;padding:calc(8 * var(--u)) calc(10 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:#20355a;color:#fff;font-size:calc(8 * var(--u))}
.uxa-game-feature .gc-phone__button svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke:#fff;stroke-width:1.5}
.uxa-game-feature .gc-phone__home{position:absolute;bottom:2%;left:33%;width:34%;height:1%;border-radius:calc(4 * var(--u));background:#b4bec8}
.uxa-game-feature .gc-compare{position:absolute;z-index:4;left:7%;top:70.5%;width:55%;padding:calc(12 * var(--u));background:#fffffff5;border:calc(1 * var(--u)) solid #d4dce5;border-radius:calc(13 * var(--u));box-shadow:0 calc(18 * var(--u)) calc(32 * var(--u)) calc(-13 * var(--u)) #20355a2e;backdrop-filter:blur(12px);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.uxa-game-feature .gc-compare__header{display:flex;justify-content:space-between;align-items:center;padding:0 calc(2 * var(--u)) calc(9 * var(--u));font-size:calc(9 * var(--u));font-weight:600}
.uxa-game-feature .gc-compare__header>span{display:flex;align-items:center;gap:calc(6 * var(--u))}
.uxa-game-feature .gc-compare__header i{width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:#6a8576}
.uxa-game-feature .gc-compare__header>svg{width:calc(13 * var(--u));height:calc(13 * var(--u));stroke:#748292;stroke-width:1.3}
.uxa-game-feature .gc-compare__photos{display:grid;grid-template-columns:1fr 1fr;gap:calc(9 * var(--u))}
.uxa-game-feature .gc-photo{position:relative;aspect-ratio:1.53;border:calc(1 * var(--u)) solid #d5ddd7;border-radius:calc(6 * var(--u));overflow:hidden;background:#cad7c6}
.uxa-game-feature .gc-photo>svg{display:block;width:100%;height:100%}
.uxa-game-feature .gc-photo>span{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;background:#fffef5ed;padding:calc(6 * var(--u)) calc(7 * var(--u));font-size:calc(8 * var(--u));font-weight:650;color:#314a43}
.uxa-game-feature .gc-photo small{font-size:calc(6 * var(--u));font-weight:500;white-space:nowrap}
.uxa-game-feature .gc-photo--brighter{border-color:#91a99a}
.uxa-game-feature .gc-art__caption{position:absolute;left:12%;bottom:1.5%;display:flex;align-items:center;gap:calc(9 * var(--u));font-size:calc(8 * var(--u));color:#74838d}
.uxa-game-feature .gc-art__caption>i{width:calc(20 * var(--u));height:calc(1 * var(--u));background:#c6d1d8;position:relative}
.uxa-game-feature .gc-art__caption>i:after{content:'';position:absolute;right:0;top:calc(-1.5 * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));border-right:calc(1 * var(--u)) solid #c6d1d8;border-top:calc(1 * var(--u)) solid #c6d1d8;transform:rotate(45deg)}
.uxa-game-feature .uxa-game-feature__art{min-width:0;min-height:0;padding:0;overflow:visible}
.uxa-game-feature .uxa-game-feature__card{overflow:visible}
.uxav2 .uxa-game-feature .uxa-game-feature__card{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px}
.uxav2 .uxa-game-feature .uxa-game-feature__art{padding:0}
@media(max-width:800px){.uxav2 .uxa-game-feature .uxa-game-feature__card{grid-template-columns:minmax(0,1fr)}}
@media(hover:hover) and (pointer:fine){
 .uxa-game-feature__card:hover .gc-browser{transform:translateY(calc(-5 * var(--u)))}
 .uxa-game-feature__card:hover .gc-phone{transform:translateY(calc(-10 * var(--u)))}
 .uxa-game-feature__card:hover .gc-compare{transform:translateY(calc(-3 * var(--u)))}
 .uxa-game-feature__card:hover .gc-focus{border-color:#11efe3;box-shadow:0 0 0 calc(4 * var(--u)) #11efe32b}
 .uxa-game-feature__card:hover .gc-dial i{transform:translateX(calc(8 * var(--u)))}
 .uxa-game-feature__card:hover .gc-viewfinder__flash{animation:gc-capture .75s ease-out .12s 1}
}
.uxa-game-feature__card:focus-visible .gc-focus{border-color:#11efe3;box-shadow:0 0 0 calc(4 * var(--u)) #11efe32b}
.uxa-game-feature__card:focus-visible .gc-browser{transform:translateY(calc(-5 * var(--u)))}
.uxa-game-feature__card:focus-visible .gc-phone{transform:translateY(calc(-10 * var(--u)))}
.uxa-game-feature__card:focus-visible .gc-compare{transform:translateY(calc(-3 * var(--u)))}
@keyframes gc-capture{0%,35%{opacity:0}40%{opacity:.24}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.uxa-game-feature .gc-art *{transition:none!important;animation:none!important}}

/* Match the white fade and muted green light used by the selected-work cards. */
.uxa-game-feature .uxa-game-feature__card{position:relative;isolation:isolate;--hover-light:#377861;--light-x:65%;--light-y:40%}
.uxa-game-feature .uxa-game-feature__card:before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 290px 210px at var(--light-x,65%) var(--light-y,40%),color-mix(in srgb,var(--hover-light) 11%,transparent),transparent);opacity:0;transition:opacity 400ms ease}
.uxa-game-feature .uxa-game-feature__copy,.uxa-game-feature .uxa-game-feature__art{position:relative;z-index:1}
.uxa-game-feature .gc-browser{mask-image:linear-gradient(90deg,transparent 0%,#000a 10%,#000 24%)}
.uxa-game-feature .gc-photo--darker>svg{filter:brightness(.58) saturate(.9)}
.uxa-game-feature .gc-photo--brighter>svg{filter:brightness(1.04)}
.uxa-game-feature .gc-photo--darker>span{background:#fffef5f5}
.uxa-game-feature .gc-photo--brighter>span{background:#fffef5f5}
.uxa-game-feature .gc-mark{color:#69798b;background:#f0f3f6}
@media(hover:hover) and (pointer:fine){.uxa-game-feature .uxa-game-feature__card:hover:before{opacity:1}}
.uxa-game-feature .uxa-game-feature__card:focus-visible:before{opacity:1}
@media(max-width:800px){.uxa-game-feature .gc-browser{mask-image:none}}
.reduce-motion .uxa-game-feature .gc-art *,.reduce-motion .uxa-game-feature .uxa-game-feature__card:before{animation:none!important;transition:none!important}
.reduce-motion .uxa-game-feature .gc-browser,.reduce-motion .uxa-game-feature .gc-phone,.reduce-motion .uxa-game-feature .gc-compare,.reduce-motion .uxa-game-feature .gc-dial i{transform:none!important}
@media(prefers-reduced-motion:reduce){.uxa-game-feature .uxa-game-feature__card:before{transition:none}.uxa-game-feature .gc-browser,.uxa-game-feature .gc-phone,.uxa-game-feature .gc-compare,.uxa-game-feature .gc-dial i{transform:none!important}}

.uxav2 .uxa-game-model-credit,.uxa-game-feature .uxa-game-model-credit{font:400 10px/1.7 Inter,Arial,sans-serif;color:#6c7c8f;margin:14px 0 0;text-align:right}.uxa-game-model-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.uxav2 .uxa-game-model-credit,.uxa-game-feature .uxa-game-model-credit{text-align:left;font-size:9px}}
