@font-face{font-family:Arcade;src:url('fonts/PressStart2P-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Only the normal ready screen receives the arcade skin. */
.title-emblem,.title-brand,.title-arcade-lines{display:none}
.site-header #game-title{font-size:clamp(18px,2.35vw,32px)}
.game-section:has(#overlay[data-title-screen="true"]:not([hidden])) .chapter-rail,
.game-frame:has(#overlay[data-title-screen="true"]:not([hidden]))>:is(.hud,.journey-status,.role-switcher,.touch-controls,.journey-record,.challenge-bar){display:none}
body:has(#overlay[data-title-screen="true"]:not([hidden])) .site-header #game-title{display:none}
body:has(#overlay[data-title-screen="true"]:not([hidden])) .site-header .utility{margin-left:auto}
.game-frame:has(#overlay[data-title-screen="true"]:not([hidden])){border-color:#604220;background:#100807}
.stage:has(#overlay[data-title-screen="true"]:not([hidden])){height:clamp(500px,calc(100svh - 106px),800px);min-height:0}
.stage:has(#overlay[data-title-screen="true"]:not([hidden]))>:is(.energy,.chapter-track,.toast){display:none}
#overlay[data-title-screen="true"]{
 --arcade-light:#ffe08b;--arcade-glow:#ffad37;--arcade-deep:#a32112;
 isolation:isolate;inset:0;display:flex;align-items:center;justify-content:center;padding:48px 4%;overflow:hidden;
 color:var(--arcade-light);background:radial-gradient(ellipse at 76% 33%,#5e1b15c4,transparent 64%),linear-gradient(100deg,#140a08ed,#210806e6),url('assets/valley.png') center/cover;
}
#overlay[data-title-screen="true"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px),linear-gradient(135deg,transparent 38%,#d7532422 38% 39%,transparent 39% 42%,#d7532410 42% 46%,transparent 46%)}
#overlay[data-title-screen="true"]::after{content:"";position:absolute;inset:13px;pointer-events:none;border:2px solid #d4963f70;box-shadow:inset 0 0 0 4px #0007,0 0 26px #000a}
#overlay[data-title-screen="true"] .title-brand{display:block;position:absolute;z-index:-1;left:0;top:8%;width:44%;height:84%;object-fit:contain;filter:invert(1) sepia(1) saturate(1.2);mix-blend-mode:screen;opacity:.46;pointer-events:none}
#overlay[data-title-screen="true"] .overlay-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72%;max-width:950px;margin:0 0 0 28%;padding:0;background:none;border:0;outline:0;box-shadow:none;text-align:center;color:inherit}
#overlay[data-title-screen="true"] .title-emblem{display:none}
#overlay[data-title-screen="true"] .eyebrow{font:9px/1.8 Arcade,monospace;letter-spacing:.16em;color:#d9a87c;margin:0 0 27px}
#overlay[data-title-screen="true"] #overlay-title{position:relative;width:100%;margin:0;line-height:1;color:inherit;text-shadow:none}
#overlay[data-title-screen="true"] .arcade-title-kicker{display:block;font:clamp(10px,1.3vw,16px)/1.8 Arcade,monospace;letter-spacing:.15em;text-transform:uppercase;color:#ffe8ad;margin-bottom:10px;text-shadow:3px 3px 0 #260704}
#overlay[data-title-screen="true"] .arcade-title-name{display:block;font:900 italic clamp(90px,13vw,180px)/1.18 Georgia,serif;letter-spacing:-.07em;text-transform:uppercase;padding-right:.08em;margin:-.04em 0 -.02em;background:linear-gradient(#fffad6 10%,#ffd960 34%,#ff9b28 47%,#fff39b 51%,#d86613 81%,#ffdc5c);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #a84917) drop-shadow(3px 4px 0 #571310) drop-shadow(5px 6px 0 #050403) drop-shadow(0 0 18px #d2462426)}
#overlay[data-title-screen="true"] #overlay-copy{font:12px/1.9 Arcade,monospace;letter-spacing:0;margin:23px 0 35px;color:#f4d99b;text-shadow:2px 2px 0 #000;max-width:none}
#overlay[data-title-screen="true"] #overlay-extra{display:none}
#overlay[data-title-screen="true"] #start-btn{display:inline-flex;align-items:center;gap:18px;justify-content:center;min-height:66px;max-width:100%;padding:13px 12px;border:0;background:transparent;color:var(--arcade-light);font:clamp(16px,1.85vw,25px)/1.7 Arcade,monospace;letter-spacing:.05em;box-shadow:none;cursor:pointer;animation:arcade-punch 1.05s ease-in-out infinite;transform-origin:center}
#overlay[data-title-screen="true"] #start-btn::before{content:"▶";font-size:.7em}
#overlay[data-title-screen="true"] #start-btn::after{content:"◀";font-size:.7em}
#overlay[data-title-screen="true"] #start-btn:hover{background:none;color:#fff}
#overlay[data-title-screen="true"] #start-btn:focus-visible{outline:2px solid var(--arcade-light);outline-offset:7px}
#overlay[data-title-screen="true"] #start-btn:disabled{animation:none;opacity:.6;cursor:wait;font-size:12px}
#overlay[data-title-screen="true"] #control-hint{font:8px/1.7 Arcade,monospace;letter-spacing:.05em;color:#bfaa89;margin:17px 0 0}
@keyframes arcade-punch{0%,100%{opacity:1;transform:scale(1.09);text-shadow:3px 3px 0 #130304,0 0 8px var(--arcade-glow),0 0 24px var(--arcade-glow)}50%{opacity:.2;transform:scale(.97);text-shadow:3px 3px 0 #130304,0 0 0 transparent}}
@keyframes arcade-luminance{0%,100%{opacity:1;text-shadow:3px 3px 0 #100305,0 0 10px var(--arcade-glow),0 0 24px var(--arcade-glow)}50%{opacity:.23;text-shadow:3px 3px 0 #100305,0 0 0 transparent}}
/* Variant 2: late-90s neon cabinet. */
[data-title-variant="neon"] #overlay[data-title-screen="true"]{--arcade-light:#7affff;--arcade-glow:#03d5ff;--arcade-deep:#791ab7;background:radial-gradient(ellipse at 72% 38%,#591c697a,transparent 50%),radial-gradient(ellipse at 18% 80%,#112869,transparent 60%),#080d24}
[data-title-variant="neon"] #overlay[data-title-screen="true"]::before{background:radial-gradient(circle at 16% 19%,#91eaffaa 0 1px,transparent 2px),radial-gradient(circle at 57% 13%,#fc65fdaa 0 1px,transparent 2px),radial-gradient(circle at 86% 70%,#70eaff99 0 1px,transparent 2px),repeating-linear-gradient(0deg,#03091430 0 1px,transparent 1px 4px);background-size:127px 131px,191px 149px,227px 197px,auto}
[data-title-variant="neon"] #overlay[data-title-screen="true"]::after{border-color:#58dcea77;box-shadow:inset 0 0 22px #22cdff18,0 0 16px #de38ff40}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .title-arcade-lines{display:block;position:absolute;bottom:-25%;left:-20%;width:140%;height:58%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#9246bd66 80px 81px),repeating-linear-gradient(0deg,transparent 0 43px,#ee4ede88 44px 45px);transform:perspective(320px) rotateX(54deg);transform-origin:top;opacity:.65}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .title-brand{left:61%;width:38%;opacity:.45;filter:invert(1)}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .overlay-inner{width:76%;margin:0 24% 0 0}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .eyebrow{color:#ba9bde}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .arcade-title-kicker{color:#a9edff;text-shadow:3px 3px 0 #c322b0}
[data-title-variant="neon"] #overlay[data-title-screen="true"] .arcade-title-name{font-family:Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:.025em;font-size:clamp(110px,15vw,202px);background:linear-gradient(#f0fcff 15%,#89f3ff 39%,#417bdb 48%,#ed80dc 52%,#a62d9b 81%,#ffb0e9);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(2px 2px 0 #063757) drop-shadow(4px 4px 0 #d131a4) drop-shadow(7px 7px 0 #1b062a) drop-shadow(0 0 12px #3078d766)}
[data-title-variant="neon"] #overlay[data-title-screen="true"] #overlay-copy{color:#ff9bea}
[data-title-variant="neon"] #overlay[data-title-screen="true"] #control-hint{color:#949cbd}
/* Variant 3: uncompromising pixel typography and the original monochrome brand. */
[data-title-variant="pixel"] #overlay[data-title-screen="true"]{--arcade-light:#fff6d7;--arcade-glow:#d13729;--arcade-deep:#a9271c;background:linear-gradient(90deg,#1e1b16 0 50%,#090908 50%)}
[data-title-variant="pixel"] #overlay[data-title-screen="true"]::before{background:repeating-linear-gradient(0deg,#0003 0 2px,transparent 2px 5px)}
[data-title-variant="pixel"] #overlay[data-title-screen="true"]::after{inset:17px;border:4px double #d5cbb280;box-shadow:none}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-brand{top:0;left:calc(50% - 260px);width:520px;height:100%;opacity:.19;filter:invert(1)}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .overlay-inner{width:94%;margin:0}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .eyebrow{color:#eadab7;margin-bottom:44px}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-kicker{color:#b63a2b;letter-spacing:.14em;text-shadow:2px 2px 0 #000}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font:clamp(52px,8.5vw,106px)/1.45 Arcade,monospace;letter-spacing:.015em;color:#fff3ce;background:none;margin:0;padding:0;filter:none;text-shadow:5px 5px 0 #8c261e,10px 10px 0 #020202}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] #overlay-copy{margin-top:14px;color:#e4cfaa}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] #start-btn{color:#fff2be}
@media(max-width:700px){
 .stage:has(#overlay[data-title-screen="true"]:not([hidden])){height:clamp(570px,calc(100svh - 105px),820px)}
 #overlay[data-title-screen="true"]{padding:32px 22px}
 #overlay[data-title-screen="true"] .overlay-inner,[data-title-variant="neon"] #overlay[data-title-screen="true"] .overlay-inner{width:100%;margin:0;max-width:500px}
 #overlay[data-title-screen="true"] .title-brand,[data-title-variant="neon"] #overlay[data-title-screen="true"] .title-brand,[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-brand{left:6%;top:3%;width:88%;height:94%;opacity:.22}
 #overlay[data-title-screen="true"] .eyebrow{font-size:7px;letter-spacing:.06em;margin:0 0 38px}
 #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:10px;letter-spacing:.05em}
 #overlay[data-title-screen="true"] .arcade-title-name{font-size:23vw}
 [data-title-variant="neon"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:27vw}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:12.5vw;line-height:1.6}
 #overlay[data-title-screen="true"] #overlay-copy{font-size:9px;line-height:2.1;margin:25px 0 40px}
 #overlay[data-title-screen="true"] #start-btn{font-size:14px;gap:9px;padding:13px 2px;min-height:58px}
 #overlay[data-title-screen="true"] #control-hint{display:block;font-size:6px;margin-top:20px}
}
@media(orientation:landscape) and (max-height:500px){
 .stage:has(#overlay[data-title-screen="true"]:not([hidden])){height:100svh;min-height:280px}
 #overlay[data-title-screen="true"]{padding:28px 5%}
 #overlay[data-title-screen="true"] .eyebrow{font-size:7px;margin-bottom:15px}
 #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:10px;margin-bottom:0}
 #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(70px,12vw,115px)}
 [data-title-variant="neon"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(80px,13vw,130px)}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(42px,7vw,70px)}
 #overlay[data-title-screen="true"] #overlay-copy{font-size:9px;margin:12px 0 15px}
 #overlay[data-title-screen="true"] #start-btn{font-size:16px;min-height:46px;padding:7px}
 #overlay[data-title-screen="true"] #control-hint{font-size:7px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){#overlay[data-title-screen="true"] #start-btn:not(:disabled){animation:arcade-luminance 1.25s ease-in-out infinite;transform:none}.title-arcade-lines{transform:none!important}}
/* Isolated animated comparison cards use this same skin, without loading a game. */
body.title-preview{margin:0;background:#080806}
.title-preview #overlay{position:fixed;box-sizing:border-box}

/* Selected direction: Pixel Origins, with restrained neon and royal-gold colour. */
.title-name-pixel{display:none}
[data-title-variant="pixel"] #overlay[data-title-screen="true"]{
 --arcade-light:#fff1c4;--arcade-glow:#69b8ba;
 background:radial-gradient(ellipse at 20% 15%,#24607426,transparent 57%),radial-gradient(ellipse at 85% 83%,#7e222c30,transparent 58%),linear-gradient(90deg,#1c1913 0 50%,#0a0d0f 50%);
}
[data-title-variant="pixel"] #overlay[data-title-screen="true"]::after{border-color:#d5b87880;box-shadow:inset 0 0 18px #75c5cc0d,0 0 14px #060605}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-arcade-lines{display:block;position:absolute;z-index:-1;pointer-events:none;bottom:0;left:0;width:100%;height:27%;opacity:.25;background:repeating-linear-gradient(90deg,transparent 0 89px,#79b3b53b 90px 91px),repeating-linear-gradient(0deg,transparent 0 33px,#bf854f55 34px 35px);mask-image:linear-gradient(transparent,#000)}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-brand{left:50%;top:1%;width:min(70%,670px);height:98%;transform:translateX(-50%);opacity:.19}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .overlay-inner{max-width:1100px;width:96%}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .eyebrow{font-size:clamp(10px,1.05vw,13px);color:#cbb98c;margin-bottom:38px}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:clamp(12px,1.55vw,20px);color:#dbb970;letter-spacing:.12em;margin-bottom:15px;text-shadow:2px 2px 0 #321713,-1px 0 0 #68a4a63b}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(64px,10.2vw,144px);line-height:1.22;letter-spacing:.015em;color:#fff1cb;text-shadow:4px 4px 0 #87382e,8px 8px 0 #030506,-2px 0 0 #67b8bb45}
/* A real capital E uses exactly the same font size/baseline as A R E T.
   Its acute is an independently placed two-step pixel mark, not the font's compact É glyph. */
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-name-standard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-name-pixel{display:inline-block;white-space:nowrap;padding-top:.24em;line-height:1}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-accent-letter{position:relative;display:inline-block;font:inherit;line-height:inherit;vertical-align:baseline}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-accent-letter::after{content:"";position:absolute;top:-.23em;left:.32em;width:.25em;height:.1875em;background:currentColor;clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%,0 50%,50% 50%);filter:drop-shadow(.025em .025em 0 #87382e)}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] #overlay-copy{font-size:clamp(12px,1.25vw,16px);line-height:1.9;margin:28px 0 32px;color:#e2c992;text-shadow:2px 2px 0 #180e0a}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] #start-btn{font-size:clamp(19px,2.3vw,29px);gap:20px;min-height:76px}
[data-title-variant="pixel"] #overlay[data-title-screen="true"] #control-hint{font-size:clamp(8px,.85vw,11px);margin-top:19px;color:#bcb499}
@media(max-width:700px){
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .overlay-inner{width:100%}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .title-brand{width:97%;height:96%;top:2%}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .eyebrow{font-size:8px;line-height:2;letter-spacing:.03em;margin-bottom:33px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:11px;letter-spacing:.04em;margin-bottom:12px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:15.3vw;line-height:1.22;text-shadow:3px 3px 0 #87382e,6px 6px 0 #030506,-1px 0 0 #67b8bb45}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #overlay-copy{font-size:10px;line-height:2;margin:25px 0 33px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #start-btn{font-size:16px;gap:10px;min-height:66px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #control-hint{font-size:7px;letter-spacing:0;margin-top:20px}
}
@media(orientation:landscape) and (max-height:500px){
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .eyebrow{font-size:9px;margin-bottom:17px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:12px;margin-bottom:5px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(48px,8.2vw,82px)}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #overlay-copy{font-size:10px;margin:14px 0 13px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #start-btn{font-size:18px;min-height:49px}
 [data-title-variant="pixel"] #overlay[data-title-screen="true"] #control-hint{font-size:8px;margin-top:8px}
}

/* Current direction: Royal Arcade-led blend with the actual game landscape. */
[data-title-variant="journey"] #overlay[data-title-screen="true"]{
 --arcade-light:#ffe6af;--arcade-glow:#a4b9a1;--arcade-deep:#722d39;
 background:radial-gradient(ellipse at 83% 30%,#973e463d,transparent 64%),linear-gradient(0deg,#0c151a5c,transparent 55%),linear-gradient(100deg,#132c2ddb 0%,#3d1723db 54%,#582330ba 100%),url('assets/valley.png') center 55%/cover;
}
[data-title-variant="journey"] #overlay[data-title-screen="true"]::before{background:repeating-linear-gradient(0deg,#080b0e25 0 1px,transparent 1px 4px),linear-gradient(135deg,transparent 38%,#cf9c5924 38% 38.3%,transparent 38.3% 42%,#bc694011 42% 44%,transparent 44%)}
[data-title-variant="journey"] #overlay[data-title-screen="true"]::after{inset:16px;border:3px double #c49d607a;box-shadow:inset 0 0 24px #6babaf12,0 0 20px #080b0a99}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .title-brand{left:1.5%;top:10%;width:35%;height:80%;opacity:.48;filter:invert(1) sepia(.75) saturate(.9)}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .overlay-inner{width:65%;max-width:900px;margin:0 0 0 30%}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .eyebrow{font-size:clamp(8px,.85vw,11px);color:#d3b699;margin-bottom:30px;letter-spacing:.12em}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:clamp(11px,1.25vw,16px);letter-spacing:.13em;color:#eedbb5;margin-bottom:13px;text-shadow:2px 2px 0 #351322}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(72px,9.8vw,138px);line-height:1.25;letter-spacing:-.055em;background:linear-gradient(#fff6ce 10%,#f2cf7c 36%,#d9934e 47%,#ffecaa 52%,#bd7153 82%,#edc685);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(2px 2px 0 #935036) drop-shadow(3px 4px 0 #501b28) drop-shadow(5px 6px 0 #13151b) drop-shadow(-1px 0 0 #80b6b53b)}
[data-title-variant="journey"] #overlay[data-title-screen="true"] #overlay-copy{font-size:clamp(11px,1.02vw,14px);line-height:2;margin:25px 0 32px;color:#f0d4a5}
[data-title-variant="journey"] #overlay[data-title-screen="true"] #start-btn{font-size:clamp(18px,1.95vw,26px);gap:19px;min-height:72px}
[data-title-variant="journey"] #overlay[data-title-screen="true"] #control-hint{font-size:9px;margin-top:18px;color:#b9c0b1}
[data-title-variant="journey"] #overlay[data-title-screen="true"] .title-arcade-lines{display:block;position:absolute;z-index:-1;pointer-events:none;bottom:0;left:0;width:100%;height:20%;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 89px,#79b3b53b 90px 91px),repeating-linear-gradient(0deg,transparent 0 33px,#c8945b55 34px 35px);mask-image:linear-gradient(transparent,#000)}
@media(max-width:700px){
 [data-title-variant="journey"] #overlay[data-title-screen="true"]{padding:30px 22px;background-position:center,center,center,44% 55%}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .overlay-inner{width:100%;margin:0}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .title-brand{left:8%;top:3%;width:84%;height:94%;opacity:.23}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .eyebrow{font-size:8px;margin-bottom:34px;letter-spacing:.05em}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:11px;letter-spacing:.04em;margin-bottom:15px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:19.8vw;line-height:1.25}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #overlay-copy{font-size:10px;line-height:2;margin:24px 0 32px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #start-btn{font-size:16px;gap:10px;min-height:66px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #control-hint{font-size:7px;letter-spacing:0;margin-top:20px}
}
@media(orientation:landscape) and (max-height:500px){
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .eyebrow{font-size:8px;margin-bottom:20px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-kicker{font-size:11px;margin-bottom:6px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] .arcade-title-name{font-size:clamp(62px,10.1vw,100px);line-height:1.22}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #overlay-copy{font-size:9px;margin:15px 0 14px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #start-btn{font-size:18px;min-height:49px}
 [data-title-variant="journey"] #overlay[data-title-screen="true"] #control-hint{font-size:8px;margin-top:8px}
}