:root{--u:.5px;--safe-top:0px;--paper:#fbfaf6;--ink:#4b4643;--ink-soft:#4b46439e;--cream:#fbebcb;--cream-deep:#f4d99a;--green:#b9d198;--green-deep:#86a862;--coral:#f19c94;--coral-deep:#dc6e66;--round:ui-rounded, "SF Pro Rounded", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--paper);height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--round);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;position:fixed;top:0;bottom:0;left:0;right:0}body:before{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}#app,#stage{position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#safe-probe{visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:absolute}#column{pointer-events:none;position:absolute;top:0;bottom:0}.hud{top:var(--safe-top);padding:calc(var(--u) * 16) calc(var(--u) * 26) 0;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:0;right:0}.score{font-size:calc(var(--u) * 62);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.score.bump{animation:.22s ease-out bump}.best{margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 23);color:var(--ink-soft);font-weight:600}.hud-right{align-items:center;gap:calc(var(--u) * 14);pointer-events:auto;display:flex}.next{align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 23);color:var(--ink-soft);pointer-events:none;font-weight:600;display:flex}.next-pic{width:calc(var(--u) * 80);height:calc(var(--u) * 80);border:calc(var(--u) * 3) dashed #4b464366;border-radius:50%;place-items:center;display:grid}.next-pic .thumb{width:76%;height:76%}.icon-btn{width:calc(var(--u) * 80);height:calc(var(--u) * 80);color:var(--ink);background:var(--paper);border:calc(var(--u) * 3.5) solid var(--ink);cursor:pointer;border-radius:46% 54% 50% 50%/52% 48%;place-items:center;padding:0;display:grid}.icon-btn svg{width:54%;height:54%}.icon-btn:active{transform:scale(.92)}.chain{top:var(--chain-top,0px);justify-content:center;align-items:center;gap:calc(var(--u) * 9);display:none;position:absolute;left:0;right:0;transform:translateY(-50%)}#column.roomy .chain{display:flex}.chain .thumb{flex:none}.chain .thumb.locked{filter:brightness(0);opacity:.13}.thumb{object-fit:contain;display:block}.thumb.dot{border:calc(var(--u) * 3) solid var(--ink);font-weight:800;font-size:calc(var(--u) * 26);border-radius:50%;place-items:center;display:grid}.overlay{z-index:10;padding:calc(var(--safe-top) + var(--u) * 20) calc(var(--u) * 20) calc(var(--u) * 20);pointer-events:auto;background:#fbfaf6d6;place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.show{animation:.2s ease-out fade;display:grid}.card{width:calc(var(--u) * 590);max-height:100%;padding:calc(var(--u) * 44) calc(var(--u) * 40) calc(var(--u) * 40);text-align:center;background:var(--paper);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 52) calc(var(--u) * 34) calc(var(--u) * 56) calc(var(--u) * 30) / calc(var(--u) * 32) calc(var(--u) * 54) calc(var(--u) * 32) calc(var(--u) * 50);box-shadow:calc(var(--u) * 9) calc(var(--u) * 11) 0 #4b464321;animation:.28s cubic-bezier(.2,1.3,.4,1) rise;overflow:hidden auto}.card h2{margin:0 0 calc(var(--u) * 22);font-size:calc(var(--u) * 50);font-weight:800}.card p{margin:0}.btn{width:100%;margin-top:calc(var(--u) * 22);padding:calc(var(--u) * 22) calc(var(--u) * 20);font:inherit;font-size:calc(var(--u) * 36);color:var(--ink);background:repeating-linear-gradient(-52deg, #ffffff57 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--cream);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 40) calc(var(--u) * 28) calc(var(--u) * 42) calc(var(--u) * 26) / calc(var(--u) * 28) calc(var(--u) * 42) calc(var(--u) * 26) calc(var(--u) * 40);box-shadow:calc(var(--u) * 5) calc(var(--u) * 7) 0 #4b464329;cursor:pointer;font-weight:800;transition:transform 80ms;display:block}.btn.primary{background:repeating-linear-gradient(-52deg, #ffffff4d 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--coral)}.btn.green{background:repeating-linear-gradient(-52deg, #ffffff4d 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--green)}.btn:active{transform:translate(calc(var(--u) * 3), calc(var(--u) * 4));box-shadow:calc(var(--u) * 2) calc(var(--u) * 3) 0 #4b464329}.btn[hidden]{display:none}.start-art{width:calc(var(--u) * 330);height:calc(var(--u) * 330);margin:0 auto calc(var(--u) * 6);animation:3.2s ease-in-out infinite float}.start-art .thumb{width:100%;height:100%}.title{font-size:calc(var(--u) * 38);color:var(--ink-soft);margin:0;font-weight:700;line-height:1.15}.title b{font-size:calc(var(--u) * 78);color:var(--ink);letter-spacing:.02em;font-weight:900;display:block}.title b i{color:var(--coral-deep);font-style:normal}.tagline{font-size:calc(var(--u) * 27);color:var(--ink-soft);margin-top:calc(var(--u) * 16)!important}.hint{font-size:calc(var(--u) * 24);color:var(--ink-soft);margin-top:calc(var(--u) * 26)!important}.final-score{font-size:calc(var(--u) * 124);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.05}.final-best{font-size:calc(var(--u) * 28);color:var(--ink-soft);font-weight:600}.record{margin-bottom:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 22);font-size:calc(var(--u) * 28);background:var(--cream-deep);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 30);font-weight:800;display:inline-block;transform:rotate(-4deg)}.record[hidden]{display:none}.book{gap:calc(var(--u) * 20) calc(var(--u) * 10);grid-template-columns:repeat(4,1fr);justify-items:center;display:grid}.book-item{width:100%;font-size:calc(var(--u) * 21);font-weight:600;line-height:1.25}.book-item .thumb{width:calc(var(--u) * 104);height:calc(var(--u) * 104);margin:0 auto calc(var(--u) * 6)}.book-item.locked .thumb{filter:brightness(0);opacity:.16}.book-item.locked{color:var(--ink-soft)}.book-note{font-size:calc(var(--u) * 22);color:var(--ink-soft);margin-top:calc(var(--u) * 20)!important}.celebrate{overflow:hidden}#panel-king{cursor:pointer}.king-rays{width:calc(var(--u) * 1700);height:calc(var(--u) * 1700);margin:calc(var(--u) * -850) 0 0 calc(var(--u) * -850);background:repeating-conic-gradient(#f4d99a80 0 9deg, transparent 9deg 18deg);border-radius:50%;animation:22s linear infinite spin;position:absolute;top:44%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 78%);mask-image:radial-gradient(closest-side,#000 20%,#0000 78%)}.king-body{text-align:center;position:relative}.king-art .thumb{width:calc(var(--u) * 500);height:calc(var(--u) * 500);margin:0 auto;animation:.6s cubic-bezier(.2,1.5,.4,1) king-pop}.king-art.small .thumb{width:calc(var(--u) * 380);height:calc(var(--u) * 380)}.clear-body .record{margin-top:calc(var(--u) * 14)}.clear-actions{width:calc(var(--u) * 520);margin:calc(var(--u) * 10) auto 0}.king-title{margin-top:calc(var(--u) * 10);font-size:calc(var(--u) * 70);font-weight:900;animation:.5s .15s both rise}.king-title i{color:var(--coral-deep);font-style:normal}.king-sub{margin-top:calc(var(--u) * 14);font-size:calc(var(--u) * 26);color:var(--ink-soft)}#loading{font-size:calc(var(--u) * 32);color:var(--ink-soft);place-items:center;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#loading[hidden]{display:none}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--u) * 26)) scale(.96)}}@keyframes bump{40%{transform:scale(1.16)}}@keyframes float{50%{transform:translateY(calc(var(--u) * -12)) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes king-pop{0%{opacity:0;transform:scale(.3)rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.start-art,.king-rays{animation:none}}.start-card .start-art{width:calc(var(--u) * 220);height:calc(var(--u) * 220)}.modes{margin-top:calc(var(--u) * 6)}.mode{align-items:center;gap:calc(var(--u) * 18);width:100%;margin-top:calc(var(--u) * 18);padding:calc(var(--u) * 14) calc(var(--u) * 22) calc(var(--u) * 14) calc(var(--u) * 14);font:inherit;color:var(--ink);text-align:left;background:repeating-linear-gradient(-52deg, #ffffff57 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--cream);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 40) calc(var(--u) * 28) calc(var(--u) * 42) calc(var(--u) * 26) / calc(var(--u) * 28) calc(var(--u) * 42) calc(var(--u) * 26) calc(var(--u) * 40);box-shadow:calc(var(--u) * 5) calc(var(--u) * 7) 0 #4b464329;cursor:pointer;transition:transform 80ms;display:flex}.mode:first-child{background:repeating-linear-gradient(-52deg, #ffffff4d 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--coral)}.mode:nth-child(2){background:repeating-linear-gradient(-52deg, #ffffff4d 0 calc(var(--u) * 5), transparent calc(var(--u) * 5) calc(var(--u) * 12)), var(--green)}.mode:active:not(:disabled){transform:translate(calc(var(--u) * 3), calc(var(--u) * 4));box-shadow:calc(var(--u) * 2) calc(var(--u) * 3) 0 #4b464329}.mode.locked{cursor:default;box-shadow:none;color:var(--ink-soft);background:#4b46430f;border-style:dashed;border-color:#4b464373}.mode-pic{width:calc(var(--u) * 84);height:calc(var(--u) * 84);flex:none;place-items:center;display:grid;position:relative}.mode-pic .thumb{width:100%;height:100%}.mode.locked .mode-pic .thumb{filter:grayscale();opacity:.4}.mode-infinity{right:calc(var(--u) * -6);bottom:calc(var(--u) * -8);font-size:calc(var(--u) * 40);color:var(--coral-deep);text-shadow:0 0 calc(var(--u) * 6) var(--paper), 0 0 calc(var(--u) * 6) var(--paper);font-weight:900;line-height:1;position:absolute}.mode-text{gap:calc(var(--u) * 6);flex-direction:column;flex:1;min-width:0;display:flex}.mode-title{font-size:calc(var(--u) * 34);font-weight:800;line-height:1.1}.mode-name{font-size:calc(var(--u) * 25);font-weight:800;line-height:1.25}.mode-sub{font-size:calc(var(--u) * 23);color:var(--ink-soft);font-weight:600}.mode-side{align-items:flex-end;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 20);white-space:nowrap;color:var(--ink-soft);flex-direction:column;flex:none;font-weight:700;display:flex}.mode-side>svg{width:calc(var(--u) * 40);height:calc(var(--u) * 40)}.mode-check{width:calc(var(--u) * 40);height:calc(var(--u) * 40);color:var(--paper);background:var(--green-deep);border-radius:50%;place-items:center;display:grid}.mode-check svg{width:70%;height:70%}.panel-sub{font-size:calc(var(--u) * 26);color:var(--ink-soft);font-weight:600;margin:calc(var(--u) * -6) 0 calc(var(--u) * 8)!important}.chain-goal{flex:none;place-items:center;display:grid;position:relative}.chain-goal:after{content:"目标";left:50%;bottom:calc(var(--u) * -30);padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 20);font-weight:800;line-height:calc(var(--u) * 28);white-space:nowrap;color:var(--paper);background:var(--coral-deep);border-radius:calc(var(--u) * 14);position:absolute;transform:translate(-50%)}.chain-goal:before{content:"";top:calc(var(--u) * -8);right:calc(var(--u) * -8);bottom:calc(var(--u) * -8);left:calc(var(--u) * -8);border:calc(var(--u) * 3) dashed var(--coral-deep);border-radius:50%;position:absolute}.chain-goal .thumb{width:100%;height:100%}.toast{align-items:center;gap:calc(var(--u) * 8);width:max-content;max-width:calc(var(--u) * 640);padding:calc(var(--u) * 22) calc(var(--u) * 40);text-align:center;border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 36) calc(var(--u) * 26) calc(var(--u) * 38) calc(var(--u) * 24) / calc(var(--u) * 26) calc(var(--u) * 38) calc(var(--u) * 24) calc(var(--u) * 36);box-shadow:calc(var(--u) * 6) calc(var(--u) * 8) 0 #4b46431f;opacity:0;pointer-events:none;background:#fbfaf6eb;flex-direction:column;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.9)}.toast b{font-size:calc(var(--u) * 44);font-weight:900}.toast span{font-size:calc(var(--u) * 28);color:var(--ink-soft);font-weight:600}.toast.show{animation:2.4s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}10%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(1)}}