body{background:radial-gradient(ellipse 80% 70% at 50% 50%,#1a1420,#08060c 85%),#0b0910;display:flex;align-items:center;justify-content:center;padding:24px 18px 32px}.stage{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.header{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:16px;padding:8px 12px 0;z-index:5}.eyebrow{font-family:var(--font-display);font-size:10px;letter-spacing:.45em;color:var(--gold);opacity:.75;margin-bottom:14px;text-transform:uppercase;text-align:center;line-height:1.4}.eyebrow:before,.eyebrow:after{content:"✦";margin:0 10px;opacity:.55}.title{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:.12em;color:var(--cream);text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 22px rgba(201,168,76,.3);text-align:center;line-height:1.1}.title .amp{color:var(--gold);font-style:italic;font-weight:400;margin:0 4px}.scene-wrap{width:92%;max-width:420px;aspect-ratio:1 / 1;position:relative;margin:0 auto;padding:14px}.scene-wrap:before,.scene-wrap:after{content:"";position:absolute;left:14px;right:14px;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.65),transparent);z-index:6;pointer-events:none}.scene-wrap:before{top:0}.scene-wrap:after{bottom:0}.scene-wrap .vline{position:absolute;top:14px;bottom:14px;width:1px;background:linear-gradient(to bottom,transparent,rgba(201,168,76,.65),transparent);z-index:6;pointer-events:none}.scene-wrap .vline.l{left:0}.scene-wrap .vline.r{right:0}.scene-wrap .corner{position:absolute;width:12px;height:12px;border:1px solid rgba(201,168,76,.6);z-index:6;pointer-events:none}.scene-wrap .corner.tl{top:0;left:14px;margin-top:-6px;margin-left:-11px;border-width:1px 0 0 1px}.scene-wrap .corner.tr{top:0;right:14px;margin-top:-6px;margin-right:-11px;border-width:1px 1px 0 0}.scene-wrap .corner.bl{bottom:0;left:14px;margin-bottom:-6px;margin-left:-11px;border-width:0 0 1px 1px}.scene-wrap .corner.br{bottom:0;right:14px;margin-bottom:-6px;margin-right:-11px;border-width:0 1px 1px 0}.scene-frame{position:absolute;inset:14px;border-radius:0;overflow:hidden;background:#1a1420 url(/assets/parlor.png) center/cover no-repeat;box-shadow:0 16px 50px #0000008c;isolation:isolate}.scene-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 55%,transparent 0%,rgba(0,0,0,.3) 100%);z-index:2;pointer-events:none;mix-blend-mode:multiply}.hotspot{position:absolute;z-index:4;cursor:pointer}.flame{pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;margin-left:-9px;margin-top:-14px}.flame .halo{position:absolute;inset:-18px;background:radial-gradient(circle,rgba(255,190,90,.5) 0%,rgba(255,140,40,.22) 35%,transparent 70%);filter:blur(5px);animation:haloPulse 2.2s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.flame .core{width:7px;height:12px;background:radial-gradient(ellipse at 50% 85%,#fff5b8 0%,#f5c842 35%,#e87020 70%,transparent 100%);border-radius:50% 50% 40% 40%;filter:blur(1px);animation:flamePulse .9s ease-in-out infinite alternate;mix-blend-mode:screen;opacity:.85}.flame:hover .core{animation-duration:.22s;opacity:1}.flame:hover .halo{animation-duration:.9s;opacity:1.1}@keyframes flamePulse{0%{transform:scale(.85) translateY(1px) rotate(-3deg)}50%{transform:scale(1) translateY(-1px) rotate(2deg)}to{transform:scale(.92) translateY(0) rotate(-1deg)}}@keyframes haloPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}#flame-a{top:8.5%;left:12%;width:14px;height:22px}#flame-b{top:33%;left:13.5%;width:18px;height:26px}#flame-c{top:46.5%;left:24%;width:16px;height:24px}#flame-d{top:46%;left:73%;width:18px;height:26px}#flame-e{top:34%;left:89%;width:18px;height:26px}#flame-f{top:80%;left:93%;width:14px;height:22px}.cat-click{position:absolute;top:30%;left:38%;width:26%;height:22%;z-index:5;cursor:pointer}.cat-eyes{position:absolute;top:45%;left:calc(44% - 10px);width:40%;height:18%}.cat-eyes .eye{position:absolute;top:20%;width:10px;height:7px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#ffe070 0%,#e89620 60%,transparent 100%);filter:blur(1.3px);opacity:0;animation:blinkGlow 4s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.cat-eyes .eye.left{left:10%}.cat-eyes .eye.right{left:62%}.cat-click:hover .eye{opacity:.9;animation:eyeGlow .5s ease-in-out infinite alternate}.speech-bubble{position:absolute;top:18%;left:50%;transform:translate(-50%) scale(0);background:var(--card-cream);color:var(--brown);font-family:var(--font-cn);font-size:12px;line-height:1.6;padding:10px 14px;border-radius:12px;max-width:180px;text-align:center;z-index:10;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:0 4px 20px #0006}.speech-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--card-cream)}.speech-bubble.visible{opacity:1;transform:translate(-50%) scale(1)}@keyframes blinkGlow{0%,92%,to{opacity:.3}95%{opacity:0}}@keyframes eyeGlow{0%{opacity:.65;filter:blur(1.5px)}to{opacity:1;filter:blur(2.5px)}}.crystal{position:absolute;top:59%;left:68%;width:20%;aspect-ratio:1/1;border-radius:50%;z-index:4;cursor:pointer;overflow:visible}.crystal .aura{position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,200,120,.22) 0%,rgba(255,150,80,.1) 40%,transparent 70%);filter:blur(10px);animation:auraPulse 3s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none;opacity:.45;transition:opacity .5s ease}.crystal .inner-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 40% 32%,rgba(255,245,220,.4) 0%,transparent 55%);filter:blur(2px);animation:innerSwirl 6s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .5s ease}.crystal .sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff5d8;box-shadow:0 0 6px #fff5d8,0 0 12px #ffdc8ccc;animation:sparkleOrbit 4s linear infinite;mix-blend-mode:screen;pointer-events:none;opacity:0}.crystal .sparkle:nth-child(3){animation-delay:-1.3s;animation-duration:5s}.crystal .sparkle:nth-child(4){animation-delay:-2.7s;animation-duration:3.5s}.crystal:hover .aura{opacity:1;animation-duration:1.6s}.crystal:hover .inner-glow{opacity:.9;animation-duration:2s}.crystal:hover .sparkle{opacity:1;animation-duration:2.2s!important}@keyframes auraPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes innerSwirl{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(18deg) scale(1.05)}}@keyframes sparkleOrbit{0%{top:20%;left:40%;opacity:0}20%{opacity:1}50%{top:65%;left:70%;opacity:1}80%{opacity:.3}to{top:25%;left:30%;opacity:0}}.steam{position:absolute;top:63%;left:6%;width:30px;height:60px;z-index:4;pointer-events:none}.steam span{position:absolute;bottom:0;left:50%;width:8px;height:8px;background:radial-gradient(circle,rgba(230,220,200,.3) 0%,transparent 70%);border-radius:50%;filter:blur(3px);animation:steamRise 4s ease-out infinite}.steam span:nth-child(1){animation-delay:0s;left:30%}.steam span:nth-child(2){animation-delay:1.2s;left:60%}.steam span:nth-child(3){animation-delay:2.4s;left:45%}@keyframes steamRise{0%{bottom:0;opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:.5}to{bottom:100%;opacity:0;transform:translate(-50%) translate(10px) scale(1.8)}}.sparkle-canvas{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.55}.cursor-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,90,.12) 0%,transparent 60%);filter:blur(4px);pointer-events:none;z-index:5;mix-blend-mode:screen;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease}.scene-frame:hover .cursor-glow{opacity:1}.footer{margin-top:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:22px;z-index:5;padding:0 16px}.cta-tagline{font-family:var(--font-italic);font-style:italic;font-size:21px;color:#f4e9d19e;letter-spacing:.03em;text-align:center;line-height:1.45;max-width:360px}@media(min-width:400px){.title{font-size:32px;letter-spacing:.14em}}@media(min-width:600px){.stage{max-width:560px}.scene-wrap{width:82%;max-width:500px}.header{margin-bottom:24px}.title{font-size:38px;letter-spacing:.16em}.cta-tagline{font-size:18px;max-width:440px}.eyebrow{font-size:11px;letter-spacing:.55em}.flame .core{width:8px;height:14px}#flame-a{width:16px;height:24px}#flame-b,#flame-d,#flame-e{width:20px;height:30px}#flame-c{width:18px;height:26px}#flame-f{width:16px;height:24px}}@media(min-width:900px){body{padding:36px 24px}.stage{max-width:720px}.scene-wrap{width:78%;max-width:560px}.header{margin-bottom:34px}.title{font-size:44px;letter-spacing:.18em}.scene-wrap{margin:0 auto}.cta-tagline{font-size:19px;max-width:500px}.eyebrow{font-size:12px;margin-bottom:18px}.footer{margin-top:40px;gap:20px}.flame .core{width:9px;height:16px}#flame-a{width:18px;height:26px}#flame-b,#flame-d,#flame-e{width:22px;height:32px}#flame-c{width:20px;height:30px}#flame-f{width:18px;height:26px}}