:root{font-family:ui-rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:#63334e;background:#ffe8f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.82),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(180,245,213,.54),transparent 18rem),linear-gradient(180deg,#ffe4f1,#efe1ff 52%,#dff9ee)}button{font:inherit;letter-spacing:0}canvas{display:block;touch-action:none}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#ffe8f33d,#ffe8f380),var(--sky) center / cover no-repeat,linear-gradient(180deg,#ffe4f1,#efe1ff 52%,#dff9ee)}.title-badge{position:absolute;top:12px;left:50%;z-index:4;display:flex;align-items:center;gap:8px;padding:7px 16px;color:#8a2d5b;background:#ffffffb8;border:1px solid rgba(255,143,189,.58);border-radius:999px;box-shadow:0 12px 36px #b1538b2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);pointer-events:none}.title-badge h1{margin:0;font-size:17px;line-height:1.1;font-weight:850;white-space:nowrap}.status-bar{position:absolute;top:12px;left:14px;z-index:5;display:flex;align-items:center;gap:8px}.status-chip{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;color:#8a2d5b;font-weight:820;background:#ffffffbd;border:1px solid rgba(255,143,189,.5);border-radius:14px;box-shadow:0 10px 26px #8c519629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.level-chip span{font-size:12px;opacity:.8}.level-chip strong{font-size:19px;color:#9c3b6b}.lives-chip{gap:3px;padding:0 10px}.heart.on{color:#ff5b97;fill:#ff8fbd}.heart.off{color:#9a6e8666;fill:transparent}.food-chip strong{font-size:15px}.food-chip svg{color:#e8943a}.top-controls{position:absolute;top:12px;right:14px;z-index:5;display:flex;align-items:center;gap:6px}.icon-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:50px;height:46px;padding:0 8px;border:1px solid rgba(198,168,255,.34);border-radius:13px;color:#8a2d5b;font-size:11px;font-weight:760;cursor:pointer;background:#fff4fad1;box-shadow:0 10px 24px #8c519629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .14s ease,background .14s ease}.icon-button.active{color:#fff;background:linear-gradient(135deg,#8fe8c2,#bda2ff);border-color:#ffffff7a}.icon-button:active,.pad-button:active,.complete-actions button:active,.level-cell:active{transform:scale(.95)}.freeze-banner{position:absolute;top:64px;left:50%;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 16px;color:#1f6f9c;font-weight:820;font-size:14px;background:#d6f4ffe6;border:1px solid rgba(120,200,240,.7);border-radius:999px;box-shadow:0 12px 30px #50a0d247;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);pointer-events:none}.freeze-banner svg{color:#4bb6e8}.help-hint{position:absolute;left:50%;bottom:12px;z-index:3;display:flex;align-items:center;gap:4px;max-width:94vw;padding:6px 14px;color:#5d2e4bd1;font-size:12.5px;font-weight:700;white-space:nowrap;background:#ffffff80;border:1px solid rgba(255,255,255,.66);border-radius:999px;box-shadow:0 8px 22px #8c51961f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);pointer-events:none}.help-hint svg{color:#8c466eb3}.mobile-pad{position:absolute;left:14px;bottom:56px;z-index:7;display:none;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;gap:5px}.pad-button{width:48px;height:48px;border:1px solid rgba(255,143,189,.68);border-radius:15px;color:#8a2d5b;background:#ffffffc7;box-shadow:0 10px 24px #8c519633;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}.level-select{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px 24px;overflow-y:auto;background:linear-gradient(180deg,#ffecf6d1,#eee2ffdb),var(--sky) center / cover no-repeat fixed,linear-gradient(180deg,#ffe4f1,#efe1ff 52%,#dff9ee);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level-select-head{text-align:center;color:#8a2d5b;max-width:560px}.level-select-head svg{color:#d39c2f}.level-select-head h1{margin:6px 0;font-size:30px;line-height:1.1}.level-select-head p{margin:0 auto;font-size:14px;line-height:1.55;color:#63334ecc}.profile-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:2px;width:96px;padding:12px 10px;border:2px solid rgba(255,143,189,.4);border-radius:18px;color:#7c2e58;cursor:pointer;background:#ffffffe0;box-shadow:0 8px 20px #8c519624;transition:transform .13s ease,box-shadow .13s ease}.profile-card:active{transform:scale(.96)}.profile-card.active{background:#fffffffa}.profile-card-emoji{font-size:34px;line-height:1.1}.profile-card-name{font-size:15px;font-weight:850}.profile-card-progress{font-size:11px;color:#63334ea8;font-weight:700}.level-grid-hint{margin:2px 0 0;font-size:13px;font-weight:760;color:#63334ec7}.profile-chip{gap:4px;border-width:1.5px}.profile-emoji{font-size:18px;line-height:1}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;width:min(96vw,620px);padding-bottom:8px}.level-cell{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid rgba(255,143,189,.5);border-radius:12px;color:#8a2d5b;font-size:14px;font-weight:820;cursor:pointer;background:#ffffffdb;box-shadow:0 6px 16px #8c519624;transition:transform .12s ease}.level-cell.current{color:#fff;background:linear-gradient(135deg,#ff7ab3,#bda2ff);border-color:#fff9}.level-cell.locked{color:#9a6e8680;background:#f5ebf2b3;cursor:not-allowed;box-shadow:none}@media(min-width:720px){.level-grid{grid-template-columns:repeat(10,52px)}}.complete-layer,.toast-layer{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:20px}.complete-layer{background:#6a2c5429;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-layer{align-items:start;padding-top:96px;pointer-events:none}.complete-card{width:min(92vw,420px);padding:28px;text-align:center;color:#7c2e58;border-radius:24px;background:linear-gradient(180deg,#fffffff0,#ffeff9f0),radial-gradient(circle at 50% 0%,rgba(246,196,83,.25),transparent 50%);border:1px solid rgba(255,143,189,.7);box-shadow:0 26px 70px #67346047}.complete-card.gameover svg{color:#e8943a}.complete-card svg{color:#d39c2f}.complete-card h2{margin:8px 0;font-size:26px;line-height:1.12;color:#8a2d5b}.complete-card p{margin:0 auto;max-width:300px;font-size:14px;line-height:1.55;color:#63334ec7}.complete-actions{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.complete-actions button{min-height:42px;padding:0 18px;border:0;border-radius:14px;color:#fff;font-weight:820;cursor:pointer;background:linear-gradient(135deg,#ff7ab3,#bda2ff);box-shadow:0 12px 26px #aa64be3d}.complete-actions button+button{background:linear-gradient(135deg,#8fe8c2,#9db7ff)}.caught-card{padding:16px 26px;text-align:center;color:#8a2d5b;border-radius:18px;background:#ffffffeb;border:1px solid rgba(255,143,189,.7);box-shadow:0 18px 44px #6734603d}.caught-card h2{margin:0 0 4px;font-size:20px}.caught-card p{margin:0;font-size:13.5px;color:#63334ec7}@media(max-width:760px){.title-badge{top:56px}.title-badge h1{font-size:15px}.icon-button{min-width:44px;height:42px;font-size:10px}.mobile-pad{display:grid}.help-hint{font-size:11px;bottom:10px}.level-grid{grid-template-columns:repeat(6,1fr)}}