/* Import modal (Inventory > Screenshots). Uses the dashboard's tokens; every class starts with imx- so nothing leaks. */
.imx-back{position:fixed;inset:0;z-index:80;background:rgba(5,6,10,.62);backdrop-filter:blur(3px)}
.imx{position:fixed;inset:18px;z-index:81;max-width:1480px;margin:0 auto;display:flex;flex-direction:column;
  background:var(--bg-elev,#12151c);color:var(--fg,#e6e8ee);border:1px solid var(--line-strong,#2f3646);border-radius:16px;
  box-shadow:0 40px 120px -30px #000;overflow:hidden;font:13.5px/1.45 var(--font,system-ui)}
@media(max-width:900px){.imx{inset:0;border-radius:0}}
.imx button,.imx input,.imx select{font:inherit;color:inherit}
.imx-head{display:flex;align-items:center;gap:16px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--line,#232835)}
.imx-head h2{font-size:15.5px;margin:0;font-weight:650;white-space:nowrap}
.imx-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--fg-faint,#6b7385);flex-wrap:wrap}
.imx-steps li{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--line,#232835)}
.imx-steps li::before{content:attr(data-n);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--bg-elev-2,#181c25);font:600 11px var(--mono,monospace)}
.imx-steps li.done{color:var(--fg-muted,#9aa3b5)}.imx-steps li.done::before{content:"✓";background:var(--good-soft);color:var(--good,#34d399)}
.imx-steps li.on{color:var(--fg);border-color:var(--accent-strong,#8b5cf6)}.imx-steps li.on::before{background:var(--accent,#a78bfa);color:#1b1230}
.imx-steps b{color:var(--fg);font-weight:600}
.imx-meta{margin-left:auto;font-size:12px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imx-meta b{color:var(--fg-muted)}
.imx-x{background:none;border:0;color:var(--fg-faint);font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}
.imx-x:hover{background:var(--bg-elev-2);color:var(--fg)}
.imx-note{padding:6px 20px;font-size:12.5px;color:var(--warn,#fbbf24);background:var(--warn-soft);border-bottom:1px solid var(--line)}.imx-note:empty{display:none}
.imx-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.imx-bar:empty{display:none}
.imx-seg{display:flex;background:var(--bg,#0b0d12);border:1px solid var(--line);border-radius:9px;padding:2px}
.imx-seg button{background:none;border:0;padding:4px 10px;border-radius:7px;cursor:pointer;color:var(--fg-muted);white-space:nowrap}
.imx-seg button.on{background:var(--bg-elev-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}
.imx-seg .n{font:600 11px var(--mono);color:var(--fg-faint);margin-left:5px}.imx-seg button.on .n{color:var(--accent)}
.imx-seg button[data-f=look] .n{color:var(--warn)}
.imx-search{flex:1;min-width:150px;max-width:300px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:5px 10px}
.imx select,.imx .dd{width:auto;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:5px 8px}
.imx .dd{height:auto;min-height:30px}
.imx-rail select,.imx-rail .dd{width:100%}
.imx-ghost{background:transparent;border:1px solid var(--line-strong);border-radius:9px;padding:5px 11px;cursor:pointer;white-space:nowrap}
.imx-ghost:hover:not(:disabled){border-color:var(--accent-strong)}.imx-ghost:disabled{opacity:.5;cursor:default}
.imx-ai{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}
.imx-primary{background:var(--accent);color:#1b1230;border:0;border-radius:10px;padding:8px 16px;font-weight:650;cursor:pointer;white-space:nowrap}
.imx-primary:hover:not(:disabled){filter:brightness(1.07)}.imx-primary:disabled{opacity:.55;cursor:default}
.imx-spacer{flex:1}
.imx-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}
.imx-body.solo{grid-template-columns:1fr}
@media(max-width:1100px){.imx-body{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:820px){.imx-body{grid-template-columns:1fr}.imx-rail{display:none}}
.imx-list{overflow:auto;min-height:0}
.imx-thead,.imx-row{display:grid;grid-template-columns:34px 36px minmax(160px,1fr) 118px 66px 58px 158px;align-items:center;gap:0 10px;padding:0 14px}
.imx-thead{position:sticky;top:0;z-index:2;height:30px;background:var(--bg-elev);border-bottom:1px solid var(--line);font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}
.imx-row{height:38px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 38px}
.imx-row:hover{background:var(--bg-elev-2)}.imx-row.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.imx-row.done .imx-nm input{color:var(--fg-muted)}
.imx-ck input{width:16px;height:16px;accent-color:var(--good);cursor:pointer}
.imx-th{display:block;border-radius:6px;background-color:#fff;background-repeat:no-repeat;flex:none}
.imx-nm{display:flex;align-items:center;gap:6px;min-width:0}
.imx-nm input{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;font-weight:550}
.imx-nm input:hover{border-color:var(--line)}.imx-nm input:focus{outline:none;border-color:var(--accent-strong);background:var(--bg)}
.imx-nm input::placeholder{color:var(--warn);font-weight:400}
.imx-ics{display:inline-flex;gap:3px;flex:none}
.imx-ic{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font:700 10.5px/1 system-ui;color:#fff;flex:none}
.imx-ic.m{border-radius:4px;background:#7034e8}.imx-ic.n{background:#8ac83e}.imx-ic.f{background:#4296d4}.imx-ic.r{background:#de3270}
.imx-ic.c{background:linear-gradient(135deg,#e5484d,#f5a524,#46a758,#3e63dd,#8e4ec6)}
.imx-word{display:inline-block;padding:1px 6px;border-radius:9px;background:var(--bg-elev-2,var(--bg-elev));color:var(--fg);font:600 10.5px/1.5 system-ui;flex:none}
.imx-tg{display:flex;gap:4px}
.imx-t{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-strong);background:transparent;color:var(--fg-faint);font:700 10.5px system-ui;cursor:pointer;padding:0}
.imx-t[data-t=mega]{border-radius:5px}.imx-t.on{color:#fff;border-color:transparent}
.imx-t.on[data-t=mega]{background:#7034e8}.imx-t.on[data-t=neon]{background:#8ac83e}.imx-t.on[data-t=fly]{background:#4296d4}.imx-t.on[data-t=ride]{background:#de3270}.imx-t.on[data-t=chroma]{background:linear-gradient(135deg,#e5484d,#f5a524,#46a758,#3e63dd,#8e4ec6)}
.imx-warn{color:var(--warn);font-size:12px;margin-top:4px}
.imx-qt{font:600 13px var(--mono);text-align:right}.imx-qt small{color:var(--fg-faint);font-weight:400}
.imx-sqn{font:12px var(--mono);color:var(--fg-faint);text-align:right}
.imx-st{display:flex;gap:5px;align-items:center;overflow:hidden;white-space:nowrap}
.imx-pill{font:500 10.5px var(--mono);border-radius:5px;padding:1px 6px;border:1px solid var(--line-strong);color:var(--fg-faint)}
.imx-pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.imx-pill.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}
.imx-pill.new{color:var(--info,#60a5fa);border-color:color-mix(in srgb,var(--info,#60a5fa) 45%,transparent)}
.imx-empty{padding:40px;text-align:center;color:var(--fg-faint)}
.imx-tiles{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:6px;padding:12px 14px}
.imx-tile{position:relative;width:64px;height:64px;border-radius:9px;overflow:hidden;cursor:pointer;outline:2px solid transparent;outline-offset:1px}
.imx-tile.sel{outline-color:var(--accent)}.imx-tile.look::after{content:"";position:absolute;inset:0;border:2px solid var(--warn);border-radius:9px;pointer-events:none}
.imx-tile .c,.imx-mem .c{position:absolute;left:3px;bottom:3px;background:#7034e8;color:#fff;font:700 10px var(--mono);padding:1px 4px;border-radius:4px}
.imx-tile .g{position:absolute;right:3px;bottom:3px;background:#000b;color:#fff;font:600 9.5px var(--mono);padding:0 4px;border-radius:4px}
.imx-rail{border-left:1px solid var(--line);overflow:auto;min-height:0;padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}
.imx-rail>*{flex-shrink:0}
.imx-rhead{display:flex;gap:12px;align-items:center}
.imx-rtitle{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:650;flex-wrap:wrap}
.imx-rsub{color:var(--fg-muted);font-size:12.5px;margin-top:3px}
.imx-field{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--fg-faint)}
.imx-field input,.imx-field select,.imx-field .dd{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:14px;color:var(--fg)}
.imx-field input:focus{outline:2px solid var(--accent-strong);outline-offset:-1px}
.imx-rtg{display:flex;gap:6px}.imx-rtg .imx-t{width:30px;height:30px;font-size:12.5px}.imx-rtg .imx-t[data-t=mega]{border-radius:7px}
.imx-flag{font-size:12px;color:var(--warn)}.imx-flag::before{content:"● ";font-size:9px;vertical-align:1px}
.imx-mline{font-size:12px;color:var(--fg-muted)}.imx-mline b{color:var(--fg);font-weight:550}.imx-why{font-size:12px;color:var(--fg-faint)}
.imx-h3{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);margin-top:4px}
.imx-members{display:grid;grid-template-columns:repeat(auto-fill,52px);grid-auto-rows:52px;gap:6px;max-height:182px;overflow:auto;padding:3px}
.imx-mem{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;outline:2px solid transparent;outline-offset:1px}
.imx-mem.sel{outline-color:var(--accent)}.imx-mem.bad .c{background:var(--warn);color:#000}
.imx-mtools{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-muted);flex-wrap:wrap}
.imx-mtools input{width:62px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px 6px}
.imx-loc{position:relative;line-height:0;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.imx-loc img{width:100%}.imx-lbox{position:absolute;border:2px solid var(--accent);border-radius:6px;box-shadow:0 0 0 999px #0007}
.imx-lmark{position:absolute;border:1.5px dashed #fff;border-radius:3px}
.imx-lcap{font-size:11.5px;color:var(--fg-faint);margin-top:-6px}
.imx-keys{font-size:11px;color:var(--fg-faint);line-height:1.9;margin-top:auto}
.imx kbd{font:10.5px var(--mono);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:0 4px;color:var(--fg-muted)}
.imx-foot{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 20px;border-top:1px solid var(--line);background:var(--bg-elev-2);flex-wrap:wrap}
.imx-tot{font-size:13px;color:var(--fg-muted)}.imx-tot b{color:var(--fg);font:650 14px var(--mono)}.imx-tot .w{color:var(--warn)}
/* upload and done steps */
.imx-pane{overflow:auto;padding:28px;display:grid;place-items:start center}
.imx-drop{width:min(760px,100%);border:1.5px dashed var(--line-strong);border-radius:16px;padding:34px;text-align:center;background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s}
.imx-drop.over{border-color:var(--accent);background:var(--accent-soft)}
.imx-drop h3{margin:0 0 6px;font-size:17px}.imx-drop p{margin:4px 0;color:var(--fg-muted)}
.imx-files{width:min(760px,100%);margin-top:16px;display:flex;flex-direction:column;gap:6px}
.imx-file{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev-2);font-size:13px}
.imx-file .s{font:12px var(--mono);color:var(--fg-faint)}.imx-file.ok .s{color:var(--good)}.imx-file.bad .s{color:var(--bad,#f87171)}.imx-file.busy .s{color:var(--accent)}
.imx-done{width:min(620px,100%);text-align:center;padding-top:30px}.imx-done h3{font-size:22px;margin:10px 0}
.imx-done .big{font:700 44px var(--mono);color:var(--good)}
.imx-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}
.imx-toast.on{opacity:1}

/* the page before the modal: game, then bot */
.imx-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.imx-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--fg);cursor:pointer;text-align:left;font:inherit}
.imx-choice:hover{border-color:var(--accent)}
.imx-choice.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.imx-choice .faint{font-size:12px}
.imx-head,.imx-note,.imx-bar,.imx-foot{flex-shrink:0}
@media(max-width:640px){.imx-steps,.imx-meta{display:none}.imx-head{justify-content:space-between}}
.imx-cats{display:flex;flex-wrap:wrap;gap:6px}
.imx-cat{padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:600 13px system-ui;cursor:pointer}
.imx-cat:hover{border-color:var(--line-strong)}
.imx-cat.on{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.imx-catneed{color:var(--warn);font-size:11.5px}
.imx-choice--row{flex-direction:row;align-items:center;gap:10px;min-width:190px}
.imx-choice__logo{width:36px;height:36px;border-radius:9px;object-fit:cover;flex:none}
.imx-choice__text{display:flex;flex-direction:column;gap:2px;min-width:0}
/* removing items and squares; the Not recognized tray and its catalog picker */
.imx-mem.gone{opacity:.35}
.imx-mem.gone::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.25) 6px 8px)}
.imx-st .imx-rm{margin-left:auto;font-size:16px;padding:2px 6px}.imx-st .imx-ghost.imx-rm{font-size:12px}
.imx-seg .n.w{color:var(--warn)}
.imx-row.imx-unrec .imx-nm .imx-why{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imx-rtools{display:flex;gap:8px;margin:6px 0}
.imx-picks{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto;margin:4px 0 8px}
.imx-pickrow{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev-2,var(--bg-elev));color:var(--fg);cursor:pointer;text-align:left;font:inherit;font-size:13px}
.imx-pickrow:hover,.imx-pickrow:focus{border-color:var(--accent)}
.imx-pickrow img{width:32px;height:32px;object-fit:contain}