.boot-dialog{position:absolute;bottom:64px;width:min(780px,calc(100% - 2rem));max-height:72vh;overflow:auto}
.boot-dialog-body{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;padding:1.2rem}
.boot-dialog-body>img{width:150px;height:150px;object-fit:contain;background:#fff;border:2px inset #fff}
.boot-dialog h1{font:700 1.45rem Tahoma,Arial,sans-serif}
.boot-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.2rem 1.2rem}
.skip-link{color:#101064;font-weight:800}
.boot-progress{list-style:none;padding:0;display:grid;gap:.35rem}
.boot-progress li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.5rem;color:#555}
.boot-progress span{width:26px;height:26px;display:grid;place-items:center;border:2px inset #fff;background:#aaa}
.boot-progress li.active{color:#111;font-weight:800}
.boot-progress li.active span{background:#008080;color:#fff}
.mail-next{margin-top:1rem}
.world-ledger{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:1rem;margin-top:1rem;background:#dbe2df;border:1px solid #98a7a5;padding:1rem;overflow:hidden}
.world-stage-0{filter:saturate(.78)}
.world-stage-1{background:#fbf4df}
.world-stage-2{background:#f8edcf;box-shadow:inset 0 0 55px #d9a94d21}
.world-stage-3{background:#fbefd0;box-shadow:inset 0 0 80px #d99d3542}
.world-artifacts{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}
.world-artifacts article{display:grid;align-content:start;background:#fffaf0;border:1px solid #b6a77e;padding:.65rem}
.world-artifacts img{width:64px;height:64px;object-fit:contain}
.world-artifacts small{color:var(--muted)}
.owned-decor{position:absolute;right:.5rem;top:.35rem;display:flex}
.owned-decor img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(2px 3px 1px #0003)}
.achievement-strip{display:grid;grid-template-columns:minmax(210px,.55fr) 1.45fr;gap:1rem;margin-top:1rem;background:#223f47;color:#fff;padding:1rem}
.achievement-strip .eyebrow{color:#c6dadd}
.achievement-strip>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.achievement-strip article{display:grid;align-content:center;min-height:90px;background:#ffffff10;border:1px solid #ffffff2b;padding:.65rem}
.achievement-strip article.unlocked{background:#f0d88d;color:#26363b}
.achievement-strip article.locked{color:#a8b9bc}
.generated-note{background:#fff8dc;border:2px solid #b49239;padding:1rem;margin-bottom:1rem}
.replay-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1rem}
.replay-stage{background:#173e4a;color:#fff;padding:1rem;margin-top:1rem}
.replay-stage .eyebrow{color:#d4e7e8}
.replay-stage ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.replay-stage li{display:grid;gap:.3rem;background:#ffffff10;border:1px solid #ffffff33;padding:.8rem;opacity:.2;animation:route-reveal 9s forwards}
.replay-stage li:nth-child(2){animation-delay:3s}
.replay-stage li:nth-child(3){animation-delay:6s}
.replay-stage.skipped li{animation:none;opacity:1}
.recognition-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.recognition-board article{background:#f8f0d7;border:1px solid #b6a36d;padding:1rem}
.recognition-board h2{margin:.2rem 0}
.recognition-board p:last-child{color:var(--muted)}
@keyframes route-reveal{0%{opacity:.2;transform:translateY(8px)}30%,100%{opacity:1;transform:none}}
@media(max-width:700px){
  .boot-dialog-body,.world-ledger,.achievement-strip,.recognition-board{grid-template-columns:1fr}
  .boot-dialog-body>img{width:92px;height:92px;justify-self:center}
  .boot-dialog>footer,.replay-actions{display:grid}
  .world-artifacts,.achievement-strip>div:last-child,.replay-stage ol{grid-template-columns:1fr}
  .world-artifacts article{grid-template-columns:58px 1fr;align-items:center}
  .world-artifacts article small{grid-column:2}
}
@media(prefers-reduced-motion:reduce){.replay-stage li{animation:none;opacity:1;transform:none}}