:root{color:#fff4d7;background:#111112;font-family:Courier New,Noto Sans SC,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}.desk-shell{display:grid;grid-template-rows:1fr auto;width:100%;height:100%;background:#111112}.canvas-stage{position:relative;min-height:0;overflow:hidden}.trading-canvas{display:block;width:100%;height:100%;cursor:grab;image-rendering:pixelated;touch-action:none}.trading-canvas:active{cursor:grabbing}.hud{position:absolute;z-index:2;display:flex;align-items:center;pointer-events:none}.hud-top{top:84px;left:18px;gap:10px}.brand{padding:8px 10px;border:2px solid #5b4931;background:#0c0c0cd6;color:#ffd27a;font-size:18px;font-weight:700}.source{padding:6px 8px;border:1px solid #463a2a;background:#0c0c0cb8;color:#b8aa8e;font-size:12px}.detail-panel{position:absolute;right:18px;top:88px;z-index:3;width:min(310px,calc(100vw - 36px));padding:14px;border:2px solid #5b4931;background:#0d0e0fe0;box-shadow:0 14px 40px #0000005c}.detail-panel h2,.bottom-sheet h2{margin:0 0 8px;font-size:20px;line-height:1.2}.detail-panel strong,.bottom-sheet strong{display:block;margin-bottom:10px;font-size:26px}.rise{color:#ff6857}.fall{color:#47d177}dl{display:grid;gap:8px;margin:0}dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,210,122,.15);padding-top:8px}dt{color:#a99a7c}dd{margin:0;color:#fff3d0;text-align:right}.status-bar{min-height:42px;padding:11px 16px;overflow:hidden;border-top:2px solid #3d3124;background:#101112;color:#e6c984;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.bottom-sheet{position:fixed;right:0;bottom:0;left:0;z-index:5;display:none;max-height:42vh;padding:16px 18px 20px;border-top:2px solid #5b4931;background:#0d0e0ff5;transform:translateY(100%);transition:transform .16s ease}.bottom-sheet.is-open{transform:translateY(0)}@media(max-width:720px){.hud-top{top:76px;left:12px}.brand{padding:7px 8px;font-size:15px}.source,.detail-panel{display:none}.bottom-sheet{display:block}.status-bar{min-height:38px;padding:9px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.bottom-sheet{transition:none}}