/* SHELFLINGS: a companion-led home, a working base and an upgrade laboratory.
   Presentation only. Existing game controls, rarity colors and map art remain. */
html[data-ui-theme="binance"] body.home-layout { --sf-home-width:1240px; }
/* The legacy pixel type rule is important; keep that face for artwork only. */
html[data-ui-theme="binance"] body.home-layout :is(.sf-hero,.sf-home-section,#box,#world-section,#fusion) :is(h1,h2,h3,h4,button,.btn) { font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important; }
html[data-ui-theme="binance"] body.home-layout :is(.sf-eyebrow,.sf-section-index) { display:block;margin:0 0 20px;color:var(--sf-primary);font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase; }
html[data-ui-theme="binance"] body.home-layout :is(.sf-hero h1,.sf-home-section h2,.sf-lab-heading h2,#world-section>.sec-head h2) { font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.055em;text-transform:none; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .home-intro { display:block;width:100%;max-width:var(--sf-home-width);min-height:0;margin:0 auto;padding:calc(var(--nav-offset,124px) + 62px) 32px 0; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .sf-hero { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:52px 64px;align-items:center;padding:0;margin:0; }
html[data-ui-theme="binance"] .sf-hero-copy { min-width:0; }
html[data-ui-theme="binance"] body.home-layout .sf-hero h1 { margin:0 0 26px;font-size:clamp(38px,4vw,60px);font-weight:730;line-height:1.2;color:var(--sf-text); }
html[data-ui-theme="binance"] .sf-hero h1 .sf-hero-accent { color:var(--sf-primary); }
html[data-ui-theme="binance"] .sf-hero h1 [data-i18n="hero_l1"] { color:var(--sf-text)!important; }
html[data-ui-theme="binance"] body.home-layout .sf-hero h1 span { max-width:100%;white-space:normal;overflow-wrap:break-word; }
html[data-ui-theme="binance"] body.home-layout .sf-hero .tagline { max-width:39ch;font:16px/1.9 system-ui,sans-serif;color:var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout .sf-hero .cta-row { display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:30px 0 0; }
html[data-ui-theme="binance"] body.home-layout .sf-hero .btn { min-height:50px;padding:13px 21px;font:650 14px/1.5 system-ui,sans-serif;border-radius:8px; }
html[data-ui-theme="binance"] .sf-hero-note { margin:20px 0 0;color:var(--sf-subtle);font:12px/1.7 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-base-preview { position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:22px 24px 0;background:linear-gradient(145deg,#23272e,#14171b);border:1px solid var(--sf-border);border-radius:8px;box-shadow:12px 12px 0 #fcd5350a; }
html[data-ui-theme="binance"] .sf-base-preview::before { content:"";position:absolute;z-index:-1;inset:50px 0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000,transparent); }
html[data-ui-theme="binance"] :is(.sf-base-preview-head,.sf-base-preview-foot) { display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.09em;color:var(--sf-muted); }
html[data-ui-theme="binance"] .sf-base-preview-head i { flex:1;border-top:1px solid #48515d; }
html[data-ui-theme="binance"] .sf-base-orbit { position:relative;display:grid;place-items:center;width:232px;height:232px;max-width:100%;margin:20px auto 5px;border:1px dashed #fcd53538;border-radius:50%; }
html[data-ui-theme="binance"] .sf-base-orbit::before { content:"";position:absolute;inset:19px;border:1px solid #fcd53512;border-radius:50%; }
html[data-ui-theme="binance"] .sf-base-orbit img { width:160px;height:160px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 20px #0004); }
html[data-ui-theme="binance"] .sf-orbit-mark { position:absolute;right:5px;top:39px;padding:0 4px;background:var(--sf-surface);font:24px/1 monospace;color:var(--sf-primary); }
html[data-ui-theme="binance"] .sf-preview-crew { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 22px; }
html[data-ui-theme="binance"] .sf-preview-crew>span { display:grid;justify-items:center;gap:12px;padding:12px 4px;background:#0b0e1180;border:1px solid #343b4666;border-radius:6px; }
html[data-ui-theme="binance"] .sf-preview-crew canvas { width:64px;height:64px;max-width:100%;image-rendering:pixelated; }
html[data-ui-theme="binance"] .sf-preview-crew small { color:var(--sf-subtle);font:9px/1.4 ui-monospace,monospace; }
html[data-ui-theme="binance"] .sf-base-preview-foot { margin:0 -24px;padding:17px 24px;border-top:1px solid var(--sf-border);background:#fcd53509;color:var(--sf-primary); }
html[data-ui-theme="binance"] .sf-base-preview-foot>span:last-child { font-size:20px; }
html[data-ui-theme="binance"] .sf-journey { grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border); }
html[data-ui-theme="binance"] .sf-journey a { position:relative;display:grid;grid-template-columns:28px 1fr;gap:7px 10px;align-content:center;min-height:116px;padding:22px 25px 22px 0;text-decoration:none;color:var(--sf-text); }
html[data-ui-theme="binance"] .sf-journey a+a { padding-left:22px;border-left:1px solid var(--sf-border); }
html[data-ui-theme="binance"] .sf-journey a>span { grid-row:1/3;font:11px/1.8 ui-monospace,monospace;color:var(--sf-primary); }
html[data-ui-theme="binance"] .sf-journey strong { font:650 15px/1.6 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-journey small { grid-column:2;color:var(--sf-subtle);font:12px/1.6 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-journey b { position:absolute;right:12px;top:24px;color:var(--sf-subtle);font-weight:400; }
html[data-ui-theme="binance"] .sf-journey a:hover { background:#fcd53506; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout :is(#mint,#collection,#box,#market,#about) { width:100%;max-width:var(--sf-home-width);margin:0 auto;padding:88px 32px; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout :is(#mint,#collection,#box,#market,#about)>.sec-head { text-align:left;margin:0 0 30px; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout :is(#mint,#box,#collection) .sec-head h2 { margin:0;font:700 clamp(27px,3vw,38px)/1.3 system-ui,sans-serif;letter-spacing:-.035em; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .sec-head p { max-width:68ch;margin:14px 0 0;color:var(--sf-muted);font:14px/1.9 system-ui,sans-serif; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint>.sec-head { display:block; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-launch-note { display:none; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-card { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:36px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface); }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-stage { padding:24px;grid-template-columns:132px minmax(0,1fr);gap:24px;background:linear-gradient(145deg,#252a33,#181a20);border:1px solid var(--sf-border);border-radius:6px; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint :is(.av-wrap,.av-wrap canvas) { width:132px;height:132px; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-info { align-self:center; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-info h3 { font:650 25px/1.4 system-ui,sans-serif; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint #mintBtn { width:auto;min-width:220px;border-radius:8px; }
html[data-ui-theme="binance"][data-app-page="home"] #mint.is-minted>.mint-complete { display:block;min-height:280px;padding:36px 44px;border-radius:8px;border:1px solid var(--sf-border); }
html[data-ui-theme="binance"][data-app-page="home"] #mint.is-minted>.mint-complete::before { background:linear-gradient(90deg,#181a20 0%,#181a20f0 42%,#181a2099 70%,#181a2055 100%),url("assets/brand/shelflings-mascot-transparent.png") right center/auto 90% no-repeat; }
html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete h2 { font:650 clamp(24px,2.6vw,34px)/1.4 system-ui,sans-serif;letter-spacing:-.035em; }
html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete-mark { display:none; }
html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete-kicker { color:var(--sf-primary);font:650 11px/1.5 system-ui,sans-serif;letter-spacing:.14em; }
html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete-status { top:30px;right:30px;min-height:0;padding:7px 12px;border-radius:5px;background:var(--sf-accent-soft);border-color:#f0b90b38;color:var(--sf-primary);font-size:11px; }
html[data-ui-theme="binance"][data-app-page="home"] #collection .coll-row { display:flex;flex-wrap:wrap;gap:16px; }
html[data-ui-theme="binance"][data-app-page="home"] #collection .coll-item { border-radius:8px; }
html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #box { display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:24px 40px;border-top:1px solid var(--sf-border); }
html[data-ui-theme="binance"][data-app-page="home"] #box>.sec-head { grid-column:1/-1; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-roll { align-self:stretch;padding:28px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface); }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-roll h3 { font:650 19px/1.5 system-ui,sans-serif; }
html[data-ui-theme="binance"][data-app-page="home"] #box>.mint-card { align-self:stretch;min-width:0;border-radius:8px;padding:28px;background:var(--sf-surface);border:1px solid var(--sf-border); }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-picker { gap:10px; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-card { border-radius:6px; }
html[data-ui-theme="binance"][data-app-page="home"] #box .hl-limited-shop-entry { border-radius:6px;box-shadow:none;min-height:64px; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-inventory-actions { display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;width:100%;margin:6px 0 0; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-inventory-actions #boxBtn { flex:none;width:100%;height:46px;min-height:46px;min-width:0;margin:0;border-radius:6px; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-inventory-row { display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:40px;flex:none;border-bottom:1px solid var(--sf-border); }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-inventory-status { color:var(--sf-muted);font:12px/20px system-ui,sans-serif;font-variant-numeric:tabular-nums; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-inventory-open { flex:none;min-width:0;min-height:36px;padding:5px 0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--sf-primary);font:600 12px/20px system-ui,sans-serif; }
html[data-ui-theme="binance"] #box .box-inventory-open[hidden] { display:none; }
html[data-ui-theme="binance"][data-app-page="home"] #box .box-stock-hint { width:100%;max-width:none;min-height:36px;margin:0;color:var(--sf-muted);font:11px/18px system-ui,sans-serif;text-align:left; }
/* Keep the interface still. Motion belongs inside the companion or opening canvas. */
html[data-ui-theme="binance"] body.home-layout #box :is(.hl-limited-shop-entry,.box-roll,.box-roll-art,.reveal-wrap) { transform:none;animation:none; }
html[data-ui-theme="binance"] #box .hl-limited-shop-entry::before,html[data-ui-theme="binance"] #box .hl-limited-shop-entry::after { animation:none; }
html[data-ui-theme="binance"] #box .hl-limited-shop-entry::after { display:none; }
html[data-ui-theme="binance"] .sf-section-intro h2 { max-width:26ch;margin:0;color:var(--sf-text);font:700 clamp(28px,3vw,38px)/1.35 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-section-intro>p { color:var(--sf-muted);font:15px/1.8 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-destination-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px; }
html[data-ui-theme="binance"] .sf-destination { position:relative;display:flex;flex-direction:column;min-width:0;min-height:310px;padding:34px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface);color:var(--sf-text);text-decoration:none;overflow:hidden; }
html[data-ui-theme="binance"] .sf-destination-number { position:absolute;top:10px;right:22px;color:#fcd5350c;font:700 110px/1 system-ui,sans-serif;letter-spacing:-.08em;pointer-events:none; }
html[data-ui-theme="binance"] .sf-destination-label { position:relative;color:var(--sf-primary);font:650 11px/1.5 system-ui,sans-serif;letter-spacing:.08em; }
html[data-ui-theme="binance"] .sf-destination h3 { position:relative;margin:24px 0 12px;font:650 27px/1.4 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-destination p { max-width:40ch;margin:0 0 30px;color:var(--sf-muted);font:14px/1.8 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-destination-link { display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid var(--sf-border);color:var(--sf-primary);font:650 14px/1.5 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-destination:hover { border-color:#80691e;background:#202219; }
html[data-ui-theme="binance"] .sf-world-notes { display:flex;align-items:center;gap:36px;padding:32px 0 0;color:var(--sf-muted); }
html[data-ui-theme="binance"] .sf-world-notes>div { display:flex;align-items:baseline;gap:9px; }
html[data-ui-theme="binance"] .sf-world-notes strong { color:var(--sf-text);font:650 26px/1.4 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-world-notes span { font-size:12px;white-space:nowrap; }
html[data-ui-theme="binance"] .sf-world-notes p { margin:0 0 0 auto;font-size:12px;line-height:1.8; }
html[data-ui-theme="binance"][data-app-page="home"] .sf-community-section { width:100%;max-width:var(--sf-home-width);padding:0 32px 88px;margin:auto; }
html[data-ui-theme="binance"][data-app-page="home"] .sf-community-section #localGuildPrelaunchBanner { margin:0;max-width:none;width:100%; }
html[data-ui-theme="binance"] body.home-layout :is(.sf-journey a,.sf-destination,.sf-text-link,.sf-base-guide a):focus-visible { outline:2px solid var(--sf-primary);outline-offset:5px; }
/* The base is a workspace: an orientation strip, compact live bulletin and map. */
html[data-ui-theme="binance"][data-app-page="land"] body.home-layout #world-section { max-width:1440px;padding:calc(var(--nav-offset,124px) + 42px) 32px 64px; }
html[data-ui-theme="binance"][data-app-page="land"] #world-section>.sec-head { max-width:900px;text-align:left;margin:0 0 26px; }
html[data-ui-theme="binance"][data-app-page="land"] #world-section>.sec-head h2 { margin:0;font-size:46px;font-weight:700;line-height:1.25; }
html[data-ui-theme="binance"][data-app-page="land"] #world-section>.sec-head p { margin:14px 0 0;color:var(--sf-muted);font:15px/1.8 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-base-guide { display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:19px 0;margin-bottom:24px;border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border); }
html[data-ui-theme="binance"] .sf-base-guide>span { display:flex;align-items:center;gap:10px;color:var(--sf-muted);font-size:13px; }
html[data-ui-theme="binance"] .sf-base-guide b { color:var(--sf-primary);font:11px/1.5 ui-monospace,monospace; }
html[data-ui-theme="binance"] .sf-base-guide a { margin-left:auto;color:var(--sf-primary);font:600 12px/1.5 system-ui,sans-serif;text-decoration:none; }
html[data-ui-theme="binance"][data-app-page="land"] .land-weather-bulletin { padding:20px;border-radius:8px; }
html[data-ui-theme="binance"][data-app-page="land"] .land-workspace { grid-template-columns:238px minmax(0,1fr);gap:28px; }
html[data-ui-theme="binance"][data-app-page="land"] .land-sidebar #worldSwitcher .ws-card { border-radius:8px; }
html[data-ui-theme="binance"][data-app-page="land"] .world-stage { border-radius:8px; }
html[data-ui-theme="binance"][data-app-page="land"] .world-gate { padding:48px;border-radius:8px;border:1px solid var(--sf-border);text-align:left; }
/* One primary lab, with future base research as a quiet secondary row. */
html[data-ui-theme="binance"][data-app-page="fusion"] body.home-layout #fusion { max-width:var(--sf-home-width);padding:calc(var(--nav-offset,124px) + 54px) 32px 88px;min-height:80vh; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-heading { max-width:860px;margin:0 0 36px;text-align:left; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-heading h2 { margin:0;font-size:48px;font-weight:700;line-height:1.25; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-heading p { margin:18px 0;color:var(--sf-muted);font:16px/1.8 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-text-link { display:inline-block;color:var(--sf-primary);font:600 13px/1.5 system-ui,sans-serif;text-decoration:none; }
html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches { display:grid;grid-template-columns:1fr;gap:22px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .fusion-workbench { border-radius:8px;box-shadow:none; }
html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbench::before { display:none; }
html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .sf-companion-lab { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto;gap:44px;align-items:stretch;padding:34px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual { display:flex;flex-direction:column;justify-content:center;padding:28px;background:linear-gradient(145deg,#232a32,#13171c);border:1px solid var(--sf-border);border-radius:5px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual .fusion-slot-preview { min-height:192px;margin:0 -12px;padding:15px 0;background:transparent;border:0;box-shadow:none;overflow:visible; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual .fusion-slot-preview::after { display:none; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual>p { margin:12px 0 0;font:12px/1.8 system-ui,sans-serif;color:var(--sf-muted); }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-copy { padding:10px 0; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-copy h3 { font:650 30px/1.35 system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 16px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-copy>p { font-size:14px;line-height:1.85; }
html[data-ui-theme="binance"] .sf-lab-steps { display:grid;gap:0;width:100%;padding:0;margin:2px 0 24px;list-style:none; }
html[data-ui-theme="binance"] .sf-lab-steps li { display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--sf-border);color:var(--sf-muted);font:13px/1.6 system-ui,sans-serif; }
html[data-ui-theme="binance"] .sf-lab-steps b { color:var(--sf-primary);font:11px/1.8 ui-monospace,monospace; }
html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .land-fusion-workbench { display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;min-height:0;padding:25px 30px;background:transparent; }
html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench>.sf-section-index { width:150px;margin:0;color:var(--sf-subtle); }
html[data-ui-theme="binance"][data-app-page="fusion"] .sf-land-lab-copy { flex:1;min-width:200px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench h3 { font:600 20px/1.5 system-ui,sans-serif; }
html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench p { margin:7px 0 0;font-size:13px; }
html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench .btn { margin:0; }
@media(max-width:1000px){
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .sf-hero { gap:40px 32px;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr); }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-card { gap:24px;padding:24px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-stage { grid-template-columns:1fr;justify-items:center;text-align:center; }
 html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-identity { width:100%; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .sf-companion-lab { gap:26px;padding:26px; }
}
@media(max-width:850px){
 html[data-ui-theme="binance"][data-app-page="land"] .land-workspace { grid-template-columns:1fr;gap:20px; }
 html[data-ui-theme="binance"] .sf-base-guide { gap:15px; }
}
@media(max-width:700px){
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .home-intro { padding:calc(var(--nav-offset,174px) + 32px) 20px 0; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout .sf-hero { grid-template-columns:1fr;gap:32px; }
 html[data-ui-theme="binance"] body.home-layout .sf-hero h1 { font-size:36px;line-height:1.25; }
 html[data-ui-theme="binance"] body.home-layout .sf-hero .tagline { max-width:none;font-size:14px;line-height:1.9; }
 html[data-ui-theme="binance"] body.home-layout .sf-hero .cta-row { margin-top:24px;gap:10px; }
 html[data-ui-theme="binance"] body.home-layout .sf-hero .btn { flex:1;min-width:140px;padding:12px;font-size:12px; }
 html[data-ui-theme="binance"] .sf-base-preview { padding:16px 18px 0; }
 html[data-ui-theme="binance"] .sf-base-orbit { width:178px;height:178px;margin:15px auto 5px; }
 html[data-ui-theme="binance"] .sf-base-orbit img { width:126px;height:126px; }
 html[data-ui-theme="binance"] .sf-preview-crew { padding-bottom:16px; }
 html[data-ui-theme="binance"] .sf-preview-crew canvas { width:54px;height:54px; }
 html[data-ui-theme="binance"] .sf-base-preview-foot { margin:0 -18px;padding:13px 18px; }
 html[data-ui-theme="binance"] .sf-journey { grid-template-columns:1fr 1fr; }
 html[data-ui-theme="binance"] .sf-journey a { min-height:103px;grid-template-columns:20px 1fr;gap:4px 7px;padding:16px 20px 16px 0; }
 html[data-ui-theme="binance"] .sf-journey a+a { padding-left:14px; }
 html[data-ui-theme="binance"] .sf-journey a:nth-child(3) { padding-left:0;border-left:0; }
 html[data-ui-theme="binance"] .sf-journey a:nth-child(n+3) { border-top:1px solid var(--sf-border); }
 html[data-ui-theme="binance"] .sf-journey strong { font-size:13px; }
 html[data-ui-theme="binance"] .sf-journey small { font-size:10px; }
 html[data-ui-theme="binance"] .sf-journey b { right:4px;top:16px;font-size:12px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout :is(#mint,#collection,#box,#market,#about) { padding:56px 20px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-card { grid-template-columns:1fr;gap:24px;padding:20px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-stage { grid-template-columns:108px minmax(0,1fr);gap:16px;padding:18px;text-align:left; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint :is(.av-wrap,.av-wrap canvas) { width:108px;height:108px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint .mint-info h3 { font-size:22px; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #mint #mintBtn { width:100%;min-width:0; }
 html[data-ui-theme="binance"][data-app-page="home"] #mint.is-minted>.mint-complete { min-height:310px;padding:28px 24px; }
 html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete-status { position:static;width:max-content;display:inline-flex;margin:8px 0 2px; }
 html[data-ui-theme="binance"][data-app-page="home"] #mint .mint-complete p { font-size:13px; }
 html[data-ui-theme="binance"][data-app-page="home"] #collection .coll-row { flex-wrap:nowrap;overflow:auto; }
 html[data-ui-theme="binance"][data-app-page="home"] body.home-layout #box { display:flex;flex-direction:column;gap:22px; }
 html[data-ui-theme="binance"][data-app-page="home"] #box>.sec-head { margin-bottom:0; }
 html[data-ui-theme="binance"][data-app-page="home"] #box :is(.box-roll,.mint-card) { width:100%;padding:20px; }
 html[data-ui-theme="binance"][data-app-page="home"] #box .box-roll-art { max-width:190px;margin:auto; }
 html[data-ui-theme="binance"][data-app-page="home"] #box .box-picker { gap:6px; }
 html[data-ui-theme="binance"][data-app-page="home"] #box .box-card { padding:12px 4px; }
 html[data-ui-theme="binance"][data-app-page="home"] #box .box-bias { font-size:10px; }
 html[data-ui-theme="binance"] .sf-destination-grid { grid-template-columns:1fr;gap:16px; }
 html[data-ui-theme="binance"] .sf-destination { padding:28px;min-height:280px; }
 html[data-ui-theme="binance"] .sf-world-notes { flex-wrap:wrap;gap:20px; }
 html[data-ui-theme="binance"] .sf-world-notes p { flex-basis:100%;margin:0; }
 html[data-ui-theme="binance"][data-app-page="home"] .sf-community-section { padding:0 20px 56px; }
 html[data-ui-theme="binance"][data-app-page="land"] body.home-layout #world-section { padding:calc(var(--nav-offset,174px) + 28px) 20px 48px; }
 html[data-ui-theme="binance"][data-app-page="land"] #world-section>.sec-head h2 { font-size:36px; }
 html[data-ui-theme="binance"] .sf-base-guide>span { font-size:11px;gap:7px; }
 html[data-ui-theme="binance"] .sf-base-guide a { flex-basis:100%;margin-left:0; }
 html[data-ui-theme="binance"][data-app-page="land"] .world-gate { padding:28px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] body.home-layout #fusion { padding:calc(var(--nav-offset,174px) + 32px) 20px 56px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-heading h2 { font-size:36px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-heading p { font-size:14px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .sf-companion-lab { grid-template-columns:1fr;padding:20px;gap:26px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual { padding:20px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-visual .fusion-slot-preview { min-height:150px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-copy h3 { font-size:27px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .sf-lab-copy #productionFusion { width:100%; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .fusion-workbenches .land-fusion-workbench { display:block;padding:24px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench>.sf-section-index { width:auto;margin-bottom:20px; }
 html[data-ui-theme="binance"][data-app-page="fusion"] .land-fusion-workbench .btn { margin-top:20px; }
}

/* Working dialogs use a quiet frame; the companion artwork keeps its own palette. */
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"],#crewPickModal .crew-pick-card) {
 --panel:var(--sf-surface);--panel2:var(--sf-surface-2);--txt:var(--sf-text);--dim:var(--sf-muted);--line:var(--sf-border);--gold:var(--sf-primary);
 background:var(--sf-surface)!important;color:var(--sf-text);border:1px solid var(--sf-border);border-radius:12px!important;box-shadow:0 24px 90px #0008;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"],#crewPickModal) :is(h2,h3,h4,button,input,select,strong,small,p,label,.fusion-summary-heading) { font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important; }
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"])::backdrop { background:#07090dcc;backdrop-filter:blur(6px); }
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"])>h2 { font-size:24px!important;font-weight:650!important;letter-spacing:-.025em;line-height:1.4;margin:0 52px 14px 0;color:var(--sf-text)!important; }
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"]) .production-close,
html[data-ui-theme="binance"] body.home-layout #crewPickClose { display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0!important;border:1px solid var(--sf-border)!important;border-radius:7px!important;background:var(--sf-surface-2)!important;color:var(--sf-muted)!important;font:24px/1 system-ui,sans-serif!important;box-shadow:none!important; }
html[data-ui-theme="binance"] body.home-layout :is(dialog.land-unlock-dialog,dialog.production-dialog[data-kind="fusion"],dialog.production-dialog[data-kind="land-fusion"],dialog.production-dialog[data-kind="land-replace"]) :is(button,[role="option"],input):focus-visible,
html[data-ui-theme="binance"] body.home-layout #crewPickModal :is(button,[role="button"]):focus-visible { outline:2px solid var(--sf-primary);outline-offset:3px; }
/* Unlock methods remain separate choices with their original payment handlers. */
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-eyebrow { color:var(--sf-primary);font:650 11px/1.5 system-ui,sans-serif;letter-spacing:.12em;margin-bottom:12px; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog>p { font-size:14px;line-height:1.8;color:var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .land-unlock-options { gap:10px;margin:24px 0; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .land-unlock-options button { display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 14px;padding:18px!important;border-radius:8px!important;border-color:var(--sf-border);background:var(--sf-surface-2)!important;box-shadow:none; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .land-unlock-options button:hover:not(:disabled) { border-color:var(--sf-primary);background:var(--sf-accent-soft)!important; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-method-icon { grid-row:1/3;width:36px;height:36px;border:1px solid var(--sf-border);border-radius:7px;background:var(--sf-surface);color:var(--sf-primary);font:600 12px/1 ui-monospace,monospace; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-method-copy { min-width:0;gap:5px; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-method-copy strong { color:var(--sf-text);font-size:15px; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-method-copy small { font-size:12px;line-height:1.75;color:var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .unlock-method-value { grid-column:2;margin:0;white-space:normal;color:var(--sf-primary);font:600 12px/1.6 system-ui,sans-serif; }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .dialog-footer { padding-top:16px;border-color:var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout .land-unlock-dialog .dialog-footer button { min-width:100px;border-radius:7px;background:var(--sf-surface-2);border-color:var(--sf-border); }
/* Production assignment and inventory replacement. */
html[data-ui-theme="binance"] body.home-layout #crewPickModal .crew-pick-card { width:min(900px,calc(100vw - 32px));max-width:900px;padding:28px;max-height:calc(100dvh - 32px);overflow:auto; }
html[data-ui-theme="binance"] body.home-layout #crewPickTitle { padding-right:40px;font-size:22px!important;line-height:1.4!important; }
html[data-ui-theme="binance"] body.home-layout #crewPickHint { font-size:13px!important;line-height:1.8!important;color:var(--sf-muted)!important; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid { padding:4px;gap:12px;scrollbar-color:var(--sf-border) transparent;overscroll-behavior:contain; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .coll-item { border-radius:8px;background:var(--sf-surface-2);border:1px solid var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .coll-item.deployment-fit { border-color:#f0b90b70; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .coll-item:hover:not(.deployment-unavailable) { border-color:var(--sf-primary);background:var(--sf-accent-soft); }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .deployment-card-reason { font-size:11px;line-height:1.65; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .deployment-fit-label { color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-field { width:auto;max-width:none;min-width:0;margin:0;padding:0; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] :is(.land-replace-trigger,.land-replace-options,.land-replace-notice) { border-radius:8px;background:var(--sf-surface-2);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] :is(.land-replace-label b,.land-replace-option-check) { color:var(--sf-primary);background:var(--sf-accent-soft); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-option:is([aria-selected="true"],.is-active) { background:var(--sf-accent-soft);color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-arrow { background:transparent;border:0; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-arrow-dark { fill:#7c641a; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-arrow-body { fill:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-arrow-highlight { fill:#ffe894; }
/* The lab separates the material library from the retained companion and cost. */
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-main-picker,.fusion-trait-picker) { width:auto;max-width:none;min-width:0;margin:0;padding:0; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-library-heading,.fusion-summary-heading) { display:flex;align-items:center;gap:10px;color:var(--sf-text);font-size:14px;font-weight:650; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-library-heading::before,
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary-heading::before { content:"01";display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #f0b90b40;border-radius:5px;color:var(--sf-primary);font:600 10px/1 ui-monospace,monospace; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary-heading::before { content:"02"; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-library-heading>span { margin-left:auto;color:var(--sf-muted);font-weight:400; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-intro,.fusion-material-scroll-hint,.fusion-selection-count,.fusion-traits-hint,#fusionPaymentNote) { color:var(--sf-muted);line-height:1.7; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices { scrollbar-color:var(--sf-border) transparent; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices .fusion-choice { border-radius:8px!important;background:var(--sf-surface-2)!important;border-color:var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices .fusion-choice:has(input:checked) { background:var(--sf-accent-soft)!important;border-color:var(--sf-primary);box-shadow:inset 0 0 0 1px var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices .fusion-choice>span>strong { color:var(--sf-text);font-size:13px;line-height:1.5; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices .fusion-choice>span>small { color:var(--sf-muted);font-size:11px;line-height:1.5; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] input[type="checkbox"] { accent-color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary { gap:16px;padding:18px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface-2); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-selected-slot,.fusion-result-card,.fusion-main-option,.fusion-currencies button,#fusionPreview) { border:1px solid var(--sf-border);border-radius:7px;background:var(--sf-surface);box-shadow:none; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-main-option[aria-pressed="true"],.fusion-currencies button[aria-pressed="true"]) { border-color:var(--sf-primary);background:var(--sf-accent-soft);color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-result-empty>span { color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-result-empty strong,.fusion-result-identity strong,.fusion-result-stats dd,.fusion-main-label,.fusion-traits-heading strong) { color:var(--sf-text); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-result-empty p,.fusion-result-stats dt,.fusion-result-identity small,.fusion-main-option small) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout :is(#fusionConfirm,#landFusionConfirm,#replaceLandConfirm,#crewPickEmpty) { min-height:48px;border-radius:7px!important;background:var(--sf-primary)!important;color:var(--sf-on-accent)!important;border:1px solid transparent!important;box-shadow:none!important;font:650 14px/1.5 system-ui,sans-serif!important; }
html[data-ui-theme="binance"] body.home-layout :is(#fusionConfirm,#landFusionConfirm,#replaceLandConfirm,#crewPickEmpty):hover:not(:disabled) { background:#ffe16a!important; }
html[data-ui-theme="binance"] body.home-layout :is(#fusionConfirm,#landFusionConfirm,#replaceLandConfirm,#crewPickEmpty):disabled { background:var(--sf-surface-3)!important;color:var(--sf-subtle)!important;border-color:var(--sf-border)!important;opacity:1;cursor:not-allowed; }
@media(max-width:650px){
 html[data-ui-theme="binance"] body.home-layout #crewPickModal .crew-pick-card { width:calc(100vw - 20px);padding:20px 14px;max-height:calc(100dvh - 20px); }
 html[data-ui-theme="binance"] body.home-layout #crewPickGrid { max-height:55dvh!important;gap:8px; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary { padding:14px; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary #fusionConfirm { position:static;width:100%;margin-top:6px;min-height:48px;height:auto; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"]>.fusion-layout:not(.fusion-animation-layout) { padding-bottom:0; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-library-heading { flex-wrap:wrap;font-size:13px;gap:7px; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-library-heading>span { font-size:11px; }
}
/* Legacy replacement cards used fixed light fills; keep the entire picker dark. */
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-field { padding:16px!important;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface-2)!important; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-trigger { background:var(--sf-surface)!important;border-color:var(--sf-border)!important;color:var(--sf-text)!important;border-radius:7px!important; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-trigger:is(:focus-visible,[aria-expanded="true"]) { border-color:var(--sf-primary)!important;box-shadow:0 0 0 2px #fcd53520; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] :is(.land-replace-label,.land-replace-trigger-copy strong) { color:var(--sf-text); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] :is(.land-replace-label small,.land-replace-trigger-copy small,.land-replace-meta,.land-replace-chevron) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="land-replace"] .land-replace-icon { background:var(--sf-surface-3);border-radius:6px; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] #fusionChoices input[type="checkbox"] { accent-color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] :is(.fusion-main-option[aria-pressed="true"],.fusion-currencies button[aria-pressed="true"]) { border-color:var(--sf-primary)!important;background:var(--sf-accent-soft)!important;color:var(--sf-primary)!important; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-main-option>i { border-color:var(--sf-muted);background:transparent; }
html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-main-option[aria-pressed="true"]>i { border-color:var(--sf-primary);background:var(--sf-primary); }
@media(min-width:651px){
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary { padding:14px;gap:12px; }
 html[data-ui-theme="binance"] body.home-layout dialog.production-dialog[data-kind="fusion"] .fusion-summary-body { gap:8px; }
}
/* Deployment is a vertical selection list, with no hidden cards off the screen. */
html[data-ui-theme="binance"] body.home-layout #crewPickGrid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:max-content;align-items:start;overflow-x:hidden;overflow-y:auto; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .coll-item { width:auto;min-width:0;max-width:none;height:auto;min-height:0;box-sizing:border-box;padding:16px 12px; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid :is(.role-energy-label,.role-gathering-rate) { flex-wrap:wrap;gap:3px 8px; }
html[data-ui-theme="binance"] body.home-layout #crewPickGrid .role-affinities { max-width:100%; }
@media(max-width:650px){
 html[data-ui-theme="binance"] body.home-layout #crewPickGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-ui-theme="binance"] body.home-layout #crewPickGrid .coll-item { padding:13px 9px; }
 html[data-ui-theme="binance"] body.home-layout #crewPickGrid .role-gathering-rate strong { font-size:11px; }
}
@media(max-width:360px){
 html[data-ui-theme="binance"] body.home-layout #crewPickGrid { grid-template-columns:1fr; }
}
