.chain-market{touch-action:manipulation}
.chain-market #chart-wrap{touch-action:none;user-select:none;-webkit-user-select:none}
.chain-market.browser-zoomed #chart-wrap{touch-action:manipulation}
#wallet-button[hidden],#activity-button[hidden],#drawer-presence[hidden]{display:none}
#activity-slot{display:inline-flex;flex:none;width:44px;height:44px}
.chain-market #activity-button{width:44px;height:44px;min-height:44px;padding:4px;gap:2px;justify-content:center}
.chain-market #activity-button img{width:12px;height:12px}
.chain-market #viewers{font-size:10px;font-variant-numeric:tabular-nums}
.chain-market.paper-mode #activity-slot{display:none}
#drawer-presence{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--muted);font-size:13px;white-space:nowrap}
#drawer-presence img{width:16px;height:16px}
#play-controls{display:contents}
#chart-controls{display:none}
@media(max-width:600px){
 .chain-market #market{height:100dvh}
 .chain-market #chart-wrap,.chain-market.needs-session #chart-wrap{inset:0}
 .chain-market .top-left{left:8px;top:calc(8px + env(safe-area-inset-top));gap:5px}
 .chain-market .price-pill{width:112px;max-width:112px;min-height:44px;padding:6px;gap:5px}
 .chain-market .price-pill>span{min-width:0}
 .chain-market .price-pill strong{font-size:12px;white-space:nowrap}
 .chain-market .price-pill small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .chain-market .price-pill .token{width:21px;height:21px}
 .chain-market #mode-button{position:static;width:44px;min-width:44px;max-width:44px;min-height:44px;padding:4px 2px;font-size:7px;letter-spacing:.3px}
 .chain-market .top-right{right:8px;top:calc(8px + env(safe-area-inset-top));display:flex;gap:4px}
 .chain-market #menu-button,.chain-market #sound-button{width:44px;height:44px;min-height:44px}
 .chain-market .top-right .session-entry{position:absolute;top:51px;right:0;min-height:44px;padding:9px 15px}
 .chain-market #notice,.chain-market.needs-session #notice,.chain-market.paper-mode #notice{top:calc(116px + env(safe-area-inset-top))}
 .chain-market #play-controls{position:absolute;z-index:2;left:8px;right:8px;bottom:calc(44px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,0fr) minmax(0,1fr);gap:0;align-items:center;transition:grid-template-columns .36s cubic-bezier(.22,1,.36,1)}
 .chain-market #play-controls .bottom-left,.chain-market #play-controls .bottom-right{position:relative;inset:auto;min-width:0;display:block}
 .chain-market #play-controls .bottom-left{padding-right:4px;transition:padding-right .36s cubic-bezier(.22,1,.36,1)}
 .chain-market .balance-pill{width:100%;min-height:52px;max-width:none;padding:7px;gap:4px}
 .chain-market .balance-pill>span:last-child{min-width:0;overflow:hidden}
 .chain-market .balance-pill strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}
 .chain-market .balance-pill small,.chain-market .balance-unit{display:none}
 .chain-market #wallet-avatar{flex-shrink:0}
 .chain-market #wallet-avatar img,.chain-market #wallet-avatar .player-avatar{width:18px!important;height:18px!important}
 .chain-market .stake-pill{padding:0;width:100%}
 .chain-market .stake-pill #stake-button{width:100%;min-width:0;height:50px;min-height:50px;padding:0 6px;gap:4px;font-size:12px}
 .chain-market .stake-pill #stake-button img{width:16px;height:16px;flex-shrink:0}
 .chain-market #stake-button small{display:block;margin:2px 0 0;font-size:7px;line-height:1;letter-spacing:.4px}
 .chain-market #stake-button .stake-chevron{font-size:9px;margin-left:0}
 .chain-market #center-button{display:none}
 .chain-market #chart-controls{position:relative;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));align-items:center;width:calc(100% - 4px);height:52px;isolation:isolate}
 #chart-controls .view-glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 9px #0c0716a6) drop-shadow(0 0 5px #e7b3ec26)}
 .chain-market #chart-controls button{position:relative;width:100%;height:44px;min-height:44px;min-width:44px;padding:0;justify-content:center;font-size:20px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-tap-highlight-color:#e6c2ff24}
 .chain-market #chart-controls #chart-live{flex-direction:column;gap:2px;font-size:10px}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]){grid-template-columns:minmax(0,0fr) minmax(136px,1fr) minmax(104px,.65fr)}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]) .bottom-left{padding-right:0}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]) #chart-controls button{width:100%}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]) #chart-live{font-size:12px}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]) #stake-button{font-size:14px;gap:6px}
 .chain-market #play-controls:has(#wallet-button[data-shown=false]) #stake-button img{width:19px;height:19px}
 #chart-live::before{content:'';width:4px;height:4px;border-radius:50%;background:#8e7c9b}
 #chart-live[aria-pressed=true]::before{background:var(--green);box-shadow:0 0 7px #98eac266}
 #chart-controls button:disabled{cursor:default;opacity:.4}
 .chain-market #chart-controls button:focus-visible{outline:2px solid #ead4ff;outline-offset:-4px}
 .chain-market #chart .range-label{font-size:8.5px}
 .chain-market #chart .time-label{font-size:8px}
 .chain-market #chart .window-caption{font-size:6px;letter-spacing:.3px}
 .chain-market #chart .own-multiplier{font-size:12px}
 .chain-market #chart .own-multiplier.quote-range{font-size:10px}
 .chain-market #chart .add-multiplier{font-size:11px}
 .chain-market #chart .quote-caption,.chain-market #chart .quote-window-state{font-size:7px;letter-spacing:0}
}