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