/* SHELFLINGS · yellow / graphite UI. Game artwork and rarity colors stay independent. */
html[data-ui-theme="binance"] {
  color-scheme: dark;
  --sf-bg: #0b0e11;
  --sf-surface: #181a20;
  --sf-surface-2: #202630;
  --sf-surface-3: #2b3139;
  --sf-border: #343b46;
  --sf-text: #eaecef;
  --sf-muted: #b7bdc6;
  --sf-subtle: #848e9c;
  --sf-accent: #f0b90b;
  --sf-primary: #fcd535;
  --sf-primary-hover: #ffe36e;
  --sf-on-accent: #181a20;
  --sf-success: #2ebd85;
  --sf-danger: #f6465d;
  --sf-info: #7aa8ff;
  --sf-accent-soft: rgba(240,185,11,.12);
  --sf-radius: 12px;
  --sf-shadow: 0 12px 36px #00000030;
  background: var(--sf-bg);
}
html[data-ui-theme="binance"] body {
  --bg: var(--sf-bg); --paper: var(--sf-surface); --panel: var(--sf-surface);
  --panel2: var(--sf-surface-2); --ink: var(--sf-text); --txt: var(--sf-text);
  --dim: var(--sf-muted); --muted: var(--sf-muted); --line: var(--sf-border);
  --green: var(--sf-success); --green-deep: var(--sf-success); --gold: var(--sf-accent);
  --hl-paper: var(--sf-surface); --hl-secondary: var(--sf-surface-2);
  --hl-ink: var(--sf-text); --hl-muted: var(--sf-muted); --hl-line: var(--sf-border);
  --hl-brand: var(--sf-accent); --hl-active: var(--sf-accent-soft); --hl-green: var(--sf-accent);
  --hl-action: var(--sf-primary); --hl-action-hover: var(--sf-primary-hover); --hl-action-ink: var(--sf-on-accent);
  --hl-radius: var(--sf-radius); --hl-button: 10px; --hl-shadow: var(--sf-shadow);
  --hl-cta-bg: var(--sf-primary); --hl-cta-bg-hover: var(--sf-primary-hover); --hl-cta-bg-pressed: var(--sf-accent);
  --hl-cta-ink: var(--sf-on-accent); --hl-cta-border: transparent; --hl-cta-shadow: none; --hl-cta-shadow-hover: none;
  --hl-cta-disabled-bg: var(--sf-surface-3); --hl-cta-disabled-ink: var(--sf-subtle); --hl-cta-disabled-border: var(--sf-border); --hl-cta-radius: 10px;
  --ui-paper: var(--sf-surface); --ui-ink: var(--sf-text); --ui-line: var(--sf-border);
  background: var(--sf-bg); color: var(--sf-text);
  scrollbar-color: #59616e var(--sf-surface);
}
html[data-ui-theme="binance"] body::before { background: none !important; }
/* Native dialogs keep the underlying page at its current scroll position. */
html[data-ui-theme="binance"]:has(dialog:modal) { overflow: hidden; }
html[data-ui-theme="binance"] ::selection { background: var(--sf-primary); color: var(--sf-on-accent); }
html[data-ui-theme="binance"] :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
  outline: 2px solid var(--sf-primary); outline-offset: var(--sf-focus-offset,3px);
}
html[data-ui-theme="binance"] body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {
  --sf-focus-offset: -2px;
  color: var(--sf-text); background-color: var(--sf-surface-2); border-color: var(--sf-border); caret-color: var(--sf-primary);
}
html[data-ui-theme="binance"] body :is(input,textarea)::placeholder { color: var(--sf-subtle); opacity: 1; }
html[data-ui-theme="binance"] body :is(input,textarea,select):focus { border-color: var(--sf-accent); box-shadow: none; }
html[data-ui-theme="binance"] :is(input[type=checkbox],input[type=radio],input[type=range],progress) { accent-color: var(--sf-accent); }
html[data-ui-theme="binance"] body :is(.btn,.scene-language,.nav-home) { border-radius: 10px; box-shadow: none; }
html[data-ui-theme="binance"] body.shared-theme button:not(.event-pin):not(.landmark-pin):not(.city-pin):not(.wallet):not(.pick):not(.role-pick):not(.world-event-row):not(.world-landmark-row) { border-radius: 10px; }
html[data-ui-theme="binance"] body :is(.btn.ghost,.nav-home,.scene-language,.production-panel button,.production-dialog button,#creatureWorkActions button,.scene-theme button) {
  background-color: var(--sf-surface-2); color: var(--sf-text); border-color: var(--sf-border); box-shadow: none;
}
html[data-ui-theme="binance"] body :is(.btn.ghost,.nav-home,.scene-language,.production-panel button,.production-dialog button,#creatureWorkActions button):hover:not(:disabled) {
  background-color: var(--sf-surface-3); border-color: #59616e; color: var(--sf-text);
}
html[data-ui-theme="binance"] body.home-layout :is(.btn:not(.ghost):not(.account),.fusion-fields button),
html[data-ui-theme="binance"] body :is(.account-wallet-next,.exchange-enter,.box-inventory-open,.hash-token-refresh,.hash-token-contract>a),
html[data-ui-theme="binance"] body.scene-theme :is(.arrival-actions button,.enter-actions button,.atlas-panel .enter-city,.chat-dock form button,#placeAction,.scene-preview-link) {
  background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; box-shadow: none;
}
html[data-ui-theme="binance"] body.home-layout :is(.btn:not(.ghost):not(.account),.fusion-fields button):hover:not(:disabled),
html[data-ui-theme="binance"] body :is(.account-wallet-next,.exchange-enter,.box-inventory-open,.hash-token-refresh,.hash-token-contract>a):hover:not(:disabled),
html[data-ui-theme="binance"] body.scene-theme :is(.arrival-actions button,.enter-actions button,.atlas-panel .enter-city,.chat-dock form button,#placeAction,.scene-preview-link):hover:not(:disabled) {
  background: var(--sf-primary-hover); color: var(--sf-on-accent); opacity: 1; box-shadow: none;
}
html[data-ui-theme="binance"] body :is(button,.btn):disabled,
html[data-ui-theme="binance"] #payModal .pay-row .btn:disabled {
  background: var(--sf-surface-3) !important; color: var(--sf-subtle) !important;
  border-color: var(--sf-border) !important; box-shadow: none !important; opacity: .8; cursor: not-allowed;
}
/* Shared header, balances, menus and wallet connection. */
html[data-ui-theme="binance"] body.shared-theme nav.app-nav {
  background: var(--sf-surface); border-color: var(--sf-border); box-shadow: 0 8px 24px #00000035;
  --nav-control-paper: var(--sf-surface-2); --nav-control-line: var(--sf-border);
}
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .logo b { color: var(--sf-accent); -webkit-text-fill-color: var(--sf-accent); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .links { background: var(--sf-bg); border-radius: 10px; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .links>a { border-radius: 8px; color: var(--sf-muted); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .links>a:hover { background: var(--sf-surface-3); color: var(--sf-text); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .links>a.active { background: var(--sf-accent-soft); color: var(--sf-primary); box-shadow: inset 0 -2px var(--sf-accent); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .nav-actions-group #loginBtn { background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .nav-actions-group #loginBtn:hover { background: var(--sf-primary-hover); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.community-count,.mining-pool-metric small,.mining-pool-metric strong i,.hash-market-label,.hash-market-test,.test-balance-caption,.acct-wallet-address-label) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.mining-pool-metric strong,.hash-market-price,.coin-pill,.acct-bal) { color: var(--sf-accent); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .mining-pool-badge>em { background: var(--sf-accent-soft); color: var(--sf-accent); border-color: #665019; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.acct-dd-menu,.lang-dd-menu) { background: var(--sf-surface); color: var(--sf-text); border-color: var(--sf-border); box-shadow: 0 16px 44px #0008; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD :is(.acct-head,.acct-wallet-actions,.acct-wallet-address,.acct-billing-link) { background: var(--sf-surface); color: var(--sf-text); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD :is(.acct-item,.acct-wallet-action,.acct-list-item,.acct-wallet-copy) { color: var(--sf-text); background: transparent; border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD :is(.acct-item,.acct-wallet-action,.acct-billing-link,.acct-wallet-copy):hover { background: var(--sf-surface-3); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD .acct-wallet-actions>button.acct-wallet-action-primary { background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD .acct-wallet-action-primary :is(span,small) { color: var(--sf-on-accent); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.lang-dd-item.on,.lang-dd-item:hover) { color: var(--sf-accent); background: var(--sf-accent-soft); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav #acctDD #acctWalletAddress { color: var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.account-wallet-connect,.account-recovery,.account-finance-dialog,.hash-token-dialog) { background: var(--sf-surface); color: var(--sf-text); border-color: var(--sf-border); box-shadow: 0 24px 80px #0009; }
html[data-ui-theme="binance"] body :is(.account-wallet-connect,.account-recovery)>div { background: var(--sf-surface); color: var(--sf-text); }
html[data-ui-theme="binance"] body :is(.account-wallet-connect-list button,.recovery-list button) { background: var(--sf-surface-2); color: var(--sf-text); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body :is(.account-wallet-connect-list button:hover,.recovery-list button:hover) { background: var(--sf-surface-3); border-color: var(--sf-accent); }
html[data-ui-theme="binance"] body :is(.account-wallet-connect p,.account-wallet-connect small,.account-wallet-connect-status,.account-recovery p,.account-finance-body dt,.account-finance-body small,.account-finance-note,.hash-token-dialog dt,.hash-token-note,.hash-token-status) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.account-finance-profit,.account-finance-note,.hash-token-dialog dl>div) { background: var(--sf-surface-2); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body :is(.account-finance-profit>span,.account-finance-profit[data-state=loading]>strong,.account-finance-profit[data-state=unavailable]>strong) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.account-finance-profit[data-state=profit]>strong,#acctCopyStatus[data-state=success]) { color: var(--sf-success); }
html[data-ui-theme="binance"] body .account-finance-profit[data-state=loss] { background: #f6465d12; border-color: #f6465d55; }
html[data-ui-theme="binance"] body :is(.account-finance-profit[data-state=loss]>strong,#acctCopyStatus[data-state=error]) { color: var(--sf-danger); }
html[data-ui-theme="binance"] body :is(.account-finance-body dl>div,.account-finance-dialog>footer) { border-color: var(--sf-border); }
html[data-ui-theme="binance"] body :is(.account-finance-dialog a,.account-finance-dialog>header span,.hash-token-dialog header small) { color: var(--sf-accent); }
html[data-ui-theme="binance"] body :is(.account-finance-dialog button,.hash-token-close) { background-color: var(--sf-surface-2); color: var(--sf-text); border-color: var(--sf-border); }
/* First paint and loading/error recovery use the same palette. */
html[data-ui-theme="binance"] #hashlingsPageLoader { background: radial-gradient(ellipse at 50% 35%,#292719 0%,#181a20 40%,#0b0e11 85%); color: var(--sf-text); }
html[data-ui-theme="binance"] .hl-page-loader__progress { background: var(--sf-surface-3); border-color: var(--sf-border); }
html[data-ui-theme="binance"] .hl-page-loader__progress-fill { background: var(--sf-primary); }
html[data-ui-theme="binance"] .hl-page-loader__detail { color: var(--sf-muted); }
html[data-ui-theme="binance"] #hashlingsPageLoader button { background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; border-radius: 10px; }
/* Shared dialogs and payment details. */
html[data-ui-theme="binance"] body :is(.modal-card,.production-dialog,.guide-dialog,.mail-dialog,.market-dialog) { color: var(--sf-text); background: var(--sf-surface); border-color: var(--sf-border); box-shadow: 0 24px 80px #0008; }
html[data-ui-theme="binance"] dialog::backdrop,
html[data-ui-theme="binance"] .modal { background-color: #0009; }
html[data-ui-theme="binance"] #payModal :is(.pay-item,#payTitle) { color: var(--sf-text); }
html[data-ui-theme="binance"] #payModal :is(.pay-bal,.payment-close) { color: var(--sf-muted); }
html[data-ui-theme="binance"] #payModal :is(.payment-close,.pay-row) { background-color: var(--sf-surface-2); border-color: var(--sf-border); }
html[data-ui-theme="binance"] #payModal .pay-row { background: transparent; }
html[data-ui-theme="binance"] #payModal #payMethodNote { background: var(--sf-accent-soft); color: var(--sf-primary); border-color: #665019; }
/* Home, starter card, collection and blindbox controls. */
html[data-ui-theme="binance"] body.home-layout :is(.hero h1,.mint-info h3,.sec-head h2,.mint-complete-title) { color: var(--sf-text); }
html[data-ui-theme="binance"] body.home-layout :is(.hero .tagline,.mint-info p,.sec-head p,.addr,.mint-hint,.seed-hint,.world-tip,.world-status,.exploration-note) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout :is(.mint-card,.mint-complete,.world-gate,.coll-item,.world-yield,.time-panel,.ws-card,.fusion-workbench,.box-card,.box-detail,.exchange-entry) { background: var(--sf-surface); border-color: var(--sf-border); color: var(--sf-text); box-shadow: none; }
html[data-ui-theme="binance"] body.home-layout #mint .mint-card { background: var(--sf-surface); border: 1px solid var(--sf-border); box-shadow: var(--sf-shadow); }
html[data-ui-theme="binance"] body.home-layout :is(.hero h1 span,.nftid,.box-price,.box-cost) { color: var(--sf-accent); }
html[data-ui-theme="binance"] body.home-layout #collection { border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout :is(.mint-complete-meta,.mint-complete-note,.field-label,.world-gate p,.ws-info,.ws-sub,.ws-meta) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout :is(.av-wrap,.mint-complete-avatar,.coll-item .av,.box-roll-meta,.box-quantity-stepper,.exploration-note) { background: var(--sf-surface-2); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout .box-card[data-tier=green].active { border-color: var(--sf-success); box-shadow: 0 0 0 1px var(--sf-success); }
html[data-ui-theme="binance"] body.home-layout .box-card[data-tier=blue].active { border-color: var(--sf-info); box-shadow: 0 0 0 1px var(--sf-info); }
html[data-ui-theme="binance"] body.home-layout .box-card[data-tier=purple].active { border-color: #b08bff; box-shadow: 0 0 0 1px #b08bff; }
html[data-ui-theme="binance"] body.home-layout :is(.tag,.role-level) { background: var(--sf-surface-3); border-color: var(--sf-border); color: var(--sf-muted); }
html[data-ui-theme="binance"] body.home-layout .tag.gold { color: var(--sf-accent); background: var(--sf-accent-soft); border-color: #665019; }
html[data-ui-theme="binance"] body.home-layout .tag.purple { color: #c8acff; background: #b08bff18; border-color: #b08bff55; }
html[data-ui-theme="binance"] #market .exchange-entry { background: var(--sf-surface); border-color: var(--sf-border); box-shadow: none; }
html[data-ui-theme="binance"] #market .exchange-entry h3 { color: var(--sf-text); }
html[data-ui-theme="binance"] #market :is(.exchange-entry-copy p,.exchange-availability,.exchange-wordmark) { color: var(--sf-muted); }
html[data-ui-theme="binance"] #market .exchange-enter { background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; }
html[data-ui-theme="binance"] #market .exchange-enter:hover { background: var(--sf-primary-hover); box-shadow: none; }
html[data-ui-theme="binance"] .exchange-preview { background: var(--sf-accent-soft); color: var(--sf-accent); border-color: #665019; }
/* Production, land panels, roster and fusion. Canvas ecology stays untouched. */
html[data-ui-theme="binance"] body :is(.production-panel,.production-lands article,.production-role,.production-weather-intel,.fusion-workbench,.fusion-choice,.fusion-summary,.fusion-traits,.supply-grid button,.ws-card,.resource-threshold-control) { background: var(--sf-surface); color: var(--sf-text); border-color: var(--sf-border); }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-workbench { background: var(--sf-surface); border-color: var(--sf-border); box-shadow: var(--sf-shadow); }
html[data-ui-theme="binance"] body :is(.production-note,.production-role small,.production-weather-intel,.production-dialog-status,#productionMessage,.resource-card-amount,.land-history-label,.land-history-note,.resource-threshold-control,.fusion-avatar-unavailable) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.production-weather-intel__icon,.role-affinities .affinity.is-inactive,.role-affinities .affinity.neutral,.resource-state-tag,.fusion-slot-preview span) { color: var(--sf-muted); background: var(--sf-surface-2); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body :is(.production-weather-intel.is-active,.role-affinities .affinity.good.is-active) { color: var(--sf-success); background: #2ebd8514; border-color: #2ebd8566; box-shadow: none; }
html[data-ui-theme="binance"] body :is(.production-weather-intel.is-inactive,.role-affinities .affinity.poor.is-active) { color: var(--sf-primary); background: var(--sf-accent-soft); border-color: #665019; box-shadow: none; }
html[data-ui-theme="binance"] body .production-weather-intel__icon { background: var(--sf-surface-3); color: inherit; }
html[data-ui-theme="binance"] body :is(.resource-card-meter,.tp-bar) { background: var(--sf-surface-3); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body .resource-threshold-control output { color: var(--sf-accent); }
html[data-ui-theme="binance"] #worldSwitcher .resource-card:is([data-resource-state=claimable],[data-resource-state=full]) { background: var(--sf-surface); border-color: var(--sf-success); box-shadow: inset 0 0 0 1px #2ebd8544; }
html[data-ui-theme="binance"] #worldSwitcher .resource-card .ws-active-mark { color: var(--sf-accent); }
html[data-ui-theme="binance"] body :is([data-resource-state=claimable],[data-resource-state=full]) .resource-state-tag { background: #2ebd8518; color: var(--sf-success); }
html[data-ui-theme="binance"] body .time-panel.is-claimable .tp-note { color: var(--sf-success); }
html[data-ui-theme="binance"] #timePanel.resource-panel:is([data-resource-state=claimable],[data-resource-state=full]) #tpClaim:not(:disabled),
html[data-ui-theme="binance"] body .time-panel.is-claimable .tp-claim:not(:disabled) { background: var(--sf-primary); color: var(--sf-on-accent); border-color: transparent; box-shadow: none; }
/* World and land scene overlays. */
html[data-ui-theme="binance"] body.scene-theme :is(.atlas-heading,.atlas-panel,.enter-card,.arrival-panel,.places-panel,.people-panel,.online-panel,.player-card,.scene-dock,.scene-settings,.place-title,.dock-tool-content,.event-notice,.chat-dock,.atlas-controls,.session-badge) { background: var(--sf-surface); color: var(--sf-text); border-color: var(--sf-border); box-shadow: var(--sf-shadow); }
html[data-ui-theme="binance"] body.scene-theme :is(.pick,.role-pick,.city-pin,.dock-tools>summary,.dock-chat>summary,.dock-tool-content button,.scene-language,.scene-routebar) { background: var(--sf-surface-2); color: var(--sf-text); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.scene-theme :is(.pick.selected,.role-pick[aria-pressed=true],.city-pin[data-open=true],.dock-tool-content button[aria-pressed=true],#gridToggle[aria-pressed=true]) { background: var(--sf-accent-soft); color: var(--sf-primary); border-color: var(--sf-accent); box-shadow: none; }
html[data-ui-theme="binance"] body.scene-theme :is(.map-status,.sky-info,.atlas-status,#chatStatus,.atlas-credit,.player-card span,.enter-card p) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body.scene-theme .scene-online { background: #2ebd8518; color: var(--sf-success); }
html[data-ui-theme="binance"] body.scene-theme :is(#chatLines p,.scene-dock #chatInput,.dock-tools>summary,.dock-chat>summary) { border-color: var(--sf-border); }
/* Market semantics are already token based. */
html[data-ui-theme="binance"] body.market-page {
 --market-paper:var(--sf-surface);--market-secondary:var(--sf-surface-2);--market-ink:var(--sf-text);--market-muted:var(--sf-muted);--market-line:var(--sf-border);
 --market-gold:var(--sf-accent);--market-selected:var(--sf-accent-soft);--market-on-gold:var(--sf-on-accent);--market-gold-hover:var(--sf-primary-hover);
 --market-action:var(--sf-primary);--market-action-hover:var(--sf-primary-hover);--market-action-ink:var(--sf-on-accent);
 background:var(--sf-bg);color:var(--sf-text);
}
html[data-ui-theme="binance"] body.market-page :is(.market-tabs button[aria-selected=true],.market-tabs button.active) { color: var(--sf-primary); background: var(--sf-accent-soft); }
/* Live rule guide and supporting detail text. */
html[data-ui-theme="binance"] body .guide-dialog :is(header,aside,.guide-grid article,.guide-map-grid article,.guide-species article,thead,.guide-rule-table th) { background: var(--sf-surface-2); border-color: var(--sf-border); color: var(--sf-text); }
html[data-ui-theme="binance"] body .guide-dialog :is(section,td,th,.guide-table,.guide-rule-table) { border-color: var(--sf-border); }
html[data-ui-theme="binance"] body .guide-dialog :is(p,li,.guide-kicker,.guide-step,figcaption) { color: var(--sf-muted); }
html[data-ui-theme="binance"] body .guide-dialog :is(.guide-close,.guide-layout>aside button:hover) { background-color: var(--sf-surface-3); color: var(--sf-text); border-color: var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout footer { color: var(--sf-muted); border-color: var(--sf-border); }
@media (max-width:760px) {
 html[data-ui-theme="binance"] body.shared-theme nav.app-nav { border-radius: 0 0 12px 12px; }
 html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.acct-dd-menu,.lang-dd-menu) { border: 1px solid var(--sf-border); }
}
@media (prefers-reduced-motion:reduce) {
 html[data-ui-theme="binance"] :is(button,a,input,select,textarea) { transition: none; }
}
/* Scene entry and fusion indicators are interface art, separate from pixel assets. */
html[data-ui-theme="binance"] :is(#sceneEntry,.world-scene-loading) { background:radial-gradient(ellipse at 50% 38%,#292719 0%,#181a20 48%,#0b0e11 100%);color:var(--sf-text); }
html[data-ui-theme="binance"] :is(.scene-entry__brand,.fusion-complete-kicker) { color:var(--sf-primary); }
html[data-ui-theme="binance"] :is(.scene-entry__tagline,.scene-entry__name,.world-scene-loading p,#sceneEntry a) { color:var(--sf-muted); }
html[data-ui-theme="binance"] :is(.scene-entry__stage,.world-loading-planet) { background:linear-gradient(130deg,#e1b735,#655222 55%,#24272c);box-shadow:inset -18px -12px 0 #0b0e1144,0 0 80px #f0b90b14; }
html[data-ui-theme="binance"] #sceneEntry button { background:var(--sf-primary);color:var(--sf-on-accent);border-color:var(--sf-accent); }
html[data-ui-theme="binance"] #sceneEntry button:hover:not(:disabled) { background:var(--sf-primary-hover); }
html[data-ui-theme="binance"] #sceneEntry :focus-visible { outline-color:var(--sf-primary); }
html[data-ui-theme="binance"] .world-loading-orbit::before { background:#fff0ae;box-shadow:4px 0 #fcd535,0 4px #b58d21,0 0 11px #f0b90baa; }
html[data-ui-theme="binance"] .world-loading-orbit::after { background:#f0b90b;box-shadow:-9px -25px #f0b90bb3,-24px -46px #f0b90b80,-43px -62px #f0b90b52,-66px -70px #f0b90b2e; }
html[data-ui-theme="binance"] body .fusion-mote { background:var(--sf-surface-2);border-color:var(--sf-border);box-shadow:0 3px 0 #0005; }
html[data-ui-theme="binance"] body .fusion-mote.is-main { background:#302c1c;border-color:var(--sf-accent);box-shadow:0 3px 0 #0005; }
html[data-ui-theme="binance"] .fusion-node-name { fill:var(--sf-text); }
html[data-ui-theme="binance"] :is(.fusion-node-id,.fusion-reactor-note) { fill:var(--sf-muted); }
html[data-ui-theme="binance"] .fusion-energy-guide { stroke:var(--sf-border); }
html[data-ui-theme="binance"] .fusion-reactor-shell { fill:var(--sf-primary);stroke:#ae870b; }
html[data-ui-theme="binance"] .fusion-reactor-frame { fill:#38311b;stroke:var(--sf-accent); }
html[data-ui-theme="binance"] .fusion-reactor-particles rect { fill:var(--sf-primary); }
html[data-ui-theme="binance"] body .role-special { background:var(--sf-surface-2);color:var(--sf-muted);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body .role-special[data-tier=gold] { background:var(--sf-accent-soft);color:var(--sf-accent);border-color:#665019; }
html[data-ui-theme="binance"] body .role-special[data-tier=purple] { background:#b08bff18;color:#c8acff;border-color:#b08bff66; }
html[data-ui-theme="binance"] body .role-energy-track { background:var(--sf-surface-3); }
html[data-ui-theme="binance"] body .role-energy-fill { background:var(--sf-success); }
html[data-ui-theme="binance"] body .role-gathering-rate strong { color:var(--sf-success); }
html[data-ui-theme="binance"] body .role-energy[data-state=low] strong { color:var(--sf-accent); }
html[data-ui-theme="binance"] body .role-energy[data-state=empty] strong { color:var(--sf-danger); }
html[data-ui-theme="binance"] body .role-energy[data-state=empty] .role-energy-track { background:#f6465d22; }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.active { background:var(--sf-surface-2);border-color:var(--sf-accent);box-shadow:inset 0 0 0 1px var(--sf-accent); }
/* Starter success, inventory and production subdialogs. */
html[data-ui-theme="binance"] #mint.is-minted>.mint-complete { background:var(--sf-surface);border-color:var(--sf-border);box-shadow:var(--sf-shadow); }
html[data-ui-theme="binance"] #mint.is-minted>.mint-complete::before { background:linear-gradient(90deg,#181a20fa 0%,#181a20f0 42%,#181a2099 73%,#181a2055 100%),url("assets/brand/shelflings-mascot-transparent.png") right center/auto 90% no-repeat; }
html[data-ui-theme="binance"] #mint.is-minted>.mint-complete::after { background:#0b0e1120; }
html[data-ui-theme="binance"] body .mint-complete h2 { color:var(--sf-text); }
html[data-ui-theme="binance"] body :is(.mint-complete p,.mint-complete-kicker,.mint-complete-skeleton,.mint-complete-skeleton strong) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.mint-complete-status,.mint-complete-mark) { background:#2ebd8520;color:var(--sf-success);border-color:#2ebd8566;box-shadow:none; }
html[data-ui-theme="binance"] body .mint-community-count { background:#181a20eb;color:var(--sf-text);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body .mint-community-count :is(.mint-community-eyebrow,[data-community-label],small) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body .mint-community-count [data-community-number] { color:var(--sf-primary); }
html[data-ui-theme="binance"] body.home-layout :is(.sec-head h2,.sec-head p,.sec-head .chip) { text-shadow:none; }
html[data-ui-theme="binance"] body.home-layout .sec-head .chip { color:var(--sf-accent);background:var(--sf-accent-soft);border-color:#665019; }
html[data-ui-theme="binance"] body.home-layout #box .mint-card { background:var(--sf-surface)!important;border:1px solid var(--sf-border)!important; }
html[data-ui-theme="binance"] body :is(.land-replace-trigger,.land-replace-options,.land-replace-option-icon,.land-replace-arrow,.land-replace-notice,.land-fusion-retain-trigger,.land-fusion-retain-options,.land-fusion-retain-option-icon,.fusion-main-empty,.fusion-card-heading>span) { background:var(--sf-surface-2);color:var(--sf-muted);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body :is(.land-replace-option,.land-fusion-retain-option) { color:var(--sf-text); }
html[data-ui-theme="binance"] body :is(.land-replace-option[aria-selected=true],.land-fusion-retain-option[aria-selected=true],.land-replace-option:hover,.land-fusion-retain-option:hover) { background:var(--sf-accent-soft);color:var(--sf-primary); }
html[data-ui-theme="binance"] body :is(.production-dialog,.production-panel) :is(.supply-hero,.supply-portrait,.supply-quantity,.supply-quantity-stepper,.supply-bag-empty,.supply-inventory-item,.supply-checkout,.supply-grid button,.land-fusion-choice,.land-fusion-summary,.land-fusion-preview,.land-fusion-glyph,.land-fusion-result-glyph,.fusion-selected-slot,.fusion-result-card,.fusion-complete-level,.fusion-kept-characters>div,.fusion-summary,.fusion-main-option,.fusion-material-pages button,.supply-menu button,.fusion-currencies button) {
 background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border);box-shadow:none;
}
html[data-ui-theme="binance"] body :is(.production-dialog,.production-panel) :is(.supply-grid button.selected,.supply-menu button[aria-selected=true],.land-fusion-choice:has(input:checked),.fusion-main-option[aria-pressed=true],.fusion-currencies button[aria-pressed=true]) { background:var(--sf-accent-soft);color:var(--sf-primary);border-color:var(--sf-accent); }
html[data-ui-theme="binance"] body .fusion-library #fusionChoices .fusion-choice { background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body .fusion-library #fusionChoices .fusion-choice:has(:checked) { background:var(--sf-accent-soft);border-color:var(--sf-accent);box-shadow:inset 0 0 0 1px var(--sf-accent); }
html[data-ui-theme="binance"] body :is(.fusion-library .fusion-avatar,.fusion-main-option canvas,.fusion-main-option>i,.fusion-result-identity canvas) { background:var(--sf-surface-3); }
html[data-ui-theme="binance"] body :is(.fusion-summary #fusionConfirm,.land-fusion-summary #landFusionConfirm,.supply-purchase,#creatureWorkActions [data-role-action=supply]) { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent;box-shadow:none; }
html[data-ui-theme="binance"] body :is(.supply-energy-gain,.fusion-success-note) { background:#2ebd8514;color:var(--sf-success); }
html[data-ui-theme="binance"] body :is(.role-normal,.role-market-badge,.role-level-detail) { background:var(--sf-surface-2);color:var(--sf-muted);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body :is(.role-level,.role-level-detail)[data-level="2"] { background:#2ebd8514;color:var(--sf-success);border-color:#2ebd8555; }
html[data-ui-theme="binance"] body :is(.role-level,.role-level-detail)[data-level="3"] { background:#7aa8ff14;color:var(--sf-info);border-color:#7aa8ff55; }
html[data-ui-theme="binance"] body :is(.role-level,.role-level-detail)[data-level="4"] { background:#b08bff14;color:#c8acff;border-color:#b08bff55; }
html[data-ui-theme="binance"] body :is(.role-level,.role-level-detail):is([data-level="5"],[data-level="6"]) { background:var(--sf-accent-soft);color:var(--sf-accent);border-color:#665019; }
/* Mail is an account surface, not a separate theme. */
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.hl-mail-detail) { background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body :is(.hl-mail-head,.hl-mail-list,.hl-mail-card,.hl-mail-gift,.hl-mail-gift li,#acctDD .acct-mail-shortcut,.acct-mail-pixel) { background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"] body :is(.hl-mail-head h2,.hl-mail-detail h3) { color:var(--sf-text); }
html[data-ui-theme="binance"] body :is(.hl-mail-head span,.hl-mail-meta,.hl-mail-card small,.hl-mail-list>p,.hl-mail-card.is-read strong,.hl-mail-detail>p:first-child,.acct-mail-copy small) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body :is(.hl-mail-card.is-selected,.hl-mail-status,.hl-mail-card em) { background:var(--sf-accent-soft);color:var(--sf-primary);border-color:#665019;box-shadow:none; }
html[data-ui-theme="binance"] body .hl-mail-gift button { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent; }
/* Vault, wallet notices and secondary site entry points. */
html[data-ui-theme="binance"] body .account-funds-dialog { background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border);box-shadow:0 24px 80px #0009; }
html[data-ui-theme="binance"] body .account-funds-dialog :is(.account-funds-eyebrow,h2+p,.account-funds-methods>strong,.account-funds-destination>span,.account-funds-methods small,.account-funds-destination p) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body .account-funds-dialog :is(.account-funds-methods button,.account-funds-controls button,code,.account-deposit-destination,.account-deposit-methods button) { background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body .account-funds-dialog .account-funds-methods button[aria-pressed=true] { background:var(--sf-accent-soft);color:var(--sf-primary);border-color:var(--sf-accent);box-shadow:none; }
html[data-ui-theme="binance"] body .account-funds-dialog .account-funds-notice { background:var(--sf-accent-soft);color:var(--sf-muted); }
html[data-ui-theme="binance"] body .account-funds-dialog .account-funds-controls .account-funds-primary { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent; }
html[data-ui-theme="binance"] #hashlingsVaultDialog :is(.vault-row,input) { background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] #hashlingsVaultDialog .vault-row p { color:var(--sf-muted); }
html[data-ui-theme="binance"] #hashlingsVaultDialog a { color:var(--sf-accent); }
html[data-ui-theme="binance"] #box .hl-limited-shop-entry { background:var(--sf-surface-2);color:var(--sf-primary);border-color:#665019;box-shadow:inset 0 0 0 3px var(--sf-bg),inset 0 0 0 4px #665019,0 4px 0 #0006; }
html[data-ui-theme="binance"] #box .hl-limited-shop-entry:hover { background:#302c1c;border-color:var(--sf-accent); }
html[data-ui-theme="binance"] #box :is(.hl-shop-entry-text small,.hl-shop-entry-arrow) { color:var(--sf-muted); }
html[data-ui-theme="binance"] .world-chat-access { background:var(--sf-surface-2);color:var(--sf-muted);border-color:var(--sf-border); }
html[data-ui-theme="binance"] .world-chat-access .world-chat-unlock { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent; }
html[data-ui-theme="binance"] .world-load-progress { color:var(--sf-text); }
html[data-ui-theme="binance"] .world-load-progress__track { background:var(--sf-surface-3);border-color:var(--sf-border); }
html[data-ui-theme="binance"] .world-load-progress__track>span { background:var(--sf-primary); }
html[data-ui-theme="binance"] .world-load-progress button { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent; }
/* Visual QA: route-local declarations and labels with their own light palettes. */
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .social-nav-link { background:var(--sf-surface-2);color:var(--sf-primary);border:1px solid #665019;box-shadow:none; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .social-nav-link:hover { background:var(--sf-accent-soft);border-color:var(--sf-accent); }
html[data-ui-theme="binance"] body .environment-badge { color:var(--sf-accent);background:var(--sf-accent-soft);border-color:#665019; }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav :is(.hash-market-copy small,.hash-market-usd,.hash-market-network) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body.shared-theme nav.app-nav .hash-market-test { background:var(--sf-accent-soft);color:var(--sf-accent);border-color:#665019; }
html[data-ui-theme="binance"] body.home-layout>footer { background:var(--sf-surface);color:var(--sf-muted);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body.home-layout>footer .fl { color:var(--sf-accent); }
html[data-ui-theme="binance"] #landWeatherBulletin { background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] #landWeatherBulletin :is(.land-weather-symbol,.land-weather-heading small) { background:var(--sf-surface-2);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body :is(.ws-empty,.hl-land-weather-trigger-text) { color:var(--sf-muted); }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-workbench .fusion-slot-preview { background-color:var(--sf-surface-2);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);border-color:var(--sf-border);box-shadow:none; }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-workbench::before { background:linear-gradient(90deg,var(--sf-accent) 0 68%,var(--sf-surface-3) 68%); }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-slot-preview :is(span,i),
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-slot-preview::after { color:var(--sf-muted); }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-slot-preview span { background:var(--sf-surface);border-color:var(--sf-border);box-shadow:0 4px 12px #0003; }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-slot-preview span:not(.fusion-result)::after { background:var(--sf-accent);box-shadow:-6px -4px 0 -1px var(--sf-accent),6px -4px 0 -1px var(--sf-accent); }
html[data-ui-theme="binance"][data-app-page=fusion] .fusion-slot-preview .fusion-result { background:var(--sf-accent-soft);color:var(--sf-primary);border-color:var(--sf-accent);box-shadow:none; }
html[data-ui-theme="binance"] body.shared-theme :is(.hl-primary-action,.hl-dialog-action,.hl-close-button,.arrival-actions button,.enter-actions button,.atlas-panel .enter-city,.chat-dock form button,#placeAction,.scene-preview-link,.scene-role-confirm):focus-visible { outline:2px solid var(--sf-primary)!important; }
html[data-ui-theme="binance"] body.shared-theme .hl-dialog-action--secondary,
html[data-ui-theme="binance"] body button.hl-close-button { box-shadow:none!important; }
html[data-ui-theme="binance"] body :is(.hl-land-weather-trigger,.hl-land-camera,.hl-land-weather) { background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border);box-shadow:var(--sf-shadow); }
html[data-ui-theme="binance"] body .hl-land-camera button { background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] body .hl-land-weather .wx-cell.active { background:var(--sf-accent-soft);border-color:var(--sf-accent);color:var(--sf-primary); }
html[data-ui-theme="binance"] body :is(.hl-land-weather-trigger:focus-visible,.hl-land-weather button:focus-visible,.hl-land-camera button:focus-visible) { outline:2px solid var(--sf-primary)!important;outline-offset:2px!important; }
/* Nested inventory and fusion labels have legacy page-local palettes. */
html[data-ui-theme="binance"] body.home-layout :is(#box,#market) { border-color:var(--sf-border); }
html[data-ui-theme="binance"] #box :is(#boxStockHint,#boxRollId) { color:var(--sf-muted); }
html[data-ui-theme="binance"] #ownedLandsPanel { background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border); }
html[data-ui-theme="binance"] #ownedLandsPanel .owned-lands-summary-icon { background:var(--sf-accent-soft);color:var(--sf-primary); }
html[data-ui-theme="binance"] #ownedLandsPanel .owned-land-replace { background:var(--sf-accent-soft);color:var(--sf-primary);border-color:#665019; }
html[data-ui-theme="binance"] #ownedLandsPanel .owned-land-replace:hover { background:#302c1c;border-color:var(--sf-accent); }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.empty :is(.ws-slot-index,.ws-slot-mark,.ws-theme .ws-empty) { color:var(--sf-muted);border-color:var(--sf-border); }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.empty .ws-slot-index { background:var(--sf-surface-2); }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.empty .ws-av { background:var(--sf-surface-2)!important;border-color:var(--sf-border); }
html[data-ui-theme="binance"] dialog.production-dialog #productionDialogTitle { color:var(--sf-text); }
html[data-ui-theme="binance"] dialog.production-dialog[data-kind="fusion"] #productionDialogTitle { color:var(--sf-text); }
html[data-ui-theme="binance"] dialog.production-dialog[data-kind="fusion"] :is(.fusion-material-scroll-hint,#fusionMainLabel,#fusionTraitsCount,#fusionTraitsHint,#fusionPaymentNote) { color:var(--sf-muted); }
html[data-ui-theme="binance"] dialog.production-dialog::backdrop { background:#0009; }

/* Dialog footers must not inherit the old light page-footer background. */
html[data-ui-theme="binance"] body :is(dialog,.modal-card)>:is(header,footer),
html[data-ui-theme="binance"] body :is(.hash-token-dialog,.account-finance-dialog) :is(header,footer),
html[data-ui-theme="binance"] body :is(.guild-dialog-footer,.guild-altar-footer,.market-dialog-footer) {
  background:var(--sf-surface);color:var(--sf-text);border-color:var(--sf-border);
}
html[data-ui-theme="binance"] body .hash-token-close {
  background:var(--sf-surface-2);color:var(--sf-text);border-color:var(--sf-border);
}
html[data-ui-theme="binance"] body .hash-token-dialog :is(dt,.hash-token-note,.hash-token-status) { color:var(--sf-muted); }
html[data-ui-theme="binance"] body .hash-token-dialog dd { color:var(--sf-text); }
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-row { background:var(--sf-surface-2);border-color:var(--sf-border);color:var(--sf-text); }
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-row p { color:var(--sf-muted); }
html[data-ui-theme="binance"] body #hashlingsVaultDialog input { background:var(--sf-surface);border-color:var(--sf-border);color:var(--sf-text); }
html[data-ui-theme="binance"] body #hashlingsVaultDialog a { color:var(--sf-accent); }

html[data-ui-theme="binance"] .free-draw-dialog { position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;background:var(--sf-surface);color:var(--sf-text);border:1px solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow); }
html[data-ui-theme="binance"] .free-draw-dialog[open] { display:grid;grid-template-rows:auto minmax(0,1fr) auto; }
html[data-ui-theme="binance"] .free-draw-dialog::backdrop { background:#0009;backdrop-filter:blur(4px); }
html[data-ui-theme="binance"] .free-draw-dialog>header { position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;width:auto;max-width:none;margin:0;padding:18px 22px;border:0;border-bottom:1px solid var(--sf-border);border-radius:0;background:var(--sf-surface); }
html[data-ui-theme="binance"] .free-draw-dialog h2 { font-size:20px;margin:0; }
html[data-ui-theme="binance"] .free-draw-body { min-height:0;padding:20px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin; }
html[data-ui-theme="binance"] .free-draw-dialog [hidden] { display:none!important; }
html[data-ui-theme="binance"] .free-draw-facts { display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--sf-border);gap:20px; }
html[data-ui-theme="binance"] .free-draw-facts>div { display:grid;gap:5px; }
html[data-ui-theme="binance"] .free-draw-facts>div:last-child { text-align:right; }
html[data-ui-theme="binance"] .free-draw-facts span { color:var(--sf-muted);font-size:12px; }
html[data-ui-theme="binance"] .free-draw-facts p { margin:0;line-height:1.2; }
html[data-ui-theme="binance"] .free-draw-facts strong { font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2; }
html[data-ui-theme="binance"] .free-draw-result { text-align:center;padding:8px 0 24px; }
html[data-ui-theme="binance"] .free-draw-art { height:164px;display:grid;place-items:center; }
html[data-ui-theme="binance"] .free-draw-art>canvas,html[data-ui-theme="binance"] .free-draw-art>img { width:112px;height:112px;object-fit:contain;image-rendering:pixelated; }
html[data-ui-theme="binance"] .free-draw-art .box-cinematic { display:grid;justify-items:center;gap:0;height:164px;grid-template-rows:128px 36px; }
html[data-ui-theme="binance"] .free-draw-art .box-cinematic canvas { width:154px;height:128px;image-rendering:pixelated; }
html[data-ui-theme="binance"] .free-draw-art .box-cinematic p { display:none; }
html[data-ui-theme="binance"] .free-draw-art .box-skip { min-height:32px;padding:4px 12px;font-size:12px;background:transparent;color:var(--sf-muted);border-color:transparent; }
html[data-ui-theme="binance"] .free-draw-result-label { margin:0 0 8px;color:var(--sf-muted);font-size:11px;letter-spacing:.12em; }
html[data-ui-theme="binance"] .free-draw-result-title { margin:0;font-size:24px;font-weight:650;line-height:1.35; }
html[data-ui-theme="binance"] .free-draw-result-copy { margin:10px 0 0;color:var(--sf-muted);font-size:13px;line-height:1.6;min-height:21px; }
html[data-ui-theme="binance"] .free-draw-result[data-state="won"] .free-draw-result-title { color:var(--sf-accent); }
html[data-ui-theme="binance"] .free-draw-result[data-state="won"] .free-draw-art { background:radial-gradient(ellipse at center,color-mix(in srgb,var(--sf-accent) 12%,transparent),transparent 64%); }
html[data-ui-theme="binance"] .free-draw-policy { margin:16px 0 0;font-size:11px;line-height:1.7;color:var(--sf-muted); }
html[data-ui-theme="binance"] .free-draw-history { margin:0;border-block:1px solid var(--sf-border); }
html[data-ui-theme="binance"] .free-draw-history summary { min-height:44px;box-sizing:border-box;padding:13px 0;cursor:pointer;font-size:12px;color:var(--sf-muted); }
html[data-ui-theme="binance"] .free-draw-history-list { margin:0 0 8px;padding:0;list-style:none;max-height:180px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin; }
html[data-ui-theme="binance"] .free-draw-history-row { display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--sf-border) 55%,transparent);font-size:12px; }
html[data-ui-theme="binance"] .free-draw-history-row time { color:var(--sf-muted);font-variant-numeric:tabular-nums; }
html[data-ui-theme="binance"] .free-draw-history-row span { text-align:right; }
html[data-ui-theme="binance"] .free-draw-history-row[data-outcome="won"] span { color:var(--sf-accent); }
html[data-ui-theme="binance"] .free-draw-prizes { margin:0 0 18px; }
html[data-ui-theme="binance"] .free-draw-prizes h3 { margin:0 0 12px;font-size:13px; }
html[data-ui-theme="binance"] .free-draw-prize-list { display:grid;gap:10px; }
html[data-ui-theme="binance"] .free-draw-record { display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-surface-2); }
html[data-ui-theme="binance"] .free-draw-prize-art :is(canvas,img) { width:48px;height:48px;object-fit:contain;image-rendering:pixelated; }
html[data-ui-theme="binance"] .free-draw-record strong { font-size:13px; }
html[data-ui-theme="binance"] .free-draw-record p { margin:4px 0 0;font-size:11px;color:var(--sf-muted); }
html[data-ui-theme="binance"] .free-draw-dialog button { min-height:40px;padding:8px 16px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-primary);color:var(--sf-on-accent);cursor:pointer; }
html[data-ui-theme="binance"] .free-draw-dialog>header button { background:var(--sf-surface-2);color:var(--sf-text); }
html[data-ui-theme="binance"] .free-draw-dialog>footer { display:grid;gap:8px;margin:0;padding:16px 24px;border-top:1px solid var(--sf-border);background:var(--sf-surface);text-align:center; }
html[data-ui-theme="binance"] .free-draw-dialog>footer button { width:100%;min-height:46px;font-size:14px;font-weight:650;line-height:1.4; }
html[data-ui-theme="binance"] .free-draw-footnote { margin:0;color:var(--sf-muted);font-size:11px; }
html[data-ui-theme="binance"] .free-draw-notice,html[data-ui-theme="binance"] .free-draw-availability { margin:0 0 16px;padding:12px 14px;border-radius:8px;line-height:1.6;font-size:13px;background:var(--sf-surface-2);color:var(--sf-text); }
html[data-ui-theme="binance"] .free-draw-notice { border-left:3px solid var(--sf-negative,#f6465d); }
html[data-ui-theme="binance"] .free-draw-dialog :is(button,summary):focus-visible { outline:2px solid var(--sf-accent);outline-offset:3px; }
@media(max-width:480px){html[data-ui-theme="binance"] .free-draw-dialog { width:calc(100vw - 24px);max-height:calc(100dvh - 24px); }html[data-ui-theme="binance"] .free-draw-dialog>header,html[data-ui-theme="binance"] .free-draw-body { padding:16px; }html[data-ui-theme="binance"] .free-draw-dialog>footer { padding:14px 16px; }html[data-ui-theme="binance"] .free-draw-result-title { font-size:22px; }html[data-ui-theme="binance"] .free-draw-record { grid-template-columns:40px minmax(0,1fr);gap:10px; }html[data-ui-theme="binance"] .free-draw-record button { grid-column:1/-1;width:100%; }html[data-ui-theme="binance"] .free-draw-prize-art :is(canvas,img) { width:40px;height:40px; }}
html[data-ui-theme="binance"] .social-twitter { border-top:1px solid var(--sf-border);margin-top:18px;padding-top:12px; }
html[data-ui-theme="binance"] #boxPicker .box-card { opacity:.9;filter:none; }
html[data-ui-theme="binance"] #boxPicker .box-card:is(.active,:hover) { opacity:1;filter:none; }
html[data-ui-theme="binance"] #boxPicker .box-card .box-name { color:var(--sf-text); }
html[data-ui-theme="binance"] #boxPicker .box-card.active .box-name { color:var(--sf-text); }
html[data-ui-theme="binance"] #boxPicker .box-bias { color:var(--sf-muted); }
html[data-ui-theme="binance"] #boxPicker .box-cost { color:var(--box-tier,var(--sf-accent)); }
html[data-ui-theme="binance"] #boxPicker .box-card:focus-visible .box-icon { outline:2px solid var(--sf-primary); }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.empty .ws-buy { background:var(--sf-primary);color:var(--sf-on-accent);border-color:transparent; }
html[data-ui-theme="binance"] #worldSwitcher .ws-card.empty .ws-buy:hover:not(:disabled) { background:var(--sf-primary-hover);border-color:transparent; }