.echo-stage{width:min(100%,580px);display:grid;gap:12px;justify-items:center}.echo-legend{width:min(100%,560px);display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px;font-weight:750}.echo-legend span{display:flex;align-items:center;gap:7px}.echo-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.echo-dot-player{background:#8c79ff;box-shadow:0 0 12px rgba(140,121,255,.65)}.echo-dot-ghost{background:#55dcff;box-shadow:0 0 12px rgba(85,220,255,.55)}.echo-grid{width:min(100%,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:5px;padding:7px;border:1px solid rgba(113,132,181,.32);border-radius:16px;background:linear-gradient(145deg,#090e1a,#0d1425);box-shadow:inset 0 0 28px rgba(0,0,0,.18)}.echo-cell{position:relative;min-width:0;border:1px solid #27314c;border-radius:9px;background:#11182a;cursor:pointer;overflow:hidden;transition:transform .1s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.echo-cell:not(.blocked):hover{border-color:#44547c;background:#141e34}.echo-cell:not(.blocked):active{transform:scale(.96)}.echo-cell.blocked{cursor:not-allowed;border-color:#1c2437;background:repeating-linear-gradient(135deg,#080c15 0,#080c15 7px,#111727 7px,#111727 10px);opacity:.78}.echo-cell.blocked:after{content:"";position:absolute;inset:27%;border-radius:6px;background:rgba(118,132,163,.14);box-shadow:inset 0 0 0 1px rgba(142,157,190,.10)}.echo-goal-mark{position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed;opacity:.72;z-index:1}.echo-goal-player{border-color:#8c79ff;box-shadow:0 0 0 4px rgba(140,121,255,.07),0 0 14px rgba(140,121,255,.18)}.echo-goal-ghost{border-color:#55dcff;box-shadow:0 0 0 4px rgba(85,220,255,.06),0 0 14px rgba(85,220,255,.16)}.echo-agent{position:absolute;left:50%;top:50%;transform:translate(-50%,-53%);font-size:clamp(21px,4.6vw,38px);line-height:1;z-index:4;pointer-events:none}.echo-agent-player{color:#917fff;text-shadow:0 0 17px rgba(145,127,255,.65)}.echo-agent-ghost{color:#5de1ff;text-shadow:0 0 17px rgba(93,225,255,.55);opacity:.92}.echo-cell.has-player.has-echo .echo-agent-player{transform:translate(-67%,-53%) scale(.82)}.echo-cell.has-player.has-echo .echo-agent-ghost{transform:translate(-32%,-53%) scale(.82)}.echo-cell.hinted{outline:3px solid var(--success);outline-offset:-3px;box-shadow:0 0 22px rgba(55,217,154,.22)}.echo-cell.solution-player:not(.blocked){background:linear-gradient(145deg,rgba(140,121,255,.16),#11182a)}.echo-cell.solution-echo:not(.blocked){box-shadow:inset 0 0 0 2px rgba(85,220,255,.17)}.echo-cell.solution-player.solution-echo:not(.blocked){background:linear-gradient(145deg,rgba(140,121,255,.14),rgba(85,220,255,.09))}.echo-timeline{width:min(100%,560px);min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border:1px solid var(--border-soft);border-radius:12px;background:#0d1322}.echo-timeline>span{color:var(--muted-2);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.echo-queue{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;min-height:28px}.echo-queue b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(85,220,255,.25);background:rgba(85,220,255,.08);color:#9cecff;font-size:15px}.echo-queue small{color:var(--muted);font-size:10px}.echo-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,40px);gap:6px}.echo-controls button{appearance:none;border:1px solid #364361;background:#141c30;color:#edf3ff;border-radius:10px;font-size:17px;font-weight:850;cursor:pointer;box-shadow:0 5px 12px rgba(0,0,0,.12);transition:transform .1s ease,background .12s ease,border-color .12s ease}.echo-controls button:hover:not(:disabled){background:#1a2641;border-color:#596b96}.echo-controls button:active:not(:disabled){transform:translateY(1px) scale(.97)}.echo-controls button:disabled{opacity:.38;cursor:not-allowed}.echo-sequence{width:min(100%,560px);padding:9px 11px;border-radius:11px;border:1px solid rgba(40,201,245,.24);background:rgba(40,201,245,.06);color:#cceeff;font-size:11px;line-height:1.55;text-align:center;word-spacing:4px}@media(max-width:640px){.echo-stage{gap:10px}.echo-grid{gap:4px;padding:5px;border-radius:13px}.echo-cell{border-radius:7px}.echo-legend{gap:12px;font-size:10px}.echo-timeline{min-height:43px}.echo-queue b{width:25px;height:25px;font-size:14px}.echo-controls{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px)}}