/* coach.css — the /coach page in the trenches' skin (near-black ground, gold and red only for the coach). Phone-first, one grid on desktops. */
html.dark,body.cc{background:#0B0A09;color:#F5F5F7;min-height:100%}
body.cc{margin:0;font:400 14px/1.4 var(--sys,-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif);letter-spacing:-.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.cc-head{display:flex;align-items:center;gap:14px;height:52px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto;scrollbar-width:none}.cc-head::-webkit-scrollbar{display:none}.cc-head>*{flex:none}
.cc-brand{display:inline-flex;align-items:center;gap:8px;font:800 15px/1 var(--sysd,system-ui);letter-spacing:-.02em;color:#F5F5F7}.cc-w{width:26px;height:26px}
.cc-title{display:flex;align-items:baseline;gap:8px;min-width:0}.cc-title b{font:700 16px/1 var(--sysd,system-ui);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.cc-title span{font:500 12px/1 var(--mono,ui-monospace);letter-spacing:.08em;text-transform:uppercase;color:#A39C93}
.cc-tfs{margin-left:auto;display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:rgba(255,255,255,.06)}.cc-tfs button{height:26px;padding:0 10px;border:0;border-radius:99px;background:transparent;color:#A39C93;font:600 12px/1 var(--sys,system-ui);cursor:pointer}.cc-tfs button[aria-selected=true]{background:#FFC72C;color:#1D1D1F}
.cc-pill{font:600 11px/1 var(--mono,ui-monospace);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:rgba(255,199,44,.12);color:#FFC72C;white-space:nowrap}.cc-pill.red{background:rgba(218,41,28,.16);color:#FF6B6B}.cc-pill.ok{background:rgba(48,209,88,.14);color:#30D158}
.cc-main{display:grid;grid-template-columns:1fr 320px;height:calc(100dvh - 52px)}
.cc-chart{position:relative;min-width:0;min-height:0}.cc-live{position:absolute;right:76px;bottom:30px;z-index:4;display:none;height:26px;padding:0 10px;border:0;border-radius:99px;background:#FFC72C;color:#1D1D1F;font:600 12px/1 var(--sys,system-ui);cursor:pointer}.cc-chart.off-live .cc-live{display:inline-flex;align-items:center}
.cc-panel{border-left:1px solid rgba(255,255,255,.07);padding:14px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.cc-card{border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cc-k{margin:0 0 8px;font:600 11px/1 var(--mono,ui-monospace);letter-spacing:.14em;text-transform:uppercase;color:#FFC72C}
.cc-muted{margin:0;color:#A39C93;font-size:13px}
.cc-pos-x{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}.cc-pos-x b{font:700 34px/1 var(--sysd,system-ui);letter-spacing:-.03em}.cc-pos-x b.up{color:#30D158}.cc-pos-x b.dn{color:#FF6B8A}.cc-pos-x span{color:#A39C93;font-size:13px}
.cc-levels{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.cc-levels li{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:13px}.cc-levels i{width:10px;height:3px;border-radius:2px;background:#FFC72C;display:block}.cc-levels li.red i{background:#DA291C}.cc-levels li.grey i{background:#8A837A}.cc-levels li.white i{background:#F5F5F7}.cc-levels small{color:#A39C93;font:500 11px var(--mono,ui-monospace)}.cc-levels em{display:block;grid-column:2/-1;font-style:normal;color:#A39C93;font-size:12px}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-tile{border-radius:14px;padding:12px 13px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cc-tile span{display:block;font:600 10.5px/1 var(--mono,ui-monospace);letter-spacing:.1em;text-transform:uppercase;color:#A39C93;margin-bottom:8px}.cc-tile b{font:700 20px/1 var(--sysd,system-ui);letter-spacing:-.02em}.cc-tile b.y{color:#FFC72C}.cc-tile b.r{color:#FF6B6B}.cc-tile b.g{color:#30D158}.cc-tile small{display:block;margin-top:5px;color:#A39C93;font-size:11.5px}
.cc-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;max-height:38vh;overflow:auto}.cc-log li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:13px;line-height:1.35}.cc-log time{font:500 11px/1.6 var(--mono,ui-monospace);color:#A39C93}.cc-log li i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#FFC72C;margin-right:6px;vertical-align:1px}.cc-log li.red i{background:#DA291C}.cc-log li.grey i{background:#8A837A}.cc-log small{display:block;color:#A39C93;font:500 11px var(--mono,ui-monospace);letter-spacing:.04em}
.cc-fine{margin:4px 2px 0;font-size:12px;line-height:1.45;color:#86868B}.cc-fine em{font-style:normal;color:#A39C93}
.cc-strip{position:fixed;left:0;right:0;bottom:0;display:none;align-items:center;gap:12px;height:40px;padding:0 12px;background:rgba(20,18,16,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}.cc-strip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-strip button{margin-left:auto;height:26px;padding:0 10px;border:0;border-radius:99px;background:rgba(255,255,255,.1);color:#F5F5F7;font:600 12px var(--sys,system-ui);cursor:pointer}
.cc-wallet{display:flex;gap:6px;margin-top:10px}.cc-wallet input{flex:1;min-width:0;height:34px;padding:0 10px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#F5F5F7;font:500 12px var(--mono,ui-monospace)}.cc-wallet button{height:34px;padding:0 12px;border:0;border-radius:10px;background:#FFC72C;color:#1D1D1F;font:600 12px var(--sys,system-ui);cursor:pointer}
@media (max-width:900px){.cc-main{grid-template-columns:1fr;grid-template-rows:52dvh auto;height:auto}.cc-panel{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.cc-title span{display:none}.cc-tfs{margin-left:0}.cc-head{gap:10px;padding:0 10px}.cc-brand span{display:none}}
/* embed: the extension's window and ?embed=1: the chart and a strip, the panel as a sheet */
body.embed .cc-head{height:40px;padding:0 10px}body.embed .cc-brand span,body.embed .cc-title span{display:none}body.embed .cc-main{grid-template-columns:1fr;grid-template-rows:1fr;height:calc(100dvh - 40px - 40px)}body.embed .cc-panel{display:none;position:fixed;left:0;right:0;bottom:40px;top:40px;z-index:6;background:rgba(11,10,9,.96);border:0}body.embed.sheet .cc-panel{display:flex}body.embed .cc-strip{display:flex}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.cc-rd{margin:0 0 9px;display:grid;grid-template-columns:8px 1fr;gap:9px;font-size:12.5px;line-height:1.4;color:#D6D0C8}.cc-rd i{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#8A837A}.cc-rd i.y{background:#FFC72C}.cc-rd i.g{background:#8A837A}.cc-rd b{display:block;font-weight:600;color:#F5F5F7}.cc-rd small{display:block;grid-column:2;color:#A39C93;font-size:11.5px}
/* the clean default: a details toggle in the header; the read card (box, cone, dips in words) only with details on */
.cc-detail{height:26px;padding:0 10px;border:0;border-radius:99px;background:rgba(255,255,255,.08);color:#A39C93;font:600 12px/1 var(--sys,system-ui);cursor:pointer;white-space:nowrap}.cc-detail[aria-pressed=true]{background:rgba(255,199,44,.16);color:#FFC72C}body:not(.details) #cc-read{display:none}