.hero-art { background-image:url("assets/rivergate-dawn.webp") !important; }
.game { position:relative; }
.game-loading { position:absolute; z-index:40; inset:0; display:grid; align-content:center; justify-items:center; gap:10px; min-height:100dvh; padding:32px; color:#5d4430; text-align:center; background:linear-gradient(180deg,#f8f1e6 0%,#f4eadb 100%); }
.game-loading.hidden { display:none; }
.game-loading-mark { width:34px; height:34px; border:3px solid #dec7a1; border-top-color:#6b2d2a; border-radius:50%; animation:twilight-loader 900ms linear infinite; }
.game-loading p { margin:2px 0 0; font-size:17px; font-weight:700; }
.game-loading small { max-width:260px; color:#84705a; font-size:12px; line-height:1.65; }
.narrative-fold { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 18px; padding:10px 0; border-bottom:1px solid #e5d3b5; color:#85705a; font-size:11px; line-height:1.5; }
.narrative-fold button { flex:0 0 auto; border:1px solid #c9ad7e; background:#fffdf8; color:#6b2d2a; cursor:pointer; padding:7px 9px; font:700 11px Georgia,"Songti SC",serif; }
.life-review { display:grid; gap:14px; }
.review-chapters { display:grid; gap:8px; border-left:2px solid #c49a60; padding-left:13px; }
.review-chapters article { display:grid; gap:3px; padding:3px 0; }
.review-chapters b { color:#6b2d2a; font-size:13px; }
.review-chapters span { color:#695b48; font-size:12px; line-height:1.7; }
.review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.review-grid article { display:grid; gap:5px; min-height:112px; padding:12px; border:1px solid #e0ccb0; background:#fffdf8; }
.review-grid p { margin:0; color:#99703e; font:700 10px Arial,sans-serif; letter-spacing:.1em; }
.review-grid b { color:#5e302b; font-size:14px; }
.review-grid span { color:#6d5e4b; font-size:11px; line-height:1.7; }
@media (max-width:720px) { .topbar #archive-open { display:block; } .review-grid { grid-template-columns:1fr; } .review-grid article { min-height:0; } }
@keyframes twilight-loader { to { transform:rotate(360deg); } }