/* Home tablet framing: preserve all authored hero copy and separate art. */
@media (min-width: 761px) and (max-width: 1024px) {
  body:has(.home-hero) .home-hero,
  body:has(.home-hero) .home-hero__layout { height: auto; min-height: 480px; }
}

/* Feast-world grammar v1. Shared primitives, bounded to Home/progression rollout. */
body:has(.home-hero), body:has([data-progression-page]) {
  --feast-paper: var(--cream-100);
  --feast-paper-light: var(--cream-50);
  --feast-ink: var(--navy-900);
  --feast-frame: var(--gold-400);
  --feast-radius: 16px;
  --feast-depth: 0 3px 0 rgb(91 42 27 / 14%), 0 8px 22px rgb(30 16 13 / 18%);
  --feast-display: Georgia, 'Times New Roman', serif;
}
body:has(.home-hero) .site-header, body:has([data-progression-page]) .site-header {
  background: linear-gradient(180deg, var(--chocolate-800), var(--chocolate-950));
  border-bottom: 2px solid var(--gold-500);
}
body:has(.home-hero) .site-brand, body:has([data-progression-page]) .site-brand {
  color: var(--cream-100); text-shadow: 0 2px var(--chocolate-950); letter-spacing: -.04em;
}
body:has(.home-hero) :is(.section-heading, .discovery-card h3, .home-discovery-card h3),
[data-progression-page] :is(h1,h2,h3) { font-family: var(--feast-display); color: var(--feast-ink); }
body:has(.home-hero) :is(.home-discovery-card,.discovery-card,.today-panel),
[data-progression-page] :is(.progression-hero,.progression-section,.progression-daily,.progression-controls,.progression-nav),
.feast-journey-links { background: linear-gradient(145deg,var(--feast-paper-light),var(--feast-paper)); border: 1px solid var(--feast-frame); border-radius: var(--feast-radius); box-shadow: var(--feast-depth); }
body:has(.home-hero) .button-link--primary, [data-progression-page] .button-link--primary { background: var(--button-background); border: 1px solid var(--button-border); box-shadow: inset 0 1px rgb(255 255 255 / 40%),0 3px 0 rgb(16 22 91 / 20%); color: white;
}
body:has(.home-hero) .button-link--secondary, [data-progression-page] .button-link--secondary {
  background: var(--feast-paper-light); color: var(--feast-ink); border: 1px solid var(--gold-600);
}
.feast-journey-links { display:flex; flex-wrap:wrap; gap:6px; padding:8px; margin-block:10px; box-shadow:none; }
.feast-journey-links .button-link { min-height:44px; padding:8px 10px; font-size:.82rem; flex:1 1 auto; justify-content:center; }
.feast-progress-note,.feast-quest-prompt { font-size:.82rem; line-height:1.45; color:var(--chocolate-800); margin:8px 0; }
.feast-progress-note { padding:6px 8px; border-left:3px solid var(--gold-500); background:var(--feast-paper); }
.feast-progress-note strong { color:var(--feast-ink); }
@media(min-width:961px) {
  body:has(.home-hero) .toadal-companion { width:52px; height:52px; }
  body:has(.progression-page) .toadal-companion[data-minimized='true'] { width:100px; }
  body:has(.home-hero) .toadal-companion .companion-toggle { width:52px; height:52px; min-width:52px; min-height:52px; }
  body:has(.progression-page) .toadal-companion[data-minimized='true'] .companion-toggle { width:100px; height:110px; min-width:44px; min-height:44px; }
  body:has(.home-hero) .toadal-companion .companion-image { width:52px; height:52px; max-height:52px; object-fit:contain; }
  body:has(.progression-page) .toadal-companion[data-minimized='true'] .companion-image { width:100px; height:110px; max-height:110px; object-fit:contain; }
}
/* Existing live Home summary; no illustrative/fabricated balances. */
body:has(.home-hero) [data-progression-page] { width:100%; margin:0; padding:0; }
#feast-pass .home-section-inner { width:100%; max-width:none; height:auto; }
#feast-pass .feast-pass-panel { height:auto; max-height:none; overflow:visible; }
#feast-pass .home-feast-pass-panel { width:100%; min-height:0; margin:0; padding:16px; border:1px solid var(--feast-frame); border-radius:var(--feast-radius); background:linear-gradient(145deg,var(--feast-paper-light),var(--feast-paper)); color:var(--chocolate-800); box-shadow:var(--feast-depth); display:block; }
#feast-pass .feast-pass-copy { width:100%; max-width:none; }
#feast-pass .home-feast-pass-panel .pass-emblem { display:none; }
#feast-pass .home-feast-pass-panel :is(.section-kicker,.section-lede,.home-pass-storage-status,dt) { color:var(--chocolate-800); }
#feast-pass .home-feast-pass-panel .section-heading { color:var(--feast-ink); font-size:1.65rem; margin:4px 0 8px; }
#feast-pass .section-lede { font-size:.8rem; line-height:1.45; }
#feast-pass .home-pass-metrics { gap:6px; margin:10px 0; }
#feast-pass .home-pass-metrics > div { background:var(--feast-paper-light); border:1px solid var(--gold-400); padding:5px 8px; }
#feast-pass .home-pass-metrics dd { color:var(--chocolate-800); }
#feast-pass .home-pass-storage-status { font-size:.72rem; }
body:has(.home-hero) #feast-pass .home-section-inner { padding:0; width:100%; }
body:has(.home-hero) #feast-pass .home-feast-pass-panel { min-height:0; height:auto; padding:14px; }
body:has(.home-hero) #browser-games-intro .home-section-inner { padding:10px 14px; width:100%; }
body:has(.home-hero) :is(#discovery,#interactive-discovery,#app) .home-section-inner { padding:12px 0; width:100%; }
#feast-pass .feast-journey-links { padding:0; border:0; background:none; }
#feast-pass .feast-journey-links .button-link { flex:1 1 30%; min-height:44px; padding:6px; font-size:.73rem; }
/* Reuse progression family markup: journey first, metrics/days/collection in dense bands. */
body:has(.progression-page) main > .section { width:100%; max-width:none; padding:16px 0 24px; }
.progression-page { width:min(calc(100% - 32px),1200px); padding:0 0 24px; }
[data-progression-page] .progression-hero { padding:22px; }
[data-progression-page] .progression-hero h1 { font-size:clamp(2.2rem,5vw,3.7rem); margin-bottom:10px; }
[data-progression-page] .progression-lede { max-width:76ch; font-size:1rem; }
[data-progression-page] .progression-truth-note { max-width:90ch; padding:10px 12px; font-size:.82rem; }
[data-progression-page] :is(.progression-section,.progression-daily) { margin-top:14px; padding:18px; }
[data-progression-page] .progression-section-heading { margin-bottom:12px; }
[data-progression-page] :is(.progression-section-heading h2,.progression-daily h2) { font-size:1.6rem; }
[data-progression-page] .progression-stat-grid { gap:8px; margin:0; }
[data-progression-page] .progression-stat { padding:10px; background:var(--feast-paper-light); border-color:var(--gold-400); }
[data-progression-page] .progression-stat dd { font-size:1.5rem; }
[data-progression-page] .progression-daily-track { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
[data-progression-page] .progression-daily-track li { padding:8px 10px; border:1px solid var(--gold-400); border-radius:10px; background:var(--feast-paper-light); font-size:.8rem; }
[data-progression-page] .progression-daily-track [data-completed='true'] { background:var(--gold-400); color:var(--chocolate-950); }
[data-progression-page] .progression-daily-track [aria-current='step'] { outline:2px solid var(--pink-700); outline-offset:2px; }
[data-progression-page] .detail-breadcrumb { background:var(--feast-paper); border-radius:10px; padding:8px 12px; width:fit-content; }
[data-progression-page] :is(.progression-empty,.progression-list-item) { border-color:var(--gold-400); }
@media(min-width:1180px) {
  body:has(.home-hero) main { grid-template-areas:'hero hero' 'browser-games pass' 'discovery discovery' 'today today' 'interactive interactive' 'app next' 'companion companion'; }
  body:has(.home-hero) main > [data-studio-variant="browser-games-column"] { grid-area:browser-games; }
  .progression-page[data-progression-page='feast-pass'] { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:12px; }
  .progression-page[data-progression-page='feast-pass'] > * { grid-column:1 / -1; margin:0; }
  .progression-page[data-progression-page='feast-pass'] > .progression-section:has([data-progression-stat='level']) { grid-column:1; }
  .progression-page[data-progression-page='feast-pass'] > .progression-daily { grid-column:2; grid-row:4; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; }
  .progression-page[data-progression-page='feast-pass'] .progression-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body:has(.home-hero) main { row-gap:10px; }
  body:has(.home-hero) #browser-games .studio-game-card { padding:10px; }
  body:has(.home-hero) #browser-games .studio-game-card { display:flex; flex-direction:column; }
  body:has(.home-hero) #browser-games .studio-game-card .chip { align-self:flex-start; margin-top:auto; }
  body:has(.home-hero) #browser-games .studio-game-card p { font-size:.76rem; line-height:1.4; }
  body:has(.home-hero) #browser-games .studio-game-card h3 { font-size:1rem; }
  body:has(.home-hero) #feast-pass { background:none; border:0; box-shadow:none; }
  body:has(.home-hero) #discovery .discovery-card { min-height:0; padding:12px; }
  body:has(.home-hero) #discovery .discovery-card > p:not(.section-kicker) { font-size:.78rem; }
  body:has(.home-hero) #discovery .discovery-heading { margin-bottom:10px; padding:0; }
  body:has(.home-hero) #discovery .discovery-heading .section-heading { max-width:none; font-size:1.65rem; }
  body:has(.home-hero) #discovery .discovery-card { box-shadow:none; background:var(--feast-paper-light); }
  body:has(.home-hero) #discovery .character-figure img { max-height:86px; }
  body:has(.home-hero) #interactive-discovery { padding:0 14px; }
  body:has(.home-hero) .home-discovery-section { padding:12px 0; }
}
@media(min-width:601px) and (max-width:1179px) {
  body:has(.home-hero) main { width:calc(100% - 24px); margin:auto; }
  body:has(.home-hero) .shell { width:100%; }
  body:has(.home-hero) #browser-games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; padding:12px; }
  body:has(.home-hero) #browser-games .studio-game-card img { height:120px; }
  body:has(.home-hero) #feast-pass { padding:0; }
  body:has(.home-hero) .home-discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body:has(.home-hero) .home-discovery-card { min-height:0; padding:14px; }
  body:has(.home-hero) #discovery .discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body:has(.home-hero) #discovery .discovery-card--stories { grid-column:1 / -1; }
  body:has(.home-hero) #discovery .discovery-card { min-height:0; padding:14px; }
  body:has(.home-hero) #discovery .world-art { height:150px; max-height:150px; }
  body:has(.home-hero) #discovery .character-figure img { max-height:90px; }
  body:has(.home-hero) #discovery .stories-art--illustrated { min-height:120px; max-height:150px; }
  body:has(.home-hero) :is(.portal-discovery-art,.golden-block-art) { max-width:150px; margin-inline:auto; }
  body:has(.home-hero) #discovery .discovery-grid { gap:10px; }
}
@media(max-width:600px) {
  body:has(.home-hero) main { width:calc(100% - 20px); margin:auto; }
  body:has(.home-hero) .shell { width:100%; }
  body:has(.home-hero) .home-hero__title { font-size:2.25rem; max-width:12ch; }
  body:has(.home-hero) #browser-games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px !important; padding:10px; }
  body:has(.home-hero) #browser-games .studio-game-card { padding:8px; min-height:0; }
  body:has(.home-hero) #browser-games .studio-game-card img { height:92px; object-fit:cover; }
  body:has(.home-hero) #browser-games .studio-game-card h3 { font-size:.95rem; line-height:1.15; }
  body:has(.home-hero) #browser-games .studio-game-card p { font-size:.78rem; line-height:1.4; }
  body:has(.home-hero) #feast-pass { padding:0; }
  body:has(.home-hero) :is(.home-discovery-card,.discovery-card) { padding:12px; min-height:0; }
  body:has(.home-hero) :is(.portal-discovery-art,.golden-block-art) { max-width:132px; margin:8px auto; }
  body:has(.home-hero) .home-discovery-section { padding:12px; }
  body:has(.home-hero) .home-discovery-heading .section-heading { font-size:1.6rem; }
  body:has(.home-hero) .home-discovery-card .discovery-action-status { min-height:0; }
  body:has(.home-hero) .home-discovery-card { display:grid; grid-template-columns:minmax(0,1fr) 78px; gap:8px; }
  body:has(.home-hero) .home-discovery-card__heading { grid-column:1 / -1; }
  body:has(.home-hero) .home-discovery-card :is(.portal-discovery-art,.golden-block-art) { grid-column:2; grid-row:2 / span 2; width:78px; max-width:78px; margin:0; align-self:center; }
  body:has(.home-hero) .home-discovery-card :is(.portal-discovery-button,.golden-block-hit-button) { grid-column:1; grid-row:2; width:100%; }
  body:has(.home-hero) .home-discovery-card :is(.discovery-action-status,.home-candy-button,.home-candy-reveal) { grid-column:1 / -1; }
  body:has(.home-hero) .home-discovery-grid { gap:12px; }
  body:has(.home-hero) #discovery .world-art { height:130px; }
  [data-progression-page] .progression-hero { padding:18px; }
  [data-progression-page] :is(.progression-section,.progression-daily,.progression-controls) { padding:14px; }
  [data-progression-page] .progression-muted { max-width:none; text-align:left; }
  [data-progression-page] .progression-nav a { min-height:44px; }
  .feast-journey-links .button-link { flex:1 1 44%; }
}
/* The world object IS its control, not decoration above an activation button. */
body:has(.home-hero) .home-discovery-card {
  display:grid; grid-template-columns:minmax(0,1fr) 144px; gap:8px 14px; align-content:start;
}
body:has(.home-hero) .home-discovery-card__heading { grid-column:1; grid-row:1; }
body:has(.home-hero) .home-discovery-card .discovery-action-status { grid-column:1; grid-row:2; margin:0; }
body:has(.home-hero) .home-discovery-card :is(.home-candy-button,.home-candy-reveal) { grid-column:1 / -1; }
body:has(.home-hero) .home-discovery-card .feast-art-control {
  grid-column:2; grid-row:1 / span 2; width:144px; max-width:144px; min-width:44px; min-height:44px;
  aspect-ratio:1; margin:0; padding:0; border:0; appearance:none; cursor:pointer; touch-action:manipulation; align-self:center;
}
body:has(.home-hero) .portal-discovery-art.feast-art-control { display:grid; place-items:center; background:transparent; box-shadow:none; }
body:has(.home-hero) .golden-block-art.feast-art-control { display:block; border-radius:16px; }
body:has(.home-hero) .feast-art-control:focus-visible { outline:3px solid var(--button-fill); outline-offset:5px; }
body:has(.home-hero) .feast-art-control:disabled { cursor:default; }
body:has(.home-hero) .feast-art-control:not(:disabled):active { transform:scale(.97); }
body:has(.home-hero) #today .today-panel .today-actions.daily-chest-actions {
  grid-template-columns:168px minmax(0,1fr); min-width:0; gap:8px 14px;
}
body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-button.feast-art-control {
  grid-column:1; grid-row:1 / span 2; display:grid; place-items:center; width:168px; min-width:44px; min-height:168px;
  margin:0; padding:0; border:0; border-radius:18px; background:transparent; box-shadow:none; appearance:none; cursor:pointer; touch-action:manipulation;
}
body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-scene { width:168px; height:168px; }
body:has(.home-hero) #today .daily-chest-sprite { background-color:transparent; }
body:has(.home-hero) #today .daily-chest-button.feast-art-control:disabled { cursor:default; }
body:has(.home-hero) #today .daily-chest-button .feast-control-label {
  position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important;
  overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important;
}
@media(max-width:600px) {
  body:has(.home-hero) .home-discovery-card { grid-template-columns:minmax(0,1fr) 112px; gap:8px 12px; }
  body:has(.home-hero) .home-discovery-card .feast-art-control { width:112px; max-width:112px; }
  body:has(.home-hero) #today .today-panel .today-actions.daily-chest-actions { grid-template-columns:160px minmax(0,1fr); }
  body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-button.feast-art-control { width:160px; min-height:160px; }
  body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-scene { width:160px; height:160px; }
  body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-help { grid-column:2; max-width:none; font-size:.76rem; text-align:left; }
  body:has(.home-hero) #today .today-panel .daily-chest-actions > a.button-link { grid-column:2; min-height:44px; white-space:normal; }
}

/* Feast-world grammar rollout: reuse native journey/card markup, only these 3 pages. */
.feast-journey-page .progression-hero { padding:20px; }
.feast-journey-page .progression-hero h1 { font-size:clamp(2.1rem,4.2vw,3.3rem); }
.feast-journey-page .progression-lede { max-width:85ch; }
.feast-journey-page .progression-truth-note { max-width:90ch; margin-top:12px; }
.feast-journey-page .feast-journey-links { margin:12px 0; gap:6px; padding:8px; box-shadow:none; }
.feast-journey-page .feast-journey-links a { flex:1 1 auto; min-height:44px; justify-content:center; text-decoration:none; }
.feast-journey-page .feast-journey-links a[aria-current='page'] { background:var(--button-background); color:white; border-color:var(--button-border); }
.feast-journey-page .progression-storage { margin:8px 0 12px; font-size:.82rem; }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) { padding:0; border:0; border-radius:0; background:none; }
.feast-journey-page [data-progression-quest-list] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.feast-journey-page [data-progression-quest-list] > [role='group'] { min-width:0; padding:14px; border:1px solid var(--feast-frame); border-radius:var(--feast-radius); background:var(--feast-paper-light); }
.feast-journey-page [data-progression-quest-list] > [aria-label='Exploration quests'] { grid-column:1 / -1; }
.feast-journey-page [data-progression-quest-list] > [role='group'] h3 { font-family:var(--feast-display); font-size:1.3rem; margin:0 0 10px; }
.feast-journey-page [data-progression-quest-list] [role='list'] { display:grid; gap:10px; }
.feast-journey-page [data-progression-reward-list] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) [role='listitem'] { min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:12px; border:1px solid var(--gold-400); border-radius:12px; background:var(--feast-paper); font-size:.88rem; }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) [role='listitem'] > strong { color:var(--feast-ink); font-size:.95rem; }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) [role='listitem'] p { margin:6px 0 10px; line-height:1.5; }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) [role='listitem'] > :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; margin-top:auto; padding:8px 12px; border:1px solid var(--gold-600); border-radius:999px; font:inherit; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; background:var(--feast-paper-light); color:var(--feast-ink); }
.feast-journey-page :is([data-progression-quest-list],[data-progression-reward-list]) [role='listitem'] > button { background: var(--button-background); color:white; border-color:var(--button-border); }
.feast-journey-page :is(button,a,input):focus-visible { outline:3px solid var(--button-fill); outline-offset:3px; }
.feast-journey-page [role='listitem']:has(> button) { border-color:var(--gold-600); }
.feast-journey-page .guest-profile-identity { display:flex; align-items:center; gap:14px; width:fit-content; max-width:100%; margin:14px 0; padding:12px; border:1px solid var(--feast-frame); border-radius:var(--feast-radius); background:var(--feast-paper); }
.feast-journey-page .guest-profile-avatar { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border:2px solid var(--gold-600); border-radius:50%; background:var(--gold-400); color:var(--chocolate-950); font-size:1.6rem; font-weight:900; }
.feast-journey-page .guest-profile-identity :is(h2,p) { margin:0; }
.feast-journey-page .guest-profile-identity h2 { font-family:var(--feast-display); font-size:1.45rem; line-height:1.2; margin:4px 0; }
.feast-journey-page .progression-empty:not([data-progression-quest-list]):not([data-progression-reward-list]) { padding:12px; }
.feast-journey-page label:has([data-site-motion-toggle]) { display:flex; align-items:center; gap:10px; min-height:44px; padding:6px 0; cursor:pointer; }
.feast-journey-page .progression-controls { box-shadow:none; padding:14px; }
.feast-journey-page .progression-controls button { min-height:44px; }
@media(min-width:961px) {
  .feast-journey-page [data-progression-quest-list] > [aria-label='Exploration quests'] > [role='list'] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .feast-journey-page[data-progression-page='profile'] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .feast-journey-page[data-progression-page='profile'] > * { grid-column:1 / -1; margin:0; }
  .feast-journey-page[data-progression-page='profile'] > .progression-section:not(.feast-profile-summary) { grid-column:auto; }
  .feast-journey-page[data-progression-page='profile'] .progression-stat-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(min-width:601px) and (max-width:960px) {
  .feast-journey-page [data-progression-reward-list] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .feast-journey-page .progression-hero { padding:16px; }
  .feast-journey-page [data-progression-quest-list], .feast-journey-page [data-progression-reward-list] { grid-template-columns:minmax(0,1fr); }
  .feast-journey-page .feast-journey-links a { flex:1 1 42%; }
  .feast-journey-page .guest-profile-identity { align-items:flex-start; gap:10px; padding:10px; }
}

/* BEGIN NATIVE GAME PREVIEW V1 */
/* Bounded to the reusable native pattern. No ordinary-image selectors. */
[data-game-preview] { position: relative; }
[data-game-preview] [data-game-preview-stage] { position: relative; overflow: hidden; isolation: isolate; flex: none; }
[data-game-preview] [data-game-preview-stage] img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: none; margin: 0; transition: opacity 160ms ease; }

/* Preserve the native stage height against canonical Home card breakpoints. */
body:has(.home-hero) #browser-games [data-game-preview] [data-game-preview-stage] img { height: 100%; }
[data-game-preview] [data-game-preview-gameplay] { opacity: 0; pointer-events: none; }
[data-game-preview][data-game-preview-showing="gameplay"] [data-game-preview-gameplay] { opacity: 1; }
[data-game-preview][data-game-preview-showing="gameplay"] [data-game-preview-cover],
[data-game-preview][data-game-preview-cover-failed="true"] [data-game-preview-cover] { opacity: 0; }
[data-game-preview] [data-game-preview-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: auto 13px 13px; padding-top: 12px; }
[data-game-preview] [data-game-preview-toggle], [data-game-preview] [data-game-preview-link] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border-radius: 9px; font: inherit; font-size: .8rem; font-weight: 800; text-align: center; text-decoration: none; cursor: pointer; }
[data-game-preview] [data-game-preview-toggle] { width: 10.5rem; max-width: 100%; border: 1px solid #b58b4d; background: #fff6dd; color: #38220e; }
[data-game-preview] [data-game-preview-link] { border: 1px solid #421f35; background: #421f35; color: #fff6dd; }
[data-game-preview] :is([data-game-preview-toggle], [data-game-preview-link]):focus-visible { outline: 3px solid #126f91; outline-offset: 3px; }
[data-game-preview] [data-game-preview-status] { font-size: .75rem; }
[data-game-preview] [data-game-preview-status]:empty { display: none; }
[data-game-preview] [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { [data-game-preview] [data-game-preview-stage] img { transition: none; } }

[data-game-preview] [data-game-preview-toggle]:disabled { cursor: default; opacity: .65; }

body:has(.home-hero){background:linear-gradient(180deg,rgb(47 20 16 / 8%),rgb(47 20 16 / 40%)),url('/assets/images/world/owner-daylight-market-20261007.webp') center / cover fixed;}
/* END NATIVE GAME PREVIEW V1 */

/* BEGIN NATIVE PHONE SHOWCASE V1 */
/* Native managed-image phone shell, adapted from the existing share-card concept.
   The shell is visual only; no sharing service, sample score or baked-in content. */
[data-native-phone-showcase] { box-sizing: border-box; border: 1px solid #9a989d; border-radius: 22px; background: #08090b; box-shadow: 0 0 0 1px #45434a, inset 0 0 0 1px #c7c2c8, inset 0 0 0 3px #141418, 0 18px 26px #08060d80; }
[data-native-phone-showcase]::before, [data-native-phone-showcase]::after { content: none; }
[data-native-phone-showcase] [data-native-phone-screen] { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 16px; background: #090a0d; }
[data-native-phone-showcase] [data-native-phone-screen]::before { content: ''; position: absolute; z-index: 2; top: 4px; left: 50%; width: 28%; height: 6px; border-radius: 12px; background: #08090b; transform: translateX(-50%); pointer-events: none; }
[data-native-phone-showcase] [data-native-phone-screen]::after { content: ''; position: absolute; z-index: 2; bottom: 4px; left: 50%; width: 34%; height: 2px; border-radius: 4px; background: #f3eef5; opacity: .8; transform: translateX(-50%); pointer-events: none; }
[data-native-phone-showcase] [data-native-phone-screen] img { display: block; width: 100%; height: 100%; margin: 0; }
[data-native-phone-showcase]:focus-visible { outline: 3px solid #126f91; outline-offset: 4px; }
@media(prefers-reduced-motion:reduce) { [data-native-phone-showcase] { transition: none; } }

/* END NATIVE PHONE SHOWCASE V1 */

/* WEBSITE DESIGN COMPLETION — owner-approved original portal composition.
   Native objects and real state remain primary. No mock page, invented wordmark,
   game availability, account data, art or gameplay is introduced here. */
:root {
  --feast-paper:#fff7e2; --feast-paper-light:#fffdf6; --feast-ink:#10165b;
  --feast-frame:#e4bd68; --feast-radius:16px;
  --feast-depth:0 3px 0 rgb(91 42 27 / 10%),0 8px 24px rgb(30 16 13 / 13%);
  --feast-display:Georgia,'Times New Roman',serif;
}
body .site-header { background:linear-gradient(#4b291b,#24130f); box-shadow:0 3px 12px #24130f24; }
body .site-nav { max-width:1480px; gap:18px; }
body .site-brand { position:relative;  font-size:1.4rem; font-weight:900; letter-spacing:-.055em; line-height:1.05; color:#ffe49a; text-shadow:0 2px 0 #24130f; }

body .site-links { gap:3px; }
body .site-links a { min-height:44px; padding:8px 9px; font-size:.82rem; }
body .site-footer-inner { padding-block:20px; }
body .site-footer-links { gap:3px 14px; }
/* A light scenic surround ties the existing route families to the same food world.
   Reader and player retain their quiet, task-dominant surfaces. */
body:has(.wo002-detail-page,.wo002-play-page,.character-family-page,.gated-page,.app-product-page,.progression-page,.stories-publishing-page):not(:has(.wo002-player-page,.comic-reader-page)) {
  background:linear-gradient(180deg,#fff6e7de,#fff6e7f5 680px),url('/assets/images/world/owner-daylight-market-20261007.webp') center top/1600px auto fixed;
}
:is(.wo002-detail-page,.wo002-play-page,.character-family-page,.gated-page,.app-product-page,.progression-page,.stories-publishing-page):not(.comic-reader-page) :is(h1,h2,h3) { font-family:var(--feast-display); letter-spacing:-.035em; }
:is(.gated-page,.character-family-page) :is(.gated-hero,.gated-section,.character-info-panel,.profile-panel) { border-color:var(--feast-frame); box-shadow:var(--feast-depth); }
:is(.gated-page,.character-family-page) :is(.gated-section,.character-info-panel,.profile-panel) { background:linear-gradient(140deg,#fffdf6,#fff5df); }
body .gated-hero { background:linear-gradient(120deg,#fffdf6,#ffefc5); }
body .gated-hero h1 { font-size:clamp(2.3rem,4.6vw,4.1rem); line-height:1.05; }
body .gated-hero-art { background:radial-gradient(ellipse,#ffdfa2,transparent 70%); }
:is(.gated-page,.character-family-page,.app-product-page) .button-link--primary { background: var(--button-background); color:#fff; border:1px solid var(--button-border); box-shadow:inset 0 1px #ffffff66,0 3px 0 rgb(16 22 91 / 20%); }
/* The panorama stays bright to the right of the real editable headline. */
body:has(.home-hero) .hero-scrim { background:linear-gradient(90deg,#29110fc7 0%,#29110f83 29%,#29110f16 58%,transparent 76%); }
body:has(.home-hero) .home-hero__title { font-family:var(--feast-display); letter-spacing:-.045em; text-shadow:0 3px 12px #25130fa6; }
body:has(.home-hero) .home-hero__lede { display:block; overflow:visible; -webkit-line-clamp:unset; }
body:has(.home-hero) .home-hero__truth { max-width:49ch; font-size:.75rem; line-height:1.4; padding:6px 9px; border-left:2px solid #ffe08c; background:#25130f57; }
body:has(.home-hero) .home-actions .button-link { min-height:44px; }
body:has(.home-hero) #browser-games .studio-game-card { padding:8px; gap:6px; }
body:has(.home-hero) #browser-games .studio-game-card h3 { font-size:1rem; line-height:1.1; }
body:has(.home-hero) #browser-games .studio-game-card p { font-size:.78rem; line-height:1.35; }
body:has(.home-hero) #browser-games .studio-game-card .chip { font-size:.65rem; padding:4px 7px; }
body:has(.home-hero) #browser-games [data-game-preview-actions] { margin:0; padding-top:3px; gap:5px; }
body:has(.home-hero) #browser-games [data-game-preview-actions] > :is(a,button) { width:100%; min-height:44px; padding:6px; font-size:.74rem; border-radius:999px; }
body:has(.home-hero) #browser-games [data-game-preview-link] { color:#fff; background:var(--button-background); border-color:var(--button-border); }
body:has(.home-hero) #browser-games [data-game-preview-toggle] { color:#10165b; background:#fff7e2; border-color:#e4bd68; }
body:has(.home-hero) #browser-games-intro .section-lede { display:block; overflow:visible; -webkit-line-clamp:unset; max-width:none; font-size:.77rem; line-height:1.4; }
body:has(.home-hero) #discovery .discovery-card { overflow:visible; max-height:none; }
body:has(.home-hero) #discovery .discovery-card :is(p,.button-link) { -webkit-line-clamp:unset; }
body:has(.home-hero) #discovery .button-link { min-height:44px; font-size:.76rem; }
body:has(.home-hero) #discovery .discovery-card--stories .home-actions { display:flex; }
body:has(.home-hero) #whats-next .home-section-inner { max-height:none; overflow:visible; }
body:has(.home-hero) #whats-next .next-card p { display:block; overflow:visible; -webkit-line-clamp:unset; font-size:.76rem; line-height:1.4; }
body:has(.home-hero) #whats-next .next-card h3 { font-size:.96rem; }
body:has(.home-hero) #whats-next .next-card .button-link { min-height:44px; font-size:.76rem; }
body:has(.home-hero) #app .app-links-status { font-size:.72rem; line-height:1.4; }
body:has(.home-hero) #app .app-conversion-panel--production .section-lede { font-size:.82rem; line-height:1.4; }
body:has(.home-hero) #app .app-conversion-panel--production .section-heading { font-family:var(--feast-display); font-size:clamp(1.9rem,2.7vw,2.8rem); }
/* Keep the panorama/card rhythm at ordinary desktop widths, not only ultrawide. */
@media(min-width:1080px) {
 body .site-nav { min-height:64px; padding:6px 20px; }
 body:has(.home-hero) .site-brand {  font-size:1.4rem; }

 body:has(.home-hero) main { width:min(calc(100% - 40px),1480px); display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:auto auto auto auto auto auto; grid-template-areas:none; gap:12px; align-items:start; background:transparent; }
 body:has(.home-hero) main > :is(.section,.studio-layout) { width:100%; min-width:0; margin:0; }
 body:has(.home-hero) main > [data-studio-variant='accessibility-tools'] { position:absolute; width:auto; padding:0; }
 body:has(.home-hero) main > #top { grid-area:1 / 1 / 2 / -1; padding:0; }
 body:has(.home-hero) .home-hero, body:has(.home-hero) .home-hero__layout { height:auto; min-height:380px; }
 body:has(.home-hero) .home-hero { border-radius:0 0 20px 20px; }
 body:has(.home-hero) .home-hero__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:24px 38px 20px; }
 body:has(.home-hero) .home-hero__copy { max-width:530px; }
 body:has(.home-hero) .home-hero__title { font-size:clamp(3.3rem,4.3vw,4.65rem); max-width:12ch; line-height:.95; margin:6px 0 10px; }
 body:has(.home-hero) .home-hero__lede { max-width:43ch; font-size:.94rem; line-height:1.35; margin:8px 0; }
 body:has(.home-hero) .home-hero__eyebrow { font-size:.69rem; }
 body:has(.home-hero) .home-hero__toadal { position:relative; inset:auto; width:100%; height:100%; min-height:330px; margin:0!important; transform:none; display:flex; align-items:end; justify-content:center; }
 body:has(.home-hero) .home-hero__toadal img { width:auto; max-width:100%; height:350px!important; max-height:350px; object-fit:contain; }
 body:has(.home-hero) .hero-benefits { gap:10px; font-size:.67rem; }
 body:has(.home-hero) #browser-games-intro { grid-area:auto; grid-column:1; grid-row:auto; padding:0; margin:0; border:1px solid var(--feast-frame); border-bottom:0; border-radius:18px 18px 0 0; background:var(--feast-paper); }
 body:has(.home-hero) #browser-games-intro .home-section-inner { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:12px 14px 8px; }
 body:has(.home-hero) #browser-games-intro .section-kicker { grid-column:1; font-size:.58rem; margin:0; }
 body:has(.home-hero) #browser-games-intro .section-heading { grid-column:1; margin:0; font-size:1.7rem; }
 body:has(.home-hero) #browser-games-intro .section-lede { grid-column:1 / -1; margin:0; }
 body:has(.home-hero) #browser-games-intro .game-tabs { position:static; grid-column:1 / -1; grid-row:4; display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
 body:has(.home-hero) #browser-games-intro .game-tab { min-height:36px; padding:5px 9px; font-size:.71rem; }
 body:has(.home-hero) #browser-games-intro .home-play-directory-link { position:static; grid-column:2; grid-row:1 / span 2; width:auto; align-self:center; min-height:44px; padding:7px 12px; font-size:.74rem; }
 body:has(.home-hero) #browser-games { grid-area:auto; grid-column:1; grid-row:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; align-self:start; padding:8px 12px 12px; border:1px solid var(--feast-frame); border-top:0; border-radius:0 0 18px 18px; background:var(--feast-paper); }
 body:has(.home-hero) #browser-games .studio-game-card { min-height:0; }


 body:has(.home-hero) #browser-games .studio-game-card [data-game-preview-stage] img { height:100%; }
 body:has(.home-hero) #feast-pass { grid-area:2 / 10 / 4 / -1; padding:0; align-self:start; }
 body:has(.home-hero) #feast-pass .home-section-inner, body:has(.home-hero) #feast-pass .home-feast-pass-panel { height:100%; }
 body:has(.home-hero) #feast-pass .section-heading { font-size:1.6rem; }
 body:has(.home-hero) #feast-pass .section-lede { display:block; overflow:visible; -webkit-line-clamp:unset; }
 body:has(.home-hero) #feast-pass .button-link { min-height:44px; font-size:.74rem; }
 body:has(.home-hero) #discovery { grid-area:4 / 1 / 5 / -1; padding:10px 12px; }
 body:has(.home-hero) #discovery .home-section-inner { padding:0; }
 body:has(.home-hero) #discovery .discovery-heading { display:flex; justify-content:space-between; align-items:baseline; gap:18px; min-height:0; margin-bottom:8px; }
 body:has(.home-hero) #discovery .discovery-heading .section-heading { font-size:1.5rem; margin:0; }
 body:has(.home-hero) #discovery .discovery-heading .section-lede { font-size:.76rem; margin:0; }
 body:has(.home-hero) #discovery .discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 body:has(.home-hero) #discovery .discovery-card { padding:10px; min-height:0; }
 body:has(.home-hero) #discovery .discovery-card--stories { grid-column:auto; }
 body:has(.home-hero) #discovery .discovery-card h3 { font-size:1.25rem; }
 body:has(.home-hero) #discovery .discovery-card > p { margin:4px 0 8px; }
 body:has(.home-hero) #discovery .character-figure img { max-height:88px; }
 body:has(.home-hero) #discovery .world-art { height:104px; max-height:104px; }
 body:has(.home-hero) #discovery .stories-art--illustrated { min-height:104px; height:104px; }
 body:has(.home-hero) #today { grid-area:5 / 1 / 6 / 5; padding:0; height:100%; }
 body:has(.home-hero) #today .home-section-inner { padding:0; height:100%; }
 body:has(.home-hero) #today .today-panel { display:flex; flex-direction:column; align-items:stretch; gap:8px; min-height:100%; padding:14px; }
 body:has(.home-hero) #today .today-panel > .today-copy { display:block; }
 body:has(.home-hero) #today .section-heading { font-size:1.4rem; margin:3px 0; }
 body:has(.home-hero) #today .today-checkin-status { font-size:.77rem; margin:6px 0; }
 body:has(.home-hero) #today .today-panel .today-actions.daily-chest-actions { display:grid; grid-template-columns:108px minmax(0,1fr); gap:6px 10px; }
 body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-button.feast-art-control { width:108px; min-height:108px; }
 body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-scene { width:108px; height:108px; }
 body:has(.home-hero) #today .daily-chest-help { font-size:.72rem; text-align:left; }
 body:has(.home-hero) #today .today-panel .daily-chest-actions > a.button-link { min-height:44px; font-size:.73rem; white-space:normal; }
 body:has(.home-hero) #interactive-discovery { grid-area:5 / 5 / 6 / -1; padding:12px; height:100%; }
 body:has(.home-hero) #interactive-discovery .home-section-inner, body:has(.home-hero) .home-discovery-section { padding:0; }
 body:has(.home-hero) .home-discovery-heading { margin-bottom:8px; }
 body:has(.home-hero) .home-discovery-heading .section-heading { font-size:1.45rem; }
 body:has(.home-hero) .home-discovery-heading .section-lede { font-size:.76rem; line-height:1.35; margin:4px 0; }
 body:has(.home-hero) .home-discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 body:has(.home-hero) .home-discovery-card { grid-template-columns:minmax(0,1fr) 82px; padding:10px; gap:6px; }
 body:has(.home-hero) .home-discovery-card__heading h3 { font-size:1.1rem; }
 body:has(.home-hero) .home-discovery-card .feast-art-control { width:82px; max-width:82px; }
 body:has(.home-hero) .home-discovery-card .discovery-action-status { font-size:.73rem; min-height:0; }
 body:has(.home-hero) .home-discovery-card .home-candy-button { min-height:44px; font-size:.73rem; }
 body:has(.home-hero) #app { grid-area:6 / 1 / 7 / 8; padding:0; height:100%; }
 body:has(.home-hero) #app .home-section-inner { padding:0; height:100%; }
 body:has(.home-hero) #app .app-conversion-panel--production { min-height:100%; grid-template-columns:minmax(0,1fr) minmax(175px,.8fr); padding:16px; }
 body:has(.home-hero) #whats-next { grid-area:6 / 8 / 7 / -1; padding:0; height:100%; }
 body:has(.home-hero) #whats-next .home-section-inner { padding:14px; }
 body:has(.home-hero) #whats-next .section-heading { font-size:1.6rem; margin:0 0 10px; }
 body:has(.home-hero) #whats-next .whats-next-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 body:has(.home-hero) #whats-next .next-card { padding:10px; }
 body:has(.home-hero) main > [data-studio-variant='companion'] { grid-area:7 / 1 / 8 / -1; }
}
@media(min-width:601px) and (max-width:1079px) {
 body:has(.home-hero) .home-hero,body:has(.home-hero) .home-hero__layout { height:auto; min-height:470px; }
 body:has(.home-hero) #browser-games-intro .home-section-inner { display:flex; flex-wrap:wrap; gap:8px; }
 body:has(.home-hero) #browser-games-intro .section-heading,body:has(.home-hero) #browser-games-intro .section-lede { width:100%; }
 body:has(.home-hero) #browser-games-intro .home-play-directory-link { position:static; margin:0; }
 body:has(.home-hero) #discovery .discovery-card--stories { grid-column:1 / -1; }
}
@media(max-width:600px) {
 body .site-brand { max-width:170px;  font-size:1.12rem; }

 body .site-links a { min-height:44px; }
 body:has(.home-hero) .home-hero,body:has(.home-hero) .home-hero__layout { height:auto; min-height:520px; }
 body:has(.home-hero) .home-hero__layout { padding:20px 16px 170px; }
 body:has(.home-hero) .home-hero__title { font-size:2.7rem; line-height:1; max-width:11ch; }
 body:has(.home-hero) .home-hero__lede { font-size:.88rem; line-height:1.4; }
 body:has(.home-hero) .home-hero__truth { font-size:.72rem; }
 body:has(.home-hero) .hero-scrim { background:linear-gradient(180deg,#29110fd9,#29110f7a 62%,#29110f0a); }
 body:has(.home-hero) .home-hero__toadal { bottom:0; margin:0; height:165px; width:48%; }
 body:has(.home-hero) .home-hero__toadal img { height:165px; max-height:165px; }
 body:has(.home-hero) #browser-games-intro .section-heading { font-size:1.75rem; }
 body:has(.home-hero) #browser-games .studio-game-card { padding:7px; }
 body:has(.home-hero) #browser-games .studio-game-card h3 { font-size:.95rem; line-height:1.15; }
 body:has(.home-hero) #browser-games [data-game-preview-actions] > :is(a,button) { font-size:.72rem; }
 body:has(.home-hero) #whats-next .whats-next-grid { grid-template-columns:minmax(0,1fr); }
 body:has(.home-hero) #whats-next .next-card { min-height:0; padding:14px; }
 body:has(.home-hero) #discovery .discovery-card { max-height:none; }
 body:has(.home-hero) #app .app-conversion-panel--production .section-heading { font-size:2rem; }
}
@media(prefers-reduced-motion:reduce) { body .site-links a { transition:none; } }

/* A preview article remains a whole-card destination. Its sibling preview
   toggle sits above the stretched semantic anchor, never inside that anchor. */
[data-game-preview] [data-game-preview-link]::after { content:''; position:absolute; inset:0; z-index:1; border-radius:12px; }
[data-game-preview] [data-game-preview-toggle] { position:relative; z-index:2; }
[data-game-preview]:has([data-game-preview-link]:focus-visible) { outline:3px solid #126f91; outline-offset:4px; }

/* Review 2: balanced real-art windows and intentional full-character framing. */
body:has(.home-hero) .home-hero { width:100%; max-width:100%; margin-inline:0; }


body:has(.home-hero) #browser-games .studio-game-card [data-game-preview-stage] img { height:100%; max-height:none; }
body:has(.home-hero) #browser-games .studio-game-card .chip { margin-top:0; }
body:has(.home-hero) #browser-games .studio-game-card :is([data-game-preview-actions],.home-game-action) { margin-top:auto; }
body:has(.home-hero) #feast-pass .home-feast-pass-panel { align-content:start; align-items:start; }
body:has(.home-hero) #feast-pass .feast-pass-copy { margin:0; padding:0; }
body:has(.home-hero) #discovery .stories-art__toadal { height:94%; max-height:100%; width:auto; max-width:45%; bottom:0; right:4%; object-fit:contain; object-position:center bottom; }
body:has(.home-hero) .home-discovery-card { position:relative; isolation:isolate; }
body:has(.home-hero) .home-discovery-card .portal-discovery-art.feast-art-control { position:relative; z-index:1; overflow:visible; }
body:has(.home-hero) .home-discovery-card .portal-discovery-art img { position:relative; z-index:1; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
@media(min-width:1080px) {
 body:has(.home-hero) #browser-games .studio-game-card h3 { min-height:2.2em; }
 body:has(.home-hero) #browser-games .studio-game-card p:not([data-game-preview-status]) { min-height:4.05em; }
 body:has(.home-hero) #feast-pass { align-self:start; }
 body:has(.home-hero) #feast-pass .home-feast-pass-panel { min-height:0; height:auto; }
 body:has(.home-hero) #browser-games { align-self:start; }
 body:has(.home-hero) #app .app-conversion-panel--production { grid-template-columns:minmax(0,1fr) minmax(160px,.7fr); }
}
@media(max-width:600px) {

}

/* Graceful unenhanced/embedded shell. Runtime embedding guards stay intact. */
.toadal-companion:not([data-panel-visible]) .companion-panel { display:none; }
@media(max-width:600px) {
 .site-nav:not([data-menu-enhanced='true']) { display:flex; flex-wrap:wrap; gap:4px; padding:10px 12px 4px; }
 .site-nav:not([data-menu-enhanced='true']) .site-brand { flex-basis:100%; min-height:38px; display:flex; align-items:center; }
 .site-nav:not([data-menu-enhanced='true']) .site-links { display:flex; flex-wrap:nowrap; width:100%; max-width:100%; overflow-x:auto; gap:4px; padding-bottom:4px; }
 .site-nav:not([data-menu-enhanced='true']) .site-links a { flex:0 0 auto; white-space:nowrap; min-height:44px; }
}

/* Keep the optional gameplay control in its image window; the separate pink
   details action remains in the card flow and the rest of the card navigates. */

body:has(.home-hero) #browser-games [data-game-preview] [data-game-preview-toggle]:disabled { opacity:.65; }
@media(min-width:1080px) {
 body:has(.home-hero) #browser-games .studio-game-card p:not([data-game-preview-status]) { min-height:0; }
 body:has(.home-hero) #browser-games .studio-game-card { gap:5px; }
 body:has(.home-hero) #browser-games .studio-game-card .chip { margin-top:auto; }
 body:has(.home-hero) #browser-games .studio-game-card :is([data-game-preview-actions],.home-game-action) { margin-top:0; }
}

/* A deliberate entire-character inset, never a cropped head or torso. */
body:has(.home-hero) #discovery .stories-art--illustrated .stories-art__toadal { top:auto; bottom:6px; height:88px; min-height:0; max-height:88px; width:100px; max-width:40%; object-fit:contain; object-position:center; }

/* A measured desktop header gap is a safe home for the minimized companion.
   Its 52px keyboard/touch control stays visible and never overlaps nav links. */
@media(min-width:601px) {
 body:is(:has(.home-hero), :has(.wo002-game-library)) .toadal-companion[data-mobile-docked='true'][data-dock-kind='desktop'] { width:52px; height:52px; }
 body:is(:has(.home-hero), :has(.wo002-game-library)) .toadal-companion[data-mobile-docked='true'][data-dock-kind='desktop'] .companion-toggle,
 body:is(:has(.home-hero), :has(.wo002-game-library)) .toadal-companion[data-mobile-docked='true'][data-dock-kind='desktop'] .companion-image { width:52px; height:52px; min-width:52px; min-height:52px; max-height:52px; }
}

@media(min-width:961px) { body:is(:has(.home-hero), :has(.wo002-game-library)) .site-header { position:sticky; top:0; z-index:100; } }

/* Final lower-band composition: short state cards and compact discovery ribbons.
   All five future states, real screenshots, candy/check-in controls stay present. */
@media(min-width:1080px) {
 body:has(.home-hero) #whats-next .whats-next-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 body:has(.home-hero) #whats-next .next-card { min-height:0; padding:9px; }
 body:has(.home-hero) #whats-next .next-card h3 { font-size:.9rem; line-height:1.15; margin:5px 0; }
 body:has(.home-hero) #whats-next .next-card p { font-size:.77rem; line-height:1.35; margin:0; }
 body:has(.home-hero) #whats-next .next-card .status-chip { padding:3px 4px; font-size:.56rem; }
 body:has(.home-hero) #whats-next .next-card .button-link { min-height:44px; margin-top:7px; padding:6px; font-size:.73rem; }
 body:has(.home-hero) #whats-next .section-heading { font-size:1.45rem; margin-bottom:8px; }
 body:has(.home-hero) #app .app-conversion-panel--production { align-content:start; gap:10px 14px; padding:14px; }
 body:has(.home-hero) #app .app-conversion-copy { justify-content:flex-start; padding:0; }
 body:has(.home-hero) #app .app-conversion-panel--production .section-heading { font-size:2rem; margin:5px 0 7px; }
 body:has(.home-hero) #app .app-conversion-panel--production .section-lede { font-size:.79rem; line-height:1.35; margin:0 0 8px; }
 body:has(.home-hero) #app .app-production-showcase { height:202px; align-self:start; margin-top:18px; }
 body:has(.home-hero) #app .app-conversion-actions { gap:5px; }
 body:has(.home-hero) #app .app-conversion-panel--production .app-more-link { min-height:44px; }
 body:has(.home-hero) #app .home-app-candy { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; padding-top:8px; margin-top:0; }
 body:has(.home-hero) #app .home-app-candy .section-kicker { grid-column:1; grid-row:1; width:fit-content; margin:0; font-size:.55rem; padding:3px 6px; }
 body:has(.home-hero) #app .home-app-candy p:not(.section-kicker) { grid-column:1; grid-row:2; font-size:.73rem; margin:0; }
 body:has(.home-hero) #app .home-app-candy .home-candy-button { grid-column:2; grid-row:1 / span 2; min-height:44px; margin:0; padding:6px 10px; font-size:.74rem; }
 body:has(.home-hero) #app .home-app-candy .home-candy-button img { width:28px; height:28px; }
 body:has(.home-hero) #today .today-panel { padding:12px; gap:5px; }
 body:has(.home-hero) #today .section-lede { display:block; font-size:.76rem; line-height:1.35; margin:4px 0; }
 body:has(.home-hero) #today .today-checkin-status { font-size:.77rem; margin:4px 0; }
 body:has(.home-hero) #today .today-panel .today-actions.daily-chest-actions { grid-template-columns:82px minmax(0,1fr); gap:3px 10px; }
 body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-button.feast-art-control { width:82px; min-height:82px; }
 body:has(.home-hero) #today .today-panel .daily-chest-actions .daily-chest-scene { width:82px; height:82px; }
 body:has(.home-hero) #today .daily-chest-help { margin:0; font-size:.75rem; }
 body:has(.home-hero) #interactive-discovery { padding:12px; }
 body:has(.home-hero) .home-discovery-heading { display:block; margin-bottom:8px; }
 body:has(.home-hero) .home-discovery-heading .section-kicker { margin:0 0 4px; font-size:.58rem; }
 body:has(.home-hero) .home-discovery-heading .section-heading { font-size:1.35rem; margin:0 0 4px; }
 body:has(.home-hero) .home-discovery-heading .section-lede { font-size:.74rem; line-height:1.3; max-width:none; }
 body:has(.home-hero) .home-discovery-card { padding:8px; }
 body:has(.home-hero) .home-discovery-card__heading h3 { font-size:1.05rem; }
 body:has(.home-hero) .home-discovery-card .home-candy-button { padding:5px 8px; }
}

/* Home App action retains an accessible minimum at every viewport width. */
body:has(.home-hero) #app .app-conversion-panel--production .app-more-link { min-height:44px; }

/* Standalone future-card heading links are navigation controls, not prose links. */
body:has(.home-hero) #whats-next .next-card-title-link { display:flex; align-items:center; min-height:44px; padding-block:4px; box-sizing:border-box; }

/* Owner-requested full-bleed game covers. Native 16:9 frames match the approved
   cover pixels; genuine optional gameplay keeps its independently authored fit. */
body:has(.home-hero) #browser-games .studio-game-card > img,
body:has(.home-hero) #browser-games .studio-game-card [data-game-preview-stage] {
  display:block; width:100%; height:auto; min-height:0; max-height:none; flex:none; aspect-ratio:16/9; padding:0;
}
body:has(.home-hero) #browser-games .studio-game-card [data-game-preview-stage] img { min-height:0; padding:0; }
body:has(.home-hero) #browser-games [data-game-preview] [data-game-preview-toggle] {
  position:relative; top:auto; right:auto; width:100%; max-width:100%; min-height:44px; padding:6px 8px; font-size:.72rem;
}
:is(.wo002-game-library, [data-other-games-collection]) .play-card.studio-game-card.module { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; }
:is(.wo002-game-library, [data-other-games-collection]) .play-card__art { display:block; width:100%; height:auto; min-height:0; aspect-ratio:16/9; padding:0; }
:is(.wo002-game-library, [data-other-games-collection]) .play-card__art img { display:block; width:100%; height:100%; min-height:0; max-height:none; padding:0; }
/* Native status chips sit in card copy, never on top of cover lettering. */
:is(.wo002-game-library, [data-other-games-collection]) .play-card__body > .chip { margin:0 0 8px; }

/* World bands have distinct authored contents: do not reuse the legacy
   heading/scenes/cast grid for every band. Keep their headings above content. */
@media(min-width:1100px) {
  .discovery-world .discovery-band {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:none;
    align-items:start;
  }
  .discovery-world .discovery-band-heading {
    grid-area:auto; display:block; max-width:none; margin:0;
  }
  .discovery-world .discovery-band-heading h2 { margin-bottom:7px; }
  .discovery-world .discovery-scene-grid,
  .discovery-world .discovery-cast-strip { grid-area:auto; }
  .discovery-world .discovery-cast-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .discovery-world .portal-journey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:0; }
  .discovery-world .world-map-preview { grid-template-columns:minmax(0,2fr) minmax(280px,1fr); }
  .discovery-world .world-map-preview > .discovery-band-heading { grid-column:1 / -1; }
  .discovery-world .world-visit-progress { align-self:start; }
}

/* Light hero lettering uses the existing cream palette and scenic scrim.
   This does not change the navy headings on the light character panels. */
.character-family-page .character-hero .character-hero-copy h1 { color:var(--cream-50); }

/* Framed Feast Pass v1. Scoped to two native Pass cards; PR30 Astro/Feast donor palette. */
.framed-feast-pass {
  position: relative; isolation: isolate; min-width: 0;
  color: #fff7dc;
  background: radial-gradient(ellipse at 8% 0%, #183e58 0%, transparent 48%), linear-gradient(145deg,#101d38,#23142f);
  border: 3px solid #d4a657; border-radius: 24px;
  box-shadow: inset 0 0 0 3px #261827, inset 0 0 0 5px #67bfd1, 0 7px 0 #442838, 0 12px 22px #10172c35;
}
#feast-pass .framed-feast-pass { padding: 18px 14px; overflow: visible; }
#feast-pass .framed-feast-pass .feast-pass-copy { width:100%; min-width:0; }
.framed-feast-pass .feast-pass-title-plate { position:relative; display:grid; place-items:center; min-width:0; padding:22px 17px; margin:7px 0 15px; }
.framed-feast-pass .feast-pass-title-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; pointer-events:none; z-index:0; }
.framed-feast-pass .feast-pass-lettering { position:relative; z-index:1; margin:0; width:100%; text-align:center; color:#ffe49a; overflow-wrap:anywhere; font-weight:900; }
.framed-feast-pass .feast-pass-lettering-ready { color:transparent; -webkit-text-fill-color:transparent; text-shadow:none; }
.framed-feast-pass .feast-pass-lettering-ready::selection { color:#181d36; -webkit-text-fill-color:#181d36; background:#ffdf83; }
.feast-pass-lettering-canvas { position:absolute; z-index:2; pointer-events:none; }
.feast-pass-lettering-canvas[hidden] { display:none; }
#feast-pass .framed-feast-pass .section-kicker { color:#8be8ef; font-size:10px; letter-spacing:.13em; text-align:center; }
#feast-pass .framed-feast-pass .section-lede,
#feast-pass .framed-feast-pass .home-pass-storage-status,
#feast-pass .framed-feast-pass .pass-display-preference-status,
#feast-pass .framed-feast-pass .pass-display-content > p,
.framed-feast-pass--full .progression-storage,
.framed-feast-pass--full .progression-lede,
.framed-feast-pass--full .progression-truth-note { color:#f4e9d3; }
#feast-pass .framed-feast-pass .home-pass-metrics { gap:8px; margin:15px 0; }
#feast-pass .framed-feast-pass .home-pass-metrics > div,
.framed-feast-pass--full .progression-stat { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; padding:12px; border:1px solid #668699; border-radius:12px; background:#0c182c; color:#fff4d2; box-shadow:inset 0 2px 0 #ffffff12; }
#feast-pass .framed-feast-pass .home-pass-metrics dt,
.framed-feast-pass--full .progression-stat dt { color:#adddec; font-size:11px; font-weight:700; overflow-wrap:anywhere; }
#feast-pass .framed-feast-pass .home-pass-metrics dd,
.framed-feast-pass--full .progression-stat dd { color:#ffe09a; font-size:clamp(20px,2.5vw,32px); font-weight:900; line-height:1.1; max-width:100%; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.framed-feast-pass .button-link { white-space:normal; text-align:center; min-height:44px; }
.framed-feast-pass :is(button,a):focus-visible { outline:3px solid #8eefff; outline-offset:4px; }
#feast-pass .framed-feast-pass .pass-display-toggle { display:flex; margin:0 auto 9px; }
#feast-pass .framed-feast-pass .pass-display-preference-status { font-size:12px; }
#feast-pass .framed-feast-pass .home-pass-progress { color:#fff4d2; border-color:#88e2eb; }
.framed-feast-pass--full { padding:24px; margin:20px 0 28px; }
.framed-feast-pass--full .portal-pass-hero { padding:0; margin:0; background:none; border:0; box-shadow:none; }
.framed-feast-pass--full .portal-pass-copy { min-width:0; }
.framed-feast-pass--full .feast-pass-title-plate { max-width:560px; padding:35px 35px; }
.framed-feast-pass--full .section-kicker { color:#8be8ef; }
.framed-feast-pass--full .progression-eyebrow { color:#f5d382; }
.framed-feast-pass--full .portal-pass-art { max-width:230px; justify-self:center; }
.framed-feast-pass--full .quest-next { color:#fff3d6; background:#101b31; border-color:#6ba4b1; }
.framed-feast-pass--full .quest-next :is(h2,h3,p) { color:inherit; }
.framed-feast-pass--full .framed-pass-status { margin-bottom:0; background:transparent; border:0; box-shadow:none; padding:20px 0 0; }
.framed-feast-pass--full .progression-section-heading h2 { color:#fff3d6; }
.framed-feast-pass--full .progression-local-badge { color:#b8edf1; background:#152c3e; border-color:#699fac; }
@media(max-width:600px) {
  .framed-feast-pass--full { padding:20px 14px; border-radius:20px; }
  .framed-feast-pass--full .portal-pass-hero { display:block; }
  .framed-feast-pass--full .portal-pass-art { display:none; }
  .framed-feast-pass--full .feast-pass-title-plate { padding:24px 20px; }
  .framed-feast-pass--full .progression-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .framed-feast-pass--full .progression-section-heading { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .framed-feast-pass *, .framed-feast-pass *::before, .framed-feast-pass *::after { animation:none; transition:none; } }
/* Match the existing Home id-specific skin without changing any other section. */
#feast-pass .framed-feast-pass {
 background:radial-gradient(ellipse at 8% 0%,#183e58 0%,transparent 48%),linear-gradient(145deg,#101d38,#23142f);
 border:3px solid #d4a657; border-radius:24px;
 box-shadow:inset 0 0 0 3px #261827,inset 0 0 0 5px #67bfd1,0 7px 0 #442838,0 12px 22px #10172c35;
}
#feast-pass .framed-feast-pass .feast-pass-lettering { color:#ffe49a; }
#feast-pass .framed-feast-pass .feast-pass-lettering-ready { color:transparent; -webkit-text-fill-color:transparent; }
#feast-pass .framed-feast-pass .home-pass-metrics > div { padding:9px 10px; gap:3px; }
#feast-pass .framed-feast-pass .home-pass-metrics dd { font-size:26px; }
#feast-pass .framed-feast-pass .pass-display-content > .section-lede { font-size:12px; }
#feast-pass .framed-feast-pass .home-pass-progress { color:#fff4d2; }
#feast-pass .framed-feast-pass .feast-progress-note { color:#fff4d2; background:#12263b; border-color:#77d3df; }
#feast-pass .framed-feast-pass .feast-progress-note strong { color:#ffe09a; }
.framed-feast-pass--full .progression-truth-note { background:#142b3e; color:#f4e9d3; }
.framed-feast-pass--full .portal-pass-art figcaption { color:#e4d8bf; }
.framed-feast-pass--full .framed-pass-status .section-kicker { color:#8be8ef; }
.framed-feast-pass--full > .quest-next { margin-top:20px; }
/* Full-page inherited H1 skin must not darken the visible native fallback. */
.framed-feast-pass--full .portal-pass-hero .feast-pass-lettering { color:#ffe49a; }

/* Home desktop grid: 12-column numeric placement. */
@media (min-width: 1080px) {
  body:has(.home-hero) main > #browser-games-column {
    grid-area: 2 / 1 / 4 / 10;
    align-self: start;
    min-width: 0;
    min-height: 0;
    padding: 0;
  }
  body:has(.home-hero) main > #feast-pass {
    grid-area: 2 / 10 / 4 / -1;
    align-self: start;
    min-width: 0;
    min-height: 0;
    padding: 0;
  }
  body:has(.home-hero) .home-browser-games-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: max-content max-content;
    grid-auto-rows: max-content;
    gap: 0;
    align-self: start;
    align-content: start;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 0;
  }
  body:has(.home-hero) .home-browser-games-column > :is(#browser-games-intro, #browser-games) {
    grid-area: auto;
    grid-column: 1;
    grid-row: auto;
    align-self: start;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
  }
  body:has(.home-hero) #feast-pass .home-section-inner,
  body:has(.home-hero) #feast-pass .home-feast-pass-panel {
    height: auto;
    min-height: 0;
    max-height: none;
  }
}

/* Home Feast Pass action layout v1 */
body:has(.home-hero) #feast-pass .home-feast-pass-panel .feast-pass-copy a.button-link {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  justify-content: center;
}
body:has(.home-hero) #feast-pass .feast-journey-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  gap: 6px;
}
body:has(.home-hero) #feast-pass .feast-journey-links > .button-link {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 8px 6px;
  flex: initial;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Website visual finish: readable cards, consistent actions and safe companion docking. */
html body .button-link { font-size: clamp(.88rem, 1vw, .98rem); }
html body .studio-game-card p { font-size: .9rem; line-height: 1.55; }
html body .studio-game-card { min-width: 0; }
html body .studio-game-card :where(.button-link, .btn) { white-space: normal; text-align: center; }
html body .studio-game-card img { object-fit: contain; }
html body .portal-section-nav { flex-wrap: wrap; gap: 8px; }
html body .portal-section-nav :where(a, button) { min-height: 44px; align-content: center; }
html body .search-controls :where(input, select, button),
html body .catalogue-controls :where(input, select, button) { min-height: 44px; }
html body .progression-truth-note { line-height: 1.55; }
html body .toadal-companion[data-minimized="true"][data-mobile-docked="true"][data-dock-kind="desktop"],
html body .toadal-companion[data-minimized="true"][data-mobile-docked="true"][data-dock-kind="desktop"] .companion-toggle,
html body .toadal-companion[data-minimized="true"][data-mobile-docked="true"][data-dock-kind="desktop"] .companion-image {
  width: var(--toadal-dock-width, 52px) !important;
  height: var(--toadal-dock-width, 52px) !important;
  min-width: 0;
  min-height: 0;
  max-height: var(--toadal-dock-width, 52px) !important;
  transform: none !important;
  animation: none !important;
}
html body .toadal-companion[data-minimized="true"][data-dock-kind="desktop"] .companion-image { object-fit: contain; }
@media (min-width: 1080px) {
  html body .site-links > a { font-size: .82rem; min-height: 44px; }
  html body:has(.home-hero) #browser-games.studio-layout-grid,
  html body:has(.home-hero) #browser-games.studio-layout { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  html body .studio-game-card p { font-size: .93rem; }
  html body .site-links > a { min-height: 44px; }
  html body .search-controls { min-width: 0; }
  html body .catalogue-controls :where(input, select) { max-width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

@media (min-width: 1080px) and (max-width: 1279px) {
  html body:has(.home-hero) #browser-games.studio-layout-grid,
  html body:has(.home-hero) #browser-games.studio-layout { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body:has(.home-hero) #browser-games > .studio-game-card { grid-column: span 2; }
  html body:has(.home-hero) #browser-games > .studio-game-card:nth-child(n+4) { grid-column: span 3; }
}
@media (max-width: 760px) {
  html body:has(.home-hero) #browser-games > .studio-game-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Keep the cast/world shelf beneath the games instead of leaving a blank column beside guest progress. */
@media (min-width: 1080px) {
  html body:has(.home-hero) main > #browser-games-column { grid-area: 2 / 1 / 3 / 10; }
  html body:has(.home-hero) main > #feast-pass { grid-area: 2 / 10 / 4 / -1; }
  html body:has(.home-hero) main > #discovery { grid-area: 3 / 1 / 4 / 10; }
  html body:has(.home-hero) #discovery .section-heading { align-items: start; }
}

.play-card__body > p.catalogue-availability { flex: 0 0 auto; min-height: 0; }

/* Existing player controls remain available in fullscreen. */
.player-fullscreen-rail { gap: 8px; }
.player-fullscreen-rail .btn { min-width: 72px; min-height: 44px; padding: 7px 12px; }
.wo002-player-frame-wrap:-webkit-full-screen { display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; min-height:0; border:0; border-radius:0; box-shadow:none; box-sizing:border-box; padding-bottom:env(safe-area-inset-bottom,0px); }
.wo002-player-frame-wrap:-webkit-full-screen .player-fullscreen-rail { position:relative; order:-1; z-index:3; flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; min-height:44px; box-sizing:border-box; padding:max(4px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 4px max(8px,env(safe-area-inset-left,0px)); background:#211716; }
.wo002-player-frame-wrap:-webkit-full-screen .player-fullscreen-exit { position:static; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; font-size:0; line-height:1; box-shadow:none; }
.wo002-player-frame-wrap:-webkit-full-screen .wo002-player-frame { flex:1 1 0; width:100%; height:auto; min-height:0; }

/* FEAST62 PRIVATE TARGET PRESENTATION BEGIN */
/* Owner reference correction: compact native Feast Pass. */
/* TOADAL Studio Feast Pass v2 • scoped replacement for Home guest sidebar.
   No progression rules, credentials, or game-storage keys are changed. */
html body #feast-pass .tfp-wrap {display:block;width:100%;min-width:0;max-width:none;padding:0;margin:0;height:auto;}
html body #feast-pass .tfp-panel {
  --tfp-gold:#f6c44a;--tfp-cream:#fff3d2;--tfp-navy:#0d1738;--tfp-light:#bce5ff;
  display:block!important;position:relative;isolation:isolate;box-sizing:border-box;min-width:0!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;
  padding:7px!important;margin:0!important;border:2px solid #edb94e!important;border-radius:24px!important;
  background:linear-gradient(164deg,#0e1a3b,#171235 52%,#151329 100%)!important;color:#fff4d8!important;
  box-shadow:inset 0 0 0 2px #423451,0 10px 28px #21142d33,0 4px 0 #6c4024!important;
  overflow:hidden!important;line-height:1.35;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
#feast-pass .tfp-panel *,#feast-pass .tfp-panel *::before,#feast-pass .tfp-panel *::after {box-sizing:border-box;}
#feast-pass .tfp-panel a {text-decoration:none;}
#feast-pass .tfp-panel :is(a,button):focus-visible {outline:3px solid #7fecff!important;outline-offset:3px;}
#feast-pass .tfp-top {position:relative;min-height:185px;overflow:hidden;padding:13px 12px 12px;border-radius:17px 17px 12px 12px;border:1px solid #8d6aa6;background:linear-gradient(90deg,#10132fe8,#231542b0 67%,#18225760),url('/assets/images/world/owner-daylight-market-20261007.webp') center / cover;}
#feast-pass .tfp-top::after {position:absolute;inset:auto 0 0;height:62px;content:'';pointer-events:none;background:linear-gradient(0deg,#131734,transparent);}
#feast-pass .tfp-heading-row {position:relative;z-index:3;display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0;}
#feast-pass .tfp-eyebrow {margin:0!important;color:#a6f2ff!important;font-size:10px;font-weight:900;letter-spacing:.095em;text-shadow:0 2px 2px #0b082e;}
#feast-pass .tfp-hide {font:700 10px/1.1 system-ui,sans-serif!important;min-height:30px;max-width:134px;padding:5px 9px!important;margin:0!important;color:#f9eec9!important;background:#14152bcf!important;border:1px solid #ffdf88!important;border-radius:99px;white-space:normal;cursor:pointer;flex:0 0 auto;}
#feast-pass .tfp-hide:disabled {opacity:.55;cursor:wait;}
#feast-pass .tfp-brandline {position:relative;z-index:2;display:flex;align-items:flex-start;gap:5px;margin:11px 0 0;max-width:70%;}
#feast-pass .tfp-small-crown {width:27px;height:27px;filter:drop-shadow(0 2px 3px #17081d);}
#feast-pass .tfp-brandline h2 {font:900 clamp(16px,1.55vw,21px)/1.06 system-ui,'Trebuchet MS',sans-serif;margin:0!important;letter-spacing:-.035em;color:#fff7d6!important;text-shadow:0 2px 0 #753d14,1px 3px 0 #1d0e36,0 4px 8px #0b0926;}
#feast-pass .tfp-brandline h2 span {display:block;white-space:nowrap;color:#ffd75d;text-shadow:0 2px 0 #7b3b14,0 4px 4px #1c0d21;}
#feast-pass .tfp-mascot {position:absolute!important;z-index:1;right:-17px;bottom:7px;width:min(55%,176px);max-height:145px;height:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 6px #050923af);}
#feast-pass .tfp-local-pill {position:absolute;z-index:3;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #62a9e3;background:#0c2343e8;border-radius:99px;box-shadow:0 0 10px #40baf13b;color:#c3ebff;font-size:clamp(8px,.74vw,10px);letter-spacing:.02em;font-weight:900;white-space:nowrap;}
#feast-pass .tfp-local-pill span:last-child {font-weight:650;color:#e3f7ff;}
#feast-pass .tfp-local-dot {width:7px;height:7px;border-radius:50%;background:#57dfbe;box-shadow:0 0 5px #6efbe4;}
#feast-pass .tfp-display-note {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important;padding:0!important;border:0;}
#feast-pass .tfp-panel[data-pass-display-hidden="true"] .tfp-display-note {position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;margin:10px 8px!important;color:#e2e8ff;font-size:12px;}
#feast-pass .tfp-content {min-width:0;display:grid;gap:10px;margin-top:10px;}
#feast-pass .tfp-content[hidden] {display:none!important;}
#feast-pass .tfp-level-card {padding:13px 12px 12px;border:1px solid #6589ba;border-radius:17px;background:linear-gradient(120deg,#1b2350 2%,#101a3c 73%);box-shadow:inset 0 1px 0 #fff2,0 3px 7px #0004;}
#feast-pass .tfp-level-title {display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px;}
#feast-pass .tfp-level-title img {width:48px;height:48px;object-fit:contain;flex:0 0 auto;}
#feast-pass .tfp-level-copy {min-width:0;display:grid;gap:2px;}
#feast-pass .tfp-level-label {font-size:9px;font-weight:900;letter-spacing:.09em;color:#99d4f2;}
#feast-pass .tfp-level-copy strong {font-size:clamp(22px,2.4vw,30px);font-weight:950;color:#fff2d8;line-height:1.1;white-space:nowrap;}
#feast-pass .tfp-bar {height:15px;overflow:hidden;padding:2px;border-radius:99px;border:1px solid #5499ca;background:linear-gradient(#111e3c,#172747);box-shadow:inset 0 1px 5px #0009;}
#feast-pass .tfp-bar span {display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffcf39,#ffe76c 65%,#ffba29);box-shadow:0 0 12px #fbd347aa;transition:width .35s ease;}
#feast-pass .tfp-level-foot {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;margin-top:8px;color:#bcd8fa;font-size:11px;}
#feast-pass .tfp-level-foot strong {color:#ffe6a0;}
#feast-pass .tfp-level-foot b {color:#fff3da;}
#feast-pass .home-pass-metrics.tfp-currencies {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important;}
#feast-pass .home-pass-metrics.tfp-currencies > div {display:grid!important;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center!important;column-gap:2px;gap:0!important;min-width:0;padding:10px 5px!important;margin:0;border-radius:14px!important;background:linear-gradient(160deg,#17234c,#0e1b36)!important;border:1px solid #84766c!important;box-shadow:inset 0 1px 1px #fff2!important;}
#feast-pass .tfp-currency.tfp-sparks {border-color:#35a5ee!important;}
#feast-pass .tfp-currency.tfp-treats {border-color:#d456a0!important;}
#feast-pass .tfp-currency img {width:40px;height:48px;object-fit:contain;grid-row:1/3;grid-column:1;filter:drop-shadow(0 2px 5px #050814a0);}
#feast-pass .tfp-currencies dt {font-size:10px!important;color:#aee4ff!important;font-weight:750!important;align-self:end;white-space:nowrap;}
#feast-pass .tfp-currencies dd {font-size:24px!important;color:#fff5d6!important;line-height:1.12!important;margin:0;align-self:start;overflow-wrap:anywhere;}
#feast-pass .tfp-ready {display:grid;grid-template-columns:62px minmax(0,1fr) 39px;align-items:center;gap:4px;min-height:86px;padding:9px 7px!important;border:1px solid #f9b648;border-radius:16px;background:radial-gradient(circle at 95% 0%,#a260454f,transparent 36%),linear-gradient(110deg,#441a54,#2d1c4d 72%,#4f2554);box-shadow:inset 0 1px #fff4,0 0 16px #ffc73b22;color:#fff3d9!important;}
#feast-pass .tfp-ready img {width:61px;height:64px;object-fit:contain;}
#feast-pass .tfp-ready span:not(.tfp-round-arrow) {min-width:0;}
#feast-pass .tfp-ready strong {display:block;margin-bottom:3px;font-size:clamp(14px,1.4vw,17px);font-weight:900;line-height:1.12;color:#ffdf76;overflow-wrap:anywhere;}
#feast-pass .tfp-ready small {display:block;font-size:11px;line-height:1.3;color:#f5e9ec;overflow-wrap:anywhere;}
#feast-pass .tfp-ready[data-has-reward="false"] {border-color:#6482b0;background:linear-gradient(100deg,#232e53,#182441);}
#feast-pass .tfp-round-arrow {display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#22213b;background:linear-gradient(#ffe892,#f5b836);border:1px solid #fff1ad;font-size:24px;font-weight:700;}
#feast-pass .tfp-primary, #feast-pass .tfp-quest-action {display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:47px;padding:11px 10px!important;border:1px solid #fff5a5;border-radius:99px;color:#15152a!important;background:linear-gradient(#ffe783,#f5bd42);box-shadow:inset 0 2px 0 #fff9,0 3px 0 #9b631a;font-size:14px;font-weight:900;line-height:1.15;text-align:center;}
#feast-pass .tfp-primary:hover,#feast-pass .tfp-quest-action:hover {filter:brightness(1.06);transform:translateY(-1px);}
#feast-pass .tfp-links {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;margin:0!important;padding:0!important;}
#feast-pass .tfp-links a {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;min-height:49px;padding:7px 2px;border:1px solid #e3b764;border-radius:14px;color:#fff0c9!important;background:#202040;font-size:10px;font-weight:800;text-align:center;line-height:1.12;white-space:normal;}
#feast-pass .tfp-links a:hover {background:#333059;}
#feast-pass .tfp-links img {width:24px;height:26px;object-fit:contain;}
#feast-pass .tfp-person {display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:21px;color:#ffca6d;}
#feast-pass .tfp-passport {margin:0!important;padding:0!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#121c40!important;overflow:hidden;}
#feast-pass .tfp-passport-banner {display:flex;align-items:center;gap:8px;padding:12px 9px;min-width:0;min-height:91px;border:1px solid #82b8dc;border-radius:15px 15px 0 0;background:linear-gradient(97deg,#143764e8,#194984ad),url('/assets/images/world/candy-kingdom.webp') center / cover;color:#fff9e6;}
#feast-pass .tfp-passport-banner img {width:67px;height:67px;object-fit:contain;flex:0 0 auto;}
#feast-pass .tfp-passport-banner h3 {font-size:17px;line-height:1.05;margin:0 0 6px!important;color:#fff3c7!important;font-family:Georgia,serif;font-weight:900;}
#feast-pass .tfp-passport-banner p {font-size:11px;line-height:1.3;color:#e4f3ff;margin:0!important;}
#feast-pass .tfp-quest-sheet {padding:13px 12px 12px;background:linear-gradient(#fffbeb,#fff3da);color:#152249;border:1px solid #e9c26f;border-top:0;border-radius:0 0 15px 15px;}
#feast-pass .tfp-quest-heading {display:flex;justify-content:space-between;align-items:baseline;gap:5px;border-bottom:1px solid #dabb81;padding-bottom:7px;}
#feast-pass .tfp-quest-heading h4 {margin:0!important;color:#14214a;font-family:Georgia,serif;font-size:17px;line-height:1.13;}
#feast-pass .tfp-quest-heading span {color:#626071;font-size:11px;white-space:nowrap;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__summary {color:#594a39!important;margin:7px 0!important;font-size:11px!important;line-height:1.35;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activities {display:grid;gap:0;margin:0 0 9px!important;padding:0!important;list-style:none;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity {position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 7px;min-height:52px;margin:0!important;padding:12px 0 10px 37px;border-top:1px solid #d4bc9655;color:#111a3e;font-size:11px;line-height:1.25;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity::before {position:absolute;left:0;top:9px;width:30px;height:33px;content:'';background:url('/assets/optimized/feast-quest-map-96.eac6987ade.webp') center / contain no-repeat;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity[data-passport-activity="find-feast-treats"]::before {background-image:url('/assets/optimized/feast-treat-96.6c117b5483.webp');}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity[data-passport-activity="visit-stories"]::before {background-image:url('/assets/optimized/feast-compass-96.ed3cfcbd8d.webp');}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-title {font-weight:850;flex:1 1 110px;line-height:1.18;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-status {flex:0 1 auto;font-weight:800;font-size:10px;white-space:normal;color:#31466b;max-width:90px;}
#feast-pass .tfp-quest-sheet .home-explorer-passport__activity[data-passport-state="ready"] .home-explorer-passport__activity-status {color:#bd2064;}
#feast-pass .tfp-quest-action {min-height:43px;margin:0!important;padding:10px!important;font-size:12px;}
#feast-pass .tfp-storage-note {margin:0!important;padding:10px 11px 10px 34px;border:1px solid #465987;border-radius:13px;background:#172447;color:#c8e8ff;font-size:10px;line-height:1.45;position:relative;}
#feast-pass .tfp-storage-note::before {position:absolute;left:11px;top:11px;display:grid;place-items:center;content:'i';width:15px;height:15px;border-radius:50%;color:#0d1c3f;background:#94d5ff;font-size:11px;font-weight:900;}
#feast-pass .tfp-bottom-trim {display:flex;align-items:center;justify-content:center;gap:17px;height:34px;color:#f8b941;font-size:15px;background:linear-gradient(0deg,#75401e55,transparent);text-shadow:0 0 10px #fbd05c;}
#feast-pass .tfp-bottom-trim span:nth-child(2) {font-size:26px;line-height:1;}
@media(max-width:1079px) { html body #feast-pass .tfp-panel{max-width:440px!important;margin-inline:auto!important;} }
@media(max-width:395px) {
  #feast-pass .tfp-top {min-height:181px;}
  #feast-pass .tfp-brandline h2 {font-size:18px;}
  #feast-pass .tfp-currencies dd {font-size:21px!important;}
  #feast-pass .tfp-currencies img {width:32px!important;height:38px!important;}
  #feast-pass .home-pass-metrics.tfp-currencies > div {grid-template-columns:32px minmax(0,1fr);}
  #feast-pass .tfp-links a {font-size:9px;}
}
@media(prefers-reduced-motion:reduce) {#feast-pass .tfp-bar span{transition:none;} #feast-pass :is(.tfp-primary,.tfp-quest-action):hover{transform:none;}}
/* The desktop site gives this sidebar a narrow grid column even on wide viewports.
   React to the card's actual width, not the browser viewport. */
html body #feast-pass .tfp-panel {container-type:inline-size;}
@container (max-width: 345px) {
  #feast-pass .home-pass-metrics.tfp-currencies > div {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:100px;padding:7px 3px!important;gap:1px!important;}
  #feast-pass .tfp-currencies img {width:34px!important;height:38px!important;flex:0 0 auto;}
  #feast-pass .tfp-currencies dt {font-size:10px!important;align-self:center!important;}
  #feast-pass .tfp-currencies dd {font-size:22px!important;align-self:center!important;}
  #feast-pass .tfp-level-foot {font-size:10px;}
  #feast-pass .tfp-ready {grid-template-columns:52px minmax(0,1fr) 30px;}
  #feast-pass .tfp-ready img {width:52px;height:56px;}
  #feast-pass .tfp-round-arrow {width:29px;height:29px;font-size:19px;}
  #feast-pass .tfp-passport-banner img {width:54px;height:56px;}
  #feast-pass .tfp-passport-banner h3 {font-size:15px;}
  #feast-pass .tfp-brandline h2 {font-size:17px;}
}
/* Give the branded two-line heading and official mascot separate vertical space. */
html body #feast-pass .tfp-top {min-height:213px;}
#feast-pass .tfp-brandline {margin-top:10px;max-width:68%;}
#feast-pass .tfp-mascot {max-height:144px;bottom:9px;}
#feast-pass .tfp-local-pill {bottom:9px;max-width:calc(100% - 24px);}
@container (max-width:345px) {
  #feast-pass .tfp-top {min-height:206px;}
  #feast-pass .tfp-local-pill {font-size:8px;letter-spacing:0;padding-inline:6px;}
}
/* In-flow status ensures long guest-disclosure text never covers the title. */
#feast-pass .tfp-brandline {min-height:57px;align-items:flex-start;}
#feast-pass .tfp-brandline h2 {min-height:52px;}
#feast-pass .tfp-local-pill {position:relative;bottom:auto;left:auto;width:max-content;max-width:100%;margin-top:10px;white-space:normal;}

/* Strictly preserve the owner's compact reference composition, using native text and original raster icons. */
html body #feast-pass#feast-pass .tfp-panel.compact-native {border:12px solid transparent!important;border-image:none!important;border-color:#e5ba53!important;padding:0!important;border-radius:22px!important;}
#feast-pass#feast-pass .tfp-main {display:block;min-width:0;width:100%;}
#feast-pass#feast-pass .tfp-frame-material {display:none;}
#feast-pass#feast-pass .tfp-top {min-height:213px;padding:14px 13px 13px;background-repeat:no-repeat;}
#feast-pass#feast-pass .tfp-top::before {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10132fe8,#231542a0 70%,#18225760);pointer-events:none;}
#feast-pass#feast-pass .tfp-heading-row {position:relative;z-index:3;}
#feast-pass#feast-pass .tfp-brandline {display:flex;gap:6px;max-width:70%;align-items:flex-start;margin:14px 0 0;padding:0;}
#feast-pass#feast-pass .tfp-title-your {font:900 26px/1.05 system-ui,sans-serif!important;text-align:left;letter-spacing:-.035em;color:#fff5d8!important;margin:0 0 8px!important;text-shadow:0 2px 3px #100b26;}
#feast-pass#feast-pass .tfp-title-feast {font:900 27px/1.05 system-ui,sans-serif;letter-spacing:-.035em;color:#ffdb62!important;margin:0!important;white-space:nowrap;text-shadow:0 2px 3px #100b26;}
#feast-pass#feast-pass .tfp-mascot {width:42%;height:145px;max-height:none;right:5px;bottom:33px;object-fit:contain;object-position:center;}
#feast-pass#feast-pass .tfp-local-pill {left:12px;right:12px;bottom:14px;justify-content:center;font-size:clamp(10px,2.7vw,14px);padding:9px 7px;white-space:nowrap;}
#feast-pass#feast-pass .tfp-level-copy {margin:0;}
#feast-pass#feast-pass .tfp-level-copy dt {margin:0 0 5px;color:#a9dbff;font:800 10px/1.3 system-ui;letter-spacing:.1em;}
#feast-pass#feast-pass .tfp-level-value {font:800 17px/1.2 system-ui;color:#fff1d5;display:flex;gap:4px;}
#feast-pass#feast-pass .tfp-level-number {font:inherit;}
#feast-pass#feast-pass .tfp-next-note {display:flex;gap:3px;flex-wrap:wrap;background:none;border:0;padding:0;margin:0;}
#feast-pass#feast-pass .tfp-next-note [data-progression-stat] {font-weight:800;}
#feast-pass#feast-pass .tfp-primary {background-color:transparent!important;background-position:center;background-size:100% 175%;background-repeat:no-repeat;border:0!important;border-radius:0!important;min-height:52px!important;color:#161b38!important;box-shadow:none!important;}
#feast-pass#feast-pass .tfp-links a {background-repeat:no-repeat;background-size:24px 24px;background-position:10px center;padding-left:35px!important;font-size:11px!important;min-height:48px;}
#feast-pass#feast-pass .tfp-passport-banner {position:relative;isolation:isolate;overflow:hidden;}
#feast-pass#feast-pass .tfp-passport-banner::before {content:'';position:absolute;inset:0;background:linear-gradient(97deg,#143764df,#194984b0);z-index:-1;}
#feast-pass#feast-pass .tfp-quest-sheet {background-color:#fff7e5!important;color:#1f2c4c!important;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__summary {color:#625a4c!important;}
#feast-pass#feast-pass .tfp-bottom-trim img {width:25px;height:25px;object-fit:contain;}
#feast-pass#feast-pass .tfp-bottom-trim i {display:none;}
#feast-pass#feast-pass .tfp-ready [data-has-reward='unknown'] {color:#e8d8ff;}
@media(max-width:380px){#feast-pass#feast-pass .tfp-title-your{font-size:23px!important}#feast-pass#feast-pass .tfp-title-feast{font-size:24px}#feast-pass#feast-pass .tfp-links a{background-size:20px 20px;background-position:7px center;padding-left:29px!important;font-size:10px!important}}
#feast-pass#feast-pass .tfp-quest-sheet {background-size:140% 140%;background-position:center;background-repeat:no-repeat;}

/* Existing Lettering v2 activation: native source stays editable and visible until paint succeeds. */
#feast-pass#feast-pass [data-feast-pass-lettering].feast-pass-lettering-ready {color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;}
#feast-pass#feast-pass .feast-pass-lettering-canvas {position:absolute;z-index:2;pointer-events:none;}
#feast-pass#feast-pass .feast-pass-lettering-canvas[hidden] {display:none;}

/* Final compact material pass. Native semantics and current Lettering v2 remain authoritative. */
#feast-pass#feast-pass .tfp-top::before{background:linear-gradient(90deg,#071e49b0,#12355c35 72%,transparent)}
#feast-pass#feast-pass .tfp-passport-banner::before{background:linear-gradient(90deg,#08254ba0,#12355c45)}
#feast-pass#feast-pass .tfp-currency,#feast-pass#feast-pass .tfp-links a{border:1.5px solid #eccb64;background-color:#091e45;box-shadow:inset 0 0 0 1px #65a9d155}
#feast-pass#feast-pass .tfp-ready{background:linear-gradient(110deg,#30235a,#431b64 75%,#221e46);border:1.5px solid #f3d56d}
#feast-pass#feast-pass .tfp-ready>img{width:76px;height:76px;object-fit:contain}
#feast-pass#feast-pass .tfp-bottom-trim{display:none}
#feast-pass#feast-pass .tfp-currency img{width:48px;height:48px;object-fit:contain}
#feast-pass#feast-pass .tfp-level-title>img{width:66px;height:66px;object-fit:contain}
#feast-pass#feast-pass .tfp-passport-banner>img{width:79px;height:79px;object-fit:contain}
#feast-pass-full{--fp-gold:#f4ce67;--fp-light:#fff3cf;--fp-blue:#a1e6ff;max-width:1000px;margin:auto;background:#081933;color:#e7f0ff;border:10px solid #e5ba53;border-radius:27px;padding:12px;box-sizing:border-box}
#feast-pass-full *{box-sizing:border-box;min-width:0}
#feast-pass-full .framed-feast-pass{background:transparent;border:0;padding:0;box-shadow:none;display:block}
#feast-pass-full :is(h1,h2,h3,p,dl){margin-top:0}
#feast-pass-full :is(h2,h3){color:var(--fp-light);font-family:system-ui,sans-serif;font-weight:850;line-height:1.2}
#feast-pass-full h2{font-size:23px}#feast-pass-full h3{font-size:18px}
#feast-pass-full .detail-breadcrumb{margin:0 8px 12px;font-size:12px;color:#a9c9ec}
#feast-pass-full a{color:#b4e9ff}
#feast-pass-full .portal-pass-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:8px;padding:24px;border:1px solid #ecc65a;border-radius:18px;background-position:center;background-size:cover;min-height:230px}
#feast-pass-full .portal-pass-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08204bd9,#092c4a66);z-index:-1}
#feast-pass-full .portal-pass-copy{z-index:1}
#feast-pass-full .feast-pass-title-frame,#feast-pass-full .portal-pass-candy{display:none}
#feast-pass-full .feast-pass-title-plate{background:none;border:0;padding:0;margin:9px 0;min-height:0}
#feast-pass-full .feast-pass-lettering{font:900 clamp(28px,5vw,52px)/1.12 system-ui,sans-serif;color:#ffdb67;margin:0;text-align:left;letter-spacing:-.025em}
#feast-pass-full .feast-pass-lettering-ready{color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
#feast-pass-full .feast-pass-lettering-canvas{position:absolute;pointer-events:none;z-index:2}#feast-pass-full .feast-pass-lettering-canvas[hidden]{display:none}
#feast-pass-full .portal-pass-art{margin:0;position:relative;display:block;background:none;padding:0}
#feast-pass-full .portal-pass-character{position:static;width:100%;height:190px;object-fit:contain}
#feast-pass-full .portal-pass-art figcaption{font-size:11px;color:#fff1c5;text-align:center}
#feast-pass-full .section-kicker{font:800 11px/1.4 system-ui;letter-spacing:.1em;color:var(--fp-blue)}
#feast-pass-full .progression-eyebrow{font-size:11px;color:#bdf7ff}
#feast-pass-full .progression-lede{font-size:15px;line-height:1.5;color:#eef5ff;margin:12px 0 8px;max-width:58ch}
#feast-pass-full .progression-truth-note{font-size:11px;line-height:1.45;color:#bed0e6;margin-bottom:0}
#feast-pass-full :is(.progression-section,.quest-next,.progression-controls){margin:12px 0 0;padding:17px;background:linear-gradient(120deg,#102d54,#08172f);border:1px solid #d5b75e;border-radius:16px;color:#dce9fa;box-shadow:none}
#feast-pass-full .progression-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 13px}
#feast-pass-full .progression-local-badge{border:1px solid #4edfff;background:#082143;color:#a7efff;border-radius:30px;font-size:11px;padding:7px 12px;white-space:nowrap}
#feast-pass-full .progression-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}
#feast-pass-full .progression-stat{position:relative;background:#091b38;border:1px solid #c2a95f;border-radius:12px;padding:12px;color:#a9dbff}
#feast-pass-full .final-pass-stat{padding-left:58px;min-height:78px}
#feast-pass-full .final-pass-stat img{position:absolute;left:7px;top:17px;width:44px;height:44px;object-fit:contain}
#feast-pass-full .progression-stat dt{font-size:11px;line-height:1.3;color:#a9dbff}
#feast-pass-full .progression-stat dd{font-size:25px;color:#fff1cb;font-weight:850;margin:6px 0 0;overflow-wrap:anywhere}
#feast-pass-full .progression-storage{font-size:11px;color:#acc6e4;margin:12px 0 0}
#feast-pass-full :is(.feast-journey-links,.progression-nav){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#feast-pass-full :is(.button-link,.progression-nav a){display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #e8c260;border-radius:12px;background:#0b2448;color:#fff0c6;font-size:13px;font-weight:750;min-height:42px;text-decoration:none}
#feast-pass-full .feast-journey-links>a{flex:1}
#feast-pass-full .quest-next{background:#fff3d5;color:#293451;position:relative;padding-left:82px}
#feast-pass-full .quest-next>.final-pass-icon{position:absolute;left:16px;top:20px;width:52px;height:52px;object-fit:contain}
#feast-pass-full .quest-next :is(h2,p){color:#243450}#feast-pass-full .quest-next h2{font-size:20px;margin-bottom:6px}
#feast-pass-full .quest-next [data-quest-next-title]{font-weight:800;font-size:16px;margin:6px 0}
#feast-pass-full .quest-next [data-quest-next-description]{font-size:13px;line-height:1.5}
#feast-pass-full .progression-daily{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#2c2459,#3a2058,#141f3b)}
#feast-pass-full .progression-daily>div{flex:1}
#feast-pass-full .portal-daily-art{float:left;margin:0 15px 0 0;width:76px;height:76px}
#feast-pass-full .portal-daily-art img{width:76px;height:76px;object-fit:contain}
#feast-pass-full .progression-daily p{font-size:13px;line-height:1.5}
#feast-pass-full .progression-daily-track{display:flex;gap:5px;list-style:none;padding:0;clear:both;margin:12px 0 0;flex-wrap:wrap}
#feast-pass-full .progression-daily-track li{font-size:11px;padding:7px;border:1px solid #8b78b3;border-radius:8px;background:#182244;color:#eee5ff}
#feast-pass-full .progression-daily-track [data-completed=true]{background:#f4d16d;color:#192142}
#feast-pass-full button:disabled{opacity:.65;cursor:not-allowed}
#feast-pass-full .final-pass-games>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#feast-pass-full .final-pass-games>p{font-size:13px;line-height:1.5;color:#bfd1e9}
#feast-pass-full .final-pass-games [data-game-record]{margin:0;padding:13px;border-color:#567492;background:#0a1b34}
#feast-pass-full .final-pass-games [data-game-record] p{font-size:12px;line-height:1.45}
#feast-pass-full .final-pass-games .progression-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#feast-pass-full .final-pass-games .progression-stat{padding:8px}#feast-pass-full .final-pass-games .progression-stat dd{font-size:18px}
#feast-pass-full .progression-muted{color:#b3c9e1}
#feast-pass-full .final-pass-discoveries>.final-pass-icon{float:left;width:52px;height:52px;margin:0 12px 8px 0;object-fit:contain}
#feast-pass-full :is(.progression-empty,.progression-list-item){background:#0b2140;color:#dceaff;border-color:#62809e;font-size:13px}
#feast-pass-full .progression-controls{border-color:#526d8c;font-size:12px;line-height:1.5}
#feast-pass-full .progression-controls h2{font-size:18px}
@media(max-width:700px){#feast-pass-full{padding:7px;border-width:7px;border-radius:20px}#feast-pass-full .portal-pass-hero{grid-template-columns:minmax(0,1fr) 105px;padding:15px;gap:0}#feast-pass-full .portal-pass-character{height:140px}#feast-pass-full .portal-pass-art figcaption{display:none}#feast-pass-full .progression-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#feast-pass-full .progression-section-heading{align-items:flex-start;flex-direction:column;gap:8px}#feast-pass-full .progression-section-heading h2{margin-bottom:0}#feast-pass-full .progression-daily{display:block}#feast-pass-full .progression-daily>button{width:100%;margin-top:12px}#feast-pass-full .final-pass-games>div{grid-template-columns:1fr}#feast-pass-full .progression-lede{font-size:13px}#feast-pass-full .progression-truth-note{font-size:10px}#feast-pass-full .quest-next{padding-left:70px}#feast-pass-full .quest-next>.final-pass-icon{left:11px;width:46px}#feast-pass-full .progression-nav a{flex:1;min-width:95px}}

/* Clean raster chrome: 1254px master, 180px corners; center stays transparent. */
html body #feast-pass#feast-pass .tfp-panel.compact-native,#feast-pass-full{border:10px solid transparent!important;border-image:none!important;border-color:#e5ba53!important;}
#feast-pass#feast-pass .tfp-primary,#feast-pass#feast-pass .tfp-quest-action{background-image:url('/assets/optimized/feast-button-2172.3542349612.webp')!important;background-color:transparent!important;background-position:center!important;background-size:100% 210%!important;background-repeat:no-repeat!important;border:0!important;border-radius:28px!important;min-height:48px!important;color:#142142!important;padding:13px 24px!important;box-shadow:none!important;}
#feast-pass-full .quest-next .button-link,#feast-pass-full [data-claim-daily]{background-image:url('/assets/optimized/feast-button-2172.3542349612.webp');background-position:center;background-size:100% 210%;background-repeat:no-repeat;background-color:transparent;color:#142142;border:0;min-height:48px;padding:13px 24px;border-radius:28px;}

/* Browser-reviewed contrast fix: inherited generic spans must not darken the XP caption. */
#feast-pass#feast-pass .tfp-next-note,#feast-pass#feast-pass .tfp-next-note * {color:#d6e8ff!important;}

/* Browser-reviewed hierarchy: fit-to-box lettering gets deliberate independent line boxes. */
html body #feast-pass#feast-pass{background:none!important;}
#feast-pass#feast-pass .tfp-brandline{max-width:76%;align-items:center;gap:6px;}
#feast-pass#feast-pass .tfp-brandline>div{width:100%;min-width:0;}
#feast-pass#feast-pass .tfp-title-your{font-size:14px!important;line-height:1!important;height:17px;width:66px;max-width:100%;margin:0 0 5px!important;}
#feast-pass#feast-pass .tfp-title-feast{font-size:36px;line-height:1.1;height:48px;width:100%;margin:0!important;}
#feast-pass#feast-pass .tfp-passport-banner .home-explorer-passport__title{font-size:24px!important;line-height:1.15!important;min-height:30px;}
@media(max-width:380px){#feast-pass#feast-pass .tfp-title-feast{font-size:30px;height:43px;}#feast-pass#feast-pass .tfp-title-your{font-size:13px!important;height:16px;}}

/* Approved Puzzle Yum surface, 25px white capsule and3px inset. Native width/ARIA remains authoritative. */
#feast-pass#feast-pass [data-tfp-bar],#feast-pass-full [data-tfp-bar]{position:relative;height:25px!important;min-height:25px;padding:3px!important;border:0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 0 0 1.4px rgba(20,53,29,.30)!important;overflow:visible!important;}
#feast-pass#feast-pass [data-tfp-bar-fill],#feast-pass-full [data-tfp-bar-fill]{display:block;height:19px!important;border-radius:999px;background:linear-gradient(90deg,#54cd18,#62d21f 64%,#93ea4d)!important;max-width:100%;transition:none;}
#feast-pass#feast-pass .feast-pass-puzzle-xp-canvas,#feast-pass-full .feast-pass-puzzle-xp-canvas{position:absolute;inset:0;width:100%;height:25px;pointer-events:none;border-radius:999px;}
#feast-pass#feast-pass .feast-pass-puzzle-xp-canvas[hidden],#feast-pass-full .feast-pass-puzzle-xp-canvas[hidden]{display:none;}
#feast-pass#feast-pass .puzzle-xp-painted [data-tfp-bar-fill],#feast-pass-full .puzzle-xp-painted [data-tfp-bar-fill]{visibility:hidden;}
#feast-pass-full .final-pass-xp-label{font-size:12px;color:#d6e8ff;margin:8px 0 15px;text-align:right;}
@media(prefers-reduced-motion:reduce){#feast-pass [data-tfp-bar],#feast-pass-full [data-tfp-bar]{animation:none!important;transition:none!important;}}

/* Owner's 2026-10-15 01:29 reference: dense 500px card; preserve native hooks and usable targets. */
html body #feast-pass#feast-pass{padding-block:0!important;margin-block:0!important;}
html body #feast-pass#feast-pass .tfp-panel.compact-native{max-width:500px!important;width:100%!important;margin:0 auto!important;padding:0!important;}
#feast-pass#feast-pass .tfp-top{height:140px;min-height:140px!important;padding:5px 10px 8px;border-radius:17px 17px 10px 10px;}
#feast-pass#feast-pass .tfp-top::after{height:30px;background:linear-gradient(0deg,#10204055,transparent);}
#feast-pass#feast-pass .tfp-heading-row{min-height:38px;align-items:center;gap:6px;}
#feast-pass#feast-pass .tfp-eyebrow{font-size:12px;line-height:1.1;letter-spacing:.04em;margin:0!important;}
#feast-pass#feast-pass .tfp-hide{min-height:44px!important;min-width:112px;padding:7px 10px;font-size:12px;position:relative;z-index:4;}
#feast-pass#feast-pass .tfp-brandline{max-width:72%;height:48px;margin:0!important;align-items:center;gap:4px;position:relative;z-index:3;}
#feast-pass#feast-pass .tfp-small-crown{width:32px;height:37px;flex:0 0 32px;object-fit:contain;}
#feast-pass#feast-pass .tfp-title-your{display:none!important;}

#feast-pass#feast-pass .tfp-title-feast{font-size:38px;line-height:1;height:48px!important;width:100%;white-space:nowrap;--feast-title-box-min:1.368421052632em;}
#feast-pass#feast-pass .tfp-mascot{width:30%;height:126px;right:3px;bottom:0;object-fit:contain;object-position:bottom center;z-index:2;}
#feast-pass#feast-pass .tfp-local-pill{left:9px;right:31%;bottom:9px;min-height:28px;padding:5px 8px;font-size:11px;gap:4px;justify-content:center;z-index:3;}
#feast-pass#feast-pass .tfp-local-dot{width:8px;height:8px;flex:0 0 8px;}
#feast-pass#feast-pass .tfp-content{gap:7px;margin-top:7px;}
#feast-pass#feast-pass .tfp-level-card{display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:14px 25px 14px;column-gap:7px;row-gap:3px;align-items:center;min-height:78px;padding:8px!important;}
#feast-pass#feast-pass .tfp-level-title{grid-column:1;grid-row:1/4;gap:5px;margin:0;}
#feast-pass#feast-pass .tfp-level-title>img{width:62px;height:62px;flex:0 0 62px;}
#feast-pass#feast-pass .tfp-level-copy dt{font-size:10px!important;line-height:1.15;letter-spacing:.02em;margin:0 0 4px;}
#feast-pass#feast-pass .tfp-level-value{font-size:22px;line-height:1;gap:4px;}
#feast-pass#feast-pass .tfp-level-card [data-tfp-bar]{grid-column:2;grid-row:2;width:100%;margin:0;}
#feast-pass#feast-pass .tfp-level-foot{display:contents;margin:0;font-size:11px;}
#feast-pass#feast-pass [data-tfp-progress-text]{grid-column:2;grid-row:1;margin:0!important;text-align:right;font-size:12px;font-weight:750;color:#fff2d3;line-height:1;}
#feast-pass#feast-pass .tfp-next-note{grid-column:2;grid-row:3;display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:3px;font-size:11px;line-height:1;white-space:nowrap;}
#feast-pass#feast-pass .home-pass-metrics.tfp-currencies{gap:7px!important;}
#feast-pass#feast-pass .home-pass-metrics.tfp-currencies>div{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;min-height:64px!important;height:64px;padding:7px 6px!important;column-gap:5px!important;align-items:center!important;justify-content:normal!important;}
#feast-pass#feast-pass .tfp-currencies img{width:48px!important;height:48px!important;grid-column:1;grid-row:1/3;}
#feast-pass#feast-pass .tfp-currencies dt{font-size:12px!important;align-self:end!important;}
#feast-pass#feast-pass .tfp-currencies dd{font-size:25px!important;align-self:start!important;}
#feast-pass#feast-pass .tfp-ready{grid-template-columns:105px minmax(0,1fr) 44px;min-height:78px;height:78px;padding:0 10px 0 0!important;gap:7px;overflow:visible;}
#feast-pass#feast-pass .tfp-ready>img{width:105px;height:98px;object-fit:contain;align-self:center;}
#feast-pass#feast-pass .tfp-ready strong{font-size:21px;line-height:1.1;margin:0 0 5px;}
#feast-pass#feast-pass .tfp-ready small{font-size:14px;line-height:1.15;}
#feast-pass#feast-pass .tfp-round-arrow{width:44px;height:44px;font-size:29px;}
#feast-pass#feast-pass :is(.tfp-primary,.tfp-quest-action){height:44px;min-height:44px!important;padding:9px 18px!important;font-size:17px;line-height:1.15;}
#feast-pass#feast-pass .tfp-links{gap:7px!important;}
#feast-pass#feast-pass .tfp-links a{height:44px;min-height:44px!important;padding:5px 6px 5px 39px!important;font-size:14px!important;background-size:30px 30px;background-position:7px center;}
#feast-pass#feast-pass .tfp-passport-banner{height:82px;min-height:82px;padding:2px 8px;gap:7px;}
#feast-pass#feast-pass .tfp-passport-banner>img{width:86px!important;height:86px!important;flex:0 0 86px;}
#feast-pass#feast-pass .tfp-passport-banner>div{flex:1;min-width:0;}
#feast-pass#feast-pass .tfp-passport-banner .home-explorer-passport__title{font-size:27px!important;line-height:1!important;height:31px;min-height:31px;margin:0 0 4px!important;}
#feast-pass#feast-pass .tfp-passport-banner p{font-size:13px;line-height:1.2;}
#feast-pass#feast-pass .tfp-quest-sheet{padding:8px 12px 9px;}
#feast-pass#feast-pass .tfp-quest-heading{min-height:25px;align-items:center;margin:0;}
#feast-pass#feast-pass .tfp-quest-heading strong{font-size:20px;}
#feast-pass#feast-pass .tfp-quest-heading [data-tfp-quest-count]{font-size:12px;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activities{margin:3px 0 5px!important;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity{min-height:44px;padding:5px 0 5px 40px;align-items:center;gap:3px 7px;font-size:14px;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity:before{width:34px;height:36px;top:4px;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-title{flex:1 1 120px;font-size:14px;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-status{font-size:12px;max-width:100px;}
#feast-pass#feast-pass .tfp-storage-note{min-height:38px;display:flex;align-items:center;padding:7px 10px 7px 31px;font-size:11px;line-height:1.25;}
#feast-pass#feast-pass .tfp-storage-note:before{top:11px;left:10px;}
@container (max-width:370px){
 #feast-pass#feast-pass .tfp-top{height:145px;min-height:145px!important;}
 #feast-pass#feast-pass .tfp-heading-row{min-height:44px;}
 #feast-pass#feast-pass .tfp-eyebrow{font-size:10px;max-width:110px;}
 #feast-pass#feast-pass .tfp-hide{min-width:105px;font-size:11px;}
 #feast-pass#feast-pass .tfp-brandline{max-width:76%;}
 #feast-pass#feast-pass .tfp-small-crown{width:24px;flex-basis:24px;}
 #feast-pass#feast-pass .tfp-title-feast{height:43px!important;font-size:30px;--feast-title-box-min:1.733333333333em;}
 #feast-pass#feast-pass .tfp-local-pill{right:27%;font-size:9px;padding-inline:5px;}
 #feast-pass#feast-pass .tfp-level-card{grid-template-columns:42% minmax(0,1fr);padding:7px!important;gap:3px 5px;}
 #feast-pass#feast-pass .tfp-level-title>img{width:43px;height:50px;flex-basis:43px;}
 #feast-pass#feast-pass .tfp-level-copy dt{font-size:9px!important;}
 #feast-pass#feast-pass .tfp-level-value{font-size:17px;}
 #feast-pass#feast-pass .tfp-next-note{font-size:10px;gap:2px;}
 #feast-pass#feast-pass .home-pass-metrics.tfp-currencies>div{grid-template-columns:34px minmax(0,1fr)!important;padding:6px 3px!important;column-gap:2px!important;}
 #feast-pass#feast-pass .tfp-currencies img{width:34px!important;height:44px!important;}
 #feast-pass#feast-pass .tfp-currencies dt{font-size:10px!important;}
 #feast-pass#feast-pass .tfp-currencies dd{font-size:22px!important;}
 #feast-pass#feast-pass .tfp-ready{grid-template-columns:78px minmax(0,1fr) 36px;padding-right:7px!important;gap:4px;}
 #feast-pass#feast-pass .tfp-ready>img{width:78px;height:86px;}
 #feast-pass#feast-pass .tfp-ready strong{font-size:17px;}
 #feast-pass#feast-pass .tfp-ready small{font-size:12px;}
 #feast-pass#feast-pass .tfp-round-arrow{width:36px;height:36px;font-size:24px;}
 #feast-pass#feast-pass .tfp-links a{font-size:11px!important;padding-left:28px!important;background-size:23px 23px;background-position:4px center;}
 #feast-pass#feast-pass .tfp-passport-banner>img{width:62px!important;height:72px!important;flex-basis:62px;}
 #feast-pass#feast-pass .tfp-passport-banner .home-explorer-passport__title{font-size:22px!important;height:29px;min-height:29px;}
 #feast-pass#feast-pass .tfp-passport-banner p{font-size:11px;}
 #feast-pass#feast-pass .tfp-quest-sheet{padding-inline:8px;}
 #feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity{font-size:12px;padding-left:34px;}
 #feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-title{font-size:12px;flex-basis:90px;}
 #feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-status{font-size:10px;max-width:80px;}
}

/* Actual320px browser correction: neutralize inherited column-flex and vertical flex-basis. */
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;align-content:center!important;justify-content:normal!important;height:auto!important;min-height:44px!important;}
#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-title,#feast-pass#feast-pass .tfp-quest-sheet .home-explorer-passport__activity-status{flex:none!important;min-width:0;margin:0!important;}
@container(max-width:370px){#feast-pass#feast-pass .tfp-level-card{grid-template-columns:44% minmax(0,1fr);column-gap:10px;}#feast-pass#feast-pass .tfp-level-title{gap:3px;}#feast-pass#feast-pass .tfp-level-title>img{width:37px;flex-basis:37px;}#feast-pass#feast-pass .tfp-level-value{font-size:16px;}}

/* Actual browser review: keep mascot clear of44px control; prevent inherited full-page grid gaps and pale-on-pale notes. */
#feast-pass#feast-pass .tfp-mascot{height:82px!important;bottom:2px!important;object-fit:cover;object-position:center top;}
html body #feast-pass-full{display:block!important;}
#feast-pass-full .progression-daily{width:100%;grid-column:auto;grid-row:auto;flex-direction:row;align-items:center;}
#feast-pass-full .progression-daily p,#feast-pass-full .progression-controls p{color:#dce9fa!important;}
#feast-pass-full .game-progress-trust-grid{background:transparent;}
#feast-pass-full .game-progress-trust-grid>*{background:#142c4a!important;color:#dce9fa!important;border:1px solid #4c6c8e;}
#feast-pass-full .game-progress-trust-grid :is(p,span){color:#dce9fa!important;}
#feast-pass-full .final-pass-discoveries .progression-truth-note{background:transparent!important;color:#c2d4ea!important;}
@media(max-width:700px){#feast-pass-full .progression-daily{display:block;}}

/* Final material review: thin gold/navy controls without inherited cream trays. */
#feast-pass-full :is(.feast-journey-links,.progression-nav){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0;}
#feast-pass-full :is(.feast-journey-links,.progression-nav)>a{background:#0b2448!important;border:1px solid #d8b755!important;box-shadow:none!important;color:#fff0c6!important;min-height:44px;}
#feast-pass-full .detail-breadcrumb{background:#102d4d!important;color:#d8e8ff!important;border:1px solid #526c88;}
#feast-pass-full .detail-breadcrumb :is(a,span){color:#d8e8ff!important;}
#feast-pass#feast-pass .tfp-mascot{width:24%;max-width:114px;object-position:center 10%;}
@container(max-width:370px){#feast-pass#feast-pass .tfp-mascot{width:30%;}}

@media(max-width:340px){body:has(.home-hero),body:has(#feast-pass-full){min-width:0;} }

/* Native Base/mobile typography also sizes its lettering surface; default 38/30px branches stay 52px high. */
#feast-pass#feast-pass .tfp-title-feast{height:auto!important;min-height:var(--feast-title-box-min,1.733333333333em)!important;}
/* Classic scrollbars may reduce a 320px viewport below the inherited 320px HTML minimum. */
@media(max-width:340px){html:has(#feast-pass),html:has(#feast-pass-full){min-width:0;}}

/* Approved framed title reconciliation, 2026-10-24.
   Retain the current compact native Home card, guest progression and lettering runtime.
   Both Home and full Pass reuse the approved managed Astro frame, with semantic fallback. */
#feast-pass .tfp-brandline.feast-pass-title-plate {
  position:relative; display:grid; place-items:center; box-sizing:border-box;
  min-width:0; width:100%; max-width:100%; padding:18px 14px; margin:11px 0 0;
}
#feast-pass .tfp-brandline.feast-pass-title-plate > .feast-pass-title-frame {
  position:absolute; inset:0; width:100%; height:100%; object-fit:fill;
  pointer-events:none; z-index:0;
}
#feast-pass .tfp-brandline.feast-pass-title-plate > :not(.feast-pass-title-frame) {
  position:relative; z-index:1; min-width:0; width:100%;
}
#feast-pass .tfp-brandline.feast-pass-title-plate h2 {
  position:relative; width:100%; min-width:0; text-align:center;
  overflow-wrap:anywhere; color:#fff3d2!important; letter-spacing:normal;
}
#feast-pass .tfp-brandline h2.feast-pass-lettering-ready {
  color:transparent!important; -webkit-text-fill-color:transparent; text-shadow:none;
}
#feast-pass .tfp-panel {box-shadow:inset 0 0 0 2px #423451,inset 0 0 0 4px #67bfd180,0 10px 28px #21142d33,0 4px 0 #6c4024!important;}
@media(prefers-reduced-motion:reduce) {
  #feast-pass .tfp-panel *, #feast-pass .tfp-panel *::before, #feast-pass .tfp-panel *::after {
    animation:none!important; transition:none!important;
  }
}

/* Full-page approved Astro title frame: restore after the inherited portal skin. */
#feast-pass-full .framed-feast-pass--full .feast-pass-title-plate {
  position:relative; display:grid; place-items:center; box-sizing:border-box;
  width:100%; max-width:560px; min-width:0; min-height:76px;
  padding:22px 20px; margin:9px 0 15px;
}
#feast-pass-full .framed-feast-pass--full .feast-pass-title-plate > .feast-pass-title-frame {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  max-width:none; max-height:none; object-fit:fill; pointer-events:none; z-index:0;
}
#feast-pass-full .framed-feast-pass--full .feast-pass-title-plate > .feast-pass-lettering {
  position:relative; z-index:1; width:100%; min-width:0; max-width:100%;
  margin:0; text-align:center; overflow-wrap:anywhere;
}

/* Full Pass mobile: give the native title and copy the full hero width. */
@media(max-width:600px) {
  #feast-pass-full .framed-feast-pass--full .portal-pass-hero {
    display:grid; grid-template-columns:minmax(0,1fr); gap:12px;
    min-width:0; min-height:0; align-items:start;
  }
  #feast-pass-full .framed-feast-pass--full .portal-pass-copy {
    width:100%; min-width:0; max-width:100%;
  }
  #feast-pass-full .framed-feast-pass--full .feast-pass-title-plate {
    width:100%; max-width:100%; min-height:76px; padding:20px 16px;
  }
  #feast-pass-full .framed-feast-pass--full .feast-pass-title-plate > .feast-pass-lettering {
    font-size:clamp(20px,6.5vw,30px); line-height:1.12; white-space:nowrap;
  }
  #feast-pass-full .framed-feast-pass--full .portal-pass-art {
    display:block; position:static; justify-self:end; width:min(36vw,120px);
    max-width:120px; min-width:0; margin:0; padding:0;
  }
  #feast-pass-full .framed-feast-pass--full .portal-pass-character {
    position:static; display:block; width:100%; height:auto; max-height:140px;
    object-fit:contain;
  }
}

/* PRIVATE WEBSITE MARKETING REVIEW 20261026 */
/* Preserve exact approved cover images and their complete lettering. */
html body img.marketing-card-art { object-fit:contain !important; object-position:50% 50% !important; }
html body:has(.home-hero) #browser-games .studio-game-card > img.marketing-card-art { height:auto !important; aspect-ratio:16/9; width:100%; max-height:none; }
html body:has(.home-hero) #browser-games .studio-game-card [data-game-preview-stage] { aspect-ratio:16/9; height:auto; min-height:0; }
html body:has(.home-hero) #browser-games .studio-game-card h3 { font-size:1.05rem; line-height:1.3; overflow-wrap:anywhere; }
html body:has(.home-hero) #browser-games .studio-game-card p { font-size:.92rem; line-height:1.5; }
html body:has(.home-hero) #browser-games .studio-game-card :is(.button-link,.home-game-action,[data-game-preview-toggle]) { min-height:44px; font-size:.88rem; }
.library-spotlight-art { min-width:0; }
.library-spotlight-art img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.library-spotlight-copy { min-width:0; }
.library-spotlight-copy h2 { overflow-wrap:anywhere; line-height:1.2; }
.library-spotlight .spotlight-actions > a { min-height:44px; white-space:normal; }
@media(max-width:760px) {
 html body:has(.home-hero) #browser-games { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; }
 html body:has(.home-hero) #browser-games > .studio-game-card { grid-column:auto !important; min-width:0; padding:12px; }
}
@media(max-width:480px) {
 html body:has(.home-hero) #browser-games { grid-template-columns:minmax(0,1fr) !important; }
 html body:has(.home-hero) #browser-games > .studio-game-card:last-child:nth-child(odd) { grid-column:auto !important; }
}
/* Native controls own explicit game pause flows. Host nodes and handlers stay intact. */
[data-native-pause-presentation="true"] :is([data-player-pause],[data-player-resume]) { display:none !important; }
@media(max-width:680px) {
 [data-native-pause-presentation="true"] > .wo002-player-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px; }
 [data-native-pause-presentation="true"] .player-toolbar__controls { display:flex; flex-wrap:wrap; flex:1 1 auto; width:auto; min-width:0; gap:8px; }
 [data-native-pause-presentation="true"] .wo002-player-toolbar :is(button,a) { flex:0 1 auto; width:auto; min-height:44px; min-width:44px; padding:8px 12px; }
 [data-game-id="lily-pad-leap"] .wo002-player-heading { gap:8px; margin-bottom:8px; }
 [data-game-id="lily-pad-leap"] .wo002-player-heading .chip { display:none; }
}
/* Bound only Lily's short-landscape launch geometry; fullscreen and game source stay exact. */
@media(min-width:681px) and (max-height:500px) {
 [data-game-id="lily-pad-leap"] [data-player-frame-wrap]:not(:fullscreen):not(:-webkit-full-screen) { min-height:0; }
 [data-game-id="lily-pad-leap"] [data-player-frame-wrap]:not(:fullscreen):not(:-webkit-full-screen) .wo002-player-frame { height:420px; min-height:0; max-height:420px; }
}
/* END PRIVATE WEBSITE MARKETING REVIEW 20261026 */