/* P042 Tally Pad - phone (m.html). Same beats as desktop; the model sits in the top half, copy below. */
:root{--u:8px}
.tp-hero{min-height:100svh;padding:0 20px 88px;align-items:end}
.tp-xl{font-size:3.6rem;margin:.4rem 0 1rem}
.tp-lead{font-size:1.125rem}
.tp-chips{position:static;margin-top:1.4rem;flex-wrap:wrap}
.tp-hero{grid-template-rows:1fr auto auto}
.tp-chips li{padding:10px 12px;font-size:.72rem}
#explode{height:180vh}#keys{height:160vh}#dial{height:160vh}#light{height:140vh}
.tp-sticky{height:100svh;align-items:flex-end;padding:0 20px 28px}
.tp-side{padding-top:0;max-width:none;width:100%;background:color-mix(in oklab,var(--paper) 86%,transparent);border-radius:18px;padding:16px 16px 10px;backdrop-filter:blur(6px)}
.tp-l{font-size:2.2rem;margin:.4rem 0 .9rem}
.tp-layers li,.tp-keys li{grid-template-columns:2rem 6.5rem 1fr;padding:9px 0}
.tp-layers span,.tp-keys span{font-size:.85rem}
.tp-count b{font-size:3rem}
.tp-readout b{font-size:5rem}
.tp-ticks{margin:.6rem 0 1rem}
.tp-body{font-size:1rem}
.tp-side--dial .tp-body{display:none}