/* Midnight Auction: original geometry, new presentation only. */
.jp-symbol-slot{position:relative;display:inline}.jp-dream-symbol{display:none}.jp-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask-image:var(--jp-icon);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--jp-icon);mask-size:100% 100%;mask-repeat:no-repeat}
html[data-ui-style=midnight] .jp-symbol-slot>.jp-original-symbol{visibility:hidden}html[data-ui-style=midnight] .jp-symbol-slot>.jp-dream-symbol{display:block;position:absolute;inset:0;pointer-events:none;text-align:center}
.jp-skill-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;background-size:400% 400%}.jp-skills-a{background-image:url('../asset/ui/skills-a.webp')}.jp-skills-b{background-image:url('../asset/ui/skills-b.webp')}.jp-skill-label{position:relative}html[data-ui-style=midnight] .jp-skill-label:before{content:'';position:absolute;inset:-5px -3px;background:var(--jp-skill-image) right center/contain no-repeat;opacity:.2;pointer-events:none}
.jp-style-settings{padding:14px 0;border-bottom:1px solid #494457;margin-bottom:12px}.jp-style-settings h4{font-size:14px;margin:0 0 10px}.jp-style-options,.jp-effect-options{display:flex;gap:8px}.jp-style-options button,.jp-effect-options button{min-height:44px;flex:1;padding:10px 7px;border:1px solid #555064;background:#24232d;border-radius:8px;color:#ddd;font:inherit;font-size:13px}.jp-style-options small{display:block;font-size:10px;color:#c1bbcd;margin-top:5px}.jp-style-options [aria-pressed=true],.jp-effect-options [aria-pressed=true]{border-color:#c5a3ff;background:#503d72;color:white}.jp-style-status{font-size:11px;color:#b4aec2;line-height:1.6;margin:10px 0 15px}
#dailyModal[hidden]{display:none!important}

/* Five separate dark art directions. Preview-only; original control geometry stays fixed. */
html[data-ui-style=midnight] #page-home{--ink:#e3d6bb;--muted:#968b77;--accent:#b99864;--panel:#171715;--edge:#d5ba795c;--bg-image:url('../asset/ui/midnight-hall.webp');background:linear-gradient(180deg,#08090bed 0%,#08090b55 25%,#08090b05 40%,#08090b50 55%,#08090bd9 74%,#08090bf5 100%),var(--bg-image) center/cover no-repeat!important}
html[data-ui-style=midnight] #page-home[data-desktop-art-old-bg]{background:transparent!important}
html[data-ui-style=midnight] #page-home .home-side-dock{background:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ui-style=midnight] #page-home .home-header{background:linear-gradient(#030509bb,transparent)!important}
html[data-ui-style=midnight] #page-home .home-avatar{border-color:var(--edge);box-shadow:none}
html[data-ui-style=midnight] #page-home .home-coins-value{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:var(--ink)!important;filter:none!important;text-shadow:0 2px 8px #0009!important}
html[data-ui-style=midnight] #page-home .home-title .sub{color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;text-shadow:0 2px 4px #000!important}
html[data-ui-style=midnight] #page-home .home-title{line-height:calc(var(--huis-36) * 4 / 3)}
html[data-ui-style=midnight] #page-home .home-title .sub{line-height:calc(var(--huis-12) * 4 / 3)}
html[data-ui-style=midnight] #page-home .home-coins-label{color:var(--muted)!important}
html[data-ui-style=midnight] #page-home .home-side-btn{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--edge)!important;border-radius:3px!important;box-shadow:inset 0 1px 0 #ffffff0c,0 5px 12px #0007!important;animation:none!important;transform:none!important;backdrop-filter:none!important}
html[data-ui-style=midnight] #page-home .home-side-label{color:var(--ink)!important;text-shadow:none!important}
html[data-ui-style=midnight] #page-home .home-side-icon{color:var(--ink)!important;filter:none!important;text-shadow:none!important}
html[data-ui-style=midnight] #page-home .jp-icon{background:var(--ink)!important;-webkit-mask-image:var(--jp-icon);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--jp-icon);mask-size:100% 100%;mask-repeat:no-repeat;filter:none!important;animation:none!important;mix-blend-mode:normal!important}
html[data-ui-style=midnight] #page-home .home-side-icon .jp-icon{width:1.15em;height:1.15em;margin-top:-.075em;margin-left:-.075em}
html[data-ui-style=midnight] #page-home #startMatchBtn{background:var(--accent)!important;color:#101316!important;-webkit-text-fill-color:#101316!important;border-radius:3px!important;box-shadow:inset 0 1px 0 #fff3,inset 0 -2px 0 #0004,0 8px 16px #0009!important;text-shadow:none!important;transform:none!important;animation:none!important}
html[data-ui-style=midnight] #page-home #startMatchBtn:before{inset:4px;height:auto;border:1px solid #ffffff30;border-radius:1px;background:none!important}
html[data-ui-style=midnight] #page-home #rankedMatchBtn{background:var(--panel)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;border-radius:0 0 3px 3px!important;box-shadow:inset 0 -1px 0 var(--edge),inset 1px 0 0 var(--edge),inset -1px 0 0 var(--edge)!important;transform:none!important;animation:none!important;text-shadow:none!important}
html[data-ui-style=midnight] #page-home #rankedMatchBtn:before{display:none}
html[data-ui-style=midnight] #page-home .home-room-panel{background:#080b10bd!important;border-color:var(--edge)!important;box-shadow:none!important}
html[data-ui-style=midnight] #page-home .home-room-header{background:var(--panel)!important;color:var(--muted)!important}
/* Five independent targets inside the existing 72px home dock reservation. */
html[data-ui-style=midnight] #page-home .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;left:0!important;right:0!important;bottom:0!important;padding:5px 13px calc(9px + env(safe-area-inset-bottom,0px))!important;border:0;border-radius:0;background:linear-gradient(180deg,rgba(4,7,8,.78),rgba(4,7,8,.96))!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ui-style=midnight] #page-home .bottom-nav:before{display:none}
html[data-ui-style=midnight] #page-home .bottom-nav>button{min-width:0;min-height:52px;height:52px;padding:4px 2px!important;gap:4px!important;justify-content:center;border:1px solid transparent;border-radius:12px!important;background:transparent;color:#d8cfbb;font-size:clamp(11px,var(--huis-11),13px)!important;line-height:1;letter-spacing:.5px;white-space:nowrap;text-shadow:none;box-shadow:none;transform:none;transition:background-color .22s ease,border-color .22s ease,color .22s ease}
html[data-ui-style=midnight] #page-home .bottom-nav>button .nav-icon{width:28px!important;height:26px!important;font-size:clamp(22px,var(--huis-24),26px)!important;line-height:1;margin:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease}
html[data-ui-style=midnight] #page-home .bottom-nav>button:hover,html[data-ui-style=midnight] #page-home .bottom-nav>button:focus-visible{background:#bca47716;border-color:#ccb78730;color:#f2e4c4;transform:none}
html[data-ui-style=midnight] #page-home .bottom-nav>button:hover .nav-icon{transform:translateY(-1px)}
html[data-ui-style=midnight] #page-home .bottom-nav>button:active{background:#bca4772b;border-color:#ccb78752;transform:none;filter:none}
html[data-ui-style=midnight] #page-home .bottom-nav>button:active .nav-icon{transform:scale(.92)}
html[data-ui-style=midnight] #page-home .bottom-nav [id$=RedDot]{top:3px!important;right:calc(50% - 18px)!important;box-shadow:0 0 0 2px #19201d}
@media(prefers-reduced-motion:reduce){html[data-ui-style=midnight] #page-home .bottom-nav>button,html[data-ui-style=midnight] #page-home .bottom-nav>button .nav-icon{transition:none}html[data-ui-style=midnight] #page-home .bottom-nav>button:hover .nav-icon,html[data-ui-style=midnight] #page-home .bottom-nav>button:active .nav-icon{transform:none}}
/* 01 / Art Deco: stepped architectural frames and champagne foil. */
html[data-ui-style=midnight] #page-home{--ink:#ebdfc3;--muted:#ad9871;--accent:linear-gradient(105deg,#96805a,#e4cca0 48%,#a78e63);--panel:#141719e8;--edge:#baa07769;--bg-image:url('../asset/ui/midnight-hall.webp')}
html[data-ui-style=midnight] #page-home .home-side-btn{border-radius:0!important;box-shadow:inset 0 0 0 2px #11161a,inset 0 0 0 3px #9c875a45,0 4px 9px #000b!important}
/* Shared system surfaces. No geometric rules: original.css owns positioning and flow. */
html[data-ui-style=midnight]{--mid-ink:#eadfc7;--mid-muted:#aaa08d;--mid-surface:linear-gradient(135deg,#272722f5,#101617f7 70%,#201f1bf5);--mid-control:linear-gradient(140deg,#33332b,#151a1c);--mid-primary:linear-gradient(105deg,#a58f66,#dfcca4 50%,#b1986b);color-scheme:dark}
html[data-ui-style=midnight] body,html[data-ui-style=midnight] .container{background-color:#090d0e;color:var(--mid-ink)}
html[data-ui-style=midnight] .jp-icon{background:currentColor!important;-webkit-mask-image:var(--jp-icon);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--jp-icon);mask-size:100% 100%;mask-repeat:no-repeat;filter:none!important}
html[data-ui-style=midnight] button{background:var(--mid-control);color:var(--mid-ink);text-shadow:none;box-shadow:inset 0 1px 0 #d5bf8e18}
html[data-ui-style=midnight] :is(.settings-card,.confirm-box,.lottery-result-card,.skill-panel,.loan-card,.shop-panel,.album-panel,.profile-card){background:var(--mid-surface);border-color:#b29a655e;box-shadow:inset 0 1px 0 #f3dcb729,0 14px 40px #0009}
html[data-ui-style=midnight] #confirmOverlay .confirm-btn-confirm{background:linear-gradient(105deg,#e1bd76,#b18b4b)!important;color:#171b19!important;border:1px solid #f2dcaa!important;box-shadow:inset 0 1px 0 #fff7d47a,0 4px 14px #b18b4b55!important}
html[data-ui-style=midnight] #confirmOverlay .confirm-btn-cancel{background:#111719!important;color:#a9aaa5!important;border:1px solid #72766c!important;box-shadow:inset 0 1px 2px #0008!important}
html[data-ui-style=midnight] #recordHistoryPopup .record-history-close{background:linear-gradient(145deg,#292a23,#171c1b);border-color:#b49a695c;color:#d8cfbb;box-shadow:inset 0 1px 0 #fff2,0 3px 8px #0005}
html[data-ui-style=midnight] .calc-panel{background:linear-gradient(155deg,#22251f 0%,#111819 58%,#111516 100%);border-color:#baa06e66;box-shadow:0 -16px 48px #000b,inset 0 1px 0 #f1dfbd24}
html[data-ui-style=midnight] .calc-title{color:#e7d8b7}
html[data-ui-style=midnight] .calc-coins{color:#aaa391}
html[data-ui-style=midnight] .calc-display{background:linear-gradient(115deg,#0d1414,#1d211c);border-color:#b39b6b8c;color:#e8ce8b;box-shadow:inset 0 2px 9px #0008,0 1px 0 #fff1}
html[data-ui-style=midnight] .calc-multiplier{background:linear-gradient(145deg,#292a23,#171c1b);border-color:#a88e5a66;color:#d4bd87}
html[data-ui-style=midnight] .calc-multiplier.active{background:linear-gradient(145deg,#394139,#202a27);border-color:#bdc4a0;color:#ede6c8;box-shadow:inset 0 1px 0 #fff3,0 0 0 1px #c4ae7233}
html[data-ui-style=midnight] .calc-key{background:linear-gradient(155deg,#2b2d26,#171d1d);border-color:#b5a17638;color:#e8dfca;box-shadow:inset 0 1px 0 #fff2,0 3px 7px #0005}
html[data-ui-style=midnight] .calc-key.fn{background:linear-gradient(155deg,#202521,#121817);border-color:#91866844;color:#aaa99d}
html[data-ui-style=midnight] .calc-key.confirm{background:linear-gradient(110deg,#c7a45f,#ead394 52%,#b99555)!important;border-color:#f0dda9!important;color:#20231e!important;-webkit-text-fill-color:#20231e!important;box-shadow:inset 0 1px 0 #fff9d58c,inset 0 -2px 0 #826d45,0 5px 14px #b18b4b55!important;text-shadow:none!important}
html[data-ui-style=midnight] .result-card{background:radial-gradient(ellipse at 50% 0%,#b398561c,transparent 62%),linear-gradient(155deg,#242620,#111819 72%);border-color:#b79d6a63;box-shadow:inset 0 1px 0 #f4e2bd1c,0 18px 54px #000b}
html[data-ui-style=midnight] .result-card.snipe{border-color:#d7b769b8;box-shadow:0 0 0 1px #d7b76929,0 18px 60px #000c,0 0 38px #d2a8472b,inset 0 1px 0 #fff0cb38}
html[data-ui-style=midnight] .result-card .result-title{color:#ead7ad;text-shadow:0 0 18px #dfbd7040}
html[data-ui-style=midnight] .result-card.snipe .result-title{color:#f3db9b;text-shadow:0 0 22px #e5bd617a}
html[data-ui-style=midnight] .result-bid-row{background:linear-gradient(110deg,#ffffff0c,#ffffff04);border-color:#e8d5a411}
html[data-ui-style=midnight] .result-bid-row:first-child{background:linear-gradient(110deg,#c4a35d2b,#c4a35d08);border-color:#d8ba6d69}
html[data-ui-style=midnight] .result-bid-row .r-rank:first-child{color:#d7bc7d}
html[data-ui-style=midnight] .result-bid-row .r-name.winner,html[data-ui-style=midnight] .result-bid-row .r-bid.highlight{color:#ecd18d}
html[data-ui-style=midnight] :is(.warehouse-overlay,.market-overlay,.shop-overlay,.showcase-overlay,.collection-hub-overlay){background:#0b1011}
html[data-ui-style=midnight] :is(.warehouse-header,.market-header,.shop-header,.showcase-header,.game-top-bar,.exp-topbar,.jade-top-bar){background:linear-gradient(110deg,#282820,#131a1b);border-color:#ae996a5c;box-shadow:inset 0 1px 0 #ecdbc414}
html[data-ui-style=midnight] :is(.warehouse-title,.market-title,.showcase-title,.shop-title,.exp-title,.settings-card h3,.confirm-box h3){color:var(--mid-ink);-webkit-text-fill-color:currentColor;background:none;text-shadow:0 1px 2px #000}
html[data-ui-style=midnight] :is(.back-btn,.lottery-side-btn,.premium-target-arrow,.premium-target-btn){background:var(--mid-control)!important;color:var(--mid-ink)!important;border-color:#b6a07475;box-shadow:inset 0 1px 0 #e7d7b233,0 3px 8px #0005;text-shadow:none}
html[data-ui-style=midnight] :is(.start-btn,.action-btn,.shop-buy-btn,.mk-buy-btn,.lottery-draw-btn){background:var(--mid-control)!important;color:var(--mid-ink);box-shadow:inset 0 1px 0 #dcc59644,inset 0 -1px 0 #9e875853,0 3px 8px #0005;text-shadow:none}
html[data-ui-style=midnight] :is(#bidBtn,.lottery-draw10-btn,.jade-btn-confirm:not(:disabled)){background:var(--mid-primary)!important;color:#141919!important;-webkit-text-fill-color:#141919!important;box-shadow:inset 0 1px 0 #ffedc966,inset 0 -2px 0 #6b5b3f,0 5px 12px #0006!important;text-shadow:none!important;animation:none}
html[data-ui-style=midnight] .lottery-draw10-btn.premium-ten:before{display:none}
html[data-ui-style=midnight] .lottery-container{box-shadow:none}
html[data-ui-style=midnight] .lottery-header{background:linear-gradient(#080b0f99,transparent)}
html[data-ui-style=midnight] .lottery-side-btn{background:linear-gradient(120deg,#373329dd,#101719eb)!important;border-color:#d1b47a80!important;backdrop-filter:blur(6px)}
html[data-ui-style=midnight] :is(.lottery-cost,.lottery-pity-counter){background:#101514de;border-color:#bca16b7a;color:var(--mid-ink);text-shadow:0 1px 3px #000;box-shadow:inset 0 1px 0 #e8d7b429}
html[data-ui-style=midnight] .recruit-tab-bar{background:linear-gradient(#242821ef,#0c1314f7);border-color:#baa06e75;box-shadow:inset 0 1px 0 #e2d3b329,0 4px 14px #0008}
html[data-ui-style=midnight] .recruit-tab{background:transparent!important;color:#b2ab9a!important;border-color:transparent!important;text-shadow:none}
html[data-ui-style=midnight] .recruit-tab[class*=active-]{background:linear-gradient(#bfa77836,#7162464a)!important;color:#f2e3c2!important;box-shadow:inset 0 -2px 0 #cfb77d,inset 0 1px 0 #eedbb336}
html[data-ui-style=midnight] :is(.mk-row,.shop-item,.album-item,.map-card,.opp-card,.skill-btn){background:linear-gradient(130deg,#2b2b2369,#0f181ae3);box-shadow:inset 0 1px 0 #ddc69714}
html[data-ui-style=midnight] :is(.warehouse-grid,.grid-wrap,.market-list){background-color:#0a1112}
/* Auction rarity and reveal cues use the classic fallbacks, not surface tinting. */
html[data-ui-style=midnight] :is(#itemGrid,#revealGrid,#bbItemGrid){
background-color:#0a0a0a;
--jp-v-fca79f7883:initial;
--jp-v-58848d6cab:initial;
--jp-v-af74e7ae70:initial;
--jp-v-f44e334dcc:initial;
--jp-v-0d31978d26:initial;
--jp-v-cc4c452d89:initial;
--jp-v-8c5e7c434c:initial;
--jp-v-50be094c61:initial;
--jp-v-2dcdb5d01a:initial;
--jp-v-904cf9eb96:initial;
--jp-v-ecbb478276:initial;
--jp-v-0058f36194:initial;
--jp-v-3156022c5e:initial;
--jp-v-43ae2c730e:initial;
--jp-v-441e49b8b4:initial;
--jp-v-1ab6c0107d:initial;
}
html[data-ui-style=midnight] :is(.warehouse-footer,.warehouse-tab-bar,.action-row){background-color:#131a19;border-color:#ab93684d}
html[data-ui-style=midnight] :is(.settings-tab-btn,.shop-tab,.collection-hub-tab,.warehouse-tab){background:linear-gradient(#2b302770,#131b1b);color:var(--mid-muted);border-color:#a08d6744}
html[data-ui-style=midnight] :is(.settings-tab-btn.active,.shop-tab.active,.collection-hub-tab.active,.warehouse-tab.active){background:#75654744;color:#eee1c3;box-shadow:inset 0 -2px 0 #c0a779}
html[data-ui-style=midnight] :is(input,select,textarea){background-color:#0a1213;color:var(--mid-ink);border-color:#a9987263;box-shadow:inset 0 2px 4px #0005}
html[data-ui-style=midnight] :is(.exp-page-bg,.jade-bg-cloth){background:radial-gradient(ellipse at top,#5447332b,transparent),#0a1414}
html[data-ui-style=midnight] :is(.jade-action-bar,.jade-mold-bar,.jade-value-card){background:var(--mid-surface);border-color:#9e8b6657}
html[data-ui-style=midnight] .jade-canvas-wrap{background:#0c1816;box-shadow:inset 0 0 24px #354b3722}
html[data-ui-style=midnight] .jp-style-options [aria-pressed=true],html[data-ui-style=midnight] .jp-effect-options [aria-pressed=true]{background:#6555365c;border-color:#cbb684;color:#f1e1bf}
/* Toggle state must remain legible independently of the general surface tokens. */
html[data-ui-style=midnight] .settings-toggle{flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
html[data-ui-style=midnight] .settings-toggle.on{background:#c5aa70!important;border-color:#efdab0!important;box-shadow:inset 0 1px 1px #fff6,0 0 0 2px #c5aa701a!important}
html[data-ui-style=midnight] .settings-toggle.off{background:#252f2f!important;border-color:#69736b!important;box-shadow:inset 0 1px 3px #0006!important}
html[data-ui-style=midnight] .settings-toggle:after{background:#a4aea4!important;box-shadow:0 1px 3px #0007!important}
html[data-ui-style=midnight] .settings-toggle.on:after{background:#fff8e7!important;box-shadow:0 1px 3px #5e482e88!important}
html[data-ui-style=midnight] .settings-toggle:before{position:absolute;top:3px;font:700 10px/18px 'Microsoft YaHei',sans-serif;pointer-events:none;text-shadow:none}
html[data-ui-style=midnight] .settings-toggle.on:before{content:'开';left:5px;color:#332d20}
html[data-ui-style=midnight] .settings-toggle.off:before{content:'关';right:5px;color:#b8c2b8}
html[data-ui-style=midnight] .jp-style-options [aria-pressed=true],html[data-ui-style=midnight] .jp-effect-options [aria-pressed=true]{background:#c5aa70;color:#171e1b;border-color:#efdab0;box-shadow:inset 0 1px 0 #fff6}
html[data-ui-style=midnight] .jp-style-options [aria-pressed=true] small{color:#3f4939}
html[data-ui-style=midnight] button:focus-visible{outline:2px solid #d4bd89;outline-offset:2px}
html[data-ui-style=midnight] button:disabled{filter:saturate(.3);opacity:.5}
html[data-ui-style=midnight] button:active{filter:brightness(.85)}
/* Fixed hit planes: theme effects never translate the controls. */
html[data-ui-style=midnight] :is(.home-side-btn,.start-btn,.lottery-draw-btn,.lottery-draw10-btn):hover,html[data-ui-style=midnight] :is(.home-side-btn,.start-btn,.lottery-draw-btn,.lottery-draw10-btn):active{transform:none}
html[data-ui-style=midnight] #page-home .home-side-btn{animation:none!important}
html[data-ui-style=midnight][data-ui-effects=low] :is(.lottery-side-btn,.settings-card){backdrop-filter:none}
@media(prefers-reduced-motion:reduce){html[data-ui-style=midnight] :is(.lottery-side-btn,.settings-card){backdrop-filter:none}}

/* Warehouse dialogs: shared action hierarchy, with no layer painted over labels. */
/* Expedition actions need paired foreground/background colours, including completion. */
html[data-ui-style=midnight] :is(.exp-slot-btn,.exp-result-action,.exp-btn-confirm-dispatch,.exp-btn-claim,.exp-action-btn,.exp-auto-pick-btn){background:linear-gradient(145deg,#303129,#1a2220)!important;color:#eadfc7!important;-webkit-text-fill-color:currentColor!important;border:1px solid #b6a07470;text-shadow:none!important;box-shadow:inset 0 1px 0 #f1dcb520,0 3px 8px #0004}
html[data-ui-style=midnight] :is(.exp-slot-btn.claim,.exp-slot-btn.sort,.exp-result-warehouse,.exp-btn-confirm-dispatch,.exp-btn-claim,.exp-auto-pick-btn.value,.exp-action-btn.rotate){background:linear-gradient(110deg,#b89a61,#e5cea0 55%,#c4a672)!important;color:#24251d!important;border-color:#f0dbac;box-shadow:inset 0 1px 0 #fff1cd88,0 4px 12px #0005}
html[data-ui-style=midnight] :is(.exp-slot-btn,.exp-result-action,.exp-btn-confirm-dispatch,.exp-btn-claim,.exp-action-btn,.exp-auto-pick-btn):disabled{background:#192120!important;color:#92998f!important;border-color:#6b766447;opacity:.65;filter:none;box-shadow:none;cursor:not-allowed}
html[data-ui-style=midnight] .exp-slot.active.completed{background:radial-gradient(ellipse at top left,#b59c5429,transparent 75%),linear-gradient(135deg,#252920,#131c1b);border-color:#d2b369;box-shadow:inset 0 1px 0 #ffecba33,0 0 18px #d8b75f20}
html[data-ui-style=midnight] .exp-slot.pending{border-color:#92b99a;box-shadow:inset 0 1px 0 #cdebd326,0 0 16px #8ab7931a}
html[data-ui-style=midnight] :is(.wh-mkt-card,#whEditMenu .confirm-box){background:var(--mid-surface)!important;border:1px solid #b29a655e!important;border-radius:16px!important;box-shadow:inset 0 1px 0 #f3dcb729,0 14px 40px #0009!important}
html[data-ui-style=midnight] :is(.wh-mkt-card .wh-mkt-btn,#whEditMenu .start-btn,.wh-dialog-button){display:block;min-height:44px;width:100%;max-width:none;padding:12px 16px!important;border:1px solid var(--wh-action-edge,#b6a07470)!important;border-radius:10px!important;background:var(--wh-action-bg,linear-gradient(145deg,#303129,#1a2220))!important;color:var(--wh-action-ink,#eadfc7)!important;-webkit-text-fill-color:currentColor!important;font-size:14px!important;line-height:1.5;font-weight:700!important;letter-spacing:.5px!important;text-shadow:none!important;box-shadow:var(--wh-action-shadow,inset 0 1px 0 #f1dcb520,0 3px 8px #0004)!important;transition:filter .15s ease,border-color .15s ease;overflow:hidden}
html[data-ui-style=midnight] :is(.wh-mkt-card .wh-mkt-btn,#whEditMenu .start-btn,.wh-dialog-button)::before{content:none!important;display:none!important}
html[data-ui-style=midnight] :is(#whMktSellBtn,#whMktOpenBtn,.wh-dialog-primary){--wh-action-bg:linear-gradient(110deg,#b89a61,#e5cea0 55%,#c4a672);--wh-action-ink:#24251d;--wh-action-edge:#f0dbac;--wh-action-shadow:inset 0 1px 0 #fff1cd88,0 4px 12px #0005}
/* Opening a key is the main action; selling it is secondary. */
html[data-ui-style=midnight] #whMktOpenBtn ~ #whMktSellBtn{--wh-action-bg:linear-gradient(145deg,#303129,#1a2220);--wh-action-ink:#eadfc7;--wh-action-edge:#b6a07470;--wh-action-shadow:inset 0 1px 0 #f1dcb520,0 3px 8px #0004}
html[data-ui-style=midnight] :is(.wh-mkt-card > div:last-child > .wh-mkt-btn:last-child,#whEditMenu .start-btn:last-child,.wh-dialog-cancel){--wh-action-bg:#111a1980;--wh-action-ink:#bbb6a9;--wh-action-edge:#8e8b714d;--wh-action-shadow:none}
html[data-ui-style=midnight] :is(.wh-mkt-card .wh-mkt-btn,#whEditMenu .start-btn,.wh-dialog-button):disabled{--wh-action-bg:#192120;--wh-action-ink:#92998f;--wh-action-edge:#6b766447;--wh-action-shadow:none;opacity:.65;filter:none;cursor:not-allowed}
html[data-ui-style=midnight] :is(.wh-mkt-card .wh-mkt-btn,#whEditMenu .start-btn,.wh-dialog-button):hover:not(:disabled){filter:brightness(1.1);transform:none}
html[data-ui-style=midnight] :is(.wh-mkt-card .wh-mkt-btn,#whEditMenu .start-btn,.wh-dialog-button):active:not(:disabled){filter:brightness(.92);transform:none}