:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;background:#071522;font-family:system-ui,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#071522}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;outline:2px solid #8df7ff}.game-shell{isolation:isolate;background:radial-gradient(at 50% 44%,#143348 0%,#0a2032 49%,#071522 84%);width:100%;height:100dvh;position:relative;overflow:hidden}.scene-wrap{touch-action:none;position:absolute;inset:0 0 156px;overflow:hidden}.scene-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.celebration-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reward-flash{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#d8ffff80 0%,#77ecff38 19%,#0000 56%);position:absolute;inset:0}.celebrating .reward-flash{animation:1.3s ease-out 2 reward-pulse}@keyframes reward-pulse{0%{opacity:0;transform:scale(.65)}26%{opacity:.75}to{opacity:0;transform:scale(1.5)}}.level-complete{z-index:5;pointer-events:none;opacity:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 28px);display:flex;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)scale(.55)rotate(-7deg)}.level-complete.is-visible{animation:.72s cubic-bezier(.2,1.6,.36,1) both complete-pop}.complete-kicker{color:#fff;letter-spacing:.08em;text-shadow:0 2px 2px #75316b;background:linear-gradient(120deg,#fe689d,#aa72ff 58%,#43d7f0);border:2px solid #fff9;border-radius:999px;padding:.28em 1.05em .34em;font-family:YouYuan,Microsoft YaHei,sans-serif;font-size:clamp(15px,2vw,23px);font-weight:900;line-height:1.2;transform:rotate(-4deg);box-shadow:0 5px #683fa2,0 9px 20px #0008,inset 0 2px #ffffff80}.complete-title{filter:drop-shadow(0 5px #743eaa)drop-shadow(0 10px 9px #0009);letter-spacing:.035em;white-space:nowrap;font-family:YouYuan,Microsoft YaHei,sans-serif;font-size:clamp(28px,6.2vw,76px);font-weight:1000;line-height:1.3;display:block}.complete-title span{-webkit-text-stroke:2px #fff;paint-order:stroke fill;display:inline-block}.complete-title span:nth-child(6n+1){color:#ff5c9e;transform:rotate(-4deg)}.complete-title span:nth-child(6n+2){color:#ffab4e;transform:rotate(3deg)}.complete-title span:nth-child(6n+3){color:#ffe060;transform:rotate(-2deg)}.complete-title span:nth-child(6n+4){color:#58e8da;transform:rotate(3deg)}.complete-title span:nth-child(6n+5){color:#7fb3ff;transform:rotate(-3deg)}.complete-title span:nth-child(6n){color:#cf85ff;transform:rotate(4deg)}.complete-star{color:#fff18a;text-shadow:0 0 10px #fff8a9,0 0 25px #ff6eb3;font-size:clamp(24px,4vw,47px);line-height:1;animation:1s ease-in-out infinite alternate complete-twinkle;position:absolute}.complete-star-left{top:21%;left:-35px}.complete-star-right{color:#8afaff;animation-delay:.35s;top:2%;right:-32px}@keyframes complete-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)rotate(-7deg)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.09)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-1deg)}}@keyframes complete-twinkle{to{opacity:.66;transform:scale(1.3)rotate(20deg)}}.reset-button{z-index:4;top:calc(22px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right));color:#c8fbff;background:#102f40ba;border:1px solid #7ddded78;border-radius:50%;place-items:center;width:49px;height:49px;padding:0 0 3px;font-size:34px;line-height:1;transition:transform .14s,background .14s,border-color .14s;display:grid;position:absolute;box-shadow:0 3px 18px #0005,inset 0 1px #ffffff35}.reset-button:hover{background:#1b5163;border-color:#8af5fa}.reset-button:active{transform:rotate(-35deg)scale(.94)}.dpad{z-index:4;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));grid-template-rows:repeat(2,62px);grid-template-columns:repeat(2,68px);gap:9px;display:grid;position:absolute;transform:translate(-50%)}.dpad button{color:#dcffff;text-shadow:0 0 12px #78eef9a8;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#21566dbb,#0c3047d9);border:1px solid #5ed2e39c;border-radius:14px;place-items:center;font-size:38px;line-height:1;transition:transform .1s,background .1s,border-color .1s;display:grid;box-shadow:0 6px 19px #0005,inset 0 1px #e1ffff3d}.dpad button:hover{background:#286780e8;border-color:#9ffaff}.dpad button:active{background:#38869b;transform:scale(.92)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.scene-wrap{bottom:148px}.level-complete{top:56%}.complete-kicker{font-size:15px}.complete-title span{-webkit-text-stroke-width:1.3px}.complete-star-left{left:-19px}.complete-star-right{right:-18px}.reset-button{width:45px;height:45px;top:calc(15px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right));font-size:32px}.dpad{bottom:calc(20px + env(safe-area-inset-bottom));grid-template-rows:repeat(2,58px);grid-template-columns:repeat(2,64px);gap:8px}.dpad button{border-radius:12px;font-size:34px}}@media (height<=610px){.scene-wrap{bottom:112px}.level-complete{gap:3px;top:55%}.dpad{bottom:calc(8px + env(safe-area-inset-bottom));grid-template-rows:repeat(2,47px);grid-template-columns:repeat(2,51px);gap:5px}.dpad button{font-size:28px}}@media (prefers-reduced-motion:reduce){.level-complete.is-visible{opacity:1;animation:none;transform:translate(-50%,-50%)}.complete-star{animation:none}}