/* Private C10: exact native site shell around the six retained game programs. */
html:has(body[data-native-game-review]){scroll-padding-top:calc(var(--native-game-header-height,9rem) + 1rem);scroll-padding-bottom:calc(var(--native-game-nav-height,5rem) + 1rem);scrollbar-width:auto}
body[data-native-game-review]{--sticky-header-offset:calc(var(--native-game-header-height,9rem) + 1rem);display:block;min-height:100dvh;height:auto;overflow-y:auto}
body[data-native-game-review] #app{max-width:1000px;padding:1rem 1rem calc(var(--native-game-nav-height,5rem) + 1rem)}
body[data-native-game-review] #view{min-height:0}
/* Do not feed measured scroll clearance into the native desktop header minimum. */
body[data-native-game-review] .topbar{min-block-size:0}
body[data-native-game-review] #game{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:var(--bg);touch-action:auto;cursor:default;display:flex}
body[data-native-game-review] #game .gframe:not(.playing){height:auto;min-height:0;padding:1rem 0 0;overflow:visible}
body[data-native-game-review] #game .gframe:not(.playing) .gstage{flex:0 0 auto;overflow:visible}
body[data-native-game-review] #game:has(>.gframe.playing){height:max(22rem,calc(100dvh - var(--native-game-header-height,9rem) - var(--native-game-nav-height,5rem) - 1.5rem));min-height:0}
body[data-native-game-review] #game .gframe.playing{height:100%;padding:1rem 0;min-height:0}
body[data-native-game-review] .gframe .ghead{flex-wrap:wrap}
body[data-native-game-review] .gframe .gtitle{flex:1 1 12rem}
body[data-native-game-review] .gframe .gctl{margin-left:auto}
body[data-native-game-review] .game-inline-guidance{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .75rem;font:inherit;margin-top:.15rem}
body[data-native-game-review] .game-inline-guidance a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font:inherit;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:.18em}
body[data-native-game-review] .game-inline-guidance a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:3px}
body[data-native-game-review] #game-learning{margin-top:1.5rem;padding:0;max-width:65ch}
#game-learning details{padding:.75rem 0;border-top:1px solid var(--line)}
#game-learning summary{min-height:44px;cursor:pointer;font-weight:700}
#game-learning summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#game-learning a{overflow-wrap:anywhere}
body[data-native-game-review] .site-footer{margin-top:2rem}
@media(max-width:740px){
 body[data-native-game-review] .topbar{grid-template-columns:minmax(0,1fr) auto}
 body[data-native-game-review] .topbar .actions{grid-column:2}
 body[data-native-game-review] .topbar .actions>:not(#btn-settings){display:none}
 body[data-native-game-review] .global-search{grid-column:1 / -1;grid-row:2;max-width:none}
}
@media print{body[data-native-game-review] .topbar,body[data-native-game-review] #bottomnav,body[data-native-game-review] #sheet,body[data-native-game-review] #overlay{display:none!important}}

/* The four retained topics use the same small Dottie hint cue as the ENP sample.
   Topic words, illustrations, answers, matches and activity bindings stay native. */
body[data-native-teach-review] .native-lesson .lesson-hint{max-width:44rem;padding:.55rem .85rem;border-left:3px solid var(--subject-english);background:var(--card)}
body[data-native-teach-review] .native-lesson .lesson-hint>summary{display:flex;align-items:center;gap:.65rem;min-height:44px;list-style:none}
body[data-native-teach-review] .native-lesson .lesson-hint>summary::-webkit-details-marker{display:none}
body[data-native-teach-review] .native-lesson .lesson-hint>summary::after{content:"+";margin-left:auto;font-size:1.25rem}
body[data-native-teach-review] .native-lesson .lesson-hint[open]>summary::after{content:"−"}
body[data-native-teach-review] .native-lesson .lesson-hint>summary>picture{margin:0;flex:none}
body[data-native-teach-review] .native-lesson .lesson-hint .hint-avatar{display:block;width:44px;height:44px;object-fit:contain}
body[data-native-teach-review] .native-lesson .lesson-hint p{margin:.75rem 0 .25rem}
@media screen{html:has(body[data-native-teach-review]){scroll-padding-top:10rem;scroll-padding-bottom:6rem}}
body[data-native-teach-review] [data-subject="maths"] .lesson-hint{border-left-color:var(--subject-maths)}
body[data-native-teach-review] [data-subject="science"] .lesson-hint{border-left-color:var(--subject-science)}

/* C10 transfer of accepted C9 resource spacing; exact resource actions retained. */
@media screen{
 body[data-native-teach-review] .native-lesson .mina-more-resources-body{padding:0 1rem 1rem;min-width:0}
 body[data-native-teach-review] .native-lesson .mina-more-resources-body>.resource-card-pilot{margin:0;padding:1rem 0 0;border-top:1px solid var(--line);background:transparent}
 body[data-native-teach-review] .native-lesson .resource-pilot-filters{padding:0 0 1rem;margin:1rem 0;background:transparent;border:0;gap:1rem}
 body[data-native-teach-review] .native-lesson .mina-filter-group{min-width:0;margin:0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}
 body[data-native-teach-review] .native-lesson .resource-pilot-count{margin:0;padding:0 1rem;min-width:0}
}
@media screen and (max-width:520px){body[data-native-teach-review] .native-lesson .mina-more-resources-body{padding:0 .75rem .75rem}}

/* During a round, retain title, controls and help while freeing the answer area.
   The introductory description remains visible on the start screen. */
body[data-native-game-review] .gframe.playing .ghead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .6rem}
body[data-native-game-review] .gframe.playing .gtitle{display:contents}
body[data-native-game-review] .gframe.playing .gtitle h1{grid-column:1;grid-row:1;font-size:clamp(1rem,3vw,1.35rem);align-self:center}
body[data-native-game-review] .gframe.playing .gctl{grid-column:2;grid-row:1}
body[data-native-game-review] .gframe.playing .gstrap{grid-column:1 / -1;grid-row:2;max-width:none;font-size:0;line-height:0}
body[data-native-game-review] .gframe.playing .game-inline-guidance{margin:0;font-size:.8rem;line-height:1.3}
@media(max-width:520px){body[data-game-review-id="year6-order-operations-lab"] .gframe.playing .qbox{font-size:clamp(1.25rem,6vw,1.7rem);line-height:1.3}}