.contact-trigger{border:1px solid var(--border-warm);padding:8px 11px;border-radius:2px;color:var(--text-primary);white-space:nowrap;margin-left:14px;background:var(--surface-2);font-size:11px}.contact-trigger:hover{border-color:var(--amber)}.contact-dialog{margin:auto;width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:0;color:var(--text-primary);background:var(--bg-deep);border:2px solid var(--border);border-radius:2px;box-shadow:6px 6px 0 var(--bg-root);font:13px var(--font-ui)}.contact-dialog::backdrop{background:#0c0913c7}.mailbox-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border);color:var(--amber);font-size:10px;letter-spacing:.15em;background:var(--surface-2)}.mailbox-header button{font-size:24px;line-height:1;padding:3px}.mailbox-body{padding:22px}.mailbox-stamp{float:right;color:var(--amber);font-size:28px}.mailbox-body h2{font-size:22px;font-weight:500}.mailbox-body>p{color:var(--text-secondary);line-height:1.6;margin:8px 0 22px;font-size:12px}.mailbox-body label{display:block;margin:14px 0;color:var(--text-primary);font-size:12px}.mailbox-body input,.mailbox-body textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font:12px var(--font-ui);border-radius:1px;resize:vertical;line-height:1.5}.mailbox-body input:focus,.mailbox-body textarea:focus,.contact-trigger:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.mailbox-body input::placeholder,.mailbox-body textarea::placeholder{color:var(--text-muted)}.mailbox-body small{display:block;font-size:10px;color:var(--text-secondary);line-height:1.6}.mailbox-send,.mailbox-success button{display:block;width:100%;margin-top:18px;padding:12px;border:1px solid var(--amber);background:var(--surface-2);color:var(--amber)}.mailbox-send:disabled{opacity:.5;cursor:wait}.mailbox-error{color:var(--loss);font-size:12px;line-height:1.5;margin-top:12px}.mailbox-success{color:var(--profit);padding:10px 0;line-height:1.7}.mailbox-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width:700px){.contact-trigger{margin-left:4px;padding:6px}.contact-trigger span{display:none}}.contact-trigger{display:inline-flex;align-items:center;gap:8px}.envelope-icon{width:18px;height:16px;flex:none}@media (max-width:540px){.contact-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.mailbox-body{padding:18px}.mailbox-body input,.mailbox-body textarea{font-size:16px}.mailbox-header button,.mailbox-send{min-height:44px;min-width:44px}}:root{--page-bg: #131116;--bg-root: var(--page-bg);--bg-deep: #1b171e;--hud-bg: rgba(27, 23, 30, .98);--hud-bg-raised: rgba(34, 28, 35, .98);--surface-2: #28212a;--border: #493c43;--border-warm: #594039;--hairline: rgba(222, 208, 190, .06);--text: #ded0be;--text-primary: var(--text);--text-secondary: #ab9a99;--text-muted: #8f7f83;--green: #a7d653;--red: #d66c61;--amber: #dda44b;--purple: #986cdc;--cyan: #69a5aa;--profit: var(--green);--loss: var(--red);--warning: var(--amber);--onchain: var(--purple);--offchain: var(--cyan);--font-ui: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Cascadia Mono", "Consolas", monospace;--hud-shadow: 0 8px 24px rgba(0, 0, 0, .24)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--text);font-family:var(--font-ui);font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.hud-surface{background:var(--hud-bg);border:1px solid rgba(104,71,91,.55);box-shadow:var(--hud-shadow),inset 0 1px 0 var(--hairline)}.app{height:100%;display:flex;flex-direction:column;background:var(--bg-root)}.viewport-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 16px;position:relative}.office-viewport{position:relative;aspect-ratio:1586 / 992;max-width:100%;max-height:100%;width:auto;height:100%;border:2px solid var(--border);border-radius:4px;box-shadow:0 0 0 4px var(--bg-root),0 22px 60px #0000008c;overflow:visible;background:var(--bg-deep)}.game-world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.office-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.agent{position:absolute;transform:translate(-50%,-100%);cursor:pointer}.agent-sprite{image-rendering:pixelated;background-repeat:no-repeat;background-size:400% 300%}.agent-sprite.flip{transform:scaleX(-1)}.agent-shadow{position:absolute;left:50%;bottom:-2px;width:60%;height:6px;transform:translate(-50%);background:#00000059;border-radius:50%;z-index:-1}.agent.focused .agent-sprite{animation:agent-pulse .9s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--warning))}.agent .agent-name-tag{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-size:11px;letter-spacing:.08em;color:var(--text-primary);background:#130d1be6;border:1px solid var(--border-warm);padding:1px 5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease-out}.agent:hover .agent-name-tag,.agent.focused .agent-name-tag{opacity:1}@keyframes agent-pulse{0%,to{filter:drop-shadow(0 0 3px var(--warning))}50%{filter:drop-shadow(0 0 9px var(--warning))}}.agent-state-dot{position:absolute;left:50%;top:-7px;transform:translate(-50%);width:5px;height:5px;image-rendering:pixelated}.fg-piece{position:absolute;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.debug-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20000;pointer-events:none}.debug-cell{position:absolute}.debug-mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.debug-rect{position:absolute;outline:1px solid rgba(255,0,255,.9);outline-offset:-1px}.debug-rect span{position:absolute;left:0;top:-9px;font-size:7px;line-height:1;letter-spacing:.02em;color:#ffbefff2;background:#130d1bd9;padding:1px 2px;white-space:nowrap}.debug-corner{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid rgba(90,220,255,1);font-size:8px;color:#5adcff;text-align:center;line-height:30px;white-space:nowrap}.debug-feet{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(255,0,255,.95);border-radius:50%;background:#ff00ff40}.debug-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.debug-interaction{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid rgba(80,180,255,.95);border-radius:50%;background:#50b4ff40}.debug-blocked{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);background:#eb4646d9;box-shadow:0 0 8px #eb4646e6;clip-path:polygon(45% 0,55% 0,55% 45%,100% 45%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 45%,45% 45%)}.debug-controls{position:absolute;left:12px;bottom:12px;z-index:60;display:flex;gap:6px}.debug-controls button{font:inherit;font-size:10px;letter-spacing:.08em;padding:4px 8px;color:var(--text-secondary);background:#130d1beb;border:1px solid var(--border);cursor:pointer}.debug-controls button:hover{color:var(--text-primary);border-color:var(--border-warm)}.debug-controls button.on{color:var(--bg-deep);background:var(--warning);border-color:var(--warning)}.speech-bubble{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:var(--surface-2);color:var(--text-primary);font-size:12px;line-height:1.35;padding:7px 9px;width:max-content;max-width:140px;text-align:center;border:1px solid var(--border-warm);box-shadow:0 4px 10px #00000073;z-index:20;pointer-events:none}.speech-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:8px;height:4px;background:var(--surface-2);border:1px solid var(--border-warm);border-top:none;clip-path:polygon(0 0,100% 0,50% 100%)}.profit-effect{position:absolute;transform:translate(-50%,-100%);z-index:30;pointer-events:none;text-align:center}.profit-effect .amount{font-size:14px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.8);animation:float-up 1.4s ease-out forwards;white-space:nowrap}.profit-effect .amount.win{color:var(--profit)}.profit-effect .amount.lose{color:var(--loss);animation-name:float-up-small}.coin{position:absolute;width:5px;height:5px;background:var(--warning);box-shadow:0 0 3px #dda34bcc;animation:coin-rise 1.2s ease-out forwards}.coin:nth-child(odd){background:var(--profit);box-shadow:0 0 3px #a8d85bcc}@keyframes float-up{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-34px);opacity:0}}@keyframes float-up-small{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-20px);opacity:0}}@keyframes coin-rise{0%{transform:translateY(0) translate(0);opacity:1}to{transform:translateY(-40px) translate(var(--drift, 0px));opacity:0}}.desk-execution{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:center;font-size:8px;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border-warm);padding:3px 5px;max-width:125px;text-align:center}.desk-pixels{color:var(--offchain);letter-spacing:3px}.desk-execution.running .desk-pixels{color:var(--profit);animation:desk-beat .6s steps(2,end) infinite}.npc-prop{position:absolute;right:-8px;bottom:12px;font-size:13px;color:var(--warning);pointer-events:none}.coffee-cup{animation:coffee-sip 2s steps(3,end) infinite}@keyframes coffee-sip{0%,70%,to{transform:translateY(0)}30%,50%{transform:translateY(-6px)}}@keyframes desk-beat{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.coffee-cup,.desk-execution.running .desk-pixels{animation:none}}.viewport-area{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,25%,310px);gap:16px;align-items:stretch;padding:14px 20px}.map-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.office-sidebar{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:2px}.office-sidebar .ranking-hud,.office-sidebar .agent-popover{position:relative;top:auto;left:auto;right:auto;width:100%;flex-shrink:0;max-height:none}.office-sidebar .agent-popover .head{flex-wrap:wrap;gap:5px}.sidebar-guide{padding:16px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.sidebar-guide .panel-title{color:var(--warning);font-size:10px;letter-spacing:.12em}.sidebar-guide p{margin:10px 0 16px}.sidebar-guide>div{display:flex;justify-content:space-between;gap:8px;margin:8px 0;color:var(--text-primary)}.sidebar-guide>div span{color:var(--text-secondary);font-size:11px}.sidebar-guide small{display:block;border-top:1px solid var(--border);padding-top:12px;margin-top:14px;font-size:10px}@media (max-width:700px){.viewport-area{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px}.office-sidebar{max-height:190px;display:block}.office-sidebar .ranking-hud{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:3px 10px}.office-sidebar .ranking-hud .panel-title{grid-column:1/-1;margin-bottom:2px}.office-sidebar .ranking-row{font-size:12px;height:25px}.sidebar-guide{display:none}.office-sidebar .agent-popover{margin-top:8px}}.sidebar-guide{padding:12px;line-height:1.4}.sidebar-guide p{margin:8px 0 10px}.sidebar-guide>div{margin:5px 0}.sidebar-guide small{padding-top:8px;margin-top:8px}@media (max-width:700px){.office-sidebar{max-height:190px!important;align-self:stretch!important}}.viewport-area{grid-template-columns:minmax(0,1fr) clamp(240px,22vw,280px);gap:12px;padding:10px 16px}.map-stage{justify-content:flex-end}.office-sidebar{gap:0;padding:0;background:var(--bg-deep);border:1px solid var(--border-warm);border-radius:2px;overflow:hidden}.office-sidebar .ranking-hud{border:0;border-bottom:1px solid var(--border-warm);border-radius:0;box-shadow:none;padding:12px}.office-sidebar .ranking-hud .panel-title{margin-bottom:6px}.office-sidebar .ranking-row{height:29px}.office-sidebar .agent-popover{flex:1;min-height:0;overflow:auto;border:0;border-radius:0;box-shadow:none;padding:12px;background:transparent}.office-sidebar .agent-popover .head{margin-bottom:8px}.office-sidebar .agent-popover .grid{gap:5px 10px}.office-sidebar .execution-note{margin-top:8px;padding:8px 0}.office-sidebar .simulation-note{font-size:9px;line-height:1.5}@media (max-width:700px){.viewport-area{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}.map-stage{justify-content:center}.office-sidebar{height:auto!important;max-height:210px!important;overflow:auto}.office-sidebar .agent-popover{overflow:visible;margin-top:0}}.viewport-area{align-content:start;align-items:start;padding:12px 16px}.map-stage{align-items:flex-start}.office-sidebar .ranking-row{height:30px}.office-sidebar .agent-popover .v{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.office-sidebar .agent-popover .grid{gap:10px 14px}.quote-details{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;font-size:11px;color:var(--text-secondary);line-height:1.6}.quote-details summary{cursor:pointer;color:var(--text-primary)}.quote-details p{margin-top:8px}.office-sidebar .agent-popover{scrollbar-width:thin;scrollbar-color:var(--border-warm) transparent}@media (max-width:1049px){body{overflow:auto}.app{height:auto;min-height:100dvh}.viewport-area.compact-office{flex:none;grid-template-rows:auto auto;gap:12px;padding:12px 16px}.compact-office .map-stage{justify-content:flex-start}.compact-office .office-sidebar{height:auto!important;max-height:none!important;display:grid;grid-template-columns:200px minmax(0,1fr);overflow:visible;align-self:start!important}.compact-office .office-sidebar .ranking-hud{display:block;border-bottom:0;border-right:1px solid var(--border);padding:14px}.compact-office .office-sidebar .ranking-row{height:34px;font-size:12px}.compact-office .office-sidebar .agent-popover{overflow:visible;margin:0;padding:14px}.compact-office .sidebar-guide{display:block}.activity-hud{max-height:none;min-height:0;overflow:visible;margin-top:auto}.activity-list{overflow:visible}}@media (max-width:540px){.compact-office .office-sidebar{grid-template-columns:1fr}.compact-office .office-sidebar .ranking-hud{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--border);gap:4px 16px}.compact-office .office-sidebar .ranking-hud .panel-title{grid-column:1/-1}.top-hud{height:auto;min-height:58px;flex-wrap:wrap;gap:10px;padding:12px 16px}.top-hud .title{font-size:18px}.top-hud .brand{width:100%}.top-hud .metrics{width:100%;justify-content:space-between}.top-hud .metric{padding:0 10px}.top-hud .metric:first-child{padding-left:0}.top-hud .metric .value{font-size:16px}}.mobile-office-caption{display:none}@media (max-width:540px){.viewport-area.compact-office{padding:10px 12px;gap:10px}.compact-office .map-stage{flex-direction:column;align-items:stretch}.speech-bubble{display:none}.mobile-office-caption{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 2px;font-size:11px;line-height:1.5;color:var(--text-secondary)}.mobile-office-caption b{color:var(--warning);flex:none;font-weight:500}.mobile-office-caption span{overflow-wrap:anywhere}.compact-office .office-sidebar .ranking-row{height:44px;gap:6px}.compact-office .office-sidebar .ranking-hud{padding:10px 12px;gap:2px 12px}.compact-office .office-sidebar .agent-popover{padding:12px}.compact-office .sidebar-guide{padding:10px 12px;font-size:11px}.compact-office .sidebar-guide .panel-title,.compact-office .sidebar-guide small{display:none}.compact-office .sidebar-guide p{margin:0}.npc-actions button{min-height:44px}.npc-close{min-width:44px;min-height:44px}}.top-hud{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--hud-bg);border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline)}.top-hud .brand{display:flex;align-items:baseline;gap:14px}.top-hud .title{font-size:21px;font-weight:700;letter-spacing:.12em;color:var(--text-primary)}.top-hud .live{font-size:11px;letter-spacing:.1em;color:var(--text-secondary)}.top-hud .live .dot{color:var(--profit);animation:blink 2s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.top-hud .metrics{display:flex;align-items:center}.top-hud .metric{text-align:right;padding:0 18px}.top-hud .metric+.metric{border-left:1px solid var(--border)}.top-hud .metric .value{font-size:19px;font-weight:700}.top-hud .metric .value.profit{color:var(--profit)}.top-hud .metric .value.loss{color:var(--loss)}.top-hud .metric .label{font-size:11px;letter-spacing:.14em;color:var(--text-muted);margin-top:2px}.ranking-hud{position:absolute;top:12px;right:12px;width:240px;border-radius:3px;padding:15px 16px;z-index:40}.ranking-hud .panel-title{font-size:11px;letter-spacing:.18em;color:var(--text-muted);margin-bottom:10px}.ranking-row{display:flex;align-items:center;gap:9px;width:100%;height:30px;padding:0 5px;font-size:14px;border-radius:2px;text-align:left}.ranking-row:hover{background:var(--surface-2)}.ranking-row .rank{color:var(--text-muted);font-size:11px;width:18px}.ranking-row:first-of-type .rank{color:var(--warning)}.ranking-row .name{flex:1;color:var(--text-primary);letter-spacing:.04em}.ranking-row .pnl{font-weight:700}.ranking-row .pnl.profit{color:var(--profit)}.ranking-row .pnl.loss{color:var(--loss)}.ranking-row .status-chip{font-size:11px;letter-spacing:.06em;color:var(--text-muted)}.activity-hud{flex:none;max-height:104px;background:var(--bg-deep);border-top:1px solid var(--border);padding:10px 22px;display:flex;gap:18px;overflow:hidden}.activity-hud .panel-title{font-size:11px;letter-spacing:.18em;color:var(--text-muted);padding-top:3px;flex:none}.activity-list{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.activity-row{display:flex;gap:10px;font-size:13px;line-height:18px;color:var(--text-secondary);text-align:left;padding:0;cursor:default}.activity-row.has-detail{cursor:pointer}.activity-row.has-detail:hover .text{color:var(--text-primary)}.activity-row .time{color:var(--text-muted);font-size:11px}.activity-row.profit .text{color:var(--profit)}.activity-row.loss .text{color:var(--loss)}.activity-row .detail{color:var(--text-muted);font-size:11px}.activity-row:first-child{animation:slide-in .25s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.agent-popover{position:absolute;width:262px;border-radius:3px;padding:14px 16px;z-index:60;font-size:13px}.agent-popover .head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.agent-popover .agent-name{font-size:15px;font-weight:700;letter-spacing:.12em}.agent-popover .strategy{color:var(--text-secondary);font-size:11px}.agent-popover .grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.agent-popover .cell .k{color:var(--text-muted);font-size:11px;letter-spacing:.1em}.agent-popover .cell .v{margin-top:1px;font-size:13px;color:var(--text-primary)}.agent-popover .cell .v.profit{color:var(--profit)}.agent-popover .cell .v.loss{color:var(--loss)}.agent-popover .cell .v.onchain{color:var(--onchain)}.agent-popover .cell .v.offchain{color:var(--offchain)}.npc-close{margin-left:auto;order:3;background:none;border:0;color:var(--text-secondary);font:inherit;cursor:pointer}.execution-note{font-size:11px;line-height:1.6;color:var(--text-secondary);padding:10px 0;border-top:1px solid var(--border);margin-top:10px}.npc-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.npc-actions button{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-warm);padding:8px;font:inherit;font-size:11px;cursor:pointer}.npc-actions button:hover{border-color:var(--warning)}.simulation-note{display:block;margin-top:8px;color:var(--text-secondary);font-size:10px}.market-tape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-column:1/-1;width:100%;margin-bottom:8px}.market-cell{border-left:2px solid var(--border-warm);padding-left:9px;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:11px}.market-cell b{color:var(--warning);font-size:10px;letter-spacing:.08em}.market-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.market-cell small{font-size:9px;color:var(--text-secondary)}.market-cell.executing{border-color:var(--profit)}.activity-hud{flex-wrap:wrap;min-height:150px;max-height:185px;height:auto;gap:8px 18px}.agent-popover{max-height:75vh;overflow-y:auto}.price-reference{width:100%;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:10px;color:var(--text-secondary)}.price-reference small{color:var(--text-primary)}.price-reference{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 16px}.asset-quote{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}.asset-quote b{color:var(--text-primary);font-weight:500}.asset-quote small{font-size:9px}@media (max-width:700px){.price-reference{display:flex;flex-wrap:nowrap;overflow-x:auto}.asset-quote{flex:0 0 auto}}.price-reference{font-size:12px;gap:10px 16px}.asset-quote small{font-size:10px;color:var(--text-secondary)}.activity-hud{padding-left:16px;padding-right:16px}.market-cell span{font-size:12px;line-height:1.5}.market-cell small{font-size:10px}button:focus-visible,summary:focus-visible{outline:1px solid var(--warning);outline-offset:3px}@media (max-width:1049px){.price-reference{display:flex;flex-wrap:wrap;overflow:visible}.asset-quote{flex:1 1 130px}.activity-row{font-size:12px}.market-tape{gap:10px}}@media (max-width:540px){.market-tape{grid-template-columns:1fr}.activity-row .text{white-space:normal}.activity-hud{gap:10px}}@media (max-width:540px){.top-hud{height:auto;min-height:108px;display:grid;grid-template-columns:1fr 44px;grid-template-rows:auto auto;gap:10px 8px;padding:10px 16px 12px;position:relative}.top-hud .brand{grid-column:1;grid-row:1;width:auto;gap:10px;min-width:0}.top-hud .title{font-size:18px;letter-spacing:.09em}.top-hud .live{font-size:9px;white-space:nowrap}.top-hud .metrics{display:contents}.top-hud .metric{grid-row:2;min-width:0;text-align:left;padding:0;border:0!important}.top-hud{grid-template-columns:repeat(3,minmax(0,1fr)) 44px}.top-hud .brand{grid-column:1/4}.top-hud .metric:nth-child(1){grid-column:1}.top-hud .metric:nth-child(2){grid-column:2}.top-hud .metric:nth-child(3){grid-column:3}.top-hud .metric .value{font-size:17px;line-height:1.3}.top-hud .metric .label{font-size:9px;line-height:1.3;margin-top:3px}.top-hud .contact-trigger{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:center;margin:0;width:44px;height:44px;padding:10px;color:var(--amber)}.contact-trigger .envelope-icon{width:22px;height:20px}.top-hud .contact-trigger span{display:none}.activity-hud{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.market-cell{min-width:0}.market-cell span{white-space:normal;overflow-wrap:anywhere}.activity-row{align-items:flex-start}.activity-row .text{white-space:normal;overflow-wrap:anywhere}}.connection-status{padding:6px 16px;color:var(--warning);font-size:11px;background:var(--bg-deep)}@media (max-width:1049px){html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body,#root,.app{height:auto;min-height:100dvh;overflow:visible}.activity-hud{flex:none;height:auto;min-height:0;max-height:none;overflow:visible}.activity-list{flex:1 1 100%;height:auto;max-height:none;overflow:visible}.activity-row{height:auto;min-height:18px;overflow:visible}.activity-row .text{white-space:normal;overflow-wrap:anywhere}.office-sidebar .agent-popover{max-height:none;overflow:visible}.activity-hud{padding-bottom:calc(24px + env(safe-area-inset-bottom));overflow-anchor:none}}