.qs-search{position:relative;z-index:8;width:min(100%,1120px);margin:22px auto 28px;padding:clamp(16px,2.2vw,24px);border:1px solid rgba(147,164,203,.32);border-radius:22px;background:radial-gradient(ellipse at 8% 0%,rgba(86,116,225,.18),transparent 38%),radial-gradient(ellipse at 92% 100%,rgba(236,74,113,.12),transparent 34%),linear-gradient(140deg,rgba(20,26,43,.98),rgba(12,16,28,.98));box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);color:#f6f7ff}.qs-search:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(140,163,255,.7),rgba(255,255,255,.04) 48%,rgba(255,121,161,.56));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.game-select-view>.qs-search{margin-top:22px;margin-bottom:30px}.qs-search-top,.qs-search-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.qs-search-top>span{display:flex;align-items:center;gap:9px;color:#dfe5ff;font-size:11px;font-weight:850;letter-spacing:.14em}.qs-search-top>span i{width:8px;height:8px;border-radius:50%;background:#73f0cb;box-shadow:0 0 14px #73f0cb;animation:qsPulse 1.8s ease-in-out infinite}.qs-search-top>small{color:#a8b2cb;font-size:11px}.qs-search-form{display:flex;gap:10px;margin-top:14px}.qs-search-input-wrap{display:flex;min-width:0;flex:1;align-items:center;gap:12px;height:58px;padding:0 15px;border:1px solid rgba(181,194,226,.26);border-radius:14px;background:rgba(4,8,17,.78);transition:border-color .18s,box-shadow .18s}.qs-search-input-wrap:focus-within{border-color:#93a5ff;box-shadow:0 0 0 4px rgba(117,137,255,.16),0 0 24px rgba(105,131,255,.14)}.qs-search-input-wrap svg{width:20px;height:20px;flex:none;fill:none;stroke:#a6b3d7;stroke-width:1.8}.qs-search-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3}.qs-search-input-wrap input::placeholder{color:#8994ad}.qs-search-input-wrap kbd{flex:none;padding:3px 7px;border:1px solid rgba(187,198,228,.22);border-radius:6px;color:#aeb8d0;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2}.qs-search-form>button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:128px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(120deg,#7d8eff,#626de2 52%,#d35eaa);box-shadow:0 9px 25px rgba(104,108,230,.27);color:#fff;font-weight:850;cursor:pointer;transition:transform .16s,filter .16s}.qs-search-form>button:hover{transform:translateY(-2px);filter:brightness(1.1)}.qs-search-form>button span{font-size:18px}.qs-search-foot{margin-top:13px;align-items:flex-start}.qs-search-foot>span{padding-top:6px;color:#aab4cb;font-size:12px;line-height:1.45}.qs-search-suggestions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.qs-search-suggestions>small{padding:7px 3px;color:#8591ac;font-size:9px;font-weight:900;letter-spacing:.14em}.qs-search-suggestions button{padding:6px 10px;border:1px solid rgba(179,191,223,.18);border-radius:999px;background:rgba(132,148,200,.08);color:#d9dff1;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.qs-search-suggestions button:hover{border-color:rgba(151,168,255,.6);background:rgba(116,132,233,.2)}.qs-search-results{position:absolute;top:calc(100% - 16px);right:clamp(16px,2.2vw,24px);left:clamp(16px,2.2vw,24px);z-index:30;max-height:min(65vh,500px);overflow:auto;padding:9px;border:1px solid rgba(160,175,219,.32);border-radius:17px;background:rgba(11,15,27,.985);box-shadow:0 26px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}.qs-results-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;color:#e6e9f7;font-size:12px;font-weight:800}.qs-results-heading small{color:#8692ae;font-size:9px;letter-spacing:.13em}.qs-result{display:flex;align-items:center;gap:12px;min-height:68px;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:inherit;text-decoration:none;transition:background .14s,border-color .14s,transform .14s}.qs-result:hover,.qs-result:focus-visible{transform:translateX(2px);border-color:rgba(140,158,255,.3);outline:0;background:rgba(94,111,189,.17)}.qs-result>img,.qs-result-fallback{display:grid;width:48px;height:48px;flex:none;place-items:center;object-fit:contain;border:1px solid rgba(198,207,232,.12);border-radius:11px;background:radial-gradient(circle,rgba(92,114,195,.24),rgba(20,27,46,.7));color:#bbc7ff;font-size:17px;font-weight:900}.qs-result-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.qs-result-copy>b{overflow:hidden;color:#f5f6ff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.qs-result-copy>small{overflow:hidden;color:#a5b1d0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.qs-result-copy>em{display:-webkit-box;overflow:hidden;color:#8e99b0;font-size:10px;font-style:normal;line-height:1.35;-webkit-line-clamp:1;-webkit-box-orient:vertical}.qs-result-game{color:#a99cff!important;font-size:9px!important;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.qs-result-arrow{padding:8px;color:#aab5ff;font-size:16px}.qs-search-empty{display:grid;gap:6px;padding:20px 13px}.qs-search-empty b{color:#f5f6ff;font-size:13px}.qs-search-empty span{color:#a2acc2;font-size:12px;line-height:1.45}@keyframes qsPulse{50%{opacity:.48;box-shadow:0 0 5px #73f0cb}}@media(max-width:640px){.qs-search{margin:15px auto 22px;padding:14px;border-radius:17px}.qs-search-top{align-items:flex-start}.qs-search-top>span{font-size:9px}.qs-search-top>small{max-width:44%;text-align:right;font-size:9px}.qs-search-form{gap:7px}.qs-search-input-wrap{height:51px;gap:9px;padding:0 10px}.qs-search-input-wrap input{font-size:13px}.qs-search-input-wrap input::placeholder{font-size:11px}.qs-search-input-wrap kbd{display:none}.qs-search-form>button{min-width:76px;padding:0 10px;font-size:12px}.qs-search-form>button span{display:none}.qs-search-foot{display:block}.qs-search-foot>span{display:block;margin-bottom:9px;padding:0;font-size:11px}.qs-search-suggestions{justify-content:flex-start}.qs-search-suggestions>small{padding-left:1px}.qs-search-results{right:12px;left:12px;max-height:58vh}.qs-result{gap:9px;padding:8px}.qs-result>img,.qs-result-fallback{width:42px;height:42px}.qs-result-copy>em{display:none}}@media(prefers-reduced-motion:reduce){.qs-search-top>span i{animation:none}.qs-search *{scroll-behavior:auto!important;transition:none!important}}
