<!-- SOLID CITY · part 145 -->
rgba(8,5,9,.95);border:2px solid #e8c36a;border-radius:14px;padding:12px 14px;color:#d9cfd9;font-size:13px;touch-action:pan-y}
#hc-card[hidden]{display:none}
.hc-card-h{display:flex;align-items:center;gap:8px}.hc-card-h b{flex:1;font:700 18px/1.2 Georgia,serif;color:#e8c36a}
#sc-hud .hc-x{width:32px;height:30px;border-radius:8px;border:1px solid #6b5220;background:none;color:#fff;cursor:pointer}
.hc-card-sub{font-size:9px;letter-spacing:.16em;color:#ff4d5e;margin-top:2px}
.hc-card-b p{margin:8px 0;line-height:1.45}.hc-meta{color:#a49aa8;font-size:12px}
.hc-card-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.hc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#sc-hud .hc-chip{min-height:36px;border-radius:18px;border:1px solid #6b5220;background:#140c10;color:#f6dc8e;font:700 12px system-ui,sans-serif;padding:0 12px;cursor:pointer}
#sc-hud .hc-chip small{color:#a49aa8;font-weight:400;margin-left:4px}
#sc-hud .hc-chip:active{background:#5a0410}
.hc-gl{margin:6px 0 0}.hc-gl dt{color:#e8c36a;font-weight:700;margin-top:6px}.hc-gl dd{margin:2px 0 0;color:#cfc8d2}
@media (max-width:768px){
  #hc-card{top:auto;bottom:calc(170px + env(safe-area-inset-bottom));right:110px;width:auto;max-height:38vh}
  .hc-fly #hc-card{bottom:calc(332px + env(safe-area-inset-bottom));right:162px;max-height:calc(100vh - 560px);min-height:120px}
}

/* ---------- 🎬 WATCH: cinematic autopilot ---------- */
.w-lb{position:absolute;left:0;right:0;height:0;background:#000;z-index:9;pointer-events:none;transition:height .7s ease}
.w-lb-top{top:0}.w-lb-bot{bottom:0}
.watching .w-lb-top{height:calc(8vh + env(safe-area-inset-top))}.watching .w-lb-bot{height:calc(9vh + env(safe-area-inset-bottom))}
#w-ui{display:none}
.watching #w-ui{display:block}
.watching:not(.watch-full) .sc-top,.watching:not(.watch-full) .mp-mini,.watching:not(.watch-full) #sc-help,.watching:not(.watch-full) #hyper-controller,.watching:not(.watch-full) #hc-narration,.watching:not(.watch-full) #hc-card,.watching #sc-fbtns,.watching #sc-thr,.watching #h-warn,.watching #sc-act,.watching #sc-perf{display:none!important}
.watching:not(.watch-full) #sc-radar{width:96px;height:96px;top:calc(8vh + 8px + env(safe-area-inset-top));opacity:.9}
.watching:not(.watch-full) .sc-stick{opacity:.35}
.w-loc{position:absolute;left:calc(12px + env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 4vh);transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;pointer-events:none}
.w-loc b{font:800 12px/1 system-ui,sans-serif;letter-spacing:.2em;color:#e8c36a}.w-loc span{font:11px/1 ui-monospace,Menlo,monospace;color:#a49aa8}
.w-route{position:absolute;left:50%;transform:translate(-50%,-50%);top:calc(env(safe-area-inset-top) + 4vh);display:flex;align-items:center;gap:8px;pointer-events:none;white-space:nowrap}
.w-route b{font:800 11px/1 system-ui,sans-serif;letter-spacing:.24em;color:#ff4d5e}.w-route span{font:11px ui-monospace,monospace;color:#cfc8d2}
.w-route i{display:block;width:90px;height:3px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}.w-route u{display:block;height:100%;width:0;background:#e8c36a;text-decoration:none}
.w-cap{position:absolute;left:50%;bottom:calc(9vh + 18px + env(safe-area-inset-bottom));transform:translate(-50%,10px);text-align:center;opacity:0;transition:opacity .8s,transform .8s;pointer-events:none;width:min(720px,92vw);text-shadow:0 2px 12px #000,0 0 2px #000}
.w-cap.on{opacity:1;transform:translate(-50%,0)}
.w-cap b{display:block;font:700 clamp(22px,4.2vw,40px)/1.1 Georgia,serif;color:#f6dc8e;letter-spacing:.08em}
.w-cap span{display:block;margin-top:6px;font:800 clamp(10px,1.5vw,13px)/1.2 system-ui,sans-serif;letter-spacing:.2em;color:#ff4d5e;text-transform:uppercase}
.w-ctl{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 4.5vh);transform:translateY(50%);display:flex;gap:6px}
#sc-hud .w-b{min-height:36px;min-width:40px;padding:0 10px;border-radius:18px;border:1px solid rgba(232,195,106,.5);background:rgba(10,6,10,.85);color:#f6dc8e;font:800 11px/1 system-ui,sans-serif;letter-spacing:.12em;cursor:pointer}
.w-tap{position:absolute;left:calc(12px + env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 4.5vh);transform:translateY(50%);font-size:10px;color:#6b5a6a;letter-spacing:.06em;pointer-events:none;max-width:calc(100vw - 230px)}
@media (max-width:600px){.w-tap{display:none}.w-route i{width:56px}.w-loc span{font-size:10px}.watching .sc-stick{bottom:calc(9vh + 14px + env(safe-area-inset-bottom))}}
#w-resume{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));display:flex;gap:6px;align-items:center;z-index:12}
#w-resume[hidden]{display:none}
#sc-hud .w-big{min-height:48px;padding:0 20px;border-radius:24px;border:2px solid #fff3c4;background:linear-gradient(180deg,#f3d27a,#b8862a);color:#000;font:900 13px/1 system-ui,sans-serif;letter-spacing:.14em;box-sha