*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #2b4a5a;--ink-soft: #6f93a3;--sky-1: #cdeeff;--sky-2: #eafaf2;--blue: #38b6f0;--blue-deep: #1d9fdb;--coral: #ff8a80;--card: rgba(255, 255, 255, .92)}html,body{width:100%;height:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--sky-1) 0%,var(--sky-2) 100%);overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.screen.sky{background:linear-gradient(160deg,var(--sky-1) 0%,var(--sky-2) 100%)}.screen.dim{background:#2b4a5a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cloud{position:absolute;border-radius:999px;background:#ffffffbf;filter:blur(18px);animation:drift 60s linear infinite}.c1{width:280px;height:70px;top:12%;left:-300px}.c2{width:200px;height:55px;top:30%;left:-220px;animation-delay:-22s;animation-duration:75s}.c3{width:340px;height:85px;top:68%;left:-360px;animation-delay:-45s;animation-duration:90s}@keyframes drift{to{transform:translate(calc(100vw + 400px))}}.title{text-align:center;z-index:1}.title h1{display:inline-block;font-size:46px;font-weight:800;letter-spacing:6px;color:var(--ink);text-shadow:0 3px 0 rgba(255,255,255,.9),0 8px 24px rgba(56,182,240,.35)}.title-plane{display:inline-block;font-size:34px;color:var(--blue);margin-right:10px;transform:rotate(-12deg);animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:rotate(-12deg) translateY(-7px)}}.subtitle{margin-top:8px;font-size:14px;color:var(--ink-soft);letter-spacing:2px}.card{background:var(--card);border-radius:24px;box-shadow:0 12px 40px #3882aa38,inset 0 1px #fff;padding:26px 34px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.dialog{min-width:300px;padding:30px 40px}.dialog h2{font-size:24px;letter-spacing:4px}.map-select{display:flex;align-items:center;gap:18px}.map-info{display:flex;flex-direction:column;align-items:center;gap:10px}.thumb-wrap{border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #2b4a5a40;border:3px solid #fff}.thumb-wrap img{width:320px;height:180px;object-fit:cover;display:block}.map-name{font-size:19px;font-weight:700;letter-spacing:1px}.chip{font-size:13px;color:var(--blue-deep);font-weight:600;background:#38b6f024;padding:4px 14px;border-radius:999px}.round-btn{width:46px;height:46px;border:none;border-radius:50%;background:#fff;color:var(--blue-deep);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #2b4a5a2e;transition:transform .15s,box-shadow .15s}.round-btn:hover{transform:scale(1.08);box-shadow:0 6px 16px #2b4a5a42}.round-btn:active{transform:scale(.96)}.primary-btn{border:none;border-radius:999px;cursor:pointer;min-width:220px;padding:14px 44px;font-size:19px;font-weight:700;letter-spacing:6px;color:#fff;background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%);box-shadow:0 8px 20px #29a8e073,inset 0 1px #ffffff80;transition:transform .15s,box-shadow .15s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #29a8e080}.primary-btn:active{transform:translateY(1px)}.soft-btn{border:none;border-radius:999px;cursor:pointer;min-width:220px;padding:11px 40px;font-size:16px;font-weight:600;letter-spacing:4px;color:var(--blue-deep);background:#38b6f021;transition:background .15s}.soft-btn:hover{background:#38b6f03d}.ghost-btn{border:none;background:none;cursor:pointer;font-size:14px;color:var(--ink-soft);padding:6px 14px;border-radius:999px}.ghost-btn:hover{background:#2b4a5a14}.menu-foot{display:flex;justify-content:center}.hint{font-size:13px;color:var(--ink-soft);letter-spacing:1px;z-index:1}.go-score{font-size:64px;font-weight:800;line-height:1;color:var(--blue-deep);text-shadow:0 4px 14px rgba(56,182,240,.35)}.go-score.record{color:var(--coral);text-shadow:0 4px 14px rgba(255,138,128,.45)}.go-stats{display:flex;gap:36px;margin:4px 0 6px}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-num{font-size:24px;font-weight:700}.stat-label{font-size:12px;color:var(--ink-soft)}canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;touch-action:none;border-radius:18px;box-shadow:0 16px 48px #2b4a5a59}
