:root{
  --aa24-bg:#f7f2d7;
  --aa24-ink:#1b1b1b;
  --aa24-muted:#5b5b5b;
  --aa24-border:rgba(27,27,27,.18);
}
*{box-sizing:border-box}

.aa24-app{min-height:100vh;background:radial-gradient(900px 500px at 20% 0%, rgba(0,0,0,.06), transparent 55%), var(--aa24-bg);color:var(--aa24-ink)}
.aa24-wrap{max-width:1180px;margin:0 auto;padding:0 14px}

.aa24-top{position:sticky;top:0;z-index:60;background:rgba(247,242,215,.92);backdrop-filter:saturate(150%) blur(10px);border-bottom:2px solid var(--aa24-border)}
.aa24-top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}

#logo.aa24-logo img{height:34px;width:auto;display:block}

.aa24-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.aa24-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--aa24-border);background:#fff;border-radius:6px}

.aa24-xp{width:240px;max-width:50vw}
.aa24-xp .progress-bar{height:18px}

.aa24-shell{display:grid;grid-template-columns: 360px minmax(0,1fr);gap:14px;padding:14px 0 26px;align-items:start}

.aa24-log{position:sticky;top:78px;align-self:start}
.aa24-log .nes-container{background:#fff}
.aa24-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.aa24-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:var(--aa24-ink)}
.aa24-list a.is-active{font-weight:900}

.aa24-paper{min-width:0}
.aa24-paper .nes-container{background:#fff}
.aa24-paper :where(h1,h2,h3){scroll-margin-top:90px}

@media (max-width: 980px){
  .aa24-shell{grid-template-columns:1fr}
  .aa24-log{position:relative;top:auto}
  .aa24-xp{width:100%}
}