:root{--bg:#0E1B2A;--ink:#F4F6F8;--mute:#9FB3C8;--panel:#16293D;--ok:#3CE678;--gold:#FFD60A;--bad:#FF3B30;--brand:#5FA3D6;--tc:system-ui,-apple-system,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--tc);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}[hidden]{display:none!important}#app{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 70% at 50% 0%,#1C3550 0%,var(--bg) 60%)}#fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.fever-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:0;transition:opacity .4s;background:repeating-linear-gradient(-35deg,#c48c31 0,#c48c31 40px,#e3002c 40px,#e3002c 80px,#008659 80px,#008659 120px,#f8b61c 120px,#f8b61c 160px,#0070bd 160px,#0070bd 200px,#ffdb00 200px,#ffdb00 240px);animation:slide 2.4s linear infinite}body.fever .fever-bg{opacity:.22}@keyframes slide{to{transform:translate(170px,-120px)}}body.shake #app{animation:shake .32s}@keyframes shake{20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}#home{overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:calc(28px + var(--safe-t)) 16px calc(24px + var(--safe-b))}.home-card{width:100%;max-width:420px;min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:12px 0 28px}.home-badge{display:flex;gap:6px;justify-content:center;margin-bottom:18px}.home-badge span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;color:#fff;animation:bob 1.6s ease-in-out infinite}.home-badge span:nth-child(1){background:#c48c31}.home-badge span:nth-child(2){background:#e3002c;animation-delay:.1s}.home-badge span:nth-child(3){background:#008659;animation-delay:.2s}.home-badge span:nth-child(4){background:#f8b61c;color:#1b2733;animation-delay:.3s}.home-badge span:nth-child(5){background:#0070bd;animation-delay:.4s}.home-badge span:nth-child(6){background:#ffdb00;color:#1b2733;animation-delay:.5s}@keyframes bob{50%{transform:translateY(-6px)}}h1{font-size:clamp(34px,10vw,46px);font-weight:900;line-height:1.15}.intro{margin-top:12px;color:var(--mute);font-size:16px;line-height:1.6}.steps{list-style:none;counter-reset:s;margin:22px auto 0;display:grid;gap:8px;width:100%;max-width:340px;text-align:left}.steps li{counter-increment:s;background:#16293dd9;border-radius:12px;padding:10px 14px 10px 46px;position:relative;font-size:15px;font-weight:600;line-height:1.4}.steps li:before{content:counter(s);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1b2733;font-weight:900;display:grid;place-items:center;font-size:13px}.btn-main{display:block;width:100%;max-width:320px;margin:26px auto 0;padding:18px 0;border-radius:999px;background:var(--gold);color:#1b2733;font-size:22px;font-weight:900;box-shadow:0 6px #b89400;transition:transform .08s,box-shadow .08s}.btn-main:active{transform:translateY(5px);box-shadow:0 1px #b89400}.btn-sub{display:block;width:100%;max-width:320px;margin:12px auto 0;padding:14px 0;border-radius:999px;border:2px solid rgba(255,255,255,.35);font-size:18px;font-weight:800}.btn-sub:active{transform:scale(.97)}.best{margin-top:14px;color:var(--gold);font-weight:800}.home-foot{width:100%;max-width:420px;text-align:center}.more-works h2{font-size:13px;color:var(--mute);font-weight:700;margin-bottom:8px}.mw-list{display:grid;gap:8px}.mw-card{display:block;background:var(--panel);border-radius:12px;padding:12px;color:var(--ink);text-decoration:none;font-size:14px}.sd-home{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--brand);text-decoration:none;font-size:13px}.brand-mark{width:18px;height:18px}.sd-word{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.1em}#play{display:flex;flex-direction:column;touch-action:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(10px + var(--safe-t)) 16px 0}.timer{position:relative}.timer b{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;display:inline-block}.timer i{position:absolute;left:100%;top:6px;margin-left:6px;font-style:normal;font-weight:900;white-space:nowrap;opacity:0}.timer i.show{animation:td 1s ease-out}.timer i.good{color:var(--ok)}.timer i.bad{color:var(--bad)}@keyframes td{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:translateY(-14px)}}.tbar{height:6px;width:120px;background:#ffffff26;border-radius:3px;overflow:hidden;margin-top:4px}.tbar span{display:block;height:100%;background:var(--gold);transform-origin:left}body.hurry .timer b{color:var(--bad);animation:pulse .5s ease-in-out infinite}body.hurry .tbar span{background:var(--bad)}@keyframes pulse{50%{transform:scale(1.1)}}.score b{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums}.combo{position:absolute;left:0;right:0;top:calc(62px + var(--safe-t));text-align:center;pointer-events:none;opacity:0;transition:opacity .2s}.combo.on{opacity:1}.combo b{font-size:30px;font-weight:900;color:var(--gold);font-style:italic}.combo span{font-size:13px;font-weight:900;color:var(--gold);margin-left:4px;letter-spacing:.1em}.combo.bump b{display:inline-block;animation:bump .22s}@keyframes bump{40%{transform:scale(1.45)}}body.fever .combo b,body.fever .combo span{color:#ff6bd6;text-shadow:0 0 14px #FF6BD6}.field{position:relative;flex:1;margin:40px 16px 0;min-height:0}.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(86vw,360px);background:#f7f9fb;touch-action:none;color:#14202c;border-radius:16px;padding:16px 12px 18px;text-align:center;box-shadow:0 10px #00000040,0 18px 30px #00000059;border-bottom:8px solid #C9D3DC}.card b{display:block;font-size:clamp(38px,12vw,52px);font-weight:900;letter-spacing:.04em;line-height:1.15;white-space:nowrap}.card b.long{font-size:clamp(28px,9vw,40px)}.card .tag{display:inline-block;font-style:normal;font-size:13px;font-weight:900;background:#14202c;color:#ffe14d;border-radius:999px;padding:3px 10px;margin-bottom:6px}.card.danger{box-shadow:0 10px #00000040,0 0 0 4px #ff3b30b3;animation:tremble .12s infinite}@keyframes tremble{50%{margin-left:2px}}.card.gone{visibility:hidden}.card.bad{border-bottom-color:var(--c);animation:wob .35s}@keyframes wob{25%{transform:translate(calc(-50% - 10px),-50%)}75%{transform:translate(calc(-50% + 10px),-50%)}to{transform:translate(-50%,-50%)}}.fuse{height:8px;border-radius:4px;background:#dde3e9;margin-top:14px;overflow:hidden}.fuse span{display:block;height:100%;background:#14202c;transform-origin:left}.card.danger .fuse span{background:var(--bad)}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px calc(16px + var(--safe-b));height:calc(150px + var(--safe-b))}.opt{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--c);color:#fff;font-weight:900;font-size:clamp(18px,5.6vw,24px);border-radius:20px;padding:12px 6px;white-space:nowrap;box-shadow:0 6px #00000059,inset 0 -4px #00000026;transition:transform .06s,box-shadow .06s}.opt.press{transform:translateY(5px);box-shadow:0 1px #00000059}.opt.dark{color:#1b2733}.opt i{font-style:normal;font-size:.8em;opacity:.8}.opt.right{animation:glow2 .45s ease-in-out 2;box-shadow:0 0 0 4px #14202c,0 0 0 7px var(--c)}.opt.nope{filter:grayscale(1) brightness(.75)}@keyframes glow2{50%{transform:scale(1.08)}}.ghost{position:fixed;z-index:15;pointer-events:none;transform-origin:center;border-bottom-color:var(--c)!important;margin:0}.pop{position:absolute;left:0;right:0;top:20%;text-align:center;pointer-events:none;opacity:0;font-size:clamp(40px,13vw,60px);font-weight:900;font-style:italic;z-index:5}.pop.show{animation:pop .9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes pop{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1.15)}25%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.pop.fast{color:var(--ok);text-shadow:0 0 20px rgba(60,230,120,.6)}.pop.bad{color:var(--bad);font-style:normal}.pop.fever{color:#ff6bd6;text-shadow:0 0 20px #FF6BD6}.hint{position:absolute;left:16px;right:16px;bottom:calc(170px + var(--safe-b));text-align:center;font-size:16px;font-weight:800;background:#0009;border-radius:12px;padding:10px;pointer-events:none;animation:bob 1.4s ease-in-out infinite;z-index:6}.edge{position:absolute;top:0;bottom:0;width:28vw;max-width:160px;pointer-events:none;opacity:.25;transition:opacity .12s}.edge-l{left:0;background:linear-gradient(90deg,var(--c),transparent)}.edge-r{right:0;background:linear-gradient(270deg,var(--c),transparent)}.edge.on{opacity:.9;animation:glow .45s ease-in-out 2}.edge.flash{animation:eflash .35s ease-out}@keyframes eflash{0%{opacity:1}to{opacity:.25}}@keyframes glow{50%{opacity:.4}}.icon-btn{position:absolute;right:12px;top:calc(56px + var(--safe-t));width:36px;height:36px;border-radius:50%;background:#ffffff14;font-size:16px}.veil{background:#05090ebf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}#paused p{font-size:22px;font-weight:900}.ticket{width:100%;max-width:400px;max-height:100%;overflow-y:auto;background:var(--panel);border-radius:22px;padding:22px 16px 18px;text-align:center;animation:rise .45s cubic-bezier(.2,1.4,.4,1)}@keyframes rise{0%{transform:translateY(40px) scale(.9);opacity:0}}.r-timeup{color:var(--mute);font-weight:800;font-size:14px}.r-rank{font-size:28px;font-weight:900;margin-top:4px}.r-line{font-size:14px;color:var(--mute);margin-top:6px;line-height:1.5}.r-score{margin-top:10px;position:relative}.r-score span{display:block;color:var(--mute);font-size:13px;font-weight:700}.r-score b{font-size:60px;font-weight:900;color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums}.r-score i{position:absolute;right:6px;top:2px;font-style:normal;background:var(--bad);color:#fff;font-weight:900;font-size:13px;padding:4px 8px;border-radius:8px;transform:rotate(8deg)}.r-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.r-grid div{background:#00000040;border-radius:12px;padding:8px 2px}.r-grid span{display:block;font-size:11px;color:var(--mute);font-weight:700}.r-grid b{font-size:19px;font-weight:900}.r-emoji{margin-top:12px;font-size:15px;line-height:1.4;word-break:break-all;letter-spacing:1px}.r-miss{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.r-miss:empty{display:none}.r-miss span{display:inline-flex;align-items:center;gap:3px;background:#0000004d;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.r-miss i{width:10px;height:10px;border-radius:50%}.r-btns .btn-main{margin-top:16px}.toast{margin-top:10px;color:var(--ok);font-weight:800}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.fever-bg{display:none}}