:root{--bg:#0b1238;--panel:#131f55;--line:#394b82;--text:#fdfcff;--muted:#b9c6f1;--accent:#ffd56a}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 28% 15%,#284785,transparent 35rem),radial-gradient(circle at 82% 70%,#271b6b,transparent 48rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.gateway{min-height:100dvh;display:grid;place-items:center;padding:20px}.wrap{width:min(1040px,100%);display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:36px}.install{position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-weight:950}.brand img{width:46px;height:46px;border-radius:13px}.eyebrow{margin-top:30px;text-transform:uppercase;font-weight:900;letter-spacing:.16em;color:var(--accent);font-size:.78rem}.install h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.93;letter-spacing:-.055em;margin:.6rem 0 1rem}.install p{color:#d0dcff;font-size:1.04rem;line-height:1.55;max-width:35rem}.install-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px}.btn{min-height:56px;border:1px solid transparent;border-radius:16px;font-weight:950;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 15px}.btn.primary{background:var(--accent);color:#142146}.btn.alt{background:#222e62;color:#fff;border-color:#465b9b}.share{grid-column:1/-1;background:transparent;color:#fff;border-color:#37413c}.btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.small{font-size:.78rem;color:#bccaf2;margin-top:12px}.phone-wrap{display:grid;place-items:center}.premium-preview{position:relative}.premium-preview:before{content:"";position:absolute;inset:auto auto 6% 12%;width:76%;height:18%;filter:blur(42px);background:radial-gradient(circle at center, rgba(255,211,91,.24), rgba(255,211,91,0));z-index:0}.premium-preview:after{content:"";position:absolute;inset:-4% 10% auto 10%;height:32%;background:radial-gradient(circle at center, rgba(255,255,255,.09), rgba(255,255,255,0));filter:blur(36px);z-index:0}.phone{width:min(360px,86vw);aspect-ratio:9/18.8;border:9px solid #252d2a;border-radius:52px;background:linear-gradient(180deg,#1e2e5a 0%,#0b1238 100%);padding:8px;box-shadow:0 42px 90px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.04) inset;position:relative;overflow:hidden;z-index:1}.phone:before{content:"";position:absolute;width:34%;height:23px;border-radius:0 0 16px 16px;background:#101736;top:0;left:33%;z-index:4}.phone-screen{height:100%;border-radius:36px;overflow:hidden;position:relative;background:linear-gradient(180deg,#10184a 0%,#0b1238 100%)}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center center;background:#111b4e;transform:scale(1.01);filter:saturate(1.03) contrast(1.02)}.phone-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,11,.10) 0%, rgba(8,10,11,0) 22%, rgba(8,10,11,0) 58%, rgba(8,10,11,.38) 100%);pointer-events:none}.phone-screen:after{content:"BTS KIDS ORIGINAL";position:absolute;left:16px;bottom:19px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 28px rgba(0,0,0,.28);padding:8px 10px;border-radius:999px;font-size:.72rem;font-weight:950;letter-spacing:.12em}.photo-note{margin-top:11px;color:#c5d4ff;font-size:.72rem;text-align:center;letter-spacing:.08em;text-transform:uppercase}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#142358;border:1px solid #465a9e;border-radius:14px;padding:11px 15px;display:none}.toast.show{display:block}@media(max-width:720px){.gateway{display:block;padding:12px 14px 28px}.wrap{display:flex;flex-direction:column;gap:20px}.install{order:1;width:100%}.phone-wrap{order:2}.brand img{width:38px;height:38px}.eyebrow{margin-top:12px;font-size:.68rem}.install h1{font-size:clamp(2.2rem,11vw,3.3rem);margin:.35rem 0 .55rem}.install p{font-size:.9rem;line-height:1.35;margin:.4rem 0}.install-actions{margin-top:12px;gap:8px}.btn{min-height:50px;font-size:.83rem;padding:0 9px}.small{font-size:.67rem;margin-top:7px}.phone{width:min(310px,80vw)}}@media(max-width:340px){.gateway{padding:8px 10px 20px}.brand span{font-size:.88rem}.install h1{font-size:2.05rem}.install p{font-size:.8rem}.btn{font-size:.72rem;min-height:48px}.small{font-size:.62rem}.phone{width:270px}}@media(max-height:620px) and (max-width:720px){.eyebrow{margin-top:8px}.install h1{font-size:2rem;margin:.25rem 0}.install p{font-size:.76rem;line-height:1.25}.install-actions{margin-top:8px}.btn{min-height:46px}.small{display:none}.phone{width:250px}}

.btn.secondary{background:#222e62;color:#fff;border-color:#465b9b}.hidden{display:none!important}.install-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:18px;background:rgba(5,10,31,.86);backdrop-filter:blur(14px)}.install-modal.open{display:grid}.install-modal-card{width:min(560px,100%);max-height:90dvh;overflow:auto;border:1px solid #42568d;border-radius:26px;background:linear-gradient(180deg,#1b2b67,#0b1647);padding:22px;box-shadow:0 32px 100px rgba(0,0,0,.65)}.install-modal-card h2{font-size:clamp(1.8rem,7vw,2.6rem);line-height:1;margin:.5rem 0 1rem}.install-step{display:grid;gap:5px;padding:15px 0;border-bottom:1px solid #40538b}.install-step:last-child{border-bottom:0}.install-step strong{font-size:1rem}.install-step span{color:#cbd8ff;line-height:1.45}.install-step.complete{border:1px solid rgba(255,213,106,.4);background:rgba(255,213,106,.09);border-radius:16px;padding:15px}.install-modal-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.install-modal-actions .btn{width:100%;min-height:58px;font-size:1rem}@media(max-width:520px){.install-modal-card{padding:18px}.install-modal-actions .btn{width:100%}}

/* Kids-specific finish; installation layout and button workflow match the reference. */
html{color-scheme:dark;background:#0b1238}body{overflow-x:hidden}.site-brand{display:flex;align-items:center;gap:12px;padding:15px clamp(16px,4vw,55px);border-bottom:1px solid rgba(178,202,255,.18);background:rgba(6,13,44,.56)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#ffcf63;border-radius:11px;color:#15234c;font-weight:1000;font-size:23px;position:relative}.brand-mark span{position:absolute;top:4px;right:4px;font-size:9px;color:#8859da}.site-brand strong{font-size:12px;letter-spacing:1px;display:block}.site-brand small{display:block;color:#b5c6ff;font-size:8px;letter-spacing:1.5px;font-weight:800;margin-top:2px}.brand-tag{margin-left:auto;font-weight:900;font-size:9px;letter-spacing:2px;color:#baccfb}.gateway{min-height:calc(100dvh - 155px);padding:38px 26px 32px}.wrap{width:min(1110px,100%);gap:55px}.brand img{box-shadow:0 5px 20px rgba(4,12,45,.35);background:#212b5c}.install h1{font-weight:1000;text-shadow:0 10px 40px rgba(0,0,0,.26)}.install h1 span{color:#ffce62}.install p strong{color:#fff}.eyebrow{letter-spacing:.16em}.install-actions{max-width:650px}.btn.primary{background:linear-gradient(125deg,#ffecaa,#ffcc5a);box-shadow:0 14px 30px rgba(243,180,52,.22);font-size:14px;gap:8px}.btn.primary span{font-size:18px}.btn{cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.04)}.btn:focus-visible{outline:3px solid #a9ddff;outline-offset:3px}.btn.share{font-size:12px;letter-spacing:1px}.small{line-height:1.45}.privacy{margin-top:22px;padding-top:19px;border-top:1px solid rgba(160,188,255,.19);font-size:10px;font-weight:900;letter-spacing:.4px;color:#9cb8ff}.phone-wrap{isolation:isolate}.phone{border-color:#233460;box-shadow:0 45px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12) inset}.phone-screen{background:#17214d}.phone-screen img{object-fit:contain;object-position:center center;transform:none;background:#14204c;filter:none}.phone-screen:before{background:none}.phone-screen:after{background:rgba(8,20,60,.85);border-color:rgba(255,231,180,.35);color:#ffdc81;letter-spacing:1px;left:50%;bottom:19px;transform:translateX(-50%);white-space:nowrap;font-size:9px}.photo-note{letter-spacing:1.1px;color:#cfdbff;font-weight:900}.orbit{position:absolute;border:1px dashed rgba(198,211,255,.27);border-radius:50%;width:104%;aspect-ratio:1;z-index:-1}.orbit-b{width:78%;border-color:rgba(255,222,126,.21)}.install-modal-card{border:1px solid #5b72b4;box-shadow:0 32px 100px rgba(1,5,24,.75)}.install-modal-card h2{line-height:1.16;color:#fff}.install-modal .eyebrow{margin:0}.install-step{line-height:1.5}.install-step strong{color:#fff}.install-step.complete{border-color:rgba(255,212,102,.38)}.toast{z-index:1200;max-width:90vw;text-align:center;color:#fff}.gateway-footer{min-height:60px;border-top:1px solid rgba(178,202,255,.15);color:#c6d6ff;padding:18px clamp(15px,4vw,55px);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;font-weight:900;letter-spacing:.8px}.gateway-footer span{color:#ffda7a}.gateway-footer small{margin-left:auto;font-size:9px;letter-spacing:.4px;color:#9eb4ef}.install-choice[hidden]{display:none!important}@media(max-width:720px){.site-brand{padding:11px 14px}.brand-tag{display:none}.gateway{min-height:auto;padding:29px 14px 38px}.wrap{gap:28px}.install h1{margin-top:9px}.install-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.install-choice{font-size:12px!important}.btn.primary span{font-size:15px}.phone{width:min(280px,72vw)}.orbit{width:85%}.gateway-footer small{margin-left:0}}@media(max-width:370px){.install-choice{font-size:10px!important;padding:6px}.brand span{font-size:12px}.phone{width:min(250px,78vw)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}
/* Decorative orbits must never create sideways page scrolling. */
html{overflow-x:clip}
.gateway{overflow-x:clip}
.phone-wrap{position:relative}

/* Premium filled-in gateway game preview */
.phone-screen{padding:0}
.game-preview{height:100%;display:flex;flex-direction:column;gap:10px;padding:18px 14px 14px;background:
 radial-gradient(circle at 25% 14%, rgba(255,214,107,.35), transparent 26%),
 radial-gradient(circle at 86% 16%, rgba(102,171,255,.28), transparent 24%),
 linear-gradient(180deg,#2747a1 0%, #182a78 26%, #131d5d 58%, #0f1748 100%);
}
.game-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mission-pill,.star-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(9,16,55,.72);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(0,0,0,.18);font-size:11px;font-weight:1000;letter-spacing:.08em;color:#fff}
.star-pill{color:#ffdb82}
.game-stage{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}
.stage-glow{position:absolute;inset:18% 10% auto 10%;height:32%;background:radial-gradient(circle, rgba(255,228,137,.26), rgba(255,228,137,0));filter:blur(24px);pointer-events:none}
.scene-window{position:relative;flex:1;min-height:220px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#79c4ff 0%, #69a9ff 33%, #6a66db 34%, #6a66db 56%, #7f5cce 57%, #6e48b7 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 20px 40px rgba(0,0,0,.18)}
.scene-sky{position:absolute;inset:0 0 42% 0;background:radial-gradient(circle at 22% 20%, rgba(255,255,255,.42), transparent 18%), radial-gradient(circle at 78% 20%, rgba(255,246,196,.55), transparent 16%)}
.scene-floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,#7a5ad5 0%, #654ab8 100%)}
.scene-floor:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px);background-size:38px 38px;opacity:.5}
.toy{position:absolute;border-radius:12px;box-shadow:0 8px 14px rgba(0,0,0,.18)}
.toy:before,.toy:after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;border-radius:50%;background:#1b2b6c}
.toy:before{left:8px}.toy:after{right:8px}
.toy-red{width:56px;height:28px;left:18px;bottom:22px;background:#f5524f}.toy-blue{width:46px;height:24px;right:22px;bottom:62px;background:#4d7df5}.toy-yellow{width:42px;height:24px;right:72px;bottom:24px;background:#f2be46}
.preview-maya,.preview-zip{position:absolute;bottom:18px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25))}
.preview-maya{left:12px;width:52%;max-width:none}
.preview-zip{right:8px;width:46%;max-width:none}
.challenge-card{position:relative;margin-top:-2px;border-radius:20px;background:rgba(10,18,56,.78);border:1px solid rgba(255,255,255,.14);padding:12px 14px;box-shadow:0 12px 24px rgba(0,0,0,.16)}
.challenge-title{font-size:13px;font-weight:1000;line-height:1.2;color:#fff}
.challenge-sub{margin-top:5px;font-size:10px;line-height:1.35;color:#d7e3ff}
.queue-card{padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.queue-label{font-size:9px;font-weight:1000;letter-spacing:.14em;color:#ffdc84}
.queue-chips{margin-top:8px;display:flex;gap:7px;flex-wrap:wrap}.queue-chips span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff;color:#172351;font-size:10px;font-weight:1000;box-shadow:0 8px 16px rgba(0,0,0,.14)}
.control-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto}
.control-pad button{appearance:none;border:0;border-radius:16px;min-height:44px;background:linear-gradient(180deg,#f7f8ff,#dfe8ff);color:#16224e;font-weight:1000;font-size:10px;letter-spacing:.04em;box-shadow:0 10px 16px rgba(2,8,33,.18)}
.control-pad .run-btn{background:linear-gradient(180deg,#ffedac,#ffca58);color:#172351}
.phone-screen:after{content:"ZIP'S ADVENTURE";left:50%;bottom:14px;transform:translateX(-50%);font-size:8px;padding:7px 9px}
@media(max-width:720px){
  .game-preview{padding:16px 12px 12px;gap:8px}
  .scene-window{min-height:205px}
  .challenge-title{font-size:12px}
  .challenge-sub{font-size:9px}
  .control-pad button{min-height:40px;font-size:9px}
}
@media(max-width:370px){
  .scene-window{min-height:185px}
  .preview-maya{width:54%}
  .preview-zip{width:47%}
  .queue-chips span{font-size:9px;min-height:25px}
}


/* Final premium phone mockup */
.phone-screen:after{content:none}
.premium-scene-preview{height:100%;display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(180deg,#2849a6 0%, #1d2f88 28%, #15215d 100%)}
.game-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mission-pill,.star-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(10,17,58,.72);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 16px rgba(0,0,0,.14);font-size:11px;font-weight:1000;letter-spacing:.08em;color:#fff}
.star-pill{color:#ffdd86}
.hero-scene-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:#1a265f;box-shadow:0 18px 32px rgba(0,0,0,.22)}
.hero-scene-image{display:block;width:100%;aspect-ratio:1/1.18;object-fit:cover;object-position:center top}
.hero-scene-overlay{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(7,12,40,.18),rgba(7,12,40,.82));backdrop-filter:blur(6px)}
.overlay-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#ffdc84;color:#16224e;font-size:9px;font-weight:1000;letter-spacing:.12em}
.overlay-title{margin-top:8px;font-size:14px;line-height:1.18;font-weight:1000;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.35)}
.clean-card{border-radius:20px;background:rgba(10,18,56,.74);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.15)}
.challenge-card{padding:12px 14px}
.challenge-title{font-size:13px;font-weight:1000;line-height:1.2;color:#fff}
.challenge-sub{margin-top:6px;font-size:10px;line-height:1.4;color:#d6e2ff}
.queue-card{padding:10px 12px}
.queue-header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.queue-label,.queue-count{font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
.queue-label{color:#ffdd86}.queue-count{color:#bcd0ff}
.queue-chips{margin-top:8px;display:flex;gap:7px;flex-wrap:wrap}.queue-chips span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff;color:#172351;font-size:10px;font-weight:1000;box-shadow:0 8px 16px rgba(0,0,0,.14)}
.clean-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.clean-controls button{appearance:none;border:0;border-radius:16px;min-height:44px;background:linear-gradient(180deg,#f8fbff,#dfe9ff);color:#16224e;font-weight:1000;font-size:10px;letter-spacing:.04em;box-shadow:0 10px 16px rgba(2,8,33,.18)}
.clean-controls .run-btn{background:linear-gradient(180deg,#ffecaa,#ffcc5a);color:#172351}
@media(max-width:720px){
  .premium-scene-preview{padding:14px;gap:10px}
  .hero-scene-overlay{left:12px;right:12px;bottom:12px;padding:11px 12px}
  .overlay-title{font-size:13px}
  .challenge-title{font-size:12px}
  .challenge-sub{font-size:9px}
  .clean-controls button{min-height:40px;font-size:9px}
}
@media(max-width:370px){
  .premium-scene-preview{padding:12px}
  .queue-chips span{font-size:9px;min-height:25px}
}


/* Final polish pass for gateway phone preview */
.phone{width:min(372px,88vw);padding:10px;border-width:10px;border-radius:54px;background:linear-gradient(180deg,#2b4ea9 0%, #1a2a72 35%, #14205d 100%);box-shadow:0 44px 95px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.12) inset}
.phone:before{top:0;width:35%;height:24px;background:#0f1741}
.phone-screen{border-radius:38px;background:linear-gradient(180deg,#2e53b2 0%, #1d2f88 28%, #15215d 100%)}
.premium-scene-preview{gap:10px;padding:15px 15px 16px;background:linear-gradient(180deg,#3259bb 0%, #243f9f 18%, #1b2f82 42%, #16235f 100%)}
.game-topbar{padding:1px 1px 0}
.mission-pill,.star-pill{min-height:28px;padding:0 11px;font-size:11px;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.hero-scene-card{border-radius:26px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 34px rgba(0,0,0,.20);background:#233987}
.hero-scene-image{width:100%;height:300px;aspect-ratio:auto;object-fit:cover;object-position:center 28%;display:block;transform:scale(1.02)}
.hero-scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 18%, rgba(10,16,48,0) 56%, rgba(10,16,48,.12) 100%);pointer-events:none}
.hero-scene-overlay{left:12px;right:12px;bottom:12px;padding:11px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(6,10,35,.10),rgba(6,10,35,.78));border:1px solid rgba(255,255,255,.08)}
.overlay-badge{min-height:22px;padding:0 10px;font-size:8px;letter-spacing:.16em}
.overlay-title{margin-top:7px;font-size:13px;line-height:1.16;max-width:88%}
.clean-card{border-radius:18px;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.challenge-card{padding:12px}
.challenge-title{font-size:12px;line-height:1.2}
.challenge-sub{margin-top:5px;font-size:9px;line-height:1.35;color:#d6e1ff}
.queue-card{padding:10px 12px}
.queue-header{align-items:center}
.queue-label,.queue-count{font-size:8px;letter-spacing:.16em}
.queue-chips{margin-top:8px;gap:6px}
.queue-chips span{min-height:26px;padding:0 9px;font-size:9px;box-shadow:0 6px 12px rgba(0,0,0,.12)}
.clean-controls{gap:7px;margin-top:2px}
.clean-controls button{min-height:38px;border-radius:15px;font-size:9px;box-shadow:0 8px 14px rgba(2,8,33,.15)}
.photo-note{margin-top:13px}
@media(max-width:720px){
  .phone{width:min(300px,78vw);padding:9px;border-width:9px}
  .premium-scene-preview{padding:13px 13px 14px;gap:9px}
  .hero-scene-image{height:246px;object-position:center 27%}
  .overlay-title{font-size:12px;max-width:90%}
  .clean-controls button{min-height:36px;font-size:8px}
}
@media(max-width:370px){
  .phone{width:min(270px,81vw)}
  .hero-scene-image{height:220px;object-position:center 26%}
  .challenge-title{font-size:11px}
  .challenge-sub{font-size:8px}
}


/* Precision polish pass: keep artwork framing, elevate device and lower UI */
.phone-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.phone-wrap + .photo-note{display:block;width:min(372px,88vw);margin:14px auto 0;text-align:center;letter-spacing:1.3px;color:#d7e3ff}
.phone{
  background:linear-gradient(180deg,#3058ba 0%, #21388c 28%, #182767 64%, #14205d 100%);
  box-shadow:
    0 46px 100px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 10px 18px rgba(130,166,255,.14) inset;
}
.phone::after{
  content:"";
  position:absolute;inset:8px;border-radius:44px;
  border:1px solid rgba(255,255,255,.08);pointer-events:none;
}
.phone-screen{
  background:linear-gradient(180deg,#3158bd 0%, #233c95 26%, #1a2b72 62%, #15225e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.phone-screen::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    radial-gradient(120% 60% at 50% -8%, rgba(255,255,255,.16), transparent 38%),
    linear-gradient(115deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 72%, rgba(255,255,255,.03) 100%);
}
.premium-scene-preview{justify-content:flex-start;gap:11px;padding:15px 15px 15px}
.hero-scene-card{box-shadow:0 18px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.1)}
.hero-scene-image{height:298px;object-position:center 28%}
.hero-scene-overlay{background:linear-gradient(180deg,rgba(5,8,26,.06),rgba(5,8,26,.8));box-shadow:0 10px 18px rgba(0,0,0,.16)}
.overlay-badge{box-shadow:0 6px 12px rgba(0,0,0,.15)}
.overlay-title{font-size:13px;line-height:1.18;max-width:84%}
.clean-card{background:rgba(9,18,61,.82);border-color:rgba(255,255,255,.13)}
.challenge-card{padding:13px 14px 12px}
.challenge-title{font-size:13px;line-height:1.18;letter-spacing:-.01em}
.challenge-sub{margin-top:6px;font-size:10px;line-height:1.42;color:#deE7ff}
.queue-card{padding:11px 12px}
.queue-label,.queue-count{font-size:8.5px;letter-spacing:.15em}
.queue-chips{margin-top:9px;gap:7px}
.queue-chips span{min-height:27px;padding:0 10px;font-size:9px;border:1px solid rgba(17,35,81,.06)}
.clean-controls{gap:8px;margin-top:auto;padding-top:2px}
.clean-controls button{
  min-height:42px;border-radius:16px;font-size:9px;letter-spacing:.06em;
  box-shadow:0 10px 18px rgba(2,8,33,.16), inset 0 1px 0 rgba(255,255,255,.7);
}
.clean-controls .run-btn{box-shadow:0 10px 18px rgba(68,48,0,.16), inset 0 1px 0 rgba(255,255,255,.45)}
@media(max-width:720px){
  .phone-wrap + .photo-note{width:min(300px,78vw);margin-top:13px}
  .hero-scene-image{height:246px;object-position:center 27%}
  .challenge-title{font-size:12px}
  .challenge-sub{font-size:9px}
  .clean-controls button{min-height:38px}
}
@media(max-width:370px){
  .phone-wrap + .photo-note{width:min(270px,81vw)}
  .hero-scene-image{height:220px;object-position:center 26%}
  .challenge-sub{font-size:8.5px}
}


/* Final precision refinements: keep the illustration and its framing locked. */
.phone-wrap .photo-note{
  display:block;
  width:100%;max-width:372px;
  margin:14px auto 0;
  text-align:center;
  color:#d7e3ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.45;
}
/* Use the extra breathing room for legible, generous game cards. */
@media(min-width:721px){
  .premium-scene-preview .challenge-card{padding:18px 14px 17px}
  .premium-scene-preview .challenge-title{font-size:13.5px;line-height:1.25}
  .premium-scene-preview .challenge-sub{font-size:10.5px;line-height:1.48;margin-top:7px}
  .premium-scene-preview .queue-card{padding:15px 12px 14px}
  .premium-scene-preview .queue-label,.premium-scene-preview .queue-count{font-size:9px}
  .premium-scene-preview .queue-chips span{min-height:29px;font-size:9.5px}
  .premium-scene-preview .clean-controls button{min-height:46px;font-size:9.5px}
}
/* Small phones already fit tightly: polish type without disturbing the layout. */
@media(max-width:720px){
  .phone-wrap .photo-note{max-width:min(300px,78vw);font-size:.65rem;margin-top:12px}
  .premium-scene-preview .challenge-sub{line-height:1.45}
  .premium-scene-preview .queue-label,.premium-scene-preview .queue-count{font-size:8.6px}
}
@media(max-width:370px){
  .phone-wrap .photo-note{max-width:min(270px,81vw)}
}