*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,cursive,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh}.clowntown{min-height:100vh;background:linear-gradient(135deg,#1e3a5f,#2e5a8f,#4a90d9,#1e3a5f,#2e5a8f);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden;padding:2rem}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.circus-tent{position:absolute;top:0;left:0;right:0;height:200px;background:repeating-linear-gradient(90deg,#1565c0 0px 60px,#fff 60px 120px);clip-path:polygon(50% 0%,100% 100%,0% 100%);opacity:.3;z-index:1}.stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.star{position:absolute;color:#90caf9;font-size:1.5rem;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti{position:absolute;width:10px;height:10px;animation:confettiFall linear forwards;top:-10px}@keyframes confettiFall{to{transform:translateY(100vh) rotate(720deg)}}.content{position:relative;z-index:10;max-width:1200px;margin:0 auto;text-align:center}.title{font-size:clamp(2rem,8vw,6rem);font-weight:900;text-shadow:4px 4px 0px #1565C0,8px 8px 0px #42A5F5,12px 12px 0px #90CAF9;margin-bottom:1rem;color:#fff}.letter{display:inline-block;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.subtitle{font-size:clamp(1.5rem,5vw,4rem);color:#42a5f5;text-shadow:3px 3px 0px #fff,6px 6px 0px #1565C0;margin-bottom:3rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.realistic-clown-container{margin:2rem auto;padding:1rem;max-width:500px}.mime-box{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:24px;perspective:900px}.mime-box-wall{position:absolute;pointer-events:none;background:linear-gradient(var(--wall-angle, to right),rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 45%,rgba(180,220,255,.55) 50%,rgba(255,255,255,.18) 55%,rgba(255,255,255,0) 100%);opacity:0;mix-blend-mode:screen;filter:blur(1px)}.mime-box-wall-top{top:0;left:0;right:0;height:14%;--wall-angle: to bottom;animation:mimeWallFlashTop 7s ease-in-out infinite}.mime-box-wall-right{top:0;right:0;bottom:0;width:10%;--wall-angle: to left;animation:mimeWallFlashRight 7s ease-in-out infinite}.mime-box-wall-bottom{bottom:0;left:0;right:0;height:14%;--wall-angle: to top;animation:mimeWallFlashBottom 7s ease-in-out infinite}.mime-box-wall-left{top:0;left:0;bottom:0;width:10%;--wall-angle: to right;animation:mimeWallFlashLeft 7s ease-in-out infinite}@keyframes mimeWallFlashRight{0%,6%,22%,to{opacity:0}10%,14%{opacity:.95}18%{opacity:.5}}@keyframes mimeWallFlashTop{0%,30%,48%,to{opacity:0}36%,39%{opacity:.95}43%{opacity:.5}}@keyframes mimeWallFlashLeft{0%,55%,73%,to{opacity:0}61%,64%{opacity:.95}68%{opacity:.5}}@keyframes mimeWallFlashBottom{0%,80%,98%,to{opacity:0}85%,88%{opacity:.95}92%{opacity:.5}}@media(prefers-reduced-motion:reduce){.mime-box-wall{animation:none}}.cirque-gallery{margin:3rem auto 2rem;padding:1.5rem;max-width:1100px}.cirque-title{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:.08em;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.4)}.cirque-carousel{position:relative;width:100%;height:440px;perspective:1600px;margin:0 auto;display:flex;align-items:center;justify-content:center;--carousel-radius: 820px}.cirque-carousel-stage{position:relative;width:210px;height:310px;transform-style:preserve-3d;animation:carouselSpin 30s linear infinite}.cirque-carousel:hover .cirque-carousel-stage{animation-play-state:paused}.cirque-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.cirque-clown{width:100%;height:100%;object-fit:cover;border-radius:16px;border:6px solid #fff;box-shadow:0 16px 40px #00000073;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}.cirque-clown:hover{transform:scale(1.05);box-shadow:0 24px 60px #0000008c}@keyframes carouselSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.clown-face{background:#bbdefb;border-radius:50%;width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);margin:0 auto 2rem;position:relative;box-shadow:0 20px 60px #0000004d;border:8px solid #fff}.eyes{display:flex;justify-content:space-around;padding:0 20%;margin-top:25%}.eye{width:40px;height:50px;background:#fff;border-radius:50%;position:relative;box-shadow:inset 0 0 10px #0003;animation:blink 4s infinite}.eye:after{content:"";position:absolute;width:20px;height:20px;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:lookAround 3s infinite}@keyframes blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes lookAround{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-70%,-50%)}75%{transform:translate(-30%,-50%)}}.smile{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:120px;height:60px;border:6px solid #1565C0;border-top:none;border-radius:0 0 120px 120px}.honk-counter{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:2rem 0;padding:1rem;background:#1565c0b3;border-radius:20px;display:inline-block}.fun-facts{background:#ffffffe6;border-radius:20px;padding:2rem;margin-top:3rem;box-shadow:0 10px 40px #0003;max-width:600px;margin-left:auto;margin-right:auto}.fun-facts h3{color:#1565c0;font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px 0px #90CAF9}.fun-facts ul{list-style:none;padding:0}.fun-facts li{color:#333;font-size:1.1rem;margin:1rem 0;padding:.5rem;border-left:4px solid #1565C0;background:#90caf94d;border-radius:0 10px 10px 0;line-height:1.5}.secret-hint{background:linear-gradient(90deg,#1565c033,#90caf933)!important;border-left-color:#42a5f5!important;font-style:italic;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.secret-mode-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.rainbow-text{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:clamp(1.5rem,4vw,3rem);font-weight:900;background:linear-gradient(90deg,#0d47a1,#1565c0,#1976d2,#1e88e5,#2196f3,#42a5f5,#64b5f6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowShift 2s linear infinite,floatUp 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.8)}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes floatUp{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-20px)}}.dancing-emojis{position:absolute;bottom:10%;width:100%}.dancing-emoji{position:absolute;font-size:3rem;animation:danceAround 2s ease-in-out infinite}@keyframes danceAround{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(15deg) scale(1.2)}50%{transform:translateY(0) rotate(0) scale(1)}75%{transform:translateY(-30px) rotate(-15deg) scale(1.2)}}.secret-mode .clowntown{animation:gradientShift 5s ease infinite,wildRotate 10s ease-in-out infinite}@keyframes wildRotate{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.secret-mode .circus-tent{animation:tentSpin 3s linear infinite}@keyframes tentSpin{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.secret-mode .star{animation:twinkle .5s ease-in-out infinite,explode 2s ease-in-out infinite}@keyframes explode{0%,to{transform:scale(1)}50%{transform:scale(2) rotate(360deg)}}.secret-mode .clown-face{animation:faceWobble 1s ease-in-out infinite}@keyframes faceWobble{0%,to{transform:rotate(0);border-radius:50%}25%{transform:rotate(5deg);border-radius:40% 60% 60% 40%}50%{transform:rotate(0);border-radius:60% 40% 40% 60%}75%{transform:rotate(-5deg);border-radius:40% 60%}}@media(max-width:768px){.clowntown,.fun-facts{padding:1rem}.fun-facts li{font-size:1rem}.rainbow-text{font-size:1.2rem}.dancing-emoji{font-size:2rem}.cirque-carousel{height:320px;perspective:1100px;--carousel-radius: 580px}.cirque-carousel-stage{width:150px;height:220px}}.balloon{position:absolute;z-index:5;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-30px) rotate(5deg)}}.balloon-body{width:80px;height:100px;border-radius:50%/60% 60% 40% 40%;position:relative;box-shadow:0 10px 30px #0000004d;cursor:pointer;transition:transform .3s ease}.balloon-body:hover{transform:scale(1.1) rotate(10deg)}.balloon-body:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid currentColor}.balloon-shine{position:absolute;top:20%;left:20%;width:25px;height:35px;background:#fff6;border-radius:50%}.balloon-string{position:absolute;width:2px;height:150px;background:linear-gradient(to bottom,#333 0%,transparent 100%);left:50%;top:100%;transform:translate(-50%);animation:stringWave 3s ease-in-out infinite}@keyframes stringWave{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(3deg)}75%{transform:translate(-50%) rotate(-3deg)}}.juggling-container{margin:3rem 0;padding:2rem}.juggling-title{color:#fff;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:2rem}.juggling-balls{display:flex;justify-content:center;align-items:center;gap:2rem;height:150px;position:relative}.juggling-ball{width:60px;height:60px;border-radius:50%;box-shadow:0 10px 30px #0006;position:relative;animation:juggle 2s ease-in-out infinite}.juggling-ball:before{content:"";position:absolute;top:15%;left:15%;width:20px;height:20px;background:#ffffff80;border-radius:50%}@keyframes juggle{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-80px) scale(.9)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-60px) scale(.95)}}.clown-nose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:50px;background:radial-gradient(circle at 30% 30%,#42a5f5,#1565c0);border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 5px 20px #0006;transition:all .2s ease;z-index:10}.clown-nose:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 30px #1565c099}.clown-nose:active,.clown-nose.honking{transform:translate(-50%,-50%) scale(.9);box-shadow:0 3px 15px #0006}.nose-shine{position:absolute;top:20%;left:25%;width:18px;height:18px;background:#fff9;border-radius:50%;pointer-events:none}.clown-nose:after{content:"HONK!";position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;color:#1565c0;text-shadow:1px 1px 2px #fff;opacity:0;transition:opacity .2s ease}.clown-nose:hover:after{opacity:1}.mime-clip{position:absolute;inset:0;overflow:hidden;border-radius:20px;border:8px solid #fff;box-shadow:0 20px 60px #0006;background:#d9dde2}.mime-clip-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.mime-clip-scanlines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.55}.mime-clip-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%)}.mime-clip-flicker{position:absolute;inset:0;pointer-events:none;background:#ffffff0a;mix-blend-mode:overlay;animation:mimeClipFlicker .18s steps(2,end) infinite}@keyframes mimeClipFlicker{0%{opacity:.25}50%{opacity:.6}to{opacity:.25}}.mime-clip-hud{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-family:Courier New,ui-monospace,monospace;font-size:.78rem;letter-spacing:.08em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);pointer-events:none;z-index:2}.mime-clip-rec{display:inline-flex;align-items:center;gap:6px;font-weight:700}.mime-clip-rec-dot{width:9px;height:9px;border-radius:50%;background:#ff3030;box-shadow:0 0 6px #ff3030e6;animation:mimeClipBlink 1s steps(2,end) infinite}@keyframes mimeClipBlink{0%,49%{opacity:1}50%,to{opacity:.1}}.mime-clip-timestamp{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.mime-clip-flicker,.mime-clip-rec-dot{animation:none}}