:root{--bg: #100f0d;--bg-2: #16140f;--bg-3: #1d1a14;--panel: #1a1813;--ink: #efe9dd;--ink-2: #b8af9d;--ink-3: #8a8170;--ink-4: #5f584b;--accent: #d9a441;--accent-soft: #e8c98a;--line: rgba(239, 233, 221, .08);--line-2: rgba(239, 233, 221, .14);--danger: #cf6a4f;--shelf-wood: #2a2018;--shelf-wood-2: #1c150e;--font-display: "Fraunces", Georgia, serif;--font-body: "Karla", system-ui, sans-serif;--font-mono: "Spline Sans Mono", monospace;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");--wc-0: #8fcfb0;--wc-1: #b6cb83;--wc-2: #d8bd61;--wc-3: #d39152;--wc-4: #c86d48;--wc-5: #b5473a}*{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.55;-webkit-font-smoothing:antialiased}::selection{background:#d9a44147}.shrine{display:grid;grid-template-columns:232px 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(1200px 540px at 60% -10%,rgba(217,164,65,.07),transparent 62%),radial-gradient(150% 120% at 50% 40%,transparent 58%,rgba(0,0,0,.45) 100%)}.ambience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.035}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:2;display:flex;flex-direction:column;padding:30px 22px 18px;background:var(--bg-2);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent}.sidebar-brand{display:flex;align-items:baseline;gap:9px;cursor:pointer;margin-bottom:34px}.brand-glyph{display:none}.sidebar-brand span{font-family:var(--font-display);font-size:19px;font-weight:460;letter-spacing:.01em;color:var(--ink)}.filters{flex:1}.filter-group{margin-bottom:28px}.filter-group h3{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-4);margin:0 0 11px}.filter-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:5px 0;background:none;border:none;color:var(--ink-2);font-family:var(--font-body);font-size:14.5px;text-align:left;cursor:pointer;transition:color .15s}.filter-row:hover{color:var(--ink)}.filter-row.is-active{color:var(--accent-soft)}.filter-row .count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.filter-row.is-active .count{color:var(--accent)}.stars{letter-spacing:1px;color:var(--accent);font-size:12px}.stars-dim{color:var(--ink-4)}.wear-scale{display:flex;flex-direction:column;gap:1px}.wear-dot{display:flex;align-items:center;gap:10px;padding:4px 0;background:none;border:none;color:var(--ink-2);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:color .15s}.wear-dot:hover{color:var(--ink)}.wear-dot.is-active{color:var(--accent-soft)}.wear-dot i{width:9px;height:9px;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:4px;border:1px solid var(--line);background:none;color:var(--ink-3);cursor:pointer;transition:all .15s}.tag:hover{border-color:var(--line-2);color:var(--ink)}.tag.is-active{background:var(--accent);border-color:var(--accent);color:#1a1208}.clear-btn{width:100%;margin-top:6px}.settings-link{display:flex;align-items:center;gap:8px;width:100%;margin-top:16px;padding:11px 12px;background:none;border:1px solid var(--line);border-radius:7px;color:var(--ink-2);font-family:var(--font-body);font-size:13.5px;cursor:pointer;transition:all .15s}.settings-link:hover,.settings-link.is-active{border-color:var(--line-2);color:var(--accent-soft)}.gear{font-size:14px}.hall{position:relative;z-index:1;padding:34px 46px 90px;min-width:0}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:8px}.masthead h1{font-family:var(--font-display);font-weight:380;font-size:46px;font-variation-settings:"opsz" 120;letter-spacing:-.005em;margin:0;color:var(--ink);line-height:1}.motto{margin:9px 0 0;font-family:var(--font-body);font-style:italic;font-size:14px;color:var(--ink-3)}.masthead-actions{display:flex;gap:10px;align-items:center}.search{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-family:var(--font-body);font-size:13.5px;padding:9px 14px;width:210px;transition:border-color .15s}.search:focus{outline:none;border-color:var(--line-2)}.search::placeholder{color:var(--ink-4)}.btn{font-family:var(--font-body);font-weight:600;font-size:13.5px;padding:9px 18px;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-gold{background:var(--accent);color:#1c1305}.btn-gold:hover{background:var(--accent-soft)}.btn-gold:disabled{opacity:.5;cursor:default}.btn-ghost{background:none;border-color:var(--line-2);color:var(--ink-2)}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.btn-danger{background:none;border-color:#cf6a4f66;color:var(--danger)}.btn-danger:hover{background:#cf6a4f1f}.stats-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;min-height:20px;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-3)}.stats-line b{color:var(--ink);font-weight:600}.stats-line .dot{color:var(--ink-4)}.empty-state{padding:110px 20px;text-align:center;color:var(--ink-3);font-family:var(--font-display);font-size:19px}.empty-glyph{font-size:28px;color:var(--accent);margin-bottom:6px}.empty-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-4)}.wear-chip{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;padding:2px 8px;border-radius:4px;border:1px solid;white-space:nowrap}.wc-0.wear-chip{color:var(--wc-0);border-color:color-mix(in srgb,var(--wc-0) 42%,transparent)}.wc-1.wear-chip{color:var(--wc-1);border-color:color-mix(in srgb,var(--wc-1) 42%,transparent)}.wc-2.wear-chip{color:var(--wc-2);border-color:color-mix(in srgb,var(--wc-2) 42%,transparent)}.wc-3.wear-chip{color:var(--wc-3);border-color:color-mix(in srgb,var(--wc-3) 42%,transparent)}.wc-4.wear-chip{color:var(--wc-4);border-color:color-mix(in srgb,var(--wc-4) 42%,transparent)}.wc-5.wear-chip{color:var(--wc-5);border-color:color-mix(in srgb,var(--wc-5) 42%,transparent)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:30px;background:#060503cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:veil-in .25s ease both;overflow-y:auto}@keyframes veil-in{0%{opacity:0}}.modal{position:relative;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 34px 90px #000000b3;animation:modal-in .34s cubic-bezier(.2,.9,.3,1.08) both;max-height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:thin}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}.modal-close{position:absolute;top:16px;right:16px;z-index:10;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:#00000040;color:var(--ink-2);cursor:pointer;font-size:12px;transition:all .15s}.modal-close:hover{color:var(--ink);border-color:var(--ink-3)}.modal-title{font-family:var(--font-display);font-weight:440;font-size:26px;margin:0 0 18px}.detail-modal{display:grid;grid-template-columns:1fr 1fr;width:min(940px,100%)}.detail-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 30px;border-right:1px solid var(--line)}.wear-readout{display:flex;align-items:center;gap:12px;margin-top:18px}.wear-hours{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.detail-form{padding:36px 32px 28px}.add-modal{width:min(540px,100%);padding:32px 34px 26px}label{display:block;margin-bottom:14px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-4)}.hint{text-transform:none;letter-spacing:.03em;opacity:.75}input,textarea,select{display:block;width:100%;margin-top:6px;padding:9px 12px;background:#00000042;border:1px solid var(--line);border-radius:7px;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(--line-2)}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:7px}.star-edit button{background:none;border:none;font-size:22px;color:var(--ink-4);cursor:pointer;padding:0 2px;transition:color .12s,transform .12s}.star-edit button:hover{transform:scale(1.16)}.star-edit button.lit{color:var(--accent)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-actions .btn-danger{margin-right:auto}.category-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.cat-pick{padding:10px 4px;background:none;border:1px solid var(--line);border-radius:7px;color:var(--ink-2);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .15s}.cat-pick:hover{border-color:var(--line-2);color:var(--ink)}.cat-pick.is-active{background:#d9a44124;border-color:var(--accent);color:var(--accent-soft)}.wear-history{margin-top:10px}.wear-history h4{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-4);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);font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.wear-history .when{margin-left:auto;color:var(--ink-4)}.settings-heading{font-family:var(--font-display);font-weight:440;font-size:30px;margin:4px 0}.settings-sub{color:var(--ink-3);font-size:14px;margin:0 0 28px;max-width:580px}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.service-card{padding:22px 24px;background:var(--bg-2);border:1px solid var(--line);border-radius:11px}.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:460;font-size:20px;margin:0}.service-blurb{color:var(--ink-3);font-size:13px;margin:0 0 16px}.service-blurb code{font-family:var(--font-mono);font-size:11.5px;color:var(--accent)}.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-2)}.conn-status b{color:var(--accent-soft);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-4);white-space:nowrap}.setup-toggle{background:none;border:none;padding:4px 0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);cursor:pointer}.setup-toggle:hover{color:var(--ink-3)}.setup-fields{margin-top:10px;padding:14px;border:1px dashed var(--line-2);border-radius:9px}.setup-note{font-size:12px;color:var(--ink-4);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(--line-2);border-radius:9px;color:var(--ink);font-size:13.5px;box-shadow:0 16px 44px #0000008c;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:#cf6a4f80;color:#e6ad9b}@media (max-width: 920px){.shrine{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.hall{padding:24px 18px 60px}.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%}}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:0 26px}.shelf-cell{position:relative;display:flex;align-items:flex-end;justify-content:center;height:280px;padding-bottom:14px;animation:rise .6s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--enter-delay, 0ms)}.shelf-cell:after{content:"";position:absolute;left:-13px;right:-13px;bottom:0;height:13px;background:linear-gradient(180deg,#34281c,#271d13 42%,#19120b);box-shadow:inset 0 1px #d8c0961f,inset 0 -2px 3px #00000080,0 6px 16px #00000073}.shelf-cell:before{content:"";position:absolute;left:-13px;right:-13px;bottom:13px;height:12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32));z-index:3;pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.slot{position:relative;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;perspective:1100px;z-index:1}.obj{--lean: calc(var(--jit, 0) * 1.4deg);--shift: calc(var(--jit, 0) * 3px);position:relative;transform-style:preserve-3d;transform:translate(var(--shift)) rotate(var(--lean)) rotateY(-13deg);transform-origin:bottom center;transition:transform .4s cubic-bezier(.2,.8,.3,1)}.slot:hover{z-index:5}.slot:hover .obj,.slot:focus-visible .obj{transform:translate(var(--shift)) translateY(-12px) rotate(0) rotateY(-22deg) rotateX(3deg)}.style-dvd{--w: 132px;--h: 186px;--d: 14px}.style-jewel{--w: 134px;--h: 152px;--d: 10px}.style-bigbox{--w: 150px;--h: 192px;--d: 40px}.style-sleeve{--w: 176px;--h: 176px;--d: 7px}.style-cartridge{--w: 150px;--h: 168px;--d: 30px}.obj{width:var(--w);height:var(--h)}.face{position:absolute;backface-visibility:hidden}.front{top:0;right:0;bottom:0;left:0;width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2));overflow:hidden;background:#14110c;border-radius:2px 6px 6px 2px;box-shadow:inset 0 0 0 1px #ffffff0a}.side{width:var(--d);height:var(--h);left:0;top:0;transform-origin:left center;transform:translate(0) rotateY(-90deg);background:linear-gradient(90deg,#060606,#131312 55%,#060606);box-shadow:inset 2px 0 4px #0009,inset -1px 0 #ffffff14;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px 0 0 3px}.top{width:var(--w);height:var(--d);left:0;top:0;transform-origin:top center;transform:translateY(0) rotateX(90deg);background:linear-gradient(180deg,#1a1a19,#070707);box-shadow:inset 0 2px 3px #0009;border-radius:3px 3px 0 0}.spine-text{font-family:var(--font-mono);font-size:8.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#efe9dd9e;writing-mode:vertical-rl;white-space:nowrap;max-height:88%;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:13px;gap:3px}.gen-title{font-family:var(--font-display);font-size:15px;font-weight:460;color:#efe9ddeb;line-height:1.18}.gen-artist{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#efe9dd80}.contact-shadow{position:absolute;bottom:-4px;left:50%;width:calc(var(--w) * .92);height:14px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.66),transparent 72%);filter:blur(3px);transition:all .4s;z-index:-1}.slot:hover .contact-shadow{transform:translate(-50%) translateY(7px) scaleX(1.12);opacity:.55}.hover-label{position:absolute;bottom:-2px;left:50%;transform:translate(-50%) translateY(10px);width:max-content;max-width:200px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s;z-index:6}.slot:hover .hover-label,.slot:focus-visible .hover-label{opacity:1;transform:translate(-50%) translateY(20px)}.hl-title{display:block;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dvd-poly{border-radius:inherit;box-shadow:inset 0 0 0 3px #0000006b,inset 0 0 0 4px #ffffff0d,inset -3px 0 5px #ffffff12,inset 4px 0 7px #0000004d;background:linear-gradient(90deg,transparent 9px,rgba(0,0,0,.3) 10px,rgba(255,255,255,.07) 11px,transparent 13px),linear-gradient(270deg,rgba(255,255,255,.16),transparent 5%),linear-gradient(108deg,rgba(255,255,255,.05),transparent 18%)}.dvd-poly:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.14) 44%,rgba(255,255,255,.05) 50%,transparent 60%)}.jewel-plastic{border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 4px #00000052,inset 0 0 16px #ffffff0d;background:linear-gradient(105deg,rgba(255,255,255,.2),transparent 12%,transparent 82%,rgba(255,255,255,.1)),linear-gradient(90deg,rgba(0,0,0,.34) 0 3px,transparent 3px)}.jewel-plastic:before{content:"";position:absolute;left:1px;top:8%;width:6px;height:84%;background:repeating-linear-gradient(180deg,#ffffff29 0,#ffffff29 4px,#0006 4px,#0006 8px);border-radius:2px}.jewel-plastic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.16) 46%,transparent 58%)}.cardboard{background:var(--noise);background-size:130px;mix-blend-mode:soft-light;opacity:.6}.sleeve-paper{background:var(--noise);background-size:150px;mix-blend-mode:soft-light;opacity:.45}.style-jewel .front,.style-bigbox .front{border-radius:2px}.style-sleeve .front{border-radius:1px}.style-cartridge .front{border-radius:8px}.style-bigbox .side{background:linear-gradient(90deg,#2a2014,#1a130c 55%,#110b06);box-shadow:inset 2px 0 5px #00000080,inset -1px 0 #d8c09614}.style-bigbox .top{background:linear-gradient(180deg,#322715,#1a130b)}.style-sleeve .side{background:linear-gradient(90deg,#1e1812,#120d09);box-shadow:inset 1px 0 3px #00000080,inset -1px 0 #ffffff0a}.style-sleeve .top{background:linear-gradient(180deg,#221a12,#140d09)}.style-cartridge .side{background:linear-gradient(90deg,#15151a,#08080b)}.style-cartridge .top{background:linear-gradient(180deg,#1e1e24,#0a0a0d)}.ring-wear{background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(232,222,200,.14) 60%,rgba(232,222,200,.04) 64%,transparent 68%);opacity:0}.wear-2 .ring-wear{opacity:.4}.wear-3 .ring-wear{opacity:.65}.wear-4 .ring-wear{opacity:.85}.wear-5 .ring-wear{opacity:1}.vr-finish{background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 40%,transparent 80%,rgba(0,0,0,.18))}.vr-strip{position:absolute;left:0;bottom:14%;padding:3px 10px 3px 12px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.3em;color:#12100c;background:var(--accent);z-index:2}.wear-3 .art{filter:saturate(.9) contrast(.97)}.wear-4 .art{filter:saturate(.74) contrast(.92) brightness(.96) sepia(.07)}.wear-5 .art{filter:saturate(.52) contrast(.84) brightness(.9) sepia(.16)}.shrink{background:linear-gradient(116deg,transparent 26%,rgba(255,255,255,.12) 32%,transparent 40%,transparent 64%,rgba(255,255,255,.06) 72%,transparent 80%),repeating-linear-gradient(62deg,transparent 0 30px,rgba(255,255,255,.045) 30px 31.5px,transparent 32px 56px);box-shadow:inset 0 0 0 1px #ffffff1a}.shrink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(116deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-130%)}.slot:hover .shrink:after{animation:sheen 1s ease .05s}@keyframes sheen{to{transform:translate(130%)}}.sticker{position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f2dfae,#d9a441 62%,#a87b32);transform:rotate(9deg);box-shadow:0 1px 4px #00000073}.dust{background:linear-gradient(to bottom,rgba(216,204,178,.38),rgba(216,204,178,.06) 9%,transparent 16%),var(--noise);background-size:auto,140px;mix-blend-mode:screen;opacity:0}.wear-1 .dust{opacity:.14}.wear-2 .dust{opacity:.2}.wear-3 .dust{opacity:.26}.wear-4 .dust{opacity:.32}.wear-5 .dust{opacity:.42}.scuffs{background:var(--noise);background-size:96px;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(70% 50% at 78% 84%,black,transparent 75%),radial-gradient(45% 35% at 14% 10%,black,transparent 75%);mask-image:radial-gradient(70% 50% at 78% 84%,black,transparent 75%),radial-gradient(45% 35% at 14% 10%,black,transparent 75%);opacity:0}.wear-1 .scuffs{opacity:.09}.wear-2 .scuffs{opacity:.16}.wear-3 .scuffs{opacity:.24}.wear-4 .scuffs{opacity:.34}.wear-5 .scuffs{opacity:.48}.scratches{background:repeating-linear-gradient(172deg,transparent 0 14px,rgba(255,255,255,.09) 14px 14.6px,transparent 15.2px 31px),repeating-linear-gradient(83deg,transparent 0 24px,rgba(255,255,255,.06) 24px 24.5px,transparent 25px 49px);-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:.3}.wear-3 .scratches{opacity:.5}.wear-4 .scratches{opacity:.78}.wear-5 .scratches{opacity:1}.corners{background:radial-gradient(40px 40px at 0 0,rgba(225,214,192,.28),transparent 72%),radial-gradient(36px 36px at 100% 0,rgba(225,214,192,.2),transparent 72%),radial-gradient(46px 46px at 100% 100%,rgba(225,214,192,.3),transparent 72%),radial-gradient(34px 34px at 0 100%,rgba(225,214,192,.22),transparent 72%);opacity:0}.wear-2 .corners{opacity:.28}.wear-3 .corners{opacity:.5}.wear-4 .corners{opacity:.7}.wear-5 .corners{opacity:.95}.crack{width:100%;height:100%}.crack-line{fill:none;stroke:#fff3;stroke-width:.7;vector-effect:non-scaling-stroke}.crack-line.heavy{stroke:#ffffff47;stroke-width:1.2}.wear-3 .crack{opacity:.45}.wear-4 .crack{opacity:.7}.wear-5 .crack{opacity:1}.tape{inset:auto;background:linear-gradient(90deg,#beaa7a1f,#decc9e5c 18%,#d6c49647 82%,#beaa7a1f);box-shadow:inset 0 0 0 1px #ffffff12,0 1px 3px #00000052}.tape-a{left:-8px;top:22%;width:38px;height:80px;transform:rotate(-3deg)}.tape-b{left:-6px;bottom:12%;width:34px;height:58px;transform:rotate(5deg)}.peel{inset:auto;right:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,transparent 47%,rgba(12,9,5,.82) 48%,rgba(238,228,206,.3) 52%,rgba(216,204,178,.14) 72%,rgba(238,228,206,.26) 100%);filter:drop-shadow(-2px -2px 2px rgba(0,0,0,.28))}.wear-3 .peel{opacity:.55}.wear-4 .peel,.wear-5 .peel{opacity:1}.stage{position:relative;width:100%;height:340px;display:flex;align-items:center;justify-content:center;perspective:1300px}.stage-pivot{position:relative;transform-style:preserve-3d;transition:transform .18s ease-out}.stage-table{position:absolute;bottom:24px;left:50%;width:290px;height:40px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(7px)}.stage-hint{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);pointer-events:none}.stage-obj{position:relative;transform-style:preserve-3d;cursor:pointer}.hinged{--cw: 150px;--ch: 210px;--cd: 14px}.hinged.style-jewel{--cw: 150px;--ch: 170px;--cd: 10px}.hinged{width:var(--cw);height:var(--ch);transform-style:preserve-3d}.case-base,.case-cover{position:absolute;width:var(--cw);height:var(--ch);transform-style:preserve-3d;border-radius:4px}.case-base{background:linear-gradient(135deg,#1c1812,#120e09);box-shadow:inset 0 0 0 1px #ffffff0d;transform:translateZ(calc(var(--cd) / -2))}.style-jewel .case-base{background:linear-gradient(135deg,#26241f,#141310)}.case-interior{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:3px;background:radial-gradient(120% 100% at 50% 0,#2a2218,#141009);display:grid;place-items:center}.style-jewel .case-interior{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,transparent 3px 7px),#1a1814}.tray{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0d0b08 30%,#181208 31%,#100c07 70%);box-shadow:inset 0 0 0 2px #00000080}.tray:after{content:"";position:absolute;top:50%;left:50%;width:14%;height:14%;transform:translate(-50%,-50%);border-radius:50%;background:#2a2118;box-shadow:inset 0 0 0 2px #0009}.case-cover{transform-origin:left center;transition:transform .65s cubic-bezier(.4,.05,.2,1);transform:translateZ(calc(var(--cd) / 2)) rotateY(0)}.is-open .case-cover{transform:translateZ(calc(var(--cd) / 2)) rotateY(-152deg)}.cover-out,.cover-in{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;overflow:hidden;backface-visibility:hidden}.cover-out{background:#14110c;box-shadow:inset 0 0 0 1px #ffffff0d}.cover-out>*{position:absolute;top:0;right:0;bottom:0;left:0}.cover-out .gen-cover,.cover-out .art{width:100%;height:100%}.cover-in{transform:rotateY(180deg);background:linear-gradient(135deg,#ece3d0,#d8ccb2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center}.booklet-title{font-family:var(--font-display);font-size:15px;color:#2a2114;line-height:1.2}.booklet-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#7a6a4a}.cd{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;transform:translateZ(1px);transition:transform .55s cubic-bezier(.3,.8,.3,1);cursor:pointer;z-index:2}.cd-out{transform:translateZ(40px) translate(58%) translateY(-8%) rotate(18deg)}.cd-iridescence{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0 1px,transparent 1px 2.5px),conic-gradient(from 0deg,#c8a0e0,#a0c8e8,#a8e8c0,#e8e0a0,#e8b0a0,#c8a0e0,#a0c8e8,#a8e8c0,#e8e0a0,#e8b0a0,#c8a0e0);filter:saturate(.7) brightness(.92);box-shadow:0 4px 14px #00000080,inset 0 0 0 1px #fff3}.cd-label{position:absolute;top:50%;left:50%;width:42%;height:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f3ecdc,#ddd0b6);display:grid;place-items:center;text-align:center;padding:7%}.cd-label span{font-family:var(--font-mono);font-size:7px;letter-spacing:.04em;text-transform:uppercase;color:#4a3f2c;line-height:1.1}.cd-ring{position:absolute;top:50%;left:50%;width:20%;height:20%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,0,0,.25)}.cd-hole{position:absolute;top:50%;left:50%;width:9%;height:9%;transform:translate(-50%,-50%);border-radius:50%;background:var(--panel);box-shadow:inset 0 0 2px #0009}.stage-obj.style-bigbox{--bw: 168px;--bh: 214px;width:var(--bw);height:var(--bh)}.bb-shell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;overflow:hidden;background:#14110c;box-shadow:inset 0 0 0 1px #ffffff0d,0 14px 36px #00000080;z-index:2}.bb-shell>*{position:absolute;top:0;right:0;bottom:0;left:0}.bb-shell .art,.bb-shell .gen-cover{width:100%;height:100%}.bb-contents{position:absolute;top:8%;left:8%;width:84%;height:84%;display:flex;gap:8px;transform:translate(0);transition:transform .6s cubic-bezier(.3,.7,.25,1);z-index:1}.is-open .bb-contents{transform:translate(72%)}.bb-sleeve{position:relative;flex:1;border-radius:3px;background:linear-gradient(135deg,#2a2218,#15100a);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff0d}.bb-sleeve .cd{position:relative;width:86%;transform:none}.bb-manual{width:34%;border-radius:2px;background:linear-gradient(135deg,#e8dfca,#cfc1a4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;text-align:center}.bb-manual span{font-family:var(--font-display);font-size:10px;color:#3a3020;line-height:1.1}.bb-manual i{font-family:var(--font-mono);font-size:6.5px;letter-spacing:.18em;color:#8a7a58}.stage-obj.style-sleeve{--vw: 210px;width:var(--vw);height:var(--vw)}.jacket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;overflow:hidden;background:#15110c;box-shadow:inset 0 0 0 1px #ffffff0d,0 16px 40px #00000080;z-index:2}.jacket>*{position:absolute;top:0;right:0;bottom:0;left:0}.jacket .art,.jacket .gen-cover{width:100%;height:100%}.jacket-mouth{position:absolute;top:4%;right:0;width:3px;height:92%;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent);z-index:3}.record{position:absolute;top:1%;left:1%;width:98%;height:98%;border-radius:50%;background:radial-gradient(circle,#100f0e,#1a1918);box-shadow:0 8px 22px #0000008c;transform:translate(0) rotate(0);transition:transform .7s cubic-bezier(.3,.7,.25,1);z-index:1}.is-out .record{transform:translate(64%) rotate(0);animation:spin 1.6s linear .7s infinite}@keyframes spin{to{transform:translate(64%) rotate(360deg)}}.record-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0c0b0a 0,#0c0b0a 1.4px,#1b1a18 1.4px,#1b1a18 2.8px)}.record-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,rgba(255,255,255,.07) 22deg,transparent 48deg,transparent 180deg,rgba(255,255,255,.06) 208deg,transparent 236deg,transparent)}.record-wear{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(36% 28% at 66% 32%,rgba(255,255,255,.09),transparent 75%);opacity:0}.wear-3 .record-wear{opacity:.5}.wear-4 .record-wear{opacity:.8}.wear-5 .record-wear{opacity:1}.record-label{position:absolute;top:50%;left:50%;width:36%;height:36%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#b67135,#8a532e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;gap:2px}.record-label span{font-family:var(--font-mono);font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:#0009}.record-label b{font-family:var(--font-display);font-size:9px;color:#1a120a;line-height:1}.record-label i{font-family:var(--font-mono);font-size:5px;letter-spacing:.08em;color:#00000080}.record-hole{position:absolute;top:50%;left:50%;width:3.5%;height:3.5%;transform:translate(-50%,-50%);border-radius:50%;background:var(--bg)}.stage-obj.style-cartridge{--vrw: 170px;--vrh: 190px;--vrd: 30px;width:var(--vrw);height:var(--vrh);transform-style:preserve-3d}.vr-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(160deg,#201f24,#131217);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 30px #00000080}.vr-headset{position:relative;width:70%;display:flex;flex-direction:column;align-items:center}.vr-visor{width:100%;height:56px;border-radius:14px 14px 18px 18px;background:linear-gradient(160deg,#34333a,#1a191e);box-shadow:inset 0 3px 6px #ffffff14,inset 0 -6px 10px #00000080,0 6px 14px #0006}.vr-visor:after{content:"";position:absolute;top:16px;left:14%;width:72%;height:22px;border-radius:50%;background:radial-gradient(ellipse,#7896c859,#28325099)}.vr-strap{width:78%;height:12px;margin-top:-3px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#2a2930,#1c1b20)}.vr-lid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;background:#14110c;transform-origin:top center;transform:rotateX(0) translateZ(calc(var(--vrd) / 2));transition:transform .6s cubic-bezier(.4,.05,.2,1);box-shadow:inset 0 0 0 1px #ffffff0d;z-index:2}.is-open .vr-lid{transform:rotateX(108deg) translateZ(calc(var(--vrd) / 2))}.vr-lid>*{position:absolute;top:0;right:0;bottom:0;left:0}.vr-lid .art,.vr-lid .gen-cover{width:100%;height:100%}@media (prefers-reduced-motion: reduce){.obj,.case-cover,.cd,.bb-contents,.record,.vr-lid,.shelf-cell,.shrink:after,.stage-pivot{animation:none!important;transition:none!important}}