@layer pages{.pp-ingame-hero-art,.pp-ingame-reporting-art,.pp-conversation-hero-art,.pp-conversation-reporting-art{aspect-ratio:16/11;pointer-events:none;background:linear-gradient(145deg,#0b1930,#050b18 72%);border:1px solid #294267;border-radius:.55rem;width:min(100%,42rem);position:relative;overflow:clip;box-shadow:0 2rem 6rem #0000004d}.pp-ingame-hero-art__environment{perspective:28rem;position:absolute;inset:8% 7%}.pp-ingame-hero-art__environment:before{transform-origin:top;content:"";background:repeating-linear-gradient(90deg,#0000 0 3.9rem,#2edc8c2e 3.9rem 4rem),repeating-linear-gradient(0deg,#0000 0 2.4rem,#40a8ff24 2.4rem 2.5rem);border-top:1px solid #40a8ff7a;position:absolute;inset:45% -18% -32%;transform:rotateX(62deg)}.pp-ingame-hero-art__environment i{background:linear-gradient(145deg,#102a42,#07121f);border:1px solid #2b4b70;position:absolute}.pp-ingame-hero-art__environment i:first-child{width:17%;height:37%;top:22%;left:2%;transform:skewY(-8deg)}.pp-ingame-hero-art__environment i:nth-child(2){width:20%;height:44%;top:15%;right:2%;transform:skewY(7deg)}.pp-ingame-hero-art__environment i:nth-child(3){width:16%;height:18%;bottom:5%;left:19%}.pp-ingame-hero-art__environment i:nth-child(4){width:13%;height:22%;bottom:3%;right:22%}.pp-ingame-hero-art__plane{border:1px solid var(--pp-accent);background:linear-gradient(145deg,#1e4f78eb,#08192bf5);position:absolute;inset:23% 28% 31% 29%;box-shadow:0 0 0 .45rem #2edc8c0d,0 1.5rem 3.5rem #00000057}.pp-ingame-hero-art__plane:before,.pp-ingame-hero-art__plane:after{background:linear-gradient(90deg, transparent, var(--pp-accent-bright), transparent);content:"";height:1px;position:absolute;left:12%;right:12%}.pp-ingame-hero-art__plane:before{top:34%}.pp-ingame-hero-art__plane:after{opacity:.55;bottom:30%}.pp-ingame-hero-art__plane i{border:1px solid var(--pp-accent);background:#071526;border-radius:50%;width:.55rem;height:.55rem;position:absolute}.pp-ingame-hero-art__plane i:first-child{top:16%;left:12%}.pp-ingame-hero-art__plane i:nth-child(2){top:16%;right:12%}.pp-ingame-hero-art__plane i:nth-child(3){background:var(--pp-accent);bottom:14%;left:calc(50% - .27rem)}.pp-ingame-hero-art__route,.pp-conversation-hero-art__route{background:linear-gradient(90deg, transparent, var(--pp-accent), var(--pp-accent-bright), transparent);height:1px;position:absolute;bottom:12%;left:9%;right:9%}.pp-ingame-hero-art__route span,.pp-conversation-hero-art__route span{border:1px solid var(--pp-accent-bright);background:#071426;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.3rem}.pp-ingame-hero-art__route span:first-child,.pp-conversation-hero-art__route span:first-child{left:5%}.pp-ingame-hero-art__route span:nth-child(2),.pp-conversation-hero-art__route span:nth-child(2){left:35%}.pp-ingame-hero-art__route span:nth-child(3),.pp-conversation-hero-art__route span:nth-child(3){background:var(--pp-accent);right:34%}.pp-ingame-hero-art__route span:nth-child(4),.pp-conversation-hero-art__route span:nth-child(4){right:5%}.pp-ingame-reporting-art,.pp-conversation-reporting-art{aspect-ratio:4/3;width:min(100%,37rem);box-shadow:none}.pp-ingame-reporting-art__layers{grid-template-columns:1.25fr 1fr 1fr;gap:.65rem;display:grid;position:absolute;inset:10% 9% 44%}.pp-ingame-reporting-art__layers i{background:linear-gradient(145deg,#2edc8c1f,#0a1a2dbf);border:1px solid #315172}.pp-ingame-reporting-art__layers i:nth-child(2){border-color:var(--pp-accent-bright);transform:translateY(12%)}.pp-ingame-reporting-art__layers i:nth-child(3){transform:translateY(24%)}.pp-ingame-reporting-art__path,.pp-conversation-reporting-art__path{background:linear-gradient(90deg, var(--pp-accent), var(--pp-accent-bright));height:1px;position:absolute;top:65%;left:10%;right:10%}.pp-ingame-reporting-art__path span,.pp-conversation-reporting-art__path span{border:1px solid var(--pp-accent-bright);background:#081529;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.3rem}.pp-ingame-reporting-art__path span:first-child,.pp-conversation-reporting-art__path span:first-child{left:0}.pp-ingame-reporting-art__path span:nth-child(2),.pp-conversation-reporting-art__path span:nth-child(2){left:32%}.pp-ingame-reporting-art__path span:nth-child(3),.pp-conversation-reporting-art__path span:nth-child(3){background:var(--pp-accent);left:65%}.pp-ingame-reporting-art__path span:nth-child(4),.pp-conversation-reporting-art__path span:nth-child(4){right:0}.pp-ingame-reporting-art__path span:nth-child(5){background:#2edc8c21;width:1.65rem;height:1.65rem;top:-.82rem;left:48%}.pp-ingame-reporting-art__states{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid;position:absolute;bottom:10%;left:10%;right:10%}.pp-ingame-reporting-art__states b{border-left:.15rem solid var(--pp-accent);background:#11243d;height:2rem}.pp-conversation-hero-art{background:radial-gradient(circle at 78% 20%,#7d83ff33,#0000 34%),linear-gradient(145deg,#111936,#070b1a 72%)}.pp-conversation-hero-art__flow{align-content:start;gap:8%;display:grid;position:absolute;inset:10% 10% 28%}.pp-conversation-hero-art__flow i{background:linear-gradient(90deg,#7d83ff1f,#151d3ac2);border:1px solid #3b4774;width:68%;height:18%;min-height:2.5rem;position:relative}.pp-conversation-hero-art__flow i:before,.pp-conversation-hero-art__flow i:after{content:"";background:#4a567e;border-radius:1rem;height:.25rem;position:absolute;left:9%}.pp-conversation-hero-art__flow i:before{width:47%;top:34%}.pp-conversation-hero-art__flow i:after{opacity:.65;width:68%;top:58%}.pp-conversation-hero-art__flow i:first-child{border-color:var(--pp-accent);justify-self:end;width:55%}.pp-conversation-hero-art__flow i:nth-child(2){width:72%}.pp-conversation-hero-art__flow i:nth-child(3){width:63%}.pp-conversation-hero-art__placement{border:1px solid var(--pp-accent-bright);border-left:.22rem solid var(--pp-accent);background:linear-gradient(145deg,#192653,#0c142c);width:35%;height:29%;position:absolute;top:42%;right:8%;box-shadow:0 1rem 3rem #00000047}.pp-conversation-hero-art__placement i{background:#59658f;border-radius:1rem;height:.25rem;margin:15% 12% 0;display:block}.pp-conversation-hero-art__placement i:first-child{background:var(--pp-accent-bright);width:38%}.pp-conversation-hero-art__placement i:nth-child(2){width:70%}.pp-conversation-hero-art__placement i:nth-child(3){width:52%}.pp-conversation-reporting-art{background:radial-gradient(circle at 26% 28%,#45c8e81f,#0000 34%),linear-gradient(145deg,#101936,#070c1b)}.pp-conversation-reporting-art__bands{gap:.55rem;display:grid;position:absolute;inset:11% 34% 37% 9%}.pp-conversation-reporting-art__bands i{border:1px solid #35436e;border-left:.16rem solid var(--pp-accent-bright);background:#151e3a}.pp-conversation-reporting-art__bands i:nth-child(2n){border-left-color:var(--pp-accent);margin-left:14%}.pp-conversation-reporting-art__placement{border:1px solid var(--pp-accent);background:#1e274de6;width:28%;height:36%;padding:12% 7% 0;position:absolute;top:18%;right:8%}.pp-conversation-reporting-art__placement b{background:#56638e;border-radius:1rem;height:.22rem;margin-bottom:.55rem;display:block}.pp-conversation-reporting-art__placement b:first-child{background:var(--pp-accent-bright);width:46%}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-comparison__items{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7{grid-template-columns:repeat(12,minmax(0,1fr))}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li{grid-column:span 3}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li:nth-child(5){grid-column:2/span 3}@media (width<=50rem){.pp-ingame-hero-art,.pp-conversation-hero-art{width:min(100%,40rem)}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-comparison__items{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7{grid-template-columns:repeat(12,minmax(0,1fr))}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li{grid-column:span 4}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li:nth-child(n+4){grid-column:span 3}}@media (width<=34rem){.pp-ingame-hero-art,.pp-conversation-hero-art{aspect-ratio:4/3}.pp-ingame-reporting-art,.pp-conversation-reporting-art{width:100%}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-comparison__items{grid-template-columns:1fr}.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li,.pp-page--emerging[data-comparison-recipe=attention-roles] .pp-grid-count-7>li:nth-child(n+4){grid-column:auto}}@media (prefers-reduced-motion:reduce){.pp-ingame-hero-art *,.pp-ingame-reporting-art *,.pp-conversation-hero-art *,.pp-conversation-reporting-art *{transition:none;animation:none}}}