@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#171a15;--panel:#1e211a;--line:#35382b;--gold:#c9ac6c;--muted:#a2a594;--cream:#e7e4d4;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:14px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}::selection{background:#a98c4a;color:#10130e}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:13px}.wordmark{font-family:var(--serif);font-weight:600;font-size:33px;letter-spacing:4px;line-height:1}.wordmark>span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:36px;font-size:12px;color:#c2c5b6}nav a:hover,.footer a:hover{color:var(--gold)}.status-button{display:flex;gap:10px;align-items:center;background:#22251c;border:1px solid #4a4d35;font-size:11px;border-radius:3px;padding:10px 15px}.dot{display:inline-block;background:#b0b77f;width:5px;height:5px;border-radius:50%;box-shadow:0 0 9px #b0b77f33}.hero{height:610px;position:relative;max-width:1600px;margin:auto;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/vault.webp') right 52% / cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171a15 1%,#171a15e6 25%,#171a1566 50%,transparent 75%),linear-gradient(0deg,#171a15 0%,transparent 23%,#171a150a 80%)}.hero-inner{width:min(1200px,calc(100% - 96px));margin:auto;padding-top:80px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:var(--gold);font-weight:600;line-height:1.7}.little-star{font-size:20px;margin-right:8px;vertical-align:middle}h1{font-family:var(--serif);font-size:70px;letter-spacing:-1.6px;line-height:1.03;font-weight:500;margin:23px 0 20px}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-description{font-size:17px;line-height:1.7;margin:0 0 15px;color:#d8d8c9}.hero-sub{max-width:405px;color:#a9ad9d;font-size:12px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}.button{padding:13px 19px;border:1px solid #575640;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:2px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#c6a96c;border-color:#d9bd7f;color:#232519;box-shadow:inset 0 0 0 3px #c6a96c,inset 0 0 0 4px #a68a50}.primary:hover{background:#e0c383}.secondary{background:#24271e;color:#d0d0ba}.secondary:hover{background:#32372a}.text-link{font-size:11px;color:#d9d5bf}.text-link span{margin-left:10px;color:var(--gold)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{color:#979c87;font-size:9px;margin-top:24px;display:flex;align-items:center;gap:8px}.art-caption{position:absolute;bottom:46px;right:65px;color:#c9bd92;font-size:8px;letter-spacing:1.6px;opacity:.8}.vertical-label{position:absolute;right:22px;top:100px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#b5ad8d}.stats{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.2fr;border:1px solid #444630;background:linear-gradient(105deg,#25291e,#1c2019);position:relative;padding:26px 0;margin-top:-1px;box-shadow:0 5px 25px #0002}.stats:before,.stats:after{content:'◆';position:absolute;top:-9px;color:#8f8151;font-size:10px}.stats:before{left:-4px}.stats:after{right:-4px}.stats>div{padding:0 28px;border-right:1px solid #3a3e2e}.stats>div:last-child{border:0}.stat-label{display:block;font-size:8px;color:#a3a68e;letter-spacing:1.6px;margin-bottom:8px}.stats strong{font-family:var(--serif);font-size:26px;font-weight:500;display:block;line-height:1.2}.stats small{font-family:var(--sans);font-size:10px;color:#999f87;margin-left:8px;font-weight:400}.tag{display:inline-block;font-family:var(--sans);padding:4px 7px;font-size:7px;letter-spacing:1px;color:#c5bd8d;border:1px solid #4d5036;background:#303423;vertical-align:middle;font-weight:500}.stats .tag{margin-left:7px}.stats .world{font-size:19px}.tiny{display:block;font-family:var(--sans);font-size:9px;color:#858e78;margin-top:9px;font-weight:400}.tiny b{color:#b9c2a2;font-weight:500;margin-left:9px}.vault-section{padding-top:81px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:25px}h2{font-family:var(--serif);font-size:37px;font-weight:500;line-height:1.15;letter-spacing:-.5px;margin:11px 0}p{color:var(--muted)}.section-heading p{font-size:11px;margin:0}.small-seal{font-size:7px;letter-spacing:1.3px;color:#a2a58a;line-height:1.9;text-align:right;display:flex;align-items:center;gap:12px}.small-seal>span{font-size:34px;color:#a99a68}.vault-panel,.ledger-panel{background:#1d2119;border:1px solid #3e4230;border-radius:3px;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3e4230;padding:0 25px}.tabs{display:flex;gap:25px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#989e88;font-size:11px;padding:18px 0 16px;white-space:nowrap}.tabs button[aria-selected="true"]{border-bottom-color:var(--gold);color:#d5c699}.tabs button>span{font-size:9px;background:#343b28;margin-left:6px;padding:2px 5px;color:#babd9e}.panel-note{font-size:8px;color:#91997e;display:flex;align-items:center;gap:8px;letter-spacing:.2px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;gap:20px}.filters{display:flex;gap:6px}.filters button{background:none;border:1px solid transparent;color:#a7ad97;padding:6px 12px;font-size:9px;border-radius:3px}.filters button:hover{color:#e1d6af}.filters button.active{background:#34392a;border-color:#50553b;color:#d7d3b4}.search{display:flex;align-items:center;border:1px solid #3d4430;background:#171c15;border-radius:3px;padding:5px 10px;gap:8px;color:#8f967e}.search>span{font-size:21px;line-height:1}.search input{border:0;outline:none;background:none;color:#dedfcf;font-size:9px;width:160px;min-width:0}.search input::placeholder{color:#8f967e}.search:focus-within{border-color:var(--gold)}kbd{border:1px solid #434a35;font-size:9px;padding:0 4px;color:#90977e}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0 25px 25px}.item-card{display:flex;flex-direction:column;text-align:left;border:1px solid #444936;border-radius:3px;background:#262c20;overflow:hidden;padding:0;color:inherit;transition:border-color .2s,transform .2s}.item-card:hover{border-color:#ac9861;transform:translateY(-4px)}.item-art{height:168px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#4c49304d,transparent 70%),linear-gradient(125deg,#303326,#21271d)}.item-art:before{content:'';position:absolute;width:110px;height:110px;transform:rotate(45deg);border:1px solid #b4a06413;box-shadow:0 0 0 18px #b4a06405}.item-art:after{content:'✧';position:absolute;bottom:9px;left:13px;font-size:16px;color:#a99d694a}.item-art svg{height:119px;width:119px;filter:drop-shadow(3px 8px 4px #0006);transition:transform .3s}.item-card:hover svg{transform:rotate(-5deg) scale(1.08)}.target-label{position:absolute;right:11px;top:11px;font-size:6px;letter-spacing:1.2px;color:#c9c194;border:1px solid #55563b;background:#262a1d;padding:3px 6px}.item-body{padding:15px 16px 13px;border-top:1px solid #3c422e;position:relative}.item-category{font-size:7px;color:#aaaf90;letter-spacing:1.5px;text-transform:uppercase}.item-body h3{font-family:var(--serif);font-weight:500;font-size:23px;margin:4px 0;line-height:1.2;color:#e3ddc4}.item-body p{font-size:9px;color:#8f987e;margin:0}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:10px;border-top:1px solid #414630;color:#bfb994;font-size:8px}.item-footer span:last-child{font-size:15px;color:var(--gold)}.panel-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #353d29;padding:12px 25px;color:#929b81;font-size:8px;background:#1a1f17}.strategy-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-block:85px}.strategy-intro h2{font-size:40px;margin:17px 0 22px}.strategy-intro p{font-size:12px;line-height:1.85;max-width:390px;margin:0 0 16px}.strategy-intro .text-link{display:inline-block;margin-top:10px;color:#ccb777}.process{border-left:1px solid #3c422d;padding-left:32px;display:grid;gap:23px}.process-step{display:flex;gap:21px}.step-number{font-family:var(--serif);font-size:19px;color:#c5ad6d;border:1px solid #626044;min-width:38px;height:38px;display:grid;place-items:center;background:#252a1e;transform:rotate(0deg)}.process h3{font-family:var(--serif);font-size:24px;font-weight:500;margin:0}.process p{font-size:11px;line-height:1.8;margin:7px 0;max-width:335px}.micro{font-size:7px;letter-spacing:1.4px;color:#b2a573}.ledger-section{padding-top:15px}.ledger-columns{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:15px 25px;background:#21261c;border-bottom:1px solid #303825;font-size:7px;color:#969e82;letter-spacing:1.4px}.ledger-columns span:last-child{text-align:right}.ledger-empty{text-align:center;padding:36px 25px 40px}.empty-icon{display:inline-grid;place-items:center;font-size:30px;color:#99966b;width:55px;height:55px;border:1px solid #4a5039;border-radius:50%;background:#292f22}.ledger-empty h3{font-family:var(--serif);font-size:24px;font-weight:500;margin:12px 0 5px}.ledger-empty p{font-size:10px;max-width:410px;margin:0 auto 15px}.notes-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding-block:80px}.notes-heading p{font-size:11px}.notes-heading h2{font-size:35px}.accordions{border-top:1px solid #3b422e}details{border-bottom:1px solid #3b422e;padding:17px 0}summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}summary::-webkit-details-marker{display:none}summary>span{color:var(--gold);font-size:20px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:11px;line-height:1.85;margin:11px 30px 0 0}details a{text-decoration:underline;text-underline-offset:3px;color:#c8b478;display:inline}.closing{border:1px solid #51533a;background:radial-gradient(ellipse at left,#393f273d,transparent),#20261b;display:flex;align-items:center;gap:24px;padding:29px 33px;margin-bottom:64px}.rune{font-size:45px;color:#b9a56d}.closing h2{font-size:29px;margin:7px 0 0}.closing .eyebrow{font-size:7px}.closing .button{margin-left:auto}.footer{padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:1px solid #343b29}.footer .wordmark{font-size:26px}.footer .wordmark>span{font-size:6px}.footer-top>div{display:flex;gap:25px;color:#aaaE98;font-size:10px}.footer button{background:none;border:0;padding:0;font-size:10px;color:inherit}.footer-year{font-size:7px;color:#8e977f;letter-spacing:1px}.footer>p{font-size:8px;color:#858e78;max-width:740px;line-height:1.9;margin-top:18px}.empty-collection{grid-column:1/-1;text-align:center;padding:45px 20px}.empty-collection h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:10px 0}.empty-collection p{font-size:11px;max-width:390px;margin:0 auto 20px}.hidden{display:none!important}dialog{background:#23291d;color:var(--cream);border:1px solid #8b8255;border-radius:4px;padding:36px;max-width:480px;width:calc(100% - 36px);max-height:85vh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#070b08bd;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:12px;top:10px;background:none;border:0;color:#c3c6ae;font-size:27px;width:35px;height:35px}.dialog-art{height:160px;display:flex;justify-content:center;margin-bottom:20px;background:radial-gradient(ellipse,#55553550,transparent 70%)}.dialog-art svg{height:160px;width:160px;filter:drop-shadow(2px 6px 4px #0008)}dialog h2{font-size:35px;margin:9px 0 15px}dialog p{font-size:12px;line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #434b34;border-bottom:1px solid #434b34;padding:15px 0;margin:20px 0}.detail-grid small{display:block;font-size:8px;letter-spacing:1px;color:#9fa88b}.detail-grid strong{font-size:11px;font-weight:500}.dialog-footnote{font-size:10px!important}.status-list{margin:20px 0}.status-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #3c4630;padding:10px 0;font-size:11px;gap:15px}.status-list dt{color:#a4ad92}.status-list dd{margin:0;color:#d5c699}.dialog-intro{margin-top:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:#d1b778;color:#22271a;box-shadow:0 5px 25px #0006;font-size:12px;border:1px solid #e0c992;z-index:20;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:90vw}#toast.visible{transform:translate(-50%,0);opacity:1}.skip{position:absolute;left:10px;top:-80px;background:var(--gold);color:#181c13;padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1600px){.hero-art{background-position:right 51%}.hero{height:650px}.hero-inner{padding-top:95px}}@media(max-width:1050px){.container,.hero-inner{width:calc(100% - 56px)}.header{padding:0 28px}.stats>div{padding:0 18px}.stats .tag{display:none}.strategy-section{gap:45px}.item-grid{gap:10px;padding:0 18px 18px}.item-body{padding:12px}.item-body h3{font-size:21px}.small-seal{display:none}.hero-art{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#171a15 1%,#171a15e0 27%,#171a1560 65%,#171a1520),linear-gradient(0deg,#171a15,transparent 30%)}.footer-year{display:none}}
@media(max-width:760px){.header{height:82px}.header nav{gap:17px;font-size:10px}.header .brand{gap:8px}.wordmark{font-size:27px}.wordmark>span{font-size:6px;letter-spacing:1.3px}.header img{width:32px}.status-button{font-size:9px;padding:8px 10px;gap:6px}.header{padding:0 22px}.hero{height:620px}.hero-inner{padding-top:65px}h1{font-size:62px}.hero-art{background-size:auto 100%;background-position:63% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,#171a15f5 0%,#171a15b0 45%,#171a1540),linear-gradient(0deg,#171a15,transparent 45%)}.hero-sub{max-width:365px}.vertical-label{display:none}.stats{grid-template-columns:1fr 1fr;padding:0}.stats>div{padding:21px 24px;border-bottom:1px solid #3a3e2e}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3){border-bottom:0}.stats>div:last-child{padding-top:24px}.stats .world{font-size:20px}.stats .tag{display:inline;font-size:6px}.stats strong{font-size:26px}.vault-section{padding-top:55px}.section-heading h2{font-size:33px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.item-art{height:180px}.item-body h3{font-size:24px}.item-body{padding:16px}.panel-note{display:none}.panel-top{padding:0 18px}.collection-toolbar{padding:18px;flex-wrap:wrap;gap:14px}.search{width:100%;padding-block:7px}.search input{width:100%;font-size:11px}.filters button{font-size:10px}.panel-bottom{flex-direction:column;gap:3px;padding:14px 18px}.strategy-section{grid-template-columns:1fr;gap:30px;padding-block:60px}.strategy-intro p{max-width:100%}.process{margin-top:4px;padding-left:23px}.process p{max-width:100%}.notes-section{grid-template-columns:1fr;gap:15px;padding-block:55px}.notes-heading h2{font-size:34px}.ledger-section .section-heading{align-items:flex-start;flex-direction:column;gap:17px}.ledger-section .section-heading p{max-width:390px}.closing{padding:25px 20px;gap:16px;flex-wrap:wrap}.closing h2{font-size:27px}.closing .button{margin-left:51px;margin-top:8px}.rune{font-size:37px}.footer-top>div{gap:16px}.art-caption{bottom:27px;right:28px;font-size:6px}.hero-note{font-size:9px}.section-heading p{font-size:11px}.notes-section details p{font-size:12px}.notes-section summary{font-size:12px}}
@media(max-width:480px){.container,.hero-inner{width:calc(100% - 36px)}.header{padding:0 18px}.header nav{display:none}.hero{height:625px}.hero-inner{padding-top:57px}h1{font-size:55px;margin-top:23px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.hero-description{font-size:16px}.hero-sub{max-width:305px;font-size:12px}.hero-actions{gap:20px}.hero-actions .button{font-size:10px;padding:13px 14px}.hero-actions .text-link{font-size:10px}.stats>div{padding:20px 15px}.stats .tag{display:none}.stats .world{font-size:17px}.stats small{font-size:9px;margin-left:3px}.stat-label{font-size:7px}.stats strong{font-size:24px}.stats>div:last-child{padding-top:22px}.section-heading h2{font-size:32px}.tabs{gap:19px}.tabs button{font-size:10px}.item-grid{gap:10px;padding:0 12px 15px}.item-art{height:143px}.item-art svg{height:105px;width:105px}.item-body{padding:12px 11px}.item-body h3{font-size:21px;min-height:50px}.item-body p{font-size:8px}.item-category{font-size:6px;letter-spacing:1px}.item-footer{font-size:7px;margin-top:12px}.collection-toolbar{padding:16px 12px}.filters{gap:1px}.filters button{font-size:9px;padding:6px 10px}.strategy-intro h2{font-size:34px}.footer-top{align-items:flex-start;flex-direction:column;gap:22px}.closing h2{font-size:25px}.ledger-columns{grid-template-columns:.8fr 1.5fr 1fr 1fr;font-size:6px}.ledger-empty{padding:30px 18px}.ledger-empty h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Authentic inventory sprites are enlarged without smoothing or redrawing. */
.header .brand img.rstr-mark,.footer .brand img.rstr-mark{width:46px;height:46px;object-fit:contain}
.item-art .game-sprite{width:auto;height:90px;max-width:105px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 8px 4px #0008);transition:transform .3s}
.item-card:hover .game-sprite{transform:translateY(-4px)}
.dialog-art .game-detail{width:auto;max-width:190px;height:160px;object-fit:contain;image-rendering:auto;filter:drop-shadow(2px 6px 4px #0008)}
@media(max-width:760px){.header .brand img.rstr-mark{width:38px;height:38px}}
@media(max-width:480px){.item-art .game-sprite{height:81px;max-width:93px}.footer .brand img.rstr-mark{width:38px;height:38px}}
/* The current avatar is an original retro treasure-vault illustration on black. */
.header .brand img.rstr-mark,.footer .brand img.rstr-mark{border-radius:50%;width:52px;height:52px}
@media(max-width:760px){.header .brand img.rstr-mark,.footer .brand img.rstr-mark{width:44px;height:44px}}