.hub-chronicle-button{position:absolute;z-index:12;right:18px;top:66px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #b9aa7f77;border-radius:12px;background:#07130ded;color:#f4ecd7;box-shadow:0 8px 24px #0008;cursor:pointer;font-family:Georgia,serif;font-weight:900;backdrop-filter:blur(6px);transition:.2s}.hub-chronicle-button:hover{border-color:#e3c774;transform:translateY(-1px)}.hub-chronicle-button b{min-width:38px;padding:4px 7px;border-radius:16px;background:#d8b75d1f;color:#e8cf84;font-family:Arial,sans-serif;font-size:.72rem}.hub-chronicle-button.ready{border-color:#e8cd73;box-shadow:0 8px 24px #0008,0 0 23px #e7c66155;animation:chronicle-button-pulse 1.8s ease-in-out infinite}.hub-chronicle-button.complete b{background:#3b8a5a;color:#fff}

.chronicle-view{min-height:100vh;padding:28px;background:radial-gradient(circle at 75% 8%,#7b63302b,transparent 28%),linear-gradient(145deg,#07130e,#14251b 52%,#09150f);color:#eae2cd}.chronicle-shell{width:min(1120px,100%);margin:auto}.chronicle-back{border-color:#a58d5655;background:#0b1811;color:#f5eacb}.chronicle-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:230px;padding:42px 48px;overflow:hidden;border:1px solid #c4a75b55;border-radius:28px;background:linear-gradient(105deg,#081711f5,#17291ddd),radial-gradient(circle,#d1b45b22,transparent);box-shadow:0 25px 70px #0007}.chronicle-hero:before{content:"";position:absolute;inset:16px;border:1px solid #c7ae6440;border-radius:20px;pointer-events:none}.chronicle-hero:after{content:"✦";position:absolute;right:22%;top:50%;transform:translateY(-50%);color:#d7ba5940;font-size:11rem}.chronicle-hero-copy,.chronicle-seal{position:relative;z-index:1}.chronicle-eyebrow,.chronicle-prologue span,.chronicle-finale span{margin:0;color:#c9ac58;font-size:.7rem;font-weight:1000;letter-spacing:.2em}.chronicle-hero h2{margin:8px 0 5px;color:#fff8e7;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}.chronicle-hero-copy>p:last-child{margin:0;color:#bfc9bf;font-family:Georgia,serif;font-size:1.1rem}.chronicle-seal{display:grid;place-items:center;width:150px;aspect-ratio:1;border:1px solid #d6bb6766;border-radius:50%;background:#06120dd9;box-shadow:inset 0 0 0 9px #a88c3c14,0 0 35px #d6bb6722;text-align:center}.chronicle-seal strong{display:block;color:#ead17c;font-family:Georgia,serif;font-size:2.3rem}.chronicle-seal span{display:block;width:90px;color:#9aa89f;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.chronicle-prologue{display:grid;grid-template-columns:66px 1fr;gap:18px;align-items:center;margin:22px 0;padding:20px 24px;border:1px solid #b79b5145;border-radius:18px;background:#102019cc}.chronicle-quill{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#c8aa5520;color:#e2c66e;font-size:1.7rem}.chronicle-prologue p{margin:6px 0 0;max-width:860px;color:#c1cbc3;line-height:1.6}.chronicle-overview{margin:30px 0 20px}.chronicle-overview>div:first-child{display:flex;justify-content:space-between;color:#d8dfd9;font-weight:900}.chronicle-overview small{display:block;margin-top:8px;color:#829087}.chronicle-progress-track,.chronicle-task-track{height:8px;overflow:hidden;border-radius:20px;background:#ffffff12}.chronicle-progress-track{margin-top:10px}.chronicle-progress-track i,.chronicle-task-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b7b2e,#e0c565);transition:width .45s ease}.chronicle-quests{position:relative;display:grid;gap:15px;padding-left:44px}.chronicle-quests:before{content:"";position:absolute;left:18px;top:25px;bottom:25px;width:2px;background:linear-gradient(#d9bd6266,#d9bd6214)}.chronicle-card{position:relative;display:grid;grid-template-columns:1fr;min-height:188px;border:1px solid #9d89504a;border-radius:20px;background:linear-gradient(140deg,#14231bcc,#0b1812e8);box-shadow:0 12px 30px #0003;transition:.2s}.chronicle-card:hover{transform:translateX(3px);border-color:#c2a95877}.chronicle-node{position:absolute;left:-44px;top:24px;display:grid;place-items:center;width:38px;height:38px;border:2px solid #927c3f;border-radius:50%;background:#101d16;color:#e1c66d;box-shadow:0 0 0 6px #0c1912}.chronicle-card-copy{padding:22px 24px}.chronicle-card-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.chronicle-card-heading span{color:#b99c4c;font-size:.64rem;font-weight:1000;letter-spacing:.17em}.chronicle-card-heading h3{margin:4px 0 0;color:#f5edd9;font-family:Georgia,serif;font-size:1.45rem}.chronicle-card-heading>b{padding:6px 9px;border-radius:18px;background:#d7bc641c;color:#d9c47d;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.chronicle-card-copy>p{margin:13px 0;color:#abb8af;line-height:1.5}.chronicle-task-meta{display:flex;justify-content:space-between;gap:18px;margin:12px 0 8px;color:#91a097;font-size:.76rem}.chronicle-task-meta strong{color:#d4c187;text-align:right}.chronicle-card.claimed{border-color:#5b9a6a55;background:linear-gradient(140deg,#173225cc,#0d1c15e8)}.chronicle-card.claimed .chronicle-node{border-color:#63a875;background:#173225;color:#9ed3a9}.chronicle-card.claimed .chronicle-task-track i{background:#55a36b}.chronicle-card.locked{opacity:.48;filter:saturate(.35)}.chronicle-card.locked:hover{transform:none}.chronicle-card.ready{border-color:#ddc46d;box-shadow:0 0 26px #d8b6531c}.chronicle-claim{width:100%;margin-top:16px;padding:12px 16px;border:1px solid #f0d77c;border-radius:11px;background:linear-gradient(#d3b858,#9b7b2e);color:#09120d;font-weight:1000;cursor:pointer}.chronicle-claim:hover{filter:brightness(1.12)}.chronicle-finale{display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:center;margin:26px 0 50px;padding:22px;border:1px solid #a68d4850;border-radius:20px;background:#0a1711}.chronicle-finale-mark{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#c2a44c1c;color:#e2c463;font-family:Georgia,serif;font-size:1.5rem}.chronicle-finale h3{margin:4px 0;color:#f0e6ce;font-family:Georgia,serif;font-size:1.3rem}.chronicle-finale p{margin:0;color:#929f96}

@keyframes chronicle-button-pulse{50%{box-shadow:0 8px 24px #0008,0 0 31px #e7c66188}}@media(max-width:720px){.hub-chronicle-button{right:8px;top:52px;padding:8px;font-size:.68rem}.hub-chronicle-button b{min-width:32px}.chronicle-view{padding:14px}.chronicle-hero{align-items:flex-start;min-height:220px;padding:32px 25px}.chronicle-hero h2{font-size:2.55rem}.chronicle-seal{width:95px;flex:0 0 95px}.chronicle-seal strong{font-size:1.55rem}.chronicle-hero:after{display:none}.chronicle-prologue{grid-template-columns:1fr}.chronicle-quill{width:46px;height:46px}.chronicle-quests{padding-left:32px}.chronicle-quests:before{left:12px}.chronicle-node{left:-32px;width:28px;height:28px;font-size:.7rem}.chronicle-card-copy{padding:18px}.chronicle-card-heading,.chronicle-task-meta{display:block}.chronicle-card-heading>b{display:inline-block;margin-top:10px}.chronicle-task-meta strong{display:block;margin-top:6px;text-align:left}.chronicle-finale{grid-template-columns:55px 1fr}.chronicle-finale-mark{width:50px;height:50px}}