:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#4e332b;--ink-soft:#76544a;--cream:#fff8e7;--cream-strong:#ffe8b7;--orange:#f49b3f;--orange-deep:#da6f25;--sky:#a7dff5;--green:#71bd68;--panel-shadow:0 20px 60px #4f362533, 0 4px 16px #4f36251f;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#bfe8ef;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:fixed;inset:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #fffffff0;box-shadow:0 0 0 6px #5e4338aa}.is-hidden{display:none!important}.app{isolation:isolate;width:100%;height:100%;min-height:320px;color:var(--ink);background:radial-gradient(circle at 78% 15%,#fffad7e6 0 7%,#0000 20%),linear-gradient(#a7def6 0%,#d8f0e3 58%,#f7e9b5 100%);position:relative;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.atmosphere{z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#402e2314,#0000 16% 84%,#402e2314),linear-gradient(#0000 77%,#3d291b1f);position:absolute;inset:0}.hud{z-index:5;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:0;left:0;right:0}.app[data-phase=ready] .hud,.app[data-phase=loading] .hud{opacity:0;transform:translateY(-12px)}.hud__brand{width:fit-content;color:var(--ink);letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e7b8;border:1px solid #fff9;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-weight:800;display:inline-flex;box-shadow:0 7px 20px #543a281f}.hud__dot{border:3px solid var(--orange-deep);background:#fff;border-radius:50%;width:11px;height:11px}.hud__score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e7c2;border:1px solid #ffffffad;border-radius:999px;align-items:center;gap:22px;padding:9px 20px 10px;display:flex;box-shadow:0 8px 24px #4b322224}.hud__score>div{align-items:baseline;gap:8px;display:flex}.hud__score strong,.result-row strong{color:var(--orange-deep);font-variant-numeric:tabular-nums;font-size:clamp(22px,2.4vw,34px);line-height:1}.hud__label{color:var(--ink-soft);letter-spacing:.08em;font-size:12px;font-weight:700}.hud__actions{pointer-events:auto;justify-content:flex-end;gap:10px;display:flex}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e7c7;border:1px solid #ffffffa3;border-radius:50%;transition:transform .15s,background .15s;box-shadow:0 7px 20px #543a2821}.icon-button:hover{background:#fffffff0;transform:translateY(-2px)}.screen{z-index:10;padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));visibility:hidden;opacity:0;pointer-events:none;place-items:center;transition:opacity .25s,visibility .25s;display:grid;position:absolute;inset:0}.screen:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4f392a1f;position:absolute;inset:0}.screen.is-visible{visibility:visible;opacity:1;pointer-events:auto}.panel{width:min(820px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--panel-shadow);text-align:center;touch-action:pan-y;background:radial-gradient(circle at 96% 0,#ffd07452,#0000 35%),linear-gradient(145deg,#fffceff7,#ffefcbf5);border:2px solid #ffffffe0;border-radius:34px;padding:clamp(24px,4vw,46px);animation:.38s cubic-bezier(.18,.8,.25,1.05) both panel-in;position:relative;overflow:auto}.panel:after{content:"";pointer-events:none;border:1px dashed #835b3d2e;border-radius:25px;position:absolute;inset:10px}.panel--start{text-align:left;grid-template-columns:minmax(210px,290px) 1fr;grid-template-areas:"hero eyebrow""hero title""hero lead""controls controls""button button""install install";align-items:center;gap:10px clamp(26px,4vw,54px);display:grid}.panel--compact{width:min(620px,100%)}.hero-card{aspect-ratio:.88;background:linear-gradient(145deg,#b9e8f7,#ffe3ae);border:7px solid #ffffffeb;border-radius:40% 40% 30% 30%/35% 35% 26% 26%;grid-area:hero;width:100%;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 38px #714d3230}.hero-card:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -40px 70px #5439251f}.hero-card__image{object-fit:cover;object-position:50% 52%;width:100%;height:100%;transform:scale(1.04)}.hero-card__spark{z-index:2;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff9cf;width:15px;height:15px;animation:1.8s ease-in-out infinite spark;position:absolute}.hero-card__spark--two{animation-delay:-.8s;top:26%;left:10%}.eyebrow{color:var(--orange-deep);letter-spacing:.2em;text-transform:uppercase;grid-area:eyebrow;margin:0 0 2px;font-size:13px;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;grid-area:title;margin-bottom:4px;font-size:clamp(46px,7vw,86px);line-height:.98}h2{margin-bottom:12px;font-size:clamp(30px,5vw,56px);line-height:1.08}.lead{color:var(--ink-soft);grid-area:lead;margin-bottom:8px;font-size:clamp(15px,1.6vw,19px);line-height:1.7}.control-grid{grid-area:controls;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.control-card{background:#fff9;border:1px solid #7e563424;border-radius:18px;place-content:center;gap:4px;min-height:72px;padding:12px;display:grid}.control-card__key{color:var(--ink-soft);font-size:13px;font-weight:750}.control-card strong{font-size:16px}.primary-button,.secondary-button{z-index:1;cursor:pointer;border-radius:18px;min-height:54px;padding:14px 24px;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s;position:relative}.primary-button{color:#fffdf2;text-shadow:0 1px #64341933;background:linear-gradient(#ffb152,#ed832f);border:2px solid #bf5e20;grid-area:button;justify-content:center;align-items:center;gap:16px;margin-top:10px;font-size:18px;display:flex;box-shadow:0 8px #b85b20,0 14px 24px #b0511d33}.primary-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #b85b20,0 7px 14px #b0511d29}.primary-button:disabled{cursor:wait;filter:grayscale(.2);opacity:.62}.secondary-button{color:var(--ink);background:#ffffffb8;border:2px solid #5b3e3129;box-shadow:0 5px #5b3e311f}.secondary-button:hover{background:#fff;transform:translateY(-1px)}.text-button{color:var(--orange-deep);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;grid-area:install;justify-self:center;margin-top:8px;padding:8px 14px;font-weight:800;text-decoration:underline}.button-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex;position:relative}.button-row .primary-button,.button-row .secondary-button{grid-area:auto;min-width:160px;margin:0}.result-row{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 8px;display:grid;position:relative}.result-row>div{background:#fff9;border-radius:20px;gap:8px;padding:20px;display:grid}.new-record{color:var(--orange-deep);margin:10px 0 0;font-size:18px;font-weight:900;animation:1s ease-in-out infinite alternate record-pulse}.hint{color:var(--ink-soft);margin:18px 0 0;font-size:12px}.toast{z-index:20;color:#fff;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4f3526d1;border:2px solid #fffc;border-radius:999px;min-width:170px;padding:12px 22px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:19%;left:50%;transform:translate(-50%,-20px)scale(.96);box-shadow:0 12px 30px #3a261b33}.toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.mobile-controls{z-index:8;right:max(18px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:none;position:absolute}.app.is-touch .mobile-controls{display:flex}.app[data-phase=ready] .mobile-controls,.app[data-phase=loading] .mobile-controls,.app[data-phase=gameover] .mobile-controls{opacity:.15;pointer-events:none}.touch-button{color:#fff;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#5e3e2e85;border:2px solid #fffc;border-radius:32px;place-content:center;gap:1px;width:clamp(88px,17vw,124px);height:clamp(66px,14vh,92px);font-size:clamp(14px,2vw,18px);font-weight:900;display:grid;box-shadow:0 10px 30px #422b2029}.touch-button:active,.touch-button.is-pressed{background:#db6f25c2;transform:translateY(3px)scale(.97)}.touch-button__arrow{font-size:24px;line-height:.8}.rotate-overlay{z-index:100;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 38%,#fff6d8,#0000 45%),#bfe8f1;place-content:center;justify-items:center;padding:30px;display:none;position:absolute;inset:0}.rotate-overlay.is-visible{display:grid}.rotate-overlay h2{margin:24px 0 8px;font-size:clamp(30px,9vw,48px)}.rotate-overlay p{max-width:360px;color:var(--ink-soft);line-height:1.7}.rotate-phone{border:5px solid var(--ink);border-radius:18px;width:90px;height:152px;padding:9px;animation:1.4s ease-in-out infinite alternate rotate-phone;transform:rotate(90deg)}.rotate-phone span{background:linear-gradient(145deg, var(--sky), var(--cream-strong));border-radius:9px;width:100%;height:100%;display:block}.offline-badge{z-index:6;right:max(20px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#4f3a30;pointer-events:none;background:#fff8e7c7;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;position:absolute}.app.is-touch .offline-badge{bottom:max(114px, calc(env(safe-area-inset-bottom) + 96px))}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spark{0%,to{opacity:.55;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(25deg)}}@keyframes record-pulse{0%{transform:scale(.98)}to{transform:scale(1.04)}}@keyframes rotate-phone{0%{transform:rotate(74deg)}to{transform:rotate(90deg)}}@media (width<=760px),(height<=560px){.hud{padding-top:max(9px, env(safe-area-inset-top));padding-right:max(11px, env(safe-area-inset-right));padding-left:max(11px, env(safe-area-inset-left));gap:8px}.hud__brand{padding:7px 10px;font-size:12px}.hud__score{gap:12px;padding:7px 14px}.hud__score strong{font-size:21px}.hud__label{font-size:10px}.icon-button{width:38px;height:38px}.screen{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.panel{border-radius:24px;max-height:calc(100dvh - 16px);padding:18px 22px}.panel:after{border-radius:18px;inset:6px}.panel--start{grid-template-columns:minmax(130px,180px) 1fr;gap:4px 24px}h1{font-size:clamp(38px,6vw,58px)}.lead{font-size:13px;line-height:1.45}.control-grid{grid-template-columns:repeat(3,1fr);margin-top:6px}.control-card{border-radius:13px;min-height:54px;padding:7px}.control-card strong{font-size:13px}.control-card__key{font-size:11px}.primary-button{min-height:44px;margin-top:4px;padding:10px 18px;font-size:15px}.button-row{margin-top:16px}.result-row{margin:16px 0 5px}.result-row>div{padding:13px}}@media (height<=460px){.panel--start{grid-template-columns:122px 1fr;gap:3px 18px}.hero-card{border-width:5px;border-radius:28px}.eyebrow{font-size:10px}.control-card--touch{display:none}.control-grid{grid-template-columns:repeat(2,1fr)}.control-card{min-height:46px}.lead{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hero-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.hero-card:after{display:none}.hero-card__image{object-fit:contain;object-position:center;filter:drop-shadow(0 18px 14px #4f362533);transform:none}.hero-card__spark--one{top:12%;right:4%}.hero-card__spark--two{top:28%;left:2%}.hud__brand{pointer-events:auto;cursor:pointer}.app.rainbow-mode .hud__brand,.app.rainbow-mode .hud__score{border-color:#ffffffeb;animation:2.4s linear infinite rainbow-card;box-shadow:0 0 0 3px #ff7e7e38,0 0 28px #76d0ff6b}@keyframes rainbow-card{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.easter-guide{color:var(--ink-soft);background:#fff6d5b8;border:1px solid #e291353d;border-radius:16px;grid-area:guide;gap:4px;margin-top:10px;padding:11px 14px;font-size:12px;line-height:1.5;display:grid}.easter-guide p{margin:0}.easter-guide code{color:#a84b1f;background:#fffc;border-radius:6px;padding:1px 5px;font-weight:900}.easter-guide__title{justify-content:space-between;align-items:center;gap:10px;display:flex}.easter-guide__title span{color:var(--orange-deep);letter-spacing:.1em;font-weight:900}.easter-guide__title strong{color:#8f674c;letter-spacing:.08em;font-size:10px}@media (height<=460px){.easter-guide p:last-child{display:none}}.panel--start{grid-template-areas:"hero eyebrow""hero title""hero lead""mode mode""levels levels""controls controls""guide guide""button button""install install"}.mode-selector{background:#7e56341c;border-radius:18px;grid-area:mode;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding:5px;display:grid}.mode-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:14px;font-weight:900}.mode-button.is-active{color:#fffdf2;background:linear-gradient(#ffb152,#ed832f);box-shadow:0 5px 12px #b0511d33}.level-selector{grid-area:levels;gap:8px;margin-top:10px;display:grid}.level-selector__head{color:var(--ink-soft);justify-content:space-between;font-size:11px;display:flex}.level-selector__head strong{color:var(--orange-deep)}.level-buttons{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.level-button{min-height:52px;color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #7e56342e;border-radius:14px;padding:6px 4px;position:relative}.level-button strong,.level-button span{display:block}.level-button strong{font-size:17px}.level-button span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.level-button.is-selected{background:#fff1c9;border-color:#e78531;box-shadow:0 0 0 3px #eb8b3729}.level-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.42}.level-button:disabled:after{content:"锁";font-size:9px;position:absolute;top:4px;right:5px}@media (width<=760px),(height<=560px){.mode-selector{margin-top:6px}.mode-button{min-height:36px;font-size:13px}.level-selector{margin-top:4px}.level-button{border-radius:10px;min-height:40px}.level-button strong{font-size:14px}.level-button span{display:none}}.shield-indicator{color:#24677c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#daf7ffd1;border:1px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:54px;height:44px;padding:0 12px;font-weight:900;display:flex;box-shadow:0 7px 20px #2e6f8224}.shield-indicator strong{color:#d75c27;font-size:18px}.energy-indicator{z-index:7;top:max(72px, calc(env(safe-area-inset-top) + 62px));color:#286f82;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e9fbffcc;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:8px;width:min(440px,58vw);padding:7px 11px;font-size:11px;font-weight:900;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #276b8224}.energy-indicator__track{background:#4791a62e;border-radius:999px;flex:1;height:15px;overflow:hidden}.energy-indicator__track i{border-radius:inherit;background:linear-gradient(90deg,#54d8ff,#8dffd5,#ffdc65,#ff85df);width:0;height:100%;transition:width .2s;display:block;box-shadow:0 0 12px #5ce0ffcc}.energy-indicator strong{color:#d65b27;text-align:right;min-width:24px}@media (width<=760px),(height<=560px){.energy-indicator{top:max(50px, calc(env(safe-area-inset-top) + 44px));width:min(340px,54vw);padding:7px 10px;font-size:9px}}.energy-indicator.is-full{border-color:#fffffff5;animation:1.4s linear infinite rainbow-card;box-shadow:0 0 0 3px #ffffff4d,0 0 36px #6be5ffb3}.energy-indicator.is-full .energy-indicator__track i{box-shadow:0 0 18px #fff,0 0 30px #76e8fff2}