.game-layout{grid-template-columns:minmax(0,1fr) minmax(420px,31vw)}
.historical-year{color:#efd28f;font-size:16px;font-weight:800;white-space:nowrap}
.historical-progress>div:first-child{align-items:center}
.progress-year{color:#efd28f;font-size:14px;letter-spacing:-.03em}
.history-scene-card{position:absolute;left:5%;bottom:7%;z-index:4;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;width:min(440px,71%);padding:15px 17px;border:1px solid #f1d4949c;border-radius:14px;background:#102e39de;box-shadow:0 12px 35px #0008;backdrop-filter:blur(9px);animation:historyAppear .45s ease-out}
.history-scene-icon{font-size:35px;color:#f1d18c}
.history-scene-card small{display:block;color:#efd18f;font-size:11px;letter-spacing:.06em}
.history-scene-card strong{display:block;font-size:20px;margin:4px 0 3px}
.history-scene-card p{font-size:11px;color:#d6e1d7;margin:0}
.history-scene-card blockquote{font-size:12px;color:#f6efdb;line-height:1.5;margin:9px 0 2px}
.history-scene-card em{font-style:normal;font-size:10px;color:#a8bdb7}
.historical-dialogue{border-left:3px solid #efd18f;padding:11px 15px;margin:14px 0;background:#ffffff0d;color:#f7eed9;font-size:14px;line-height:1.7}
.historical-dialogue small{display:block;color:#aec8bf;font-size:10px;margin-top:5px}
.side-panel .chronicle{min-height:410px;display:flex;flex-direction:column;padding:26px}
.side-panel .records{overflow:auto;max-height:49vh;padding-right:8px;gap:4px;scrollbar-color:#a3b8ad66 transparent;scrollbar-width:thin}
.side-panel .record{grid-template-columns:38px 1fr;padding:11px 6px 11px 12px;border-left-color:#dbcf9c55;border-bottom:1px solid #ffffff16}
.side-panel .record-symbol{font-size:23px;line-height:1.25}
.record-meta{display:flex;justify-content:space-between;gap:12px;color:#d8c48c;font-size:10px;margin-bottom:5px}
.side-panel .record strong{font-size:14px;line-height:1.45}
.side-panel .record p{font-size:12px;color:#c5d4cb;line-height:1.7}
.record blockquote{font-size:11px;color:#f3e6c5;line-height:1.55;margin:7px 0}
.record small{display:block;color:#96aca5;font-size:10px;margin-top:6px}
.chronicle-open-button{width:100%;border:1px solid #e9cb8790;border-radius:10px;background:#e9cb8717;color:#efd393;font-size:13px;font-weight:800;padding:12px 14px;margin-top:18px;display:flex;justify-content:space-between}
.chronicle-open-button:hover{background:#e9cb8730}
.chronicle-backdrop{position:fixed;inset:0;z-index:30;background:#071820ce;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}
.chronicle-dialog{width:min(1080px,100%);height:min(90vh,900px);display:flex;flex-direction:column;background:#15353e;border:1px solid #dec89375;border-radius:18px;box-shadow:0 30px 90px #0009;overflow:hidden}
.chronicle-top{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:25px 30px 10px}
.chronicle-top h2{font-size:30px;margin:7px 0 4px}
.chronicle-top p{font-size:13px;color:#bdd0c6}
.chronicle-filters{display:flex;gap:7px;overflow-x:auto;padding:4px 30px 17px;border-bottom:1px solid #ffffff26}
.chronicle-filters button{border:1px solid #ffffff30;background:#ffffff0c;color:#d3e4d8;border-radius:99px;white-space:nowrap;padding:8px 13px;font-size:12px}
.chronicle-filters button.active{background:#edcf8a;color:#14333b;border-color:#edcf8a;font-weight:800}
.chronicle-full-records{flex:1;overflow-y:auto;padding:12px 30px 35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;scrollbar-color:#9eb6a9 transparent}
.chronicle-full-records .record{grid-template-columns:38px 1fr;background:#ffffff0a;border:1px solid #ffffff22;border-radius:10px;padding:14px;min-height:140px}
.chronicle-full-records .record-symbol{font-size:23px}
.chronicle-full-records .record strong{font-size:15px}
.chronicle-full-records .record p{font-size:12px;line-height:1.7;color:#d0ded4}
.chronicle-bottom{padding:12px 30px;border-top:1px solid #ffffff20;color:#b2c9bd;font-size:11px;text-align:right}
.result-history{margin:20px 0 25px;border-top:1px solid #ffffff39;padding-top:23px}
.result-history h3{font-size:22px;margin:9px 0 14px}
.history-numbers{display:flex;gap:10px;flex-wrap:wrap}
.history-numbers span{flex:1;min-width:95px;display:flex;flex-direction:column;gap:3px;background:#ffffff0d;border:1px solid #ffffff23;border-radius:9px;padding:10px;color:#bcd0c7;font-size:11px}
.history-numbers b{color:#efd18f;font-size:23px}
.turning-points{margin-top:13px}
.turning-points>div{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;gap:8px;border-bottom:1px solid #ffffff20;padding:9px 0}
.turning-points small{color:#e7cb88;font-size:10px}
.turning-points strong{font-size:12px}
.turning-points span{text-align:right;color:#c5d8cc;font-size:11px}
@keyframes historyAppear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 390px}.historical-year{font-size:13px}.side-panel .chronicle{padding:18px}}
@media(max-width:760px){.game-layout{display:block}.historical-year{font-size:12px}.game-header{gap:7px}.clock{font-size:13px}.header-controls{gap:7px}.game-heading small{font-size:9px}.side-panel .records{max-height:440px}.side-panel .chronicle{min-height:0;padding:20px}.history-scene-card{left:3%;bottom:5%;width:min(420px,87%);grid-template-columns:33px 1fr;padding:11px}.history-scene-icon{font-size:25px}.history-scene-card strong{font-size:15px}.history-scene-card blockquote{font-size:11px}.chronicle-backdrop{padding:7px}.chronicle-dialog{height:96vh;border-radius:12px}.chronicle-top{padding:18px 16px 5px}.chronicle-top h2{font-size:23px}.chronicle-filters{padding:4px 16px 14px}.chronicle-full-records{grid-template-columns:1fr;padding:12px 15px 25px}.turning-points>div{grid-template-columns:75px 1fr 65px}}
@media(max-width:420px){.game-heading strong{font-size:12px}.historical-year{font-size:11px}.clock{font-size:11px}.game-header .icon-button{width:30px;height:30px}.progress-year{font-size:11px}.history-scene-card p{display:none}.history-scene-card blockquote{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.history-scene-card{animation:none}}