:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#141814;color:#f3f1e8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:16px;padding:22px 5vw;border-bottom:1px solid #384034}header a{font-size:22px;color:#e7d4a1;text-decoration:none;font-weight:700}header span,footer{color:#a5afa0;font-size:13px}main{max-width:1100px;margin:30px auto;padding:0 20px}h1{margin-bottom:8px}#intro p{color:#b6bbae}nav{display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:10px}button,input{background:#293024;border:1px solid #4f5b45;color:inherit;padding:11px;border-radius:8px}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}input{width:65px}#binder{border:8px solid #374032;border-radius:18px;padding:20px;background:#000;box-shadow:0 15px 40px #0005}#grid{display:grid;gap:12px;position:relative;isolation:isolate}.slot{aspect-ratio:63/88;background:#ffffff09;border:1px solid #ffffff20;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot>img{height:96%;width:96%;object-fit:contain;border-radius:6px;position:relative;z-index:1}.slot.empty{color:#ffffff30;font-size:12px}.slot.missing>img{opacity:.55;filter:grayscale(.6)}.tag{position:absolute;bottom:5px;left:5px;right:5px;background:#172019e8;padding:4px 6px;font-size:10px;border-radius:4px;z-index:3}.panel{z-index:4;position:relative;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:0}.panel img{width:100%;height:100%;object-fit:cover}.panel span{position:absolute;bottom:5px;background:#0009;padding:4px 8px}.sleeve-art{background-size:cover;background-position:center}.toploader{border:3px solid #e1f3ff99;padding:3px;border-radius:3px}.clear{border:2px solid #ffffff55}#status{color:#d6c992}footer{padding:25px;text-align:center}@media(max-width:600px){header{padding:16px}header span{max-width:120px;text-align:right}main{padding:0 10px;margin:20px auto}#binder{padding:8px;border-width:5px}#grid{gap:5px}button{font-size:12px;padding:10px 8px}.tag{font-size:8px;padding:2px}.slot.empty{font-size:9px}}
#intro>img{width:100px;height:125px;object-fit:cover;border-radius:10px;margin-top:12px}
#intro{border:1px solid #384438;border-radius:14px;padding:20px;background:linear-gradient(135deg,#2e382b,#111a13)}#featured{display:flex;gap:12px;margin:18px 0 5px;justify-content:center}.featured-card{padding:0;aspect-ratio:63/88;max-width:145px;width:28%;border:1px solid #7d896a;border-radius:8px;overflow:hidden;box-shadow:0 7px 20px #0006;background:#10180f}.featured-card img{width:100%;height:100%;object-fit:contain}button.slot{padding:0;font:inherit;color:inherit;cursor:pointer}button.slot:hover,button.slot:focus-visible{outline:2px solid #00c853;outline-offset:2px}#share-detail{width:min(1050px,94vw);max-height:92vh;padding:0;background:#18201b;color:#edece7;border:1px solid #465344;border-radius:16px}#share-detail::backdrop{background:#000c;backdrop-filter:blur(3px)}#share-detail>header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:#18201b;padding:15px 20px;border-bottom:1px solid #384438}#share-detail-content{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr);gap:28px;padding:25px}.share-detail-art img{display:block;width:100%;max-height:75vh;object-fit:contain;border-radius:10px}.share-detail-copy h2{margin:8px 0 20px}.share-detail-copy p{line-height:1.6}.share-detail-copy dl{display:grid;grid-template-columns:100px 1fr;gap:8px 14px;font-size:13px}.share-detail-copy dt,.share-muted{color:#a1ae9a}.share-detail-copy dd{margin:0}.share-detail-copy section{border-top:1px solid #354230;margin-top:22px;padding-top:12px}.share-detail-copy table{width:100%;text-align:left;border-collapse:collapse;font-size:13px}.share-detail-copy th,.share-detail-copy td{padding:10px 4px;border-bottom:1px solid #354230}.share-detail-copy a{color:#00c853}.share-market-links{display:flex;gap:18px;margin:12px 0}.share-missing-tag{display:inline-block;border:1px solid #cfac69;color:#e1c589;background:#3b301c;padding:5px 10px;border-radius:8px;font-size:13px}.share-muted{font-size:12px}@media(max-width:650px){#share-detail-content{grid-template-columns:1fr;padding:18px;gap:18px}.share-detail-art img{max-height:58vh}.share-detail-copy dl{grid-template-columns:90px 1fr}.featured-card{max-width:120px}#intro{padding:15px}}

.shared-page>header{align-items:center;gap:12px}.shared-page>header>a{display:block;min-width:0}.shared-page>header .brand-logo{width:clamp(145px,48vw,210px);max-width:100%;height:auto}.shared-page>header>.share-readonly{white-space:nowrap;max-width:none;flex:none;font-size:11px;line-height:1.3;padding:6px 9px;border:1px solid #2d4838;border-radius:999px;color:#9db6a6;letter-spacing:.02em}

img[data-art-pending]{visibility:hidden;animation:share-art-failsafe 0s 5s forwards}@keyframes share-art-failsafe{to{visibility:visible}}
