@font-face{font-family:PixelEnPrimary;src:url(/assets/fonts/bunnies-pixel-en.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:PixelZhFusion;src:url(/assets/fonts/bunnies-pixel-zh-ui.woff2?v=result-cert-20260515) format("woff2");font-display:swap}:root{color:#fff6d6;background:#101827;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}body{background:linear-gradient(135deg,rgba(224,93,68,.18),transparent 38%),linear-gradient(225deg,rgba(102,229,197,.18),transparent 40%),#101827}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.pixel-font-en{font-family:PixelEnPrimary,monospace}.app-root{width:100vw;height:100dvh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,212,95,.08),transparent 34%),#101827}.stage-shell{position:relative;width:min(100vw,520px,calc(100dvh * 402 / 782));aspect-ratio:402 / 782;overflow:hidden;background:#101827;box-shadow:0 24px 88px #0000005c;isolation:isolate}@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:#101827}.start-screen,.result-screen{display:grid;align-items:end;padding:max(24px,env(safe-area-inset-top)) 24px max(30px,env(safe-area-inset-bottom))}.start-sky,.result-scenery{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#101827,#293553 52%,#182333)}.star{position:absolute;width:4px;height:4px;background:#fff6d6;box-shadow:24px 42px #ffd45f,84px 18px #66e5c5,164px 64px #fff6d6,260px 34px #ffd45f;image-rendering:pixelated}.star-a{left:40px;top:76px}.star-b{left:18px;top:190px;opacity:.72;transform:scale(2)}.star-c{right:110px;top:128px;opacity:.82}.skyline{position:absolute;bottom:126px;width:34%;height:220px;background:linear-gradient(#41536f 0 0) left 40px bottom / 56px 150px no-repeat,linear-gradient(#2e6f7a 0 0) left 118px bottom / 44px 112px no-repeat,linear-gradient(#714f86 0 0) left 178px bottom / 70px 184px no-repeat;opacity:.78}.skyline:after{content:"";position:absolute;inset:18px 10px 0;background:repeating-linear-gradient(90deg,transparent 0 16px,#ffe083 16px 20px,transparent 20px 28px),repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,224,131,.5) 20px 24px,transparent 24px 34px);mix-blend-mode:screen;opacity:.48}.skyline-left{left:-24px}.skyline-right{right:-16px;transform:scaleX(-1)}.road-preview{position:absolute;left:50%;bottom:-42px;width:84%;height:72%;transform:translate(-50%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:#20202c;border-top:4px solid #ffd45f}.road-preview:before,.road-preview:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:#fff6d6b3}.road-preview:before{left:38%;transform:skew(-10deg)}.road-preview:after{right:38%;transform:skew(10deg)}.start-content,.result-content{position:relative;z-index:1;width:100%}.start-kicker{margin:0 0 12px;color:#66e5c5;font-size:14px;letter-spacing:0;text-shadow:2px 2px 0 rgba(4,7,16,.58)}.start-content h1{max-width:9em;margin:0 0 18px;color:#fff6d6;font-size:clamp(38px,12cqw,56px);line-height:1.02;letter-spacing:0;text-shadow:4px 4px 0 rgba(4,7,16,.58)}.song-chip{width:fit-content;max-width:100%;display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:8px 12px 8px 8px;background:#101827b8;border:2px solid rgba(255,212,95,.82);box-shadow:4px 4px #0407106b}.song-chip img{width:44px;height:44px;object-fit:cover;image-rendering:pixelated}.song-chip span,.rank-row span,.score-row span{display:grid;gap:3px}.song-chip strong,.rank-row strong{color:#fff6d6;font-size:17px;line-height:1}.song-chip small,.rank-row small,.score-row small,.result-stat small{color:#f4c56d;font-size:11px;line-height:1.1}.primary-button,.secondary-button{min-height:54px;padding:0 22px;border:3px solid #101827;color:#101827;background:#ffd45f;box-shadow:0 7px #0407108f;font-size:21px}.secondary-button{color:#fff6d6;background:#2e6f7a;border-color:#66e5c5}.primary-button:active,.secondary-button:active{transform:translateY(4px);box-shadow:0 3px #0407108f}.game-screen{touch-action:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;-webkit-user-select:none}.loading-overlay,.error-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#101827}.loading-spinner{width:44px;height:44px;border:7px solid rgba(255,246,214,.24);border-top-color:#ffd45f;border-right-color:#66e5c5;animation:spin .8s steps(8) infinite}.error-overlay{padding:28px;text-align:center;color:#fff6d6}.result-scenery .result-road{position:absolute;left:50%;bottom:-80px;width:74%;height:78%;transform:translate(-50%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:#20202c}.result-building{position:absolute;bottom:84px;width:72px;height:158px;background:#41536f;box-shadow:0 -12px #e05d44,18px 22px 0 -12px #ffe083,42px 54px 0 -12px #ffe083,18px 88px 0 -12px #ffe083}.result-building-a{left:24px}.result-building-b{right:22px;height:132px;background:#2e6f7a;box-shadow:0 -12px #66e5c5,16px 24px 0 -12px #fff6d6,42px 62px 0 -12px #ffe083}.result-content{padding:18px;background:#101827d1;border:3px solid rgba(255,212,95,.82);box-shadow:7px 7px #04071075}.result-header{display:flex;align-items:center;gap:13px;margin-bottom:18px}.result-header img{width:58px;height:58px;object-fit:cover;image-rendering:pixelated;border:2px solid #ffd45f}.result-status{margin:0 0 5px;color:#66e5c5;font-size:12px}.result-header h1{margin:0;font-size:25px;line-height:1}.result-header p{margin:0;color:#f4c56d;font-size:13px}.rank-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.rank-letter{min-width:96px;color:#ffd45f;font-size:58px;line-height:.9;text-shadow:4px 4px 0 rgba(4,7,16,.58)}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.score-row span,.result-stat{padding:11px;background:#04071061;border:2px solid rgba(102,229,197,.36)}.score-row strong{color:#fff6d6;font-size:22px;line-height:1}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.result-stat strong{display:block;margin-top:5px;color:#fff6d6;font-size:22px;line-height:1}.result-stat-wide{grid-column:1 / -1}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-actions .primary-button,.result-actions .secondary-button{width:100%;padding:0 10px;font-size:18px}@keyframes spin{to{transform:rotate(1turn)}}