.echo-task{--echo-image:linear-gradient(#234856,#193c49);position:relative;isolation:isolate;padding:clamp(12px,3vw,24px);margin:16px 0;border-radius:24px;color:#edf5ee;background:linear-gradient(#153845e8,#173945f5),var(--echo-image) center/cover;overflow:hidden}
.echo-task [hidden]{display:none!important}.echo-controls,.echo-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}.echo-controls label{display:flex;align-items:center;gap:8px;font-size:13px}.echo-controls input{width:20px;height:20px;accent-color:#d7e3d7}.echo-task button{min-height:48px;max-width:100%;border:1px solid #ffffff4d;border-radius:16px;background:#e0e9df;color:#264852;padding:10px 14px;font-size:13px;cursor:pointer;touch-action:manipulation}.echo-task button:disabled{opacity:.55;cursor:default}.echo-task button:focus-visible{outline:3px solid #f6d89f;outline-offset:3px}.echo-task .echo-progress{text-align:center;font:17px/1.5 Georgia,Palatino,serif;color:#eef5e8}
.echo-crystals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px;margin:20px auto 10px}.echo-task .echo-crystals button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:135px;min-width:0;padding:12px;border-radius:34% 17% 32% 20%;background:#d3e3e2;color:#24434e;opacity:1;transition:background .18s,box-shadow .18s,transform .18s}.echo-task [data-echo-note="1"]{background:#bed8dc}.echo-task [data-echo-note="2"]{background:#e8dfc6}.echo-task [data-echo-note="3"]{background:#dfccd0}.echo-task .echo-crystals button:disabled{opacity:.82}.echo-task .echo-crystals .is-lit{background:#fff0ce;opacity:1;box-shadow:0 0 22px #ffe2a77a,inset 0 0 12px #fff7de;transform:translateY(-2px)}.echo-crystal-art{width:66px;height:66px;object-fit:contain;pointer-events:none}.echo-crystals span{font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.echo-guide-figure{display:block;width:66px;height:84px;object-fit:contain;margin:4px auto 12px}.echo-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:0;list-style-position:inside;font-size:12px}.echo-hints li{padding:7px 9px;background:#dce7df;color:#254753;border-radius:11px}.echo-task .echo-message{margin:18px 0 0;padding:12px;background:#103341b3;border-radius:14px;color:#eff4e8;line-height:1.6;font-size:13px}.echo-calm .echo-crystals button{transition:none;transform:none}
@media(max-width:480px){.echo-crystals{gap:9px}.echo-task .echo-crystals button{min-height:110px;padding:9px}.echo-crystal-art{width:52px;height:52px}.echo-task .echo-actions button{font-size:12px;padding:9px}.echo-task{padding:12px}}
@media(prefers-reduced-motion:reduce){.echo-task *{animation:none!important;transition:none!important;transform:none!important}}

.echo-task.minigame-enhanced{box-sizing:border-box;width:100%;padding:14px 10px;background:linear-gradient(#153847db,#153947ed),url(assets/minigame-lake-v84.webp) center/cover;border:1px solid #ffffff44;box-shadow:inset 0 0 35px #e0efeb12}
.minigame-enhanced .echo-introduction{max-width:36em;margin:8px auto 14px;text-align:center;font:14px/1.6 system-ui;color:#edf4e7}
.minigame-enhanced .echo-crystals{gap:12px;margin:16px auto;max-width:340px}
.minigame-enhanced .echo-crystals button{position:relative;min-height:112px;border:1px solid #e9fbf588;background:linear-gradient(150deg,#d5eeecee,#6da6b9e8);box-shadow:inset 0 2px 14px #f2fff577,0 3px 8px #071f2b55;isolation:isolate}
.minigame-enhanced [data-echo-note="1"]{background:linear-gradient(155deg,#c7eadf,#68a99d)}
.minigame-enhanced [data-echo-note="2"]{background:linear-gradient(155deg,#eee6bd,#b9a575)}
.minigame-enhanced [data-echo-note="3"]{background:linear-gradient(155deg,#eddae4,#af8eac)}
.minigame-enhanced .echo-crystals .is-lit{background:#fff1c9;box-shadow:0 0 17px #ffe6a877,inset 0 0 17px #fff9e9;transform:translateY(-2px)}
.minigame-enhanced .echo-crystal-art{animation:echo-crystal-breath 6s ease-in-out infinite;filter:drop-shadow(0 4px 3px #27444e55)}
.minigame-enhanced .echo-playback,.minigame-enhanced .echo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.echo-task .minigame-tools{margin-top:12px;padding:7px 10px;border:1px solid #e2f1e844;border-radius:15px;background:#12354388}
.echo-task .minigame-tools summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font:600 14px/1.5 system-ui}
.echo-task .minigame-tools>button{margin:5px 4px 5px 0}.echo-task .minigame-tools .echo-controls{justify-content:flex-start;margin-top:8px}
.echo-task .minigame-tools label{min-height:48px}.echo-task .minigame-tools summary:focus-visible{outline:3px solid #ffe3ae;outline-offset:2px}
@keyframes echo-crystal-breath{0%,100%{opacity:.92}50%{opacity:1}}
.echo-task.minigame-paused *,.echo-task.echo-calm *{animation:none!important;transition:none!important}
html.comfort-reduce .echo-task *{animation:none!important;transition:none!important}
 .echo-phase{margin:6px 0 12px;text-align:center;font-weight:700;color:#fff2c6;letter-spacing:.03em}