body.has-build-finder { overflow:hidden; }
.pro-hero-tile.is-finder-ready { border-color:#c5a364; background-color:#292215; }.pro-hero-tile.is-finder-pending { border-color:#40392c; }
.pro-hero-tile .finder-availability { display:block; padding-top:5px; color:#b5a98f; white-space:normal; line-height:1.4; }.pro-hero-tile.is-finder-ready .finder-availability { color:#efd29a; }
.build-finder { box-sizing:border-box; width:min(820px,calc(100vw - 40px)); max-width:none; height:fit-content; max-height:calc(100dvh - 48px); padding:0; border:1px solid #665334; border-radius:16px; background:#100f0c; color:#eadfc7; box-shadow:0 18px 60px #0008; overflow:hidden; color-scheme:dark; }
.build-finder::backdrop { background:#070807d9; }
.build-finder[open] { display:flex; flex-direction:column; }
.finder-head { display:flex; justify-content:space-between; gap:16px; flex-shrink:0; padding:20px 24px; border-bottom:1px solid #352f22; background:linear-gradient(115deg,#292215,#15120e 60%); }
.finder-identity { display:flex; align-items:center; gap:14px; min-width:0; }.finder-identity img { object-fit:contain; }
.finder-head h2 { margin:3px 0 0; font-size:28px; letter-spacing:-.035em; overflow-wrap:anywhere; }
.finder-head .product-eyebrow,.finder-step-label { margin:0; color:#ceb57f; font-size:10px; font-weight:600; letter-spacing:.12em; }
.finder-close { flex-shrink:0; width:44px; height:44px; padding:0; border:1px solid #51452e; border-radius:50%; background:#211c13; color:#dfd0b2; font-size:24px; cursor:pointer; }
.finder-body { min-height:140px; overflow:auto; padding:24px; overscroll-behavior:contain; }
.finder-step h3 { margin:8px 0; font-size:24px; line-height:1.25; letter-spacing:-.03em; }
.finder-intro,.finder-empty,.finder-loading { color:#c0b49c; font-size:13px; line-height:1.7; }
.finder-intro { margin:8px 0 22px; }
.finder-styles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.finder-style { display:flex; flex-direction:column; gap:10px; min-width:0; padding:20px; color:#eadfc7; border:1px solid #4d422e; border-radius:10px; background:#1c1911; text-decoration:none; }
.finder-style:first-child { grid-column:1/-1; background:#292215; border-color:#9e8351; }
.finder-style:hover { background:#302819; border-color:#d4b47b; }.finder-style strong { font-size:17px; }.finder-style span { color:#c0b49c; font-size:12px; line-height:1.6; }.finder-style b { margin-top:auto; padding-top:8px; color:#e3c78d; font-size:12px; }
.finder-footer { display:flex; justify-content:space-between; flex-wrap:wrap; column-gap:16px; flex-shrink:0; border-top:1px solid #352f22; padding:8px 24px 14px; }.finder-footer p { flex-basis:100%; margin:2px 0 0; color:#b1a58e; font-size:11px; line-height:1.5; }
.finder-link { display:inline-flex; align-items:center; min-height:44px; color:#e3c78d; text-underline-offset:4px; font-size:12px; }
.finder-result-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-10px 0 10px; }.finder-result-nav p { color:#c0b49c; font-size:12px; }
.finder-results { display:grid; gap:14px; }
.finder-recommendation { min-width:0; padding:22px; border:1px solid #655330; border-radius:12px; background:#211c12; }.finder-recommendation.is-alternative { background:#17150f; border-color:#3d3628; }
.finder-recommendation h3 { margin:8px 0; font-size:23px; line-height:1.3; letter-spacing:-.025em; overflow-wrap:anywhere; }.finder-recommendation.is-alternative h3 { font-size:18px; }
.finder-match { margin:4px 0; color:#bbae94; font-size:11px; line-height:1.5; }.finder-reason { margin:16px 0 10px; color:#eadfc7; font-size:13px; line-height:1.7; }
.finder-performance { color:#bbae94; font-size:11px; line-height:1.5; }.finder-performance .is-win { color:#a4d8b7; }
.finder-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; list-style:none; padding:0; margin:18px 0; }.finder-items li { display:flex; align-items:center; gap:7px; min-width:0; font-size:10px; line-height:1.5; color:#cbbd9e; }.finder-items img { flex-shrink:0; object-fit:contain; border-radius:4px; }.finder-items span { overflow-wrap:anywhere; }
.finder-game-access { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:18px; }.finder-game-id { color:#f1e7cf; font:600 21px/1.3 monospace; user-select:all; overflow-wrap:anywhere; }
.finder-copy,.finder-open { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:44px; padding:11px 16px; border-radius:7px; font:600 12px/1.5 Inter,sans-serif; cursor:pointer; }
.finder-copy { border:1px solid #dfc18a; background:#e0c38b; color:#17130c; }.finder-copy:hover { background:#ecd4a7; }.finder-copy:disabled { opacity:.6; cursor:wait; }
.finder-open { border:1px solid #69593b; color:#e7d3ac; text-decoration:none; }.finder-open:hover { background:#302819; }
.finder-copy-status { min-height:0; margin:8px 0 0; color:#c6dcb7; font-size:11px; line-height:1.6; }.finder-copy-status:empty { display:none; }.finder-use { border-top:1px solid #4a3e28; padding-top:14px; margin:16px 0 0; color:#cfc1a4; font-size:12px; line-height:1.7; }
.build-finder :focus-visible { outline:2px solid #e6c483; outline-offset:4px; }.build-finder h2:focus,.build-finder h3:focus { outline:none; }
@media(max-width:600px) {
 .build-finder { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); border-radius:12px; }
 .finder-head { padding:14px; }.finder-head h2 { font-size:24px; }.finder-identity { gap:10px; }.finder-identity img { width:40px; height:40px; }
 .finder-body { padding:16px; }.finder-step h3 { font-size:22px; }.finder-styles { grid-template-columns:1fr; }.finder-style { padding:16px; gap:7px; }
 .finder-footer { padding:6px 16px 12px; }.finder-recommendation { padding:16px; }.finder-recommendation h3 { font-size:21px; }
 .finder-items { grid-template-columns:repeat(2,minmax(0,1fr)); }.finder-game-access { gap:10px; }.finder-game-id { flex-basis:100%; font-size:24px; }
 .finder-copy,.finder-open { flex:1; }.finder-result-nav { margin-top:-6px; }
}