#look-explorer { position:fixed; z-index:5; left:28px; top:76px; width:230px; padding:16px; border:1px solid #ffffff24; border-radius:16px; background:#08090ee8; backdrop-filter:blur(16px); box-shadow:0 12px 45px #0006; }
#look-explorer label { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.15em; color:#b8aecb; margin-bottom:10px; }
.look-navigation { display:grid; grid-template-columns:30px 1fr 30px; gap:5px; }
#look-explorer button, #look-select { min-height:38px; border:1px solid #ffffff20; border-radius:8px; background:#13121a; color:#f1edf8; font:inherit; font-size:12px; }
#look-select { width:100%; min-width:0; padding:0 4px; }
#look-explorer button:hover { background:#282431; }
#look-note { font-size:12px; line-height:1.55; color:#c7bfce; min-height:74px; margin:12px 0; }
#look-explorer .look-help { font-size:10px; color:#91889e; line-height:1.5; margin:0 0 12px; }
#look-explorer #look-original { width:100%; background:transparent; color:#bdb3ca; }
.inventory-open #look-explorer { display:none; }
.look-review #fx { display:none; }
@media (max-width:760px) {
  #look-explorer { top:auto; bottom:max(8px, env(safe-area-inset-bottom)); left:12px; width:calc(100% - 24px); padding:10px 12px; }
  #look-explorer label { margin:0 0 7px; font-size:9px; }
  .look-navigation { grid-template-columns:36px 1fr 36px; }
  #look-note { font-size:10px; min-height:30px; margin:8px 0 0; line-height:1.45; }
  #look-explorer .look-help, #look-explorer #look-original { display:none; }
  .look-review #caption, .look-review #hint { display:none; }
  .look-review #inventory-launch[data-placement="bottom"] { bottom:148px; }
}
@media (min-width:761px) and (max-height:540px) {
  #look-explorer { top:65px; width:190px; padding:12px; }
  #look-explorer .look-help { display:none; }
}