.chart-wrap>.chart-foot{position:absolute;left:0;right:0;top:62%;z-index:4;background:#f7faf8;border-top:1px solid #dce8e0;border-bottom:1px solid #dce8e0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;padding:5px 12px}
.indicator-picker{display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;color:#597363;font-size:11px}
.indicator-picker select{font:inherit;color:#365e46;background:#f5faf7;border:1px solid #b9d2c3;border-radius:5px;padding:4px 22px 4px 6px;max-width:145px;min-height:29px}
.indicator-values{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:3px 10px;min-width:0;font-size:10px;line-height:1.5}
.indicator-values>span{white-space:nowrap}.indicator-values b{font-family:ui-monospace,monospace;font-weight:500}
.legend-hint #expandChart{font:inherit;border:1px solid #b9d2c3;border-radius:4px;padding:2px 5px;margin-left:5px;color:#426c54;background:#f5faf7;white-space:nowrap}
.chart-dialog{width:min(1440px,97vw);height:94dvh;max-height:94dvh;overflow:hidden;background:#fff}
.chart-dialog[open]{display:flex;flex-direction:column}
.chart-dialog>.dialog-heading{flex:0 0 auto;padding:8px 16px;position:static}
.chart-dialog #chartDialogBody{flex:1;min-height:0;overflow:hidden}
.chart-dialog .chart-panel{height:100%;min-height:0;display:flex;flex-direction:column;border:0;border-radius:0}
.chart-dialog .chart-wrap{flex:1;min-height:0;height:auto}
.chart-dialog .chart-foot,.chart-dialog .chart-title,.chart-dialog .chart-tools,.chart-dialog .ohlc-line,.chart-dialog .ma-legend{flex:0 0 auto}
.chart-dialog .data-note:empty{display:none}
.chart-foot #chipNote{flex-basis:100%;font-size:9px;line-height:1.4;color:#768b7e}
.watchlist #watchItems{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0}
.watchlist .watch-item[data-symbol=TAIEX]{position:sticky;top:0;z-index:3;background:#fff;box-shadow:0 1px 0 #d8e6dd}
.watchlist .watch-item[data-symbol=TAIEX].selected{background:#ecf3ef}
.watch-row{position:relative;border-top:1px solid #eff4f1;min-width:0}
.watch-row.selected{background:#ecf3ef}
#gameShell .watchlist .watch-item{padding:5px 10px}
#gameShell .watchlist .watch-bottom{margin-top:0}
#gameShell .watchlist>.panel-head{padding:6px 12px}
#gameShell .watchlist>.market-switch{padding:4px 10px 5px}
.watch-row .watch-bottom>span{padding-left:20px}
.watch-pin{position:absolute;left:9px;bottom:5px;display:grid;place-items:center;width:20px;height:18px;padding:1px;border-radius:3px;color:#8a9e91;z-index:1}
.watch-pin svg{display:block;width:13px;height:13px}
.watch-pin[aria-pressed=true]{color:#3f7657;background:#dfeee4}
.watch-pin:hover,.watch-pin:focus-visible{color:#315e44;background:#e6f1e9}
@media(max-width:650px){#gameShell .watch-row{flex:0 0 128px;min-width:128px;border-top:0;border-left:1px solid #eef1e8}.watch-pin{bottom:5px}}
@media(min-width:1000px){
 .chart-dialog .chart-foot{flex-wrap:nowrap}
 .chart-dialog .chart-foot #chipNote{flex:0 1 auto;max-width:35%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #gameShell .watchlist>.panel-head,#gameShell .watchlist>.market-switch,#gameShell .watchlist>.sidebar-bottom{flex:0 0 auto}
 #gameShell .watchlist #watchItems{flex:1 1 0;min-height:90px}
 #gameShell .chart-foot{flex:0 0 auto;padding:5px 12px;gap:4px 9px}
 #gameShell .chart-foot{flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-start}
 #gameShell .chart-foot #chipNote{flex:0 1 30%;max-width:30%;min-width:0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #gameShell .indicator-values{flex-wrap:nowrap;overflow:hidden;font-size:9px;gap:5px}
 #gameShell .watch-top{gap:3px}
 #gameShell .watch-top strong{white-space:nowrap;font-size:11px}
 #gameShell .watch-item{padding-left:8px;padding-right:8px}
 #gameShell .speaker-row>div:last-of-type{font-size:10px;line-height:1.3}
}
@media(min-width:1000px) and (max-width:1199px){#gameShell .chart-foot #chipNote{display:none}#gameShell .watch-top strong{font-size:10px}#gameShell .watch-top b{font-size:10px}}
@media(min-width:1000px) and (max-height:640px){
 #gameShell .center-column{grid-template-rows:minmax(0,1fr) 210px}
 #gameShell .story-panel{--story-portrait-size:80px}
 #gameShell .chart-title{padding:5px 10px 3px;gap:5px}
 #gameShell .chart-title h2{font-size:14px;line-height:1.3}
 #gameShell .quote strong{font-size:18px;line-height:1.3}
 #gameShell .quote{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
 #gameShell .quote>span{font-size:10px}
 #gameShell .chart-tools{padding:0 10px 3px;min-height:0}
 #gameShell .ohlc-line{padding:3px 10px;font-size:9px;line-height:1.3;min-height:0}
 #gameShell .ma-legend{padding:0 10px 3px;font-size:9px;line-height:1.3}
 #gameShell .chart-foot{padding:3px 10px;gap:5px}
 #gameShell .indicator-picker select{min-height:25px;padding-top:2px;padding-bottom:2px}
 #gameShell .chart-foot #chipNote{display:none}
}
@media(min-width:651px) and (max-width:999px){.watchlist{align-self:start}.watchlist #watchItems{max-height:55dvh}}
@media(max-width:650px){
 .watchlist #watchItems{scrollbar-gutter:auto}
 .watchlist .watch-item[data-symbol=TAIEX]{left:0;top:auto;flex-shrink:0;box-shadow:1px 0 0 #d8e6dd}
 .chart-wrap>.chart-foot{align-items:center;flex-direction:row;gap:5px 7px;font-size:10px;padding:4px 8px}
 .chart-wrap>.chart-foot #chipNote{display:none}
 .indicator-picker{font-size:11px}.indicator-values{font-size:9px;gap:3px 7px}
 .ma-legend .legend-hint{display:block;margin-left:auto}
 .chart-interaction-hint{display:none}
 .legend-hint #expandChart{font-size:9px;margin-left:0;padding:2px 4px}
}

/* Keep stress visible while the optional personality details are collapsed. */
#gameShell .watchlist>.investor-personality{display:block;margin:0 12px;padding:9px 0;flex:0 0 auto}
.investor-personality>summary{display:block;cursor:pointer;list-style:none;border-radius:4px;text-align:left}
.investor-personality>summary::-webkit-details-marker{display:none}
.investor-personality>summary:focus-visible{outline:2px solid #6e9980;outline-offset:3px}
#gameShell .investor-personality .stress-label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.5}
#gameShell .investor-personality .stress-label b{margin-left:auto;font-size:10px;white-space:nowrap}
.personality-chevron{font-size:16px;line-height:1;transition:transform .15s}
.investor-personality[open] .personality-chevron{transform:rotate(180deg)}
#gameShell .investor-personality .stress-track{display:block;height:5px;margin:6px 0 0}
.personality-body{padding-top:12px;text-align:center}
.personality-body>small{display:block;font-size:9px;line-height:1.6;color:#74887c}
@media(max-width:650px){#gameShell .watchlist>.investor-personality{margin:0 10px;padding:8px 0}}