@font-face{font-family:ChordGameDisplay;src:url(/games/chord-ear/fonts/display.woff2)format("woff2");font-weight:700;font-display:swap}.cg-night{--cg-bg:#0b1013;--cg-ink:#f4f3e9;--cg-muted:#a6b7b0;--cg-accent:#d5ff91;--cg-line:#34433e;--cg-wrong:#ffb6b5;isolation:isolate;background:var(--cg-bg);min-height:100dvh;color:var(--cg-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:clip}.cg-night *{box-sizing:border-box}.cg-night button,.cg-night a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cg-night button{cursor:pointer;font-family:inherit}.cg-night button:disabled{cursor:default}.cg-night :focus-visible{outline:2px solid var(--cg-accent);outline-offset:6px}.cg-night ::selection{background:var(--cg-accent);color:var(--cg-bg)}.cg-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.cg-stage{width:min(100%,620px);min-height:100dvh;padding:24px 28px max(22px,env(safe-area-inset-bottom));outline:none;margin:auto;position:relative}.cg-screen-menu .cg-stage{padding-top:max(90px,env(safe-area-inset-top));flex-direction:column;justify-content:center;padding-bottom:74px;display:flex}.cg-brand{inset-inline:0;top:max(20px,env(safe-area-inset-top));min-height:44px;padding-inline:inherit;color:var(--cg-muted);align-items:center;gap:10px;font-size:13px;display:flex;position:absolute}.cg-brand img{flex-shrink:0;display:block}.cg-brand i{background:var(--cg-line);width:1px;height:14px}.cg-brand strong{color:var(--cg-ink);font-size:14px;font-weight:500}.cg-night-signal{align-items:center;gap:7px;height:56px;margin:0 0 30px 4px;display:flex}.cg-night-signal i{background:var(--cg-accent);width:3px;height:16px;display:block}.cg-night-signal i:nth-child(2){height:36px}.cg-night-signal i:nth-child(3){height:24px}.cg-levels{flex-direction:column;gap:0;display:flex}.cg-level{border:0;border-top:1px solid var(--cg-line);min-height:112px;color:var(--cg-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:20px 8px;transition:color .18s,background .18s;display:flex;position:relative;overflow:hidden}.cg-level:last-child{border-bottom:1px solid var(--cg-line)}.cg-level>span:first-child{letter-spacing:.04em;z-index:1;font-family:ChordGameDisplay,sans-serif;font-size:52px;font-weight:700;line-height:1.15;transition:transform .18s}.cg-level>svg{z-index:1;color:var(--cg-muted);transition:transform .2s}:is(.cg-level:hover,.cg-level:focus-visible){background:var(--cg-accent);color:var(--cg-bg)}:is(.cg-level:hover>span:first-child,.cg-level:focus-visible>span:first-child){transform:translate(14px)}:is(.cg-level:hover>svg,.cg-level:focus-visible>svg){color:var(--cg-bg);transform:translate(-11px)}.cg-level:active{background:var(--cg-accent);color:var(--cg-bg)}.cg-level-challenge{color:var(--cg-accent)}.cg-level-ink{pointer-events:none;animation:.65s cubic-bezier(.16,1,.3,1) backwards cg-menu-arrive;animation-delay:var(--cg-delay);background:var(--cg-bg);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.cg-curtain{z-index:9;pointer-events:none;transform-origin:top;background:#020505;animation:.75s cubic-bezier(.16,1,.3,1) both cg-curtain;position:absolute;inset:0;transform:scaleY(0)}.cg-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:56px;display:grid}.cg-exit{width:44px;height:44px;color:var(--cg-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.cg-exit:hover{color:var(--cg-ink);background:#19221e}.cg-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:34px;font-weight:500;line-height:1.2}.cg-time.is-urgent{color:var(--cg-wrong)}.cg-score{color:var(--cg-accent);font-variant-numeric:tabular-nums;justify-self:end;align-items:baseline;gap:6px;display:flex}.cg-score strong{font-size:24px;font-weight:500}.cg-score>span{font-size:11px}.cg-time-track{background:#25332c;height:2px;margin-top:18px;overflow:hidden}.cg-time-track>i{background:var(--cg-accent);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.cg-screen-play .cg-stage{flex-direction:column;height:100dvh;min-height:620px;display:flex}.cg-listening{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:190px;display:flex;position:relative}.cg-call{height:66px;color:var(--cg-ink);place-items:center;font-family:ChordGameDisplay,sans-serif;font-size:48px;font-weight:700;line-height:1.2;display:grid}.cg-wave{width:82%;height:64px;display:block}.cg-chord-context{min-height:24px;color:var(--cg-muted);letter-spacing:.02em;font-size:14px}.cg-hit .cg-call{color:var(--cg-accent)}.cg-miss .cg-call,.cg-miss .cg-chord-context{color:var(--cg-wrong)}.cg-award{font-variant-numeric:tabular-nums;font-family:inherit;animation:.45s cubic-bezier(.16,1,.3,1) cg-score-arrive}.cg-combo{color:var(--cg-accent);font-size:13px;animation:.3s ease-out cg-score-arrive;position:absolute;top:24px;right:0}.cg-choices{opacity:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .18s;display:grid}.cg-choices.is-ready{opacity:1}.cg-choice{min-height:112px;color:var(--cg-ink);letter-spacing:-.02em;overflow-wrap:anywhere;background:#141e19;border:1px solid #46564f;border-radius:12px;justify-content:center;align-items:center;padding:22px 12px;font-size:32px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex;position:relative}.cg-choice.cg-long{font-size:25px}.cg-choice:not(:disabled):hover,.cg-choice:not(:disabled):active,.cg-choice.is-correct{background:var(--cg-accent);border-color:var(--cg-accent);color:var(--cg-bg)}.cg-choice.is-wrong{color:#ffd7d5;background:#442728;border-color:#c77a78}.cg-choice>svg{position:absolute;top:10px;right:10px}.cg-bottom{flex-shrink:0;place-items:center;height:68px;display:grid}.cg-replay{width:44px;height:44px;color:var(--cg-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.cg-replay:hover{color:var(--cg-ink);background:#19221e}.cg-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 54px);padding:40px 0 12px;display:flex}.cg-result h2,.cg-interruption h2{margin:0;font-family:ChordGameDisplay,sans-serif;font-size:28px;font-weight:700;line-height:1.5}.cg-final-score{color:var(--cg-accent);font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;margin-top:18px;display:flex}.cg-final-score strong{letter-spacing:-.04em;font-size:clamp(72px,22vw,116px);font-weight:500;line-height:1.2}.cg-final-score>span{font-size:16px}.cg-result-details{color:var(--cg-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px 0 0;font-size:13px;line-height:1.8;display:flex}.cg-result-details>span{background:var(--cg-line);width:2px;height:12px}.cg-record{min-height:24px;color:var(--cg-accent);margin:12px 0 0;font-size:13px}.cg-result-actions{flex-direction:column;gap:12px;width:100%;margin-top:50px;display:flex}.cg-action{background:var(--cg-accent);width:100%;min-height:66px;color:var(--cg-bg);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:20px;font-weight:600;display:flex}.cg-action:hover{background:#e0ffb3}.cg-action:active{transform:translateY(1px)}.cg-secondary{min-height:52px;color:var(--cg-muted);background:0 0;border:0;padding:12px;font-size:16px}.cg-secondary:hover{color:var(--cg-ink)}.cg-license{color:var(--cg-muted);text-underline-offset:4px;align-items:center;min-height:44px;margin-top:32px;font-size:11px;display:flex}.cg-interruption{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.cg-interruption h2{margin-bottom:22px;font-size:36px}.cg-interruption p{color:var(--cg-muted);margin:0;font-size:14px}.cg-spin{animation:1s linear infinite cg-spin}@keyframes cg-spin{to{transform:rotate(360deg)}}@keyframes cg-curtain{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes cg-menu-arrive{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes cg-score-arrive{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:800px){.cg-stage{padding-inline:38px}.cg-screen-menu .cg-stage{padding-top:104px;padding-bottom:104px}.cg-level{min-height:122px}.cg-level>span:first-child{font-size:60px}.cg-night-signal{margin-bottom:42px}.cg-screen-play .cg-stage{max-height:1040px;margin-block:auto}.cg-night.cg-screen-play{align-items:center;display:flex}.cg-choices{gap:16px}}@media (max-height:720px){.cg-screen-menu .cg-stage{padding-top:64px;padding-bottom:30px}.cg-night-signal{height:32px;margin-bottom:22px}.cg-level{min-height:100px}.cg-level>span:first-child{font-size:44px}.cg-stage{padding-top:14px;padding-inline:22px}.cg-hud{min-height:48px}.cg-time-track{margin-top:12px}.cg-choice{min-height:96px}.cg-listening{gap:8px;min-height:160px}.cg-bottom{height:54px}.cg-result{padding-top:16px}.cg-result-actions{margin-top:30px}}@media (max-width:350px){.cg-stage{padding-inline:18px}.cg-level>span:first-child{font-size:46px}.cg-choice{min-height:102px;font-size:27px}.cg-choice.cg-long{font-size:21px}.cg-hud{gap:12px}.cg-time{font-size:30px}}@media (prefers-reduced-motion:reduce){.cg-night *{transition:none!important;animation:none!important}.cg-curtain,.cg-level-ink{display:none}}