/* The two flagship stories share a viewport, never a clipped fixed-height document. */
body.rrdd-adventure.rrdd-game-shell.flagship-adventure{--device-header:52px;--device-nav:0px;overflow-x:hidden}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure main#app#app{display:flex!important;flex-direction:column!important;height:calc(var(--device-vh,100dvh) - var(--device-header) - var(--device-nav) - var(--device-recovery,0px))!important;min-height:0!important;max-width:1600px;padding:0 10px 6px!important;overflow:visible!important;gap:4px}
body.flagship-adventure #journey#journey{flex:0 0 48px;height:48px!important;min-height:0!important;margin:0!important;padding:3px 0!important}
body.flagship-adventure main#app#app>.view:not([hidden]){flex:1;min-height:0!important;height:auto!important;max-height:100%;margin:0!important}
body.flagship-adventure .practice-nav{padding:2px 8px!important;gap:6px!important;min-height:36px!important;flex-wrap:nowrap!important;font-size:12px!important}
body.flagship-adventure .practice-nav a,body.flagship-adventure .practice-nav button{padding:6px 8px!important;min-height:32px!important;white-space:nowrap}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure.has-howto-guide #playScreen#playScreen:not([hidden]){display:flex!important;flex-direction:column!important;padding:0!important;gap:4px}
body.flagship-adventure #playScreen#playScreen .adventure-howto{position:relative!important;inset:auto!important;margin:0 auto!important;padding:6px 12px!important;min-height:0!important;width:min(850px,100%)!important;max-height:118px!important;flex:none;border-radius:20px}
body.flagship-adventure .adventure-howto .howto-heading{min-height:32px!important;font-size:14px!important;margin:0!important;gap:8px!important}
body.flagship-adventure .adventure-howto button{width:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important}
body.flagship-adventure .adventure-howto .howto-sentence{font-size:clamp(15px,2vw,22px)!important;line-height:1.3!important;margin:2px 0!important;max-height:58px!important;overflow:auto}
body.flagship-adventure .fp-stage-head{padding:0 4px!important;min-height:42px!important;width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;flex:none}
body.flagship-adventure .fp-stage-head .fp-round{position:static!important;font-size:12px}
body.flagship-adventure .fp-stage-head h2{font-size:clamp(20px,2.5vw,32px)!important;text-align:center!important}
body.flagship-adventure #playground{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
body.flagship-adventure .fp-world{flex:none;max-width:100%;min-height:0!important;border-radius:24px}
body.flagship-adventure #roundFeedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
body.flagship-adventure .fp-controls{flex-direction:row!important;gap:8px;padding:6px 8px 9px!important;flex-wrap:wrap}
body.flagship-adventure .fp-control{min-width:0!important;min-height:44px!important;padding:8px 14px!important;font-size:18px!important}
body.flagship-adventure .fp-play-hint{font-size:15px!important;min-height:0!important;margin:3px 8px 7px!important}
body.flagship-adventure .sky-lantern-world .lantern-tools{position:relative!important;inset:auto!important;padding:4px 8px 8px!important;display:flex;gap:5px!important;background:transparent}
body.flagship-adventure .sky-lantern-world .lantern-tools[hidden]{display:none!important}
body.flagship-adventure .sky-lantern-world .lantern-palette,body.flagship-adventure .sky-lantern-world .lantern-sticker-palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;width:min(800px,100%);padding:2px}
body.flagship-adventure .sky-lantern-world .lantern-palette button{min-height:48px!important;padding:27px 2px 2px!important;font-size:11px!important}
body.flagship-adventure .sky-lantern-world .lantern-palette button:before{width:21px;height:21px;top:3px}
body.flagship-adventure .sky-lantern-world .lantern-sticker-choice{min-height:54px;padding:2px;font-size:11px;border-radius:10px;gap:0}
body.flagship-adventure .sky-lantern-world .lantern-sticker-swatch{width:34px;height:34px}
body.flagship-adventure .lantern-sticker-editor{min-height:44px;gap:6px}
body.flagship-adventure .lantern-adjust{width:44px;height:44px;border-radius:12px}
body.flagship-adventure .sky-lantern-world .lantern-tools>.gold{min-height:44px!important;font-size:17px!important;padding:6px 20px!important}
body.flagship-adventure .lantern-message-keyboard{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:760px}
body.flagship-adventure .lantern-message-key{min-height:40px!important;min-width:0!important;padding:4px!important;font-size:16px!important}
body.flagship-adventure .fp-watch{height:100%;margin:0 auto;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1100px}
body.flagship-adventure .fp-film{height:min(100%,calc(var(--device-vh,100dvh) - 160px));min-height:0!important;max-height:100%!important;max-width:100%;width:auto;aspect-ratio:9/16}
body.flagship-adventure #watchCopy h1{font-size:clamp(23px,4vw,48px);margin:10px 0}
body.flagship-adventure #watchCopy p{font-size:16px;line-height:1.3}
body.flagship-adventure #watchCopy .eyebrow{font-size:10px}
body.flagship-adventure #watchCopy .gold{min-height:44px;margin:12px 0;padding:9px 12px}
/* Preserve the entire reading illustration and all phonics/game controls. */
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book:not([hidden]){display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:minmax(0,1fr)!important;height:100%!important;max-height:100%!important;overflow:visible!important;padding:4px!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book>figure{height:100%!important;min-height:0!important;max-height:none!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book img{object-fit:contain!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book .adv-reading-copy{min-height:0!important;height:100%!important;overflow:visible!important;padding:12px!important;gap:8px!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book #readingSentence{font-size:clamp(22px,3vw,37px)!important;line-height:1.25!important;margin:0!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book .book-word-note{margin:0!important;padding:9px 12px!important;width:100%!important}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book #readingMeaning{font-size:15px!important;line-height:1.25!important;margin:4px 0!important}
body.flagship-adventure .fp-sound-trail{gap:5px;margin:6px 0 0}
body.flagship-adventure #memoryScreen{display:flex;flex-direction:column;gap:4px;padding:0!important}
body.flagship-adventure .fp-memory-head{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important;flex:none;min-height:44px}
body.flagship-adventure .fp-memory-head h2{font-size:clamp(20px,2.5vw,30px)!important;margin:0}
body.flagship-adventure .fp-memory-head .eyebrow{font-size:10px}
body.flagship-adventure #memoryHear{min-width:44px;min-height:44px;padding:6px}
body.flagship-adventure #memoryClue{display:none!important}
body.flagship-adventure #memoryBoard{flex:1;min-height:0!important;height:auto!important;max-height:100%;gap:8px!important}
body.flagship-adventure #memoryBoard.moon-thread-board{grid-template-rows:minmax(0,1fr) clamp(90px,16dvh,155px) 26px 20px!important;padding:5px!important}
body.flagship-adventure #memoryFeedback:empty{display:none}
body.flagship-adventure .fp-memory-board{grid-template-columns:minmax(0,1fr) minmax(140px,.3fr)}
body.flagship-adventure .fp-memory-frame{max-height:100%;max-width:100%;aspect-ratio:1.32}
body.flagship-adventure .fp-memory-photo img{height:min(14dvh,130px)}
/* Completion uses two reachable pages on phones instead of clipping the name keyboard. */
body.flagship-adventure #certificateScreen,body.flagship-adventure #result{min-height:0;height:100%}
body.flagship-adventure .rrdd-result.rrdd-unified-result.adv-completion-panel{position:relative!important;inset:auto!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:4px!important;overflow:visible!important}
body.flagship-adventure .rrdd-result>h2{font-size:clamp(20px,2.5vw,30px)!important;margin:2px 0 8px!important;flex:none}
body.flagship-adventure .rrdd-award-intro{display:none!important}
body.flagship-adventure .rrdd-completion-layout{flex:1;min-height:0!important;padding:0!important;align-items:center;gap:20px!important}
body.flagship-adventure .rrdd-certificate-preview{min-height:0;max-height:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.flagship-adventure .rrdd-card-preview-stage{min-height:0!important;max-height:calc(100% - 54px);aspect-ratio:5/7;width:auto!important;height:calc(100% - 54px);margin:0 auto!important}
body.flagship-adventure .rrdd-card-preview-stage canvas{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
body.flagship-adventure .rrdd-save-certificate{min-height:44px!important;padding:7px 18px!important;margin:5px 0!important}
body.flagship-adventure .adv-award-form{padding:9px!important;gap:7px!important;min-height:0!important}
body.flagship-adventure .adv-award-form h3{margin:0!important}
body.flagship-adventure .collector-name-keyboard{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:4px!important;margin:4px 0!important}
body.flagship-adventure .collector-name-keyboard button{min-width:0!important;min-height:44px!important;padding:4px!important;font-size:17px!important}
body.flagship-adventure .adv-award-form input[type=text]{min-height:44px!important;padding:7px!important}
body.flagship-adventure .adv-award-form .gold,body.flagship-adventure .rrdd-join-leaderboard{min-height:44px!important;padding:7px!important}
body.flagship-adventure .rrdd-leaderboard-notice:empty,body.flagship-adventure .rrdd-certificate-status:empty{display:none!important}
body.flagship-adventure .fp-award-actions{flex:none;flex-direction:row!important;gap:8px;margin:6px 0!important}
body.flagship-adventure .fp-award-actions button{min-height:44px;padding:7px 10px;font-size:14px}
.device-card-tabs{display:none}
@media(max-width:700px) and (orientation:portrait){
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book:not([hidden]){grid-template-columns:1fr!important;grid-template-rows:minmax(130px,.8fr) minmax(0,1.2fr)!important;gap:4px!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book .adv-reading-copy{padding:7px 10px!important;gap:5px!important;justify-content:center!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book #readingSentence{font-size:21px!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book #readingWord{font-size:23px!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book .book-vocabulary-label{font-size:11px!important;margin-bottom:3px!important}
 body.flagship-adventure #readingScreen .fp-sound-trail{margin-top:3px;gap:4px}
 body.flagship-adventure #readingScreen .fp-sound{min-width:38px;min-height:44px;font-size:20px}
 body.flagship-adventure #watchCopy .eyebrow{display:none}
 body.flagship-adventure .sky-lantern-world .lantern-palette,body.flagship-adventure .sky-lantern-world .lantern-sticker-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 body.flagship-adventure .lantern-message-keyboard{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 body.flagship-adventure .fp-memory-board{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 100px!important;align-items:center}
 body.flagship-adventure .fp-memory-frame{width:auto;height:100%;justify-self:center}
 body.flagship-adventure .fp-photo-tray{height:100%;gap:6px}
 body.flagship-adventure .fp-memory-photo{font-size:12px;padding:4px}
 body.flagship-adventure .fp-memory-photo img{height:65px;margin-bottom:3px}
 body.flagship-adventure .fp-memory-caption{font-size:18px}
 body.flagship-adventure .device-card-tabs{display:flex;justify-content:center;gap:8px;flex:none;margin:0 0 5px}
 .device-card-tabs button{min-height:44px;border:2px solid #b6d1c3;border-radius:14px;background:#fff9ed;color:#235767;padding:6px 14px;font-weight:bold}
 .device-card-tabs button[aria-selected=true]{background:#ffdc73;border-color:#e8bd55}
 body.flagship-adventure .rrdd-completion-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:visible!important}
 body.flagship-adventure .rrdd-result[data-device-pane=card] .adv-award-form,body.flagship-adventure .rrdd-result[data-device-pane=name] .rrdd-certificate-preview{display:none!important}
 body.flagship-adventure .rrdd-certificate-preview{flex:1}
 body.flagship-adventure .rrdd-result[data-device-pane=name] .adv-award-form{display:flex!important;flex-direction:column!important;flex:1;width:100%!important;max-width:100%!important;justify-content:center}
 body.flagship-adventure .collector-name-keyboard{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 body.flagship-adventure .rrdd-share-choice{font-size:11px!important;line-height:1.25!important;margin:3px 0!important;min-height:32px!important}
 body.flagship-adventure .rrdd-result>h2{font-size:20px!important;margin:0 0 4px!important}
 body.flagship-adventure .fp-award-actions{margin:5px 0 0!important}
}
@media(max-height:500px){body.flagship-adventure .adventure-howto .howto-heading{display:none!important}body.flagship-adventure .fp-stage-head{min-height:30px!important}body.flagship-adventure .adventure-howto .howto-sentence{max-height:38px!important;font-size:15px!important}}
body.rrdd-adventure.rrdd-game-shell.flagship-adventure{padding-bottom:0!important}
body.flagship-adventure #memoryBoard.fp-memory-board{grid-template-columns:minmax(0,1fr) minmax(140px,.3fr)} body.flagship-adventure .fp-memory-frame{min-width:0!important;width:100%!important;height:auto!important} body.flagship-adventure .fp-photo-tray{min-width:0!important} body.flagship-adventure .rrdd-completion-layout{height:0!important;flex-basis:0!important} @media(max-width:700px) and (orientation:portrait){body.flagship-adventure #memoryBoard.fp-memory-board{grid-template-columns:minmax(0,1fr)!important}}

@media(max-width:700px) and (orientation:portrait){
 body.flagship-adventure .rrdd-result[data-device-pane=join] .rrdd-certificate-preview{display:none!important}
 body.flagship-adventure .rrdd-result[data-device-pane=join] .adv-award-form{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;justify-content:center}
 body.flagship-adventure .rrdd-result[data-device-pane=name] .adv-award-form>:not(h3):not(label):not(.collector-name-keyboard){display:none!important}
 body.flagship-adventure .rrdd-result[data-device-pane=name] .adv-award-form>.rrdd-share-choice{display:none!important}
 body.flagship-adventure .rrdd-result[data-device-pane=join] .collector-name-keyboard{display:none!important}
 body.flagship-adventure .adv-award-form{flex:0 1 auto!important;min-height:0!important;height:auto!important;margin:0!important}
 body.flagship-adventure .rrdd-result .rrdd-completion-layout{flex:1 1 0!important;min-height:0!important;height:0!important;justify-content:center!important}
 body.flagship-adventure .device-card-tabs{width:100%;gap:5px}
 body.flagship-adventure .device-card-tabs button{font-size:13px;padding:6px 9px}
}

body.flagship-adventure #result .rrdd-completion-layout{flex:1 1 0px!important;min-height:0!important;height:0!important}
body.flagship-adventure #result .rrdd-certificate-preview{height:100%!important;min-height:0!important;gap:5px!important}
body.flagship-adventure #result .rrdd-card-preview-stage{width:auto!important;height:calc(100% - 55px)!important;max-height:calc(100% - 55px)!important;flex:1 1 0!important}
body.flagship-adventure #result .rrdd-card-preview-stage canvas{width:auto!important;height:100%!important;max-height:100%!important}
body.flagship-adventure #result .rrdd-save-certificate{min-height:44px!important}
@media(max-width:700px) and (orientation:portrait){body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book:not([hidden]){grid-template-rows:minmax(110px,.65fr) minmax(0,1.35fr)!important}}

/* A very short landscape viewport keeps full-size controls reachable in normal document flow. */
@media(max-height:500px) and (orientation:landscape){
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure main#app#app{height:auto!important;min-height:calc(var(--device-vh,100dvh) - 90px)!important;overflow:visible!important}
 body.flagship-adventure main#app#app>.view:not([hidden]){flex:none;max-height:none!important;height:auto!important;overflow:visible!important}
 body.flagship-adventure #playground{min-height:350px;flex:none}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book:not([hidden]){height:auto!important;min-height:320px!important;max-height:none!important;grid-template-columns:1fr 1.3fr!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book .adv-reading-copy{height:auto!important;overflow:visible!important}
 body.flagship-adventure #certificateScreen,body.flagship-adventure #result{height:auto!important}
 body.flagship-adventure #result>.rrdd-result{height:auto!important;overflow:visible!important}
 body.flagship-adventure #result .rrdd-completion-layout{height:auto!important;min-height:420px!important;flex:none!important}
 body.flagship-adventure #result .rrdd-certificate-preview{height:420px!important}
 body.flagship-adventure #memoryBoard{min-height:350px!important}
}
body.flagship-adventure #journey#journey{margin:0 auto!important}

@media(max-width:700px) and (max-height:660px) and (orientation:portrait){
 body.flagship-adventure #playScreen#playScreen .adventure-howto{padding:8px 48px 8px 10px!important}
 body.flagship-adventure .adventure-howto .howto-heading{position:absolute;right:7px;top:5px;font-size:0!important;min-height:0!important}
 body.flagship-adventure .adventure-howto .howto-sentence{font-size:15px!important;max-height:58px!important}
 body.rrdd-adventure.rrdd-game-shell.flagship-adventure #readingScreen#readingScreen.reading-book:not([hidden]){grid-template-rows:minmax(100px,.5fr) minmax(0,1.5fr)!important}
 body.flagship-adventure .scope-world .scope-find-chip{min-height:60px!important;padding:4px!important}
 body.flagship-adventure .scope-clue-silhouette{height:40px;width:30px;flex-basis:30px}
}
body.flagship-adventure .lantern-message-keyboard{grid-template-columns:repeat(10,minmax(0,1fr))!important;margin:0 auto!important} body.flagship-adventure .lantern-send{margin:0 auto!important}
body.flagship-adventure .adventure-howto .howto-sentence{max-height:64px!important}

/* Little Thread composition: a single central frame, three broad photos beneath. */
body.flagship-adventure #memoryBoard#memoryBoard.story-thread-board{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) clamp(96px,18dvh,190px) 26px 20px!important;height:0!important;min-height:0!important;flex:1 1 0!important;gap:7px!important;padding:6px!important;overflow:visible!important}
body.flagship-adventure #memoryBoard.story-thread-board>.moon-memory-scene{grid-column:1;grid-row:1;min-height:0;min-width:0;container-type:size}
body.flagship-adventure #memoryBoard.story-thread-board>.moon-memory-tray{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;gap:10px;min-width:0;min-height:0;height:100%}
body.flagship-adventure #memoryBoard.story-thread-board>.moon-memory-progress{grid-column:1;grid-row:3}
body.flagship-adventure #memoryBoard.story-thread-board>.moon-memory-note{grid-column:1;grid-row:4;margin:0;line-height:1.2}
body.flagship-adventure .story-thread-board .moon-memory-frame{width:min(100cqw,calc(100cqh * 4/3));height:auto;aspect-ratio:4/3;max-width:100%;max-height:100%}
body.flagship-adventure .story-thread-board .moon-memory-photo{height:100%;min-width:0;min-height:0;font-size:clamp(12px,1.8vw,20px);overflow:hidden;gap:3px;padding:5px}
body.flagship-adventure .story-thread-board .moon-memory-photo img{width:100%;height:0;min-height:0;flex:1 1 0;object-fit:contain}
body.flagship-adventure .story-thread-board .moon-memory-photo span{flex:none;line-height:1.15;min-height:18px}
body.flagship-adventure .story-thread-board .moon-memory-slot{inset:21% 11%;width:78%;height:58%}
.cake-cut-start{transform-box:fill-box;transform-origin:center;animation:cake-cut-pulse 1.3s ease-in-out infinite}
@keyframes cake-cut-pulse{50%{transform:scale(1.15);filter:drop-shadow(0 0 8px #fff0aa)}}
@media(max-width:700px) and (orientation:portrait){body.flagship-adventure #memoryBoard#memoryBoard.story-thread-board{grid-template-rows:minmax(0,1fr) 104px 24px 30px!important;gap:5px!important;padding:4px!important}.story-thread-board .moon-memory-clue{font-size:clamp(15px,4vw,20px)}body.flagship-adventure .story-thread-board .moon-memory-photo{font-size:12px;padding:4px}}
@media(prefers-reduced-motion:reduce){.cake-cut-start{animation:none}}

body.flagship-adventure .story-thread-board .moon-memory-frame{width:min(100cqw,calc(100cqh * var(--memory-ratio,1.333333)))}
body.flagship-adventure .story-thread-board[data-memory-theme=staycation] .moon-memory-slot{inset:14% 10%;width:80%;height:72%}
body.flagship-adventure .story-thread-board[data-memory-theme=staycation] .moon-memory-question{inset:17% 15%}
body.flagship-adventure .story-thread-board[data-memory-theme=staycation] .moon-memory-art{mask-size:100% 100%,80% 72%}

/* Original paper first; a precisely rounded opening only after a photo lands. */
body.flagship-adventure #memoryBoard .moon-memory-art{mask-image:var(--frame-outer-mask)!important;-webkit-mask-image:var(--frame-outer-mask)!important;mask-size:100% 100%!important;-webkit-mask-size:100% 100%!important;mask-repeat:no-repeat!important;-webkit-mask-repeat:no-repeat!important;mask-composite:add!important}
body.flagship-adventure #memoryBoard .frame-filled .moon-memory-art{mask-image:var(--frame-photo-mask)!important;-webkit-mask-image:var(--frame-photo-mask)!important;mask-size:100% 100%!important;-webkit-mask-size:100% 100%!important;mask-repeat:no-repeat!important;-webkit-mask-repeat:no-repeat!important;mask-composite:add!important}
body.flagship-adventure #memoryBoard .moon-memory-slot{background:transparent!important}
/* Recovery has its own measured row, never an overlay on a question or frame. */
body.rrdd-adventure.flagship-adventure #audioRecovery.adv-recovery{position:relative!important;inset:auto!important;width:calc(100% - 16px);max-width:850px;box-sizing:border-box;margin:4px auto!important;padding:6px 10px!important;box-shadow:none;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}
body.flagship-adventure #audioRecovery.adv-recovery p{flex:1 1 200px;font-size:13px;margin:0!important}
body.flagship-adventure #audioRecovery.adv-recovery button{flex:none;font-size:13px;margin:0!important;min-height:40px;padding:6px 10px}

/* Crop the image itself as well as the card; contain letterboxing left square
   image corners floating inside the rounded button on wide layouts. */
body.flagship-adventure .story-thread-board .moon-memory-photo{border-radius:16px!important;overflow:hidden!important;isolation:isolate;box-shadow:none!important;clip-path:inset(0 round 16px)}
body.flagship-adventure .story-thread-board .moon-memory-photo-crop{position:relative;flex:1 1 0;min-height:0;width:100%;border-radius:10px;overflow:hidden;clip-path:inset(0 round 10px);pointer-events:none}
body.flagship-adventure .story-thread-board .moon-memory-photo-crop img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none;object-fit:cover!important;border-radius:10px!important}

body.flagship-adventure .story-thread-board .moon-memory-photo-crop{container-type:size;overflow:visible;clip-path:none}
body.flagship-adventure .story-thread-board .moon-memory-photo-crop img{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc(100cqh * var(--photo-ratio,1.777778)))!important;height:min(100cqh,calc(100cqw / var(--photo-ratio,1.777778)))!important;object-fit:contain!important;clip-path:inset(0 round 10px)}

/* The common portrait watch layout centres a sole Skip control as well as the film. */
@media(orientation:portrait) and (max-width:900px){body.flagship-adventure #watchCopy.adv-watch-copy:not(:has(>button:not(#skipVideo):not([hidden]))) #skipVideo{grid-column:1/-1;width:min(100%,260px)!important;justify-self:center}}
