*{box-sizing:border-box}html,body,#app{--city-photo:url("../../assets/chongqing-hongya-cave-night-web.jpg");overscroll-behavior:none;background:radial-gradient(circle at 50% 42%, rgba(7, 16, 22, var(--city-center,.08)), rgba(7, 16, 22, var(--city-mid,.25)) 58%, rgba(7, 16, 22, var(--city-edge,.42))), linear-gradient(rgba(7, 16, 22, var(--city-veil,.22)), rgba(7, 16, 22, var(--city-veil,.30))), linear-gradient(135deg, rgba(255, 209, 92, .10), rgba(36, 210, 181, .07) 42%, rgba(255, 107, 127, .10)), var(--city-photo), #071016;color:#fff8e8;width:100%;height:100dvh;filter:saturate(var(--city-saturate,1.08)) contrast(1.03) brightness(var(--city-brightness,.96));-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;margin:0;font-family:Microsoft YaHei,PingFang SC,Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shell{width:100%;height:100dvh;position:relative}#game{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;position:fixed;inset:0}.score-burst{text-align:center;pointer-events:none;background:transparent;border:0;border-radius:0;min-width:150px;padding:0;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:none;z-index:4}.audio-controls{top:calc(14px + env(safe-area-inset-top,0px));pointer-events:auto;gap:6px;display:flex;position:absolute;right:14px}.audio-toggle{color:#fff1a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;background:#07101675;border:1px solid #ffd15c52;border-radius:999px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:900;line-height:1;box-shadow:0 8px 22px #00000042}.audio-toggle.off{color:#b8c6c8;background:#07101657;border-color:#fff8e82e}.sound-toggle{place-items:center;width:38px;padding:0;display:grid}.sound-toggle svg{width:21px;height:21px;display:block}.score-label{color:#aebbc0;font-size:10px;font-weight:800;line-height:1;display:block}.big-score{color:#ffd15c;text-shadow:0 0 16px #ffff8ccf,0 0 34px #ffd15c9c,0 0 52px #24d2b555,0 4px 18px #00000073;font-size:54px;font-weight:900;line-height:.92;transition:transform .12s,color .12s,text-shadow .12s;display:block}.mini-status{color:#d5dedb;justify-content:center;gap:10px;margin-top:5px;font-size:12px;font-weight:800;line-height:1;display:flex}.big-score.pulse{color:#fff65a;text-shadow:0 0 20px #ffffb4f2,0 0 42px #ffd15cc7,0 0 70px #ff6b7f6b,0 5px 20px #00000080;transform:scale(1.26)rotate(-1deg)}.float-layer{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.score-pop{color:#fff1a8;white-space:nowrap;text-shadow:0 0 18px #fff1a8e6,0 0 34px #ffd15cb8,0 3px 12px #0000007a;font-size:32px;font-weight:900;line-height:1;animation:1.08s cubic-bezier(.18,.88,.24,1) forwards score-pop;position:absolute;transform:translate(-50%,-50%)}.score-pop.mega{color:#fff;text-shadow:0 0 20px #fffffff0,0 0 42px #ffd15cdb,0 0 72px #7effee80,0 4px 18px #00000085;font-size:42px}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-18%)scale(.42)rotate(-8deg)}16%{opacity:1;transform:translate(-50%,-62%)scale(1.45)rotate(4deg)}34%{opacity:1;transform:translate(-50%,-86%)scale(1.02)rotate(-2deg)}58%{opacity:.95;transform:translate(-50%,-118%)scale(1.18)rotate(2deg)}to{opacity:0;transform:translate(-50%,-178%)scale(.82)rotate(0)}}.sidebar{gap:10px;width:168px;display:grid;position:absolute;top:92px;right:14px}.directions{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.dir{color:#d8e0dc;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fff8e814;border:1px solid #fff8e829;border-radius:8px;place-items:center;min-height:38px;font-size:12px;display:grid}.dir.active{color:#fff1b8;background:#ffc55033;border-color:#ffd560c7}.piece-tray{left:10px;right:10px;bottom:calc(6px + env(safe-area-inset-bottom,0px));pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:absolute}.tray-piece{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent;border:0;border-radius:0;place-items:center;min-height:72px;display:grid;box-shadow:none}.tray-piece.selected{background:transparent;border-color:transparent;box-shadow:none}.tray-piece.dragging{opacity:.52;transform:scale(.96)}.tray-grid{gap:0;display:grid;filter:none}.tray-cell{background:transparent;border:0;border-radius:0;width:14px;height:18px;position:relative}.tray-cell.filled{background:var(--piece-color);box-shadow:none;border:1px solid rgba(255,255,255,.54);background:linear-gradient(180deg,color-mix(in srgb,var(--piece-color) 78%,#fff 22%),var(--piece-color) 58%,color-mix(in srgb,var(--piece-color) 72%,#000 28%));border-color:transparent}.tray-cell.filled[data-gem]:after{content:"";position:absolute;left:50%;top:48%;width:7px;height:7px;transform:translate(-50%,-50%)rotate(45deg);background:var(--gem-fill,#ffd84a);border:1px solid var(--gem-line,#fff6a8);box-sizing:border-box}.tray-cell.filled[data-gem="red"]{--gem-fill:#ff4d6d;--gem-line:#ffd0da}.tray-cell.filled[data-gem="yellow"]{--gem-fill:#ffd84a;--gem-line:#fff6a8}.tray-cell.filled[data-gem="blue"]{--gem-fill:#43b8ff;--gem-line:#c8f1ff}.gem-score{color:#fff1a8}.gem-score.hidden{display:none}.tray-piece:active,.overlay button:active{transform:translateY(1px)scale(.98)}.overlay{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#071016a8;border:1px solid #fff8e82e;border-radius:8px;width:min(430px,100vw - 32px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.victory-panorama{overflow:hidden;border:1px solid #ffd15c4f;border-radius:8px;margin:8px 0 12px;background:#02070bcc;box-shadow:0 0 18px #ffd15c24}.victory-panorama img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.victory-caption{color:#fff8e8;text-align:left;background:linear-gradient(90deg,#040c14e8,#071016a6);gap:4px;padding:9px 10px;display:grid}.victory-caption strong{color:#fff1a8;font-size:15px;line-height:1}.victory-caption span{color:#d8e8e6;font-size:12px;line-height:1.35}.overlay h1{margin:0 0 10px;font-size:27px;line-height:1.12}.overlay p{color:#d9e0dd;margin:0 0 15px;font-size:14px;line-height:1.55}.player-label{color:#fff1a8;text-align:left;margin:0 0 6px;font-size:12px;font-weight:900;display:block}.player-name{color:#fff8e8;background:#040c1496;border:1px solid #7cd6ff66;border-radius:8px;width:100%;height:42px;margin:0 0 12px;padding:0 12px;font-size:16px;font-weight:900;outline:0}.player-name:focus{border-color:#ffd15c;box-shadow:0 0 0 2px #ffd15c33}.mode-row{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;display:grid}.mode-choice{color:#d9e0dd!important;background:#040c1496!important;border:1px solid #7cd6ff4a!important;min-height:40px!important}.mode-choice.active{color:#1b1710!important;background:#ffd15c!important;border-color:#fff1a8!important;box-shadow:0 0 18px #ffd15c42}.overlay button{color:#1b1710;cursor:pointer;background:#ffd15c;border:0;border-radius:8px;width:100%;min-height:44px;font-weight:800}.leaderboard{text-align:left;background:#040c146b;border:1px solid #7cd6ff2e;border-radius:8px;margin-top:14px;padding:12px}.leaderboard-title{color:#fff1a8;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.leaderboard ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{color:#d9e0dd;grid-template-columns:28px 1fr 58px 56px 50px;align-items:center;min-height:24px;font-size:12px;line-height:1;display:grid}.leaderboard .rank{color:#fff1a8;background:#ffd15c2e;border-radius:999px;place-items:center;width:21px;height:21px;font-size:11px;font-weight:900;display:grid}.leaderboard strong{color:#fff;font-size:14px}.leaderboard small{color:#9fb3b7;text-align:right;font-size:11px}.leaderboard .empty-rank{color:#9fb3b7;text-align:center;min-height:24px;display:block}.hidden{display:none}@media (width<=760px){.score-burst{top:calc(7px + env(safe-area-inset-top,0px));min-width:132px;padding:0}.audio-controls{top:calc(9px + env(safe-area-inset-top,0px));gap:5px;right:10px}.audio-toggle{min-height:32px;padding:6px 8px;font-size:10px}.sound-toggle{width:34px;padding:0}.sound-toggle svg{width:19px;height:19px}.big-score{font-size:44px}.score-pop{font-size:28px}.score-pop.mega{font-size:36px}.sidebar{display:none}.overlay{padding:16px;top:46%}.overlay h1{font-size:23px}.leaderboard{margin-top:12px;padding:10px}.leaderboard li{grid-template-columns:25px 1fr 50px 44px 42px;min-height:22px;font-size:11px}.leaderboard strong{font-size:13px}}@media (width<=420px){.score-burst{top:calc(6px + env(safe-area-inset-top,0px));min-width:126px}.sidebar{display:none}.dir{min-height:34px;font-size:12px}.piece-tray{bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.tray-piece{min-height:68px}}