/* RP2 - Cinematic Game Entry CSS, derived from the approved ENTRY-P3 presentation. */
/* WEB-ENTRY-P3: Restore V1 cinematic shard composition; actual screenshots remain untouched. */
    #pergy-factory-entrance{position:fixed;inset:0;z-index:240;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#06111d;color:#f4f8fb;text-align:left;touch-action:manipulation}
    .pergy-entrance-stage{position:relative;isolation:isolate;width:min(100vw,calc(100dvh * 1672 / 941));max-height:100dvh;aspect-ratio:1672/941;flex:none;overflow:hidden;background:#06111d;container-type:inline-size}
    .pergy-entrance-backdrop{position:absolute;inset:-2%;background:#06111d center 55%/cover no-repeat;filter:brightness(.23) saturate(.72)}
    .pergy-entrance-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#051421f5 0%,#071523ed 26%,#07152180 42%,#05111a24 63%,#0614201a 100%),linear-gradient(0deg,#04101dec 0%,transparent 22%,transparent 82%,#03111a58 100%);pointer-events:none}
    .pergy-entrance-stage::after{content:'';position:absolute;inset:0;z-index:5;box-shadow:inset 0 0 4cqw #020a1245;pointer-events:none}
    .pergy-entrance-photos{position:absolute;inset:0;z-index:1;pointer-events:none}
    .pergy-entrance-shard{position:absolute;isolation:isolate;margin:0;overflow:hidden;background:#122b3b;filter:drop-shadow(0 .8cqw 1.1cqw #000b);border:0;border-radius:0;clip-path:var(--shard-shape)}
    .pergy-entrance-shard img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 63%;filter:saturate(.94) contrast(1.03)}
    .pergy-entrance-shard::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#05121b78 0%,transparent 20%,transparent 86%,#04111c54 100%);box-shadow:inset 0 0 .8cqw #0206094b}
    .pergy-entrance-shard figcaption{position:absolute;bottom:4%;left:9%;z-index:2;font:800 1.07cqw/1.1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.045em;text-shadow:0 2px 7px #000c;white-space:nowrap;max-width:83%;overflow:hidden}
    .pergy-entrance-shard[data-shot='mediawall']{left:31%;top:19.5%;width:24.2%;height:32.3%;--shard-shape:polygon(8% 0,100% 0,91% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='logbook']{left:50.5%;top:-1%;width:29.7%;height:43.5%;--shard-shape:polygon(11% 0,100% 0,90% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='road']{left:77%;top:-1%;width:24.9%;height:50%;--shard-shape:polygon(13% 0,100% 0,100% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='city']{left:28.5%;top:49%;width:31.1%;height:35.4%;--shard-shape:polygon(10% 0,100% 0,89% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='camera']{left:51.7%;top:45.6%;width:29.4%;height:39.1%;--shard-shape:polygon(12% 0,100% 0,87% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='messenger']{left:77.8%;top:46%;width:24.3%;height:39.3%;--shard-shape:polygon(10% 0,100% 0,100% 100%,0 100%)}
    .pergy-entrance-shard[data-shot='mediawall'] img{object-position:50% 54%}
    .pergy-entrance-shard[data-shot='logbook'] img{object-position:49% 55%}
    .pergy-entrance-shard[data-shot='road'] img{object-position:55% 52%}
    .pergy-entrance-shard[data-shot='city'] img{object-position:51% 56%}
    .pergy-entrance-shard[data-shot='camera'] img{object-position:53% 58%}
    .pergy-entrance-shard[data-shot='messenger'] img{object-position:57% 58%}
    .pergy-entrance-split{position:absolute;z-index:2;pointer-events:none;height:.14cqw;min-height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#83bfdb8a,transparent);box-shadow:0 0 .25cqw #2d729033}
    .pergy-entrance-split.s1{left:29%;top:50%;width:51%;transform:rotate(-7deg)}
    .pergy-entrance-split.s2{left:50%;top:43%;width:50%;transform:rotate(2deg)}
    .pergy-entrance-split.s3{left:50%;top:0;width:43%;transform:rotate(79deg)}
    .pergy-entrance-brand{position:absolute;top:6.1%;left:2.65%;z-index:4;width:57%;transform:rotate(-2.1deg);transform-origin:left top;pointer-events:none}
    .pergy-entrance-title{margin:0;display:block;white-space:nowrap;color:#fbfdff;font:italic 900 4.9cqw/.98 'Arial Black',Arial,system-ui,sans-serif;letter-spacing:-.054em;text-shadow:0 .32cqw .65cqw #000a;transform:skewX(-4deg)}
    .pergy-entrance-title em{font-style:inherit;color:#70d4f2}
    .pergy-entrance-subtitle{margin:1.15cqw 0 0;white-space:nowrap;font:italic 700 1.85cqw/1.2 Arial,system-ui,sans-serif;color:#b6e3f1;text-shadow:0 .25cqw .6cqw #000b}
    .pergy-entrance-info{position:absolute;left:2.05%;top:29.5%;width:30.5%;height:57%;z-index:4;display:flex;flex-direction:column;gap:1cqw;pointer-events:none}
    .pergy-entrance-panel{position:relative;padding:1.15cqw 1.35cqw 1.0cqw;background:linear-gradient(95deg,#061827f2,#071b2bdc);clip-path:polygon(3% 0,96% 0,100% 7%,100% 93%,96% 100%,0 100%,0 9%);border-radius:0}
    .pergy-entrance-panel.core{flex:1}
    .pergy-entrance-panel.ai{flex:none;min-height:18.7%;padding-top:.85cqw}
    .pergy-entrance-panel::before{content:'';position:absolute;left:.55cqw;top:0;bottom:0;width:.12cqw;background:#81c7df7a;transform:skewX(-8deg)}
    .pergy-entrance-panel h2{margin:0 0 .8cqw;white-space:nowrap;color:#f2f7fa;font:italic 800 1.88cqw/1.2 Arial,system-ui,sans-serif;letter-spacing:-.01em}
    .pergy-entrance-panel.ai h2{font-size:1.42cqw;margin-bottom:.75cqw}
    .pergy-entrance-panel.ai h2 strong{color:#86d8f1;font-weight:800}
    .pergy-entrance-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-around;height:calc(100% - 3.1cqw);gap:.2cqw}
    .pergy-entrance-features li{padding:.28cqw 0 .32cqw 2.9cqw;position:relative;color:#e6eef3;font:500 1.19cqw/1.22 Arial,system-ui,sans-serif;border-bottom:1px solid #9ad0e122}
    .pergy-entrance-features li strong{display:block;font-size:1.18cqw;font-weight:750;margin-bottom:.18cqw}
    .pergy-entrance-features li small{font-size:1.07cqw;color:#c1d3dc}
    .pergy-entrance-features li i{position:absolute;left:.1cqw;top:.18cqw;width:1.75cqw;display:block;color:#9fd2e0;font:800 1.5cqw/1 Arial,sans-serif;font-style:normal}
    .pergy-entrance-ai-list{margin:0;padding:0;list-style:none;display:grid;gap:.38cqw}
    .pergy-entrance-ai-list li{position:relative;padding-left:1.35cqw;font:500 1.05cqw/1.3 Arial,system-ui,sans-serif;color:#d7e7ef;white-space:nowrap}
    .pergy-entrance-ai-list li::before{content:'›';position:absolute;left:.15cqw;color:#85c7e0;font-weight:800}
    .pergy-entrance-start{position:absolute;z-index:8;left:34.25%;top:85.8%;width:32%;height:8.4%;padding:0;display:flex;align-items:center;justify-content:center;gap:1.4cqw;color:#f6fbff;background:linear-gradient(100deg,#122f43,#0d1c2b);border:0;border-radius:0;clip-path:polygon(7.5% 0,94% 0,100% 50%,94% 100%,7.5% 100%,0 50%);font:italic 900 2.45cqw/1 Arial,system-ui,sans-serif;letter-spacing:.025em;cursor:pointer;touch-action:manipulation;text-shadow:0 .17cqw .3cqw #0008}
    .pergy-entrance-start::before{content:'◩';font:700 2.1cqw/1 Arial,system-ui,sans-serif;color:#b0d6e4}
    .pergy-entrance-start::after{content:'›';font:900 3.1cqw/1 Arial,system-ui,sans-serif;color:#a7e0f0}
    .pergy-entrance-start-plate{position:absolute;z-index:7;left:33.95%;top:85.4%;width:32.6%;height:9.2%;background:#80cbe3ad;clip-path:polygon(7.5% 0,94% 0,100% 50%,94% 100%,7.5% 100%,0 50%);pointer-events:none}
    .pergy-entrance-start:hover:not(:disabled),.pergy-entrance-start:focus-visible{background:linear-gradient(100deg,#21485b,#1b3544);outline:0;filter:brightness(1.2)}
    .pergy-entrance-start:focus-visible + .pergy-entrance-status{color:#f8fcff}
    .pergy-entrance-start:disabled{cursor:wait;opacity:.54}
    .pergy-entrance-status{position:absolute;z-index:8;left:34%;top:95.5%;width:32%;text-align:center;color:#a3bfce;font:600 1.0cqw/1.2 Arial,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
    .pergy-entrance-status[data-state='error']{color:#ffd5c8}
    .pergy-entrance-build{position:absolute;z-index:8;right:1.5%;bottom:1%;color:#7b9ead;font:500 .68cqw/1.1 Arial,system-ui,sans-serif}
    @media (max-aspect-ratio:5/6){
      #pergy-factory-entrance{display:block;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
      .pergy-entrance-stage{width:100%;max-height:none;min-height:100dvh;aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;padding:20px 16px 28px;box-sizing:border-box;gap:16px}
      .pergy-entrance-backdrop,.pergy-entrance-vignette{position:fixed}
      .pergy-entrance-brand,.pergy-entrance-info,.pergy-entrance-photos,.pergy-entrance-start,.pergy-entrance-start-plate,.pergy-entrance-status,.pergy-entrance-build{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;transform:none!important}
      .pergy-entrance-brand{order:1;pointer-events:auto}
      .pergy-entrance-title{font-size:clamp(33px,8vw,65px);white-space:normal;line-height:1.02}
      .pergy-entrance-subtitle{font-size:clamp(16px,4vw,24px);white-space:normal;margin-top:14px}
      .pergy-entrance-photos{order:4;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0}
      .pergy-entrance-shard{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:140px!important;--shard-shape:polygon(7% 0,100% 0,93% 100%,0 100%)!important}
      .pergy-entrance-shard[data-shot='road']{grid-column:span 2}
      .pergy-entrance-shard figcaption{font-size:10px}
      .pergy-entrance-split{display:none}
      .pergy-entrance-info{order:5;z-index:4;display:grid;gap:12px}
      .pergy-entrance-panel{padding:14px 16px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
      .pergy-entrance-panel::before{width:2px;left:5px}
      .pergy-entrance-panel h2{font-size:20px;margin-bottom:12px}
      .pergy-entrance-panel.ai h2{font-size:18px}
      .pergy-entrance-features{height:auto;gap:10px}
      .pergy-entrance-features li{font-size:13px;padding:0 0 6px 25px}
      .pergy-entrance-features li strong{font-size:13px}
      .pergy-entrance-features li small{font-size:12px}
      .pergy-entrance-features li i{font-size:16px;width:20px;left:0;top:0}
      .pergy-entrance-ai-list{gap:7px}
      .pergy-entrance-ai-list li{font-size:12px;white-space:normal;padding-left:14px}
      .pergy-entrance-ai-list li::before{left:0}
      .pergy-entrance-start-plate{order:2;display:none}
      .pergy-entrance-start{order:2;z-index:5;flex:none;min-height:64px;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);font-size:24px;margin-top:0;border:1px solid #7ac1d7}
      .pergy-entrance-start::before{font-size:20px}
      .pergy-entrance-start::after{font-size:28px}
      .pergy-entrance-status{order:3;font-size:11px;z-index:6}
      .pergy-entrance-build{order:7;font-size:10px;z-index:6;text-align:center}
    }
    @media (max-height:490px) and (min-aspect-ratio:5/6){.pergy-entrance-stage{width:min(100vw,calc(100dvh * 1672 / 941))}}
    @media (prefers-reduced-motion:reduce){.pergy-entrance-start{transition:none}}

/* RP2 authored palette and mobile height */
.pergy-entrance-stage{color:var(--rp2-text,#fbfdff)}
.pergy-entrance-title{color:var(--rp2-text,#fbfdff)}
.pergy-entrance-title em{color:var(--rp2-accent,#70d4f2)}
@media(max-aspect-ratio:5/6){.pergy-entrance-shard{height:var(--rp2-portrait-shard-height,140px)!important}}
