/* Hologram Dialogue: the selected angular silhouette, in the supplied design kit's
   icy glass material. The character remains the real, moving world sprite. */
.ww-apollo-entry{--ah-ice:#eaf3ff;--ah-copy:#dbe7f6;--ah-body:'Sora',sans-serif;--ah-label:'Space Mono',monospace;--ah-ui:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:is(#apolloIntroHost,#apolloHost .ah-copy){
 --ah-cut:polygon(0 16px,16px 0,35% 0,calc(35% + 10px) 7px,calc(100% - 22px) 7px,100% 29px,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
 isolation:isolate;border:0;border-radius:0;clip-path:var(--ah-cut);color:#fff;
 background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.035)),rgba(10,22,38,.91);
 backdrop-filter:blur(16px) saturate(1.9) brightness(1.06);
 box-shadow:inset 0 0 24px #ffffff0d; padding:22px 20px 18px;
 font-family:var(--ah-body,Sora,sans-serif);
}
:is(#apolloIntroHost,#apolloHost .ah-copy)::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;clip-path:var(--ah-cut);
 background:linear-gradient(120deg,#ffffffd9,#eaf3ff29 35%,#d6f0ffbf 65%,#ffffff40);
 padding:1.5px;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
:is(#apolloIntroHost,#apolloHost .ah-copy)::after{
 content:'';position:absolute;left:20px;top:9px;bottom:auto;width:47px;height:3px;transform:none;border:0;
 background:repeating-linear-gradient(120deg,transparent 0 4px,#eaf3ffb3 4px 6px);pointer-events:none;
}
#apolloIntroHost{width:min(360px,calc(100vw - 24px))}
#apolloHost .ah-copy{width:min(310px,calc(100vw - 24px))}
#apolloHost .ah-top{height:auto;min-height:28px;gap:8px}
#apolloIntroHost>strong,#apolloHost .ah-top strong{font:400 10px/1.6 var(--ah-label,'Space Mono',monospace);text-transform:uppercase;letter-spacing:.10em;color:#eaf3ff}
#apolloHost .ah-hide{margin:0 -8px 0 0;flex-shrink:0;color:#eef4fc}
#apolloIntroHost p,#apolloHost .ah-copy p{font:300 15px/1.6 var(--ah-body,Sora,sans-serif);color:#dbe7f6;margin:10px 0 16px}
#apolloIntroHost button,#apolloHost .ah-go,#apolloHost .ah-question-continue,.ww-apollo-entry .ah-stage-controls button,.ww-apollo-entry #mobileAlphaNotice button{
 position:relative;isolation:isolate;min-height:48px;padding:12px 16px;border:1px solid #eaf3ff70;border-radius:2px;
 background:linear-gradient(135deg,#ffffff3d,#ffffff12);color:#fff;text-shadow:0 1px 2px #02081240;
 box-shadow:inset 0 0 16px #ffffff0d,0 0 20px #aad7ff20;font:600 14px/1.4 var(--ah-ui,Inter,sans-serif);
 backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s;
}
#apolloIntroHost button:hover,#apolloHost .ah-go:hover{background:linear-gradient(135deg,#ffffff52,#ffffff24);box-shadow:0 0 20px #aad7ff40}
:is(#apolloIntroHost,#apolloHost,.ah-stage-controls,#mobileAlphaNotice) button:focus-visible{outline:2px solid white;outline-offset:-5px}
#apolloHost .ah-explore{font:400 11px/1.5 var(--ah-ui,Inter,sans-serif);color:#c7d6e8;margin-top:8px}
.ww-apollo-entry :is(.ah-stage-controls,#mobileAlphaNotice>div,#hofCard){
 border-radius:2px;border:1px solid #eaf3ff70;background:linear-gradient(135deg,#ffffff12,#ffffff03),#0a1626f5;
 box-shadow:0 18px 50px #0208124d,inset 0 0 24px #ffffff0d;font-family:var(--ah-body);
}
.ww-apollo-entry :is(.ah-stage-controls strong,#mobileAlphaNotice h2,#hofCard .hof-name){font-family:var(--ah-body);font-weight:600;color:white}
.ww-apollo-entry :is(.ah-stage-controls p,#mobileAlphaNotice p,#hofCompleted){font-family:var(--ah-body);font-weight:300;color:var(--ah-copy);line-height:1.6}
.ww-apollo-entry #mobileAlphaNotice small{font:400 11px/1.6 var(--ah-label);letter-spacing:.12em;color:var(--ah-ice)}
.ww-apollo-entry :is(#hofProgress,.ah-stage-controls progress){accent-color:var(--ah-ice)}
.ww-apollo-entry .ah-stage-controls progress::-webkit-progress-bar{background:#eaf3ff24}
.ww-apollo-entry .ah-stage-controls progress::-webkit-progress-value{background:linear-gradient(90deg,#b3cde8,#eaf3ff)}
.ww-apollo-entry #wwQaBox h2{font-family:var(--ah-body);font-weight:600}
.ww-apollo-entry #wwQaBox :is(.wwq-ans,.ah-choice-instruction){font-family:var(--ah-ui)}
@media(max-width:640px){
 #apolloIntroHost{padding:22px 18px 16px}
 #apolloIntroHost p,#apolloHost .ah-copy p{font-size:14px;line-height:1.55}
 #apolloHost .ah-copy{padding:20px 16px 14px}
 .ww-apollo-entry #mobileAlphaNotice h2{font-size:22px}
}
@media(max-height:550px){#apolloHost .ah-copy{padding:15px 14px 10px}#apolloHost .ah-copy p{font-size:13px;margin:4px 0 8px}}
@media(prefers-reduced-motion:reduce){#apolloIntroHost *,#apolloHost *{transition:none!important;animation:none!important}}
/* Rewards use the same material, with unclipped scroll containers for the calculator. */
.ww-apollo-entry .wwi-root{font-family:var(--ah-body);--wwi-text:#eef4fc;--wwi-muted:#dbe7f6}
.ww-apollo-entry .wwi-panel{border-radius:2px;border-color:#eaf3ff70;background:linear-gradient(135deg,#ffffff10,#ffffff03),#0a1626fa}
.ww-apollo-entry .wwi-header{background:#0a1626}
.ww-apollo-entry .wwi-header h2,.ww-apollo-entry .wwi-card h3{font-family:var(--ah-body);font-weight:600}
.ww-apollo-entry .wwi-card{border-radius:2px;background:linear-gradient(135deg,#ffffff12,#ffffff03);border-color:#eaf3ff55}
.ww-apollo-entry .wwi-rarity{font:400 10px/1.5 var(--ah-label);letter-spacing:.12em}
.ww-apollo-entry .wwi-button{font-family:var(--ah-ui);color:#fff;border:1px solid #eaf3ff70;border-radius:2px;background:linear-gradient(135deg,#ffffff3d,#ffffff12)}
/* Clear action affordance, without platform-dependent hand emoji. */
#apolloIntroHost button::after,#apolloHost .ah-go::after{content:'';display:inline-block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:14px;animation:ah-action-nudge 1.8s ease-in-out 3}
@keyframes ah-action-nudge{50%{transform:translateX(4px) rotate(45deg)}}
#apolloHost [hidden]{display:none!important}
#game.ah-guided-entry #railMenu{display:none!important}
.ww-apollo-entry #v2CrowdPanel{background:#0a1626f5;border:1px solid #eaf3ff70;border-radius:2px}
.ww-apollo-entry #v2CrowdPanel p{color:#dbe7f6;font:300 15px/1.6 var(--ah-body)}
.ww-apollo-entry #v2CrowdPanel h3{font:600 21px/1.3 var(--ah-body);color:#fff}
.ww-apollo-entry #hofCompleted{margin:12px 0 0;text-align:center;font-size:13px;color:#dbe7f6}
@media(max-width:640px){
 #apolloHost .ah-copy{width:calc(100vw - 24px);max-width:380px;padding:20px 16px 12px}
 #apolloHost[data-task="calendar-confirm"] .ah-copy,#apolloHost[data-task="calendar"] .ah-copy{position:fixed;top:calc(74px + env(safe-area-inset-top,0px));right:12px;left:auto!important;bottom:auto}
 #apolloHost .ah-top{min-height:18px}
 #apolloHost .ah-copy p{margin:6px 0 12px}
 #apolloHost .ah-go{min-height:46px;padding:10px 12px}
}
/* The resume/room-transition cover is part of Apollo too: never inherit the
   legacy tenant's green --ink while the world is loading. Cover the HUD as well. */
.ww-apollo-entry #roomLoad{
 background:radial-gradient(ellipse at 50% 40%,#243d58 0%,#101f32 42%,#081321 80%);
 z-index:calc(var(--z-toast) + 3);color:#eaf3ff;
}
.ww-apollo-entry #roomLoad .rl-spin{border-color:#eaf3ff26;border-top-color:#eaf3ff;box-shadow:0 0 22px #bddfff1a}
.ww-apollo-entry #roomLoad .rl-t{font:400 11px/1.6 'Space Mono',monospace;letter-spacing:.18em;color:#eaf3ff;text-align:center;padding:0 24px}
@media(prefers-reduced-motion:reduce){.ww-apollo-entry #roomLoad{transition:none}.ww-apollo-entry #roomLoad .rl-spin{animation:none}}

/* Onboarding copy and unobstructed media headers. */
#apolloIntroHost h2{font:700 18px/1.3 Sora,sans-serif;margin:8px 0}
#apolloIntroHost.ah-brief{width:max-content;max-width:230px;padding:10px 14px;transition:opacity .2s;pointer-events:none}
#apolloIntroHost.ah-brief p{margin:0;font-size:14px}
#apolloIntroHost.ah-fading{opacity:0}
.wwd-registration-heading{grid-column:1/-1}
.wwd-registration-heading h2{font-size:22px;line-height:1.3;margin:8px 0 16px}
.wwd-diagnosis{font-size:17px;line-height:1.6}
#hofCard #hofHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;flex-shrink:0;background:#0b1b2a}
#hofCard #hofHeader .hof-badge{position:static;margin:0;pointer-events:none}
#hofCard #hofHeader #hofClose{position:static;width:44px;height:44px;min-height:44px;flex-shrink:0;font-size:20px}
@media(max-width:640px){
 #game #wwQaBox.apollo-portal-question{top:clamp(28px,6vh,56px);width:calc(100% - 32px)}
 #game #wwQaBox.apollo-portal-question h2{font:700 clamp(24px,6.4vw,30px)/1.25 Sora,sans-serif;margin:0 auto 12px;max-width:540px}
 #game #wwQaBox.apollo-portal-question .ah-choice-instruction{font:400 12px/1.5 Inter,sans-serif;letter-spacing:0;text-transform:none;margin:8px 0;color:#d9eafa}
 #apolloIntroHost h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){#apolloIntroHost.ah-brief{transition:none}}

#mobileAlphaNotice .ah-mobile-continue{background:transparent;color:#d6e8ff;box-shadow:none;border:0;font-size:14px;min-height:44px}
#mobileAlphaNotice button:disabled{opacity:.6}

.ww-apollo-entry #mobileAlphaNotice .ah-mobile-continue{background:transparent;color:#d6e8ff;box-shadow:none;border:0}
#wwQaCard .wwd-report h2{font:600 24px/1.3 Sora,sans-serif;margin:10px 0 16px;color:#f0f6ff}
#wwQaCard .wwd-note{border:1px solid #b8d9f580;border-radius:2px;padding:14px;margin-top:18px}
#wwQaCard .wwd-registration{border-radius:2px}

/* Complete Apollo control family: cut corners, illuminated edges, no pill shells. */
.ww-apollo-entry{--ah-panel:#0c1c2f;--ah-edge:#b9dfff85;--ah-button-cut:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.ww-apollo-entry :is(#game button:not(.ah-portrait),.wwi-root button,#calendarPanel a,.wwc-go,.wwi-button){
 border-radius:0!important;clip-path:var(--ah-button-cut);border:1px solid var(--ah-edge)!important;
 background:linear-gradient(115deg,#c0e5ff30,#5388ba19 55%,#b5dfff25),#0b1d31!important;
 color:#edf7ff!important;box-shadow:inset 0 1px 0 #e5f5ff70,inset 3px 0 0 #a6dfff8c,0 0 15px #81c9ff18!important;
 font-family:Inter,sans-serif;transition:background .18s,filter .18s;
}
.ww-apollo-entry :is(#game button:not(.ah-portrait),.wwi-root button,#calendarPanel a):hover{filter:brightness(1.23)}
.ww-apollo-entry :is(#game button:not(.ah-portrait),.wwi-root button,#calendarPanel a):focus-visible{outline:2px solid #fff!important;outline-offset:-5px}
.ww-apollo-entry :is(#game .panel,#game .modal-card,#calendarPanel,#profileCard,#chatBox,#chatPanel,#v2CrowdPanel,#mobileAlphaNotice>div,.wwi-panel,#hofCard,#wwQaCard .wwc-panel){
 border-radius:0!important;border:1px solid var(--ah-edge)!important;background:var(--ah-panel)!important;
 box-shadow:inset 3px 0 0 #b9e7ff55,inset 0 1px 0 #edf8ff88,0 20px 65px #02091580!important;
 clip-path:polygon(0 18px,18px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.ww-apollo-entry :is(#attChip,#hudBar,#chatToggle,.rail-btn,.hud-btn,#stageAudioTap,.wwi-bag,.wwi-card,.cal-row,.cal-ev,#calendarPanel [style*="border-radius"],#hofCard .hof-badge){
 border-radius:0!important;clip-path:var(--ah-button-cut);border:1px solid var(--ah-edge)!important;background:linear-gradient(120deg,#c4e5ff1f,#4d8cc118),#0b1c2e!important;color:#edf7ff!important;
}
.ww-apollo-entry :is(.wwi-header,#hofHeader){background:var(--ah-panel)!important;border-bottom:1px solid #b9dfff30}
.ww-apollo-entry .wwi-header{top:0;padding:12px 0;margin-bottom:12px}
.ww-apollo-entry :is(.wwi-video,.wwi-item-icon,.wwi-pdf,.wwi-certificate,#calendarPanel .cal-row){border-radius:0!important}
.ww-apollo-entry #calendarPanel :is(p,.c-time,.c-day){color:#dbeafa!important}
.ww-apollo-entry #calendarPanel a{display:block;min-height:44px;padding:14px 20px;text-decoration:none;font-weight:600}
.ww-apollo-entry #calendarPanel h3{font:600 clamp(20px,2.4vw,30px)/1.25 Sora,sans-serif}
.ww-apollo-entry .wwi-reward-dock{z-index:12003}
.ww-apollo-entry .wwi-bag.wwi-arrival-target{z-index:12003!important;filter:drop-shadow(0 0 12px #c4eaff);visibility:visible!important}
.ww-apollo-entry .wwi-flying{border-radius:0;clip-path:var(--ah-button-cut);border:1px solid #d8f3ff;background:#142d48;color:#effaff}
@media(min-width:641px) and (pointer:fine){
 .ww-apollo-entry #wwQaBox.apollo-portal-question{top:clamp(26px,6.67vh,60px);width:calc(100% - 48px);max-width:1200px}
 .ww-apollo-entry #wwQaBox.apollo-portal-question::before{content:'✦  Answer these questions to unlock your character  ✦';display:block;font:400 12px/1.4 'Space Mono',monospace;letter-spacing:.3em;text-transform:uppercase;color:#ffffffbf;margin-bottom:18px}
 .ww-apollo-entry #wwQaBox.apollo-portal-question h2{font:600 clamp(32px,3.2vw,46px)/1.1 Sora,sans-serif;margin:0;letter-spacing:-.015em}
 .ww-apollo-entry #wwQaBox .portal-chrome{font-weight:800;background:linear-gradient(180deg,#fff,#dbe9fb 32%,#7f9cc4 52%,#f4f8ff 64%,#bcd1ec);background-clip:text;color:transparent;text-shadow:none}
 .ww-apollo-entry #wwQaBox.apollo-portal-question :is(.wwq-sub,.ah-choice-instruction){display:none}
 .ww-apollo-entry #wwQaHint{bottom:7.3vh;top:auto;width:max-content;max-width:calc(100vw - 48px)}
 .ww-apollo-entry #wwQaHint .portal-instruction{display:flex;gap:18px;align-items:center;padding:14px 24px;background:linear-gradient(115deg,#e2f3ff21,#cedfff0a);border:1px solid #d3eaff70;clip-path:var(--ah-button-cut);font:500 15px/1.4 Inter,sans-serif;color:#dbe7f6}
 .portal-instruction strong{color:#fff;font-weight:600}.portal-instruction kbd{padding:6px 9px;background:#e0f1ff21;border:1px solid #d6ecff60}
}
@media(min-width:641px) and (max-height:760px){.ww-apollo-entry #wwQaBox.apollo-portal-question{top:22px}.ww-apollo-entry #wwQaBox.apollo-portal-question h2{font-size:36px}.ww-apollo-entry #wwQaBox.apollo-portal-question::before{font-size:10px;margin-bottom:12px}}

@media(min-width:1100px) and (pointer:fine){.ww-apollo-entry #game.ww-qa::after{content:'';position:fixed;left:44px;bottom:36px;width:120px;height:66px;background:url('/rejoin-logo.png') center/contain no-repeat;pointer-events:none;z-index:35;filter:drop-shadow(0 0 12px #c3e6ff33)}}
.ww-apollo-entry .wwi-panel{padding-top:24px}
.ww-apollo-entry .wwi-header{box-shadow:none;background-image:none!important}

/* The same silhouette covers answer feedback, fields and secondary surfaces.
   Avatars, status lights and movement rings remain circles: they are not panels. */
.ww-apollo-entry :is(#wwQaCard.wwv.apollo-diagnosis .wwv-surface,#game .modal,#navSheet,#wwBanner,#stageBar,#jtFeedback){
 border-radius:0!important;border:1px solid var(--ah-edge)!important;
 background:linear-gradient(125deg,#bddfff18,transparent 55%),var(--ah-panel)!important;
 clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
 box-shadow:inset 3px 0 0 #b9e7ff55,inset 0 1px 0 #edf8ff88,0 20px 65px #02091580!important;
}
.ww-apollo-entry :is(#wwQaCard .wwv-choice,#wwQaCard .wwd-focus b,#wwQaCard .wwc-weakbox,#wwQaCard .wwc-stat .tag,#tutCap,#tourTip,.dr-tip,#mudChip,#toast,#hint,#offerBanner,#lockBanner,#stageAudio,.res-row,.hof-stat,.v2-cell,.v2-waitbox,.v2-purse,.v2-item,.v2-list-row){
 border-radius:0!important;clip-path:var(--ah-button-cut);border:1px solid var(--ah-edge)!important;
 background:linear-gradient(120deg,#c4e5ff1f,#4d8cc118),#0b1c2e!important;color:#edf7ff!important;
}
.ww-apollo-entry :is(#game input:not([type=range]):not([type=checkbox]):not([type=radio]),#game textarea,#game select,#wwQaCard .wwv-bar,#wwQaCard .wwv-pip,#wwQaCard .wwv-route i,.dr-ring,.rb-badge,#chatToggleBadge,#hofResult,#vidTrack,#vidFill){border-radius:0!important}
.ww-apollo-entry :is(#game input,#game textarea,#game select){font-family:var(--ah-ui);color:#edf7ff;border-color:#9cbed880}
.ww-apollo-entry :is(#game input,#game textarea)::placeholder{color:#a9bfd5;opacity:1}
.ww-apollo-entry #chatPanel{width:min(360px,calc(100vw - 24px));height:min(440px,calc(100dvh - 140px));clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.ww-apollo-entry #chatPanel .ch-head{min-height:64px;padding:10px 16px;gap:12px;box-sizing:border-box}
.ww-apollo-entry #chatPanel #chatClose{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;font:400 30px/1 Inter,sans-serif;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.ww-apollo-entry #chatMsgs{padding:12px 16px;font-size:14px;min-height:0}
.ww-apollo-entry #chatPanel .cm{line-height:1.6;overflow-wrap:anywhere}
.ww-apollo-entry #chatPanel .cm-r{opacity:1;display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin:4px 0 4px 6px;padding:6px 10px;min-height:34px;font:600 12px/1.2 Inter,sans-serif;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.ww-apollo-entry #chatPanel .cm-q{display:block;clip-path:none;border:0!important;border-left:2px solid #a3d8ff!important;box-shadow:none!important;background:#b2d9ff12!important;padding:5px 9px;margin-bottom:5px;max-width:100%}
.ww-apollo-entry #chatPanel :is(.cm-pr,.cm-x,.cr-x){min-width:32px;min-height:32px;clip-path:none}
.ww-apollo-entry #chatPanel .ch-input{padding:12px 16px 16px;align-items:center}
.ww-apollo-entry #chatInput{min-width:0;height:44px;box-sizing:border-box;padding:10px 12px;background:#071625}
.ww-apollo-entry #chatForm>button{min-height:44px;padding:10px 16px}
.ww-apollo-entry .wwi-count{right:4px;top:4px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:0;line-height:17px;font:700 11px/17px Inter,sans-serif;text-align:center;box-shadow:0 0 8px #bddfff55;z-index:1}
.ww-apollo-entry #hofHeader{padding:12px 18px;min-height:68px;box-sizing:border-box}
/* The video sits inside the same frame on phones and desktop. Keep the frame's
   highlight outside the picture instead of letting the picture cover its left rail. */
.ww-apollo-entry #hofCard:has(#hofHeader){box-shadow:inset 0 1px 0 #edf8ff88,0 20px 65px #02091580!important}
.ww-apollo-entry #hofCard:has(#hofHeader) .hof-hero{margin:0 12px;min-height:0;background:#020812;overflow:hidden}
.ww-apollo-entry #hofCard:has(#hofHeader) #hofVid{width:100%;max-width:100%;height:auto;max-height:min(45dvh,380px);object-fit:contain;vertical-align:top;box-sizing:border-box}
@media(orientation:landscape) and (max-height:520px){
 .ww-apollo-entry #game.mobile #hofCard:has(#hofHeader){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);top:10px;transform:translateX(-50%);max-height:calc(100dvh - 20px)}
 .ww-apollo-entry #game.mobile #hofCard #hofHeader{grid-column:1/-1;min-height:60px;padding:8px 18px}
 .ww-apollo-entry #game.mobile #hofCard:has(#hofHeader) .hof-hero{margin-bottom:12px;align-self:start;height:auto}
 .ww-apollo-entry #game.mobile #hofCard:has(#hofHeader) #hofVid{height:auto;max-height:calc(100dvh - 100px);object-fit:contain}
 .ww-apollo-entry #game.mobile #hofCard:has(#hofHeader) .hof-body{padding:8px 18px 14px 6px}
}
.ww-apollo-entry #hofSound{min-height:40px;padding:8px 12px;font-size:12px;margin-left:auto}
.ww-apollo-entry .wwi-item-icon{width:86px;height:86px;background:radial-gradient(ellipse at 50% 35%,#6196ba55,transparent 65%),#081a2e;border:1px solid #b4dfff65;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 2px 0 0 #c4e7ff60;margin:20px 0 16px}
.ww-apollo-entry .wwi-item-icon svg{width:72px;height:72px;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 5px #85cfff55)}
@media(pointer:coarse){.ww-apollo-entry #chatPanel .cm-r{min-height:44px;padding:10px 12px}}
/* Demonstrate the gesture without intercepting the attendee's touch. */
:root{--ww-hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M14 25V7a4 4 0 0 1 8 0v13c5-4 13 0 13 5v10c0 6-4 10-10 10h-5c-4 0-7-2-9-5L4 29c-3-5 3-9 6-5l4 4' fill='%23e9f6ff' stroke='%235780a1' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
#apolloIntroHost button,#apolloHost[data-task='screen-first'] .ah-go{--ww-tap-x:calc(100% - 32px);--ww-tap-y:calc(50% - 11px);position:relative;min-height:52px;padding-right:68px}
/* The SVG fingertip is (18,3) in a 40×48 viewBox. Anchor it and the ripple to one contact point. */
#apolloIntroHost button::after,#apolloHost[data-task='screen-first'] .ah-go::after{content:'';position:absolute;left:calc(var(--ww-tap-x) - 12.15px);right:auto;top:calc(var(--ww-tap-y) - 2.025px);width:27px;height:32.4px;margin:0;border:0;transform:none;transform-origin:12.15px 2.025px;pointer-events:none;background:var(--ww-hand) center/100% 100% no-repeat;animation:ww-button-finger 2.4s ease-in-out infinite}
#apolloIntroHost button::before,#apolloHost[data-task='screen-first'] .ah-go::before{content:'';position:absolute;left:calc(var(--ww-tap-x) - 10px);right:auto;top:calc(var(--ww-tap-y) - 10px);width:20px;height:20px;box-sizing:border-box;border:2px solid #c9e7ff;border-radius:50%;opacity:0;animation:ww-touch-ring 2.4s ease-out infinite;pointer-events:none}
.ww-gesture{display:inline-block;position:relative;width:40px;height:48px;flex-shrink:0;background:var(--ww-hand) center/contain no-repeat;pointer-events:none}
.ww-gesture-drag{animation:ww-thumb-drag 2.5s ease-in-out infinite}
.ww-gesture-tap{animation:ww-finger-tap 2.4s ease-in-out infinite}
#mobileMoveHint{display:flex;align-items:center;gap:18px;pointer-events:none;padding:10px 18px;background:#0b1d30e8;border-left:2px solid #a6d9fa;max-width:260px;box-sizing:border-box}
.ww-apollo-entry .ah-stage-controls .ah-speed{min-width:64px;margin-left:8px}
@keyframes ww-finger-tap{0%,100%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-12px) rotate(0)}45%,53%{transform:translateY(-6px) scale(.88)}49%{transform:translate(2px,-6px) scale(.88)}65%{transform:translateY(0)}}
@keyframes ww-button-finger{0%,15%,85%,100%{transform:translate(5px,6px) rotate(10deg)}40%,65%{transform:translate(0,0) rotate(0)}45%,52%{transform:scale(.9)}}
@keyframes ww-touch-ring{0%,39%,75%,100%{opacity:0;transform:scale(.35)}44%{opacity:1;transform:scale(.5)}65%{opacity:0;transform:scale(1.4)}}
@keyframes ww-thumb-drag{0%,100%{transform:translateX(-12px) rotate(-12deg)}50%{transform:translateX(12px) rotate(12deg)}}
@media(max-width:640px){
 #game #wwQaBox.apollo-portal-question{top:clamp(44px,10vh,78px)}
 #game:has(#apolloIntroHost:not([hidden]):not(.ah-brief)) #wwQaBox.apollo-portal-question{top:18px}
 #apolloIntroHost:not(.ah-brief){padding:15px 16px 12px;width:calc(100vw - 24px)}
 #apolloIntroHost:not(.ah-brief) p{font-size:12px;line-height:1.45;margin:7px 0 10px}
 #apolloIntroHost:not(.ah-brief) h2{font-size:15px;margin:6px 0}
 #apolloIntroHost:not(.ah-brief)>strong{font-size:9px}
 #apolloIntroHost:not(.ah-brief) button{min-height:52px;padding-top:10px;padding-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.ww-gesture,#apolloIntroHost button::before,#apolloIntroHost button::after,#apolloHost .ah-go::before,#apolloHost .ah-go::after{animation:none!important}}
#apolloIntroHost button,#apolloHost[data-task='screen-first'] .ah-go{animation:ww-button-contact 2.4s ease-in-out infinite}
@keyframes ww-button-contact{0%,43%,55%,100%{transform:translateX(0)}46%,52%{transform:translateX(-1px)}49%{transform:translateX(1px)}}
@media(prefers-reduced-motion:reduce){#apolloIntroHost button,#apolloHost[data-task='screen-first'] .ah-go{animation:none!important}}

/* Approved October 24 handoff: glass surrounds and contact card only. */
.wwi-card.wwi-certificate-card h3{min-height:0;margin-bottom:10px}
.wwi-card.wwi-certificate-card .wwi-passive{font-size:14px;line-height:1.5;margin:0 0 20px;max-width:30ch}
html #wwQaCard.wwc.apollo-diagnosis{background:linear-gradient(180deg,#060e1a59,transparent 30%,#040a1499),url('/reskin-night-sky.jpg') center/cover fixed!important;padding:60px max(24px,8.33vw)!important}
html #wwQaCard.apollo-diagnosis .wwd-layout{max-width:1200px;grid-template-columns:minmax(0,540px) minmax(0,540px);gap:clamp(32px,8.33vw,120px);min-height:100%;align-items:center}
html #wwQaCard.apollo-diagnosis .wwd-logo{position:fixed;left:44px;bottom:36px;width:120px;pointer-events:none}
html #wwQaCard.apollo-diagnosis .wwd-report{display:flex;flex-direction:column;gap:26px;padding:0}
html #wwQaCard.apollo-diagnosis .wwd-report>small{font:400 12px/1.5 'Space Mono',monospace;letter-spacing:.3em;text-transform:uppercase;color:#ffffffbf}
html #wwQaCard.apollo-diagnosis .wwd-report h2{font:800 clamp(54px,6.12vw,88px)/.98 Sora,sans-serif;letter-spacing:-.03em;text-transform:uppercase;margin:-8px 0 0;background:linear-gradient(180deg,#fff 5%,#d4e8fa 35%,#7794b3 49%,#f8fdff 65%,#b8d3ef 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
html #wwQaCard.apollo-diagnosis .wwd-diagnosis{font:300 19px/1.55 Sora,sans-serif;color:#dbe7f6;max-width:500px;margin:0}
html #wwQaCard.apollo-diagnosis .wwd-glass{position:relative;isolation:isolate;clip-path:none!important;border:0!important;background:linear-gradient(180deg,#ffffff1a,#ffffff09)!important;backdrop-filter:blur(16px) saturate(1.9) brightness(1.06);-webkit-backdrop-filter:blur(16px) saturate(1.9) brightness(1.06);box-shadow:0 18px 50px #0208124d,inset 0 0 24px #ffffff0d!important}
html #wwQaCard.apollo-diagnosis .wwd-glass::before{content:'';position:absolute;inset:0;padding:1.3px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 110deg,#ffffff26,#c9e9ff90,#ffffff18,#fff,#b3dbff30);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box xor,linear-gradient(#000 0 0)}
html #wwQaCard.apollo-diagnosis .wwd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html #wwQaCard.apollo-diagnosis .wwd-tiles>div{border-radius:20px!important;padding:18px 20px}
html #wwQaCard.apollo-diagnosis .wwd-tiles small{display:block;font:400 11px/1.5 'Space Mono',monospace;letter-spacing:.24em;text-transform:uppercase;color:#ffffff9e}
html #wwQaCard.apollo-diagnosis .wwd-tiles strong{display:block;margin-top:10px;font:600 26px/1.2 Inter,sans-serif;color:white}
html #wwQaCard.apollo-diagnosis .wwd-note{display:flex;align-items:center;gap:18px;border-radius:22px!important;padding:20px 22px;margin:0;font:400 17px/1.5 Sora,sans-serif;color:#eef4fc}
html #wwQaCard.apollo-diagnosis .wwd-part{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 64px;height:64px;border-radius:16px;background:#9bcbff1f;box-shadow:inset 0 0 0 1px #9bcbff73,0 0 24px #9bcbff2e}
html #wwQaCard.apollo-diagnosis .wwd-part small{font:400 9px 'Space Mono',monospace;color:#9bcbff}
html #wwQaCard.apollo-diagnosis .wwd-part b{font:700 24px Inter,sans-serif}
html #wwQaCard.wwc.apollo-diagnosis .wwc-panel.wwd-registration{border-radius:34px!important;padding:34px 40px 38px;text-align:center;overflow:visible}
html #wwQaCard.apollo-diagnosis .wwd-badge{display:inline-block;padding:11px 16px;border-radius:999px;background:linear-gradient(#ffffff33,#ffffff0f);box-shadow:inset 0 0 0 1px #d6f0ff8c,0 0 30px #aad7ff59;font:700 13px/1.5 'Space Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:white;text-shadow:0 0 12px #d6f0ffcc}
html #wwQaCard.apollo-diagnosis .wwd-pedestal{position:relative;height:168px;max-width:300px;margin:10px auto 0;background:radial-gradient(ellipse,#aad7ff52,transparent 65%)}
html #wwQaCard.apollo-diagnosis .wwd-pedestal::after,html #wwQaCard.apollo-diagnosis .wwd-pedestal i{content:'';position:absolute;bottom:4px;left:10%;width:80%;height:36px;border:1px solid #ffffff59;border-radius:50%;z-index:-1}
html #wwQaCard.apollo-diagnosis .wwd-pedestal i{left:24%;width:52%;height:22px;bottom:11px;border-color:#fff9}
html #wwQaCard.apollo-diagnosis .wwd-registration .wwd-avatar{width:112px;height:145px;margin:0 auto;position:relative;top:4px}
html #wwQaCard.apollo-diagnosis .wwd-registration .wwd-heading{font:700 30px/1.2 Sora,sans-serif;color:white;text-wrap:balance;margin:16px 0 26px}
html #wwQaCard.apollo-diagnosis .wwd-heading span{color:#c9f3ea;text-shadow:0 0 14px #8ff0cf73}
html #wwQaCard.apollo-diagnosis .wwc-form{display:grid;gap:12px}
html #wwQaCard.apollo-diagnosis .wwc-form label{position:relative;display:block;margin:0}
html #wwQaCard.apollo-diagnosis .wwd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html #wwQaCard.apollo-diagnosis .wwc-form svg{position:absolute;width:18px;height:18px;left:20px;top:19px;color:#ffffff80;pointer-events:none}
html #wwQaCard.apollo-diagnosis .wwc-form input{box-sizing:border-box;width:100%;height:56px;min-height:56px;padding:0 16px 0 52px!important;clip-path:none!important;border:1px solid #dcebff33!important;border-radius:16px!important;background:#06101e73!important;color:white!important;font:500 16px Inter,sans-serif}
html #wwQaCard.apollo-diagnosis .wwc-form input::placeholder{color:#ffffff80;opacity:1}
html #wwQaCard.apollo-diagnosis .wwc-form input:focus{outline:none;border-color:#d6f0ffd9!important;box-shadow:0 0 0 4px #aad7ff29}
html #wwQaCard.apollo-diagnosis .wwc-actions{margin:22px 0 0}
html #wwQaCard.apollo-diagnosis .wwc-err:empty{display:none}
html #wwQaCard.apollo-diagnosis .wwc-actions .wwc-go{height:68px;min-height:68px;border-radius:999px!important;clip-path:none!important;border:1px solid #c9f3eafa!important;background:linear-gradient(180deg,#c9f3ea5c,#8ff0cf1f)!important;box-shadow:0 0 46px #8ff0cf66,0 0 14px #c9f3ea40!important;color:white!important;font:600 19px/1.2 Inter,sans-serif;white-space:nowrap;text-shadow:0 0 12px #8ff0cf8c}
html #wwQaCard.apollo-diagnosis .wwc-go::before,html #wwQaCard.apollo-diagnosis .wwc-go::after{display:none!important}
html #wwQaCard.apollo-diagnosis .wwc-go:active{transform:scale(.97)}
html #wwQaCard.apollo-diagnosis .wwc-go:focus-visible{outline:3px solid #c9f3ea;outline-offset:4px}
@media(min-width:641px) and (pointer:fine){
 .ww-apollo-entry #wwQaHint .portal-instruction{clip-path:none!important;border-radius:999px!important;background:linear-gradient(#ffffff1a,#ffffff09);backdrop-filter:blur(16px) saturate(1.9);padding:10px 14px 10px 28px;gap:22px;border:1px solid #d6f0ff66}
 .ww-apollo-entry #wwQaHint kbd{box-sizing:border-box;width:34px;height:34px;padding:6px;border-radius:8px}
 .ww-apollo-entry #game.ww-qa::after{background-image:url('/reskin-logo.png')}
}
@media(max-width:1100px){html #wwQaCard.apollo-diagnosis .wwd-logo{display:none}}
@media(max-width:719px){
 html #wwQaCard.wwc.apollo-diagnosis{padding:22px 16px 40px!important}
 html #wwQaCard.apollo-diagnosis .wwd-logo{display:block;position:static;width:76px;height:auto;margin:0 0 18px}
 html #wwQaCard.apollo-diagnosis .wwd-layout{display:flex;flex-direction:column;gap:40px;min-height:0;max-width:540px}
 html #wwQaCard.apollo-diagnosis .wwd-report{order:2;gap:22px}
 html #wwQaCard.wwc.apollo-diagnosis .wwc-panel.wwd-registration{order:1;width:100%;box-sizing:border-box;border-radius:30px!important;padding:26px 20px 24px}
 html #wwQaCard.apollo-diagnosis .wwd-badge{font-size:11.5px;letter-spacing:.18em;padding:10px 12px}
 html #wwQaCard.apollo-diagnosis .wwd-pedestal{height:136px;margin-top:8px}
 html #wwQaCard.apollo-diagnosis .wwd-registration .wwd-avatar{width:92px;height:119px}
 html #wwQaCard.apollo-diagnosis .wwd-registration .wwd-heading{font-size:25px;margin:12px 0 22px}
 html #wwQaCard.apollo-diagnosis .wwc-form{gap:10px}
 html #wwQaCard.apollo-diagnosis .wwc-form input{height:54px;min-height:54px}
 html #wwQaCard.apollo-diagnosis .wwc-actions .wwc-go{height:62px;min-height:62px;font-size:17px}
 html #wwQaCard.apollo-diagnosis .wwd-report h2{font-size:54px}
 html #wwQaCard.apollo-diagnosis .wwd-diagnosis{font-size:16px}
 html #wwQaCard.apollo-diagnosis .wwd-tiles{gap:10px}
 html #wwQaCard.apollo-diagnosis .wwd-tiles>div{padding:16px 14px}
 html #wwQaCard.apollo-diagnosis .wwd-tiles small{font-size:10px;letter-spacing:.16em}
 html #wwQaCard.apollo-diagnosis .wwd-note{font-size:14.5px;padding:18px;gap:14px}
 html #wwQaCard.apollo-diagnosis .wwd-part{flex-basis:52px;height:52px}
}
html #game #wwQaCard.wwc.apollo-diagnosis .wwc-form input{border-radius:16px!important;font-weight:500}
html #wwQaCard.apollo-diagnosis .wwd-logo{margin-left:0!important}
html #wwQaCard.apollo-diagnosis .wwd-registration{background:radial-gradient(ellipse at 50% 30%,#9bcbff20,transparent 70%),linear-gradient(#ffffff1a,#ffffff09)!important}
@media(min-width:720px) and (max-width:1050px){html #wwQaCard.wwc.apollo-diagnosis{padding-left:32px!important;padding-right:32px!important}html #wwQaCard.apollo-diagnosis .wwd-layout{gap:32px}html #wwQaCard.wwc.apollo-diagnosis .wwc-panel.wwd-registration{padding:28px 24px}html #wwQaCard.apollo-diagnosis .wwd-badge{font-size:10px;letter-spacing:.12em}}
@media(min-width:720px) and (max-height:760px){html #wwQaCard.wwc.apollo-diagnosis{padding-top:20px!important;padding-bottom:20px!important}html #wwQaCard.wwc.apollo-diagnosis .wwc-panel.wwd-registration{padding-top:24px;padding-bottom:24px}html #wwQaCard.apollo-diagnosis .wwd-pedestal{height:140px}html #wwQaCard.apollo-diagnosis .wwd-registration .wwd-avatar{height:126px;width:100px}}

/* Keep the world visible while JT is walking to the next stop. */
#apolloHost.ah-walking .ah-copy{width:min(320px,calc(100vw - 32px));padding:14px 18px}
#apolloHost.ah-walking .ah-top,#apolloHost.ah-walking .ah-go,#apolloHost.ah-walking .ah-explore,#apolloHost.ah-walking .ah-question-continue{display:none!important}
#apolloHost.ah-walking .ah-copy p{margin:0;font-size:13px;line-height:1.5}
#mobileMoveHint[data-step='tap'] .ww-gesture-tap{--ww-tap-x:50px;--ww-tap-y:10px;width:64px;background:none;animation:none}
#mobileMoveHint[data-step='tap'] .ww-gesture-tap::after{content:'';position:absolute;left:calc(var(--ww-tap-x) - 12.15px);top:calc(var(--ww-tap-y) - 2.025px);width:27px;height:32.4px;transform-origin:12.15px 2.025px;background:var(--ww-hand) center/100% 100% no-repeat;animation:ww-destination-tap 2.8s ease-in-out infinite}
#mobileMoveHint[data-step='tap'] .ww-gesture-tap::before{content:'';position:absolute;left:calc(var(--ww-tap-x) - 10px);top:calc(var(--ww-tap-y) - 10px);width:20px;height:20px;box-sizing:border-box;border:2px solid #c9e7ff;border-radius:50%;opacity:0;animation:ww-destination-ring 2.8s ease-out infinite}
@keyframes ww-destination-tap{0%,100%{transform:translate(-30px,12px)}40%,70%{transform:translate(0,0)}50%,57%{transform:scale(.86)}}
@keyframes ww-destination-ring{0%,40%,80%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(.5)}70%{opacity:0;transform:scale(1.6)}}
@media(prefers-reduced-motion:reduce){#mobileMoveHint .ww-gesture::before,#mobileMoveHint .ww-gesture::after{animation:none!important}}

/* Apollo navigation: keep the useful controls; omit map and self-profile shortcuts. */
.ww-apollo-entry :is(#drRooms,#railMap,#drRoomsMenu,#navSheet,#pcArch,#drChar,#drCharMenu,#railProfile){display:none!important}