/* List pages, character pages and pagination */
.list{max-width:1280px;margin:0 auto;padding:56px 48px 64px}
.list .kicker{font:700 15px var(--h);letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.list h1{font:700 64px/.95 var(--h);text-transform:uppercase;margin:6px 0 28px}
.pages{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font:700 15px var(--h);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.pages a{display:inline-flex;gap:10px;align-items:center;color:var(--soft)}
.pages a:hover{color:var(--ink)}
@media(max-width:900px){.list{padding:36px 16px 40px}.list h1{font-size:44px}}

/* Plain pages (About, posts without a custom template) */
.page{max-width:776px;margin:0 auto;padding:56px 48px 72px}
.page .kicker{font:700 15px var(--h);letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.page h1{font:700 60px/.95 var(--h);text-transform:uppercase;margin:6px 0 28px}
.page-img{display:block;width:100%;height:auto;margin-bottom:28px}

/* Game over (404 and errors) */
.over{display:grid;place-content:center;justify-items:center;gap:18px;min-height:calc(100vh - 140px);padding:48px 16px;text-align:center;
  background:radial-gradient(ellipse 40% 50% at 50% 50%,rgba(255,123,114,.12),transparent 70%)}
.over h1{font:400 clamp(56px,10vw,120px)/1 var(--logo);letter-spacing:.02em;text-transform:uppercase;color:var(--t1);text-shadow:0 4px 0 #000}
.over p{font:600 18px var(--h);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
@media(max-width:900px){.page{padding:36px 16px 48px}.page h1{font-size:42px}}
.slots .empty{grid-column:1/-1;font:600 18px var(--h);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}