body.surfing-game{--bg:#f5fafc;--line:#dce9ef;background:var(--bg)}
.market-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.market-grid .word-card{padding:23px 10px 12px;background:#fcfeff}.market-grid .word-card.active{background:#edf8fc}.market-grid .random-quote{background:#fff9fb}
.rough-label{position:absolute;right:9px;top:8px;color:#bd6681;font-size:10px}.quote-price{color:#258ca9;margin-top:8px}.random-quote .quote-price{color:#bd6681}.quote-price strong{font:650 39px ui-monospace,monospace}.quote-price small{font:11px system-ui;margin-left:5px}
.chart{display:block;width:100%;height:70px;margin:18px 0 20px}.market-grid .word{font-size:21px;letter-spacing:.01em}.market-grid .hint{min-height:18px;font-size:10px;margin:12px 0 0}.market-grid .meter{margin-top:15px}
.trade-log{margin-top:22px;padding:18px;background:#f4f9fb;border:1px solid var(--line);border-radius:9px}.trade-log h2{font-size:12px;color:var(--muted);font-weight:600}
.fill,.log-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:16px;padding:8px 5px;border-bottom:1px solid #e1ebf0;font:13px ui-monospace,monospace}.log-head{font-size:10px;color:var(--muted)}.fill strong,.up{color:#258ca9}.down{color:#bc6681}.fill small{color:var(--muted);font-size:10px}