.scene-bg{background:radial-gradient(60% 50% at 70% 30%,rgba(178,123,75,.16),transparent 70%),radial-gradient(45% 40% at 20% 80%,rgba(226,164,111,.07),transparent 70%),#0c0a09;touch-action:pan-y}.piece-hit{position:absolute;left:0;top:0;background:transparent;border:0;padding:0;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:10px}.piece-hit:focus-visible{outline:2px solid var(--color-copper-soft);outline-offset:6px}.piece-tag{position:absolute;left:50%;bottom:-1.6rem;translate:-50% 0;white-space:nowrap;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-copper-soft);background:#0c0a09bf;border:1px solid rgba(226,164,111,.45);padding:.2rem .5rem;pointer-events:none}.cat-label{position:absolute;left:0;top:0;display:flex;align-items:baseline;gap:.6rem;white-space:nowrap;transition:opacity .4s}.cat-label__n{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.25em;color:var(--color-copper-soft)}.cat-label__t{font-family:var(--font-display);font-style:italic;font-size:clamp(1.8rem,3.2vw,2.8rem);color:var(--color-text)}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;white-space:nowrap;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);border:1px solid transparent;transition:color .2s,border-color .2s}.chips-row{scrollbar-width:none}.chips-row::-webkit-scrollbar{display:none}.chip:hover{color:var(--color-text)}.chip[aria-current=true]{color:var(--color-copper-soft);border-color:var(--color-copper)}.loader-pulse{animation:rb-pulse 1.8s ease-in-out infinite}@keyframes rb-pulse{50%{opacity:.45;transform:scale(.94)}}.rb-viewfinder{position:absolute;z-index:55;pointer-events:none;opacity:0;transition:opacity .15s}.rb-viewfinder.is-on{opacity:1}.rb-viewfinder i{position:absolute;width:22px;height:22px;border:2px solid var(--color-copper-soft)}.rb-viewfinder i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.rb-viewfinder i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.rb-viewfinder i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.rb-viewfinder i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}.rb-focus{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;translate:-50% -50%;border:1px solid rgba(226,164,111,.85)}.rb-viewfinder.is-on .rb-focus{animation:rb-focus .35s cubic-bezier(.2,.8,.2,1) both}@keyframes rb-focus{0%{scale:1.6;opacity:0}70%{scale:.92;opacity:1}to{scale:1}}.rb-viewfinder span{position:absolute;left:50%;bottom:8px;translate:-50% 0;font-size:.6rem;letter-spacing:.2em;color:#f3e9df;background:#0c0a098c;padding:2px 8px;white-space:nowrap}.rb-flash{position:absolute;inset:0;z-index:58;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fff8ee,#ffe9cf 60%,#f6d9b8)}.rb-flyer{position:fixed;z-index:90;pointer-events:none;object-fit:cover;border:1px solid var(--color-copper);box-shadow:0 20px 50px #00000080;transform-origin:center}.resin-ph{background:radial-gradient(circle at 28% 30%,rgba(255,240,220,.35) 0 3px,transparent 4px),radial-gradient(circle at 70% 22%,rgba(255,240,220,.28) 0 2px,transparent 3px),radial-gradient(circle at 62% 64%,rgba(255,240,220,.25) 0 4px,transparent 5px),radial-gradient(circle at 36% 72%,rgba(255,240,220,.22) 0 2px,transparent 3px),linear-gradient(135deg,transparent 45%,rgba(255,236,210,.14) 50%,transparent 55%),linear-gradient(160deg,#e3a25a,#b27b4b 40%,#5a3820 75%,#1f120a)}.resin-ph__tag{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#f3e9df;background:#0c0a0999;border:1px solid rgba(226,164,111,.5);padding:.35rem .6rem}.panel{position:fixed;z-index:80;background:var(--color-surface);border:1px solid var(--color-copper);padding:1.5rem;overflow-y:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;box-shadow:0 30px 80px #0009}.panel[data-state=closed]{opacity:0}@media(min-width:768px){.panel{top:9.5rem;right:1.5rem;bottom:1.5rem;width:min(420px,40vw);padding:2rem}.panel[data-state=closed]{transform:translate(110%)}}@media(max-width:767px){.panel{left:0;right:0;bottom:0;max-height:72svh;border-width:1px 0 0;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.panel[data-state=closed]{transform:translateY(105%)}}
