body:has(#ff){background:#07080c}#ff{--bg:#07080c;--panel:#0e1116;--panel-2:#141b22;--line:#1e2731;--ink:#eef2ef;--muted:#93a29a;--accent:#16a34a;--accent-2:#22c55e;--accent-soft:#86efac;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}#ff *{box-sizing:border-box}#ff h1,#ff h2,#ff h3{margin:0;line-height:1.14}#ff a{color:inherit;text-decoration:none}#ff .ff-hero{background:radial-gradient(1200px 520px at 50% -12%,#16a34a33,transparent 62%),var(--bg);border-bottom:1px solid var(--line);padding:104px 20px 80px}#ff .ff-hero-inner{text-align:center;max-width:840px;margin:0 auto;position:relative}#ff .ff-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);margin:0 0 20px;font-size:.72rem;font-weight:700}#ff .ff-hero h1{letter-spacing:-.025em;color:#f5faf6;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:900}#ff .ff-sub{color:var(--muted);max-width:660px;margin:20px auto 34px;font-size:clamp(1rem,2.1vw,1.2rem)}#ff .ff-search{gap:8px;max-width:580px;margin:0 auto;display:flex;position:relative}#ff .ff-search input{border:1.6px solid var(--accent);color:#fff;background:#1c2531;border-radius:12px;outline:none;flex:1;min-width:0;padding:16px 18px;font-family:inherit;font-size:1rem}#ff .ff-search input::placeholder{color:#93a79c}#ff .ff-search input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #16a34a4d}#ff .ff-search button{background:var(--accent);color:#03130a;cursor:pointer;border:0;border-radius:12px;padding:0 24px;font-family:inherit;font-size:1rem;font-weight:800;transition:background .15s}#ff .ff-search button:hover{background:var(--accent-2)}#ff .ff-results{background:var(--panel);border:1px solid var(--line);z-index:30;text-align:left;border-radius:12px;max-height:62vh;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 24px 50px #00000080}#ff .ff-results .rhead{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 16px;font-size:.72rem}#ff .ff-results .ritem{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}#ff .ff-results .ritem:hover{background:var(--panel-2)}#ff .ff-results .rdot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}#ff .ff-results .rn{color:#f5faf6;font-size:.98rem;font-weight:700;display:block}#ff .ff-results .rk{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin:1px 0 3px;font-size:.72rem;display:block}#ff .ff-results .rv{color:var(--muted);font-size:.86rem;line-height:1.45;display:block}#ff .ff-results .rnone{color:var(--muted);padding:16px;font-size:.9rem}#ff .ff-cat{max-width:1080px;margin:0 auto;padding:40px 20px 4px}#ff .ff-cat-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);border-bottom:1px solid var(--line);margin:0 0 18px;padding-bottom:10px;font-size:.82rem;font-weight:800}#ff .ff-grid{gap:18px;display:grid}#ff .ff-grid-4{grid-template-columns:repeat(4,1fr);gap:18px}#ff .ff-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;transition:transform .16s,border-color .16s,background .16s}#ff .ff-card:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-4px)}#ff .ff-cat .ff-card{aspect-ratio:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 18px;display:flex;position:relative}#ff .ff-card-icon{font-size:2.5rem;line-height:1}#ff .ff-cat .ff-card h3{color:#f5faf6;font-size:1.16rem;font-weight:800;line-height:1.25}#ff .ff-card-soon{opacity:.55}#ff .ff-soon{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.7rem;display:block;position:absolute;bottom:14px;left:0;right:0}#ff .ff-cat-all{color:var(--muted);margin:16px 0 0;font-size:.9rem;font-weight:700;display:inline-block}#ff .ff-cat-all:hover{color:var(--accent-2)}#ff .ff-foot{border-top:1px solid var(--line);text-align:center;margin-top:60px;padding:36px 20px}#ff .ff-foot p{color:var(--muted);margin:0;font-size:.9rem}#ff .ff-foot a{color:var(--accent-2)}#ff .ff-foot a:hover{color:#fff}#ff .ff-stats{max-width:680px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:30px auto 0;font-size:.92rem;display:flex}#ff .ff-stats span{padding-right:26px;position:relative}#ff .ff-stats span:after{content:"";background:var(--line);width:1px;position:absolute;top:3px;bottom:3px;right:0}#ff .ff-stats span:last-child{padding-right:0}#ff .ff-stats span:last-child:after{display:none}#ff .ff-stats b{color:#f5faf6;font-weight:800}#ff .ff-topwrap{padding-top:36px}#ff .ff-live{color:var(--accent-2);vertical-align:middle;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-left:10px;font-size:.6rem;display:inline-flex}#ff .ff-dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;animation:2s infinite ffpulse}@keyframes ffpulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}#ff .ff-top{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}#ff .ff-topcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:15px 18px;transition:transform .16s,border-color .16s,background .16s;display:flex}#ff a.ff-topcard:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-3px)}#ff .ff-rankbadge{color:#06140c;border:2.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}#ff .ff-rankbadge.good{background:#22c55e;border-color:#22c55e}#ff .ff-rankbadge.warn{background:#e0b24a;border-color:#e0b24a}#ff .ff-rankbadge.bad{background:#d6674e;border-color:#d6674e}#ff .ff-rankbadge.sold{opacity:.5;text-decoration:line-through}#ff .ff-topmain{flex:auto;min-width:0}#ff .ff-topmain h3{color:#f5faf6;flex-wrap:wrap;align-items:center;gap:8px;font-size:1.02rem;font-weight:800;display:flex}#ff .ff-soldtag{color:#fff;letter-spacing:.05em;background:#d6674e;border-radius:4px;padding:.14em .5em;font-size:.56rem;font-weight:800}#ff .ff-topmeta{color:var(--muted);margin:3px 0 5px;font-size:.84rem}#ff .ff-topmeta b{color:#cdd6cf}#ff .ff-topnote{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.45;display:-webkit-box;overflow:hidden}#ff .ff-topscore{flex:none;align-self:center;font-size:1.5rem;font-weight:800}#ff .ff-topscore.good{color:#22c55e}#ff .ff-topscore.warn{color:#e0b24a}#ff .ff-topscore.bad{color:#d6674e}#ff .ff-topfoot{flex-wrap:wrap;gap:8px 22px;margin-top:16px;display:flex}@media (width<=720px){#ff .ff-top{grid-template-columns:1fr}}@media (width<=860px){#ff .ff-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#ff .ff-hero{padding:84px 18px 56px}#ff .ff-search{flex-direction:column}#ff .ff-search button{padding:14px}}@media (width<=480px){#ff .ff-grid-4{grid-template-columns:1fr}#ff .ff-cat .ff-card{aspect-ratio:auto;min-height:130px}}