#candy-engine-root{position:relative;width:100%;min-height:700px;background:#000;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Outfit,sans-serif;overflow:hidden;border-radius:20px;box-shadow:0 0 50px #00000080;margin:20px 0}#candy-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.ui-layer{position:absolute;inset:0;z-index:10;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:80px}.action-btn{pointer-events:auto;width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.5);background:#0000004d;backdrop-filter:blur(10px);color:#fff;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 30px #fff3;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;text-align:center}.action-btn:active{transform:scale(.9);background:#fff3}.action-btn.pulse{animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}@keyframes spin{0%{transform:rotate(0) scale(1.5)}to{transform:rotate(360deg) scale(1.5)}}#packaging-layer{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease}#packaging-layer.active{opacity:1;pointer-events:auto}.holo-bag{position:relative;width:280px;height:380px;background:linear-gradient(135deg,#e0e0e0,#fff,#d0d0d0);border-radius:12px;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #fff3;overflow:hidden;transform:perspective(1000px) rotateY(0) rotateX(0);transition:transform .1s ease-out}.holo-bag:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");opacity:.3;mix-blend-mode:multiply;z-index:1}.bag-metallic{position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.4) 25%,transparent 30%);z-index:2}.bag-holo{position:absolute;inset:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 30%,rgba(0,229,255,.4) 40%,rgba(188,19,254,.4) 50%,rgba(255,0,127,.4) 60%,transparent 70%);mix-blend-mode:color-dodge;transform:skew(-20deg);opacity:.6;z-index:3}.bag-sheen{position:absolute;inset:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 40%);mix-blend-mode:screen;opacity:0;transform:translate(0);transition:opacity .3s;z-index:4}#packaging-layer.active .bag-sheen{opacity:.7}.bag-content{position:absolute;bottom:40px;left:20px;right:20px;z-index:10;text-align:center}.bag-logo{font-family:Outfit,sans-serif;font-weight:800;font-size:2rem;color:#111;letter-spacing:-1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5)}.bag-flavor{font-family:monospace;font-size:.9rem;color:#444;margin-top:5px;background:#fff;display:inline-block;padding:2px 6px;border:1px solid #111}.bag-window{position:absolute;top:60px;left:40px;right:40px;height:140px;background:#0000001a;border:2px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:inset 0 2px 10px #0003;z-index:5}.holo-bag.sealed{animation:bag-puff .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bag-puff{0%{transform:scale(1)}50%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}