.av{background:radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--s1) 12%,transparent),transparent 60%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,var(--s3) 10%,transparent),transparent 60%),linear-gradient(180deg,#121621,#0b0e16);border:1px solid #262c3b;border-radius:20px;margin-top:clamp(36px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.av:before{content:"";pointer-events:none;background-image:radial-gradient(#96aadc17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.av-top{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#8f97aa;border-bottom:1px solid #222838;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 24px;display:flex;position:relative}.av-top b{color:#e6eaf2;font-weight:600}.av-live{color:var(--lime);align-items:center;gap:7px;display:flex}.av-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s infinite avp;box-shadow:0 0 10px}@keyframes avp{50%{opacity:.35}}.av-ill{color:#7c8498;letter-spacing:.2em;margin-left:auto;font-size:9.5px}.mc-wrap{padding:clamp(18px,2.6vw,30px);position:relative}.mc-beam{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mc-beam path{fill:none;stroke:var(--lime);stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--lime))}.mc-beam circle{fill:#fff;filter:drop-shadow(0 0 8px var(--lime))}.mc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.mc-tile{background:#0f131df0;border:1px solid #2a3144;border-radius:14px;min-width:0;padding:14px 14px 12px;transition:border-color .4s,box-shadow .4s,transform .4s;position:relative}.mc-tile:before{content:"";background:var(--c);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.mc-head{align-items:center;gap:10px;min-width:0;display:flex}.mc-badge{width:34px;height:34px;font:600 11px var(--mono);color:#0b0e16;background:var(--c);border-radius:10px;flex:none;place-items:center;display:grid}.mc-head div{min-width:0}.mc-head b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.mc-head small{color:#7f879a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.mc-st{font:600 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);background:color-mix(in srgb,var(--lime) 14%,transparent);border-radius:5px;flex:none;margin-left:auto;padding:4px 7px}.mc-st.paused{color:#ffb35c;background:#ffb35c24}.mc-st.steer{color:#0b0e16;background:var(--lime)}.mc-st.queued{color:var(--s1);background:color-mix(in srgb,var(--s1) 16%,transparent)}.mc-log{height:62px;font:500 11.5px/1.45 var(--mono);color:#9aa2b3;flex-direction:column;justify-content:flex-end;margin-top:12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.mc-log div{white-space:nowrap;text-overflow:ellipsis;animation:.35s both mcIn;overflow:hidden}.mc-log div.me{color:var(--lime)}@keyframes mcIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mc-meta{font:500 10.5px var(--mono);color:#6f778a;align-items:center;gap:10px;margin-top:10px;display:flex}.mc-tok{background:#232a3b;border-radius:3px;flex:1;height:3px;overflow:hidden}.mc-tok i{height:100%;width:var(--w,20%);background:var(--c);transition:width .8s;display:block}.mc-tile.hit{border-color:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 16%,transparent),0 14px 34px color-mix(in srgb,var(--lime) 22%,transparent);transform:translateY(-2px)}.mc-tile.paused{opacity:.65}.mc-console{z-index:2;background:#0a0d14;border:1px solid #2c3346;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:12px 14px;display:grid;position:relative}.mc-to{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7c8498;white-space:nowrap;align-items:center;gap:8px;display:flex}.mc-to b{color:var(--lime);letter-spacing:.04em;text-transform:none;font-size:13px}.mc-input{font:500 14px var(--mono);color:#e6eaf2;align-items:center;gap:10px;min-width:0;display:flex}.mc-input span#mcType{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mc-you{font:600 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#0b0e16;background:#fff;border-radius:999px;flex:none;padding:4px 8px}.mc-caret{background:var(--lime);flex:none;width:.55em;height:1.1em;animation:1s step-end infinite avp}.mc-acts{gap:6px;display:flex}.mc-act{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9aa2b3;border:1px solid #2c3346;border-radius:7px;padding:7px 10px;transition:all .3s}.mc-act.on{color:#0b0e16;background:var(--lime);border-color:var(--lime);box-shadow:0 0 18px color-mix(in srgb,var(--lime) 50%,transparent)}@media (width<=980px){.mc-grid{grid-template-columns:1fr 1fr}.mc-console{grid-template-columns:1fr}.mc-acts{flex-wrap:wrap}}@media (width<=560px){.mc-grid{grid-template-columns:1fr}.mc-tile:nth-child(n+4),.av-ill{display:none}}.mc-grid{min-height:347px}@media (width<=980px){.mc-grid{min-height:527px}}
