/* ═══ 19zze-op.css ═══ OP 取引所（19zze-op.js、2026-10-05）：IRM の使いみちのいちばん上のカード・頭の帯の OP */
.opbox{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--sur) 0%,color-mix(in srgb,var(--sur) 88%,#30c27a) 100%)}
.ophd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ophd>b{font-size:15px}
.opnx{font-size:12px;color:var(--dim)}
.opnx b{font-variant-numeric:tabular-nums;color:var(--tx)}
.optop{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:2px 0 6px}
.oppx{display:flex;align-items:baseline;gap:6px}
.oppx b{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.oppx small{color:var(--dim);font-size:12px}
.opch{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.opch small{font-weight:400;font-size:11px;color:var(--dim);margin-left:4px}
.opup,.opme b.opup{color:#30c27a}.opdn,.opme b.opdn{color:#e5484d}   /* .up は採掘のストアの行の名前なので使わない */
#opcv{display:block;width:100%;height:auto;aspect-ratio:640/150;border-radius:10px;background:rgba(0,0,0,.18);margin:4px 0 8px}
body.light #opcv{background:rgba(0,0,0,.04)}
.opstats,.opme{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--dim)}
.opstats b,.opme b{color:var(--tx);font-variant-numeric:tabular-nums}
.opme{margin-top:6px;padding:8px 10px;border-radius:10px;background:rgba(127,140,170,.1)}
.opme .n{font-size:16px}
.optrade{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.optrade #opn{width:72px;text-align:center;font-variant-numeric:tabular-nums}
.optrade .btn small{opacity:.8;font-weight:600;margin-left:4px}
.opnote{font-size:11.5px;color:var(--dim);margin:10px 0 0;line-height:1.6}
#opw[hidden]{display:none}
#opw b{color:#30c27a}
@media (max-width:560px){.oppx b{font-size:28px}.opstats,.opme{font-size:13px}}