.echo-root,.echo-menu,.echo-dialogs{--e-ink:#e9eef2;--e-dim:#e9eef29e;--e-faint:#e9eef259;--e-glass:#0a0c1275;--e-glass-hi:#121620a8;--e-line:#e9eef224;--e-cyan:#7ff;--e-gold:#ffd29a;--e-serif:"Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}.echo-root{width:100%}.echo-root .ka-shell{gap:10px}.echo-board{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#07080c;border-radius:18px;width:100%;height:480px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.echo-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.echo-hud{pointer-events:none;color:var(--e-ink);z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 0;display:flex;position:absolute;inset:0 0 auto}.echo-hud>*{pointer-events:auto}.echo-hud-left,.echo-hud-right{align-items:center;gap:8px;display:flex}.echo-hud-title{text-align:center;min-width:0;font-family:var(--e-serif);letter-spacing:.02em;color:var(--e-dim);text-shadow:0 1px 12px #000000b3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;margin:10px 0 0;font-size:17px;font-style:italic;font-weight:500;overflow:hidden}.echo-hud-btn{border:1px solid var(--e-line);background:var(--e-glass);backdrop-filter:blur(8px);min-width:38px;height:38px;color:var(--e-ink);font:600 13px/1 var(--font-body,system-ui, sans-serif);letter-spacing:.01em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 11px;transition:background .16s,border-color .16s,transform .12s,opacity .16s;display:inline-flex;position:relative}.echo-hud-btn:hover:not(:disabled){background:var(--e-glass-hi);border-color:#e9eef24d}.echo-hud-btn:active:not(:disabled){transform:scale(.96)}.echo-hud-btn:focus-visible{outline:2px solid var(--e-cyan);outline-offset:2px}.echo-hud-btn:disabled{opacity:.38;cursor:default}.echo-hud-btn--primary{color:#c9ffff;border-color:#77ffff59;box-shadow:0 0 18px #77ffff1f,inset 0 0 12px #77ffff14}.echo-hud-btn--primary:hover:not(:disabled){border-color:#7ff9;box-shadow:0 0 22px #77ffff38,inset 0 0 12px #77ffff1f}.echo-hud-btn--back{width:38px;padding:0}.echo-kbd{border:1px solid var(--e-line);color:var(--e-faint);border-radius:5px;padding:3px 5px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.echo-hud-label{display:none}@media (width>=900px){.echo-hud-btn--primary .echo-hud-label{display:inline}}.echo-timer{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.echo-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.echo-timer-track{fill:#080a0e80;stroke:#e9eef224;stroke-width:2.5px}.echo-timer-fill{fill:none;stroke:var(--e-gold);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #ffd29a8c)}.echo-root--c4 .echo-timer-fill{stroke:#cfe0ff;filter:drop-shadow(0 0 4px #cfe0ff8c)}.echo-root--c3 .echo-timer-fill{stroke:#ff9a5a;filter:drop-shadow(0 0 4px #ff7a3699)}.echo-timer-s{font:600 13px/1 var(--font-body,system-ui);font-variant-numeric:tabular-nums;color:var(--e-ink);position:relative}.echo-slots{border:1px solid var(--e-line);background:var(--e-glass);backdrop-filter:blur(8px);border-radius:12px;align-items:flex-end;gap:4px;height:38px;padding:0 10px 8px;display:flex}.echo-slot{fill:none;stroke:#e9eef252;stroke-width:1.3px;transition:fill .24s,stroke .24s,filter .24s}.echo-slot.is-on{fill:#77ffffd9;stroke:#c8ffff;filter:drop-shadow(0 0 5px #7ffc)}.echo-slot.is-new{animation:.62s cubic-bezier(.2,.9,.3,1.2) echo-slot-in}@keyframes echo-slot-in{0%{opacity:0;transform:translateY(6px)scale(.6)}60%{opacity:1;transform:translateY(-2px)scale(1.12)}to{transform:none}}.echo-ready{text-align:center;color:var(--e-ink);pointer-events:none;z-index:1;text-shadow:0 2px 18px #000c;width:min(90%,420px);animation:.7s both echo-fade-up;position:absolute;top:35%;left:50%;transform:translate(-50%)}.echo-ready-loop{font:600 11px/1 var(--font-body,system-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--e-faint);margin:0}.echo-ready-title{font-family:var(--e-serif);letter-spacing:.01em;margin:8px 0 0;font-size:clamp(22px,3.2vw,30px);font-style:italic;font-weight:500;animation:2.6s ease-in-out infinite echo-breathe}.echo-ready-sub{color:var(--e-dim);margin:6px 0 0;font-size:13.5px}@keyframes echo-breathe{50%{opacity:.55}}@keyframes echo-fade-up{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.echo-hint-line{border:1px solid var(--e-line);backdrop-filter:blur(8px);width:max-content;max-width:calc(100% - 32px);color:var(--e-ink);text-align:center;text-wrap:balance;pointer-events:none;z-index:1;background:#080a0e80;border-radius:999px;margin:0;padding:9px 16px;font-size:14px;line-height:1.35;transition:opacity .6s;animation:.9s .3s both echo-fade-in;position:absolute;top:62px;left:50%;transform:translate(-50%)}.echo-hint-line.is-dim{opacity:.55}@keyframes echo-fade-in{0%{opacity:0}}.echo-toast{border:1px solid var(--e-line);backdrop-filter:blur(8px);color:var(--e-ink);letter-spacing:.02em;pointer-events:none;z-index:3;white-space:nowrap;text-overflow:ellipsis;background:#080a0e9e;border-radius:10px;max-width:calc(100% - 24px);margin:0;padding:8px 14px;font-size:13.5px;animation:2.2s both echo-toast;position:absolute;top:44%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes echo-toast{0%{opacity:0;transform:translate(-50%,-6px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.echo-pause{z-index:4;backdrop-filter:blur(3px)saturate(.7);background:radial-gradient(#04050859,#040508bf);place-items:center;padding:16px;animation:.24s both echo-fade-in;display:grid;position:absolute;inset:0}.echo-pause-card{text-align:center;color:var(--e-ink);max-width:420px}.echo-pause-title{font-family:var(--e-serif);margin:0;font-size:36px;font-style:italic;font-weight:500}.echo-pause-sub{color:var(--e-dim);margin:6px 0 18px;font-size:14px;line-height:1.5}.echo-pause-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.echo-cta,.echo-ghost{cursor:pointer;height:44px;font:650 15px/1 var(--font-body,system-ui);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;transition:transform .14s,background .16s,box-shadow .16s,border-color .16s;display:inline-flex}.echo-cta{color:#eaffff;background:linear-gradient(#77ffff3d,#77ffff1a);border:1px solid #a0ffff8c;box-shadow:0 0 24px #77ffff2e,inset 0 1px #ffffff26}.echo-cta:hover{transform:translateY(-1px);box-shadow:0 0 32px #77ffff4d,inset 0 1px #fff3}.echo-ghost{border:1px solid var(--e-line);color:var(--e-ink);background:#0a0c1266}.echo-ghost:hover{border-color:#e9eef257}.echo-cta:focus-visible,.echo-ghost:focus-visible{outline:2px solid var(--e-cyan);outline-offset:3px}.echo-pads{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;height:118px;padding:6px 4px 0;display:flex}.echo-pad-move{touch-action:none;gap:10px;display:flex}.echo-pad-act{align-items:center;gap:12px;display:flex}.echo-pad{color:#dfe6ee;touch-action:none;background:linear-gradient(#1a1d26,#0c0e14);border:1px solid #ffffff1a;border-radius:22px;place-items:center;width:74px;height:74px;transition:transform 80ms,background .12s,box-shadow .12s;display:grid;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14}.echo-pad.is-held{background:linear-gradient(#232836,#12151d);transform:scale(.94);box-shadow:0 2px 8px #0006,inset 0 0 18px #ffd29a1f}.echo-pad--jump{border-radius:50%;width:86px;height:86px}.echo-pad--echo{cursor:pointer;color:#c9ffff;width:64px;height:64px;font:650 10.5px/1 var(--font-body,system-ui);letter-spacing:.04em;border-color:#77ffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 0 18px #77ffff24,inset 0 0 14px #77ffff14}.echo-pad--echo:active{transform:scale(.94)}.echo-root .echo-hint-touch,.echo-root.is-touch .echo-hint-keys{display:none}.echo-root.is-touch .echo-hint-touch{display:inline}.echo-root.is-touch .echo-kbd{display:none}.echo-root.is-touch .echo-hud{gap:6px;padding:8px 8px 0}.echo-root.is-touch .echo-hud-title{display:none}.echo-root.is-touch .echo-hud-btn{border-radius:10px;min-width:34px;height:34px;padding:0 8px}.echo-root.is-touch .echo-hud-btn--back{width:34px;padding:0}.echo-root.is-touch .echo-slots{height:34px;padding:0 8px 7px}.echo-root.is-touch .echo-hud-right .echo-hud-btn--primary{display:none}.echo-root.is-touch .echo-hint-line{border-radius:14px;padding:7px 12px;font-size:12.5px;top:52px}.echo-result{justify-items:center;gap:8px;margin:4px 0 6px;display:grid}.echo-result .echo-stars svg{fill:#1a1a2e24}.echo-result .echo-stars svg.is-on{fill:#ffc24b;filter:drop-shadow(0 2px #1a1a2e);animation:.52s cubic-bezier(.2,.9,.3,1.3) both echo-star}.echo-result .echo-stars svg.is-on:nth-child(2){animation-delay:.14s}.echo-result .echo-stars svg.is-on:nth-child(3){animation-delay:.28s}.echo-result-par{color:var(--ink-2,#444);text-align:center;margin:0;font-size:14px}@keyframes echo-star{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.echo-menu{width:100%;color:var(--e-ink)}.echo-chapters,.echo-levels,.echo-daily{background:#07080c;border-radius:18px;padding:clamp(16px,2.6vw,28px);position:relative;overflow:hidden}.echo-menu-head{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex;position:relative}.echo-title{font-family:var(--e-serif);letter-spacing:.01em;color:#f3f6f8;margin:0;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1}.echo-kicker{font:600 11px/1 var(--font-body,system-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--e-faint);margin:0 0 6px}.echo-menu-sub{color:var(--e-dim);align-items:center;gap:6px;margin:0;font-size:14px;display:inline-flex}.echo-stars{vertical-align:middle;gap:2px;display:inline-flex}.echo-stars svg{fill:#e9eef22e}.echo-stars svg.is-on{fill:#ffd29a;filter:drop-shadow(0 0 4px #ffbe6e8c)}.echo-lock{color:var(--e-faint);flex-shrink:0}.echo-panel{background:var(--panel,none) center / cover no-repeat, linear-gradient(180deg, #1b2226, #07080c);position:relative;overflow:hidden}.echo-panel--c2{background:var(--panel,none) center / cover no-repeat, linear-gradient(180deg, #3b2220, #0a0708)}.echo-panel--c3{background:var(--panel,none) center / cover no-repeat, linear-gradient(180deg, #120b0b, #2a120c)}.echo-panel--c4{background:var(--panel,none) center / cover no-repeat, linear-gradient(180deg, #030615, #1a2a52)}.echo-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.echo-chapter{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 12px 30px #00000059}.echo-chapter .echo-panel{aspect-ratio:16/10;flex-direction:column;justify-content:flex-end;padding:16px 18px;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:flex}.echo-chapter .echo-panel:after{content:"";background:linear-gradient(#04050800 35%,#040508b8 100%);position:absolute;inset:0}.echo-chapter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff2e,0 18px 40px #00000073}.echo-chapter:hover:not(:disabled) .echo-panel{transform:scale(1.02)}.echo-chapter:focus-visible{outline:2px solid var(--e-cyan);outline-offset:3px}.echo-chapter:disabled{cursor:default}.echo-chapter:disabled .echo-panel{filter:brightness(.62)saturate(.85)}.echo-chapter-num,.echo-chapter-text,.echo-chapter-meta{z-index:1;position:relative}.echo-chapter-num{font-family:var(--e-serif);color:#ffffffb8;letter-spacing:.08em;font-size:22px;position:absolute;top:14px;left:18px}.echo-chapter-text{gap:4px;display:grid}.echo-chapter-name{font-family:var(--e-serif);color:#fff;text-shadow:0 2px 14px #0009;font-size:clamp(22px,2.6vw,30px);font-weight:500;line-height:1.05}.echo-chapter-idea{color:#ffffffb8;max-width:36ch;font-size:13px;line-height:1.4}.echo-chapter-meta{color:#ffffffc7;font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:inline-flex}.echo-daily-entry{color:inherit;border-radius:14px;margin-top:12px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden;box-shadow:0 0 0 1px #77ffff38,0 10px 26px #00000059}.echo-daily-entry:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #77ffff73,0 0 28px #77ffff26}.echo-panel--strip{justify-content:space-between;align-items:center;min-height:92px;padding:16px 20px;display:flex}.echo-panel--strip:after{content:"";background:linear-gradient(90deg,#040508cc,#04050833);position:absolute;inset:0}.echo-daily-text{z-index:1;gap:6px;display:grid;position:relative}.echo-daily-kicker{font:600 11px/1 var(--font-body,system-ui);letter-spacing:.3em;text-transform:uppercase;color:#aefcff}.echo-daily-name{font-family:var(--e-serif);color:#fff;font-size:26px}.echo-daily-best-line{color:#ffe2bb;font-size:13px}.echo-daily-go{z-index:1;color:#c9ffff;font-size:26px;position:relative}.echo-panel--bg{filter:brightness(.62)saturate(.95);position:absolute;inset:0}.echo-panel--bg:after{content:"";background:radial-gradient(at 50% 40%,#0405081a,#040508b3);position:absolute;inset:0}.echo-levels-inner{z-index:1;position:relative}.echo-back{border:1px solid var(--e-line);height:36px;color:var(--e-ink);cursor:pointer;font:600 13.5px/1 var(--font-body,system-ui);backdrop-filter:blur(8px);background:#080a0e73;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.echo-back:hover{border-color:#e9eef257}.echo-levels .echo-menu-head{align-items:center}.echo-levels .echo-menu-head>div{flex:1;min-width:180px}.echo-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.echo-level{cursor:pointer;text-align:left;width:100%;min-height:128px;color:var(--e-ink);backdrop-filter:blur(10px);background:linear-gradient(#0e11188c,#06070ab8);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;display:flex}.echo-level:hover:not(:disabled){border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 10px 26px #00000059}.echo-level:focus-visible{outline:2px solid var(--e-cyan);outline-offset:3px}.echo-level:disabled{cursor:default;opacity:.5}.echo-level.is-done{border-color:#ffd29a42}.echo-level-n{font-family:var(--e-serif);color:#fff;font-size:30px;line-height:1}.echo-level-name{color:var(--e-ink);font-size:14.5px;font-weight:600}.echo-level-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.echo-level-best{color:var(--e-faint);font-variant-numeric:tabular-nums;font-size:12px}.echo-daily{place-items:center;min-height:420px;display:grid}.echo-daily-card{z-index:1;text-align:center;backdrop-filter:blur(12px);background:#06080c80;border:1px solid #ffffff1f;border-radius:18px;max-width:460px;padding:28px 24px;position:relative}.echo-daily-level{font-family:var(--e-serif);color:var(--e-ink);margin:8px 0 0;font-size:20px;font-style:italic}.echo-daily-copy{color:var(--e-dim);margin:12px 0 0;font-size:14.5px;line-height:1.55}.echo-daily-best{color:#ffe2bb;margin:12px 0 0;font-size:14px}.echo-daily-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.echo-link{color:var(--e-dim);text-underline-offset:3px;font-size:14px}.echo-link:hover{color:var(--e-ink)}@media (width<=640px){.echo-chapter-grid{grid-template-columns:1fr}.echo-chapter .echo-panel{aspect-ratio:auto;min-height:208px}.echo-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.echo-level{min-height:112px;padding:12px}.echo-board{border-radius:14px}}@media (width<=600px){.echo-kbd,.echo-hud-title{display:none}.echo-hud{gap:6px;padding:8px 8px 0}.echo-hud-left,.echo-hud-right{gap:5px}.echo-hud-btn{border-radius:10px;min-width:34px;height:34px;padding:0 8px}.echo-hud-btn--back{width:34px;padding:0}.echo-slots{height:34px;padding:0 7px 7px}}@media (prefers-reduced-motion:reduce){.echo-ready-title,.echo-slot.is-new,.echo-result .echo-stars svg.is-on{animation:none}}.echo-dialogs .ka-dialog{color:var(--e-ink);border:1px solid var(--e-line);backdrop-filter:blur(10px);background:linear-gradient(#141822f5,#090b10f7);border-radius:18px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #77ffff0f,0 0 60px #77ffff14}.echo-dialogs .ka-dialog::backdrop{backdrop-filter:blur(2px);background:#04060a9e}.echo-dialogs .ka-dialog-title,.echo-dialogs .ka-dialog--win .ka-dialog-title{font-family:var(--e-serif);letter-spacing:.01em;color:#fff;text-shadow:0 0 24px #77ffff40;background:0 0;border:0;align-self:auto;padding:0;font-size:clamp(30px,5vw,40px);font-style:italic;font-weight:500;display:block;transform:none}.echo-dialogs .ka-dialog-sub{color:var(--e-dim)}.echo-dialogs .ka-dialog-stats div{border:1px solid var(--e-line);background:#ffffff0a;border-radius:12px}.echo-dialogs .ka-dialog-stats dt{color:var(--e-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.echo-dialogs .ka-dialog-stats dd{color:#fff;font-family:var(--e-serif);letter-spacing:0;font-size:28px;font-weight:600}.echo-dialogs .ka-btn{color:var(--e-ink);border:1px solid var(--e-line);box-shadow:none;background:#ffffff0d;border-radius:999px}.echo-dialogs .ka-btn:hover{box-shadow:none;background:#ffffff1a;transform:none}.echo-dialogs .ka-btn--primary{color:#d9ffff;background:#77ffff24;border-color:#7ff6;box-shadow:0 0 22px #77ffff29}.echo-dialogs .ka-btn--primary:hover{background:#77ffff38}.echo-dialogs .klb-line{color:var(--e-dim)}.echo-dialogs .klb-line strong{color:#fff}.echo-dialogs .echo-result .echo-stars svg{fill:#ffffff1f}.echo-dialogs .echo-result .echo-stars svg.is-on{fill:#ffd29a;filter:drop-shadow(0 0 10px #ffbe6e8c)}.echo-dialogs .echo-result{color:var(--e-dim)}