<!-- SOLID CITY · part 169 -->
set-top));left:8px;right:140px;max-width:420px;height:46px;display:flex;align-items:center;gap:4px;padding:0 4px 0 8px;background:rgba(6,4,8,.82);border:1px solid #6b5220;border-radius:12px;overflow:hidden}
.mp-mini.mp-needtap{border-color:#ff4d5e;box-shadow:0 0 0 2px rgba(255,77,94,.35)}
.mp-eq{display:flex;align-items:flex-end;gap:2px;height:18px;width:16px;flex:0 0 16px}
.mp-eq i{display:block;width:3px;height:4px;background:#e8c36a;border-radius:1px}
.mp-mini.is-playing .mp-eq i{animation:mpeq .9s ease-in-out infinite}
.mp-mini.is-playing .mp-eq i:nth-child(2){animation-delay:-.3s}.mp-mini.is-playing .mp-eq i:nth-child(3){animation-delay:-.6s}.mp-mini.is-playing .mp-eq i:nth-child(4){animation-delay:-.15s}
@keyframes mpeq{0%,100%{height:4px}50%{height:18px;background:#ff4d5e}}
.mp-meta{flex:1;min-width:0;background:none;border:0;color:#fff;text-align:left;padding:0 4px;display:flex;flex-direction:column;cursor:pointer;position:relative}
.mp-mtitle{font:700 13px/1.2 Georgia,serif;color:#f6dc8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-mkind{font-size:9px;letter-spacing:.14em;color:#b9aeb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-boost{position:absolute;right:2px;top:-2px;font:normal 800 8px/1 system-ui;color:#ff4d5e;letter-spacing:.1em}
.mp-ib{flex:0 0 34px;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;