:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#081524;color:#f1f8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#10525a55,transparent 55%),#081524}.top{min-height:78px;padding:12px max(18px,calc((100vw - 1100px)/2));border-bottom:1px solid #2b475f;display:flex;align-items:center;justify-content:space-between;gap:16px}.top img{display:block;max-width:min(240px,55vw);height:auto}.top a{color:#a3defe;text-decoration:none}main{max-width:1080px;margin:auto;padding:36px 20px 90px}.eyebrow{font-size:.75rem;letter-spacing:.17em;color:#52d0e3;font-weight:800}h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.1;margin:10px 0 12px}.lead{color:#b6c9d8;max-width:650px;line-height:1.65}.searchbox{margin:30px 0 12px;padding:20px;background:#10273e;border:1px solid #35536a;border-radius:16px}.searchbox label{font-weight:750;display:block;margin-bottom:10px}.input-wrap{display:flex;gap:10px}input{width:100%;min-width:0;border-radius:10px;border:1px solid #7791a5;background:#071827;color:white;font:inherit;padding:15px;outline-offset:3px}input:focus{outline:2px solid #55ceef}button{cursor:pointer;border-radius:9px;padding:11px 16px;font:inherit;font-weight:700;border:1px solid #4e7a91;background:#123d57;color:#e9f8ff}button:hover,button:focus-visible{border-color:#54cbea}#search-status,.muted{color:#b5cad8;font-size:.92rem;line-height:1.5}.result-heading{display:flex;align-items:center;justify-content:space-between}.result-heading h2{margin:22px 0 14px}.result-heading span{color:#94b8ca}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:11px;border:1px solid #31516c;background:#11263c;border-radius:13px;min-height:260px}.card img{width:100%;aspect-ratio:0.715;object-fit:contain;border-radius:7px;background:#071728}.card .placeholder{width:100%;aspect-ratio:.715;display:grid;place-items:center;background:#1b3549;border-radius:7px;color:#a4c3d3}.card strong{font-size:.95rem;line-height:1.3;margin-top:10px}.card small{font-size:.79rem;color:#a9c4d5;margin-top:4px}.selected{padding:20px;border-radius:16px;border:1px solid #f68c26;background:#142a3c;margin:25px 0}.selected h2{margin:0 0 15px}.selected-detail{display:flex;gap:20px;align-items:flex-start}.selected-detail img{width:145px;max-width:40%;border-radius:8px}.selected-detail h3{margin:4px 0 7px}.selected-detail p{color:#c3d4df;margin:7px 0}.selected button{margin-top:12px}#more-results{width:100%;margin-top:20px}.empty{padding:25px;border:1px dashed #3b637b;border-radius:12px;color:#b5ccdb}@media(max-width:480px){.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:8px;min-height:230px}.selected-detail img{width:110px}.searchbox{padding:15px}}
#want-form{margin:20px 0;padding:16px;border:1px solid #35566d;border-radius:12px;background:#081b2d}#want-form label{display:block;margin:14px 0 7px;font-weight:700}#want-form input,#want-form select{width:100%;padding:12px;border-radius:8px;border:1px solid #63859e;background:#081524;color:#fff;font:inherit}#save-want{width:100%;margin-top:19px;background:#ff8316;border:0;color:#101b2b}#want-status{min-height:1.6em;color:#9ee3f5}

#want-form .offer-flex{display:flex;align-items:flex-start;gap:10px;font-weight:600}#want-form .offer-flex input{width:20px;min-width:20px;height:20px;margin:2px 0 0;accent-color:#ff8316}

.market-reference{margin:15px 0;padding:13px;border:1px solid #426783;border-radius:10px;background:#091e30}.market-reference strong{color:#9dddf3}.market-reference p{font-size:.95rem;margin:9px 0;color:#fff;text-transform:capitalize}.market-reference small{display:block;color:#b0c9d8;line-height:1.5;margin-top:8px}

.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.search-filters label{display:block}.search-filters select{display:block;margin-top:8px;width:100%;padding:12px;color:#eff7ff;background:#081524;border:1px solid #7791a5;border-radius:9px;font:inherit}@media(max-width:600px){.search-filters{grid-template-columns:1fr}}

/* Make public visibility of buyer pricing explicit at the point of submission. */
.public-want-notice{border:1px solid #e6973f;background:#332616;color:#fff2db;border-radius:10px;padding:12px 14px;margin:13px 0}
.public-want-notice strong{display:block;color:#ffbb70;margin-bottom:5px}
.public-want-notice p{margin:0;line-height:1.5;font-size:.9rem}

/* Only printings documented for the selected TCGdex card are offered. */
#want-form .finish-fieldset{margin:14px 0 0;padding:11px 13px;border:1px solid #63859e;border-radius:9px}
#want-form .finish-fieldset legend{font-weight:700;padding:0 5px}
#want-form .finish-check{display:flex;gap:10px;align-items:center;font-weight:500}
#want-form .finish-check input{width:20px;min-width:20px;height:20px;accent-color:#ff8316}
#want-form .finish-fieldset[hidden]{display:none}

/* Compact selection workflow: two short rows instead of a tall stacked form. */
.selected{padding:14px 16px;margin:14px 0}
.selected h2{margin:0 0 10px;font-size:1.1rem}
.selected-detail{gap:14px}
.selected-detail img{width:105px;max-width:30%}
.selected-detail h3{margin:0 0 3px}
.selected-detail p{margin:4px 0;font-size:.88rem}
#want-form{margin:12px 0 4px;padding:12px 13px}
#want-form .want-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;align-items:start}
#want-form .want-field{min-width:0}
#want-form label{margin:0 0 4px;font-size:.88rem}
#want-form input,#want-form select{padding:9px 10px;min-height:40px}
#want-form #finish-status{margin:3px 0 0;font-size:.78rem;line-height:1.3}
#want-form .finish-fieldset{grid-column:1/-1;margin:2px 0;padding:7px 9px}
#want-form .offer-flex{margin:10px 0 0;align-items:center;font-size:.84rem}
#want-form .offer-flex input{margin:0}
.public-want-notice{margin:10px 0;padding:8px 10px}
.public-want-notice strong{margin-bottom:2px;font-size:.85rem}
.public-want-notice p{font-size:.78rem;line-height:1.35}
#save-want{margin-top:9px;padding:10px 14px}
#want-status{margin:6px 0 0;min-height:0}
.selected button#change-card{margin-top:5px;padding:7px 10px;font-size:.85rem}
.market-reference{margin:7px 0 0;padding:7px 10px}
.market-reference summary{cursor:pointer;color:#9dddf3;font-size:.84rem;font-weight:700}
.market-reference p{font-size:.84rem;margin:5px 0}
.market-reference small{margin-top:4px;font-size:.76rem}
@media(max-width:580px){
  .selected{padding:11px 12px}
  .selected-detail img{width:82px;max-width:28%}
  #want-form{padding:10px}
  #want-form .want-fields{gap:8px}
  #want-form label{font-size:.8rem}
  #want-form input,#want-form select{font-size:16px}
  #want-form .offer-flex{font-size:.8rem}
}
@media(max-width:360px){#want-form .want-fields{grid-template-columns:1fr}#want-form .finish-fieldset{grid-column:auto}}