:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-quaternary: #4b5563;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--text-muted: #6b7280;--accent-primary: #f59e0b;--accent-primary-hover: #d97706;--accent-secondary: #f3f4f6;--error: #ef4444;--success: #10b981;--border-color: #4b5563}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-between:space-between}.text-center{text-align:center}.p-8{padding:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.text-container,.scrollable-content{padding:1rem}.bg-gray-800,.bg-gray-900{padding:1.25rem}ol,ul{padding-left:1.5rem;margin-bottom:1rem}pre,code,.font-mono{padding:.75rem;margin-bottom:.75rem}input,textarea,select{padding:.75rem;max-width:100%;width:100%;box-sizing:border-box}.activity-log,.code-block,.content-area{padding:1rem;margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.ml-2{margin-left:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-x-4>*+*{margin-left:1rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.w-full{width:100%}.h-8{height:2rem}.h-48{height:12rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid}.border-gray-600{border-color:var(--border-color)}.border-gray-700{border-color:#374151}.bg-gray-900{background-color:var(--bg-primary)}.bg-gray-800{background-color:var(--bg-secondary)}.bg-gray-700{background-color:var(--bg-tertiary)}.bg-yellow-500{background-color:var(--accent-primary)}.bg-yellow-600,.hover\:bg-yellow-600:hover{background-color:var(--accent-primary-hover)}.hover\:bg-gray-700:hover{background-color:var(--bg-tertiary)}.hover\:bg-gray-600:hover{background-color:var(--bg-quaternary)}.text-white{color:var(--text-primary)}.text-black{color:#000}.text-gray-300{color:var(--text-secondary)}.text-gray-400{color:var(--text-tertiary)}.text-gray-500{color:var(--text-muted)}.text-yellow-400{color:#fbbf24}.text-yellow-500{color:var(--accent-primary)}.text-yellow-200{color:#fef08a}.text-red-400{color:#f87171}.text-red-500{color:var(--error)}.text-left{text-align:left}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-y-auto{overflow-y:auto}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bg-opacity-50{--tw-bg-opacity: .5}.z-10{z-index:10}.cursor-not-allowed{cursor:not-allowed}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y: 3rem}.translate-x-6{--tw-translate-x: 1.5rem}.-translate-x-12{--tw-translate-x: -3rem}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-yellow-500:focus{border-color:var(--accent-primary)}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-yellow-400{--tw-gradient-from: #fbbf24;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))}.to-yellow-600{--tw-gradient-to: #d97706}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shine{animation:shine 3s infinite}input{outline:none}button{cursor:pointer;border:none}button:disabled{cursor:not-allowed;opacity:.7}.flex-grow{flex-grow:1}.disabled\:opacity-50:disabled{opacity:.5}button{transition-property:background-color,border-color,color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--accent-primary)!important;color:#000!important;padding:.75rem 1.5rem;font-weight:700}.btn-primary:hover{background-color:var(--accent-primary-hover)!important}.btn-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;padding:.75rem 1.5rem}.btn-secondary:hover{background-color:var(--bg-quaternary)!important}.btn-ghost{background-color:transparent!important;border:1px solid var(--border-color);color:var(--text-primary)!important;padding:.75rem 1.5rem}.btn-ghost:hover{background-color:#ffffff1a!important}.btn-danger{background-color:var(--error)!important;color:var(--text-primary)!important;padding:.75rem 1.5rem}.btn-danger:hover{background-color:#b91c1c!important}.btn-cancel{background-color:#1f2937!important;color:#94a3b8!important;border:1px solid #374151!important;padding:.75rem 1.5rem;font-weight:500!important}.btn-cancel:hover{background-color:#374151!important;color:#e5e7eb!important}@media (max-width: 768px){.p-8{padding:1rem .75rem}.px-6{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.5rem;padding-bottom:.5rem}.text-container,.scrollable-content{padding:.75rem .5rem}.bg-gray-800,.bg-gray-900{padding:.75rem}.max-w-lg,.max-w-md{width:100%;max-width:100%;padding-left:.25rem;padding-right:.25rem}.max-h-80.overflow-y-auto{padding-left:.25rem;padding-right:.25rem}ol,ul{padding-left:1.25rem}.fixed.inset-0 .max-w-md{width:95%;max-width:95%;margin:0 auto}h2,h3{word-break:break-word}.flex.justify-between{flex-direction:column;gap:.5rem}.flex.justify-between button{width:100%}.space-x-4>*+*{margin-left:0;margin-top:.5rem}.overflow-y-auto{max-height:60vh;-webkit-overflow-scrolling:touch}body,.container-breathe,.screen-tilt,.subtle-rotate{overflow-x:hidden;max-width:100vw}button{white-space:normal;word-break:break-word}input,textarea,select{font-size:16px}.flex{max-width:100%;width:100%}.flex.w-full{flex-wrap:wrap}.flex>input{min-width:0;flex-shrink:1}label{margin-bottom:.5rem}*{max-width:100vw}.fixed.inset-0 .bg-gray-800,.fixed.inset-0 .bg-gray-700{width:95%;max-width:95%;margin:0 auto;word-break:break-word;overflow-wrap:break-word}.fixed.inset-0 p{overflow-wrap:break-word;word-break:break-word;max-width:100%}.fixed.inset-0 .rounded-lg{padding:.75rem .5rem}.fixed.inset-0 .flex.justify-between{margin-top:.75rem}}@media (max-width: 480px){.p-8{padding:.75rem .5rem}.mb-8{margin-bottom:1rem}.mb-6{margin-bottom:.75rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-xl{font-size:1.125rem;line-height:1.5rem}.fixed.inset-0 .bg-gray-800{padding:.75rem .5rem}.px-4{padding-left:.5rem;padding-right:.5rem}ol,ul{padding-left:1rem}}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.border-blue-500{border-color:#3b82f6}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.bg-green-500{background-color:#22c55e}.bg-green-600{background-color:#16a34a}.bg-green-700{background-color:#15803d}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-green-700:hover{background-color:#15803d}.border-green-500{border-color:#22c55e}.border-green-600{border-color:#16a34a}@keyframes melt{0%{transform:scale(1) rotate(0)}to{transform:scale(1.01) rotate(1deg)}}@keyframes textMelt{0%{transform:scaleY(1);filter:blur(0px)}to{transform:scaleY(1.1);filter:blur(1px)}}@keyframes spinnerMelt{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.8}to{transform:rotate(360deg) scale(1);opacity:1}}.melting-ui{animation:melt 4s ease-in-out infinite alternate}.melting-text{animation:textMelt 3s ease-in-out infinite alternate;transform-origin:center bottom}.melting-text-subtle{animation:textMelt 5s ease-in-out infinite alternate;transform-origin:center bottom}.melting-spinner{animation:spinnerMelt 4s linear infinite}@keyframes progressBarAnimation1{0%{width:0%}25%{width:35%}50%{width:55%}75%{width:75%}90%{width:85%}to{width:100%}}@keyframes progressBarAnimation2{0%{width:0%}20%{width:15%}40%{width:40%}60%{width:65%}80%{width:80%}to{width:100%}}@keyframes progressBarAnimation3{0%{width:0%}33%{width:30%}66%{width:60%}to{width:100%}}@keyframes progressBarAnimation4{0%{width:0%}10%{width:20%}20%{width:40%}60%{width:50%}80%{width:70%}90%{width:90%}to{width:100%}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.progress-container{width:100%;height:8px;background-color:#374151;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar{height:100%;background-color:#f59e0b;border-radius:4px;transition:width .3s ease}.progress-bar-pulse{animation:progressPulse 1.5s ease-in-out infinite}.progress-bar-1{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-2{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-3{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);background-size:200% 100%;animation:gradientShift 2s ease infinite}.progress-bar-4{position:relative;background-color:#f59e0b}.progress-bar-4:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:shimmer 1.5s infinite;transform:translate(-100%)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes moveButton{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-5px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(5px) translate(5px)}to{transform:translateY(0) translate(0)}}.moving-button{animation:moveButton 1.5s ease-in-out}@keyframes treasure-shake{0%{transform:scale(1) translateY(0) rotate(0)}25%{transform:scale(1.1) translateY(-5px) rotate(-2deg)}50%{transform:scale(1.15) translateY(0) rotate(0)}75%{transform:scale(1.1) translateY(3px) rotate(2deg)}to{transform:scale(1) translateY(0) rotate(0)}}.animate-treasure-shake{animation:treasure-shake .8s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px #ff5e5e,0 0 10px #ff5e5e,0 0 15px #ff5e5e;text-shadow:0 0 5px #ff5e5e,0 0 10px #ff5e5e,0 0 15px #ff5e5e}50%{box-shadow:0 0 10px #ff8f8f,0 0 20px #ff8f8f,0 0 30px #ff8f8f;text-shadow:0 0 10px #ff8f8f,0 0 20px #ff8f8f,0 0 30px #ff8f8f}}.neon-calendar{animation:neon-pulse 1.5s ease-in-out infinite;border:2px solid #ff5e5e;color:#ff5e5e;background-color:#1e1e1e99;border-radius:6px;padding:5px 10px;font-weight:700;letter-spacing:1px}@keyframes glisten{0%,to{text-shadow:none;filter:brightness(1)}25%{text-shadow:0 0 2px rgba(255,215,0,.3),0 0 3px rgba(255,215,0,.2);filter:brightness(1.05)}50%{text-shadow:0 0 5px rgba(255,215,0,.3),0 0 8px rgba(255,215,0,.2);filter:brightness(1.1)}75%{text-shadow:0 0 2px rgba(255,215,0,.3),0 0 3px rgba(255,215,0,.2);filter:brightness(1.05)}}.animate-glisten{animation:glisten 6s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) skew(-15deg);opacity:0}20%{transform:translate(-50%) skew(-15deg);opacity:.3}to{transform:translate(100%) skew(-15deg);opacity:0}}.animate-shine{animation:shine 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scale-in .6s ease-out forwards}@keyframes slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in{animation:slide-in .6s ease-out forwards}.animate-slide-in-delay-1{animation:slide-in .6s ease-out .3s forwards;opacity:0}.animate-slide-in-delay-2{animation:slide-in .6s ease-out .6s forwards;opacity:0}.animate-slide-in-delay-3{animation:slide-in .6s ease-out .9s forwards;opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-fade-in-delay{animation:fade-in .8s ease-out .5s forwards;opacity:0}.animate-fade-in-delay-2{animation:fade-in .8s ease-out 1s forwards;opacity:0}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .6s ease-out forwards}@keyframes grow-in{0%{transform:scale(0)}to{transform:scale(1)}}.animate-grow-in{animation:grow-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}.animate-glitch{animation:glitch .5s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch-text{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.animate-glitch-text{animation:glitch-text .5s infinite}@keyframes scramble{0%{content:attr(data-text)}20%{content:attr(data-alt-text-1)}40%{content:attr(data-alt-text-2)}60%{content:attr(data-alt-text-3)}80%{content:attr(data-alt-text-4)}to{content:attr(data-text)}}.corrupt-container{position:relative}.corrupt-container:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;animation:scramble 3s infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scanline{position:absolute;width:100%;height:5px;background:#fff3;animation:scanline 2s linear infinite}@keyframes flicker{0%{opacity:.8}2%{opacity:.1}4%{opacity:.8}19%{opacity:.8}21%{opacity:.6}23%{opacity:.8}55%{opacity:.8}57%{opacity:.4}59%{opacity:.8}60%{opacity:.8}62%{opacity:.2}64%{opacity:.8}99%{opacity:.8}to{opacity:.5}}.crt-effect{position:relative;animation:flicker 4s infinite}.crt-effect:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:2}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 3s steps(40,end)}.binary-rain{position:relative;overflow:hidden}.binary-digit{position:absolute;color:#0f0;font-family:monospace;animation:rain linear infinite}@keyframes rain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(1000%);opacity:0}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-fast{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float-slow{animation:float-slow 5s ease-in-out infinite}.animate-float-medium{animation:float-medium 4s ease-in-out infinite}.animate-float-fast{animation:float-fast 3s ease-in-out infinite}@keyframes binary-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(1000%);opacity:0}}.binary-column{position:absolute;top:0;font-family:monospace;color:#3f3;font-size:14px;text-shadow:0 0 5px #0f0;pointer-events:none;white-space:nowrap}.binary-digit{display:block;text-align:center;animation:binary-fall linear forwards}@keyframes corrupt{0%{transform:skew(0)}20%{transform:skew(3deg)}40%{transform:skew(-3deg)}60%{transform:skew(0)}80%{transform:skew(5deg);filter:hue-rotate(90deg)}to{transform:skew(0)}}.corrupt-text{animation:corrupt .3s ease-in-out;display:inline-block}@keyframes error-flash{0%,to{background-color:#ef444433}50%{background-color:#ef444480}}.error-message{animation:error-flash 2s infinite;padding:8px 12px;border-radius:4px;border-left:3px solid #ef4444}@keyframes reboot-pulse{0%,to{opacity:1}50%{opacity:.3}}.reboot-text{animation:reboot-pulse 2s infinite;font-family:monospace}@keyframes rotate3d{0%{transform:perspective(1200px) rotateY(0)}to{transform:perspective(1200px) rotateY(360deg)}}.rotate-3d{animation:rotate3d 4s linear infinite;transform-style:preserve-3d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.animate-shake{animation:shake .6s ease-in-out}@keyframes pulse-grow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse-grow{animation:pulse-grow 2s ease-in-out infinite}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(100px) rotate(90deg);opacity:0}}.animate-confetti{position:absolute;animation:confetti-fall 4s linear forwards}.corners:before,.corners:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #ffd700}.corners:before{top:10px;left:10px;border-right:none;border-bottom:none}.corners:after{bottom:10px;right:10px;border-left:none;border-top:none}@keyframes celebrate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-celebrate{animation:celebrate .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes strike{0%{width:0}to{width:100%}}.strike-through{position:relative}.strike-through:after{content:"";position:absolute;top:50%;left:0;width:0;height:3px;background-color:#ef4444;animation:strike .5s ease-in-out .2s forwards}.text-glitch{animation:textDistort 8s infinite alternate ease-in-out;display:inline-block}@keyframes textDistort{0%,to{letter-spacing:normal;transform:scale(1)}25%{letter-spacing:-.5px;transform:scale(1.01) skew(.5deg)}50%{letter-spacing:.5px;transform:scale(.99)}75%{letter-spacing:-.25px;transform:scale(1) skew(-.5deg)}}.subtle-rotate{animation:subtleDrift 15s infinite alternate ease-in-out;transform-origin:center}@keyframes subtleDrift{0%{transform:rotate(0) translate(0)}33%{transform:rotate(.3deg) translate(2px)}66%{transform:rotate(-.3deg) translate(-2px)}to{transform:rotate(.2deg) translate(1px)}}.screen-tilt{animation:screenTilt 20s infinite ease-in-out;transform-origin:center}@keyframes screenTilt{0%,to{transform:perspective(1000px) rotateX(0)}25%{transform:perspective(1000px) rotateX(.5deg)}50%{transform:perspective(1000px) rotateX(-.5deg)}75%{transform:perspective(1000px) rotateX(.25deg)}}.occasional-glitch{position:relative}.occasional-glitch:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;opacity:0;z-index:1;animation:occasionalGlitch 10s infinite;text-shadow:1px 0 #ff006a;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.occasional-glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;opacity:0;z-index:2;animation:occasionalGlitch 12s infinite 2s;text-shadow:-1px 0 #00b7ff;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes occasionalGlitch{0%,5%,95%,to{opacity:0;transform:translate(0)}1%,4%{opacity:.8;transform:translate(2px)}2%,3%{opacity:.8;transform:translate(-2px)}}.button-wobble{animation:buttonWobble 10s ease-in-out infinite}@keyframes buttonWobble{0%,90%,to{transform:scale(1)}92%{transform:scale(1.03) rotate(.5deg)}94%{transform:scale(.98) rotate(-.5deg)}96%{transform:scale(1.02) rotate(.25deg)}98%{transform:scale(.99) rotate(-.25deg)}}.color-shift{animation:colorShift 30s infinite alternate linear}@keyframes colorShift{0%{color:#fff}25%{color:#dcffdc}50%{color:#ffdcff}75%{color:#dcdcff}to{color:#ffffdc}}.container-breathe{animation:containerBreathe 12s infinite ease-in-out}@keyframes containerBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}.float{animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.slant-text{animation:slantText 15s infinite;display:inline-block}@keyframes slantText{0%,90%,to{font-style:normal}92%,98%{font-style:italic}}@keyframes float-emoji{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}50%{transform:translateY(-40px) translate(20px) rotate(15deg)}90%{opacity:1}to{opacity:0;transform:translateY(-80px) translate(-20px) rotate(-15deg)}}.animate-float-emoji{animation:float-emoji 30s linear infinite both;opacity:0}@keyframes audio-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b66}50%{transform:scale(1.05);box-shadow:0 0 0 6px #f59e0b00}}.audio-button-active{animation:audio-pulse 2s infinite ease-in-out}.audio-button-enter{animation:fade-in .5s ease-out forwards}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;transition:opacity 1.5s ease}.content-container-backdrop{border-radius:8px;transition:background-color .5s ease;max-width:32rem;margin-left:auto;margin-right:auto;padding:12px;position:relative;z-index:5;background-color:#111827}.background-pulse .content-container-backdrop{animation:backdrop-pulse 8s ease-in-out infinite}.background-pulse-muted .content-container-backdrop{animation:backdrop-pulse-muted 12s ease-in-out infinite}@keyframes backdrop-pulse{0%,to{background-color:#111827}50%{background-color:#181f2d}}@keyframes backdrop-pulse-muted{0%,to{background-color:#111827}50%{background-color:#141b28}}.screen-title .content-container-backdrop,.screen-grandfinale .content-container-backdrop,.screen-reveal .content-container-backdrop{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.treasure-item{position:absolute;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:treasure-float 30s ease-in-out infinite;opacity:0;transition:opacity 1.5s ease;pointer-events:none;will-change:transform}.treasure-hidden{display:none!important}.effects-muted .treasure-item{filter:drop-shadow(0 0 5px rgba(255,215,0,.3));animation:treasure-float-muted 40s ease-in-out infinite}.effects-active .treasure-item{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:treasure-float 30s ease-in-out infinite;z-index:-1}@keyframes treasure-float-muted{0%{opacity:0;transform:translateY(0) rotate(0) scale(.6)}15%{opacity:.4;transform:translateY(-15px) rotate(10deg) scale(.8)}50%{transform:translateY(-40px) translate(20px) rotate(-10deg) scale(.75)}85%{opacity:.4;transform:translateY(-75px) translate(-15px) rotate(20deg) scale(.7)}to{opacity:0;transform:translateY(-90px) translate(0) rotate(0) scale(.6)}}@keyframes treasure-float{0%{opacity:0;transform:translateY(0) rotate(0) scale(.7)}10%{opacity:.8;transform:translateY(-20px) rotate(15deg) scale(1)}50%{transform:translateY(-60px) translate(30px) rotate(-15deg) scale(.9)}90%{opacity:.8;transform:translateY(-100px) translate(-20px) rotate(30deg) scale(.8)}to{opacity:0;transform:translateY(-120px) translate(0) rotate(0) scale(.7)}}.particle{position:absolute;border-radius:50%;transform:scale(0) rotate(0);filter:blur(1px);box-shadow:0 0 12px #ffffff80;animation:particle-animation 20s ease-in-out infinite;transition:opacity 1.5s ease}.effects-muted .particle{opacity:.25}.effects-active .particle{opacity:.75}@keyframes particle-animation{0%{transform:scale(0) rotate(0);filter:blur(1px)}10%{transform:scale(1) rotate(45deg);filter:blur(.5px)}50%{transform:scale(.8) rotate(180deg) translate(100px,-50px);filter:blur(1px)}90%{transform:scale(.3) rotate(360deg) translate(-50px,100px);filter:blur(1.5px)}to{transform:scale(0) rotate(720deg);filter:blur(1px)}}.background-pulse{animation:background-pulse 8s ease-in-out infinite}.background-pulse-muted{animation:background-pulse-muted 12s ease-in-out infinite}@keyframes background-pulse{0%,to{background-color:#111827}50%{background-color:#181f2d}}@keyframes background-pulse-muted{0%,to{background-color:#111827}50%{background-color:#141b28}}
