/* Landscape device presentation. Original app captures remain uncropped. */
.device-frame{position:relative;width:100%;min-width:0;background:linear-gradient(145deg,#a1a3a6,#36373b 17%,#16171a 50%,#77797c 85%,#c0c1c3);padding:7px;border:1px solid #b7b8bc;border-radius:clamp(15px,3vw,38px);box-shadow:0 22px 38px #0008,0 2px 3px #ffffff21 inset;isolation:isolate}
.device-screen{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:#050506;border:7px solid #08090b;border-radius:clamp(11px,2.5vw,30px)}
.device-frame.device-iphone .device-screen{aspect-ratio:2868/1320;padding:0 3.5%}
.device-frame.device-ipad{padding:5px;border-radius:clamp(15px,2vw,26px)}
.device-frame.device-ipad .device-screen{aspect-ratio:2752/2064;border-width:clamp(9px,1.4vw,19px);border-radius:clamp(11px,1.5vw,21px)}
.device-frame .device-screen>img,.device-frame .device-screen>video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;border:0;border-radius:0;box-shadow:none;background:#050506}
.device-camera{position:absolute;z-index:2;pointer-events:none;background:#020204;box-shadow:0 0 0 1px #1d1e24}
.device-iphone .device-camera{left:2.2%;top:40%;width:1.7%;height:20%;border-radius:20px}
.device-ipad .device-camera{top:1.5%;left:49.6%;height:5px;width:5px;border-radius:50%;background:#11182b;box-shadow:0 0 0 2px #050507}
.device-buttons{position:absolute;top:-3px;left:20%;width:11%;height:3px;background:#8b8d92;border-radius:3px;pointer-events:none}
.device-iphone .device-buttons{box-shadow:45px 0 #7f8185}
.featured-world{padding:28px;gap:24px;overflow:visible;background:radial-gradient(ellipse at 28% 45%,#67382733,transparent 70%),#25121b}
.featured-world>.device-frame{padding:5px}.featured-world>div:not(.device-frame){padding:15px}
.minigames .device-frame{margin-bottom:26px}.moments .device-frame{margin-bottom:16px}
.celebrations>.device-frame{max-width:980px;margin-inline:auto}
@media(max-width:1000px){.featured-world{grid-template-columns:1.65fr 1fr;padding:20px;gap:18px}}
@media(max-width:720px){.featured-world{padding:16px}.featured-world>div:not(.device-frame){padding:24px 2px 2px}.device-frame{padding:4px;border-radius:19px}.device-screen{border-width:5px;border-radius:14px}.device-frame.device-ipad .device-screen{border-width:10px}.device-camera{box-shadow:none}.device-ipad .device-camera{width:4px;height:4px;top:1.7%}.device-buttons{height:2px;top:-2px}.minigames .device-frame{margin-bottom:20px}.featured-world .gallery-arrows{right:0;bottom:8px}}

/* Full-width artwork tiles beneath the centered iPhone. */
#worlds{max-width:none;padding-left:0;padding-right:0}
#worlds>.section-heading{padding-inline:6%}
#worlds .featured-world{display:flex;align-items:center;justify-content:center;padding:12px 6% 38px;border:0;border-radius:0;background:none;box-shadow:none;min-height:0}
#worlds .featured-world>.device-frame{width:100%;max-width:980px;margin:0 auto;padding:7px}
#worlds .device-iphone-18-pro-max{border-radius:clamp(22px,3vw,42px)}
#worlds .device-iphone-18-pro-max .device-screen{aspect-ratio:2868/1320;border-width:clamp(7px,1vw,13px);border-radius:clamp(17px,2.4vw,34px)}
#worlds .device-screen,#worlds .device-screen>img{background:#000}
/* The app's original circular level-selection artwork, in one thumbnail row. */
.theme-strip{display:flex;align-items:center;gap:12px;width:min(1120px,94%);margin:0 auto}
#world-picker{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b98636 #300403;min-width:0;width:100%;margin:0;padding:12px 8px 18px;aspect-ratio:auto}
#world-picker .theme-icon{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:5px;width:112px;min-width:112px;height:154px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;scroll-snap-align:start;transition:transform .18s;position:relative}
#world-picker .theme-icon-art{position:relative;display:block;flex:0 0 112px;width:112px;height:112px;border-radius:50%;overflow:hidden}
#world-picker .theme-icon-art img{display:block;position:static;width:100%;height:100%;object-fit:contain;border-radius:50%;transform:none}
#world-picker .theme-icon-art::after{content:"";position:absolute;left:7%;right:7%;top:69%;bottom:9%;border-radius:0 0 50% 50%;background:linear-gradient(180deg,transparent,#050509 24%,#050509);pointer-events:none}
#world-picker .theme-icon-title{display:flex;flex-direction:column;align-items:center;width:100%;color:#fff4df;font:400 16px/.95 SlotDisplay,Impact,sans-serif;letter-spacing:.04em;text-align:center}
#world-picker .theme-icon[aria-pressed=true] .theme-icon-art{box-shadow:0 0 0 3px #FFDD00,0 0 20px #ffdd0040}
#world-picker .theme-icon[aria-pressed=true] .theme-icon-title{color:#FFDD00}
#world-picker .theme-icon:hover{transform:translateY(-3px);background:transparent}
#world-picker .theme-icon:focus-visible{outline:3px solid #fff;outline-offset:5px}
.theme-strip-arrow{flex:0 0 40px;align-self:flex-start;width:40px;height:40px;display:grid;place-items:center;margin-top:48px;border:1px solid #d5a54c;border-radius:50%;background:#300403;color:#ffdd00;font:24px/1 Arial,sans-serif;padding:0}
.theme-strip-arrow:hover:not(:disabled){background:#821211}.theme-strip-arrow:disabled{opacity:.3;cursor:default}
.theme-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.theme-strip{width:96%;gap:5px}.theme-strip-arrow{width:30px;height:30px;flex-basis:30px;margin-top:41px;font-size:20px}#world-picker{gap:12px}#world-picker .theme-icon{width:88px;height:128px;min-width:88px;flex-basis:88px}#world-picker .theme-icon-art{width:88px;height:88px;flex-basis:88px}#world-picker .theme-icon-title{font-size:14px}#worlds .featured-world{padding:8px 6% 20px}}

/* Editorial headings share one centered, full-width column. */
.section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;text-align:center;margin-inline:auto}
.section-heading>div{width:100%}.section-heading .eyebrow{text-align:center}.section-heading h2{margin-bottom:0;text-align:center}.section-heading>p{width:100%;max-width:780px;margin:0 auto;text-align:center}
.vip.section{display:flex;flex-direction:column;align-items:center;gap:34px;text-align:center}.vip-copy{width:100%}.vip-copy>p:not(.eyebrow){max-width:780px;margin-left:auto;margin-right:auto}.vip figure{width:100%;max-width:820px;margin:0 auto}
@media(max-width:720px){.section-heading{gap:18px}.section-heading>p{margin:0 auto}.vip.section{gap:28px}}

.device-frame.device-iphone-17-pro-max .device-screen{aspect-ratio:2868/1320}
.closing h2{color:#fff}

.journey-tools{flex-wrap:wrap}.journey-tools #sound-toggle{min-width:80px}
