@font-face{font-family:Pitch Sans;src:url(/assets/pitch-sans-medium-BX1VGeEv.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--font-display: "Georgia", "Times New Roman", serif;--font-body: system-ui, -apple-system, sans-serif;--font-scratch: "Pitch Sans", sans-serif;--color-bg: #f2eef7;--color-bg-soft: #2a1f3d;--color-card-front: #f5e6d3;--color-card-back: #e8d5c0;--color-accent: #ff6b9d;--color-accent-soft: #ffb3cc;--color-text: #2a1f3d;--color-hint: #837e7e;--color-text-light: #f5e6d3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:100%}body{position:relative;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-light);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--color-bg);background-image:linear-gradient(#ffffff1a,#f8faff1f),url(/assets/background-Dx9m6PUJ.webp);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.scene{position:relative;width:min(90vw,420px);perspective:1200px}.card-wrapper{position:relative;width:100%;aspect-ratio:1680 / 1292;cursor:pointer}.card-wrapper.is-open{cursor:default;pointer-events:none}.card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.card-wrapper.is-open .card{transform:rotateY(-160deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 20px 60px #0006}.card-front{padding:0;border-radius:0;box-shadow:none;background:transparent}.card-front img{width:100%;height:100%;object-fit:contain;display:block}.card-back{background:transparent;transform:rotateY(180deg);box-shadow:none;padding:0}.scratch-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .4s ease}.scratch-layer.is-visible{visibility:visible;opacity:1}@media(max-width:650px){.scratch-layer{z-index:28}}.scratch-zone{position:fixed;overflow:hidden;pointer-events:none;visibility:hidden;filter:drop-shadow(1px 3px 6px rgba(40,32,22,.12))}.scratch-zone.is-ready{visibility:visible}.scratch-zone--shape{overflow:visible;filter:none}.scratch-layer.is-visible .scratch-zone{pointer-events:auto}.scratch-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:.65rem .75rem;background:#fff;text-align:center;color:var(--color-text)}.scratch-image{width:100%;height:100%;object-fit:contain;display:block}.scratch-zone--shape .scratch-reveal{position:relative;display:block;width:100%;height:100%;padding:0;background:transparent}.scratch-zone--shape .scratch-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(1px 3px 6px rgba(40,32,22,.12))}.scratch-label{font-size:1.2rem;line-height:1}.scratch-text{margin-top:.3rem;font-family:var(--font-scratch);font-size:clamp(.7rem,2.8vw,.9rem);line-height:1.25;letter-spacing:.03em;text-transform:uppercase}.scratch-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.penny-tool{position:fixed;z-index:30;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .4s ease}.penny-tool.is-visible{opacity:1;pointer-events:auto}.penny-tool.is-dragging{cursor:grabbing}.penny-wrap{position:relative;width:100px;height:100px}.penny-hint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .3s ease}.penny-hint text{font-family:var(--font-scratch);font-size:11px;fill:var(--color-hint);letter-spacing:.04em}.penny-hint.is-hidden{opacity:0}.penny{position:absolute;top:50%;left:50%;width:64px;height:64px;margin-top:-32px;margin-left:-32px;cursor:grab;transform:rotate(11deg);transition:transform .25s ease}.penny-tool.is-dragging .penny{cursor:grabbing;transition:none}.hint{margin:1.5rem auto 0;font-family:var(--font-scratch);font-size:.75rem;line-height:1.2;text-align:center;color:var(--color-hint);text-transform:uppercase;letter-spacing:.1rem;transition:opacity .4s}.hint.is-hidden{opacity:0;pointer-events:none}#physics-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}