@font-face { font-family: 'Archivo'; src: url(/assets/fonts/archivo-var.woff2) format('woff2'); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url(/assets/fonts/jbmono-var.woff2) format('woff2'); font-weight: 100 800; font-display: swap; }

:root {
  --red: #ff2a2a;
  --red-rgb: 255, 42, 42;
  --hot: #ffd9d4;
  --redd: #8c1010;
  --line: rgba(255, 42, 42, .14);
  --line2: rgba(255, 42, 42, .32);
  --txt: #f4e8e6;
  --mute: #a07f7c;
  --dim: #624846;
  --disp: 'Archivo', 'Arial Narrow', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --pad: 22px;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: #000; }
body { color: var(--txt); font: 400 12px/1.45 var(--mono); -webkit-font-smoothing: antialiased; overscroll-behavior: none; }
a { color: inherit; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
[hidden] { display: none !important; }

#gl { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; display: block; z-index: 0; }
.nogl { position: fixed; inset: 0; display: grid; place-items: center; z-index: 0; }
.nogl svg { width: 38vmin; fill: none; stroke: var(--red); stroke-width: 1.4; filter: drop-shadow(0 0 18px var(--red)); }
.scan { position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px), radial-gradient(ellipse at 50% 45%, transparent 55%, rgba(0,0,0,.65) 100%); }

.hud { position: fixed; inset: 0; z-index: 2; height: 100vh; height: 100dvh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; pointer-events: none; }
.hud a, .hud button, .panel, .bottom, .top { pointer-events: auto; }

/* corner brackets */
.brk { --bc: rgba(var(--red-rgb), .55); --bl: 10px;
  background:
    linear-gradient(var(--bc) 0 0) 0 0 / var(--bl) 1px, linear-gradient(var(--bc) 0 0) 0 0 / 1px var(--bl),
    linear-gradient(var(--bc) 0 0) 100% 0 / var(--bl) 1px, linear-gradient(var(--bc) 0 0) 100% 0 / 1px var(--bl),
    linear-gradient(var(--bc) 0 0) 0 100% / var(--bl) 1px, linear-gradient(var(--bc) 0 0) 0 100% / 1px var(--bl),
    linear-gradient(var(--bc) 0 0) 100% 100% / var(--bl) 1px, linear-gradient(var(--bc) 0 0) 100% 100% / 1px var(--bl);
  background-repeat: no-repeat; }

/* TOP */
.top { height: 52px; display: flex; align-items: center; gap: 20px; padding: 0 var(--pad); border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.35)); }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.mark { width: 24px; height: 24px; fill: none; stroke: var(--red); stroke-width: 4.6; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(var(--red-rgb), .8)); }
.word { font: 900 21px/1 var(--disp); font-stretch: 68%; letter-spacing: .05em; }
.tag { color: var(--mute); font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; padding-left: 12px; border-left: 1px solid var(--line); }
.ca { margin-left: auto; display: flex; align-items: center; height: 30px; border: 1px solid var(--line); font-size: 11.5px; }
.ca .k { padding: 0 10px; color: var(--dim); letter-spacing: .14em; border-right: 1px solid var(--line); height: 100%; display: grid; place-items: center; font-size: 10px; }
.ca code { padding: 0 12px; font: 500 11.5px var(--mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 420px; }
.ca code.soon { color: var(--mute); letter-spacing: .2em; text-transform: uppercase; font-size: 10.5px; }
.ca .copy { height: 100%; padding: 0 12px; border-left: 1px solid var(--line); color: var(--red); letter-spacing: .14em; text-transform: uppercase; font-size: 10px; }
.ca .copy:hover { background: rgba(var(--red-rgb), .1); }
.top-r { display: flex; align-items: center; gap: 14px; margin-left: 6px; }
.badge { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--red); border: 1px solid var(--line2); padding: 4px 8px; background: rgba(var(--red-rgb), .06); }
.sig { display: inline-flex; align-items: center; gap: 7px; font-size: 10.5px; letter-spacing: .16em; color: var(--txt); }
.sig i { width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); animation: blink 1.1s infinite; }
.sig.wait i { background: var(--dim); box-shadow: none; }
.sig.lost { color: var(--red); }
.clock { color: var(--mute); font-size: 11px; letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.ibtn { height: 30px; min-width: 30px; border: 1px solid var(--line); display: grid; place-items: center; color: var(--mute); font-size: 10px; letter-spacing: .14em; }
.ibtn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ibtn .on { display: none; }
.ibtn[aria-pressed="true"] { color: var(--red); border-color: var(--line2); }
.ibtn[aria-pressed="true"] .on { display: block; }
.ibtn[aria-pressed="true"] .off { display: none; }
.data-btn { display: none; padding: 0 10px; }
.xlink svg { fill: currentColor; stroke: none; width: 14px; height: 14px; }
.xlink:hover { color: var(--red); border-color: var(--line2); }
.buy-btn { font: 700 12px/1 var(--mono); letter-spacing: .06em; text-decoration: none; color: #000; background: var(--red); padding: 9px 14px; box-shadow: 0 0 22px rgba(var(--red-rgb), .5); }

/* MID */
.mid { display: grid; grid-template-columns: 270px minmax(0, 1fr) 372px; gap: 18px; padding: 16px var(--pad); min-height: 0; }
.panel { align-self: center; padding: 16px 18px; position: relative; }
.ph { display: flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--txt); }
.ph span { font-weight: 700; }
.ph em { font-style: normal; color: var(--mute); letter-spacing: .08em; text-transform: none; margin-left: auto; }
.beat-ico { width: 13px; height: 13px; fill: var(--red); filter: drop-shadow(0 0 5px var(--red)); }
.beat-ico.thump, .tk-k.thump { animation: thump .3s ease-out; }
.panel.left::before { content: ''; position: absolute; left: -12px; top: 14px; bottom: 14px; width: 5px;
  background: repeating-linear-gradient(180deg, var(--line2) 0 1px, transparent 1px 8px); }
.bpm-row { display: flex; align-items: flex-end; gap: 12px; margin-top: 6px; }
.bpm-num { font: 800 132px/.8 var(--disp); font-stretch: 68%; font-variant-numeric: tabular-nums; color: var(--red); letter-spacing: -.02em;
  text-shadow: 0 0 30px rgba(var(--red-rgb), .55), 0 0 2px rgba(255, 200, 200, .5); }
.bpm-z { padding-bottom: 6px; }
.zone { display: inline-block; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; padding: 4px 7px; border: 1px solid var(--line2); color: var(--txt); }
[data-zone="elevated"] .zone, [data-zone="racing"] .zone, [data-zone="max"] .zone { background: rgba(var(--red-rgb), .14); }
[data-zone="max"] .zone { background: var(--red); color: #000; border-color: var(--red); }
.zbar { position: relative; display: grid; grid-template-columns: 60fr 40fr 60fr 40fr; gap: 2px; height: 5px; margin-top: 16px; }
.zbar i { background: rgba(var(--red-rgb), .15); }
.zbar i[data-z="elevated"] { background: rgba(var(--red-rgb), .25); }
.zbar i[data-z="racing"] { background: rgba(var(--red-rgb), .38); }
.zbar i[data-z="max"] { background: rgba(var(--red-rgb), .52); }
.zbar i.on { background: var(--red); box-shadow: 0 0 10px var(--red); }
.zbar b { position: absolute; top: -5px; width: 2px; height: 15px; background: #fff; box-shadow: 0 0 8px #fff; left: 0; transition: left .8s cubic-bezier(.2, .8, .2, 1); }
.zlab { display: flex; justify-content: space-between; margin-top: 6px; font-size: 9px; color: var(--dim); }
.split { margin: 16px 0 0; display: grid; gap: 1px; }
.split div { display: flex; align-items: baseline; justify-content: space-between; padding: 5px 0; border-bottom: 1px dashed var(--line); }
.split dt { color: var(--mute); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }
.split dd { margin: 0; font: 700 20px/1 var(--disp); font-stretch: 75%; font-variant-numeric: tabular-nums; }
.split .org dd { color: var(--hot); text-shadow: 0 0 10px rgba(255, 120, 110, .6); }
.mc { margin-top: 18px; }
.mc .ph em { font-size: 10px; }
.mc-num { font: 800 34px/1 var(--disp); font-stretch: 72%; margin-top: 6px; font-variant-numeric: tabular-nums; }
.spark { display: block; width: 100%; height: 36px; margin-top: 6px; }
.tempo { margin-top: 12px; color: var(--mute); font-size: 10.5px; }
.tempo b { color: var(--txt); font-weight: 600; }

.core { position: relative; min-height: 0; }
.ret { position: absolute; left: 50%; top: 50%; width: min(100%, 100vh - 300px); aspect-ratio: 1; transform: translate(-50%, -50%); overflow: visible; opacity: .9; }
.ret .r1 { fill: none; stroke: rgba(var(--red-rgb), .16); stroke-width: .3; }
.ret .r2 { fill: none; stroke: rgba(var(--red-rgb), .1); stroke-width: .25; stroke-dasharray: .6 2.2; }
.ret #ticks line { stroke: rgba(var(--red-rgb), .35); stroke-width: .3; }
.ret .cross { stroke: rgba(var(--red-rgb), .4); stroke-width: .35; }
.ret-spin { transform-origin: 100px 100px; animation: spin 90s linear infinite; }
.cb { position: absolute; width: 18px; height: 18px; border-color: rgba(var(--red-rgb), .4); border-style: solid; border-width: 0; }
.cb.tl { left: 0; top: 0; border-left-width: 1px; border-top-width: 1px; }
.cb.tr { right: 0; top: 0; border-right-width: 1px; border-top-width: 1px; }
.cb.bl { left: 0; bottom: 0; border-left-width: 1px; border-bottom-width: 1px; }
.cb.br { right: 0; bottom: 0; border-right-width: 1px; border-bottom-width: 1px; }
.core-l, .core-r { position: absolute; top: 4px; font-size: 9.5px; letter-spacing: .2em; color: var(--dim); text-transform: uppercase; }
.core-l { left: 26px; top: auto; bottom: 4px; }
.core-r { right: 26px; color: var(--mute); font-variant-numeric: tabular-nums; }

/* feed */
.frows { margin-top: 8px; height: 248px; overflow: hidden; }
.fr { display: grid; grid-template-columns: 54px 1fr auto 26px; gap: 8px; align-items: center; height: 31px; border-bottom: 1px solid rgba(var(--red-rgb), .08); font-size: 11px; font-variant-numeric: tabular-nums; }
.fr .t { color: var(--dim); }
.fr .e { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; letter-spacing: .12em; font-weight: 700; white-space: nowrap; overflow: hidden; }
.fr .e i { width: 5px; height: 5px; background: currentColor; box-shadow: 0 0 6px currentColor; flex: none; }
.fr .e small { font-weight: 400; color: var(--mute); letter-spacing: .02em; font-size: 10.5px; overflow: hidden; text-overflow: ellipsis; }
.fr.beat .e { color: var(--red); }
.fr.buy .e { color: var(--hot); }
.fr.sell .e { color: #b65a5a; }
.fr.claim .e { color: var(--txt); }
.fr .s { text-align: right; }
.fr.buy .s { color: var(--hot); font-weight: 700; }
.fr.sell .s { color: #b65a5a; }
.fr .x { text-align: right; }
.fr .x a { text-decoration: none; color: var(--mute); }
.fr .x a:hover { color: var(--red); }
.sim { font-size: 9px; letter-spacing: .1em; color: var(--dim); }
.fr.enter { animation: rowIn .5s cubic-bezier(.2, .8, .2, 1); }
.fr.enter.buy { animation: rowIn .5s cubic-bezier(.2, .8, .2, 1), hotRow 1.2s ease-out; }
.how { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); color: var(--mute); font-size: 10px; line-height: 1.55; }
.how p { margin: 3px 0; }
.how b { color: var(--red); font-weight: 600; margin-right: 8px; }

/* treasury wallet */
.tw { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.tw .ph em a { color: var(--mute); text-decoration: none; border-bottom: 1px dotted var(--dim); }
.tw .ph em a:hover { color: var(--red); }
.tw-bal { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.tw-bal b { font: 800 40px/1 var(--disp); font-stretch: 72%; font-variant-numeric: tabular-nums; color: var(--txt); text-shadow: 0 0 18px rgba(var(--red-rgb), .35); }
.tw-bal span { color: var(--mute); font-size: 11px; letter-spacing: .14em; }
.tw-live { width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); margin-left: auto; align-self: center; animation: blink 1.1s infinite; }
.tw-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 8px; font-size: 10.5px; color: var(--txt); }
.tw-chain span { border: 1px solid var(--line); padding: 2px 6px; white-space: nowrap; }
.tw-chain i { font-style: normal; color: var(--red); }
.tw-chain .burn { color: #000; background: var(--red); border-color: var(--red); font-weight: 700; letter-spacing: .1em; }
.tw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 10px 0 0; }
.tw-grid div { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px dashed var(--line); padding-bottom: 3px; }
.tw-grid dt { color: var(--mute); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; }
.tw-grid dd { margin: 0; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.fr .e b { font-weight: 700; color: #f2f2ff; text-shadow: 0 0 6px rgba(255, 200, 215, .6); }
.cdot { display: inline-block; width: 10px; height: 2px; margin: 0 6px 2px 0; vertical-align: middle; }
.cdot.r { background: #ff3d33; box-shadow: 0 0 6px #ff3d33; }
.cdot.g { background: #f2f2ff; box-shadow: 0 0 6px #ffd0dc; margin-left: 12px; }
.fr .e .bn { color: var(--hot); font-weight: 700; font-style: normal; }
.fr.beat .e { color: var(--txt); font-weight: 400; letter-spacing: .04em; }
.fr.beat .e i { color: var(--red); }
.burn-tag { position: fixed; z-index: 3; transform: translate(-50%, -100%); pointer-events: none; text-align: center; font-size: 9px; letter-spacing: .2em; color: var(--mute); white-space: nowrap; }
.burn-tag b { display: block; font: 800 17px/1.1 var(--disp); font-stretch: 75%; letter-spacing: .02em; color: #ffcf6a; text-shadow: 0 0 12px rgba(255, 150, 40, .8); font-variant-numeric: tabular-nums; }
.burn-tag.hit b { animation: burnHit .35s ease-out; }
@keyframes burnHit { 0% { color: #fff; text-shadow: 0 0 20px #ffb070; } }

.fr.buy { background: linear-gradient(90deg, rgba(255, 60, 50, calc(var(--imp, 0) * .22)), transparent 70%); }
.fr.massive .e { color: #fff; text-shadow: 0 0 8px var(--red); }
.fr.massive .s { color: #fff; }
/* BOTTOM */
.bottom { border-top: 1px solid var(--line); background: linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.55)); }
.ticker { display: none; }
.vitals { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid var(--line); }
.v { position: relative; padding: 10px 18px 11px; border-left: 1px solid var(--line); min-width: 0; }
.v:first-child { border-left: 0; padding-left: var(--pad); }
.v::before { content: ''; position: absolute; left: -1px; top: 0; width: 1px; height: 7px; background: var(--red); }
.v:first-child::before { display: none; }
.vk { display: block; font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--mute); }
.v b { display: block; font: 800 27px/1.05 var(--disp); font-stretch: 72%; margin-top: 3px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.v em { display: block; font-style: normal; color: var(--mute); font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v em a { color: var(--red); text-decoration: none; }
.v em b { display: inline; font: 600 10.5px var(--mono); color: var(--txt); margin: 0; }
.v:first-child b { color: var(--red); text-shadow: 0 0 16px rgba(var(--red-rgb), .5); }
.ekg-wrap { position: relative; height: 150px; --bc: rgba(var(--red-rgb), .5);
  background-color: transparent; }
.ekg-wrap::before { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(rgba(var(--red-rgb), .05) 1px, transparent 1px) 0 0 / 100% 10px, linear-gradient(90deg, rgba(var(--red-rgb), .05) 1px, transparent 1px) 0 0 / 10px 100%,
    linear-gradient(rgba(var(--red-rgb), .09) 1px, transparent 1px) 0 0 / 100% 50px, linear-gradient(90deg, rgba(var(--red-rgb), .09) 1px, transparent 1px) 0 0 / 50px 100%; }
#ekg { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: pan-y; }
.lead, .keys { position: absolute; top: 8px; display: flex; gap: 14px; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--dim); pointer-events: none; }
.lead { left: var(--pad); }
.lead b { color: var(--red); }
.keys { right: var(--pad); }
.keys span { display: inline-flex; align-items: center; gap: 6px; }
.keys i { width: 12px; height: 2px; }
.k-b { background: var(--hot); box-shadow: 0 0 6px var(--hot); }
.k-t { background: var(--red); box-shadow: 0 0 6px var(--red); }
.k-s { background: #b65a5a; }
.alarm { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; gap: 12px; align-items: center; white-space: nowrap;
  padding: 9px 14px; border: 1px solid var(--red); background: rgba(40, 0, 0, .85); color: var(--red); font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  opacity: 0; pointer-events: none; transition: opacity .3s; box-shadow: 0 0 30px rgba(var(--red-rgb), .35); }
.alarm span { color: var(--mute); }
body.lost .alarm { opacity: 1; animation: blink 1s steps(1) infinite; }
body.lost .bpm-num { color: var(--dim); text-shadow: none; }

.tip { position: absolute; z-index: 5; min-width: 180px; padding: 9px 11px; background: rgba(8, 0, 0, .95); border: 1px solid var(--line2);
  font-size: 11px; transform: translate(-50%, calc(-100% - 12px)); pointer-events: none; box-shadow: 0 10px 30px rgba(0,0,0,.7); }
.tip.pinned { pointer-events: auto; }
.tip.below { transform: translate(-50%, 14px); }
.tip .tk { display: block; font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--mute); margin-bottom: 4px; }
.tip .tv { font: 800 24px/1 var(--disp); font-stretch: 75%; color: var(--hot); }
.tip .tv.sell { color: #c86a6a; }
.tip .tv.trs { color: var(--red); }
.tip .tm { color: var(--mute); margin-top: 5px; display: flex; justify-content: space-between; gap: 10px; }
.tip a { color: var(--red); text-decoration: none; }

/* drawer (mobile) */
.drawer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; height: 76dvh; transform: translateY(102%); transition: transform .38s cubic-bezier(.2, .8, .2, 1);
  background: rgba(4, 0, 0, .96); border-top: 1px solid var(--line2); display: flex; flex-direction: column; }
.drawer.open { transform: none; }
.dr-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; font-size: 10.5px; letter-spacing: .2em; border-bottom: 1px solid var(--line); }
.dr-body { flex: 1; overflow-y: auto; padding: 0 14px 20px; -webkit-overflow-scrolling: touch; }
.dr-body .ca { margin: 14px 0 0; width: 100%; height: 38px; }
.dr-body .ca code { flex: 1; max-width: none; }
.dr-body .vitals { grid-template-columns: 1fr 1fr; border: 1px solid var(--line); margin-top: 14px; }
.dr-body .v { border-left: 0; border-bottom: 1px solid var(--line); padding: 10px 12px; }
.dr-body .v:nth-child(even) { border-left: 1px solid var(--line); }
.dr-body .v:first-child { padding-left: 12px; }
.dr-body .v::before { display: none; }
.dr-body .panel { padding: 14px 0 0; background: none; }
.dr-body .panel.right .frows { height: auto; }
.social { display: flex; gap: 18px; padding: 12px 14px; border-top: 1px solid var(--line); }
.social:not(:has(a:not([hidden]))) { display: none; }
.social a { text-decoration: none; color: var(--mute); letter-spacing: .14em; font-size: 11px; text-transform: uppercase; }

body.pfp .hud, body.pfp .scan, body.pfp .drawer { display: none !important; }

@keyframes blink { 50% { opacity: .35; } }
@keyframes tkIn { from { opacity: .3; } }
@keyframes thump { 30% { transform: scale(1.5); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes rowIn { from { transform: translateY(-8px); opacity: .3; } }
@keyframes hotRow { 0% { background: rgba(255, 60, 50, .16); } 100% { background: transparent; } }

/* mid-size desktop */
@media (max-width: 1180px) {
  .mid { grid-template-columns: 236px minmax(0, 1fr) 340px; }
  .bpm-num { font-size: 110px; }
  .tag { display: none; }
}
@media (max-height: 760px) and (min-width: 721px) {
  .ekg-wrap { height: 118px; }
  .bpm-num { font-size: 104px; }
  .panel.left .how { display: none; }
  .frows { height: 155px; }
}

/* MOBILE: one screen, no scroll */
@media (max-width: 720px) {
  :root { --pad: 14px; }
  .top { height: 48px; gap: 10px; }
  .word { font-size: 19px; }
  .mark { width: 21px; height: 21px; }
  .tag, .clock, .top > .ca { display: none; }
  .top-r { margin-left: auto; gap: 8px; }
  .badge { padding: 3px 6px; font-size: 9px; }
  .badge .long { display: none; }
  .sig b { display: none; }
  .data-btn { display: grid; }
  .mid { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 0; padding: 8px var(--pad) 0; }
  .mid > .panel.right { display: none; }
  .panel.left { align-self: start; padding: 10px 12px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 14px; }
  .panel.left::before { display: none; }
  .panel.left > .ph { grid-column: 1 / -1; }
  .bpm-row { grid-column: 1; grid-row: 2 / span 2; margin: 2px 0 0; flex-direction: column; align-items: flex-start; gap: 4px; }
  .bpm-num { font-size: 76px; }
  .bpm-z { padding: 0; }
  .zone { font-size: 9px; padding: 3px 6px; }
  .zbar, .zlab, .tempo, .spark { display: none; }
  .split { grid-column: 2; grid-row: 2; margin: 4px 0 0; }
  .split div { padding: 3px 0; }
  .split dt { font-size: 9.5px; }
  .split dd { font-size: 17px; }
  .mc { grid-column: 2; grid-row: 3; margin-top: 6px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
  .mc .ph { flex: none; }
  .mc .ph em { margin-left: 6px; }
  .mc-num { font-size: 20px; margin: 0; }
  .core-l, .core-r { font-size: 8.5px; letter-spacing: .14em; }
  .core-l { left: 22px; }
  .core-r { right: 22px; }
  .ret { width: min(100%, 100vh); }
  .bottom > .vitals { display: none; }
  .panel.left .how { display: none; }
  .burn-tag b { font-size: 14px; }
  .dr-body .tw { margin-top: 14px; }
  .dr-body .feed-h { margin-top: 4px; }
  .ticker { display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 var(--pad); border-bottom: 1px solid var(--line); font-size: 11px; white-space: nowrap; overflow: hidden; }
  .tk-k { color: var(--red); font-size: 9.5px; letter-spacing: .2em; flex: none; }
  #tickerTxt { overflow: hidden; text-overflow: ellipsis; color: var(--txt); }
  #tickerTxt.flash { animation: tkIn .4s ease-out; }
  .core-r { display: none; }
  .core-l { right: 22px; top: 4px; bottom: auto; font-size: 8px; line-height: 1.6; }
  .ekg-wrap { height: 104px; }
  .lead { top: 6px; }
  .keys { top: 6px; gap: 10px; font-size: 8.5px; }
  .lead > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; }
}