.intel{height:36px;grid-template-columns:minmax(0,1fr) auto;padding:5px 8px;transition:height .18s ease,bottom .18s ease}
.intel[hidden]{display:none}
.intel-compact{display:flex;min-width:0;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}
.intel-compact b{flex:none;color:var(--gold);font-size:9px;letter-spacing:.14em}
.intel-compact span{overflow:hidden;color:#d7cba9;font-size:10px;text-overflow:ellipsis}
.intel-compact output{flex:none;border-left:1px solid rgba(240,183,76,.3);padding-left:10px;color:#78d6b2;font:bold 9px monospace}
.intel-actions{display:flex;align-items:center;gap:4px}
.intel-actions button,.intel-restore{border:1px solid rgba(240,183,76,.35);background:rgba(9,27,34,.9);color:var(--gold);font-size:8px;cursor:pointer}
.intel-actions button{height:24px;padding:3px 7px}
.intel-actions .archive-open{margin-top:0}
.intel-actions .intel-dismiss{width:24px;padding:0;color:#9eb8b6;font-size:15px}
.intel[data-state="collapsed"] .intel-label,.intel[data-state="collapsed"] .ticker-window,.intel[data-state="collapsed"] .wave-history,.intel[data-state="collapsed"] time{display:none}
.intel[data-state="expanded"]{height:108px;grid-template-columns:155px minmax(0,1fr) 95px auto;grid-template-rows:52px 28px;padding:9px 14px}
.intel[data-state="expanded"] .intel-compact{display:none}
.intel[data-state="expanded"] .intel-label{grid-row:1 / 3}
.intel[data-state="expanded"] .ticker-window{grid-column:2;grid-row:1;height:48px}
.intel[data-state="expanded"] time{grid-column:3;grid-row:1}
.intel[data-state="expanded"] .intel-actions{grid-column:4;grid-row:1 / 3}
.wave-history{grid-column:2 / 4;grid-row:2;display:flex;gap:5px;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden}
.wave-history li{flex:1;min-width:0;padding:4px 6px;border-left:2px solid rgba(120,214,178,.55);background:rgba(7,20,29,.55);color:#a9c6bd;font:8px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wave-history li b{color:#78d6b2}.wave-history li .delta-up{color:#78d6b2}.wave-history li .delta-down{color:#ee8175}.wave-history li em{color:#e7c46e;font-style:normal}.wave-history li i{color:#83a8a2;font-style:normal}.wave-history li .outcome-landed,.wave-history li .effect-rising{color:#78d6b2}.wave-history li .outcome-split,.wave-history li .outcome-scattered{color:#e7c46e}.wave-history li .outcome-grounded,.wave-history li .outcome-stalled,.wave-history li .effect-falling{color:#ee9c75}.wave-history li .trend-falling{color:#ee9c75}.wave-history li .trend-shift{color:#d5a4ed}.wave-history li.empty{border-color:rgba(240,183,76,.25);color:#768f8b}
.intel-restore{position:absolute;right:20px;bottom:18px;z-index:4;height:32px;padding:5px 10px;box-shadow:0 0 0 2px rgba(2,9,14,.65)}
.intel-restore.signal{animation:intel-signal .45s steps(2) 4}
.world[data-intel-state="collapsed"] .controls{bottom:66px}
.world[data-intel-state="expanded"] .controls{bottom:138px}
.world[data-intel-state="dismissed"] .controls{bottom:18px}
@keyframes intel-signal{50%{color:#07141d;background:#f0b74c;box-shadow:0 0 14px #f0b74c}}
@media(max-width:760px){
 .intel{left:5px;right:5px;bottom:5px;height:36px;grid-template-columns:minmax(0,1fr) auto;padding:5px 6px}
 .intel[data-state="expanded"]{height:104px;grid-template-columns:85px minmax(0,1fr) auto;grid-template-rows:48px 28px;padding:6px}
 .intel[data-state="expanded"] time{display:none}
 .intel[data-state="expanded"] .intel-label{grid-column:1;grid-row:1}
 .intel[data-state="expanded"] .ticker-window{grid-column:2;grid-row:1}
 .intel[data-state="expanded"] .wave-history{grid-column:1 / 3;grid-row:2}
 .intel[data-state="expanded"] .intel-actions{grid-column:3;grid-row:1 / 3}
 .wave-history li:nth-child(n+3){display:none}
 .intel-actions{gap:2px}.intel-actions button{padding:3px 5px}
 .intel-compact span{display:none}.intel-compact output{overflow:hidden;padding-left:6px;font-size:8px;text-overflow:ellipsis}
 .intel-restore{right:5px;bottom:5px}
 .world[data-intel-state="collapsed"] .controls{bottom:48px}
 .world[data-intel-state="expanded"] .controls{bottom:116px}
 .world[data-intel-state="dismissed"] .controls{bottom:5px}
}
@media(max-height:320px){.intel[data-state="expanded"]{grid-template-columns:minmax(0,1fr) auto}.intel[data-state="expanded"] .intel-label{display:none}}
@media(prefers-reduced-motion:reduce){.intel{transition:none}.intel-restore.signal{animation:none}}
