@keyframes ach-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}#ach-unlock-card[data-astro-cid-tl2niiq6].visible{animation:ach-pop .32s cubic-bezier(.34,1.56,.64,1)}.desktop-game-overlay{--p: #d4956a;--p-light: #e8b48e;--p-dark: #b87a52;--cream: #f3ead9;--ink-900: #f3ead9;--ink-800: rgba(243, 234, 217, .92);--ink-700: rgba(243, 234, 217, .82);--ink-600: rgba(243, 234, 217, .7);--ink-500: rgba(243, 234, 217, .5);--ink-400: rgba(243, 234, 217, .4);--ink-300: rgba(212, 149, 106, .3);--correct: #4ade80;--wrong: #f87171;--card: rgba(243, 234, 217, .04);--card-border: rgba(212, 149, 106, .15);--input-bg: rgba(0, 0, 0, .35);--input-border: rgba(212, 149, 106, .25);display:none;position:fixed;inset:0;z-index:50;background:linear-gradient(180deg,#1a1612,#0f0c0a);color:#f3ead9;overflow-y:auto;font-family:Noto Sans TC,Inter,-apple-system,system-ui,sans-serif}.desktop-game-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,color-mix(in oklab,var(--p) 35%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,color-mix(in oklab,var(--p-dark) 30%,transparent) 0%,transparent 50%);pointer-events:none;z-index:0}.desktop-game-overlay:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,149,106,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,149,106,.04) 1px,transparent 1px);background-size:40px 40px;mask:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none;z-index:0}@media(min-width:980px){.desktop-game-overlay:not(.hidden){display:flex;flex-direction:column}body:has(.desktop-game-overlay:not(.hidden)){overflow:hidden}body:has(.desktop-game-overlay:not(.hidden)) #shortcuts-bar,body:has(.desktop-game-overlay:not(.hidden)) #install-prompt{display:none!important}}.dgo-nav{position:relative;z-index:2;padding:10px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,149,106,.15)}.dgo-logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px;color:#f3ead9;text-decoration:none}.dgo-logo-mark{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p-dark));display:flex;align-items:center;justify-content:center;color:#1a1612;box-shadow:0 0 20px color-mix(in oklab,var(--p) 50%,transparent)}.dgo-logo-mark svg{width:18px;height:18px}.dgo-exit{display:flex;gap:8px;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid rgba(212,149,106,.3);color:#f3ead9b3;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s}.dgo-exit:hover{border-color:var(--p);color:var(--p)}.desktop-game-overlay [data-game-play].playing{box-shadow:0 0 50px color-mix(in oklab,var(--p) 80%,transparent),0 12px 30px -8px #0009}.dgo-result{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:32px 40px 60px}.dgo-result.hidden{display:none}.desktop-game-overlay:has(.dgo-result:not(.hidden)) .stage,.desktop-game-overlay:has(.dgo-result:not(.hidden)) .progress-bar{display:none}.dgo-multi-card{max-width:580px;padding:32px 36px 28px}.dgo-multi-hero{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:22px}.dgo-multi-hero img{width:100px;height:100px;border-radius:20px;object-fit:cover;box-shadow:0 16px 40px -10px color-mix(in oklab,var(--p) 50%,transparent);margin-bottom:12px}.dgo-multi-stars{font-size:22px;letter-spacing:.15em;margin:0 0 4px;color:var(--p);text-shadow:0 0 16px color-mix(in oklab,var(--p) 60%,transparent)}.dgo-multi-score{font-size:14px;color:#f3ead9b3;margin:0;font-variant-numeric:tabular-nums}.dgo-multi-score b{font-size:22px;font-weight:800;color:var(--cream);margin-right:4px}.dgo-multi-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:22px;max-height:280px;overflow-y:auto}.dgo-multi-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#0000004d;border:1px solid rgba(212,149,106,.12)}.dgo-multi-row.won{border-color:color-mix(in oklab,var(--correct) 35%,transparent)}.dgo-multi-row.lost{border-color:#f8717140}.dgo-multi-row-cover{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.dgo-multi-row-info{flex:1;min-width:0}.dgo-multi-row-name{font-size:14px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dgo-multi-row-detail{font-size:11px;color:#f3ead98c;margin-top:2px}.dgo-multi-row.won .dgo-multi-row-detail{color:var(--correct)}.dgo-multi-row-icon{font-size:20px;flex-shrink:0}.dgo-multi-row{animation:dgo-multi-row-in .5s cubic-bezier(.22,1,.36,1) backwards}.dgo-multi-row:nth-child(1){animation-delay:.4s}.dgo-multi-row:nth-child(2){animation-delay:.5s}.dgo-multi-row:nth-child(3){animation-delay:.6s}.dgo-multi-row:nth-child(4){animation-delay:.7s}.dgo-multi-row:nth-child(5){animation-delay:.8s}.dgo-multi-row:nth-child(n+6){animation-delay:.9s}@keyframes dgo-multi-row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.dgo-multi-row.won{animation:dgo-multi-row-in .5s cubic-bezier(.22,1,.36,1) backwards,dgo-multi-row-glow 2.4s ease-in-out infinite alternate;animation-delay:var(--row-delay, .4s),1.2s}@keyframes dgo-multi-row-glow{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 16px -2px color-mix(in oklab,var(--correct) 35%,transparent)}}.dgo-multi-card.win .dgo-multi-stars{animation:dgo-multi-stars-pulse 1.4s ease-in-out infinite alternate}@keyframes dgo-multi-stars-pulse{0%{transform:scale(1);text-shadow:0 0 16px color-mix(in oklab,var(--p) 60%,transparent)}to{transform:scale(1.05);text-shadow:0 0 28px color-mix(in oklab,var(--p) 90%,transparent)}}.dgo-multi-card.win .dgo-multi-hero img{animation:dgo-cover-pop .6s cubic-bezier(.34,1.56,.64,1) .2s 1 backwards}.dgo-result-card{width:100%;max-width:520px;background:linear-gradient(180deg,#2a201a,#1a1410);border-radius:28px;padding:36px 40px 32px;border:1px solid rgba(212,149,106,.18);box-shadow:0 40px 80px -20px #0009,inset 0 1px #f3ead90f;display:flex;flex-direction:column;align-items:center;text-align:center;animation:dgo-result-in .45s cubic-bezier(.22,1,.36,1);position:relative}@keyframes dgo-result-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dgo-result-card.win:before{content:"";position:absolute;inset:-2px;border-radius:30px;border:2px solid var(--correct);opacity:0;pointer-events:none;animation:dgo-win-ring 1.6s cubic-bezier(.22,1,.36,1) .2s 1}@keyframes dgo-win-ring{0%{opacity:0;transform:scale(.96)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.dgo-result-eyebrow{display:inline-flex;gap:6px;align-items:center;padding:5px 14px;border-radius:999px;background:color-mix(in oklab,var(--p) 18%,transparent);color:var(--p);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}.dgo-result-eyebrow.win{background:color-mix(in oklab,var(--correct) 22%,transparent);color:var(--correct)}.dgo-result-eyebrow.lose{background:#f3ead914;color:#f3ead9b3}.dgo-result-cover{position:relative;width:200px;height:200px;border-radius:24px;overflow:hidden;margin-bottom:22px;box-shadow:0 24px 60px -12px #0009,0 0 60px -10px color-mix(in oklab,var(--p) 40%,transparent)}.dgo-result-cover.win{animation:dgo-cover-pop .6s cubic-bezier(.34,1.56,.64,1) .3s 1 backwards}@keyframes dgo-cover-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.dgo-result-cover.win:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 52%,transparent 70%);transform:translate(-110%);pointer-events:none;animation:dgo-shine 1.1s cubic-bezier(.22,1,.36,1) .7s 1}@keyframes dgo-shine{0%{transform:translate(-110%)}to{transform:translate(110%)}}.dgo-result-cover img{width:100%;height:100%;object-fit:cover;display:block}.dgo-result-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;border:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;font-family:inherit;padding:0}.dgo-result-cover:hover .dgo-result-play,.dgo-result-play.playing{opacity:1}.dgo-result-play.playing{background:#0000008c}.dgo-result-title{font-size:28px;font-weight:800;color:var(--cream);margin:0 0 4px;letter-spacing:-.01em}.dgo-result-artist{font-size:15px;color:#f3ead9a6;margin:0 0 22px}.dgo-result-dots{display:flex;gap:10px;margin-bottom:14px;justify-content:center}.dgo-rd{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1px solid rgba(212,149,106,.25);color:#f3ead980}.dgo-rd.correct{background:color-mix(in oklab,var(--correct) 25%,transparent);border-color:var(--correct);color:var(--correct);box-shadow:0 0 16px color-mix(in oklab,var(--correct) 40%,transparent)}.dgo-rd.wrong{background:#f8717126;border-color:#f8717166;color:#f87171d9}.dgo-rd.skip{background:transparent;color:#f3ead966}.dgo-rd.future{background:#f3ead90d;color:#f3ead94d}.dgo-result-detail{margin:0 0 28px;font-size:14px;color:#f3ead9b3}.dgo-result-detail.win{color:var(--correct);font-weight:600}.dgo-result-actions{display:flex;gap:12px;width:100%;margin-bottom:18px}.dgo-act{flex:1;padding:13px 18px;border-radius:14px;border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:filter .2s,transform .15s,box-shadow .2s}.dgo-act-primary{background:linear-gradient(135deg,var(--p),var(--p-dark));color:var(--cream);box-shadow:0 12px 28px -8px color-mix(in oklab,var(--p) 60%,transparent)}.dgo-act-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 36px -8px color-mix(in oklab,var(--p) 70%,transparent)}.dgo-act-primary:active{transform:translateY(0)}.dgo-result-secondary{display:flex;align-items:center;gap:10px;font-size:13px}.dgo-result-secondary a{color:#f3ead98c;text-decoration:none;transition:color .2s}.dgo-result-secondary a:hover{color:var(--p)}.dgo-result-sep{color:#f3ead940}
