===== FILE: public/ss/fx.css ===== /* hardened: every rule is scoped to #fx and !important so the site theme cannot restyle it */ #fx :where(h1,h2,h3,p,a,span,b,small,em,code,button,input,select,summary,li,ul,div,label){font-family:inherit !important;text-transform:inherit !important;letter-spacing:inherit !important;text-shadow:none !important;color:inherit !important;background-image:none;box-shadow:none !important;animation:none} /* THE FLEET EXCHANGE — red/black/gold, iPhone-first. lib/fleet-exchange.js */ #fx{--r:#e3122c !important;--rd:#7d0a16 !important;--g:#e8c36a !important;--g2:#f6dc8e !important;--g3:#b8862a !important;--bg:#07060a !important;--tx:#f2f2f2 !important;--mu:#a4a0a8 !important;color:var(--tx) !important;background:radial-gradient(900px 400px at 85% 0,#2a0810 0,transparent 60%),radial-gradient(700px 500px at 0 100%,#140a24 0,transparent 60%),var(--bg) !important;border:1px solid #3a2a12 !important;border-radius:14px !important;padding:10px !important;margin:6px auto 24px !important;max-width:1280px !important;box-sizing:border-box !important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;position:relative !important;overflow:hidden !important} #fx *{box-sizing:border-box !important} #fx a{color:inherit !important;text-decoration:none !important} #fx svg{display:block !important} #fx [hidden]{display:none !important} /* header */ #fx .fx-top{display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:"brand cart" "search search" !important;gap:10px !important;align-items:center !important;padding:10px !important;border:1px solid #4a3714 !important;border-radius:12px !important;background:linear-gradient(180deg,#141015,#09080b) !important;box-shadow:inset 0 0 0 1px rgba(232,195,106,.08) !important} #fx .fx-brand{grid-area:brand !important;display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important} #fx .fx-crest{width:46px !important;height:46px !important;flex:0 0 auto !important;filter:drop-shadow(0 3px 8px rgba(232,195,106,.35)) !important} #fx .fx-brand b{display:block !important;font:700 clamp(15px,4.3vw,30px)/1.05 Georgia,"Times New Roman",serif !important;letter-spacing:.03em !important;color:#fff !important;white-space:nowrap !important} #fx .fx-brand>span{min-width:0 !important} #fx .fx-brand small{display:block !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.22em !important;color:var(--g) !important;margin-top:4px !important} #fx .fx-search{grid-area:search !important;position:relative !important;margin:0 !important} #fx .fx-search .fx-ic{position:absolute !important;left:12px !important;top:50% !important;transform:translateY(-50%) !important;width:20px !important;height:20px !important;color:var(--g) !important} #fx .fx-search input{width:100% !important;height:46px !important;border-radius:12px !important;border:1px solid #6b5220 !important;background:#0c0b0e !important;color:#fff !important;padding:0 14px 0 42px !important;font-size:16px !important;outline:none !important;box-shadow:none !important;margin:0 !important} #fx .fx-search input:focus{border-color:var(--g) !important} #fx .fx-search input::placeholder{color:#8d8794 !important} #fx .fx-cartbtn{grid-area:cart !important;position:relative !important;width:58px !important;height:52px !important;border-radius:12px !important;border:1px solid #6b5220 !important;background:#0c0b0e !important;color:var(--g) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important} #fx .fx-cartbtn svg{width:30px !important;height:30px !important} #fx .fx-badge{position:absolute !important;top:-7px !important;right:-7px !important;min-width:22px !important;height:22px !important;border-radius:11px !important;background:var(--r) !important;color:#fff !important;font:800 12px/22px system-ui,sans-serif !important;text-align:center !important;padding:0 5px !important;border:2px solid #0c0b0e !important} #fx .fx-test{margin:10px 0 !important;border:1px solid var(--g3) !important;border-radius:10px !important;padding:8px 12px !important;font-size:13px !important;color:var(--g2) !important;background:repeating-linear-gradient(135deg,#231a04 0 10px,#1a1303 10px 20px) !important} #fx .fx-test code{background:#000 !important;color:#fff !important;border-radius:4px !important;padding:1px 5px !important} /* layout */ #fx .fx-body{display:block !important;margin-top:10px !important} #fx .fx-cats{display:flex !important;gap:8px !important;overflow-x:auto !important;padding:2px 2px 8px !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important} #fx .fx-cats::-webkit-scrollbar{display:none !important} #fx .fx-cats-h,#fx .fx-deck{display:none !important} #fx .fx-cat{flex:0 0 auto !important;display:flex !important;align-items:center !important;gap:8px !important;padding:9px 13px !important;bord