:root{--paper:#f4ecd7;--ink:#332d23;--line:#bca77b}
body{background:#263f43;color:var(--ink);line-height:1.65}
.sky-dots{background-image:radial-gradient(#cfceb51a .8px,transparent .8px),linear-gradient(#304f51,#1d3437);background-size:28px 28px,100% 100%}
.portal{max-width:1200px;margin:32px auto;border:1px solid #bda87f;background:#e7dbc0;box-shadow:0 0 0 5px #26342e,0 24px 70px #07181966}
.topbar{background:#26372e;color:#ede5ce;text-shadow:none;padding:10px 24px;letter-spacing:.02em}.topbar b{color:#e7c67e}
.banner{height:330px;border-bottom:1px solid #a99671}.banner h1 span{color:#f6e5b7;text-shadow:2px 3px 0 #433823,0 5px 20px #17241a66}.banner h1 small{color:#d3dcac}.banner-copy strong{display:block;max-width:350px;line-height:1.5}.banner-ribbon{background:#3c5141;color:#f9edcb;border:1px solid #c4ae7a;box-shadow:0 4px 14px #12281f55;text-shadow:none;transform:rotate(-2deg);font-size:13px}
.wood-nav{background:linear-gradient(#68543b,#493b2a);border-bottom:1px solid #c5af7e;flex-wrap:wrap;padding:0 14px}.wood-nav a{border:0;border-right:1px solid #e6cf9924;text-shadow:none;color:#f5ecd6;font-size:14px;padding:17px 18px;transition:background .18s}.wood-nav a:hover,.wood-nav a[aria-current=page]{background:#ede3c5;color:#3c422d;box-shadow:inset 0 -3px #748457}
.content-wrap{gap:28px;padding:30px}.sidebar{min-width:0}.main-column{min-width:0}.archive-main{padding:30px 42px}.parchment{background:#f6eedc;border:1px solid #c4b591;box-shadow:0 3px 12px #4d3e2010;padding:34px}.scroll-title span{background:#4e6248;color:#fff0cc;border:1px solid #728365;text-shadow:none;box-shadow:none}.side-box{background:#f0e7d0;border:1px solid #bdaf8a;box-shadow:none}.side-box h2{background:#46583f;color:#f3e9cf;text-shadow:none}.side-box a{color:#445939;font-weight:bold}.side-box p,.side-box ul{font-size:14px}.gauge{display:none}
.welcome h2,.archive-intro h2{font-family:Georgia,serif;font-size:34px;line-height:1.22;font-weight:normal;color:#344532}.welcome p,.archive-intro p{color:#514b3c}.wax-seal{display:none}
.quest-card,.showcase-card{background:#f6eedc;border:1px solid #c2b391;border-top:3px solid #74815c;box-shadow:0 4px 12px #42361e0d}.showcase-card h2{font-family:Georgia,serif;font-weight:normal;line-height:1.25}.showcase-card a,.quest-card a{color:#435636}.showcase-card{padding:25px;display:flex;flex-direction:column}.showcase-card>a{margin-top:auto}.version-showcase{gap:18px}.quest-icon{filter:saturate(.5)}
.archive-briefing,.version-shelves,.archive-interface{background:#3b5144;border:1px solid #738068;box-shadow:0 5px 18px #1e32271a}.briefing-grid a,.shelf-links a{background:#f0e6ce;border:1px solid #b9ac87;box-shadow:none}.briefing-grid b,.shelf-links b{color:#486144}.era-grid article{background:#f4ecd9;border:1px solid #c9bb99;box-shadow:none;padding:22px}.era-grid h3{font-family:Georgia,serif;color:#3e5035}.patch-accordion details{background:#f6eedc;border:1px solid #c8ba99;box-shadow:none;align-self:start}.patch-accordion summary{padding:18px}.patch-accordion details>div{line-height:1.75}.legacy-shot{background:#f7efdd;border:1px solid #c4b48d;box-shadow:0 4px 15px #3a32191a}.legacy-shot img{height:220px;object-fit:contain}.legacy-shot span{line-height:1.5}.source-cabinet a{overflow-wrap:anywhere}.progress-board{background:#354d41;border:1px solid #687e62;box-shadow:none}.bulletin,.inn{box-shadow:none;border-color:#bfae88}.floating-top{background:#3b5141;color:#fff1d1;border:1px solid #bea875;box-shadow:0 5px 15px #162a2855}
.reading-path{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;margin:0 0 22px;color:#6e6654}.reading-path a{color:#49623e;text-underline-offset:3px}.reading-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.reading-links a{display:flex;flex-direction:column;padding:20px;border:1px solid #b9ad8b;background:#f4ecd8;text-decoration:none;color:#3d5134}.reading-links small{font-size:12px;color:#75674e;text-transform:uppercase;letter-spacing:.08em}.reading-links strong{font:normal 22px/1.4 Georgia,serif}.reading-links a:last-child{text-align:right}.reading-links a:hover{background:#faf3e2}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-actions a{padding:10px 17px;background:#eadbb6;border:1px solid #b7a379;color:#30412f;text-decoration:none;font-weight:bold;font-size:14px;text-shadow:none}.hero-actions a+ a{background:#263c30d9;color:#f6eaca}.source-links a{line-height:1.6}
footer{background:#293b31;color:#e9dfc8;border-top:1px solid #9a946c}footer a{color:#ecdcb8}footer p{color:#d0c8b5;line-height:1.7}
a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #837038;outline-offset:4px}img{max-width:100%}html{scroll-padding-top:20px}
@media(min-width:1500px){.portal{margin:44px auto}.banner{height:360px}}
@media(max-width:800px){.portal{margin:10px;border:1px solid #bda87f;box-shadow:0 8px 30px #07181944}.content-wrap{padding:20px;gap:20px}.archive-main{padding:22px}.wood-nav{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wood-nav a{font-size:13px;text-align:center;padding:13px 6px;white-space:normal}.banner{height:300px}.banner-copy{left:6%;top:40px}.banner-ribbon{bottom:13px}.legacy-shot img{height:190px}.welcome h2,.archive-intro h2{font-size:29px}}
@media(max-width:480px){.portal{margin:0;border:0}.topbar{padding:9px 12px;gap:8px;flex-wrap:wrap;font-size:11px}.content-wrap,.archive-main{padding:18px 14px}.parchment{padding:26px 20px}.banner-copy strong{max-width:260px;font-size:15px}.banner h1 span{font-size:58px}.banner{height:305px}.banner-ribbon{font-size:11px;bottom:10px}.hero-actions{gap:8px}.hero-actions a{font-size:12px;padding:8px 11px}.reading-links{gap:10px}.reading-links a{padding:13px}.reading-links strong{font-size:18px}.showcase-card{padding:21px}.legacy-shot img{height:170px}}
@media(max-width:800px){.content-wrap{display:flex;flex-direction:column}.main-column{order:0;width:100%}.sidebar{order:1;width:100%}.wood-nav a:last-child:nth-child(7){grid-column:1/-1;padding:10px}.topbar>span:last-child{display:block}.scroll-title{max-width:100%}}
.catalog-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr) auto;gap:16px;align-items:end;margin:26px 0;padding:22px;background:#3b5144;color:#f6ecd2;border:1px solid #768366}.catalog-controls label{display:grid;gap:8px;font-size:14px;font-weight:bold;min-width:0}.catalog-controls input,.catalog-controls select{width:100%;min-width:0;min-height:46px;border:1px solid #b7aa88;border-radius:3px;padding:10px 12px;font:16px 'Trebuchet MS',Arial,sans-serif;background:#faf4e6;color:#343c2b}.catalog-controls button{min-height:46px;background:#e6d8b4;color:#34432d;border:1px solid #b7aa88;border-radius:3px;padding:10px 16px;font:700 14px 'Trebuchet MS',Arial,sans-serif;cursor:pointer}.catalog-controls button:disabled{opacity:.55;cursor:default}.catalog-controls output{grid-column:1/-1;font-size:13px;color:#e4d7b7}.catalog-empty{padding:24px;background:#f5ecd6;border:1px solid #c1b28e}.showcase-card[hidden],.shelf-links a[hidden],.version-showcase[hidden],.version-shelves[hidden],.catalog-empty[hidden]{display:none!important}@media(max-width:600px){.catalog-controls{grid-template-columns:1fr 1fr;padding:18px;gap:12px}.catalog-controls label:first-child{grid-column:1/-1}.catalog-controls button{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}