*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;position:fixed;width:100%;height:100%}#root{width:100%;height:100%}body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root,.game-viewport,.centerpiece{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-viewport{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;cursor:pointer}.centerpiece{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.birthday-text-container{position:relative;text-align:center;z-index:2}.birthday-message{font-family:Pixelify Sans,Courier New,Courier,monospace;font-weight:700;font-size:5rem;color:#f5f5f5;letter-spacing:.05em;animation:pulse 2s ease-in-out infinite;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:0}.birthdate{font-family:Pixelify Sans,Courier New,Courier,monospace;font-weight:400;font-size:1.4rem;color:#f5f5f5;margin:0 0 .5rem;-webkit-user-select:none;user-select:none;opacity:.8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.desktop-line{display:inline}.mobile-line1,.mobile-line2{display:none}.click-hint{font-family:Pixelify Sans,Courier New,Courier,monospace;color:#fff;font-size:1rem;margin-top:1rem;text-align:center;-webkit-user-select:none;user-select:none;animation:fadeInOut 3s ease-in-out infinite;z-index:1}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (min-width: 1024px){.birthday-message{font-size:5rem;letter-spacing:.05em}.birthdate{font-size:1.4rem}.seconds-text{font-size:1.1rem}}@media (max-width: 1023px) and (min-width: 768px){.birthday-message{font-size:3.5rem;letter-spacing:.04em}.birthdate{font-size:1.2rem}.seconds-text{font-size:.95rem}}@media (max-width: 767px) and (min-width: 481px){.top-text-container{gap:.8rem}.birthday-message{font-size:2.5rem}.birthdate{font-size:1rem}.seconds-text{font-size:.85rem}.click-hint{font-size:.9rem;margin-top:.8rem}.seconds-number{min-width:10ch}.action-button{font-size:14px;padding:6px 12px}.action-buttons{gap:8px;margin-top:16px}}@media (min-width: 481px) and (max-height: 500px) and (orientation: landscape){.top-text-container{gap:.5rem}.birthday-message{font-size:1rem}.game-content{flex-direction:row;gap:3rem}.click-hint{font-size:.75rem;margin-top:.5rem}.seconds-number{min-width:9ch}.action-button{font-size:12px;padding:4px 8px}.action-buttons{gap:6px;margin-top:12px}}@media (max-width: 480px){.top-text-container{gap:.5rem}.birthday-message{font-size:min(2rem,7vw);letter-spacing:.01em;line-height:1.3;white-space:normal}.desktop-line{display:none}.mobile-line1,.mobile-line2{display:block;white-space:nowrap}.birthday-message .line1{white-space:nowrap;display:block;text-align:center}.mobile-break{display:block;text-align:center;margin-top:.2em;white-space:nowrap}.birthdate{font-size:.8rem;margin-bottom:.3rem}.click-hint{font-size:.75rem;margin-top:.6rem}.seconds-text{font-size:.7rem;white-space:normal;max-width:90vw}.seconds-number{min-width:9ch}.action-button{font-size:12px;padding:5px 10px}.action-buttons{gap:6px;margin-top:12px}}.game-content{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;gap:0;padding:1rem}.top-text-container{position:fixed;top:20%;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;gap:1.2rem;padding:0 1rem}.info-container{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.6rem}.birthday-seconds-counter{position:relative;text-align:center;z-index:1;opacity:.85;transition:opacity .3s ease}.birthday-seconds-counter:hover{opacity:1}.seconds-text{font-family:Pixelify Sans,Courier New,Courier,monospace;font-weight:400;font-size:1.1rem;color:#f5f5f5cc;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:gentlePulse 4s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:.8}50%{opacity:1}}.ground-line{position:fixed;bottom:25%;left:0;right:0;width:100%;height:2px;z-index:10;pointer-events:none;overflow:hidden}.ground-line:before{content:"";position:absolute;left:0;top:0;width:3000px;height:2px;background:repeating-linear-gradient(to right,#FF6B35 0,#FF6B35 20px,transparent 20px,transparent 30px);will-change:transform;transform:translateZ(0);animation:moveDashes var(--ground-speed, 8s) linear infinite}@keyframes moveDashes{0%{transform:translate(0)}to{transform:translate(-30px)}}@media (max-width: 768px){.ground-line:before{animation-timing-function:linear;animation-duration:calc(var(--ground-speed, 8s) * 1.2)}}@media (max-width: 480px){.ground-line:before{animation-duration:calc(var(--ground-speed, 8s) * 1.5)}}.conan-viewport{position:fixed;left:0;right:0;bottom:25%;width:100vw;display:flex;flex-direction:column;align-items:center;z-index:12;pointer-events:none}.conan-viewport *{pointer-events:auto}.below-ground-container{position:fixed;bottom:0;left:0;right:0;height:25%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;gap:10px;z-index:11;pointer-events:none}.below-ground-container *{pointer-events:auto}.action-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.action-button{padding:8px 16px;font-family:Pixelify Sans,cursive;font-size:16px;background-color:#2c3e50;color:#ecf0f1;border:2px solid #3A4A5C;cursor:pointer;image-rendering:pixelated;transition:all .2s ease;border-radius:4px;box-shadow:inset 0 -2px #0000004d}.action-button.active{background-color:#3498db;color:#fff;border-color:#2980b9;transform:scale(1.05);box-shadow:inset 0 -2px #0003,0 0 10px #3498db80}.action-button:hover:not(.active){background-color:#34495e;border-color:#ff6b3580;transform:scale(1.05)}.action-button:active{transform:scale(.95)}.action-button:disabled{background-color:#34495e;border-color:#2c3e50;color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.action-button:disabled:hover{background-color:#34495e;transform:none}.music-icon{position:fixed;top:20px;left:20px;width:36px;height:36px;cursor:pointer;image-rendering:pixelated;z-index:100;opacity:.75;transition:all .3s cubic-bezier(.4,1.3,.6,1);display:block;outline:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));transform-style:preserve-3d;backface-visibility:hidden}.music-icon.playing{opacity:1;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(52,152,219,.4));animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%{transform:scale(1) translateZ(0)}50%{transform:scale(1.08) translateZ(0)}to{transform:scale(1) translateZ(0)}}.music-icon:hover{opacity:1;transform:scale(1.1) translateZ(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(52,152,219,.2))}.music-icon:active{transform:scale(.95) translateZ(0)}.music-icon:focus-visible{outline:2px dashed rgba(255,255,255,.5);outline-offset:3px}@media (max-width: 768px){.music-icon{top:15px;left:15px;width:32px;height:32px}}@media (max-width: 480px){.music-icon{top:12px;left:12px;width:28px;height:28px}}@media (prefers-color-scheme: light){.music-icon{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3)) drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.music-icon.playing{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3)) drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 8px rgba(52,152,219,.5))}.music-icon:hover{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3)) drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 6px rgba(52,152,219,.3))}}.conan-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.conan-container{display:flex;justify-content:center;align-items:flex-end;margin-bottom:-28px;transition:transform .1s ease-out}@keyframes jump{0%{transform:translateY(0) scaleY(1)}25%{transform:translateY(-20px) scaleY(.9)}50%{transform:translateY(-80px) scaleY(1.1)}75%{transform:translateY(-20px) scaleY(.95)}to{transform:translateY(0) scaleY(1)}}.conan-container.jumping{animation:jump .6s ease-out}.conan-sprite{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(3);transform-origin:center bottom;position:relative;top:0;pointer-events:none}.floor-line{position:relative;left:50%;transform:translate(-50%);width:100vw;height:0;background:none;border:none;z-index:0;pointer-events:none}.floor-line:before{content:"";position:absolute;left:0;top:0;width:200%;height:0;border-bottom:3px dashed #FF6B35;animation:moveDashes var(--ground-speed, 3s) linear infinite}@keyframes moveDashes{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.conan-sprite{transform:scale(2.5);top:0}.floor-line{width:100vw;height:3px;background-size:32px 3px;animation:moveGroundTablet var(--ground-speed, 3s) linear infinite}.conan-container{margin-bottom:-23px}@keyframes jump{0%{transform:translateY(0) scaleY(1)}25%{transform:translateY(-15px) scaleY(.9)}50%{transform:translateY(-60px) scaleY(1.1)}75%{transform:translateY(-15px) scaleY(.95)}to{transform:translateY(0) scaleY(1)}}}@media (max-width: 480px){.conan-sprite{transform:scale(2);top:0}.floor-line{width:100vw;height:3px;background-size:28px 3px;animation:moveGroundMobile var(--ground-speed, 3s) linear infinite}.conan-container{margin-bottom:-18px}@keyframes jump{0%{transform:translateY(0) scaleY(1)}25%{transform:translateY(-12px) scaleY(.9)}50%{transform:translateY(-50px) scaleY(1.1)}75%{transform:translateY(-12px) scaleY(.95)}to{transform:translateY(0) scaleY(1)}}}.cloud-layer{position:absolute;top:0;left:0;width:100vw;height:25vh;pointer-events:none;overflow:visible}.layer-1{z-index:1}.layer-2{z-index:2}.layer-3{z-index:3}.cloud{position:absolute;right:-200px;image-rendering:pixelated;animation-name:move-cloud;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes move-cloud{0%{right:-200px}to{right:100vw}}.floating-objects-container{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:1}.floating-object{position:absolute;right:-200px;image-rendering:pixelated;animation:move-floating-object var(--animation-duration, 12s) linear 1 forwards,pixelLife 2.5s ease-in-out infinite,pixelPulse 1.8s ease-in-out infinite;width:160px;height:160px;object-fit:contain;opacity:.45}@keyframes move-floating-object{0%{right:-200px}to{right:calc(100vw + 200px)}}@keyframes pixelLife{0%{transform:scale(.96) rotate(0);filter:brightness(1)}25%{transform:scale(1) rotate(1.5deg);filter:brightness(1.05)}50%{transform:scale(1.04) rotate(0);filter:brightness(1.1)}75%{transform:scale(1) rotate(-1.5deg);filter:brightness(1.05)}to{transform:scale(.96) rotate(0);filter:brightness(1)}}@keyframes pixelPulse{0%,to{opacity:.4}50%{opacity:.6}}@media (max-width: 1024px){.floating-object{width:140px;height:140px}}@media (max-width: 768px){.floating-object{width:130px;height:130px}}@media (max-width: 480px){.floating-object{width:120px;height:120px}}@media (max-width: 360px){.floating-object{width:100px;height:100px}}.floating-object-manual{position:absolute;image-rendering:pixelated;animation:pixelLife 2.5s ease-in-out infinite,pixelPulse 1.8s ease-in-out infinite;width:160px;height:160px;object-fit:contain;opacity:.45;transform:translateZ(0);will-change:right;backface-visibility:hidden}@media (max-width: 1024px){.floating-object-manual{width:140px;height:140px}}@media (max-width: 768px){.floating-object-manual{width:130px;height:130px}}@media (max-width: 480px){.floating-object-manual{width:120px;height:120px}}@media (max-width: 360px){.floating-object-manual{width:100px;height:100px}}.floating-object{transform:translateZ(0);will-change:right;backface-visibility:hidden}.dynamic-sky-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;overflow:hidden;transform:translateZ(0)}.sky-background{position:absolute;top:0;left:0;right:0;height:var(--sky-height);z-index:-2;animation:skyGradient 180s linear infinite;background:linear-gradient(to top,#e3f2fd,#b3e5fc,#81d4fa,#64b5f6,#90caf9);will-change:background;transform:translateZ(0)}.ground-background{position:absolute;bottom:0;left:0;right:0;height:var(--ground-height);background-color:#2c3e50;z-index:-2;transform:translateZ(0)}@keyframes skyGradient{0%{background:linear-gradient(to top,#e3f2fd,#b3e5fc,#81d4fa,#64b5f6,#90caf9)}8%{background:linear-gradient(to top,#bbdefb,#90caf9,#64b5f6,#42a5f5,#2196f3)}16%{background:linear-gradient(to top,#e1f5fe,#b3e5fc,#81d4fa,#4fc3f7,#29b6f6)}24%{background:linear-gradient(to top,#e0f7fa,#b2ebf2,#80deea,#4dd0e1,#26c6da)}33%{background:linear-gradient(to top,#e8f5e8,#c8e6c9,#a5d6a7,#81c784,#66bb6a)}41%{background:linear-gradient(to top,#fff3e0,#ffe0b2,#ffcc80,#ffb74d,#ffa726)}50%{background:linear-gradient(to top,#ffe0b2,#ffcc80,#ffb74d,#ffa726,#ff9800)}58%{background:linear-gradient(to top,#ffcc80,#ffb74d,#ffa726,#ff9800,#fb8c00)}66%{background:linear-gradient(to top,#4a90e2,#5c6bc0,#3f51b5,#303f9f,#283593)}75%{background:linear-gradient(to top,#3949ab,#303f9f,#283593,#1a237e,#0d47a1)}83%{background:linear-gradient(to top,#1a237e,#0d47a1,#01579b,#004ba0,#002171)}91%{background:linear-gradient(to top,#0d47a1,#01579b,#004ba0,#002171,#000051)}to{background:linear-gradient(to top,#e3f2fd,#b3e5fc,#81d4fa,#64b5f6,#90caf9)}}@media (max-width: 768px){.sky-background{animation-duration:150s}}@media (max-width: 480px){.sky-background{animation-duration:120s}}.sky-background{transition:background .5s ease-out}.sky-background{will-change:background;transform:translateZ(0)}