/* Scoped visual layer; production styles are not imported. */
.command-center{--bg:#050914;--line:#1b304b;--text:#e9f1fa;--muted:#7e91ac;--accent:#f4ce57;background:var(--bg);isolation:isolate;font-size:14px}
.command-center .ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(#254b7012 1px,transparent 1px),linear-gradient(90deg,#254b7012 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(black,transparent 95%)}
.command-center .ambient i{position:absolute;border-radius:50%;width:650px;height:650px;top:-240px;left:25%;background:radial-gradient(ellipse,#17386855,transparent 65%);animation:drift 45s ease-in-out infinite alternate}.command-center .ambient i+i{top:250px;left:-340px;background:radial-gradient(ellipse,#bb992d17,transparent 65%);animation-duration:55s}
.command-center header{min-height:94px;border-bottom:1px solid #2d4160;padding:22px 3vw;gap:20px;background:#060c18d9}.command-center .brand{letter-spacing:7px;font-size:25px}.command-center .brand span{font-size:9px;letter-spacing:3px;margin-top:3px}.command-center .header-status{color:#95a9c5;font:11px ui-monospace,monospace;letter-spacing:1px;display:flex;align-items:center;gap:11px}.command-center .legacy{border:1px solid #2a3e58;border-radius:5px;padding:8px 13px;color:#afbed2;font-size:11px}.command-center .signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #ffcb5266}
.command-center main{max-width:1680px;padding:0 3vw;margin:26px auto;display:grid;grid-template-columns:minmax(250px,1fr) minmax(340px,1.55fr) minmax(270px,1fr);gap:22px;align-items:start}.command-center .main-card,.command-center .workspace{min-width:0;background:linear-gradient(125deg,#0e192bdb,#080f1ce8);border:1px solid #2d4560;border-radius:8px;padding:22px;position:relative;box-shadow:inset 0 1px 0 #a9c6f00b,0 16px 35px #0002}.command-center .main-card:before,.command-center .workspace:before{content:'';position:absolute;left:-1px;top:-1px;width:38px;height:3px;background:var(--accent)}.command-center .card-kicker{display:flex;justify-content:space-between;gap:10px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#8c9ab0}.command-center .badge{font-size:8px;color:var(--accent);border:1px solid #75673a;border-radius:2px;padding:2px 5px;white-space:nowrap}.command-center .badge.offline{color:#ff979a;border-color:#913e4b}.command-center .main-card h2{font-size:20px;font-weight:600;letter-spacing:1.5px;margin:20px 0}.command-center h2>span{display:block;color:#8194ae;font-size:9px;letter-spacing:2px;margin-top:5px}
.command-center .football{grid-column:1;grid-row:1}.command-center .market{grid-column:3;grid-row:1}.command-center .assistant{grid-column:2;grid-row:1;text-align:center;padding:12px 0 0;min-width:0}.command-center .eyebrow{font-size:10px;letter-spacing:3px;color:#a3b6d0}.command-center .orb-stage{position:relative;max-width:370px;height:290px;margin:12px auto 0;display:grid;place-items:center}.command-center .orb{width:215px;height:215px;margin:0;position:relative;z-index:2;border:1px solid #c8a84088;box-shadow:0 0 45px #d3ae3514;animation:none;transition:border-color .3s,box-shadow .3s}.command-center .orb img{filter:saturate(.85) contrast(1.07);object-fit:cover}.command-center .orbit{position:absolute;border:1px solid #54719855;border-radius:50%;width:266px;height:266px;pointer-events:none}.command-center .orbit-one{border-right-color:var(--accent);border-left-color:var(--accent);animation:orbit 38s linear infinite}.command-center .orbit-two{width:287px;height:287px;border-style:dashed;border-color:#3d5d853b;animation:orbit 65s linear infinite reverse}.command-center .crosshair{position:absolute;width:325px;height:1px;background:linear-gradient(90deg,#7a714855,transparent 22%,transparent 78%,#7a714855)}.command-center .orb-coordinate{position:absolute;font:8px ui-monospace,monospace;color:#59708b;letter-spacing:2px;bottom:36px}.command-center .coordinate-left{left:9px}.command-center .coordinate-right{right:9px}.command-center .mode{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:2px;color:var(--accent)}.command-center #state{font-size:11px;letter-spacing:0;color:#93a5bd;border-left:1px solid #314157;padding-left:9px;margin:0}.command-center h1{font-size:33px;font-weight:500;letter-spacing:-.8px;margin:15px 0 4px}.command-center .intro{font-size:12px;margin:0;color:#8ca1bc}.command-center .mode-strip{display:flex;justify-content:center;gap:14px;margin:23px 0 15px;font:8px ui-monospace,monospace;color:#6d8099}.command-center .mode-strip span{padding-bottom:7px;border-bottom:1px solid #263348}.command-center .mode-strip .active{color:var(--accent);border-color:var(--accent)}.command-center .chips{margin:14px 0 0;gap:7px}.command-center button{background:#101e31;color:#bfcde0;border-color:#304967;border-radius:5px;padding:9px 11px;font-size:11px}.command-center button:hover{background:#17283c;border-color:#d4b754;color:#ffe08c}.command-center .chips button{font-size:10px}
.command-center .orb[data-mode=THINKING]{border-color:#fce095;box-shadow:0 0 60px #e8bd4940;animation:thinking 1.7s ease-in-out infinite}.command-center .orb[data-mode=LISTENING]{border-color:#73cbe8;box-shadow:0 0 65px #38cce947;animation:listening 1.2s ease-in-out infinite}.command-center .orb[data-mode=SPEAKING]{border-color:#fce095;box-shadow:0 0 60px #e8bd4933}.command-center .voice-bars{position:absolute;bottom:20px;left:0;right:0;height:25px;display:none;align-items:center;justify-content:center;gap:4px}.command-center .voice-bars i{width:3px;height:16px;background:#ffdd71;animation:speech .7s ease-in-out infinite alternate}.command-center .voice-bars i:nth-child(2n){animation-delay:-.25s}.command-center .voice-bars i:nth-child(3n){animation-delay:-.5s}.command-center .orb[data-mode=SPEAKING] .voice-bars{display:flex}
.command-center .card-rule{height:1px;background:linear-gradient(90deg,#476084,transparent);margin:21px 0}.command-center .minor-label,.command-center .match-label{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--accent);margin-bottom:14px}.command-center .match-teams{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:18px 0}.command-center .team-name{font-size:17px;font-weight:600;line-height:1.3;flex:1}.command-center .team-name:last-child{text-align:right}.command-center .match-score{font:23px ui-monospace,monospace;color:var(--accent);white-space:nowrap}.command-center .match-date{font-size:16px;font-weight:500;margin:20px 0 4px}.command-center .match-competition,.command-center .match-venue{color:#8fa5c1;font-size:11px;margin:5px 0}.command-center .last-match{font-size:12px;line-height:1.8}.command-center .last-match strong{display:block;color:#d5deec;font-size:15px}.command-center .data-time{font:9px/1.7 ui-monospace,monospace;color:#7b90ab;margin:16px 0 0;overflow-wrap:anywhere}.command-center .card-action{width:100%;margin-top:16px;text-align:left}.command-center .data-wait{color:#7e91ac;font-size:12px}
.command-center .asset{padding:16px 0;border-bottom:1px solid #22374e}.command-center .asset:last-child{border:0}.command-center .asset-top{display:flex;gap:9px;align-items:center}.command-center .asset-top b{font:13px ui-monospace,monospace;letter-spacing:1px}.command-center .asset-top span{font-size:8px;color:#6f88a8;letter-spacing:1px}.command-center .tick{font:11px ui-monospace,monospace;margin-left:auto}.command-center .asset-price{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin:9px 0 6px;font-variant-numeric:tabular-nums;transition:color .25s}.command-center .asset-meta{font-size:10px;color:#889cb6}.command-center .asset[data-direction=up] .asset-price,.command-center .asset[data-direction=up] .tick{color:#66d5a3}.command-center .asset[data-direction=down] .asset-price,.command-center .asset[data-direction=down] .tick{color:#f58088}.command-center .asset[data-direction=flat] .asset-price{color:#dbe6f5}.command-center .asset.unavailable{opacity:.5}.command-center .market-legend{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:9px;margin-top:12px}.command-center .market-legend span:first-child{color:#66b792}.command-center .market-legend span:last-child{color:#c8777c}
.command-center .workspace{grid-column:1/3;grid-row:2;padding:22px}.command-center .section-title{font-size:10px;letter-spacing:2px}.command-center .section-title>span:last-child{font-size:10px}.command-center #history{height:230px;padding:15px 0;margin:5px 0}.command-center .welcome{display:flex;align-items:center;gap:22px;padding:16px 6px;color:#c1cde0}.command-center .welcome-mark{color:var(--accent);font-size:31px;font-weight:600;border:1px solid #76602e;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;flex-shrink:0}.command-center .welcome p{font-size:17px}.command-center .welcome small{font-size:11px;color:var(--muted)}.command-center .message{font-size:13px;border-color:var(--accent);background:#0d1a2a}.command-center .message.user{border-color:#527aaa;background:#13233a}.command-center textarea{background:#070e1a;border-color:#2c4260;border-radius:6px;min-height:64px;font-size:13px}.command-center .actions{align-items:center;gap:8px}.command-center #send{background:var(--accent);border-color:var(--accent);color:#192033;padding:10px 22px}.command-center .speak-toggle{margin-left:7px;color:#8ca0bb;font-size:11px;display:flex;align-items:center;gap:5px}.command-center input{accent-color:var(--accent)}.command-center .footnote{font-size:9px;color:#788ca8}
.command-center .matrix{grid-column:3;grid-row:2}.command-center .matrix-labels{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#7890b0;letter-spacing:1px;margin-bottom:10px}.command-center .matrix-route{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:6px;margin:9px 0;font-size:10px}.command-center .matrix-node{padding:7px;border:1px solid #345272;background:#12233a;border-radius:3px;overflow-wrap:anywhere}.command-center .matrix-node small{display:block;color:#7a97bc;font-size:8px}.command-center .route-wire{height:1px;background:#d7bc5a;position:relative}.command-center .route-wire:after{content:'›';position:absolute;right:-2px;top:-10px;color:#f4ce57;font-size:15px}.command-center .matrix-control{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;align-items:center;border-top:1px solid #2b3b51;margin-top:18px;padding-top:15px}.command-center .matrix-control label{color:#8499b5;font-size:10px}.command-center select{width:100%;background:#0c1727;color:#c9d7e9;border:1px solid #2c4461;border-radius:4px;font:11px system-ui;padding:7px}.command-center .matrix-control button{grid-column:1/-1;color:var(--accent);margin-top:2px}
.command-center .results{grid-column:1/-1;grid-row:3;border-top:1px solid #2c3d55;padding-top:22px;min-width:0}.command-center .hud-hint{font-size:9px;color:#7e8fa7;margin-top:7px}.command-center #panels{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px}.command-center .panel{flex:0 1 auto;width:calc(50% - 9px);max-width:100%;min-width:270px;resize:both;overflow:auto;border:1px solid #3d5775;border-top:2px solid #a88e43;border-radius:6px;background:linear-gradient(140deg,#12203be8,#09111fed);padding:20px}.command-center .panel h2{cursor:grab;font-size:13px;letter-spacing:1px;border-bottom:1px solid #304965;padding:0 30px 12px 0;touch-action:pan-y}.command-center .panel.dragging{opacity:.45}.command-center .panel.drop-target{outline:1px solid var(--accent)}.command-center .panel .big{font-size:22px;color:#ead18a}.command-center .panel p{font-size:12px}.command-center .panel small,.command-center details{font-size:10px}.command-center .panel .close{color:#9cb0c9}.command-center .empty{width:100%;border:1px dashed #263d58;padding:28px;text-align:center;border-radius:6px;font-size:11px;color:#8195b0}.command-center .empty>span{display:block;font:9px ui-monospace,monospace;color:#b29d68;letter-spacing:2px;margin-bottom:10px}.command-center footer{padding:20px 3vw;border-color:#243953;font:8px ui-monospace,monospace;letter-spacing:1px;color:#647c9a}.command-center footer b{color:#9d884b;margin:0 8px}.command-center.paused *{animation-play-state:paused!important}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate3d(80px,45px,0)}}@keyframes thinking{50%{opacity:.75}}@keyframes listening{50%{transform:scale(1.02)}}@keyframes speech{to{transform:scaleY(.2)}}
@media(min-width:1500px){.command-center main{gap:28px}.command-center .main-card{padding:26px}.command-center .orb-stage{height:315px}.command-center .orb{width:235px;height:235px}.command-center .orbit-one{width:284px;height:284px}.command-center .orbit-two{width:305px;height:305px}.command-center .asset-price{font-size:31px}}
@media(max-width:1100px){.command-center main{grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr);gap:18px}.command-center .football{grid-column:1;grid-row:1}.command-center .assistant{grid-column:2;grid-row:1}.command-center .market{grid-column:1;grid-row:2}.command-center .workspace{grid-column:2;grid-row:2}.command-center .matrix{grid-column:1;grid-row:3}.command-center .results{grid-column:2;grid-row:3}.command-center .panel{width:100%}.command-center .header-status{display:none}.command-center .main-card,.command-center .workspace{padding:18px}}
@media(max-width:650px){.command-center header{padding:18px 4vw;min-height:80px;gap:10px}.command-center .brand{font-size:19px;letter-spacing:4px}.command-center .brand span{font-size:7px;letter-spacing:1px}.command-center .legacy{font-size:9px;padding:6px}.command-center main{display:flex;flex-direction:column;padding:0 4vw;margin-top:18px;gap:18px}.command-center main>section{width:100%}.command-center .assistant{order:0;padding:0}.command-center .workspace{order:1}.command-center .football{order:2}.command-center .market{order:3}.command-center .matrix{order:4}.command-center .results{order:5}.command-center .orb-stage{height:255px;max-width:300px}.command-center .orb{width:190px;height:190px}.command-center .orbit-one{width:231px;height:231px}.command-center .orbit-two{width:251px;height:251px}.command-center .crosshair{width:280px}.command-center h1{font-size:30px}.command-center .mode-strip{gap:12px;margin:18px 0 12px}.command-center #history{height:210px}.command-center .actions{gap:7px}.command-center .actions button{padding:9px 10px;font-size:11px}.command-center .speak-toggle{font-size:10px;margin-left:0}.command-center #send{padding:9px 14px}.command-center .panel{min-width:0;width:100%;resize:vertical}.command-center .welcome{gap:15px}.command-center .welcome p{font-size:14px}.command-center .welcome small{font-size:10px}.command-center .welcome-mark{width:45px;height:45px;font-size:25px}.command-center footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.command-center *{animation:none!important;transition:none!important}}
/* Expose the existing results container as the visible result dock. */
.command-center .results.hud-open{position:fixed;z-index:50;left:2vw;right:2vw;bottom:16px;width:auto;max-height:43vh;overflow:auto;padding:14px 18px;background:#07101ff5;border:1px solid #9b854d;border-radius:8px;box-shadow:0 -8px 40px #0007;grid-column:auto;grid-row:auto}
.command-center .results.hud-open #panels{margin-top:10px;flex-wrap:nowrap;align-items:stretch;overflow:auto;gap:14px}
.command-center .results.hud-open .panel{flex:1 1 auto;width:calc(50% - 7px);min-width:0;height:auto;max-height:30vh;overflow:auto;padding:14px}
.command-center .results.hud-open .panel:not(.hud-current){display:none}
.command-center .results.hud-open .panel h2{font-size:14px;margin-bottom:10px}
.command-center .results.hud-open .panel .big{font-size:20px}
.command-center #hud-minimize{margin-left:auto;padding:3px 10px}
.command-center .results:not(.hud-open) #hud-minimize{display:none}
.command-center #voice-feedback{min-height:14px;color:#d7bf79}
.command-center #voice-replay,.command-center #hud-show{font-size:10px;padding:6px 9px}
@media(max-width:650px){.command-center .results.hud-open{left:7px;right:7px;bottom:8px;padding:10px;max-height:46vh}.command-center .results.hud-open .hud-hint{display:none}.command-center .results.hud-open #panels{gap:7px}.command-center .results.hud-open .panel{padding:9px;max-height:33vh}.command-center .results.hud-open .panel .big{font-size:14px}.command-center .results.hud-open .panel h2{font-size:11px;padding-right:10px}.command-center .results.hud-open .panel p{font-size:11px}.command-center .results.hud-open .panel small{font-size:8px}}

