
.ff-wrap{max-width:1100px;margin:30px auto;padding:0 16px;font-family:Arial,sans-serif;color:#fff}
.ff-wrap *{box-sizing:border-box}
.ff-hero{background:radial-gradient(circle at 50% 20%,#202c48 0,#09101f 60%,#050914 100%);border-radius:22px;padding:55px 25px;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.25);border:1px solid #25324d}
.ff-kicker{color:#ffc400;font-weight:800;letter-spacing:1px}
.ff-hero h1{font-size:clamp(36px,7vw,74px);line-height:.95;margin:14px 0;font-weight:900;color:#fff}
.ff-hero h1 span{color:#ffc400}
.ff-hero p{color:#c6cede;margin:20px 0 0;font-size:18px}
.ff-search-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:-1px;background:#0d1627;border:1px solid #283752;border-radius:18px;padding:18px}
.ff-step{background:#111c2e;border:1px solid #263550;border-radius:14px;padding:18px}
.ff-step-title{font-weight:800;margin-bottom:13px}
.ff-step-title b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffc400;color:#111;border-radius:50%;margin-left:8px}
.ff-version-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ff-version,.ff-search-row input,.ff-request-form input,.ff-request-form textarea{font:inherit}
.ff-version{background:#172238;color:#fff;border:1px solid #2c3b56;border-radius:10px;padding:13px;cursor:pointer}
.ff-version.active{border-color:#ffc400;color:#ffc400;box-shadow:inset 0 0 0 1px #ffc400}
.ff-search-row{display:flex;gap:10px}
.ff-search-row input{width:100%;background:#070e1b;color:#fff;border:1px solid #31415d;border-radius:10px;padding:14px}
.ff-primary,#ff-search-btn{background:#ffc400;color:#111;border:0;border-radius:10px;padding:13px 18px;font-weight:900;cursor:pointer;white-space:nowrap}
.ff-result{margin-top:18px}
.ff-settings-result{background:#08101d;border:1px solid #ffc400;border-radius:18px;padding:22px}
.ff-result-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.ff-result-head h2{margin:0;font-size:28px}
.ff-game-tag{color:#111;background:#ffc400;border-radius:30px;padding:7px 12px;font-weight:800}
.ff-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ff-setting{background:#111c2e;border:1px solid #263550;border-radius:12px;padding:14px}
.ff-setting small{display:block;color:#9ba8bd;margin-bottom:5px}
.ff-setting strong{font-size:21px}
.ff-extra{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ff-extra div{background:#111c2e;border-radius:10px;padding:12px}
.ff-extra span{display:block;color:#9ba8bd;font-size:12px;margin-bottom:5px}
.ff-copy{margin-top:16px}
.ff-copy.ok{background:#39d98a}
.ff-not-found{background:#0b1423;border:1px solid #e5484d;border-radius:18px;padding:25px}
.ff-not-found h2{margin:10px 0}
.ff-request-box{margin-top:18px;background:#0d1627;border:1px solid #263752;border-radius:18px;padding:25px}
.ff-request-box h2{margin:10px 0;font-size:26px}
.ff-request-box p{color:#aeb8c9}
.ff-badge{display:inline-block;background:#ff4650;color:#fff;border-radius:20px;padding:6px 10px;font-weight:800;font-size:12px}
.ff-request-form{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.ff-request-form.show{display:grid}
.ff-request-form input,.ff-request-form textarea{background:#070e1b;color:#fff;border:1px solid #31415d;border-radius:10px;padding:13px}
.ff-request-form textarea{grid-column:1/-1}
.ff-request-form button{grid-column:1/-1;justify-self:start}
.ff-success{background:#0c2b20;border:1px solid #39d98a;color:#b9ffdd;border-radius:12px;padding:14px;margin-bottom:12px}
@media(max-width:750px){
 .ff-wrap{padding:0 10px;margin:15px auto}
 .ff-hero{padding:38px 15px}
 .ff-hero h1{font-size:42px}
 .ff-search-card{grid-template-columns:1fr;padding:12px}
 .ff-search-row{flex-direction:column}
 #ff-search-btn{width:100%}
 .ff-setting-grid{grid-template-columns:1fr 1fr}
 .ff-extra{grid-template-columns:1fr 1fr}
 .ff-request-form{grid-template-columns:1fr}
 .ff-request-form textarea,.ff-request-form button{grid-column:auto}
 .ff-result-head{align-items:flex-start;flex-direction:column}
}

.ff-engine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.ff-engine-grid select,.ff-engine-grid input{width:100%;background:#070e1b;color:#fff;border:1px solid #31415d;border-radius:10px;padding:13px;font:inherit}
.ff-advanced #ff-search-btn{width:100%;margin-top:4px}
@media(max-width:750px){.ff-engine-grid{grid-template-columns:1fr 1fr}}

.ff-suggestions{display:none;position:absolute;z-index:9999;top:calc(100% + 5px);right:0;left:0;background:#0b1423;border:1px solid #ffc400;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.4);max-height:320px;overflow-y:auto}
.ff-suggestions.show{display:block}.ff-suggestion{display:block;width:100%;text-align:right;background:#0b1423;color:#fff;border:0;border-bottom:1px solid #202d42;padding:13px 14px;cursor:pointer;font:inherit}.ff-suggestion:hover{background:#172238;color:#ffc400}.ff-no-suggest{padding:14px;color:#aeb8c9}.ff-search-row{position:relative}.ff-search-row input.selected{border-color:#39d98a;box-shadow:0 0 0 1px #39d98a}
