/* Original Ember / Hollow Keeper illustration shared by the embedded and direct game. */
body,html.embedded body{background:#14231e url('/assets/lost-archive/ember-guardian-battle-v1.webp') center center/cover fixed no-repeat;min-height:100vh;isolation:isolate}
/* The parent sizes the iframe from its content; viewport minimums create a resize loop. */
html.embedded body{min-height:0;background-attachment:scroll}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#091711c9 0%,#10221b55 48%,#09171116 75%,#09171177 100%)}
body>header,html.embedded body>header{background:#0d1b17b3;border-bottom:1px solid #e0c29855}
html.embedded header button,header button{background:#14221bd6;color:#fff0d1;border-color:#e0c29877}
#selection .intro{position:relative;max-width:560px;padding:22px;background:linear-gradient(90deg,#0a1713cf,#0a171370);border-left:2px solid #c9783f;text-shadow:0 2px 6px #0008}
html.embedded #selection .intro h1{font-size:clamp(38px,5.2vw,64px)}
.intro>p:not(.eyebrow),html.embedded .intro>p:not(.eyebrow){color:#f2e6cd}
.intro-meta,html.embedded .intro-meta{color:#eec792}
.choose{justify-self:end;text-align:center;max-width:260px}
#heroes,html.embedded #heroes{justify-content:center}
.choose>.eyebrow,.choose>.selection-note,html.embedded .choose>.eyebrow,html.embedded .selection-note{color:#f6e9cc;text-shadow:0 2px 5px #000;background:#0c1b16ba;padding:8px;line-height:1.6}
#battle{background:#0b1a16d9;border:1px solid #bca67d66;padding:20px;box-shadow:0 8px 30px #0005}
#battle .arena{background:none}
html.embedded #battle .intent-panel{background:#10281acc}
html.embedded #battle .tip,html.embedded #battle .hand-note{color:#deceb4}
html.embedded #battle .live{color:#f1d4a5}
@media(max-width:560px){body,html.embedded body{background-position:59% center}body:before{background:linear-gradient(90deg,#0716109c,#10221b26 65%,#07161060)}#selection .intro{padding:14px}html.embedded #selection{grid-template-columns:minmax(0,1fr) 125px;gap:12px;min-height:430px}html.embedded #selection .intro h1{font-size:34px}.choose>.eyebrow,html.embedded .choose>.eyebrow{font-size:7px}html.embedded .selection-note{font-size:9px}#battle{padding:12px}}