:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f5fa;background:#0b0e16;font-synthesis:none;--bg:#0b0e16;--panel:#141923;--muted:#87909e;--stroke:#272d39;--violet:#a18dff;--green:#66dcb6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:2px}[hidden]{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:260px;flex-shrink:0;position:sticky;top:0;height:100vh;border-right:1px solid #202530;background:#0e121b;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 9px 30px}.brand-symbol{background:linear-gradient(135deg,#8877fa,#b196fb);width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:27px;color:#fff;box-shadow:0 9px 30px #8a72f633}.brand b{display:block;letter-spacing:1.1px;font-size:18px}.brand b span{color:#aa99ff}.brand small{display:block;color:#697281;font-size:9px;letter-spacing:1.5px;margin-top:5px}.side-label{font-size:10px;color:#667080;letter-spacing:1.8px;font-weight:800;padding:12px 15px}.spacer-label{margin-top:22px}.nav-item{display:flex;width:100%;padding:12px 13px;align-items:center;gap:12px;color:#9fa7b5;background:transparent;border:0;text-align:left;border-radius:10px;font-size:13px;margin:2px 0}.nav-item span{font-size:18px;width:23px;text-align:center}.nav-item strong{margin-left:auto;font-size:11px;font-weight:700;color:#747d8b}.nav-item.selected{background:#26213c;color:#c9bdff}.nav-item.selected strong{color:#b09afc}.sidebar-bottom{margin-top:auto}.private-note{display:flex;gap:10px;border:1px solid #313048;background:linear-gradient(120deg,#201e32,#171b26);padding:14px;border-radius:13px}.private-note>span{font-size:21px;color:#a893f8}.private-note b{display:block;font-size:12px}.private-note small{display:block;color:#9396a5;font-size:11px;line-height:1.6;margin-top:4px}.plain-btn{background:none;color:#86909f;border:0;padding:18px 10px 0;font-size:12px}.plain-btn:hover,.text-button:hover{color:#fff}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #242938;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.breadcrumbs{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#717b8b}.breadcrumbs span{padding:0 12px;color:#424a5a}.breadcrumbs strong{color:#abb2c0}.top-actions{display:flex;gap:10px;align-items:center}.online-dot{width:6px;height:6px;background:#4ed9a5;border-radius:50%;box-shadow:0 0 0 4px #4ed9a521}.online-text{color:#939cac;font-size:11px}.icon-btn{background:#1a202c;border:1px solid #313746;color:#b1b9c8;border-radius:9px;width:31px;height:31px;font-size:22px;margin-left:10px}.main-content{max-width:1510px;margin:0 auto;padding:32px 50px 25px}.welcome{min-height:308px;position:relative;overflow:hidden;border:1px solid #38314c;border-radius:17px;padding:38px 45px;background:radial-gradient(ellipse at 84% 72%,#342557 0,transparent 47%),linear-gradient(115deg,#202139,#211a38 65%,#231b37);display:flex;justify-content:space-between}.welcome>div:first-child{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#b9a2ff}.eyebrow span{color:#ffcb93;margin-left:5px}.eyebrow.muted{color:#8275aa}.welcome h1{font-size:clamp(29px,3vw,43px);letter-spacing:-1.9px;line-height:1.2;margin:17px 0 11px;font-weight:800}.welcome h1 em{font-style:normal;color:#c0a6fc}.welcome p{color:#acabc5;font-size:13px;line-height:1.8}.welcome-buttons{display:flex;gap:10px;margin-top:26px}.primary-btn,.secondary-btn{border-radius:9px;padding:12px 17px;border:1px solid transparent;font-size:12px;font-weight:700}.primary-btn{background:#a28aff;color:#16102d}.primary-btn:hover{background:#baa9ff}.secondary-btn{background:#ffffff09;color:#e0d9f0;border-color:#74658766}.secondary-btn:hover{background:#ffffff14}.art{position:absolute;right:0;top:0;width:48%;height:100%;opacity:.9}.halo{position:absolute;border:1px solid #ad8cff55;border-radius:50%;top:-72px;right:2%;width:395px;height:395px;transform:rotate(25deg)}.halo-two{width:310px;height:310px;right:11%;top:-29px}.art-box{position:absolute;right:23%;top:52px;width:200px;height:240px;background:linear-gradient(135deg,#a688ec,#392865 64%,#1c2039);box-shadow:18px 20px 50px #070613aa,-4px -4px 15px #ae8bff22;transform:rotate(13deg);border:2px solid #c3aaff66;border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.art-box span{font-size:45px;color:#e1d1ff}.art-box b{font-size:23px;font-weight:900;letter-spacing:1px}.orb{position:absolute;border-radius:50%;background:#d5adff;filter:blur(1px)}.orb-one{width:10px;height:10px;top:36px;left:28%}.orb-two{width:6px;height:6px;right:17%;bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.stat{border:1px solid var(--stroke);border-radius:13px;padding:19px 20px;background:#131823}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.15px;color:#8e96a5}.stat-top span{font-size:17px;color:#8d80c9}.stat-value{font-size:36px;letter-spacing:-1.2px;font-weight:800;margin-top:12px}.stat-value small{color:#666f82;font-size:17px}.stat-foot{font-size:11px;color:#777f8f;margin-top:4px}.section{margin-top:38px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-head h2{font-size:23px;margin:6px 0 0;letter-spacing:-.7px}.text-button{background:none;border:0;color:#ae99ff;font-size:12px;font-weight:700}.connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.connect-card{background:#131823;border:1px solid #2a3040;border-radius:13px;padding:18px 17px;min-height:170px;display:flex;flex-direction:column}.connect-top{display:flex;align-items:center;gap:11px}.platform-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:900}.icon-steam{background:#203348;color:#a8d3f4}.icon-epic{background:#252a35;color:#f4f5f9}.icon-gog{background:#3d2357;color:#d8a8ff}.icon-xbox{background:#1d3a2d;color:#8de4a4}.connect-top h3{margin:0;font-size:13px}.state{font-size:10px;margin-top:5px;color:#9a94a6}.state.connected{color:var(--green)}.connect-text{margin:13px 0 15px;font-size:11px;line-height:1.6;color:#7e8799;flex:1}.connect-buttons{display:flex;gap:6px}.mini-btn{border:1px solid #393847;color:#cfc7e3;background:#242533;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:700;flex:1}.mini-btn:hover{border-color:#a18dff}.mini-btn.sync{background:#3c305f;border-color:#5b4b86;color:#e1d3ff}.library-section{margin-top:45px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:18px 0 20px}.search-wrap{background:#151a25;border:1px solid #2d3341;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;max-width:340px;flex:1}.search-wrap span{color:#737f92;font-size:25px}.search-wrap input{border:0;outline:0;color:#fff;background:transparent;padding:12px 0;font-size:12px;min-width:0;width:100%}.search-wrap input::placeholder{color:#727b8d}.toolbar-right{display:flex;gap:10px}select{background:#151a25;color:#c6ccda;border:1px solid #2d3341;border-radius:9px;padding:0 13px;font-size:11px;min-height:43px}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:17px}.game-card{border:1px solid #2a3040;border-radius:12px;overflow:hidden;background:#141923;min-width:0}.cover{height:175px;background:linear-gradient(155deg,#353255,#161f34);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{font-size:42px;color:#8674bb;opacity:.65}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14192344,transparent 70%);pointer-events:none;z-index:1}.multi-label{position:absolute;z-index:2;right:8px;top:9px;padding:6px 8px;font-size:9px;border-radius:6px;background:#191827d9;color:#dbc9ff;border:1px solid #6d5a99}.game-info{padding:13px 13px 14px}.game-info h3{margin:0 0 11px;font-size:12px;font-weight:700;line-height:1.45;min-height:34px;overflow-wrap:anywhere}.game-platforms{display:flex;flex-wrap:wrap;gap:5px}.platform-tag{display:inline-block;font-size:9px;font-weight:700;color:#c6c7d1;background:#282d3c;border-radius:5px;padding:5px 7px}.platform-tag.steam{background:#233448;color:#a9c8e7}.platform-tag.epic{background:#30333c;color:#e4e6ec}.platform-tag.gog{background:#3c2b4e;color:#e6baf8}.platform-tag.xbox{background:#1b3a2c;color:#9ce3b0}.game-meta{margin-top:11px;color:#778091;font-size:10px}.more-btn{display:block;border:0;background:none;color:#b09afc;font-size:11px;padding:10px 0 0}.empty{grid-column:1/-1;border:1px dashed #3b4051;border-radius:14px;text-align:center;padding:48px 20px;background:#121622}.empty-icon{font-size:40px;color:#9886d0}.empty h3{font-size:18px;margin:12px 0}.empty p{color:#9299a6;font-size:12px;line-height:1.8}.pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:#878e9a;font-size:12px}.pagination>div{display:flex;gap:10px}.page-btn{background:#202535;border:1px solid #353c4b;border-radius:8px;color:#d1ccde;padding:8px 12px;font-size:12px}footer{margin:55px 0 14px;padding:23px 0;border-top:1px solid #242a34;color:#666e7f;font-size:11px}footer span{padding:0 7px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#30264e,#0b0e16 55%)}.login-card{width:min(100%,420px);border:1px solid #42365d;background:#171a29;padding:38px;border-radius:19px;box-shadow:0 20px 90px #0007}.login-logo{background:#a28aff;color:#1a1230;width:55px;height:55px;border-radius:16px;display:grid;place-items:center;font-size:34px;margin-bottom:26px}.login-card h1{letter-spacing:-1px;font-size:35px;margin:12px 0}.login-card h1 span{color:#b4a2ff}.login-card p{font-size:13px;color:#9aa1b1;line-height:1.8;margin:0 0 25px}.login-card label{display:block;font-size:12px;margin-bottom:10px;color:#d2d5e1}.login-card input,.modal input,.modal select{width:100%;border:1px solid #454354;background:#111622;border-radius:9px;color:#fff;padding:12px;margin-bottom:15px;font-size:13px}.login-card .primary-btn{width:100%}.login-error{color:#ff9393;margin-top:12px;font-size:12px;min-height:16px}.modal-backdrop{position:fixed;z-index:9;inset:0;background:#05070dc9;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(100%,515px);max-height:90vh;overflow:auto;background:#191e2c;border:1px solid #494055;border-radius:15px;padding:29px 30px;box-shadow:0 25px 90px #0008}.modal h2{margin:10px 0 18px;font-size:25px;letter-spacing:-.4px}.modal-close{position:absolute;right:19px;top:17px;border:0;background:#303344;color:#cdd1d9;width:28px;height:28px;border-radius:7px;font-size:21px}.modal p,.modal li{font-size:12px;color:#a3abba;line-height:1.8}.modal label{font-size:11px;color:#d4d6e0;display:block;margin:12px 0 7px}.modal code{background:#0e121d;border:1px solid #363b4b;border-radius:5px;color:#baaffb;padding:3px 5px;overflow-wrap:anywhere}.modal .primary-btn{margin-top:5px}.modal .mini-btn.danger{color:#ffaeae;border-color:#6b3c46}.modal .row-list{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #343a49;padding:10px 0;color:#c9cbd7;font-size:12px}.modal .hint{font-size:10px;color:#878ea0}.toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:min(400px,calc(100vw - 40px));background:#30294c;color:#fff;border:1px solid #8270b8;box-shadow:0 10px 40px #0006;border-radius:10px;padding:13px 18px;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#4a2733;border-color:#985065}@media(max-width:1140px){.sidebar{width:225px}.main-content{padding:28px}.topbar{padding:0 28px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art{opacity:.45}}@media(max-width:800px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative;border-right:0;border-bottom:1px solid #252d3d;padding:12px 18px}.brand{padding:0}.side-label,.nav-item,.sidebar-bottom{display:none}.topbar{height:55px;padding:0 20px}.main-content{padding:20px}.welcome{padding:30px 24px;min-height:300px}.art{right:-25%;width:80%;opacity:.23}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search-wrap{max-width:none;flex-basis:100%}.toolbar-right{width:100%}.toolbar-right select{min-width:0;flex:1}.grid-list{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.cover{height:145px}}@media(max-width:490px){.stats{gap:8px}.stat{padding:13px}.stat-value{font-size:29px}.connection-grid{grid-template-columns:1fr}.welcome h1{font-size:30px}.welcome p{max-width:240px}.welcome-buttons{flex-direction:column;align-items:flex-start}.section-head h2{font-size:20px}.grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head .text-button{max-width:120px;text-align:right}}

/* Persisted background sync job monitor */
.jobs-section{margin-top:30px}.jobs-note{font-size:11px;color:#8a93a5}
.job-list{display:grid;gap:10px}.jobs-empty{font-size:12px;color:#9aa3b3;background:#141923;border:1px dashed #343d51;padding:19px;border-radius:10px}
.job-row{padding:15px 18px;background:#141923;border:1px solid #2d3546;border-radius:11px;min-width:0}
.job-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-heading{display:flex;align-items:baseline;gap:12px}.job-heading strong{font-size:13px}.job-heading small{color:#7e8ba0;font-size:10px}
.job-badge{border:1px solid #586070;color:#bbc1cd;background:#282e39;border-radius:6px;padding:5px 8px;font-size:10px;white-space:nowrap}
.job-badge.running,.job-badge.queued{color:#ded0ff;border-color:#68558f;background:#34274c}.job-badge.success{color:#8ee3bd;border-color:#33684f;background:#1d362d}.job-badge.error,.job-badge.interrupted{color:#ffadad;border-color:#713942;background:#3a2430}
.job-stage{font-size:12px;color:#c6ccda;margin:9px 0}.job-meta{display:flex;gap:15px;font-size:11px;color:#919bab}
.job-message{margin:10px 0 0;font-size:11px;color:#acb4c3}.job-error{color:#ffabab}
.job-indeterminate{height:4px;overflow:hidden;background:#2a3040;border-radius:4px;margin:11px 0 9px;position:relative}
.job-indeterminate:before{content:"";display:block;width:28%;height:100%;background:#a28aff;animation:jobs-slide 1.7s ease-in-out infinite alternate;border-radius:4px}
@keyframes jobs-slide{from{transform:translateX(0)}to{transform:translateX(260%)}}
@media(max-width:600px){.jobs-note{display:none}.job-heading{flex-direction:column;gap:3px}.job-top{align-items:flex-start}}

.device-types{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 3px}
.device-caption{font-size:9px;font-weight:700;letter-spacing:.7px;color:#8f99ab;margin-right:2px}
.device-tag{font-size:10px;font-weight:700;line-height:1.2;border:1px solid #436e80;border-radius:6px;padding:4px 8px;color:#a8e8f2;background:#18333c}
.device-tag.device-console{border-color:#4b7d58;color:#b0e7b8;background:#1b3326}

/* A played Xbox title does not establish purchase ownership. */
.history-tag{font-size:9px;border:1px solid #805b35;background:#302416;color:#f1ca99;padding:5px 7px;border-radius:5px}

/* Microsoft purchase evidence — intentionally distinct from Xbox play history */
.connect-buttons{flex-wrap:wrap}
.connect-buttons .mini-btn{min-width:100px}
.proof-tag,.proof-review-tag{display:inline-flex;align-items:center;margin-top:5px;padding:4px 7px;border-radius:6px;font-size:9px;line-height:1.4;font-weight:700}
.proof-tag{background:#174339;color:#9cecd3;border:1px solid #376e5c}
.proof-review-tag{background:#413524;color:#edcb90;border:1px solid #6f5838}
.evidence-list{max-height:330px;overflow-y:auto;margin-top:13px}
.evidence-list .row-list{overflow-wrap:anywhere}

/* Distinct user review vs critic scores, clickable game details */
.library-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.clickable-card{cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.clickable-card:hover{border-color:#7867a2;transform:translateY(-2px)}
.clickable-card:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.rating-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:10px 0 4px}
.rating-chip{display:inline-flex;gap:4px;align-items:center;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:650;white-space:nowrap;border:1px solid #444957;color:#cbd2e0;background:#222838}
.rating-chip strong{font-size:9px;font-weight:800;letter-spacing:.2px}
.rating-steam{background:#1d3446;border-color:#315b76;color:#b6dcf7}
.rating-critic{background:#37412a;border-color:#667e3c;color:#dbefb1}
.rating-igdb{background:#312a47;border-color:#64528d;color:#d7c8ff}
.rating-large{gap:8px;margin:12px 0}
.rating-large .rating-chip{padding:8px 10px;font-size:14px}
.rating-large .rating-chip strong{font-size:12px}
.modal:has(.game-detail){width:min(100%,775px)}
.detail-top{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px}
.detail-cover{border-radius:10px;overflow:hidden;background:#26263e;min-height:155px;display:grid;place-items:center}
.detail-cover img{width:100%;height:100%;max-height:200px;object-fit:cover}
.detail-head h3{font-size:19px;line-height:1.3;margin:0 0 12px}
.modal .detail-disclaimer{font-size:10px;color:#8d96a7;line-height:1.55;margin:12px 0 0}
.modal .detail-summary{font-size:13px;line-height:1.75;color:#c4cbd7;margin:22px 0}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:20px 0}
.detail-field{border:1px solid #343c4d;background:#151b28;border-radius:9px;padding:11px 12px;min-width:0}
.detail-label{display:block;font-size:10px;color:#8994a7;margin-bottom:6px}
.detail-value{display:block;font-size:12px;color:#e4e6ed;overflow-wrap:anywhere}
.detail-links{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}
.detail-external{color:#bba5ff;font-size:12px;font-weight:650}
.detail-external:hover{text-decoration:underline}
.detail-heading{font-size:14px;margin:22px 0 10px}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.detail-gallery a{min-width:0;overflow:hidden;border-radius:8px;background:#26263e;aspect-ratio:16/9}
.detail-gallery img{width:100%;height:100%;object-fit:cover}
.detail-actions{display:flex;margin-top:20px;border-top:1px solid #313848;padding-top:16px}
@media(max-width:590px){
 .detail-top{grid-template-columns:95px minmax(0,1fr);gap:12px}
 .detail-fields{grid-template-columns:1fr}
 .detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .library-actions{gap:8px}
 .rating-large .rating-chip{font-size:11px}
}

/* Live metadata scanning status shown within the owned games library */
.rating-progress{
  margin:-1px 0 20px;padding:16px 18px 15px;background:#181d2b;
  border:1px solid #494168;border-radius:12px;
}
.rating-progress-header,.rating-progress-meta{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.rating-progress-title{display:flex;align-items:center;gap:9px;font-size:12px;color:#e2d9ff}
.rating-progress-icon{color:#ad93ff;font-size:14px}
.rating-progress-percent{font-size:15px;color:#c9b6ff;font-variant-numeric:tabular-nums}
.rating-progress-track{
  overflow:hidden;height:7px;background:#303249;border-radius:999px;
  margin:12px 0 9px;
}
.rating-progress-fill{
  width:0;height:100%;background:linear-gradient(90deg,#8876ef,#c6a2ff);
  border-radius:999px;transition:width .4s ease;
}
.rating-progress-meta{color:#a4adbd;font-size:11px;font-variant-numeric:tabular-nums}
.rating-progress-current{color:#bdc4d4;font-size:11px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
.rating-progress-error{border-color:#845160;background:#271c2a}
.rating-progress-error .rating-progress-percent,.rating-progress-error .rating-progress-title{color:#ffb8c4}
.rating-progress-error .rating-progress-fill{background:#cc7580}
@media(max-width:620px){
 .rating-progress{padding:14px}
 .rating-progress-meta{align-items:flex-start;flex-direction:column;gap:4px}
}

/* Wanted / Hunting - regional storefront quotes, no implicit currency conversion */
.wanted-mode>.welcome,.wanted-mode>.stats,.wanted-mode>.connections,
.wanted-mode>.jobs-section,.wanted-mode>.library-section{display:none!important}
.wanted-section{min-height:480px}
.wanted-intro{color:#aab2c4;line-height:1.6;font-size:13px;margin:0 0 24px}
.wanted-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.wanted-metric{border:1px solid #363a4f;border-radius:12px;background:#191e2b;padding:16px}
.wanted-metric small{display:block;font-size:10px;letter-spacing:.7px;color:#9ba7bd}
.wanted-metric strong{display:block;font-size:26px;color:#f5f1ff;margin-top:7px}
.wanted-controls{display:flex;gap:12px;margin:20px 0;align-items:center;flex-wrap:wrap}
.wanted-controls>.search-wrap{flex:1;min-width:220px}
.wanted-controls select{min-height:42px;background:#191e2b;border:1px solid #353e54;border-radius:9px;color:#dce2ef;padding:8px 10px}
.wanted-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.wanted-card{background:#181d2a;border:1px solid #353d50;border-radius:14px;padding:18px;min-width:0;min-height:345px;display:flex;flex-direction:column;gap:0}
.wanted-card.wanted-hit{border-color:#448d76;box-shadow:inset 0 0 0 1px #326756}
.wanted-card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;min-height:67px}
.wanted-card h3{font-size:16px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}
.wanted-tag-row{display:flex;gap:6px;flex-wrap:wrap}
.wanted-tag{font-size:10px;color:#c6d9ff;padding:4px 7px;border:1px solid #3b5376;background:#23324a;border-radius:6px}
.wanted-currency{color:#ead3a3;border-color:#6f5938;background:#403324}
.wanted-owned{color:#9bdcc6;border-color:#31614b;background:#17382e}
.wanted-unknown{color:#ead5a1;border-color:#6b5d3d;background:#40392a}
.wanted-alert{font-size:11px;white-space:nowrap;color:#a5eec9;background:#1f4a3c;border:1px solid #3b8469;padding:6px 8px;border-radius:7px}
.wanted-price-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;margin-top:7px;border-bottom:1px solid #363e50;min-height:88px}
.wanted-price-stats>div small{display:block;color:#a5aec1;font-size:9px;letter-spacing:.4px;margin-bottom:7px}
.wanted-price-stats>div strong{font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wanted-quote{padding:9px 0;border-bottom:1px solid #30384a;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px}
.wanted-quote span{flex:1;min-width:0;overflow-wrap:anywhere;color:#c0c9d8}
.wanted-quote strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f1f5ff}
.wanted-shop-link{color:#b9a8ff;font-weight:650;font-size:10px;white-space:nowrap}
.wanted-shop-link:hover{text-decoration:underline}
.wanted-warning{font-size:11px;color:#f3d39f;line-height:1.6}
.wanted-timestamp{display:block;margin-top:12px;color:#8995a9;font-size:10px}
.wanted-note{color:#aab3c4;font-size:11px;margin:10px 0 0}
.wanted-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.wanted-source-note{margin-top:25px;color:#8d98ab;font-size:11px}
.wanted-empty{grid-column:1/-1;text-align:center;border:1px dashed #47455d;padding:45px 15px;border-radius:12px;color:#c4ccdc}
.wanted-empty h3{font-size:18px}
.wanted-empty p,.wanted-empty-quote{font-size:12px;color:#9eabc0}
.wanted-form input,.wanted-form select,.wanted-form textarea{display:block;width:100%;padding:10px;border:1px solid #4b5369;background:#111725;border-radius:8px;color:#e5e9f4;min-height:38px;font:inherit}
.wanted-form .primary-btn{margin-top:18px}
.wanted-history{max-height:400px;overflow:auto;margin-top:13px}
.wanted-history-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid #343b4a;font-size:11px;align-items:center}
@media(max-width:1100px){.wanted-grid{grid-template-columns:1fr}}
@media(max-width:630px){.wanted-metrics{grid-template-columns:1fr 1fr}.wanted-controls{align-items:stretch;flex-direction:column}.wanted-controls>.search-wrap{width:100%}.wanted-price-stats>div strong{font-size:16px}}

/* Indicative currency conversion does not alter a storefront's native price. */
.wanted-fx-estimate{margin:12px 0 5px;font-size:12px;line-height:1.6;color:#a2cfed;border-left:2px solid #6283bc;padding-left:10px}

/* Uniform compact Wanted cards: store counts never affect grid row height */
.wanted-card-head{min-width:0}
.wanted-card-status{min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;line-height:1.35}
.wanted-card-status span{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wanted-card-status .wanted-fx-mini{color:#a2cfed}
.wanted-card-status .wanted-status-muted{color:#9faac0}
.wanted-card-status .wanted-status-warning{color:#efd099}
.wanted-status-details{border:0;padding:5px 0;background:transparent;color:#c2abff;cursor:pointer;white-space:nowrap;font-size:10px;font-weight:650;flex-shrink:0}
.wanted-status-details:hover,.wanted-more-button:hover{text-decoration:underline}
.wanted-preview{height:75px;min-height:75px;border-top:1px solid #30384a}
.wanted-preview-row{height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2c3447;font-size:11px}
.wanted-preview-store{display:flex;gap:6px;min-width:0;align-items:center}
.wanted-preview-store span{color:#c5ccda;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wanted-preview-store small{color:#96c9b7;font-size:10px;white-space:nowrap}
.wanted-preview-row strong{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wanted-preview-empty{font-size:11px;color:#98a4b7;margin:13px 0}
.wanted-preview-more{height:35px;display:flex;align-items:center;justify-content:flex-start}
.wanted-more-button{border:0;background:transparent;color:#bca7ff;font-size:11px;font-weight:700;padding:6px 0;cursor:pointer;text-align:left}
.wanted-card-footer{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:0}
.wanted-card-footer .wanted-timestamp{margin-top:0;min-height:17px}
.wanted-card-actions .mini-btn{min-width:0;white-space:nowrap}
.modal:has(.wanted-offers-modal){width:min(100%,710px)}
.wanted-offers-intro p{margin:0 0 8px}
.wanted-owned-info{color:#8ed0ad!important}
.wanted-offers-columns,.wanted-offer-row{display:grid;grid-template-columns:minmax(0,1fr) auto 94px;gap:14px;align-items:center}
.wanted-offers-columns{margin-top:16px;padding:0 12px 9px;color:#8693a9;font-size:10px;border-bottom:1px solid #3b4153}
.wanted-offers-list{max-height:430px;overflow-y:auto}
.wanted-offer-row{padding:11px 12px;border-bottom:1px solid #30384b;font-size:12px}
.wanted-offer-row:hover{background:#20283a}
.wanted-offer-shop{min-width:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wanted-offer-shop strong{font-size:12px;color:#dce2ed;overflow-wrap:anywhere}
.wanted-offer-shop small{font-size:10px;color:#8ed0ae}
.wanted-offer-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wanted-offer-row .wanted-shop-link{text-align:right}
.wanted-offer-no-link{text-align:right;font-size:10px;color:#8190a6}
.wanted-notice{font-size:11px;color:#b8bfce;line-height:1.5}
@media(max-width:650px){
 .wanted-card{min-height:355px;padding:15px}
 .wanted-card-header{min-height:74px}
 .wanted-offers-columns,.wanted-offer-row{grid-template-columns:minmax(0,1fr) auto 77px;gap:8px}
 .wanted-offer-row{padding:10px 4px}
}

/* Compact, collapsible synchronization center */
.sync-panel{margin-top:22px}
.sync-panel-shell{background:#181d29;border:1px solid #353b50;border-radius:13px;padding:11px 17px 13px}
.sync-panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px;border:0;background:transparent;color:#e8eaf4;text-align:left;cursor:pointer}
.sync-panel-toggle:focus-visible{outline:2px solid #a58cf8;outline-offset:5px;border-radius:5px}
.sync-panel-heading,.sync-panel-heading-right{display:flex;align-items:center;gap:11px;min-width:0}
.sync-panel-heading{flex:1}
.sync-panel-glyph{width:30px;height:30px;border-radius:9px;background:#302a4a;color:#bba5ff;display:grid;place-items:center;font-size:23px;flex-shrink:0}
.sync-panel-names{min-width:0;display:flex;flex-direction:column;gap:2px}
.sync-panel-names strong{font-size:14px;line-height:1.2}
.sync-panel-names small{color:#99a4b6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-panel-badge{border-radius:6px;padding:5px 9px;font-size:10px;white-space:nowrap;background:#2b303d;border:1px solid #4a5062;color:#b9c1d2}
.sync-panel-badge.running{background:#34284c;border-color:#7157a1;color:#e3d5ff}
.sync-panel-badge.error{background:#3b252f;border-color:#844652;color:#ffb4bf}
.sync-panel-badge.success{background:#21372e;border-color:#406e56;color:#a4ebc5}
.sync-panel-chevron{color:#c9b9ff;font-size:20px;min-width:20px;text-align:center}
.sync-platform-status{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.sync-platform-chip{display:inline-flex;align-items:center;gap:7px;min-width:0;border:1px solid #384155;border-radius:7px;background:#242939;padding:5px 9px;color:#acb8ca;font-size:11px}
.sync-platform-chip strong{font-size:11px;color:#dce0ec}
.sync-platform-chip small{font-size:10px;color:#8e99aa}
.sync-platform-chip.running,.sync-platform-chip.queued{border-color:#6b5799;background:#2c2542}
.sync-platform-chip.success{border-color:#386a55;background:#1b332b}
.sync-platform-chip.error,.sync-platform-chip.interrupted{border-color:#80505a;background:#382630}
.sync-platform-chip.error small,.sync-platform-chip.interrupted small{color:#ffb2bd}
.sync-platform-icon{display:inline-grid;place-items:center;border-radius:5px;color:#b3a1ff;font-weight:700}
.sync-active-strip{margin-top:10px;padding-top:9px;border-top:1px solid #30394b}
.sync-active-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#d3c6fa}
.sync-active-line #syncActiveText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync-active-line #syncActiveStep{white-space:nowrap;color:#a8afc4}
.sync-active-bar{margin:7px 0 0;height:3px}
.sync-panel-details{border-top:1px solid #384053;margin-top:12px;padding-top:14px}
.sync-panel-details[hidden],.sync-active-strip[hidden]{display:none!important}
.sync-panel-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sync-panel-tools>span{color:#a8b4c6;font-size:11px}
.sync-panel-actions{display:flex;gap:8px;flex-wrap:wrap}
.sync-panel-action{flex:initial!important;min-width:85px}
.sync-panel-action:disabled{opacity:.45;cursor:not-allowed}
.sync-panel-hint{font-size:11px;color:#8c99ad}
.sync-panel-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.sync-panel-history-header strong{font-size:12px;color:#d7dce8}
.sync-history-link{border:0;background:transparent;color:#bda9ff;font-size:11px;font-weight:700;cursor:pointer}
.sync-history-link:hover{text-decoration:underline}
.sync-panel-details .job-row{padding:11px 13px}
.sync-panel-details .job-stage{margin:5px 0}
.sync-panel-details .job-message{margin:5px 0 0}
.sync-history-modal{min-width:0}
.modal:has(.sync-history-modal){width:min(100%,700px)}
.sync-history-list{max-height:min(58vh,620px);overflow-y:auto;padding-right:3px}
.sync-history-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:#abb4c6;font-size:11px}
.sync-history-pagination .mini-btn{flex:initial!important}
.sync-history-pagination .mini-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:650px){
 .sync-panel-shell{padding:10px 12px}
 .sync-panel-heading-right{gap:6px}
 .sync-panel-badge{padding:4px 6px;font-size:9px}
 .sync-platform-chip{padding:5px 7px;gap:5px}
 .sync-panel-names small{max-width:190px}
 .sync-platform-chip small{font-size:9px}
 .sync-panel-actions{width:100%}
 .sync-panel-action{flex:1!important}
}
