:root{--bg: #0d0a07;--bg-2: #14100a;--bg-3: #1b150d;--ink: #e9ddc8;--ink-dim: #9c8c73;--ink-faint: #695d4b;--gold: #c9a25e;--gold-bright: #ecd29a;--gold-dim: rgba(201, 162, 94, .35);--line: rgba(201, 162, 94, .14);--line-soft: rgba(233, 221, 200, .07);--danger: #c2563f;--font-display: "Fraunces", Georgia, serif;--font-body: "Karla", sans-serif;--font-mono: "Spline Sans Mono", monospace;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");--wc-0: #86cfae;--wc-1: #aec77f;--wc-2: #d3b65e;--wc-3: #d28d4f;--wc-4: #c66a45;--wc-5: #b04438}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--gold-dim)}.shrine{display:grid;grid-template-columns:256px 1fr;min-height:100vh;position:relative}.ambience{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 480px at 58% -8%,rgba(206,164,96,.1),transparent 65%),radial-gradient(700px 500px at 12% 110%,rgba(120,80,40,.05),transparent 70%),radial-gradient(140% 110% at 50% 45%,transparent 55%,rgba(0,0,0,.5) 100%)}.ambience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.05;mix-blend-mode:overlay}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:2;display:flex;flex-direction:column;padding:26px 20px 18px;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent}.sidebar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-display);font-size:17px;letter-spacing:.04em;color:var(--gold-bright);margin-bottom:28px}.brand-glyph{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--gold-dim);border-radius:4px;font-size:15px;color:var(--gold);background:linear-gradient(160deg,rgba(201,162,94,.12),transparent)}.filters{flex:1}.filter-group{margin-bottom:26px}.filter-group h3{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint);margin:0 0 10px}.filter-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 9px;margin:1px 0;background:none;border:none;border-radius:5px;color:var(--ink-dim);font-family:var(--font-body);font-size:13.5px;cursor:pointer;transition:background .15s,color .15s}.filter-row:hover{background:var(--line-soft);color:var(--ink)}.filter-row.is-active{background:#c9a25e21;color:var(--gold-bright)}.filter-row .count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.filter-row.is-active .count{color:var(--gold)}.stars{letter-spacing:2px;color:var(--gold);font-size:12px}.stars-dim{color:var(--ink-faint)}.wear-scale{display:flex;flex-direction:column;gap:2px}.wear-dot{display:flex;align-items:center;gap:9px;padding:4px 9px;background:none;border:none;border-radius:5px;color:var(--ink-dim);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.wear-dot:hover{background:var(--line-soft);color:var(--ink)}.wear-dot.is-active{background:#c9a25e21;color:var(--gold-bright)}.wear-dot i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wear-dot.wc-0 i{background:var(--wc-0)}.wear-dot.wc-1 i{background:var(--wc-1)}.wear-dot.wc-2 i{background:var(--wc-2)}.wear-dot.wc-3 i{background:var(--wc-3)}.wear-dot.wc-4 i{background:var(--wc-4)}.wear-dot.wc-5 i{background:var(--wc-5)}.tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.tag{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--ink-dim);cursor:pointer;transition:all .15s}.tag:hover{border-color:var(--gold-dim);color:var(--ink)}.tag.is-active{background:var(--gold);border-color:var(--gold);color:#1a1208}.clear-btn{width:100%;margin-top:4px}.settings-link{display:flex;align-items:center;gap:8px;width:100%;margin-top:14px;padding:10px;background:none;border:1px solid var(--line);border-radius:6px;color:var(--ink-dim);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .15s}.settings-link:hover,.settings-link.is-active{border-color:var(--gold-dim);color:var(--gold-bright)}.gear{font-size:14px}.hall{position:relative;z-index:1;padding:30px 42px 80px;min-width:0}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.masthead h1{font-family:var(--font-display);font-weight:420;font-size:40px;font-variation-settings:"opsz" 90;letter-spacing:.01em;margin:0;color:var(--ink)}.masthead h1:first-letter{color:var(--gold-bright)}.motto{margin:2px 0 0;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.34em;color:var(--gold)}.masthead-actions{display:flex;gap:10px;align-items:center}.search{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font-body);font-size:13.5px;padding:9px 14px;width:220px;transition:border-color .15s}.search:focus{outline:none;border-color:var(--gold-dim)}.search::placeholder{color:var(--ink-faint)}.btn{font-family:var(--font-body);font-weight:600;font-size:13.5px;padding:9px 18px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-gold{background:linear-gradient(170deg,var(--gold-bright),var(--gold));color:#221708;box-shadow:0 2px 14px #c9a25e2e}.btn-gold:hover{filter:brightness(1.07)}.btn-gold:disabled{opacity:.55;cursor:default;filter:none}.btn-ghost{background:none;border-color:var(--line);color:var(--ink-dim)}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--ink)}.btn-danger{background:none;border-color:#c2563f66;color:var(--danger)}.btn-danger:hover{background:#c2563f1f}.stats-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.stats-loading{min-height:74px}.stat{display:flex;flex-direction:column;gap:2px;padding:13px 16px;background:linear-gradient(170deg,rgba(201,162,94,.05),transparent 60%);border:1px solid var(--line);border-radius:8px;min-width:0}.stat-label{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint)}.stat-value{font-family:var(--font-display);font-size:21px;font-weight:480;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-detail{font-family:var(--font-mono);font-size:11px;color:var(--gold)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:38px 22px}.shelf-cell{animation:rise .65s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--enter-delay, 0ms)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.empty-state{padding:90px 20px;text-align:center;color:var(--ink-dim);font-family:var(--font-display);font-size:18px}.empty-glyph{font-size:30px;color:var(--gold);margin-bottom:4px}.empty-sub{font-family:var(--font-body);font-size:13.5px;color:var(--ink-faint)}.wear-chip{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;padding:2px 8px;border-radius:99px;border:1px solid;white-space:nowrap}.wc-0.wear-chip{color:var(--wc-0);border-color:color-mix(in srgb,var(--wc-0) 45%,transparent)}.wc-1.wear-chip{color:var(--wc-1);border-color:color-mix(in srgb,var(--wc-1) 45%,transparent)}.wc-2.wear-chip{color:var(--wc-2);border-color:color-mix(in srgb,var(--wc-2) 45%,transparent)}.wc-3.wear-chip{color:var(--wc-3);border-color:color-mix(in srgb,var(--wc-3) 45%,transparent)}.wc-4.wear-chip{color:var(--wc-4);border-color:color-mix(in srgb,var(--wc-4) 45%,transparent)}.wc-5.wear-chip{color:var(--wc-5);border-color:color-mix(in srgb,var(--wc-5) 45%,transparent)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:30px;background:#080603c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:veil-in .25s ease both;overflow-y:auto}@keyframes veil-in{0%{opacity:0}}.modal{position:relative;background:linear-gradient(175deg,var(--bg-3),var(--bg-2) 40%);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px #000000a6;animation:modal-in .32s cubic-bezier(.2,.9,.3,1.1) both;max-height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:thin}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-dim);cursor:pointer;font-size:12px;transition:all .15s}.modal-close:hover{color:var(--ink);border-color:var(--gold-dim)}.modal-title{font-family:var(--font-display);font-weight:450;font-size:25px;margin:0 0 18px}.detail-modal{display:grid;grid-template-columns:340px 1fr;width:min(860px,100%)}.detail-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;border-right:1px solid var(--line);background:radial-gradient(420px 300px at 50% 18%,rgba(206,164,96,.09),transparent 70%)}.wear-readout{display:flex;align-items:center;gap:12px}.wear-hours{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.detail-form{padding:34px 30px 26px}.add-modal{width:min(540px,100%);padding:30px 32px 26px}label{display:block;margin-bottom:13px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint)}.hint{text-transform:none;letter-spacing:.04em;opacity:.7}input,textarea,select{display:block;width:100%;margin-top:5px;padding:9px 12px;background:#0000004d;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font-body);font-size:14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold-dim)}textarea{resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.star-edit{display:flex;gap:3px;margin-top:6px}.star-edit button{background:none;border:none;font-size:21px;color:var(--ink-faint);cursor:pointer;padding:0 2px;transition:color .12s,transform .12s}.star-edit button:hover{transform:scale(1.18)}.star-edit button.lit{color:var(--gold);text-shadow:0 0 12px rgba(201,162,94,.5)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-actions .btn-danger{margin-right:auto}.category-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}.cat-pick{padding:9px 4px;background:none;border:1px solid var(--line);border-radius:6px;color:var(--ink-dim);font-family:var(--font-body);font-size:12.5px;cursor:pointer;transition:all .15s}.cat-pick:hover{border-color:var(--gold-dim);color:var(--ink)}.cat-pick.is-active{background:#c9a25e24;border-color:var(--gold);color:var(--gold-bright)}.wear-history{margin-top:8px}.wear-history h4{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-faint);margin:0 0 8px}.wear-history ul{list-style:none;margin:0;padding:0}.wear-history li{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.wear-history .when{margin-left:auto;color:var(--ink-faint)}.settings-heading{font-family:var(--font-display);font-weight:450;font-size:27px;margin:4px 0}.settings-sub{color:var(--ink-dim);font-size:13.5px;margin:0 0 26px;max-width:560px}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.service-card{padding:20px 22px;background:linear-gradient(170deg,rgba(201,162,94,.045),transparent 55%);border:1px solid var(--line);border-radius:10px}.service-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.service-card h3{font-family:var(--font-display);font-weight:480;font-size:19px;margin:0}.service-blurb{color:var(--ink-dim);font-size:13px;margin:0 0 16px}.service-blurb code{font-family:var(--font-mono);font-size:11.5px;color:var(--gold)}.settings-actions{max-width:420px}.conn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.connect-btn{flex:1;text-align:center}.conn-status{font-size:13.5px;color:var(--ink-dim)}.conn-status b{color:var(--gold-bright);font-weight:600}.conn-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--wc-0);box-shadow:0 0 8px color-mix(in srgb,var(--wc-0) 60%,transparent)}.conn-needs-setup{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);white-space:nowrap}.setup-toggle{background:none;border:none;padding:4px 0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer}.setup-toggle:hover{color:var(--ink-dim)}.setup-fields{margin-top:10px;padding:14px 14px 12px;border:1px dashed var(--line);border-radius:8px}.setup-note{font-size:12px;color:var(--ink-faint);margin:0 0 12px}.toast{position:fixed;right:26px;bottom:26px;z-index:99;max-width:380px;padding:13px 20px;background:var(--bg-3);border:1px solid var(--gold-dim);border-radius:8px;color:var(--ink);font-size:13.5px;box-shadow:0 14px 40px #00000080;animation:toast-in .3s cubic-bezier(.2,.9,.3,1.2) both}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}}.toast-err{border-color:#c2563f8c;color:#e8a795}@media (max-width: 900px){.shrine{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.hall{padding:24px 18px 60px}.stats-bar{grid-template-columns:1fr 1fr}.detail-modal{grid-template-columns:1fr}.detail-display{border-right:none;border-bottom:1px solid var(--line)}.masthead{flex-direction:column;align-items:stretch}.search{width:100%}}.slot{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;padding-top:30px;perspective:950px;cursor:pointer;-webkit-tap-highlight-color:transparent}.slot-large{cursor:default;padding-top:14px}.obj{--s: 1;position:relative;width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));margin-top:auto;transform-style:preserve-3d;transform:rotateY(24deg) rotateX(1deg);transition:transform .5s cubic-bezier(.22,.9,.32,1.15)}.slot:hover .obj,.slot:focus-visible .obj{transform:translateY(-13px) rotateY(11deg) rotateX(5deg) scale(1.045)}.slot-large .obj{--s: 1.32;transform:rotateY(20deg) rotateX(2deg)}.slot-large:hover .obj{transform:translateY(-6px) rotateY(9deg) rotateX(4deg)}.style-jewel{--w: 122px;--h: 220px;--d: 13px}.style-dvd{--w: 150px;--h: 214px;--d: 17px}.style-bigbox{--w: 176px;--h: 224px;--d: 46px}.style-sleeve{--w: 192px;--h: 192px;--d: 9px}.style-cartridge{--w: 146px;--h: 190px;--d: 28px}.style-tome{--w: 156px;--h: 204px;--d: 34px}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.front{transform:translateZ(calc(var(--d) * var(--s) / 2));overflow:hidden;background:#15110b;box-shadow:inset 0 0 0 1px #ffffff0b}.spine{width:calc(var(--d) * var(--s));height:100%;left:0;transform:translate(calc(var(--d) * var(--s) / -2)) rotateY(-90deg);background:linear-gradient(180deg,#221a10,#16100a 30%,#16100a 75%,#0e0a06);box-shadow:inset 1px 0 #ffffff0f,inset -1px 0 #00000080;display:flex;align-items:center;justify-content:center;overflow:hidden}.top{width:100%;height:calc(var(--d) * var(--s));top:0;transform:translateY(calc(var(--d) * var(--s) / -2)) rotateX(90deg);background:linear-gradient(90deg,#28201312,#241c11);background-color:#1c150c}.bottom{width:100%;height:calc(var(--d) * var(--s));bottom:0;top:auto;transform:translateY(calc(var(--d) * var(--s) / 2)) rotateX(-90deg);background:#0c0905}.pages{width:calc(var(--d) * var(--s));height:calc(100% - 8px);top:4px;right:0;left:auto;transform:translate(calc(var(--d) * var(--s) / 2)) rotateY(90deg);background:repeating-linear-gradient(90deg,#d8c9a8 0,#d8c9a8 2px,#c9b894 2px,#c9b894 3px,#e2d4b4 3px,#e2d4b4 5px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #00000059}.spine-text{font-family:var(--font-mono);font-size:calc(9px * var(--s));font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#e9ddc8b8;writing-mode:vertical-rl;white-space:nowrap;max-height:92%;overflow:hidden;text-overflow:ellipsis}.art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.gen-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;gap:2px}.gen-mark{position:absolute;top:8%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:calc(64px * var(--s));font-weight:300;color:#e9ddc829;line-height:1}.gen-title{font-family:var(--font-display);font-size:calc(14px * var(--s));color:#e9ddc8e6;line-height:1.2}.gen-artist{font-family:var(--font-mono);font-size:calc(9px * var(--s));letter-spacing:.12em;text-transform:uppercase;color:#e9ddc880}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wear-3 .art{filter:saturate(.88) contrast(.96)}.wear-4 .art{filter:saturate(.72) contrast(.9) brightness(.95) sepia(.08)}.wear-5 .art{filter:saturate(.5) contrast(.82) brightness(.88) sepia(.18)}.shrink{background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.13) 31%,rgba(255,255,255,.02) 37%,transparent 44%,transparent 62%,rgba(255,255,255,.07) 70%,transparent 78%),repeating-linear-gradient(64deg,transparent 0 34px,rgba(255,255,255,.05) 34px 35.5px,transparent 36px 60px);box-shadow:inset 0 0 0 1px #ffffff1f}.shrink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 49%,transparent 60%);transform:translate(-130%)}.slot:hover .shrink:after{animation:sheen 1.1s ease .1s}@keyframes sheen{to{transform:translate(130%)}}.sticker{position:absolute;top:9px;right:9px;width:calc(36px * var(--s));height:calc(36px * var(--s));display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f2dfae,#c9a25e 60%,#9a763e);color:#2a1d09;font-family:var(--font-mono);font-size:calc(6.5px * var(--s));font-weight:600;letter-spacing:.1em;transform:rotate(10deg);box-shadow:0 1px 4px #00000080}.dust{background:linear-gradient(to bottom,rgba(216,204,178,.4),rgba(216,204,178,.07) 9%,transparent 16%),var(--noise);background-size:auto,130px;mix-blend-mode:screen;opacity:0}.wear-1 .dust{opacity:.16}.wear-2 .dust{opacity:.22}.wear-3 .dust{opacity:.28}.wear-4 .dust{opacity:.34}.wear-5 .dust{opacity:.45}.scuffs{background:var(--noise);background-size:90px;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(70% 50% at 78% 84%,black,transparent 75%),radial-gradient(45% 35% at 12% 8%,black,transparent 75%);mask-image:radial-gradient(70% 50% at 78% 84%,black,transparent 75%),radial-gradient(45% 35% at 12% 8%,black,transparent 75%);-webkit-mask-composite:source-over;mask-composite:add;opacity:0}.wear-1 .scuffs{opacity:.1}.wear-2 .scuffs{opacity:.18}.wear-3 .scuffs{opacity:.26}.wear-4 .scuffs{opacity:.36}.wear-5 .scuffs{opacity:.5}.scratches{background:repeating-linear-gradient(173deg,transparent 0 13px,rgba(255,255,255,.1) 13px 13.6px,transparent 14.2px 29px),repeating-linear-gradient(81deg,transparent 0 23px,rgba(255,255,255,.07) 23px 23.5px,transparent 24px 47px),repeating-linear-gradient(151deg,transparent 0 37px,rgba(255,255,255,.09) 37px 37.7px,transparent 38.5px 71px);-webkit-mask-image:radial-gradient(130% 100% at 28% 18%,black 20%,transparent 78%);mask-image:radial-gradient(130% 100% at 28% 18%,black 20%,transparent 78%);opacity:0}.wear-2 .scratches{opacity:.35}.wear-3 .scratches{opacity:.55}.wear-4 .scratches{opacity:.85}.wear-5 .scratches{opacity:1}.corners{background:radial-gradient(calc(46px * var(--s)) calc(46px * var(--s)) at 0 0,rgba(225,214,192,.32),transparent 72%),radial-gradient(calc(40px * var(--s)) calc(40px * var(--s)) at 100% 0,rgba(225,214,192,.22),transparent 72%),radial-gradient(calc(52px * var(--s)) calc(52px * var(--s)) at 100% 100%,rgba(225,214,192,.34),transparent 72%),radial-gradient(calc(38px * var(--s)) calc(38px * var(--s)) at 0 100%,rgba(225,214,192,.24),transparent 72%);opacity:0}.wear-2 .corners{opacity:.3}.wear-3 .corners{opacity:.55}.wear-4 .corners{opacity:.75}.wear-5 .corners{opacity:1}.crack{width:100%;height:100%}.crack-line{fill:none;stroke:#ffffff38;stroke-width:.7;vector-effect:non-scaling-stroke}.crack-line.heavy{stroke:#ffffff4d;stroke-width:1.3}.wear-3 .crack{opacity:.5}.wear-4 .crack{opacity:.75}.wear-5 .crack{opacity:1}.tape{inset:auto;background:linear-gradient(90deg,#beaa7a24,#decc9e66 18%,#d6c49652 82%,#beaa7a24);box-shadow:inset 0 0 0 1px #ffffff14,0 1px 3px #00000059}.tape-a{left:-9px;top:22%;width:calc(42px * var(--s));height:calc(88px * var(--s));transform:rotate(-3deg)}.tape-b{left:-7px;bottom:12%;width:calc(38px * var(--s));height:calc(64px * var(--s));transform:rotate(5deg)}.peel{inset:auto;right:0;bottom:0;width:calc(26px * var(--s));height:calc(26px * var(--s));background:linear-gradient(135deg,transparent 47%,rgba(12,9,5,.85) 48%,rgba(238,228,206,.34) 52%,rgba(216,204,178,.16) 72%,rgba(238,228,206,.28) 100%);filter:drop-shadow(-2px -2px 2px rgba(0,0,0,.3))}.wear-3 .peel{opacity:.6}.wear-4 .peel,.wear-5 .peel{opacity:1}.style-jewel .front{border-radius:1px;box-shadow:inset 0 0 0 1px #ffffff17}.plastic-sheen{background:linear-gradient(100deg,rgba(255,255,255,.15),transparent 13%,transparent 82%,rgba(255,255,255,.06)),linear-gradient(90deg,rgba(0,0,0,.38) 0 calc(13px * var(--s)),transparent calc(13px * var(--s)))}.plastic-sheen:before,.plastic-sheen:after{content:"";position:absolute;left:calc(3px * var(--s));width:calc(7px * var(--s));height:calc(15px * var(--s));background:#ffffff1a;border-radius:2px}.plastic-sheen:before{top:13%}.plastic-sheen:after{bottom:13%}.style-jewel .spine{background:linear-gradient(180deg,#2a2a2c,#1a1a1c 35%,#1a1a1c 70%,#101012)}.style-jewel .top{background:#202022}.style-dvd .front{border-radius:2px 8px 8px 2px}.case-gloss{background:linear-gradient(100deg,rgba(255,255,255,.1),transparent 16%,transparent 70%,rgba(255,255,255,.05) 88%,transparent);border-radius:inherit}.style-dvd .spine{border-radius:2px 0 0 2px}.style-bigbox .front{border-radius:2px}.cardboard{background:var(--noise);background-size:110px;mix-blend-mode:multiply;opacity:.35}.bigbox-spine{background:linear-gradient(180deg,#33271a,#241a10 30%,#241a10 72%,#170f08)}.bigbox-top{background:linear-gradient(90deg,#2b2114,#1f1810);box-shadow:inset 0 0 0 1px #0000004d}.wear-4.style-bigbox .front,.wear-5.style-bigbox .front{border-radius:4px 7px 3px 6px}.style-sleeve .front{border-radius:1px;background:#181210}.seam{background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 2.5%),linear-gradient(to top,rgba(0,0,0,.5),transparent 2.5%)}.ring-wear{background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(232,222,200,.16) 60%,rgba(232,222,200,.05) 64%,transparent 68%);opacity:0}.wear-2 .ring-wear{opacity:.45}.wear-3 .ring-wear{opacity:.7}.wear-4 .ring-wear{opacity:.9}.wear-5 .ring-wear{opacity:1}.disc{position:absolute;width:88%;height:88%;top:6%;left:6%;border-radius:50%;background:radial-gradient(circle,#0a0a0a,#111);transform:translateZ(calc(var(--d) * var(--s) / -2 - 1px));transition:transform .65s cubic-bezier(.25,.9,.3,1);box-shadow:0 4px 16px #0009}.slot:hover .style-sleeve .disc,.slot-large .style-sleeve .disc{transform:translateZ(calc(var(--d) * var(--s) / -2 - 1px)) translate(48%) rotate(150deg)}.disc-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0c0c0c 0,#0c0c0c 1.5px,#161616 1.5px,#161616 3px),conic-gradient(from 40deg,transparent 0deg,rgba(255,255,255,.06) 24deg,transparent 50deg,transparent 175deg,rgba(255,255,255,.05) 205deg,transparent 235deg,transparent);background-blend-mode:screen}.disc-wear{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(38% 30% at 68% 30%,rgba(255,255,255,.1),transparent 75%),radial-gradient(30% 26% at 25% 70%,rgba(255,255,255,.07),transparent 75%);opacity:0}.wear-3 .disc-wear{opacity:.5}.wear-4 .disc-wear{opacity:.8}.wear-5 .disc-wear{opacity:1}.disc-label{position:absolute;width:34%;height:34%;top:33%;left:33%;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--font-mono);font-size:calc(6.5px * var(--s));letter-spacing:.06em;text-transform:uppercase;color:#140e08d9;padding:8%;overflow:hidden}.disc-hole{position:absolute;width:4%;height:4%;top:48%;left:48%;border-radius:50%;background:#0d0a07;box-shadow:inset 0 0 2px #000}.sleeve-spine{background:linear-gradient(180deg,#221a14,#170f0a)}.style-cartridge .front{border-radius:9px;background:linear-gradient(170deg,#23262d,#16181d 60%);box-shadow:inset 0 0 0 1px #ffffff12;overflow:visible}.cart-front{display:block}.cart-ridges{position:absolute;top:calc(7px * var(--s));left:14%;right:14%;height:calc(9px * var(--s));background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 calc(4px * var(--s)),transparent calc(4px * var(--s)) calc(9px * var(--s)));border-radius:3px}.cart-window{position:absolute;inset:calc(24px * var(--s)) calc(9px * var(--s)) calc(30px * var(--s));border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #ffffff0d}.cart-tab{position:absolute;bottom:calc(7px * var(--s));left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:calc(9px * var(--s));font-weight:600;letter-spacing:.34em;padding:calc(2px * var(--s)) calc(10px * var(--s)) calc(2px * var(--s)) calc(13px * var(--s));color:var(--gold);border:1px solid rgba(201,162,94,.35);border-radius:99px}.cart-spine{background:linear-gradient(180deg,#2a2d35,#181a20 40%,#181a20 70%,#101218);border-radius:6px 0 0 6px}.cart-top{background:linear-gradient(90deg,#262931,#1b1d23);border-radius:4px}.style-tome .front.tome-cover{border-radius:3px 10px 10px 3px;background:radial-gradient(120% 90% at 30% 20%,rgba(120,86,48,.25),transparent 60%),var(--noise),linear-gradient(160deg,#4a3520,#33240f 55%,#241808);background-size:auto,120px,auto;background-blend-mode:normal,overlay,normal;box-shadow:inset 0 0 0 1px #0006,inset 0 0 26px #00000073}.tome-frame{position:absolute;inset:calc(9px * var(--s));border:1px solid rgba(201,162,94,.3);border-radius:2px 7px 7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(7px * var(--s));padding:calc(10px * var(--s));text-align:center}.tome-corner{position:absolute;width:calc(16px * var(--s));height:calc(16px * var(--s));background:linear-gradient(135deg,#d8b572,#8a6a35);opacity:.85}.tc-tl{top:calc(-2px * var(--s));left:calc(-2px * var(--s));clip-path:polygon(0 0,100% 0,0 100%)}.tc-tr{top:calc(-2px * var(--s));right:calc(-2px * var(--s));clip-path:polygon(0 0,100% 0,100% 100%)}.tc-bl{bottom:calc(-2px * var(--s));left:calc(-2px * var(--s));clip-path:polygon(0 0,0 100%,100% 100%)}.tc-br{bottom:calc(-2px * var(--s));right:calc(-2px * var(--s));clip-path:polygon(100% 0,100% 100%,0 100%)}.tome-emblem{width:calc(34px * var(--s));height:calc(34px * var(--s));transform:rotate(45deg);background:linear-gradient(135deg,#86cfaed9,#3a6e56e6);box-shadow:0 0 18px #86cfae40,inset 0 0 0 2px #0000004d}.tome-title{font-family:var(--font-display);font-size:calc(14px * var(--s));font-weight:480;color:#e3cf9c;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.7);margin-top:calc(8px * var(--s))}.tome-sub{font-family:var(--font-mono);font-size:calc(7.5px * var(--s));letter-spacing:.24em;text-transform:uppercase;color:#e3cf9c80}.tome-spine{background:linear-gradient(180deg,#3d2c17,#2a1d0c 30%,#2a1d0c 72%,#1a1106),var(--noise);background-size:auto,90px;background-blend-mode:normal,overlay}.tome-spine:before,.tome-spine:after{content:"";position:absolute;left:8%;right:8%;height:calc(5px * var(--s));background:linear-gradient(180deg,#6b5026,#45330f);border-radius:2px;box-shadow:0 1px 2px #00000080}.tome-spine:before{top:13%}.tome-spine:after{bottom:13%}.tome-top{background:#2c2010}.tome-cracks{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23120b04' stroke-width='0.6' opacity='0.8'%3E%3Cpath d='M12 0 L15 18 L9 33 L16 52 L11 70 L17 92'/%3E%3Cpath d='M88 130 L84 108 L91 94 L83 75'/%3E%3Cpath d='M50 130 L54 112 L46 99'/%3E%3Cpath d='M70 0 L66 14 L73 27'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;opacity:0}.wear-2 .tome-cracks{opacity:.35}.wear-3 .tome-cracks{opacity:.6}.wear-4 .tome-cracks{opacity:.85}.wear-5 .tome-cracks{opacity:1}.moss{background:radial-gradient(calc(42px * var(--s)) calc(34px * var(--s)) at 4% 96%,rgba(96,142,74,.55),transparent 72%),radial-gradient(calc(30px * var(--s)) calc(24px * var(--s)) at 98% 8%,rgba(86,128,66,.4),transparent 72%),radial-gradient(calc(22px * var(--s)) calc(18px * var(--s)) at 88% 92%,rgba(104,150,80,.45),transparent 72%),radial-gradient(calc(14px * var(--s)) calc(12px * var(--s)) at 12% 6%,rgba(86,128,66,.3),transparent 72%);filter:blur(.4px)}.wear-4 .moss{opacity:.7}.wear-5 .moss{opacity:1}.wear-3.style-tome .pages,.wear-4.style-tome .pages{background:radial-gradient(40% 30% at 50% 20%,rgba(150,110,60,.4),transparent),repeating-linear-gradient(90deg,#cdb98e 0,#cdb98e 2px,#b9a274 2px,#b9a274 3px,#d4c098 3px,#d4c098 5px)}.wear-5.style-tome .pages{background:radial-gradient(50% 40% at 50% 30%,rgba(130,92,48,.6),transparent),repeating-linear-gradient(90deg,#b9a274 0,#b9a274 2px,#9d8657 2px,#9d8657 3px,#c0aa7c 3px,#c0aa7c 5px)}.ledge{width:92%;height:6px;margin-top:10px;border-radius:2px;background:linear-gradient(180deg,#3d2e1c,#221709);box-shadow:0 1px #e9ddc80f inset,0 4px 10px #00000073}.shelf-shadow{position:absolute;bottom:46px;left:50%;width:62%;height:17px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 68%);filter:blur(3px);transition:transform .5s,opacity .5s}.slot:hover .shelf-shadow{transform:translate(-50%) scaleX(1.18);opacity:.62}.slot-large .shelf-shadow{bottom:4px}.slot-large .ledge{display:none}.slot-meta{display:flex;align-items:center;gap:8px;margin-top:11px;max-width:100%;padding:0 6px}.slot-large .slot-meta{display:none}.slot-title{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.slot:hover .slot-title{color:var(--ink)}.hours-badge{position:absolute;top:2px;left:50%;transform:translate(-50%) translateY(6px);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--gold-bright);background:#0d0a07d9;border:1px solid var(--gold-dim);border-radius:99px;padding:3px 11px;opacity:0;transition:opacity .25s,transform .3s;pointer-events:none}.slot:hover .hours-badge,.slot-large .hours-badge{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.obj,.disc,.shelf-cell,.shrink:after{animation:none!important;transition:none!important}}