:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#641a18;background:#178bd4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;background:radial-gradient(circle at 50% 45%,rgba(148,226,255,.95),transparent 43%),linear-gradient(180deg,#168ccc,#07548d)}.app:focus-visible{box-shadow:inset 0 0 0 5px #ffffffd9}.scene{position:relative;isolation:isolate;container-type:inline-size;width:min(100vw,calc(100vh * 1672 / 941));aspect-ratio:1672 / 941;flex:none;overflow:hidden;background:#75cff6;box-shadow:0 0 5cqw #002b526b}.scene-background,.scene-background__image{position:absolute;inset:0;width:100%;height:100%}.scene-background{z-index:-3}.scene-background__image{object-fit:fill;opacity:0;transition:opacity .45s ease;pointer-events:none}.scene-background__image.is-active{opacity:1}.scene:after{position:absolute;z-index:-2;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 50% 47%,rgba(255,255,255,.11),transparent 37%);animation:sky-breathe 5s ease-in-out infinite}.title-anchor{position:absolute;z-index:6;top:3.5%;left:50%;width:max-content;text-align:center;transform:translate(-50%)}.title-card{width:max-content;text-align:center;filter:drop-shadow(0 .42cqw 0 rgba(132,36,18,.18)) drop-shadow(0 .72cqw .95cqw rgba(62,60,96,.15))}.title-card h1{margin:0;padding:.03em .33em .12em;font-family:YouYuan,STKaiti,KaiTi,PingFang SC,sans-serif;font-size:6.3cqw;line-height:.95;letter-spacing:.04em;color:#fff2cf;-webkit-text-stroke:.35cqw #dd392f;paint-order:stroke fill;text-shadow:0 .08em 0 #a92625,0 .13em 0 #ffb438,0 .18em .15em rgba(92,30,28,.22)}.issue-pill{display:inline-flex;align-items:center;gap:.5em;margin-top:.48cqw;padding:.35em 1.25em;border:.22cqw solid #ffd56a;border-radius:999px;color:#fff8e9;background:linear-gradient(180deg,#f0584b,#c9222d);box-shadow:inset 0 .12cqw #ffffff59,0 .3cqw #8d2322,0 .48cqw .84cqw #5a191438;font-size:1.3cqw;font-weight:900;letter-spacing:.08em}.title-card time{display:block;margin-top:.55cqw;color:#7c4233;font-size:.85cqw;font-weight:700;text-shadow:0 .06cqw white}.cache-tag{padding:.12em .5em;border-radius:999px;color:#9a3c16;background:#ffe7a0;font-size:.65em}.sound-toggle{position:absolute;z-index:12;top:1.25cqw;right:1.25cqw;display:grid;place-items:center;width:2.8cqw;aspect-ratio:1;padding:0;border:.18cqw solid rgba(255,255,255,.78);border-radius:50%;color:#fff;background:#b82a27d1;box-shadow:0 .3cqw .78cqw #5b231e33,inset 0 .12cqw #ffffff4d;font-size:1.25cqw;cursor:pointer}.playfield{position:absolute;inset:0;pointer-events:none}.ball-slot{position:absolute;z-index:4;width:7cqw;aspect-ratio:1;transform:translate(-50%,-100%)}.ball-slot--active{z-index:20}.ball{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 .12em .05em rgba(80,14,15,.38)) drop-shadow(0 .28em .25em rgba(70,22,15,.3));transform-origin:center;will-change:transform,opacity}.ball__surface{position:absolute;inset:0;border-radius:50%}.ball__surface--red{background:radial-gradient(circle at 31% 22%,#fff 0 3%,#ffbbb4 4%,#ff554c 17%,#e6222f 55%,#a90c23)}.ball__surface--blue{opacity:0;background:radial-gradient(circle at 31% 22%,#fff 0 3%,#bdeaff 4%,#28aaff 18%,#0871e8 55%,#073ca7);box-shadow:0 0 1.2cqw #fff,0 0 2.9cqw #29a7ff,0 0 5cqw #ffd95b}.ball--dimmed{filter:saturate(.55) brightness(.66) drop-shadow(0 .18em .16em rgba(50,22,20,.25))}.ball__shine{position:absolute;z-index:2;top:12%;left:21%;width:27%;height:15%;border-radius:50%;background:#ffffffa3;filter:blur(.06cqw);transform:rotate(-24deg)}.ball__number{position:relative;z-index:3;display:grid;place-items:center;width:55%;aspect-ratio:1;border-radius:50%;color:#a31620;background:#fff6e0f0;box-shadow:inset 0 .12cqw .24cqw #ffffffe6,0 .12cqw .36cqw #460a0a2e;font-size:2.25cqw;font-weight:900;line-height:1}.ball__number--blue{color:#0757bd}.reveal-rings,.reveal-rings:before,.reveal-rings:after{position:absolute;z-index:4;inset:-17%;border:.24cqw solid rgba(255,255,255,.85);border-radius:50%;content:"";animation:ring-pop 1s ease-out infinite}.reveal-rings:before{inset:-30%;border-color:#2597ffa6;animation-delay:.16s}.reveal-rings:after{inset:-47%;border-color:#ffd74ab3;animation-delay:.3s}.instruction-anchor{position:absolute;z-index:24;left:50%;bottom:3.2%;width:max-content;transform:translate(-50%)}.instruction{display:flex;align-items:center;gap:.7em;width:max-content;padding:.55em 1.25em;border:.12cqw solid rgba(255,255,255,.72);border-radius:999px;color:#fff;background:#80221ebd;box-shadow:0 .42cqw 1.08cqw #581c1433,inset 0 .06cqw #ffffff40;-webkit-backdrop-filter:blur(.42cqw);backdrop-filter:blur(.42cqw);font-size:1.15cqw;font-weight:800;text-shadow:0 .06cqw .12cqw rgba(80,20,15,.4)}.instruction--reveal{background:linear-gradient(90deg,#b72228e6,#e65d2aeb);animation:prompt-pulse 1s ease-in-out infinite}.instruction button{padding:.55em 1.2em;border:0;border-radius:999px;color:#8d251c;background:#fff0c4;font-weight:900;cursor:pointer}.tap-spark{color:#ffe270;animation:sparkle 1.2s ease-in-out infinite alternate}.celebration{position:absolute;z-index:18;top:46%;left:50%;width:1px;height:1px;pointer-events:none}.celebration__flash{position:absolute;top:-5.7cqw;left:-5.7cqw;width:11.4cqw;height:11.4cqw;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#ffe783 18%,rgba(255,196,33,.42) 38%,transparent 72%)}.particle{position:absolute;top:-.36cqw;left:-.36cqw;display:block;width:.72cqw;height:1.08cqw;border-radius:.18cqw;background:#ffd437}.particle--1{background:#ef3d48}.particle--2{background:#2ca5ff}.particle--coin{width:1.08cqw;height:1.08cqw;border:.18cqw solid #ffeb84;border-radius:50%;background:#efa91d;box-shadow:inset 0 0 0 .12cqw #ffc941}footer{position:absolute;z-index:22;right:1cqw;bottom:.55cqw;color:#66372ab8;font-size:.6cqw;font-weight:700;text-shadow:0 .06cqw rgba(255,255,255,.7)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sky-breathe{50%{opacity:.58}}@keyframes ring-pop{0%{opacity:.95;transform:scale(.65)}to{opacity:0;transform:scale(1.18)}}@keyframes prompt-pulse{50%{transform:scale(1.035);box-shadow:0 0 1.7cqw #ffd54ab3}}@keyframes sparkle{to{transform:rotate(40deg) scale(1.25)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.scene-background__image{transition-duration:.01ms}}