:root{color-scheme:dark;--ink: #201a3f;--panel: rgba(18, 26, 60, .72);--panel-strong: rgba(20, 24, 54, .9);--cream: #fff4cf;--gold: #ffd85a;--rose: #ff6fae;--cyan: #70e7ff;--green: #9bf38e;--shadow: rgba(4, 8, 24, .45);font-family:Inter,ui-rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;background:#111934}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;filter:saturate(.72) brightness(.82);opacity:.68}.game-shell{display:grid;min-height:100dvh;place-items:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 8%,rgba(255,191,111,.22),transparent 30%),radial-gradient(circle at 78% 0%,rgba(112,231,255,.24),transparent 28%),linear-gradient(160deg,#1c2d63,#1f214c 52%,#ff9a7c)}.machine-frame{position:relative;width:min(100vw - 20px,450px);aspect-ratio:9 / 16;max-height:calc(100dvh - 20px);overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:#172348;box-shadow:0 26px 70px var(--shadow)}.game-stage{position:absolute;inset:0}.game-stage canvas{display:block}.top-hud{position:absolute;z-index:10;top:max(10px,env(safe-area-inset-top));right:16px;left:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;pointer-events:none}.hud-card,.mini-button{min-width:0;min-height:50px;border:0;border-radius:16px;background:url(../assets/ui-chip.png) center / 100% 100% no-repeat,linear-gradient(180deg,#131b42d1,#0d122b9e);color:var(--cream);box-shadow:0 10px 24px #4c260c47}.hud-card{display:grid;width:clamp(134px,44%,176px);align-content:center;justify-items:center;gap:3px;padding:7px 10px 8px}.multiplier-hud{display:none}.top-hud strong{line-height:1;color:var(--gold);font-size:clamp(21px,5.4vw,28px);letter-spacing:0;text-shadow:0 2px 0 rgba(96,39,20,.8)}.hud-label{line-height:1;color:#fff4cfb8;font-size:12px;font-weight:800}.mini-button{display:grid;min-width:0;place-items:center;padding:0 9px;color:#2a193b;background:url(../assets/ui-button-primary.png) center / 100% 100% no-repeat,linear-gradient(180deg,#ffed95,#ff8fb9);font-size:12px;font-weight:800;line-height:1.05;white-space:nowrap;pointer-events:auto;text-shadow:0 1px 0 rgba(255,255,255,.38)}.toast{position:absolute;z-index:11;top:92px;left:50%;max-width:min(68%,270px);min-height:30px;padding:7px 12px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#0f1431c7;color:var(--cream);font-size:12px;font-weight:800;line-height:1.25;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.paw-rail{position:absolute;z-index:13;right:8px;bottom:202px;width:86px;height:268px;pointer-events:none}.power-housing{position:absolute;top:0;right:12px;display:grid;width:54px;height:198px;justify-items:center;align-content:start;gap:7px;padding:13px 10px 14px;border:1px solid rgba(255,232,140,.68);border-radius:999px;background:url(../assets/ui-chip.png) center / 180% 118% no-repeat,linear-gradient(180deg,#163e76e0,#08112de6);box-shadow:inset 0 0 18px #ffe26f38,inset 0 -18px 30px #07102db3,0 13px 28px #0e091c66}.power-housing:before{position:absolute;inset:7px;border:1px solid rgba(255,226,111,.38);border-radius:inherit;content:"";pointer-events:none}.machine-frame.is-charging .power-housing{box-shadow:inset 0 0 18px #ffe26f47,inset 0 -18px 30px #07102db3,0 0 28px #ffd85a47,0 13px 28px #0e091c66}.power-label{color:#fff4cfeb;font-size:9px;font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 1px 0 rgba(74,28,12,.7)}.power-track{position:relative;width:25px;height:134px;overflow:hidden;border-radius:999px;border:2px solid rgba(255,231,139,.72);background:linear-gradient(180deg,#0b1f46f2,#040a1ff0);box-shadow:inset 0 0 13px #030819db,0 0 0 3px #47270c5c}.power-track span{position:absolute;right:2px;bottom:0;left:2px;border-radius:inherit;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.72),transparent 18%),linear-gradient(0deg,#69e2fff5,#ffe665fa,#ff6aa3fa);box-shadow:0 0 15px #ffd85a9e,inset 0 0 8px #ffffff57;transition:height 60ms linear}.paw-button{--pull: 22px;position:absolute;right:-3px;bottom:-2px;width:88px;height:88px;border-radius:999px;background:url(../assets/paw-launcher-knob.png) center / contain no-repeat,radial-gradient(circle,#fff2c02e,#b34e2029);filter:drop-shadow(0 12px 16px rgba(7,10,30,.44));transform:translateY(var(--pull));transition:transform 70ms linear,filter .12s ease;pointer-events:auto;touch-action:none}.paw-button.is-charging{transition:none;filter:drop-shadow(0 12px 16px rgba(7,10,30,.44)) drop-shadow(0 0 16px rgba(255,216,90,.34))}.control-dock{position:absolute;z-index:10;right:48px;bottom:max(22px,env(safe-area-inset-bottom));left:48px}.dock-main{position:relative;display:block;height:122px;padding:0;border:0;border-radius:0;background:none;color:var(--cream);box-shadow:none}.meter,.single-action{display:grid;align-items:center;gap:8px}.meter{position:absolute;top:0;right:-18px;left:-18px;grid-template-columns:1fr auto;min-height:42px;padding:0 28px;border:1px solid rgba(255,222,121,.5);border-radius:18px;background:linear-gradient(180deg,#162652c2,#0b1431c7);color:#fff4cfd1;box-shadow:inset 0 0 18px #ffe26f1f,0 12px 26px #060a1c47;font-size:15px;font-weight:900;line-height:1.15;text-shadow:0 2px 0 rgba(64,28,15,.68)}.meter strong{display:grid;min-width:42px;min-height:30px;place-items:center;border:1px solid rgba(255,225,118,.46);border-radius:12px;background:url(../assets/ui-chip.png) center / 130% 130% no-repeat,#ffd85a2e;color:var(--gold)}.single-action{position:absolute;right:4px;bottom:0;left:4px;padding:0}.primary-button{min-width:0;min-height:64px;border:2px solid rgba(126,62,17,.72);border-radius:999px;font-weight:900;font-size:30px;line-height:1;text-align:center;white-space:nowrap;text-shadow:0 2px 0 rgba(255,255,255,.48),0 -1px 0 rgba(91,35,17,.32);color:#211232;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.92),transparent 33%),linear-gradient(180deg,#fff5c5,#ffe08b 48%,#ffb766 49%,#ff8fae);box-shadow:inset 0 0 0 5px #fff6c180,inset 0 -12px 18px #a7421e33,0 9px #5b2d1170,0 18px 30px #150b2152}.is-busy{animation:pulse .68s ease-in-out infinite alternate}@keyframes pulse{0%{transform:translateY(0)}to{transform:translateY(-1px)}}@media(max-width:360px){.top-hud{left:12px;right:12px;gap:8px}.hud-card,.mini-button{min-height:46px}.meter,.toast{font-size:12px}.single-action{right:2px;left:2px}.primary-button{min-height:60px;font-size:27px}.dock-main{height:116px}.paw-rail{right:6px;bottom:198px;transform:scale(.9);transform-origin:bottom right}.paw-button{width:84px;height:84px}}