:root{--ink:#0f172a;--muted:#334155;--paper:#f8fafc;--sun:#facc15;--coral:#fb7185;--sky:#38bdf8;--leaf:#34d399;color:var(--ink);background:radial-gradient(circle at 18% 20%, #93c5fd73, transparent 42%), radial-gradient(circle at 80% 78%, #fbbf2466, transparent 44%), linear-gradient(135deg, #34d3991f, transparent 48%), var(--paper);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0;overflow-x:hidden}#app{z-index:2;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.sound-toggle{z-index:4;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffaf0b8;border:2px solid #0f172a2e;border-radius:999px;align-items:center;gap:9px;padding:8px 10px;font:800 12px/1 Avenir Next,Segoe UI,sans-serif;display:inline-flex;position:fixed;top:20px;right:20px;box-shadow:0 12px 24px #0f172a1a}.sound-toggle input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.sound-track{border:2px solid var(--ink);background:#cbd5e1;border-radius:999px;width:38px;height:22px;transition:background .18s;position:relative;box-shadow:inset 0 2px #0f172a29}.sound-track:after{content:"";border:2px solid var(--ink);background:#fffaf0;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px}.sound-toggle input:checked+.sound-track{background:var(--leaf)}.sound-toggle input:checked+.sound-track:after{transform:translate(16px)}.sound-toggle input:focus-visible+.sound-track{outline-offset:3px;outline:3px solid #38bdf8a6}.home{text-align:center;width:min(100%,980px)}.label{letter-spacing:.04em;color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:700}.clock{letter-spacing:0;color:var(--ink);text-shadow:0 10px 28px #0f172a33;margin:0;font-family:SF Mono,IBM Plex Mono,Menlo,monospace;font-size:clamp(3rem,12vw,7rem);font-weight:600;line-height:1;animation:.5s ease-out both clock-in;display:block;position:relative}.clock.is-shimmering{color:#0000;background:linear-gradient(105deg, var(--ink) 0%, var(--ink) 28%, #fff 42%, #fef08a 48%, #67e8f9 54%, var(--ink) 68%, var(--ink) 100%);filter:drop-shadow(0 0 16px #67e8f96b);background-position:120% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:1.9s ease-out both clock-shimmer,1.9s ease-out both magic-glow}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.cuckoo-button,.roar-button,.mud-button{border:3px solid var(--ink);min-width:132px;min-height:48px;color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 0 var(--ink), 0 22px 30px #0f172a29;border-radius:999px;font:800 15px/1 Avenir Next,Segoe UI,sans-serif;transition:box-shadow .16s,transform .16s,background .16s}.cuckoo-button{background:var(--sun)}.roar-button{background:#9f7a38}.mud-button{background:#f9a8d4}.cuckoo-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#fde047;transform:translateY(-2px)}.roar-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#c89a43;transform:translateY(-2px)}.mud-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#f472b6;transform:translateY(-2px)}.cuckoo-button:active,.roar-button:active,.mud-button:active{box-shadow:0 3px 0 var(--ink), 0 14px 24px #0f172a29;transform:translateY(5px)}.cuckoo-button:disabled,.roar-button:disabled,.mud-button:disabled{cursor:wait;opacity:.72}.stage-wrap{width:min(100%,980px);min-height:150px;margin:28px auto 0;position:relative}.clear-button{z-index:3;border:2px solid var(--ink);width:34px;height:34px;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink), 0 12px 22px #0f172a29;background:#fffaf0;border-radius:50%;font:900 13px/1 Avenir Next,Segoe UI,sans-serif;transition:box-shadow .16s,transform .16s,background .16s;position:absolute;top:-12px;left:max(0px,50% - 230px)}.clear-button:hover{background:var(--coral);box-shadow:0 6px 0 var(--ink), 0 16px 26px #0f172a29;transform:translateY(-2px)}.clear-button:active{box-shadow:0 1px 0 var(--ink), 0 8px 18px #0f172a24;transform:translateY(3px)}.cuckoo-stage{flex-wrap:wrap;place-content:center;gap:10px;min-height:150px;display:flex}.cuckoo-word{border:3px solid var(--ink);background:var(--sky);min-width:clamp(74px,10vw,120px);min-height:clamp(48px,7vw,74px);color:var(--ink);letter-spacing:0;text-transform:uppercase;opacity:0;box-shadow:5px 5px 0 var(--ink);border-radius:7px;justify-content:center;align-items:center;padding:8px 14px;font:900 clamp(1.35rem,4vw,2.8rem)/.9 Arial Black,Impact,sans-serif;display:inline-flex;transform:translateY(18px)rotate(-3deg)scale(.92)}.cuckoo-word:nth-child(3n+2){background:var(--coral)}.cuckoo-word:nth-child(3n){background:var(--leaf)}.cuckoo-word.is-active{animation:.52s cubic-bezier(.2,1.5,.35,1) both word-pop}.cuckoo-word.is-finale{background:var(--sun);min-width:min(100%,340px)}.roar-word{background:#d5a24b}.roar-word:nth-child(3n+2){color:#fffaf0;background:#0b1736}.roar-word:nth-child(3n){background:#f8fafc}.roar-word.is-roar{background:#d5a24b;min-width:clamp(110px,13vw,170px)}.mud-word{background:#f9a8d4}.mud-word:nth-child(3n+2){color:#fffaf0;background:#8b5e34}.mud-word:nth-child(3n){background:#fecdd3}.mud-word.is-mud{color:#fffaf0;background:#6f4828;min-width:clamp(92px,12vw,150px)}.finale-word{background:#fef08a}.finale-word:nth-child(3n+2){background:#67e8f9}.finale-word:nth-child(3n){background:#f9a8d4}.finale-word.is-almost{background:#fffaf0;min-width:clamp(130px,15vw,190px)}.status{min-height:22px;color:var(--muted);margin:18px 0 0;font-size:14px}.chicken-peek{z-index:1;pointer-events:none;width:220px;height:420px;transition:bottom .56s cubic-bezier(.18,1.25,.4,1);position:fixed;bottom:-310px;left:50%;transform:translate(-50%)}.chicken-peek.is-peeking,.chicken-peek.is-looking{bottom:-150px}.chicken-neck{border:4px solid var(--ink);background:repeating-linear-gradient(0deg,#facc1547 0 16px,#0000 16px 32px),#fff7d6;border-radius:999px 999px 34px 34px;width:54px;height:285px;position:absolute;bottom:26px;left:83px;box-shadow:8px 0 #0f172a1f}.chicken-head{border:4px solid var(--ink);width:124px;height:104px;box-shadow:8px 8px 0 var(--ink);transform-origin:50% 86%;background:#fffaf0;border-radius:54% 48% 45%;position:absolute;top:30px;left:48px}.chicken-peek.is-peeking .chicken-head{animation:.72s ease-in-out infinite chicken-bob}.chicken-peek.is-looking .chicken-head{animation:1.1s ease-in-out infinite chicken-look}.chicken-comb{border:4px solid var(--ink);background:var(--coral);width:28px;height:34px;box-shadow:25px 7px 0 -1px var(--coral), 25px 7px 0 3px var(--ink), 51px 17px 0 -3px var(--coral), 51px 17px 0 1px var(--ink);border-radius:999px 999px 16px 16px;position:absolute;top:-30px;left:24px}.chicken-eye{background:var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:36px;right:35px;box-shadow:inset 4px -3px #ffffffd9}.chicken-beak{border:4px solid var(--ink);background:var(--sun);transform-origin:0;border-left:0;border-radius:0 999px 999px 0;width:42px;height:30px;position:absolute;top:44px;right:-34px}.chicken-peek.is-peeking .chicken-beak{animation:.36s steps(2,end) infinite beak-chatter}.lion-peek{z-index:1;pointer-events:none;width:310px;height:330px;transition:transform .68s cubic-bezier(.18,1.18,.35,1);position:fixed;top:50%;right:0;transform:translate(112%,-48%)rotate(-4deg)}.lion-peek.is-roaring,.lion-peek.is-looking{transform:translate(18%,-48%)rotate(-4deg)}.lion-head{border:4px solid var(--ink);transform-origin:50% 52%;background:radial-gradient(circle at 32% 30%,#fff2c580,#0000 16%),radial-gradient(circle at 64% 34%,#fff2c566,#0000 14%),repeating-radial-gradient(circle at 50% 54%,#603f1921 0 2px,#0000 2px 9px),#bd863b;border-radius:52% 50% 46% 48%;width:266px;height:238px;position:absolute;top:8px;left:20px;transform:rotate(-90deg);box-shadow:inset -16px -18px #4d301426,10px 12px #0f172a29}.lion-peek.is-roaring .lion-head{animation:.62s ease-in-out infinite lion-bob}.lion-peek.is-looking .lion-head{animation:1.25s ease-in-out infinite lion-look}.lion-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 50% 55%,#6f421f 0 28%,#0000 30%),#bd863b;border-radius:50%;width:66px;height:66px;position:absolute;top:12px}.lion-ear-left{left:-2px}.lion-ear-right{right:-4px}.lion-eye{background:#0b1020;border-radius:50%;width:17px;height:25px;position:absolute;top:78px;box-shadow:inset 6px -7px #ffffffdb}.lion-eye-left{left:76px;transform:rotate(-8deg)}.lion-eye-right{right:72px;transform:rotate(8deg)}.lion-snout{background:radial-gradient(circle at 30% 60%,#603f192e 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#603f192e 0 2px,#0000 3px),#c9944d;border-radius:48% 48% 42% 42%;width:118px;height:82px;position:absolute;top:108px;left:74px}.lion-nose{background:#071329;border:4px solid #071329;border-radius:46% 46% 54% 54%;width:74px;height:48px;position:absolute;top:104px;left:96px;box-shadow:0 5px #ffffff1f}.lion-mouth{transform-origin:top;background:#071329;border:5px solid #071329;border-top:0;border-radius:0 0 999px 999px;width:104px;height:44px;position:absolute;top:152px;left:81px}.lion-peek.is-roaring .lion-mouth{animation:.52s ease-in-out infinite lion-mouth}.lion-fang{border:3px solid var(--ink);background:#fffaf0;border-radius:0 0 999px 999px;width:18px;height:30px;position:absolute;top:154px}.fang-left{left:94px;transform:rotate(12deg)}.fang-right{right:93px;transform:rotate(-12deg)}.lion-whisker{background:#ffeecacc;border-radius:999px;width:58px;height:4px;position:absolute;top:124px}.whisker-left{left:30px;transform:rotate(-18deg)}.whisker-right{right:30px;transform:rotate(18deg)}.pig-peek{z-index:1;pointer-events:none;width:250px;height:230px;transition:transform .62s cubic-bezier(.18,1.22,.4,1);position:fixed;bottom:0;left:0;transform:translate(-86%,78%)rotate(12deg)}.pig-peek.is-rolling,.pig-peek.is-looking{transform:translate(-18%,16%)rotate(12deg)}.pig-head{border:4px solid var(--ink);transform-origin:50% 78%;background:radial-gradient(circle at 30% 24%,#ffffff5c,#0000 16%),radial-gradient(circle at 68% 66%,#be185d29,#0000 18%),#f9a8d4;border-radius:52% 50% 48% 46%;width:194px;height:170px;position:absolute;top:20px;left:28px;box-shadow:inset -12px -14px #be185d24,8px 10px #0f172a29}.pig-peek.is-rolling .pig-head{animation:.58s ease-in-out infinite pig-wiggle}.pig-peek.is-looking .pig-head{animation:1.15s ease-in-out infinite pig-look}.pig-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 54% 56%,#f472b6 0 34%,#0000 36%),#f9a8d4;border-radius:72% 28% 62% 38%;width:62px;height:58px;position:absolute;top:-14px}.pig-ear-left{left:12px;transform:rotate(-28deg)}.pig-ear-right{right:10px;transform:scaleX(-1)rotate(-28deg)}.pig-eye{background:var(--ink);border-radius:50%;width:15px;height:20px;position:absolute;top:58px;box-shadow:inset 5px -5px #ffffffdb}.pig-eye-left{left:58px}.pig-eye-right{right:58px}.pig-snout{border:4px solid var(--ink);background:#f472b6;border-radius:48% 48% 44% 44%;width:76px;height:50px;position:absolute;top:84px;left:59px;box-shadow:inset -6px -8px #be185d24}.pig-nostril{background:#6f2648;border-radius:50%;width:12px;height:17px;position:absolute;top:103px}.nostril-left{left:79px}.nostril-right{right:79px}.pig-mouth{border:4px solid var(--ink);border-top:0;border-radius:0 0 999px 999px;width:38px;height:22px;position:absolute;top:133px;left:78px}.pig-peek.is-rolling .pig-mouth{animation:.43s ease-in-out infinite pig-mouth}.pig-mud{border:3px solid var(--ink);background:#7c4a29;border-radius:50%;position:absolute}.mud-one{width:30px;height:19px;top:94px;left:28px;transform:rotate(-18deg)}.mud-two{width:24px;height:17px;top:28px;right:26px;transform:rotate(22deg)}@keyframes clock-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clock-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes magic-glow{0%,to{text-shadow:0 10px 28px #0f172a33;transform:translateY(0)scale(1)}42%{text-shadow:0 10px 28px #0f172a2e,0 0 22px #67e8f99e,0 0 44px #facc156b;transform:translateY(-2px)scale(1.012)}}@keyframes chicken-bob{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-8px)}}@keyframes chicken-look{0%,to{transform:rotate(-8deg)translateY(0)}35%{transform:rotate(7deg)translateY(-5px)}70%{transform:rotate(-3deg)translateY(-2px)}}@keyframes beak-chatter{0%,to{transform:rotate(0)scaleX(1)}50%{transform:rotate(8deg)scaleX(1.08)}}@keyframes lion-bob{0%,to{transform:rotate(-91deg)translateY(0)}50%{transform:rotate(-88deg)translateY(-7px)}}@keyframes lion-mouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.24)}}@keyframes lion-look{0%,to{transform:rotate(-96deg)translate(0)}38%{transform:rotate(-84deg)translate(-8px)}72%{transform:rotate(-90deg)translate(4px)}}@keyframes pig-wiggle{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(5deg)translateY(-7px)}}@keyframes pig-look{0%,to{transform:rotate(-9deg)translateY(0)}40%{transform:rotate(8deg)translateY(-6px)}72%{transform:rotate(2deg)translateY(-2px)}}@keyframes pig-mouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.24)}}@keyframes word-pop{0%{opacity:0;transform:translateY(18px)rotate(-3deg)scale(.92)}58%{opacity:1;transform:translateY(-8px)rotate(2deg)scale(1.08)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (width<=640px){#app{padding:18px}.clock{font-size:clamp(3rem,15vw,4.5rem)}.cuckoo-stage{gap:8px;min-height:190px}.sound-toggle{transform-origin:100% 0;top:12px;right:12px;transform:scale(.9)}.stage-wrap{min-height:190px}.clear-button{left:8px}.chicken-peek{width:180px;height:360px;bottom:-286px;transform:translate(-50%)scale(.84)}.chicken-peek.is-peeking,.chicken-peek.is-looking{bottom:-172px}.lion-peek{width:240px;height:280px;transform:translate(118%,-38%)rotate(-5deg)scale(.82)}.lion-peek.is-roaring,.lion-peek.is-looking{transform:translate(28%,-38%)rotate(-5deg)scale(.82)}.pig-peek{width:210px;height:198px;transform:translate(-88%,80%)rotate(12deg)scale(.84)}.pig-peek.is-rolling,.pig-peek.is-looking{transform:translate(-20%,18%)rotate(12deg)scale(.84)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}