:root{--cream: #FBF5EC;--cream-dark: #F0E6D6;--maroon: #7B2D3B;--maroon-dark: #5A1F2C;--maroon-light: #A04050;--rose: #D4858A;--rose-light: #E8B4B8;--pink-lotus: #E8889E;--green-foliage: #3A5A40;--green-light: #5A7A60;--gold-accent: #C5A55A;--gold-light: #D4BC7C;--dark-text: #3C2415;--card-w: min(480px, 85vw, calc(80svh * 2 / 3))}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#e8d5c4,#f0ded0,#e5c8b8 60%,#dfc0af);font-family:Cormorant Garamond,Georgia,serif;color:var(--dark-text);overflow:hidden;min-height:100vh;min-height:100svh;-webkit-user-select:none;user-select:none}#app{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;width:100%;overflow:hidden}#hint{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 2rem);font-size:.875rem;line-height:1.5;text-align:center;letter-spacing:.2em;text-transform:uppercase;opacity:.6;color:#7b2d3bbf;z-index:20;transition:opacity 1s}#particles{position:fixed;inset:0;pointer-events:none;z-index:0}#card-scene{position:relative;z-index:10}#card-scene{perspective:1200px;width:var(--card-w);aspect-ratio:2 / 3}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:grab;transition:box-shadow .3s ease}.card:active{cursor:grabbing}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #5a1f2c33,0 0 40px #7b2d3b14}.card-front{background:#f5edd8}.card-front-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;pointer-events:none}.card-back{background:#f5edd8;transform:rotateY(180deg)}.card-back-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(183,110,121,.9),transparent);border-radius:50%;pointer-events:none}#gyro-permission-btn{display:none;position:fixed;bottom:4rem;left:50%;transform:translate(-50%);z-index:20;background:transparent;border:1px solid rgba(123,45,59,.5);color:#7b2d3be6;font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;letter-spacing:.15em;padding:.6rem 1.5rem;border-radius:4px;cursor:pointer;transition:border-color .3s,color .3s}#gyro-permission-btn:hover,#gyro-permission-btn:active{border-color:#7b2d3be6;color:#7b2d3b}