:root{--burgundy-deep: #1a0a0c;--burgundy: #2a1215;--burgundy-light: #3d1a1e;--gold: #c9a227;--gold-light: #e3c766;--gold-pale: #f5e6b3;--cream: #e8dcc4;--white: #fff9f0;font-family:Cormorant Garamond,Georgia,serif;line-height:1.6;font-weight:400;color:var(--cream);background:var(--burgundy);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100vh;overflow-x:hidden;background:var(--burgundy-deep)}body{width:100%;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(61,26,30,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(61,26,30,.6) 0%,transparent 40%),radial-gradient(ellipse at 20% 90%,rgba(61,26,30,.6) 0%,transparent 40%),var(--burgundy-deep)}#root{width:100%;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}::selection{background:var(--gold);color:var(--burgundy-deep)}.game-container{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.corner{position:fixed;width:100px;height:100px;color:var(--gold);opacity:.8;z-index:10}.corner-tl{top:20px;left:20px}.corner-tr{top:20px;right:20px}.corner-bl{bottom:20px;left:20px}.corner-br{bottom:20px;right:20px}.corner svg{width:100%;height:100%}.intro-screen{text-align:center;animation:fadeIn 1s ease-out}.intro-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.intro-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;color:var(--gold);letter-spacing:.1em;margin:0}.intro-subtitle{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1.2rem,3vw,1.6rem);color:var(--cream);opacity:.8;margin:0}.intro-instruction{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,2.5vw,1.2rem);color:var(--cream);opacity:.6;margin:0}.start-button{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.3rem);letter-spacing:.1em;color:var(--burgundy-deep);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);border:2px solid var(--gold);padding:1rem 2.5rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9a22766}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-screen{width:100%;max-width:400px;text-align:center;animation:fadeIn .5s ease-out}.level-indicator{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;opacity:.7}.beat-display{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.beat-number{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,10vw,5rem);color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(201,162,39,.5)}.beat-label{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;color:var(--cream);text-transform:uppercase;letter-spacing:.3em;opacity:.6}.instruction{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1.2rem,3vw,1.5rem);color:var(--cream);margin:0 0 2rem;min-height:2em}.dance-floor{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at center,rgba(61,26,30,.5) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(201,162,39,.03) 20px,rgba(201,162,39,.03) 40px);border:1px solid rgba(201,162,39,.2);border-radius:8px;margin-bottom:2rem}.foot-button{position:absolute;width:70px;height:auto;background:none;border:none;padding:0;cursor:default;transition:all .3s ease}.foot-button img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(78%) sepia(37%) saturate(547%) hue-rotate(7deg) brightness(95%) contrast(87%);opacity:.4;transition:opacity .3s ease}.foot-button.weighted img{opacity:.9}.foot-button.clickable{cursor:pointer}.foot-button.clickable img{animation:pulseOpacity 1.2s ease-in-out infinite}.foot-button.clickable:hover img{opacity:.95}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:.85}}.hold-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-style:italic;color:var(--gold);background:#1a0a0ccc;border:1px solid var(--gold);padding:.8rem 2rem;cursor:pointer;animation:pulseGlow 1.5s ease-in-out infinite;transition:all .3s ease}.hold-button:hover{background:#c9a22733;transform:translate(-50%,-50%) scale(1.05)}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #c9a2274d}50%{box-shadow:0 0 25px #c9a22799}}.progress-bar{display:flex;justify-content:center;gap:.5rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:#c9a22733;border:1px solid rgba(201,162,39,.4);transition:all .3s ease}.progress-dot.completed{background:var(--gold);border-color:var(--gold)}.progress-dot.current{border-color:var(--gold);box-shadow:0 0 10px #c9a22780;animation:currentPulse 1s ease-in-out infinite}@keyframes currentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.reveal-screen{text-align:center;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;align-items:center;gap:2rem}.messages-container{display:flex;flex-direction:column;gap:.5rem}.revealed-message{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(1.3rem,4vw,2rem);color:var(--cream);margin:0;opacity:.5}.revealed-message.latest{color:var(--gold);opacity:1;animation:glowIn .8s ease-out}@keyframes glowIn{0%{opacity:0;text-shadow:0 0 0 rgba(201,162,39,0)}50%{text-shadow:0 0 40px rgba(201,162,39,.8)}to{opacity:1;text-shadow:0 0 20px rgba(201,162,39,.3)}}.continue-button{font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid var(--gold);padding:.8rem 2rem;cursor:pointer;transition:all .3s ease}.continue-button:hover{background:#c9a2271a;transform:translateY(-2px)}.dance-loop{position:relative;width:280px;height:200px;margin-top:2rem}.loop-foot{position:absolute;width:80px;height:auto;transition:all .15s ease-out}.loop-foot img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(78%) sepia(37%) saturate(547%) hue-rotate(7deg) brightness(95%) contrast(87%);opacity:.65;transition:opacity .15s ease-out}@media(max-width:600px){.dance-loop{width:220px;height:160px}.loop-foot{width:60px}}.final-screen{text-align:center;animation:fadeIn 1s ease-out;display:flex;flex-direction:column;align-items:center;gap:2rem}.final-messages{display:flex;flex-direction:column;gap:.3rem;opacity:.5}.final-message{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(1rem,2.5vw,1.3rem);color:var(--cream);margin:0}.question-reveal{animation:revealQuestion 1.5s ease-out .5s both}@keyframes revealQuestion{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.for-name{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1.4rem,4vw,2rem);color:var(--cream);margin:0 0 .5rem;opacity:.9}.the-question{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,5vw,3rem);color:var(--gold);margin:0;text-shadow:0 0 40px rgba(201,162,39,.4)}.answer-buttons{display:flex;flex-direction:column;align-items:center;gap:.8rem}.yes-button{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.2rem,3vw,1.5rem);letter-spacing:.15em;color:var(--burgundy-deep);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);border:2px solid var(--gold);padding:1rem 3rem;cursor:pointer;transition:all .3s ease;animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #c9a2274d}50%{box-shadow:0 0 40px #c9a22799}}.yes-button.super-pulse{animation:superPulse .8s ease-in-out infinite}@keyframes superPulse{0%,to{box-shadow:0 0 30px #c9a22799;filter:brightness(1)}50%{box-shadow:0 0 60px #c9a227e6,0 0 100px #c9a22780;filter:brightness(1.2)}}.yes-button:hover{box-shadow:0 10px 40px #c9a22780}.no-button{font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;color:var(--cream);background:none;border:none;text-decoration:underline;cursor:pointer;opacity:.5;transition:opacity .3s ease}.no-button:hover{opacity:.7}.no-message{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(.9rem,2vw,1.1rem);color:var(--cream);opacity:.7;margin-top:1.5rem;max-width:300px;text-align:center;animation:fadeIn .5s ease-out}.celebration-screen{text-align:center;animation:fadeIn 1s ease-out;position:relative}.celebration-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:1;position:relative}.love-text{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,6vw,4rem);color:var(--gold);margin:0;text-shadow:0 0 40px rgba(201,162,39,.5),0 0 80px rgba(201,162,39,.3)}.dance-together{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--cream);margin:0 0 2rem}.dancing-couples{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.couple-pair{position:relative;width:280px;height:140px}.couple-pair.large{width:280px;height:140px}.couple-pair.small{width:220px;height:110px}.couple-foot{position:absolute;width:70px;height:auto;transition:all .15s ease-out}.couple-pair.small .couple-foot{width:55px}.couple-foot img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(78%) sepia(37%) saturate(547%) hue-rotate(7deg) brightness(95%) contrast(87%);opacity:.65}.wisps-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.wisp{position:absolute;background:var(--gold);border-radius:50%;opacity:.5;box-shadow:0 0 8px var(--gold),0 0 15px #c9a22766}@media(max-width:600px){.corner{width:60px;height:60px}.corner-tl{top:10px;left:10px}.corner-tr{top:10px;right:10px}.corner-bl{bottom:10px;left:10px}.corner-br{bottom:10px;right:10px}.game-container{padding:1rem}.foot-button{width:55px}.couple-pair.large{width:220px;height:110px}.couple-pair.small{width:180px;height:90px}.couple-foot{width:50px}.couple-pair.small .couple-foot{width:40px}}