/* Installation belongs to the GAME420 customer journey; no effect on admin. */
html[data-game420-visual] .pwa-guide{width:min(94vw,420px);padding:19px;border:1px solid #785293;border-radius:20px;background:#191121;color:#f5edfc;font:400 15px/1.5 Roboto,Arial,sans-serif;box-shadow:0 18px 60px #09050eb3}
html[data-game420-visual] .pwa-guide::backdrop{background:#100918b8;backdrop-filter:blur(6px)}
html[data-game420-visual] .pwa-guide h2{font:750 21px/1.25 Roboto,Arial,sans-serif;margin:0}
html[data-game420-visual] .pwa-guide h3{font:700 15px/1.4 Roboto,Arial,sans-serif;color:#f5edfc}
html[data-game420-visual] .pwa-guide header{margin-bottom:14px}
html[data-game420-visual] .pwa-guide p{color:#c9b6d8}
html[data-game420-visual] .pwa-guide button{min-height:44px;background:#ac80dc;color:#22122e;border:1px solid #c49de7;border-radius:11px;font:650 14px/1.4 Roboto,Arial,sans-serif;padding:10px 14px}
html[data-game420-visual] .pwa-guide header button{min-width:44px;padding:5px;background:transparent;color:#d8b8ef;border:0;font-size:26px}
html[data-game420-visual] .pwa-guide-devices{gap:9px;margin:17px 0}
html[data-game420-visual] .pwa-guide-devices button[aria-pressed=false]{background:#281c34;color:#d8c3e7;border-color:#604473}
html[data-game420-visual] .pwa-guide ol{margin:0;padding:0;list-style:none;counter-reset:install-step}
html[data-game420-visual] .pwa-guide li{counter-increment:install-step;position:relative;padding:14px 0 14px 39px;border-top:1px solid #483253}
html[data-game420-visual] .pwa-guide li:before{content:counter(install-step);position:absolute;left:0;top:15px;width:26px;height:26px;display:grid;place-items:center;background:#382546;border-radius:50%;color:#d7b4f3;font-weight:700}
html[data-game420-visual] .pwa-guide li p{font-size:13px;margin:6px 0 0}
html[data-game420-visual] .pwa-guide .game420-install-important{padding:12px;border:1px solid #775190;border-left:3px solid #bc90e6;border-radius:12px;background:#2c1d3a;color:#ecdbf8;font-size:14px}
html[data-game420-visual] .pwa-guide-actions{display:flex;gap:8px}
html[data-game420-visual] .pwa-guide-actions button{flex:1}
html[data-game420-visual] .pwa-status{color:#d4b4ed;font-size:13px}
html[data-game420-visual] .pwa-order-invite{width:min(100%,320px);box-sizing:border-box;margin:14px 0;padding:12px;border:1px solid #9772b5;border-left:3px solid #c6a2e3;border-radius:6px 15px 15px 15px;background:#2d1e3b;color:#f4eafa;font:400 14px/1.4 Roboto,Arial,sans-serif}
html[data-game420-visual] .pwa-order-invite>strong{display:block;color:#ead4fa;margin-bottom:7px;font-size:14px}
html[data-game420-visual] .pwa-order-invite p{color:#dcc6eb;margin:0 0 10px!important}
html[data-game420-visual] .pwa-order-invite>div{gap:8px;flex-wrap:wrap}
html[data-game420-visual] .pwa-order-invite button{flex:1;min-height:44px!important;border:1px solid #ac84c9!important;background:#ac80dc!important;color:#21112e!important;border-radius:10px!important;font:650 13px/1.4 Roboto,Arial,sans-serif!important;padding:9px!important}
html[data-game420-visual] .pwa-order-invite button+button{background:#382547!important;color:#e8d4f5!important;border-color:#78568f!important}
html[data-game420-visual] .pwa-guide :focus-visible,html[data-game420-visual] .pwa-order-invite :focus-visible{outline:2px solid #d8b4f5;outline-offset:3px}
html[data-game420-visual] .pwa-guide [hidden],html[data-game420-visual] .pwa-order-invite[hidden]{display:none!important}
/* The two illustrated iPhone steps keep their text and open a separate viewer. */
html[data-game420-visual] .pwa-guide .game420-install-shots{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:12px}
html[data-game420-visual] .pwa-guide .game420-install-shot{display:flex;flex:0 1 96px;flex-direction:column;align-items:center;gap:7px;width:96px;max-width:calc(50% - 5px);min-width:0;padding:6px;background:#24192e;color:#e7d6f4;border:1px solid #67477d;border-radius:10px;text-align:center;cursor:zoom-in}
html[data-game420-visual] .pwa-guide .game420-install-shot img{display:block;width:100%;height:126px;object-fit:contain;border-radius:6px;background:#100d13}
html[data-game420-visual] .pwa-guide .game420-install-shot span{font:600 11px/1.35 Roboto,Arial,sans-serif;overflow-wrap:anywhere}
html[data-game420-visual] .pwa-guide .game420-install-shot:disabled{cursor:default;opacity:.65}
html[data-game420-visual] .pwa-guide .game420-install-shots-hint{flex-basis:100%;color:#b9a3c9;font:400 11px/1.4 Roboto,Arial,sans-serif}
html[data-game420-visual] .game420-install-viewer{box-sizing:border-box;width:min(94vw,490px);max-width:none;max-height:94dvh;margin:auto;padding:12px;border:1px solid #785293;border-radius:16px;background:#191121;color:#f5edfc;box-shadow:0 18px 60px #09050eb3;overflow:auto;overscroll-behavior:contain;font:400 14px/1.45 Roboto,Arial,sans-serif}
html[data-game420-visual] .game420-install-viewer::backdrop{background:#09050edb;backdrop-filter:blur(6px)}
html[data-game420-visual] .game420-install-viewer header{position:sticky;top:-12px;z-index:1;display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 10px;padding:3px 0;background:#191121}
html[data-game420-visual] .game420-install-viewer h2{margin:0;font:700 17px/1.3 Roboto,Arial,sans-serif;color:#f5edfc}
html[data-game420-visual] .game420-install-viewer header button{flex:none;min-width:44px;min-height:44px;padding:5px;border:0;border-radius:10px;background:#30213d;color:#ead4fa;font:400 27px/1 Roboto,Arial,sans-serif;cursor:pointer}
html[data-game420-visual] .game420-install-viewer>img{display:block;width:100%;height:auto;border-radius:10px;background:#100d13}
html[data-game420-visual] .game420-install-viewer-caption{margin:10px 1px 0;font-size:12px;color:#c9b6d8}
html[data-game420-visual] .game420-install-viewer :focus-visible{outline:2px solid #d8b4f5;outline-offset:3px}
html[data-game420-visual] .game420-install-viewer [hidden]{display:none!important}

/* Display each phone from the source boards without altering the approved artwork. */
html[data-game420-visual] .game420-install-picture{display:block;position:relative;overflow:hidden;aspect-ratio:510/960;width:100%;border-radius:12px;background:#100d13}
html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture img,html[data-game420-visual] .game420-install-viewer .game420-install-picture img{position:absolute;display:block;width:257.255%;height:125%;max-width:none;left:-21.57%;top:-17.71%;object-fit:fill;border-radius:0}
html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture[data-side=right] img,html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-side=right] img{left:-135.3%}
html[data-game420-visual] .pwa-guide .game420-install-shot{flex-basis:104px;width:104px;max-width:calc(50% - 5px)}
html[data-game420-visual] .pwa-guide .game420-install-shot>.game420-install-picture{aspect-ratio:510/960;padding:0}
html[data-game420-visual] .game420-install-viewer{width:min(94vw,430px)}
html[data-game420-visual] .game420-install-identity{display:flex;align-items:center;gap:12px;margin:14px 0;color:#f5edfc}
html[data-game420-visual] .game420-install-identity img{display:block;border-radius:12px;flex:none}
html[data-game420-visual] .game420-install-identity p{margin:0;font-weight:650}
html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-board=open],html[data-game420-visual] .pwa-guide .game420-install-shot>.game420-install-picture[data-board=open]{aspect-ratio:510/925}
html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-board=open] img,html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture[data-board=open] img{top:-18.92%;height:129.73%}

/* New single-screen illustrations follow the top-right settings shortcut. */
html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-side=full],html[data-game420-visual] .pwa-guide .game420-install-shot>.game420-install-picture[data-side=full]{aspect-ratio:9/16}
html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-side=full] img,html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture[data-side=full] img{position:static;width:100%;height:auto;max-width:100%;left:auto;top:auto;object-fit:contain}

/* Unaltered captures of the live site, with the same controls as the real page. */
html[data-game420-visual] .game420-install-picture[data-side=capture]{aspect-ratio:390/844;border:1px solid #78529366;box-sizing:border-box}
html[data-game420-visual] .pwa-guide .game420-install-shot:has([data-side=capture]){flex-basis:170px;width:170px;max-width:100%;padding:6px}
html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture[data-side=capture],html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-side=capture]{aspect-ratio:390/844}
html[data-game420-visual] .pwa-guide .game420-install-shot .game420-install-picture[data-side=capture] img,html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-side=capture] img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto;border-radius:0;object-fit:contain}
html[data-game420-visual] .pwa-guide .game420-install-permission-note{margin:12px 0;padding:10px 12px;border:1px solid #78529366;border-radius:10px;background:#24192e;font-size:12px}
html[data-game420-visual] .game420-install-viewer .game420-install-picture[data-device=android][data-side=full],html[data-game420-visual] .pwa-guide .game420-install-shot>.game420-install-picture[data-device=android][data-side=full]{aspect-ratio:390/844}