@font-face{font-family:PixelEnPrimary;src:url(/assets/fonts/Tiny5-Regular.ttf);font-display:swap}@font-face{font-family:PixelZhFusion;src:url(/assets/fonts/fusion-pixel-10px-monospaced-zh_hans.ttf);font-display:swap}:root{color:#f7eed1;background:#17233d;font-family:PixelZhFusion,PingFang SC,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-root{width:100vw;height:100dvh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 16%,rgba(255,214,128,.14),transparent 24rem),radial-gradient(circle at 80% 80%,rgba(97,177,255,.16),transparent 24rem),#17233d}.app-root-light{background:radial-gradient(circle at 20% 14%,rgba(255,239,176,.4),transparent 24rem),radial-gradient(circle at 84% 80%,rgba(126,89,51,.16),transparent 24rem),#c98558}.stage-shell{position:relative;width:min(100vw,520px,calc(100dvh * 402 / 782));aspect-ratio:402 / 782;overflow:hidden;background:#6f86aa;box-shadow:0 22px 80px #0000004d;isolation:isolate;container-type:size}@media(max-width:560px)and (orientation:portrait){.stage-shell{width:100vw;height:100dvh;aspect-ratio:auto;box-shadow:none}}.screen{position:absolute;inset:0;overflow:hidden;background:#6f86aa}.screen-light{background:#e8c08c}.start-screen{background:#6f86aa}.start-screen.page-light{background:#e8c08c}.pixel-font-en{font-family:PixelEnPrimary,monospace}.pixel-font-zh{font-family:PixelZhFusion,PingFang SC,Helvetica Neue,sans-serif}.start-stage{position:absolute;inset:0}.start-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:pixelated;-webkit-user-drag:none}.start-cloud-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.start-cloud-track{position:absolute;will-change:transform}.start-cloud-bob,.start-cloud-sway{width:100%;height:100%;will-change:transform}.start-cloud-code{position:relative;width:100%;height:100%;overflow:hidden;transform:translateZ(0)}.start-cloud-block{position:absolute;box-sizing:border-box}.start-cloud-body{z-index:2}.start-cloud-highlight{z-index:3}.start-cloud-shadow{z-index:4}.start-cloud-layer-dark .start-cloud-body{background:#4f668a}.start-cloud-layer-dark .start-cloud-highlight{background:#6f86aa}.start-cloud-layer-dark .start-cloud-shadow{background:#17233d}.start-cloud-layer-light .start-cloud-body{background:#d9965c}.start-cloud-layer-light .start-cloud-highlight{background:#f0bd70}.start-cloud-layer-light .start-cloud-shadow{background:#a85d50}.start-cloud-drift-east-slow{animation:startCloudDriftEastSlow 24s ease-in-out infinite}.start-cloud-drift-east-medium{animation:startCloudDriftEastMedium 20s ease-in-out infinite}.start-cloud-drift-east-fast{animation:startCloudDriftEastFast 17s ease-in-out infinite}.start-cloud-drift-west-slow{animation:startCloudDriftWestSlow 26s ease-in-out infinite}.start-cloud-drift-west-medium{animation:startCloudDriftWestMedium 21s ease-in-out infinite}.start-cloud-bob-soft{animation:startCloudBobSoft 7.2s ease-in-out infinite}.start-cloud-bob-mid{animation:startCloudBobMid 5.8s ease-in-out infinite}.start-cloud-bob-fast{animation:startCloudBobFast 4.9s ease-in-out infinite}.start-cloud-sway-wide{animation:startCloudSwayWide 13.8s ease-in-out infinite}.start-cloud-sway-long{animation:startCloudSwayLong 10.8s ease-in-out infinite}.start-cloud-sway-light{animation:startCloudSwayLight 9.4s ease-in-out infinite}.start-cloud-sway-medium-clean{animation:startCloudSwayMediumClean 10.8s ease-in-out infinite}.start-backdrop-veil{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#1d121214,#150f1314 28%,#100e132e)}.start-backdrop-bottom{position:absolute;right:0;bottom:0;left:0;z-index:3;height:38%;background:linear-gradient(180deg,#0a0a0e00,#0a0a0e47 42%,#08080cad)}.start-shell{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;padding:8.267cqw 5.333cqw 9.6cqw}.start-theme-toggle{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:30;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;appearance:none;outline:none}.start-theme-icon{position:relative;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}.start-theme-toggle:focus-visible .start-theme-icon{box-shadow:0 0 0 2px #fff0d7b8}.start-theme-icon-dark{background:#fff3}.start-theme-icon-light{background:#0003}.start-theme-icon-image{display:block;width:22px;height:22px;image-rendering:pixelated}.start-title-wrap{width:100%;text-align:center}.start-title-main{margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.4cqw;transform:none}.start-title-word{position:relative;display:inline-block;margin:0;padding:0}.start-title-text{display:block;line-height:1;white-space:nowrap;color:#fff0c7;text-shadow:none}.page-dark .start-title-text{color:#e8c08c}.start-title-text-en{font-size:clamp(44px,13.433cqw,54px);letter-spacing:1px}.start-title-text-cn{font-size:clamp(40px,12.438cqw,50px);letter-spacing:1px}.start-hero{position:relative;width:100%;height:57.333cqw;margin-top:auto}.start-hero-shadow{position:absolute;pointer-events:none;border-radius:999px;background:transparent;box-shadow:none}.start-hero-shadow-rabbit{bottom:auto;width:21.867cqw;height:5.067cqw;z-index:1;background:radial-gradient(ellipse at center,#1c0a0c7a,#1c0a0c66 34%,#1c0a0c3d 58%,#1c0a0c1f 78%,#1c0a0c00);box-shadow:0 .533cqw 2.4cqw #14080a1f;transform:translate(-64%,-36%)}.start-hero-shadow-pig{bottom:auto;width:17.6cqw;height:4cqw;z-index:1;background:radial-gradient(ellipse at center,#1c0a0c75,#1c0a0c61 34%,#1c0a0c38 58%,#1c0a0c1a 78%,#1c0a0c00);box-shadow:0 .533cqw 2.133cqw #14080a1a;transform:translate(-48%,-28%)}.start-rabbit-wrap{position:absolute;bottom:auto;z-index:2;transform:translate(-49%,-94%)}.start-rabbit-sprite{position:relative;width:42.667cqw;height:42.667cqw;transform-origin:54% 72%}.start-rabbit-frame{display:block;width:42.667cqw;height:42.667cqw;object-fit:contain;image-rendering:pixelated;-webkit-user-drag:none}.start-pig-wrap{position:absolute;bottom:auto;z-index:2;transform:translate(-50%,-92%)}.start-pig-sprite{position:relative;width:26.133cqw;height:17.6cqw}.start-pig-frame{display:block;width:26.133cqw;height:17.6cqw;object-fit:contain;image-rendering:pixelated;-webkit-user-drag:none}.start-song-panel{position:relative;top:-2px;width:90%;max-width:80cqw;margin-top:1.6cqw}.start-song-panel-outer,.start-song-panel-face,.start-action-frame,.start-action-inner{overflow:hidden}.start-song-panel-outer{position:relative;width:100%;padding:.8cqw;background:linear-gradient(#582f28,#582f28) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#582f28,#582f28) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#582f28,#582f28) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#582f28,#582f28) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#582f28,#582f28) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.start-song-panel-face{position:relative;width:100%;padding:.8cqw;background:linear-gradient(#e8c08c,#e8c08c) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#e8c08c,#e8c08c) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#e8c08c,#e8c08c) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#e8c08c,#e8c08c) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#e8c08c,#e8c08c) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.start-song-panel-core{position:relative;width:100%;margin:0;padding:2.667cqw 1.6cqw 0;background:transparent;overflow:hidden}.start-song-list{width:100%;display:flex;flex-direction:column;transform:translateY(-6px)}.start-song-row{width:100%;display:block;padding:0;background:transparent;text-align:left;appearance:none;outline:none}.start-song-row+.start-song-row{margin-top:.8cqw}.start-song-row-fill{position:relative;min-height:9.067cqw;padding:0 calc(2.933cqw + 10px) 0 calc(4cqw + 10px);display:flex;align-items:center;justify-content:flex-start;background:transparent;overflow:hidden}.start-song-title-text{display:flex;align-items:baseline;flex-wrap:nowrap;min-width:0;white-space:nowrap;transform:translateY(-1px)}.start-song-title-segment{line-height:1;color:#582f28}.start-song-title-segment+.start-song-title-segment{margin-left:.8cqw}.start-song-title-segment.pixel-font-en{position:relative;top:0;font-size:clamp(16px,4.975cqw,20px);letter-spacing:0;text-transform:none}.start-song-title-segment.pixel-font-zh{position:relative;top:2px;font-size:clamp(15px,4.478cqw,18px);letter-spacing:0}.start-song-title-segment-disabled{opacity:.46}.start-song-row-mark-slot{flex:0 0 5.333cqw;width:5.333cqw;min-width:5.333cqw;height:5.333cqw;margin-left:auto;display:flex;align-items:center;justify-content:center}.start-song-mark{position:relative;width:4.8cqw;height:4cqw}.start-song-mark-image{display:block;width:4.8cqw;height:4cqw;image-rendering:pixelated;-webkit-user-drag:none}.start-song-row-disabled{cursor:default}.start-song-row-selected .start-song-row-fill{background:transparent}.start-song-row-selected .start-song-title-segment{color:#582f28}.start-action-wrap{position:relative;width:90%;max-width:80cqw;margin-top:2.4cqw;padding:0;background:transparent;appearance:none;outline:none}.start-song-row:focus-visible .start-song-row-fill,.start-action-wrap:focus-visible .start-action-frame{filter:brightness(1.08)}.start-action-frame{position:relative;display:block;width:100%;padding:.8cqw;background:linear-gradient(#6b3418,#6b3418) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#6b3418,#6b3418) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#6b3418,#6b3418) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#6b3418,#6b3418) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#6b3418,#6b3418) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.start-action-inner{width:100%;min-height:13.067cqw;padding:0 3.2cqw;background:linear-gradient(#ee8d4a,#ee8d4a) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#ee8d4a,#ee8d4a) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#ee8d4a,#ee8d4a) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) right center / .8cqw calc(100% - 3.2cqw) no-repeat;display:flex;align-items:center;justify-content:center}.start-action-label{position:relative;padding-left:1.6cqw}.start-action-text{display:block;font-size:clamp(20px,5.97cqw,24px);line-height:1;letter-spacing:0;text-align:center;transform:translateZ(0)}.start-action-text-face{position:relative;color:#fff0d7;text-shadow:none}.page-dark .start-song-panel-outer{background:linear-gradient(#4f668a,#4f668a) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#4f668a,#4f668a) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#4f668a,#4f668a) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#4f668a,#4f668a) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#4f668a,#4f668a) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.page-dark .start-song-panel-face{background:linear-gradient(#17233d,#17233d) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#17233d,#17233d) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#17233d,#17233d) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#17233d,#17233d) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#17233d,#17233d) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.page-dark .start-song-title-segment{color:#4f668a}.page-dark .start-song-row-selected .start-song-title-segment{color:#fff0d7}.page-dark .start-action-frame{background:linear-gradient(#4f668a,#4f668a) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#4f668a,#4f668a) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#4f668a,#4f668a) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#4f668a,#4f668a) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#4f668a,#4f668a) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.page-dark .start-action-inner{background:linear-gradient(#325389,#325389) center / calc(100% - 1.6cqw) calc(100% - 1.6cqw) no-repeat,linear-gradient(#325389,#325389) top center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#325389,#325389) bottom center / calc(100% - 3.2cqw) .8cqw no-repeat,linear-gradient(#325389,#325389) left center / .8cqw calc(100% - 3.2cqw) no-repeat,linear-gradient(#325389,#325389) right center / .8cqw calc(100% - 3.2cqw) no-repeat}.page-dark .start-action-text-face{color:#fff0d7}.start-loading-overlay{position:absolute;inset:0;z-index:220;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.667cqw;background:#6f86aa}.start-loading-overlay-light{background:#e8c08c}.start-loading-spinner{width:9.6cqw;height:9.6cqw;border:1.067cqw solid rgba(23,35,61,.22);border-top-color:#17233d;border-right-color:#17233d;border-radius:50%;animation:startLoadingSpin .8s linear infinite}.start-loading-overlay-light .start-loading-spinner{border-color:#d6a46133;border-top-color:#d6a461;border-right-color:#d6a461}.start-loading-copy{display:flex;flex-direction:column;align-items:center;gap:0}.start-loading-subtitle-image{display:block;width:42.933cqw;height:auto;image-rendering:pixelated;-webkit-user-drag:none}@keyframes startLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes startCloudDriftEastSlow{0%,to{transform:translateZ(0)}18%{transform:translate3d(2.736cqw,-.498cqw,0)}42%{transform:translate3d(5.721cqw,.995cqw,0)}68%{transform:translate3d(8.458cqw,-.995cqw,0)}84%{transform:translate3d(4.229cqw,.746cqw,0)}}@keyframes startCloudDriftEastMedium{0%,to{transform:translateZ(0)}22%{transform:translate3d(3.234cqw,-.746cqw,0)}46%{transform:translate3d(6.965cqw,.746cqw,0)}73%{transform:translate3d(9.95cqw,-.995cqw,0)}88%{transform:translate3d(4.726cqw,.995cqw,0)}}@keyframes startCloudDriftEastFast{0%,to{transform:translateZ(0)}20%{transform:translate3d(3.483cqw,-.498cqw,0)}48%{transform:translate3d(7.711cqw,.995cqw,0)}70%{transform:translate3d(11.443cqw,-1.244cqw,0)}86%{transform:translate3d(5.224cqw,.746cqw,0)}}@keyframes startCloudDriftWestSlow{0%,to{transform:translateZ(0)}20%{transform:translate3d(-2.488cqw,-.498cqw,0)}44%{transform:translate3d(-5.473cqw,.995cqw,0)}70%{transform:translate3d(-7.96cqw,-.995cqw,0)}86%{transform:translate3d(-3.731cqw,.746cqw,0)}}@keyframes startCloudDriftWestMedium{0%,to{transform:translateZ(0)}18%{transform:translate3d(-3.234cqw,-.746cqw,0)}43%{transform:translate3d(-6.965cqw,.746cqw,0)}71%{transform:translate3d(-9.95cqw,-.995cqw,0)}88%{transform:translate3d(-4.478cqw,.995cqw,0)}}@keyframes startCloudBobSoft{0%,to{transform:translateZ(0)}24%{transform:translate3d(0,-.746cqw,0)}52%{transform:translate3d(0,-1.99cqw,0)}78%{transform:translate3d(0,-1.244cqw,0)}}@keyframes startCloudBobMid{0%,to{transform:translateZ(0)}22%{transform:translate3d(0,-.746cqw,0)}49%{transform:translate3d(0,-2.239cqw,0)}76%{transform:translate3d(0,-1.493cqw,0)}}@keyframes startCloudBobFast{0%,to{transform:translateZ(0)}18%{transform:translate3d(0,-.746cqw,0)}42%{transform:translate3d(0,-1.741cqw,0)}66%{transform:translate3d(0,-2.488cqw,0)}84%{transform:translate3d(0,-1.244cqw,0)}}@keyframes startCloudSwayWide{0%,to{transform:scaleZ(1) rotate(0)}25%{transform:scale3d(1.026,.986,1) rotate(.35deg)}50%{transform:scale3d(.988,1.018,1) rotate(-.26deg)}75%{transform:scale3d(1.018,.992,1) rotate(.18deg)}}@keyframes startCloudSwayLong{0%,to{transform:scaleZ(1) rotate(0)}20%{transform:scale3d(1.03,.985,1) rotate(-.24deg)}48%{transform:scale3d(.986,1.02,1) rotate(.28deg)}74%{transform:scale3d(1.02,.99,1) rotate(-.18deg)}}@keyframes startCloudSwayMediumClean{0%,to{transform:translateZ(0)}25%{transform:translate3d(.249cqw,-.249cqw,0)}50%{transform:translate3d(-.249cqw,.249cqw,0)}75%{transform:translate3d(.249cqw,0,0)}}@keyframes startCloudSwayLight{0%,to{transform:scaleZ(1) rotate(0)}28%{transform:scale3d(1.022,.988,1) rotate(.22deg)}56%{transform:scale3d(.99,1.015,1) rotate(-.2deg)}82%{transform:scale3d(1.015,.993,1) rotate(.15deg)}}.primary-button,.secondary-button{min-height:58px;padding:0 22px;border:4px solid #582f28;background:#f0c767;color:#582f28;box-shadow:0 7px #301a1573;font-size:26px}.secondary-button{background:#6f86aa;color:#f9edc4;border-color:#17233d}.game-screen{touch-action:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.loading-overlay,.error-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#6f86aa}.loading-spinner{width:44px;height:44px;border:7px solid rgba(23,35,61,.24);border-top-color:#17233d;border-right-color:#17233d;border-radius:50%;animation:spin .8s linear infinite}.error-overlay{padding:30px;text-align:center;color:#fff0c8}.result-screen{--rpx: .133333cqw;--result-fixed-font: "ResultFixedPixel", "PixelEnPrimary", "PixelZhFusion", monospace;position:absolute;inset:0;overflow:hidden;color:#582f28;background:#c59247;isolation:isolate}.result-screen .result-bg-base,.result-screen .result-bg-glow,.result-screen .result-bg-veil,.result-screen .result-bg-vignette,.result-screen .result-parchment-bg{position:absolute;inset:0}.result-screen .result-bg-base{z-index:1;background:#c59247}.result-screen .result-bg-glow,.result-screen .result-bg-veil,.result-screen .result-bg-vignette{z-index:2;background:none}.result-screen .result-parchment-bg{z-index:5;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.result-shell{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;padding:calc(var(--rpx) * 22) calc(var(--rpx) * 28) calc(var(--rpx) * 66 + env(safe-area-inset-bottom));pointer-events:none}.result-stage,.result-actions{width:94%;max-width:calc(var(--rpx) * 668)}.result-stage{position:relative;padding-top:calc(var(--rpx) * 12);pointer-events:none}.result-sparkles{position:absolute;top:calc(var(--rpx) * 8);left:0;right:0;z-index:2;height:calc(var(--rpx) * 340);pointer-events:none}.result-spark{position:absolute;width:calc(var(--rpx) * 18);height:calc(var(--rpx) * 18);color:#ffd35e;opacity:.5}.result-portal-spark{--spark-fill: #ffb24b;--spark-shadow: rgba(255, 178, 75, .18);background:none;box-shadow:none;opacity:.44;overflow:visible;transform-origin:50% 50%;animation:result-portal-spark-twinkle .82s ease-in-out infinite}.result-spark-glow,.result-spark-outer,.result-spark-core,.result-spark-trail{display:block;position:absolute;top:50%;left:50%;pointer-events:none}.result-spark-glow{width:235%;height:235%;border-radius:999px;background:radial-gradient(circle at center,#fff2b82e,#ffcf791f 44%,#ffb24b0d 78%,#ffb24b00);transform:translate(-50%,-50%)}.result-spark-outer,.result-spark-core{transform:translate(-50%,-50%) rotate(45deg)}.result-spark-outer{width:68%;height:68%;background:var(--spark-fill, #ffb24b);box-shadow:0 0 calc(var(--rpx) * 6) var(--spark-shadow, rgba(255, 178, 75, .18))}.result-spark-core{width:28%;height:28%;background:var(--spark-fill, #ffb24b);box-shadow:0 0 calc(var(--rpx) * 4) var(--spark-shadow, rgba(255, 178, 75, .18)),0 0 calc(var(--rpx) * 9) #ffcf791f}.result-spark-trail{width:calc(var(--rpx) * 2);height:calc(var(--rpx) * 5);background:#ffcf79;opacity:.28;transform:translate(-50%,72%)}.result-spark-tier-sm{width:calc(var(--rpx) * 12);height:calc(var(--rpx) * 12)}.result-spark-tier-md{width:calc(var(--rpx) * 22);height:calc(var(--rpx) * 22)}.result-spark-tier-sm .result-spark-glow{width:220%;height:220%}.result-spark-tier-sm .result-spark-trail{height:calc(var(--rpx) * 4)}.result-spark-tier-md .result-spark-glow{width:250%;height:250%}.result-spark-tier-md .result-spark-core{width:24%;height:24%}.result-spark-tier-md .result-spark-trail{height:calc(var(--rpx) * 7)}.result-spark-color-core,.result-spark-color-accent{--spark-fill: #ffb24b;--spark-shadow: rgba(255, 178, 75, .18)}.result-spark-color-mid{--spark-fill: #ffd56f;--spark-shadow: rgba(255, 213, 111, .16)}.result-spark-left-a{top:calc(var(--rpx) * 48);left:calc(var(--rpx) * 168);animation-duration:746ms;animation-delay:-30ms}.result-spark-left-b{top:calc(var(--rpx) * 82);left:calc(var(--rpx) * 118);animation-duration:658ms;animation-delay:-448ms}.result-spark-left-c{top:calc(var(--rpx) * 116);left:calc(var(--rpx) * 76);animation-duration:847ms;animation-delay:-703ms}.result-spark-left-d{top:calc(var(--rpx) * 154);left:calc(var(--rpx) * 150);animation-duration:635ms;animation-delay:-83ms}.result-spark-left-e{top:calc(var(--rpx) * 204);left:calc(var(--rpx) * 98);animation-duration:806ms;animation-delay:-467ms}.result-spark-left-f{top:calc(var(--rpx) * 238);left:calc(var(--rpx) * 176);animation-duration:862ms;animation-delay:-328ms}.result-spark-right-a{top:calc(var(--rpx) * 50);right:calc(var(--rpx) * 148);animation-duration:694ms;animation-delay:-188ms}.result-spark-right-b{top:calc(var(--rpx) * 92);right:calc(var(--rpx) * 88);animation-duration:909ms;animation-delay:-555ms}.result-spark-right-c{top:calc(var(--rpx) * 124);right:calc(var(--rpx) * 154);animation-duration:641ms;animation-delay:-154ms}.result-spark-right-d{top:calc(var(--rpx) * 168);right:calc(var(--rpx) * 72);animation-duration:877ms;animation-delay:-632ms}.result-spark-right-e{top:calc(var(--rpx) * 204);right:calc(var(--rpx) * 126);animation-duration:704ms;animation-delay:-.57s}.result-spark-right-f{top:calc(var(--rpx) * 242);right:calc(var(--rpx) * 176);animation-duration:781ms;animation-delay:-.43s}.result-hero{position:relative;z-index:3;width:100%;height:calc(var(--rpx) * 318);pointer-events:none}.result-hero-shadow{position:absolute;left:50%;bottom:calc(var(--rpx) * 14 - 50px);width:calc(var(--rpx) * 230);height:calc(var(--rpx) * 48);transform:translate(-50%);border-radius:999px;opacity:.54;background:radial-gradient(ellipse at center,#431c1252,#431c1233 42%,#431c120a 74%,#431c1200)}.result-rabbit-wrap{position:absolute;left:calc(50% + 15px);bottom:calc(var(--rpx) * -10 - 50px);transform:translate(-50%) scale(1.2);transform-origin:50% 100%}.result-rabbit-sprite,.result-rabbit-frame{width:calc(var(--rpx) * 340);height:calc(var(--rpx) * 340)}.result-rabbit-frame{display:block;object-fit:contain;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.result-status-row{position:relative;z-index:4;display:flex;justify-content:center;width:100%;margin-top:calc(var(--rpx) * 54)}.result-status-ribbon{padding:0 calc(var(--rpx) * 20)}.result-status-ribbon-face{display:flex;align-items:center;justify-content:center}.result-text-block{display:block;line-height:1;white-space:nowrap}.result-text-segments{display:flex;align-items:baseline;justify-content:center;min-width:0}.result-text-segment{line-height:1}.result-fixed-text-en{font-family:var(--result-fixed-font);font-weight:400}.result-fixed-text-zh{font-family:var(--result-fixed-font),"PixelZhFusion","PingFang SC","Helvetica Neue",sans-serif;font-weight:400}.result-status-text{font-size:34px;letter-spacing:0;color:#ffcd2f;text-shadow:0 calc(var(--rpx) * 6) 0 #8f4a19,calc(var(--rpx) * 3) 0 0 #8f4a19,calc(var(--rpx) * -3) 0 0 #8f4a19,0 calc(var(--rpx) * -3) 0 #fff0af,calc(var(--rpx) * 3) calc(var(--rpx) * 3) 0 #8f4a19,calc(var(--rpx) * -3) calc(var(--rpx) * 3) 0 #8f4a19,calc(var(--rpx) * 3) calc(var(--rpx) * -3) 0 #8f4a19,calc(var(--rpx) * -3) calc(var(--rpx) * -3) 0 #8f4a19}.result-status-text .result-text-segment{font-size:34px}.result-status-text.result-status-text-medium,.result-status-text.result-status-text-medium .result-text-segment{font-size:30px}.result-status-text.result-status-text-long,.result-status-text.result-status-text-long .result-text-segment{font-size:26px}.result-status-count,.result-status-text.result-status-text-short .result-status-count,.result-status-text.result-status-text-medium .result-status-count,.result-status-text.result-status-text-long .result-status-count{margin:0 calc(var(--rpx) * 4);color:#fff47a;font-size:44px;text-shadow:0 calc(var(--rpx) * 7) 0 #8f4a19,calc(var(--rpx) * 3) 0 0 #8f4a19,calc(var(--rpx) * -3) 0 0 #8f4a19,0 calc(var(--rpx) * -3) 0 #fff8b6,calc(var(--rpx) * 3) calc(var(--rpx) * 3) 0 #8f4a19,calc(var(--rpx) * -3) calc(var(--rpx) * 3) 0 #8f4a19,calc(var(--rpx) * 3) calc(var(--rpx) * -3) 0 #8f4a19,calc(var(--rpx) * -3) calc(var(--rpx) * -3) 0 #8f4a19,0 0 calc(var(--rpx) * 14) rgba(255,248,122,.58)}.result-panel-wrap{position:relative;z-index:4;width:92%;max-width:calc(var(--rpx) * 620);margin:0 auto}.result-panel-outer{position:relative;width:100%;padding:calc(var(--rpx) * 6);overflow:hidden;background:linear-gradient(#ddbc6c,#ddbc6c) center / calc(100% - calc(var(--rpx) * 12)) calc(100% - calc(var(--rpx) * 12)) no-repeat,linear-gradient(#ddbc6c,#ddbc6c) top center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#ddbc6c,#ddbc6c) bottom center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#ddbc6c,#ddbc6c) left center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat,linear-gradient(#ddbc6c,#ddbc6c) right center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat}.result-panel-face{width:100%;padding:calc(var(--rpx) * 6);overflow:hidden;background:linear-gradient(#fbeec2,#fbeec2) center / calc(100% - calc(var(--rpx) * 12)) calc(100% - calc(var(--rpx) * 12)) no-repeat,linear-gradient(#fbeec2,#fbeec2) top center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#fbeec2,#fbeec2) bottom center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#fbeec2,#fbeec2) left center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat,linear-gradient(#fbeec2,#fbeec2) right center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat}.result-panel-core{width:100%;min-height:calc(var(--rpx) * 466);padding:calc(var(--rpx) * 30) calc(var(--rpx) * 30) calc(var(--rpx) * 22);background:transparent}.result-song-strip{width:100%}.result-song-header{display:flex;align-items:center;gap:calc(var(--rpx) * 20);height:calc(var(--rpx) * 96);min-height:calc(var(--rpx) * 96)}.result-song-cover-shell{flex:0 0 calc(var(--rpx) * 84);width:calc(var(--rpx) * 84);height:calc(var(--rpx) * 84);padding:calc(var(--rpx) * 4);overflow:hidden;background:#8f4a43}.result-song-cover-image,.result-song-strip-cover-fallback{display:block;width:100%;height:100%;image-rendering:pixelated}.result-song-cover-image{object-fit:cover}.result-song-strip-cover-fallback{background:linear-gradient(180deg,#fff4e180,#fff4e124),#d4a6a6}.result-song-copy{flex:1 1 auto;display:flex;align-items:center;min-width:0;height:calc(var(--rpx) * 84)}.result-song-title-ellipsis{display:flex;align-items:center;flex-wrap:nowrap;width:100%;height:calc(var(--rpx) * 84);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1}.result-song-title-segment{display:block;flex:0 1 auto;min-width:0;height:calc(var(--rpx) * 84);overflow:hidden;color:#654915;font-size:28px;line-height:calc(var(--rpx) * 84);white-space:nowrap;text-overflow:ellipsis;transform:translateY(calc(var(--rpx) * -2))}.result-divider{display:flex;align-items:center;gap:calc(var(--rpx) * 18);margin:calc(var(--rpx) * 18) 0 calc(var(--rpx) * 22)}.result-divider-line{flex:1 1 auto;height:calc(var(--rpx) * 4);background:repeating-linear-gradient(90deg,#e8c08ceb 0 calc(var(--rpx) * 10),#e8c08c00 calc(var(--rpx) * 10) calc(var(--rpx) * 18))}.result-divider-star{flex:0 0 calc(var(--rpx) * 18);width:calc(var(--rpx) * 18);height:calc(var(--rpx) * 18);background:linear-gradient(#e8c08c,#e8c08c) center / calc(var(--rpx) * 4) 100% no-repeat,linear-gradient(#e8c08c,#e8c08c) center / 100% calc(var(--rpx) * 4) no-repeat;box-shadow:0 0 calc(var(--rpx) * 8) #e8c08c57}.result-main-row,.result-score-stack{width:100%;min-width:0}.result-score-label-text{color:#6f402199;font-size:18px;letter-spacing:0}.result-score-rank-row{display:flex;align-items:center;gap:calc(var(--rpx) * 8);width:100%;margin-top:calc(var(--rpx) * 36 - 20px)}.result-score-value-wrap{flex:1 1 auto;display:flex;align-items:center;min-width:0;min-height:calc(var(--rpx) * 126)}.result-digit-run{display:flex;align-items:flex-start;flex-wrap:nowrap;line-height:0}.result-digit-glyph{flex:0 0 auto;display:flex;flex-direction:column}.result-digit-row{flex:0 0 auto;display:flex}.result-digit-pixel{flex:0 0 auto;background:transparent}.result-digit-pixel-filled{background:#582f28}.result-score-digit-run{flex:0 1 auto;gap:0;max-width:100%;overflow:hidden}.result-score-digit-run .result-digit-row{height:3px}.result-score-digit-run .result-digit-pixel{width:3px;height:3px}.result-rank-block{flex:0 0 calc(var(--rpx) * 132);min-width:0}.result-rank-face{display:flex;align-items:center;justify-content:flex-end;min-height:calc(var(--rpx) * 126)}.result-rank-text{color:#ffd14a;line-height:.9;letter-spacing:-1px;text-shadow:0 calc(var(--rpx) * 6) 0 #90511f,calc(var(--rpx) * 3) 0 0 #90511f,calc(var(--rpx) * -3) 0 0 #90511f,calc(var(--rpx) * 3) calc(var(--rpx) * 3) 0 #90511f,calc(var(--rpx) * -3) calc(var(--rpx) * 3) 0 #90511f,calc(var(--rpx) * 3) calc(var(--rpx) * -3) 0 #90511f,calc(var(--rpx) * -3) calc(var(--rpx) * -3) 0 #90511f;transform:translateY(calc(var(--rpx) * -4))}.result-rank-text-standard{font-size:52px}.result-rank-text-compact{font-size:46px}.result-rank-text-ultra-compact{font-size:34px}.result-rank-tone-prism .result-rank-text{color:#ffcf4d}.result-rank-tone-mint .result-rank-text{color:#8ed881}.result-rank-tone-sky .result-rank-text{color:#89c8ff}.result-rank-tone-violet .result-rank-text{color:#c59ff5}.result-rank-tone-rose .result-rank-text{color:#f28a95}.result-stats-grid{margin-top:calc(var(--rpx) * 16)}.result-stat-card{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 24);min-height:calc(var(--rpx) * 62);padding:calc(var(--rpx) * 8) 0;background:repeating-linear-gradient(90deg,#c88e3d6b 0 calc(var(--rpx) * 10),#c88e3d00 calc(var(--rpx) * 10) calc(var(--rpx) * 18)) left bottom / 100% calc(var(--rpx) * 2) no-repeat}.result-stat-card:last-child{padding-bottom:0;background:none}.result-stat-label-text{flex:0 0 auto;font-size:18px;letter-spacing:0}.result-stat-card-perfect .result-stat-label-text{color:#37a348}.result-stat-card-good .result-stat-label-text{color:#6990bc}.result-stat-card-miss .result-stat-label-text{color:#d85a67}.result-stat-card-combo .result-stat-label-text{color:#ca7d23}.result-stat-digit-run{flex:0 0 auto;justify-content:flex-end;gap:1px;margin-left:auto}.result-stat-digit-run .result-digit-row{height:1.5px}.result-stat-digit-run .result-digit-pixel{width:1.5px;height:1.5px}.result-actions{display:flex;gap:calc(var(--rpx) * 16);width:86%;max-width:calc(var(--rpx) * 620);margin-top:auto;margin-bottom:calc(var(--rpx) * 6);transform:translateY(-20px);pointer-events:auto}.result-secondary-wrap,.result-primary-wrap{position:relative;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:center;cursor:pointer}.result-secondary-shadow,.result-primary-shadow{position:absolute;top:calc(var(--rpx) * 10);right:calc(var(--rpx) * 10);bottom:calc(var(--rpx) * -2);left:calc(var(--rpx) * 10);background:#582f282e}.result-secondary-frame,.result-primary-frame{position:relative;display:block;width:100%;padding:calc(var(--rpx) * 6);overflow:hidden;background:linear-gradient(#654915,#654915) center / calc(100% - calc(var(--rpx) * 12)) calc(100% - calc(var(--rpx) * 12)) no-repeat,linear-gradient(#654915,#654915) top center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#654915,#654915) bottom center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#654915,#654915) left center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat,linear-gradient(#654915,#654915) right center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat}.result-secondary-face,.result-primary-face{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--rpx) * 94)}.result-secondary-face{padding:calc(var(--rpx) * 6);background:linear-gradient(#fff0d7,#fff0d7) center / calc(100% - calc(var(--rpx) * 12)) calc(100% - calc(var(--rpx) * 12)) no-repeat,linear-gradient(#fff0d7,#fff0d7) top center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#fff0d7,#fff0d7) bottom center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#fff0d7,#fff0d7) left center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat,linear-gradient(#fff0d7,#fff0d7) right center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat}.result-secondary-core,.result-primary-inner{display:flex;align-items:center;justify-content:center;width:100%;padding:0 calc(var(--rpx) * 22)}.result-secondary-core{min-height:calc(var(--rpx) * 78);background:linear-gradient(180deg,#fff8e23d,#fff8e200 42%),#fff0d7}.result-primary-face{padding:0;background:transparent}.result-primary-inner{min-height:calc(var(--rpx) * 94);background:linear-gradient(180deg,#fff0d752,#fff0d700 38%),linear-gradient(#ee8d4a,#ee8d4a) center / calc(100% - calc(var(--rpx) * 12)) calc(100% - calc(var(--rpx) * 12)) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) top center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) bottom center / calc(100% - calc(var(--rpx) * 24)) calc(var(--rpx) * 6) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) left center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat,linear-gradient(#ee8d4a,#ee8d4a) right center / calc(var(--rpx) * 6) calc(100% - calc(var(--rpx) * 24)) no-repeat}.result-button-text{font-size:20px;letter-spacing:0}.result-home-button-text{color:#582f28}.result-replay-button-text{color:#fff0d7}.result-secondary-wrap:active,.result-primary-wrap:active{transform:translateY(calc(var(--rpx) * 4))}.result-secondary-wrap:focus-visible,.result-primary-wrap:focus-visible{outline:3px solid rgba(255,244,122,.84);outline-offset:3px}.result-dark-blue-overlay{position:absolute;inset:0;z-index:100;pointer-events:none;background:#4f668a26}.result-leaving-overlay{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--rpx) * 20);background:#6f86aa}.result-leaving-overlay-dark{background:#6f86aa}.result-leaving-overlay-light{background:#e8c08c}.result-leaving-spinner{width:calc(var(--rpx) * 72);height:calc(var(--rpx) * 72);border:calc(var(--rpx) * 8) solid rgba(23,35,61,.22);border-top-color:#17233d;border-right-color:#17233d;border-radius:50%;animation:resultLeavingSpin .8s linear infinite}.result-leaving-overlay-light .result-leaving-spinner{border-color:#d6a46133;border-top-color:#d6a461;border-right-color:#d6a461}.result-leaving-copy{display:flex;flex-direction:column;align-items:center;gap:0}.result-leaving-subtitle-image{display:block;width:calc(var(--rpx) * 322);height:auto;image-rendering:pixelated}.result-empty-shell{justify-content:center;gap:24px}.result-empty-panel{width:86%;max-width:calc(var(--rpx) * 620)}.result-empty-panel-core{display:grid;place-items:center;min-height:150px}.result-empty-title{color:#654915;font-size:26px}.result-empty-actions{flex:0 0 auto;margin:0;transform:none}@keyframes result-portal-spark-twinkle{0%,to{opacity:.28;transform:scale(.9)}50%{opacity:.74;transform:scale(1.08)}}@keyframes resultLeavingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}