:root{--background:#0b0d1a;--panel:#12152a;--text:#e8eaf6;--muted:#8087ad;--left:#c24bff;--down:#00d5ff;--up:#2bf04a;--right:#ff3b5c;--wing:#ff2e88;color:var(--text);background:var(--background);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#stage{grid-template-columns:minmax(240px,1.25fr) minmax(260px,1.2fr) minmax(240px,1.25fr);gap:12px;height:100%;padding:12px;display:grid}.side,#brain-panel{background:var(--panel);border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.side header{text-align:center;padding:12px 16px 4px}.side h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.1rem}.score{min-height:1.2em;color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.9rem}canvas{flex:1;width:100%;min-height:0;display:block}.side footer{height:84px;color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.caption{text-align:center;color:var(--muted);letter-spacing:.06em;margin:0;padding:8px;font-size:.75rem}#fly-glyph{height:76px}#fly-glyph .body{fill:#2a2f52;stroke:#565e96}#fly-glyph .eye{fill:#b3324d}.wing{fill:#c8d7ff38;stroke:#c8d7ff80;transform-box:fill-box;transform-origin:50% 0;transition:transform 90ms ease-out,fill 90ms ease-out}#fly-glyph{transition:transform 90ms ease-out;overflow:visible}#fly-glyph.sing-left #wing-left{fill:var(--left);transform:rotate(75deg)}#fly-glyph.sing-right #wing-right{fill:var(--right);transform:rotate(-75deg)}#fly-glyph.jump{transform:translateY(-22px)scale(1.12)}#fly-glyph.jump .wing{fill:var(--up)}#proboscis{fill:var(--down);transform-box:fill-box;transform-origin:50% 100%;transition:transform 90ms ease-out;transform:scaleY(0)}#fly-glyph.feed #proboscis{transform:scaleY(1)}#legend{color:var(--lane);grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:4px 14px 0;font-size:.72rem;list-style:none;display:grid}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060710c7;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}#card{background:var(--panel);text-align:center;border:1px solid #262b4d;border-radius:18px;width:min(620px,92vw);padding:28px 32px;line-height:1.5}#card h1{letter-spacing:.08em;margin:0 0 8px}#status{color:#ffd27a;font-weight:600}#fly-lesion{color:#ff6b6b;min-height:1.1em;margin:2px 0 0;font-size:.8rem}#breakdown{white-space:pre-line;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}#song-select,#recorded{font:inherit;color:var(--text);background:#1d2142;border:1px solid #343a6b;border-radius:8px}#song-select{margin:0 6px;padding:6px 10px}#recorded{width:100%;padding:8px;font-family:Consolas,monospace;font-size:.85rem}#custom-lesion{text-align:left;margin-top:10px;font-size:.85rem}#custom-lesion summary{cursor:pointer;color:var(--muted);text-align:center}#custom-lesion p{margin:6px 0}#lesion-search{width:60%;font:inherit;color:var(--text);background:#1d2142;border:1px solid #343a6b;border-radius:8px;padding:6px 10px}#lesion-suggestions,#lesion-screen-results{max-height:120px;color:var(--muted);overflow-y:auto}#menu button.chip{border-radius:999px;margin:2px;padding:2px 8px;font-size:.78rem;font-weight:400}#lesion-chosen .chip{color:#ff9c9c;border-color:#ff6b6b}#card{max-height:94vh;overflow-y:auto}#menu button:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);margin-bottom:8px}#menu button{font:inherit;color:var(--text);cursor:pointer;background:#1d2142;border:1px solid #343a6b;border-radius:10px;margin:4px;padding:10px 18px;font-weight:600}#menu button:hover{border-color:var(--wing)}#menu small{color:var(--muted);font-weight:400;display:block}.credit{color:var(--muted);margin:16px 0 0;font-size:.72rem}