<!-- SOLID CITY · part 152 -->
x;height:34px;border-radius:9px;border:1px solid #6b5220;background:#140c10;color:#f6dc8e;font-size:13px;padding:0;cursor:pointer}
.mp-ib.mp-play{background:linear-gradient(180deg,#ff3048,#a30d1d);color:#fff;border-color:#e8c36a}
.mp-mbar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08)}.mp-mbar i{display:block;height:100%;width:0;background:#e8c36a}
/* cockpit variant: instrument-cluster skin while in the ship */
.mp-mini.is-cockpit{background:linear-gradient(180deg,#1a0a0e,#070305);border:2px solid #e8c36a;border-radius:6px 6px 14px 14px;box-shadow:inset 0 0 14px rgba(227,18,44,.35),0 0 0 1px #5a0410}
.mp-mini.is-cockpit .mp-mkind{color:#ff4d5e}
.mp-mini.is-cockpit .mp-mtitle{font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:12px}
.mp-panel{position:absolute;z-index:21;left:8px;top:calc(116px + env(safe-area-inset-top));bottom:16px;width:380px;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(8,5,9,.96);border:2px solid #e8c36a;border-radius:14px;-webkit-user-select:none;user-select:none}
.mp-head{display:flex;gap:10px;align-items:center}
.mp-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid #6b5220;background:#140c10;flex:0 0 56px}
.mp-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mp-badge{align-self:flex-start;font:800 9px/1 system-ui;letter-spacing:.14em;padding:3px 6px;border-radius:5px;background:#5a0410;color:#fff}
.mp-badge.k-instrumental{background:#2a2a30}.mp-badge.k-cover{background:#6b5220}
.mp-title{font:700 16px/1.2 Georgia,serif;color:#f6dc8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-sub{font-size:11px;color:#a49aa8}
.mp-x{width:36px;height:34px;border-radius:9px;border:1px solid #6b5220;background:none;color:#fff;flex:0 0 36px}
.mp-seek,.mp-vol{display:flex;align-items:center;gap:8px;font:12px ui-monospace,monospace;color:#cfc8d2}
.mp-range{flex:1;accent-color:#e8c36a;height:28px;touch-action:manipulation}
.mp-ctl{display:flex;justify-content:center;gap:10px}
.mp-cb{width:46px;height:42px;border-radius:11px;border:1px solid #6b5220;background:#140c10;color:#f6dc8e;font-size:16px;cursor:pointer}
.mp-cb.mp-big{width:64px;background:linear-gradient(180deg,#ff3048,#a30d1d);color:#fff;border-color:#e8c36a}
.mp-cb.is-on{background:#5a0410;color:#fff;border-color:#ff4d5e}
.mp-tabs{display:flex;gap:6px}.mp-tabs button{flex:1;height:32px;border-radius:9px;border:1px solid #6b5220;background:none;color:#b9aeb8;font:800 11px system-ui;letter-spacing:.14em}
.mp-tabs button.is-on{background:#e8c36a;color:#000;border-color:#e8c36a}
.mp-tab{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}
.mp-q{height:40px;border-radius:10px;border:1px solid #6b5220;background:#0c0a0e;color:#fff;font-size:16px;padding:0 12px;-webkit-user-select:text;user-select:text}
.mp-filters{display:flex;gap:5px;flex-wrap:wrap}
.mp-filters button{height:28px;border-radius:14px;border:1px solid #6b5220;background:none;color:#cfc8d2;font:800 10px system-ui;letter-spacing:.1em;padding:0 10px}
.mp-filters button.is-on{background:#5a0410;border-color:#ff4d5e;color:#fff}.mp-filters small{color:#e8c36a;font-weight:700}
.mp-list{flex:1;min-height:80px;overflow:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-top:1px solid #2a1a20}
.mp-row{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #1e1418;cursor:pointer}
.mp-row:hover{background:#140c10}.mp-row.is-cur{background:#2a0910}.mp-row.is-cur .mp-rt{color:#ff8fa0}
.mp-n{width:30px;text-align:right;font:11px ui-monospace,monospace;color:#6b5a6a}
.mp-rt{flex:1;min-width:0;font-size:14px;color:#f2f2f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-rt small{display:block;font-size:9px;letter-spacing:.12em;color:#a49aa8}
.mp-d{font:11px ui-monospace,monospace;color:#a49aa8}
.mp-empty,.mp-note{color:#a49aa8;font-size:12px;padding:8px;margin:0}
.mp-lt{font:700 15px Georgia,serif;color:#e8c36a}
.mp-lyr{flex:1;overflow:auto;margin:0;white-space:pre-wrap;font:14px/1.55 Georgia,serif;color:#f6e9c4;touch-action:pan-y;-webkit-user-select:text;user-select:text}
.mp-tt{color:#ff4d5e;font-size:12px}
.sc-help{top:calc(118px + env(safe-area-inset-top))}
.sc-perf{top:calc(118px + env(safe-area-inset-top))}
@media (min-width:900px){
  .mp-mini{right:auto;width:420px}
  .mp-mini.is-cockpit{top:auto;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));width:440px}
}
@media (max-width:600px){
  .mp-panel{left:0;right:0;width:auto;top:auto;bottom:0;max-height:74vh;height:74vh;border-radius:16px 16px 0 0;border-width:2px 0 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .sc-help{top:calc(192px + env(safe-area-inset-top))}
}
@media (max-width:600px){.sc-perf{top:auto}}
/* ---------- Hyper Controller: same setup as Solidability World (sw-hyper.js), red/black/gold ---------- */
#hyper-controller