@charset "UTF-8";
:root{--paper:#fff8e9;--ink:#15273e;--muted:#6b7480;--orange:#ff6848;--yellow:#ffd45b;--border:#dfdfd7;--green:#21806a;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}button:disabled{cursor:default}.experience{width:min(920px,calc(100% - 56px));margin:auto;position:relative;z-index:1}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.04em}.brand-icon{display:grid;place-items:center;background:var(--yellow);border:2px solid var(--ink);width:35px;height:35px;border-radius:10px;font-size:20px;box-shadow:2px 2px 0 var(--ink)}.top-actions{display:flex;align-items:center;gap:16px}.unofficial{display:flex;align-items:center;gap:7px;font-size:11px;color:#68716c}.unofficial i{height:6px;width:6px;background:var(--green);border-radius:50%}.icon-button{width:34px;height:34px;border:1px solid var(--border);background:transparent;border-radius:50%;display:grid;place-items:center}.icon-button svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero{max-width:790px;margin:12px auto 0}.intro{text-align:center}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow span{width:19px;height:3px;background:var(--orange);border-radius:4px}h1{font-size:clamp(40px,5.6vw,60px);letter-spacing:-.065em;line-height:1.12;margin:0;display:flex;align-items:center;justify-content:center;gap:.2em;font-weight:950}.title-accent{position:relative;color:var(--orange);display:inline-block}.title-accent svg{position:absolute;bottom:-14px;left:0;width:100%;height:15px;stroke:var(--orange);stroke-width:3;fill:none;stroke-linecap:round}.lede{font-size:13px;line-height:1.8;margin:25px 0 27px;color:var(--muted)}.stage{height:345px;position:relative;background:#fffdf5;border:2px solid var(--ink);border-radius:24px;box-shadow:6px 7px 0 #f2dfab;overflow:hidden;background-image:radial-gradient(#e5dfcc 1px,transparent 1px);background-size:21px 21px}.stage-top{position:absolute;top:17px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;z-index:5}.live-tag{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;font-weight:800}.live-tag>span{height:6px;width:6px;background:var(--orange);border-radius:100%;box-shadow:0 0 0 3px #ff68481a}.sound-button{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:6px 10px;font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.sound-button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.scene-decor{width:100%;height:100%;position:absolute;inset:0;color:#cfb87d}.speech{position:absolute;top:45px;left:50%;transform:translateX(-50%) rotate(-3deg);font-weight:800;font-size:14px;z-index:5;background:white;border:2px solid var(--ink);border-radius:14px;padding:10px 18px;white-space:nowrap;box-shadow:3px 3px 0 var(--yellow);transition:transform .25s}.speech:after{content:"";position:absolute;bottom:-8px;left:30px;width:11px;height:11px;background:white;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.cow-wrap{position:absolute;left:50%;top:77px;width:237px;height:237px;transform:translateX(-50%) rotate(-7deg);transform-origin:50% 88%;transition:transform .5s cubic-bezier(.2,1.4,.5,1),opacity .3s;z-index:2}.cow{width:100%;height:100%;overflow:visible}.cow-shadow{width:162px;height:16px;position:absolute;bottom:43px;left:50%;transform:translateX(-50%);border-radius:100%;background:#15273e15;transition:transform .4s}.tail{transform-origin:248px 213px;animation:tail .5s ease-in-out infinite alternate}.left-arm{transform-origin:88px 189px;animation:wave .32s ease-in-out infinite alternate}.right-arm{transform-origin:235px 196px;animation:hand-up .32s ease-in-out infinite alternate}.sunglasses{transform:translateY(-100px);opacity:0;transition:transform .35s cubic-bezier(.17,1.5,.5,1),opacity .2s}.cap{transform-origin:160px 76px;animation:cap .7s ease-in-out infinite alternate}.rocket-fire{opacity:0;transform-origin:160px 280px}.float-word{position:absolute;top:155px;font-weight:1000;font-size:59px;opacity:0;z-index:3;color:var(--orange);-webkit-text-stroke:1px var(--ink);text-shadow:3px 4px 0 var(--yellow);transition:all .4s cubic-bezier(.2,1.5,.5,1)}.word-left{left:calc(50% - 190px);transform:rotate(-19deg) scale(.3)}.word-right{right:calc(50% - 190px);transform:rotate(18deg) scale(.3)}.certified{position:absolute;top:126px;left:50%;transform:translateX(-50%) rotate(-14deg) scale(2);opacity:0;background:var(--yellow);border:4px solid var(--ink);outline:2px dashed var(--ink);outline-offset:-10px;border-radius:16px;padding:22px 29px 19px;text-align:center;z-index:7;transition:all .4s cubic-bezier(.1,1.8,.5,1);box-shadow:6px 6px 0 var(--orange);white-space:nowrap}.certified span,.certified small{display:block;font-size:11px;font-weight:800;letter-spacing:.15em}.certified strong{display:block;font-size:45px;font-weight:1000;letter-spacing:-.04em;margin:3px 0}.speed-lines{position:absolute;top:170px;left:20%;width:70px;z-index:1;opacity:0}.speed-lines i{height:3px;background:var(--orange);display:block;margin:12px 0;border-radius:20px}.speed-lines i:nth-child(2){width:70%;margin-left:15px}.stage-caption{position:absolute;bottom:15px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;z-index:8}.stage-caption>span:first-child{font-weight:700}.take-tag{color:var(--muted);font-size:9px}.departure{width:calc(100% - 20px);margin:28px auto 0}.departure-copy{display:flex;gap:12px;align-items:center}.destination-mark{width:37px;height:37px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;font-size:23px;background:#fffdf6}.destination{font-size:12px;margin:0 0 5px}.destination strong{font-weight:800}.countdown{font-size:10px;color:var(--muted);margin:0}.timer{font:700 26px/1 ui-monospace,Consolas,monospace;margin-left:auto;font-variant-numeric:tabular-nums;color:var(--orange)}.progress-track{height:5px;border-radius:30px;background:#e9e4d8;margin:15px 0 18px;overflow:hidden}.progress-track>div{background:var(--orange);width:0;height:100%;border-radius:30px;transition:width .1s linear}.actions{display:flex;align-items:center;gap:12px}.enter-button{display:flex;gap:33px;align-items:center;justify-content:center;text-decoration:none;color:white;background:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:13px 20px;font-size:12px;font-weight:800;box-shadow:3px 3px 0 var(--yellow);transition:transform .16s,box-shadow .16s}.enter-button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--yellow)}.enter-button>span{font-size:19px;line-height:14px}.pause-button{border:1px solid #d7d6cb;background:transparent;color:var(--ink);border-radius:12px;padding:14px 17px;font-size:11px}.replay-button{margin-left:auto;background:none;border:0;color:var(--muted);font-size:11px;padding:10px 0 10px 10px}.replay-button:hover{color:var(--ink)}footer{text-align:center;font-size:9px;line-height:1.8;color:#8a8d8b;margin:36px auto 23px}.mobile-break{display:none}.ambient{width:250px;height:250px;position:fixed;border:1px solid #e5d7af;border-radius:100%;pointer-events:none;opacity:.45}.ambient-one{top:200px;left:-180px}.ambient-two{right:-190px;bottom:15px;width:340px;height:340px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:11px 18px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:all .2s;z-index:30;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.confetti i{position:absolute;top:-25px;left:var(--x);width:7px;height:15px;background:var(--c);transform:rotate(var(--r));border-radius:2px;opacity:0}body[data-phase=arrival] .cow-wrap{animation:entrance 1.6s cubic-bezier(.2,1,.3,1) both}body[data-phase=flex] .cow-wrap{animation:dance .36s ease-in-out infinite alternate}body[data-phase=flex] .sunglasses,body[data-phase=launch] .sunglasses,body[data-phase=certified] .sunglasses{transform:translateY(0);opacity:1}body[data-phase=flex] .float-word,body[data-phase=launch] .float-word{opacity:1;transform:rotate(-14deg) scale(1)}body[data-phase=flex] .word-right,body[data-phase=launch] .word-right{transform:rotate(14deg) scale(1)}body[data-phase=launch] .cow-wrap{animation:fly .25s ease-in-out infinite alternate}body[data-phase=launch] .rocket-fire{opacity:1;animation:fire .15s ease-in-out infinite alternate}body[data-phase=launch] .cow-shadow{transform:translateX(-50%) scale(.65);opacity:.55}body[data-phase=launch] .speed-lines{opacity:1;animation:speed .2s infinite}body[data-phase=certified] .cow-wrap{transform:translateX(-50%) scale(.76) translateY(25px);opacity:.2}body[data-phase=certified] .certified{opacity:1;transform:translateX(-50%) rotate(-9deg) scale(1)}body[data-phase=certified] .speech{transform:translateX(-50%) rotate(2deg)}body[data-phase=certified] .confetti i{animation:confetti 1.7s var(--delay) ease-out both}body.is-paused *,body.is-paused *::before,body.is-paused *::after{animation-play-state:paused!important}.preview-flag{color:var(--green)!important}
@keyframes entrance{0%{transform:translateX(-160%) rotate(-20deg);opacity:0}40%{transform:translateX(-40%) rotate(9deg);opacity:1}65%{transform:translateX(-55%) rotate(-9deg)}100%{transform:translateX(-50%) rotate(-3deg)}}@keyframes dance{from{transform:translateX(-50%) rotate(-8deg) translateY(0)}to{transform:translateX(-50%) rotate(8deg) translateY(-8px)}}@keyframes tail{to{transform:rotate(16deg)}}@keyframes wave{to{transform:rotate(13deg)}}@keyframes hand-up{to{transform:rotate(-18deg)}}@keyframes cap{to{transform:rotate(5deg)}}@keyframes fly{from{transform:translateX(-50%) translateY(-16px) rotate(-7deg)}to{transform:translateX(-50%) translateY(-23px) rotate(6deg)}}@keyframes fire{to{transform:scaleY(1.25)}}@keyframes speed{to{transform:translateX(-15px)}}@keyframes confetti{0%{transform:translateY(0) rotate(var(--r));opacity:1}100%{transform:translateY(360px) rotate(calc(var(--r) + 300deg));opacity:.1}}
@media(min-width:1400px) and (min-height:900px){.hero{margin-top:35px}.stage{height:380px}.cow-wrap{top:95px;width:250px;height:250px}.speech{top:49px}.certified{top:145px}.stage-caption{bottom:18px}.cow-shadow{bottom:48px}.departure{margin-top:32px}footer{margin-top:42px}}
@media(max-width:620px){.experience{width:calc(100% - 32px)}.topbar{height:73px}.wordmark{font-size:11px;gap:8px}.brand-icon{width:30px;height:30px;font-size:17px;border-radius:9px}.top-actions{gap:10px}.unofficial{font-size:9px;gap:5px}.icon-button{width:29px;height:29px}.hero{margin-top:14px}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:17px}h1{font-size:clamp(31px,8.5vw,46px);letter-spacing:-.075em;gap:.12em}.title-accent svg{bottom:-12px;height:13px}.lede{font-size:11px;line-height:1.7;margin:26px 0 24px}.stage{height:321px;border-radius:21px;box-shadow:4px 5px 0 #f2dfab}.stage-top{top:15px;left:15px;right:15px}.live-tag{font-size:9px;gap:6px}.sound-button{font-size:9px;padding:6px 8px}.speech{top:50px;font-size:12px;padding:8px 13px}.cow-wrap{width:215px;height:215px;top:78px}.cow-shadow{bottom:42px;width:140px}.float-word{font-size:38px;top:162px}.word-left{left:calc(50% - 139px)}.word-right{right:calc(50% - 139px)}.scene-decor{width:180%;max-width:none;left:-40%}.certified{top:132px;padding:20px 24px 18px}.certified strong{font-size:37px}.certified span,.certified small{font-size:9px}.stage-caption{bottom:14px;left:15px;right:15px;font-size:9px}.take-tag{font-size:8px}.departure{width:calc(100% - 8px);margin-top:25px}.destination{font-size:10px}.countdown{font-size:8.8px}.destination-mark{height:33px;width:33px;font-size:21px;border-radius:10px}.departure-copy{gap:9px}.timer{font-size:24px}.progress-track{margin:14px 0 17px}.actions{gap:9px;flex-wrap:wrap}.enter-button{padding:12px 14px;font-size:10px;gap:17px;flex:1}.pause-button{padding:13px 13px;font-size:10px}.replay-button{font-size:9px;padding:10px 0;flex-basis:100%;margin-top:3px;text-align:center}footer{font-size:8px;margin-top:25px}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cow-wrap{transform:translateX(-50%)!important}.confetti{display:none}.cow-shadow{transform:translateX(-50%)!important}}