/* Merchant Game V9
   - header: current frontend (86) ItemPrice header CSS/DOM, no imitation
   - center: current price-guess pg-* DOM/classes, no imitation skin
   - merchant CSS only owns matchmaking / duel shell / side panels / result / roulette
*/
:root{color-scheme:dark}
html,body{min-height:100%}
body.merchant-page{margin:0;background:
  radial-gradient(circle at 50% 15%,rgba(0,91,172,.12),transparent 38%),
  radial-gradient(circle at 84% 76%,rgba(169,53,48,.055),transparent 34%),
  #020b14;color:#edf5ff;overflow-x:hidden}
body.merchant-page .ip-topbar{position:relative;z-index:150}
body.merchant-page .ip-header-frame-v521{max-width:1380px}
.hidden{display:none!important}

.merchant-shell{width:min(1510px,calc(100% - 28px));margin:0 auto;padding:22px 0 44px;box-sizing:border-box}
.merchant-setup{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:40px 0;box-sizing:border-box}
.setup-layout{width:min(980px,calc(100vw - 36px));display:grid;grid-template-columns:minmax(0,620px) 300px;gap:18px;align-items:stretch}
.setup-card{width:100%;padding:42px 44px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(160deg,rgba(28,37,50,.98),rgba(11,17,26,.995));box-shadow:0 28px 80px rgba(0,0,0,.36);text-align:center;box-sizing:border-box}
.setup-kicker{display:block;color:#76bfff;font-size:10px;font-weight:950;letter-spacing:.15em}.setup-card h1{margin:9px 0 7px;font-size:38px;line-height:1.1}.setup-card h1 b{color:#ff765f}.setup-card p{margin:0;color:#94a4b6;font-size:13px;line-height:1.6}
.match-button{width:100%;min-height:72px;margin-top:24px;border:0;border-radius:15px;background:linear-gradient(135deg,#238cff,#3368e5);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 34px rgba(28,106,227,.24);font-family:inherit}.match-button:hover{filter:brightness(1.06)}.match-button.cancel{background:linear-gradient(135deg,#b5344c,#7d243b)}.match-button-icon{font-size:25px}.match-button>span:last-child{display:grid;gap:2px}.match-button b{font-size:19px}.match-button em{font-size:10px;font-style:normal;opacity:.76}
.queue-wait{margin-top:18px;padding:14px 18px;border:1px solid #244a6f;border-radius:12px;background:#081a2b;display:flex;justify-content:space-between;align-items:center;gap:20px}.queue-wait span{color:#9db1c8;font-size:12px;font-weight:800}.queue-wait strong{font-size:20px;color:#ffd15d;font-variant-numeric:tabular-nums}.setup-status{margin-top:12px;color:#748ba4;font-size:11px}

.merchant-game{width:100%;margin:0 auto}
.merchant-duel-layout{display:grid;grid-template-columns:246px minmax(790px,1fr) 300px;gap:12px;align-items:start}
.merchant-side{height:728px;min-width:0;padding:15px;border-radius:18px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:13px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.opponent-side{border:1px solid #8f3150;background:linear-gradient(180deg,rgba(56,13,31,.95),rgba(17,13,24,.985))}
.player-side{border:1px solid #186ebc;background:linear-gradient(180deg,rgba(5,35,62,.97),rgba(3,18,33,.99))}
.side-accent{align-self:flex-start;padding:7px 11px;border:1px solid #ac3a5a;border-radius:8px;background:#70203b;color:#ff9db1;font-size:11px;font-weight:950}.side-accent.player{border-color:#277bc9;background:#154c82;color:#a8d7ff}
.side-profile{display:flex;align-items:center;gap:11px;padding:4px 2px 13px;border-bottom:1px solid rgba(126,151,180,.2)}.side-profile>div:last-child{min-width:0;display:grid;gap:2px}.side-profile span,.side-head span,.side-status span,.side-time span,.side-conditions>span,.side-inventory-title>span{font-size:9px;color:#8298b1;font-weight:850}.side-profile b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-profile em{font-style:normal;color:#e9f2fc;font-size:11px;font-weight:900}
.merchant-avatar{width:42px;height:42px;border:1px solid #4389d5;border-radius:50%;display:grid;place-items:center;color:#6bb1ff;background:#0b2948;box-shadow:0 0 18px rgba(49,128,219,.12)}.opponent-avatar{border-color:#bd3d62;color:#ff6e92;background:#42142a}
.side-section{display:grid;gap:7px}.side-head{display:flex;justify-content:space-between;align-items:flex-end;gap:7px}.side-head b{font-size:12px}.progress-track{height:7px;border-radius:999px;background:#10243a;overflow:hidden}.progress-track i{display:block;height:100%;width:0;border-radius:inherit;transition:width .18s ease}.opponent-progress i{background:linear-gradient(90deg,#ef4568,#ff6d7f)}.player-progress i{background:linear-gradient(90deg,#2489ff,#46b6ff)}
.side-status{padding:12px;border:1px solid rgba(171,54,86,.55);border-radius:11px;background:rgba(40,11,24,.5);display:grid;gap:4px}.side-status b{color:#ff718b;font-size:14px}.side-status em{font-style:normal;color:#7f93a9;font-size:9px;line-height:1.5}.side-note{margin-top:auto;padding:12px 2px 2px;border-top:1px solid rgba(126,151,180,.2);display:grid;gap:4px}.side-note b{font-size:10px}.side-note span{color:#71879f;font-size:9px;line-height:1.55}
.side-time,.side-conditions{padding:10px 11px;border:1px solid #204d74;border-radius:10px;background:#071a2e}.side-time{display:flex;justify-content:space-between;align-items:center}.side-time b{font-size:18px;color:#ffd15d;font-variant-numeric:tabular-nums}.side-conditions{display:grid;gap:7px}.mini-condition-chips{display:grid;grid-template-columns:1fr 1fr;gap:5px}

.merchant-center{min-width:0;border:1px solid #176ec3;border-radius:18px;background:#041526;overflow:hidden;box-shadow:0 0 30px rgba(15,104,196,.10)}
.shared-rulebar{height:54px;padding:0 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #16456f;background:#061a2e;box-sizing:border-box}.shared-title{display:flex;align-items:center;gap:7px;min-width:190px}.shared-title span{color:#53a8ff}.shared-title b{font-size:10px;color:#dce9f7}.condition-chips{margin-left:auto;display:flex;gap:6px;align-items:center}.condition-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #26577f;border-radius:7px;background:#09223a;color:#8ca7c1;font-size:8px;font-weight:850;white-space:nowrap}.condition-chip strong{color:#eef7ff}.match-clock{margin-left:5px;padding-left:11px;border-left:1px solid #204a70;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.match-clock span{font-size:8px;color:#7891aa}.match-clock b{font-size:11px;color:#ffd15e}.match-clock strong{font-size:20px;color:#ffd15e;font-variant-numeric:tabular-nums}
.merchant-priceguess-frame{padding:0 10px 10px;min-height:672px;box-sizing:border-box}.merchant-priceguess-frame>.pg-question-card{width:100%;margin-left:auto;margin-right:auto}
.panel-placeholder{height:450px;display:grid;place-items:center;align-content:center;gap:8px;color:#77899e}.panel-placeholder span{font-size:9px;letter-spacing:.18em}.panel-placeholder b{font-size:13px}
.auction-input-row{width:min(500px,100%);margin:14px auto 0;display:grid;grid-template-columns:1fr 90px;gap:8px}.auction-input-row input,.auction-input-row button{height:48px;border-radius:10px;font:inherit}.auction-input-row input{border:1px solid #385066;background:#111927;color:#fff;padding:0 12px;outline:none}.auction-input-row button{border:0;background:#2a87ee;color:#fff;font-weight:900;cursor:pointer}

.side-inventory{min-height:0;padding-top:10px;border-top:1px solid #164065;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px}.side-inventory.bought{height:174px}.side-inventory.passed{height:174px}.side-inventory-title{display:flex;justify-content:space-between;align-items:flex-end;gap:6px}.side-inventory-title b{font-size:11px}.side-inventory-title b span{color:#77bdff}.inventory-slots{display:grid;grid-template-columns:repeat(5,43px);grid-auto-rows:43px;gap:5px;align-content:start;overflow-y:auto;overflow-x:hidden;min-height:0;padding:1px 1px 5px;scrollbar-width:thin;scrollbar-color:#27567e transparent}.inventory-item{position:relative;width:43px;height:43px;padding:3px;border:1px solid #3c5268;border-radius:7px;background:#111b28;cursor:pointer}.inventory-item img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.inventory-item.bought{border-color:#2bbf75}.inventory-item.passed{border-color:#596776}.slot-index{position:absolute;right:2px;bottom:1px;font-size:7px;color:#8fa0b3}.inventory-empty{grid-column:1/-1;color:#5f7891;font-size:9px;line-height:1.5;padding:6px 2px}

.item-tooltip{position:fixed;z-index:220;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;overflow-x:hidden;padding:0;background:transparent;border:0;box-shadow:0 20px 55px rgba(0,0,0,.55);pointer-events:none}.item-tooltip>.maple-tooltip.pg-maple-tooltip{margin:0!important}.merchant-tooltip-footer{margin-top:10px;padding-top:9px;border-top:1px solid rgba(120,129,142,.7);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;font-size:10px}.merchant-tooltip-footer span{color:#b7c0cc}.merchant-tooltip-footer b{color:#fff;white-space:nowrap}.merchant-tooltip-footer .choice-buy{color:#65eca0}.merchant-tooltip-footer .choice-pass{color:#ff7b86}
.merchant-toast{position:fixed;left:50%;bottom:28px;z-index:250;transform:translateX(-50%);padding:10px 15px;border:1px solid #39536c;border-radius:10px;background:#111b28;color:#e9f2fb;box-shadow:0 16px 35px rgba(0,0,0,.35);font-size:11px}

.countdown-overlay{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:rgba(1,7,13,.78);backdrop-filter:blur(9px)}.countdown-card{width:min(820px,calc(100vw - 28px));padding:34px;border:1px solid #315b83;border-radius:22px;background:linear-gradient(160deg,#0a2138,#061321);box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center}.countdown-card>span{color:#69b8ff;font-size:9px;font-weight:950;letter-spacing:.17em}.countdown-card h2{margin:8px 0 4px;font-size:25px}.countdown-card>em{display:block;margin-top:8px;color:#7890a9;font-style:normal;font-size:10px}.rule-roulette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:22px 0 16px}.rule-reel{position:relative;min-height:94px;padding:14px 10px;border:1px solid #285d8d;border-radius:13px;background:#081c30;overflow:hidden}.rule-reel span{display:block;color:#7794b1;font-size:9px;font-weight:900;margin-bottom:14px}.rule-reel b{display:block;color:#f1f7ff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roulette-phase{min-height:22px;color:#8ba6c1;font-size:11px;font-weight:800}.roulette-count{display:block;margin-top:7px;color:#ffd15c;font-size:58px;line-height:1;font-variant-numeric:tabular-nums}.roulette-count.start{color:#64df9c}

.merchant-result{padding:10px 0}.result-stage{width:min(1240px,100%);margin:0 auto;padding:28px;border:1px solid #244b70;border-radius:22px;background:linear-gradient(160deg,#092039,#061321);box-shadow:0 28px 80px rgba(0,0,0,.32);box-sizing:border-box}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #1d405f}.result-badge{display:inline-block;color:#69b8ff;font-size:9px;font-weight:950;letter-spacing:.15em}.result-head h2{font-size:34px;margin:7px 0 5px}.result-head p{margin:0;color:#8299b0;font-size:11px}.result-conditions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.result-duel{display:grid;grid-template-columns:1fr 180px 1fr;gap:14px;align-items:stretch;margin:20px 0}.result-fighter{padding:18px;border:1px solid #2a5377;border-radius:15px;background:#081a2d;display:grid;gap:8px}.result-fighter.opponent{border-color:#743149;background:#23111d}.result-fighter.me{border-color:#1f66a5}.result-fighter>span{font-size:9px;color:#8399b0}.result-fighter div{display:flex;justify-content:space-between;gap:8px}.result-fighter b{font-size:14px}.result-fighter em{font-style:normal;color:#71889f;font-size:9px}.result-fighter strong{font-size:25px}.result-fighter small{color:#7e9abb}.result-center{display:grid;place-items:center;align-content:center;gap:5px}.result-center span{font-size:9px;color:#768ea6}.result-center b{font-size:19px}.result-center i{font-style:normal;color:#5e7894;font-size:13px;font-weight:950}.positive{color:#5be79a!important}.negative{color:#ff7280!important}.result-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.result-owned-panel,.result-summary-panel,.result-settlement-panel{padding:17px;border:1px solid #204565;border-radius:15px;background:#07192b}.result-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.result-section-head span{display:block;color:#5e9bd0;font-size:8px;font-weight:950;letter-spacing:.12em}.result-section-head h3{margin:3px 0 0;font-size:15px}.result-section-head>b{color:#7cbcff}.result-inventory{display:flex;flex-wrap:wrap;gap:6px;min-height:48px}.result-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-summary-grid>div{padding:11px;border:1px solid #1b3c59;border-radius:9px;background:#081d32;display:grid;gap:3px}.result-summary-grid span{font-size:8px;color:#7b92aa}.result-summary-grid b{font-size:13px}.result-settlement-panel{margin-top:14px}.result-settlement{display:grid;grid-template-columns:1fr 1fr;gap:7px}.settlement-card{padding:10px;border:1px solid #1d3d59;border-radius:9px;background:#081a2d;display:grid;grid-template-columns:30px 46px minmax(0,1fr) auto;gap:9px;align-items:center}.settlement-card>.settlement-index{color:#587592;font-size:9px}.settlement-card .settlement-copy{display:grid;gap:2px;min-width:0}.settlement-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-card em{font-size:8px;color:#71889e;font-style:normal}.settlement-card strong{font-size:11px;white-space:nowrap}.settlement-item-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:3px!important;border-radius:8px!important;cursor:default}.settlement-item-icon img{width:100%!important;height:100%!important;object-fit:contain!important}.settlement-icon-empty{display:grid;place-items:center;width:100%;height:100%;color:#68829b;font-weight:900}.result-restart{max-width:420px;margin:18px auto 0}
.result-void{grid-column:1/-1;padding:25px;text-align:center;color:#91a6ba}

@media(max-width:1350px){.merchant-duel-layout{grid-template-columns:220px minmax(730px,1fr) 265px}.merchant-side{padding:12px}.inventory-slots{grid-template-columns:repeat(4,43px)}.shared-title{display:none}}
@media(max-width:1120px){.merchant-shell{width:min(100% - 16px,900px)}.merchant-duel-layout{display:flex;flex-direction:column}.merchant-side{height:auto;min-height:230px}.opponent-side{order:1}.merchant-center{order:2}.player-side{order:3}.side-note{display:none}.inventory-slots{grid-template-columns:repeat(auto-fill,43px)}.side-inventory.bought,.side-inventory.passed{height:120px}.condition-chips{display:none}.result-duel{grid-template-columns:1fr}.result-center{min-height:80px}.result-lower{grid-template-columns:1fr}.result-settlement{grid-template-columns:1fr}}
@media(max-width:620px){.merchant-shell{width:calc(100% - 10px);padding-top:10px}.setup-card{padding:28px 18px}.setup-card h1{font-size:30px}.rule-roulette{grid-template-columns:1fr 1fr}.shared-rulebar{padding:0 8px}.match-clock{margin-left:auto}.merchant-priceguess-frame{padding:0 3px 5px}.merchant-side{border-radius:13px}.result-stage{padding:16px}.result-head{display:block}.result-conditions{justify-content:flex-start;margin-top:10px}}

/* Merchant V9 overrides
   - stable match board
   - theme-safe dark gameplay surfaces
   - no inventory scrollbars
   - viewport-safe item hover
   - premium slot-style rule draw
*/
body.merchant-page .merchant-duel-layout{grid-template-columns:246px minmax(790px,1fr) 340px;align-items:start}
body.merchant-page .opponent-side{height:728px}
body.merchant-page .player-side{height:auto;min-height:930px;overflow:visible}
body.merchant-page .merchant-center{min-height:728px;overflow:hidden}
body.merchant-page .merchant-priceguess-frame{height:672px;min-height:672px;padding:0 10px 10px;overflow:hidden}
body.merchant-page .merchant-priceguess-frame>.pg-question-card{height:100%;min-height:0!important;margin:0!important;border-radius:0 0 17px 17px!important;overflow:hidden!important}
body.merchant-page .merchant-priceguess-frame .pg-question-content{display:block!important;height:100%;min-height:0!important;padding:0!important}
body.merchant-page .merchant-priceguess-frame .pg-presented-stage{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:center!important;gap:24px!important;width:100%!important;height:100%!important;min-height:0!important;padding:16px 22px!important;box-sizing:border-box!important}
body.merchant-page .merchant-priceguess-frame .pg-stage-label{display:none!important}
body.merchant-page .merchant-priceguess-frame .pg-detail-stage{grid-column:1!important;grid-row:1!important;width:360px!important;min-width:360px!important;height:620px!important;min-height:620px!important;max-height:620px!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;overflow:hidden!important}
body.merchant-page .merchant-priceguess-frame .pg-item-detail{width:360px!important;height:584px!important;min-height:584px!important;max-height:584px!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#586473 transparent}
body.merchant-page .merchant-priceguess-frame .pg-item-detail>.maple-tooltip,
body.merchant-page .merchant-priceguess-frame .pg-item-detail>.pg-maple-tooltip{width:360px!important;max-width:360px!important;margin:0!important;box-sizing:border-box!important}
body.merchant-page .merchant-priceguess-frame .pg-question-source{width:360px!important;max-width:360px!important;height:28px!important;box-sizing:border-box!important}
body.merchant-page .merchant-priceguess-frame .pg-price-panel{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:center!important;width:min(560px,100%)!important;min-height:300px!important;margin:0!important;padding:28px 26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important}
body.merchant-page .merchant-priceguess-frame .pg-price-panel>span{font-size:12px!important}
body.merchant-page .merchant-priceguess-frame .pg-price-panel strong{font-size:clamp(36px,4vw,50px)!important;line-height:1.15!important;margin:10px 0 0!important}
body.merchant-page .merchant-priceguess-frame .pg-price-panel p{margin:12px 0 0!important}
body.merchant-page .merchant-priceguess-frame .pg-answer-grid{width:100%!important;max-width:500px!important;margin:22px auto 0!important}
body.merchant-page .merchant-priceguess-frame .pg-answer-grid button{min-height:80px!important}
body.merchant-page .merchant-priceguess-frame .pg-answer-grid button.budget-blocked{filter:grayscale(.55);opacity:.5!important;cursor:not-allowed!important}

body.merchant-page .side-capital{padding:10px 11px;border:1px solid #204d74;border-radius:10px;background:#071a2e;display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.merchant-page .side-capital>div{display:grid;gap:4px;min-width:0}
body.merchant-page .side-capital span{font-size:8px;color:#7891aa;font-weight:850}
body.merchant-page .side-capital b,body.merchant-page .side-capital strong{font-size:12px;color:#e8f3ff;white-space:nowrap}
body.merchant-page .side-capital strong{color:#65e6a0}
body.merchant-page .side-inventory{height:auto!important;min-height:335px!important;display:block!important;padding-top:12px;overflow:visible!important}
body.merchant-page .side-inventory+.side-inventory{margin-top:2px}
body.merchant-page .side-inventory-title{margin-bottom:9px}
body.merchant-page .inventory-slots{display:grid!important;grid-template-columns:repeat(6,43px)!important;grid-auto-rows:43px!important;gap:5px!important;align-content:start!important;overflow:visible!important;min-height:294px!important;padding:1px!important}
body.merchant-page .inventory-empty{min-height:58px;padding-top:12px}

body.merchant-page .item-tooltip{position:fixed!important;inset:auto!important;z-index:10000!important;width:380px!important;max-width:calc(100vw - 20px)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:0 24px 70px rgba(0,0,0,.6)!important;transform:none!important;clip:auto!important;contain:none!important;pointer-events:none!important;overscroll-behavior:contain}
body.merchant-page .item-tooltip>.maple-tooltip.pg-maple-tooltip{display:block!important;position:static!important;width:380px!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
body.merchant-page .item-tooltip::-webkit-scrollbar{width:7px}
body.merchant-page .item-tooltip::-webkit-scrollbar-thumb{background:#5a6470;border-radius:10px}

/* Merchant content remains readable in both site themes. Header still follows current ItemPrice theme. */
html[data-theme="light"] body.merchant-page{background:#f4f7fb!important;color:#edf5ff!important}
html[data-theme="light"] body.merchant-page .merchant-setup,
html[data-theme="light"] body.merchant-page .merchant-game,
html[data-theme="light"] body.merchant-page .merchant-result{color:#edf5ff!important}
html[data-theme="light"] body.merchant-page .setup-card,
html[data-theme="light"] body.merchant-page .merchant-center,
html[data-theme="light"] body.merchant-page .merchant-side,
html[data-theme="light"] body.merchant-page .result-stage{color:#edf5ff!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-question-card{background:linear-gradient(160deg,rgba(31,38,52,.99),rgba(14,19,28,.995))!important;border-color:rgba(255,255,255,.08)!important;color:#edf5ff!important;box-shadow:0 22px 55px rgba(0,0,0,.28)!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-price-panel{border-color:rgba(216,255,0,.22)!important;background:radial-gradient(circle at 50% 0,rgba(216,255,0,.08),transparent 52%),linear-gradient(135deg,rgba(216,255,0,.075),rgba(255,255,255,.025))!important;color:#edf5ff!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-price-panel>span{color:#a7b3c1!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-price-panel strong{color:#ffe58f!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-price-panel p{color:#c9d2dd!important}
html[data-theme="light"] body.merchant-page .merchant-priceguess-frame .pg-key-hint{color:#8492a3!important}
html[data-theme="light"] body.merchant-page .result-stage,
html[data-theme="light"] body.merchant-page .result-stage h2,
html[data-theme="light"] body.merchant-page .result-stage h3,
html[data-theme="light"] body.merchant-page .result-stage b,
html[data-theme="light"] body.merchant-page .result-stage strong{color:#edf5ff}
html[data-theme="light"] body.merchant-page .result-fighter,
html[data-theme="light"] body.merchant-page .result-owned-panel,
html[data-theme="light"] body.merchant-page .result-summary-panel,
html[data-theme="light"] body.merchant-page .result-settlement-panel,
html[data-theme="light"] body.merchant-page .settlement-card,
html[data-theme="light"] body.merchant-page .result-summary-grid>div{color:#edf5ff!important}
html[data-theme="light"] body.merchant-page .result-head p,
html[data-theme="light"] body.merchant-page .result-fighter>span,
html[data-theme="light"] body.merchant-page .result-fighter em,
html[data-theme="light"] body.merchant-page .settlement-card em{color:#8da3ba!important}

/* Premium simultaneous slot-style rule draw */
body.merchant-page .countdown-overlay{background:radial-gradient(circle at 50% 40%,rgba(18,92,155,.16),transparent 35%),rgba(1,7,13,.84)!important}
body.merchant-page .countdown-card{width:min(940px,calc(100vw - 28px));padding:38px 42px 34px;border:1px solid #2d6798;background:linear-gradient(155deg,#0a2036 0%,#06111e 58%,#0b1828 100%);box-shadow:0 35px 110px rgba(0,0,0,.68),0 0 70px rgba(26,126,218,.12) inset}
body.merchant-page .premium-roulette{gap:12px;margin:24px 0 18px}
body.merchant-page .rule-reel{min-height:126px;padding:13px 10px 15px;border:1px solid #2a5b84;background:linear-gradient(180deg,#0d2943,#071727);box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.2);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
body.merchant-page .rule-reel>span{margin:0 0 9px;color:#7696b4;font-size:9px;letter-spacing:.08em}
body.merchant-page .reel-window{position:relative;height:70px;border-top:1px solid rgba(112,172,221,.18);border-bottom:1px solid rgba(112,172,221,.18);display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(1,10,18,.65),rgba(9,31,51,.9),rgba(1,10,18,.65))}
body.merchant-page .reel-window:before,body.merchant-page .reel-window:after{content:"";position:absolute;left:0;right:0;height:22px;z-index:2;pointer-events:none}
body.merchant-page .reel-window:before{top:0;background:linear-gradient(#061321,transparent)}
body.merchant-page .reel-window:after{bottom:0;background:linear-gradient(transparent,#061321)}
body.merchant-page .reel-window b{position:relative;z-index:1;color:#f4f8fd;font-size:18px;line-height:1.1;text-shadow:0 0 18px rgba(100,183,255,.15)}
body.merchant-page .reel-window i{position:absolute;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#3e87bd,transparent);opacity:.5}
body.merchant-page .reel-window i:first-child{top:23px}body.merchant-page .reel-window i:last-child{bottom:23px}
body.merchant-page .rule-reel.is-spinning{border-color:#387db6;box-shadow:inset 0 0 28px rgba(61,155,231,.12),0 0 22px rgba(35,129,209,.08)}
body.merchant-page .rule-reel.is-spinning .reel-window b{animation:merchant-reel-spin .18s linear infinite;filter:blur(.4px)}
body.merchant-page .rule-reel.is-locked{border-color:#d1a841;box-shadow:inset 0 0 30px rgba(255,201,70,.08),0 0 24px rgba(255,188,61,.08);transform:translateY(-2px)}
body.merchant-page .rule-reel.is-locked .reel-window b{color:#ffe58f;text-shadow:0 0 20px rgba(255,211,89,.2)}
@keyframes merchant-reel-spin{0%{transform:translateY(-7px);opacity:.45}50%{transform:translateY(0);opacity:1}100%{transform:translateY(7px);opacity:.45}}

@media(max-width:1350px){body.merchant-page .merchant-duel-layout{grid-template-columns:220px minmax(720px,1fr) 300px}body.merchant-page .inventory-slots{grid-template-columns:repeat(5,43px)!important}body.merchant-page .side-inventory{min-height:385px!important}}
@media(max-width:1120px){body.merchant-page .player-side{min-height:0}body.merchant-page .side-inventory{min-height:0!important}body.merchant-page .inventory-slots{grid-template-columns:repeat(auto-fill,43px)!important;min-height:0!important}body.merchant-page .merchant-priceguess-frame{height:auto;min-height:690px}body.merchant-page .merchant-priceguess-frame .pg-presented-stage{grid-template-columns:1fr!important;height:auto!important;min-height:690px!important}body.merchant-page .merchant-priceguess-frame .pg-detail-stage{grid-column:1!important;grid-row:auto!important}body.merchant-page .merchant-priceguess-frame .pg-price-panel{grid-column:1!important;grid-row:auto!important;margin-top:14px!important}}

/* V10 matchmaking lobby: current player info stays visible on the right */
.setup-player-card{min-height:100%;padding:22px;border:1px solid #1c66a4;border-radius:24px;background:linear-gradient(160deg,rgba(6,37,64,.98),rgba(3,18,33,.995));box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);box-sizing:border-box;display:flex;flex-direction:column;gap:18px}
.setup-player-accent{align-self:flex-start;padding:7px 11px;border:1px solid #277bc9;border-radius:8px;background:#154c82;color:#a8d7ff;font-size:11px;font-weight:950}
.setup-player-profile{display:flex;align-items:center;gap:12px;padding:2px 0 16px;border-bottom:1px solid rgba(126,151,180,.22)}
.setup-player-profile>div:last-child{min-width:0;display:grid;gap:3px}.setup-player-profile span,.setup-player-metrics span,.setup-player-queue span{font-size:9px;color:#8298b1;font-weight:850}.setup-player-profile b{font-size:15px;color:#f0f7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-player-profile em{font-size:11px;color:#dcecff;font-style:normal;font-weight:900}
.setup-player-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-player-metrics>div{min-width:0;padding:12px;border:1px solid #204d74;border-radius:11px;background:#071a2e;display:grid;gap:5px}.setup-player-metrics b{font-size:13px;color:#edf6ff}.setup-player-metrics>div:first-child b{color:#66bdff;font-size:18px}.setup-player-queue{padding:12px;border:1px solid #204d74;border-radius:11px;background:#071a2e;display:flex;align-items:center;justify-content:space-between;gap:12px}.setup-player-queue strong{color:#ffd15d;font-size:22px;font-variant-numeric:tabular-nums}
.setup-player-note{margin-top:auto;padding-top:14px;border-top:1px solid rgba(126,151,180,.2);display:grid;gap:5px}.setup-player-note b{font-size:10px;color:#dceaf8}.setup-player-note span{font-size:9px;line-height:1.6;color:#748ba4}
html[data-theme="light"] body.merchant-page .setup-player-card{color:#edf5ff!important}
@media(max-width:980px){.setup-layout{grid-template-columns:1fr;width:min(620px,calc(100vw - 28px))}.setup-player-card{min-height:auto}.setup-player-note{margin-top:0}}

/* Merchant V11
   - duel columns share one fixed vertical frame
   - center item area grows to player panel height
   - delegated inventory hover + viewport-safe tooltip
   - lobby shows ranking instead of duplicate wait timer
   - ranking page
*/
body.merchant-page .merchant-duel-layout{align-items:stretch!important}
body.merchant-page .merchant-side,
body.merchant-page .merchant-center{height:930px!important;min-height:930px!important;max-height:930px!important;box-sizing:border-box!important}
body.merchant-page .opponent-side,
body.merchant-page .player-side{overflow:hidden!important}
body.merchant-page .merchant-center{display:flex!important;flex-direction:column!important}
body.merchant-page .shared-rulebar{flex:0 0 54px!important}
body.merchant-page .merchant-priceguess-frame{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.merchant-page .merchant-priceguess-frame>.pg-question-card{height:100%!important}
body.merchant-page .merchant-priceguess-frame .pg-presented-stage{height:100%!important;min-height:0!important}
body.merchant-page .merchant-priceguess-frame .pg-detail-stage{height:824px!important;min-height:824px!important;max-height:824px!important}
body.merchant-page .merchant-priceguess-frame .pg-item-detail{height:788px!important;min-height:788px!important;max-height:788px!important;overflow-y:auto!important;overflow-x:hidden!important}
body.merchant-page .merchant-priceguess-frame .pg-price-panel{align-self:center!important;justify-self:center!important}
body.merchant-page .side-inventory{min-height:0!important;flex:1 1 0!important;overflow:hidden!important}
body.merchant-page .side-inventory.bought,
body.merchant-page .side-inventory.passed{height:auto!important}
body.merchant-page .inventory-slots{min-height:0!important;grid-template-columns:repeat(6,43px)!important;grid-auto-rows:43px!important;overflow:visible!important}
body.merchant-page .side-note{margin-top:auto!important}

body.merchant-page .item-tooltip{position:fixed!important;z-index:2147483000!important;width:400px!important;max-width:calc(100vw - 24px)!important;inset:auto!important;right:auto!important;bottom:auto!important;transform:none!important;overflow-x:hidden!important;pointer-events:none!important;contain:none!important;clip:auto!important;filter:none!important}
body.merchant-page .item-tooltip>.maple-tooltip.pg-maple-tooltip{display:block!important;position:static!important;width:400px!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
body.merchant-page .result-stage{isolation:isolate}
body.merchant-page .result-inventory .inventory-item{z-index:1}

.setup-player-rank{padding:12px;border:1px solid #204d74;border-radius:11px;background:#071a2e;display:flex;align-items:center;justify-content:space-between;gap:12px}
.setup-player-rank>div{display:grid;gap:4px;min-width:0}.setup-player-rank span{font-size:9px;color:#8298b1;font-weight:850}.setup-player-rank strong{color:#ffd15d;font-size:16px;white-space:nowrap}
.setup-ranking-link{flex:0 0 auto;padding:8px 10px;border:1px solid #2d6b9e;border-radius:8px;background:#0c2a45;color:#9dd3ff!important;text-decoration:none!important;font-size:10px;font-weight:900}.setup-ranking-link:hover{background:#123b60;color:#fff!important}

/* Ranking page */
body.merchant-page.ranking-page{background:radial-gradient(circle at 50% 8%,rgba(24,113,194,.12),transparent 34%),#020b14!important}
.merchant-ranking-shell{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:34px 0 60px}
.ranking-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #21527d;border-radius:20px;background:linear-gradient(150deg,#0a2239,#061523);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.ranking-kicker{display:block;color:#68b7ff;font-size:9px;font-weight:950;letter-spacing:.14em}.ranking-hero h1{margin:7px 0 4px;color:#f0f7ff;font-size:30px}.ranking-hero p{margin:0;color:#8199b1;font-size:11px}.ranking-back{padding:10px 14px;border:1px solid #2b6c9f;border-radius:10px;background:#0b2944;color:#a8d8ff!important;text-decoration:none!important;font-size:11px;font-weight:900}
.ranking-me{margin-top:14px;padding:14px 18px;border:1px solid #2c658f;border-radius:14px;background:#081d31;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dbeeff}.ranking-me span{font-size:10px;color:#7f99b3}.ranking-me b{font-size:14px}.ranking-me strong{color:#ffd15d;font-size:18px}
.ranking-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ranking-podium{padding:20px;border:1px solid #234e72;border-radius:16px;background:#071a2d;display:grid;gap:7px}.ranking-podium.first{border-color:#9d7b28;box-shadow:0 0 28px rgba(255,204,73,.08) inset}.ranking-podium .rank-no{color:#ffd15d;font-size:24px;font-weight:950}.ranking-podium b{color:#eef7ff;font-size:15px}.ranking-podium span{color:#79a8d1;font-size:12px}
.ranking-board{margin-top:14px;border:1px solid #204767;border-radius:16px;background:#061725;overflow:hidden}.ranking-row{display:grid;grid-template-columns:74px minmax(0,1fr) 150px;align-items:center;min-height:52px;padding:0 18px;border-top:1px solid rgba(70,105,137,.22);color:#dce9f5}.ranking-row:first-child{border-top:0}.ranking-row.head{min-height:40px;background:#0a2035;color:#7692ad;font-size:9px;font-weight:900}.ranking-row .r-rank{font-weight:950;color:#83bfff}.ranking-row .r-name{font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row .r-rp{text-align:right;color:#f2f7fc;font-weight:900}.ranking-row.is-me{background:linear-gradient(90deg,rgba(34,139,230,.16),rgba(34,139,230,.04));box-shadow:inset 3px 0 #37a2ff}.ranking-empty{padding:50px 20px;text-align:center;color:#708aa3}
html[data-theme="light"] body.merchant-page.ranking-page .merchant-ranking-shell{color:#edf5ff!important}
@media(max-width:1120px){body.merchant-page .merchant-side,body.merchant-page .merchant-center{height:auto!important;min-height:0!important;max-height:none!important}body.merchant-page .merchant-priceguess-frame .pg-detail-stage{height:auto!important;min-height:690px!important;max-height:none!important}body.merchant-page .merchant-priceguess-frame .pg-item-detail{height:auto!important;min-height:650px!important;max-height:650px!important}.ranking-top3{grid-template-columns:1fr}.ranking-row{grid-template-columns:54px minmax(0,1fr) 110px}}

/* Merchant V12 - optimized realtime opponent purchases */
body.merchant-page .opponent-live-purchases{min-height:0;flex:1 1 auto;padding-top:10px;border-top:1px solid rgba(179,68,98,.28);display:flex;flex-direction:column;gap:8px;overflow:hidden}
body.merchant-page .opponent-live-purchases .side-inventory-title{flex:0 0 auto}
body.merchant-page .opponent-live-purchases .side-inventory-title b span{color:#ff8ca2}
body.merchant-page .opponent-slots{display:grid!important;grid-template-columns:repeat(4,43px)!important;grid-auto-rows:43px!important;gap:5px!important;align-content:start!important;min-height:0!important;overflow:visible!important;padding:1px!important}
body.merchant-page .inventory-item.opponent-bought{border-color:#b84d6e;background:#21111a;box-shadow:inset 0 0 0 1px rgba(255,105,141,.06)}
body.merchant-page .inventory-item.opponent-bought:hover,body.merchant-page .inventory-item.opponent-bought:focus-visible{border-color:#ff7898;box-shadow:0 0 0 2px rgba(255,77,119,.15),0 0 16px rgba(255,71,116,.11)}
body.merchant-page .opponent-tooltip-loading{width:360px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:22px;border:1px solid #6c7887;border-radius:7px;background:#2d3340;color:#eaf1f8;font-size:11px;font-weight:850;box-shadow:0 18px 50px rgba(0,0,0,.42)}
body.merchant-page .opponent-side .side-note{flex:0 0 auto;margin-top:0!important}
@media(max-width:1350px){body.merchant-page .opponent-slots{grid-template-columns:repeat(4,43px)!important}}
@media(max-width:1120px){body.merchant-page .opponent-live-purchases{min-height:180px;overflow:visible}body.merchant-page .opponent-slots{grid-template-columns:repeat(auto-fill,43px)!important}}


/* Merchant V13 - current ItemPrice floating tooltip behavior */
body.merchant-page #tooltip-layer{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;overflow:visible!important}
body.merchant-page #tooltip-layer .maple-tooltip.merchant-floating-tooltip{display:block!important;position:fixed!important;width:324px!important;max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 24px)!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:2147483001!important;margin:0!important;transform:none!important;contain:none!important;clip:auto!important;filter:none!important;box-sizing:border-box!important;pointer-events:none!important}
body.merchant-page #tooltip-layer .opponent-tooltip-loading.merchant-floating-tooltip{display:block!important;position:fixed!important;width:324px!important;max-width:calc(100vw - 28px)!important;padding:18px!important;border:1px solid #6c7887!important;border-radius:7px!important;background:#2d3340!important;color:#eaf1f8!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;font-size:11px!important;font-weight:850!important;box-sizing:border-box!important;pointer-events:none!important}
body.merchant-page #tooltip-layer .merchant-floating-tooltip::-webkit-scrollbar{width:7px}
body.merchant-page #tooltip-layer .merchant-floating-tooltip::-webkit-scrollbar-thumb{background:#5a6470;border-radius:10px}
@media(max-width:720px){body.merchant-page #tooltip-layer{display:none!important}}


/* Merchant V14: three-line premium reels + sequential market settlement */
body.merchant-page .reel-window{height:104px!important;display:block!important;padding:0!important;overflow:hidden!important}
body.merchant-page .reel-track{position:absolute;inset:0;display:grid;grid-template-rows:1fr 1.35fr 1fr;align-items:center;z-index:1;will-change:transform,filter}
body.merchant-page .reel-choice{display:flex!important;align-items:center;justify-content:center;margin:0!important;min-width:0;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.merchant-page .reel-choice.prev,body.merchant-page .reel-choice.next{color:#708ba4!important;font-size:11px!important;font-weight:800!important;opacity:.46;transform:scale(.92)}
body.merchant-page .reel-choice.current{color:#f5f9ff!important;font-size:18px!important;font-weight:950!important;opacity:1;text-shadow:0 0 18px rgba(100,183,255,.16)}
body.merchant-page .reel-line{position:absolute!important;left:12px!important;right:12px!important;height:1px!important;margin:0!important;background:linear-gradient(90deg,transparent,#3e87bd,transparent)!important;opacity:.52!important;z-index:3!important}
body.merchant-page .reel-line.top{top:33.333%!important}body.merchant-page .reel-line.bottom{bottom:33.333%!important}
body.merchant-page .rule-reel.is-spinning .reel-track{filter:blur(.18px)}
body.merchant-page .rule-reel.reel-step .reel-track{animation:merchant-reel-step .115s cubic-bezier(.2,.75,.25,1)}
body.merchant-page .rule-reel.is-spinning .reel-choice.current{color:#dcefff!important}
body.merchant-page .rule-reel.is-locked .reel-choice.current{color:#ffe58f!important;text-shadow:0 0 22px rgba(255,211,89,.22)}
body.merchant-page .rule-reel.is-locked .reel-choice.prev,body.merchant-page .rule-reel.is-locked .reel-choice.next{opacity:.25}
@keyframes merchant-reel-step{0%{transform:translateY(-9px);opacity:.58}55%{transform:translateY(4px);opacity:1}100%{transform:translateY(0);opacity:1}}
body.merchant-page .rule-reel.is-spinning .reel-window b{animation:none!important;filter:none!important}

body.merchant-page .settlement-animation{width:min(1240px,100%);margin:0 auto;padding:32px;border:1px solid #24557f;border-radius:22px;background:radial-gradient(circle at 50% 22%,rgba(43,133,214,.12),transparent 36%),linear-gradient(155deg,#092039,#061321 62%,#071a2c);box-shadow:0 30px 90px rgba(0,0,0,.38);box-sizing:border-box;color:#edf6ff;min-height:690px}
body.merchant-page .sale-head{text-align:center;padding:6px 0 20px;border-bottom:1px solid #1c405f}.sale-head>span{color:#67b7ff;font-size:9px;font-weight:950;letter-spacing:.16em}.sale-head h2{margin:7px 0 5px;font-size:30px}.sale-head p{margin:0;color:#8199b1;font-size:11px}
body.merchant-page .sale-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 8px}.sale-dashboard>div{padding:13px 15px;border:1px solid #214c70;border-radius:12px;background:#071a2d;display:flex;align-items:end;justify-content:space-between;gap:12px}.sale-dashboard span{color:#7892aa;font-size:9px;font-weight:800}.sale-dashboard strong{font-size:20px;font-variant-numeric:tabular-nums}
body.merchant-page .sale-progress{height:5px;border-radius:999px;background:#0b2943;overflow:hidden}.sale-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#268cf3,#61dca1);box-shadow:0 0 18px rgba(63,170,255,.35);transition:width .2s ease}
body.merchant-page .sale-queue{min-height:62px;margin:16px 0;padding:9px;display:flex;gap:7px;align-items:center;overflow:hidden;border:1px solid #193f5f;border-radius:13px;background:#051727}.sale-queue-item{flex:0 0 43px;width:43px;height:43px;padding:3px;border:1px solid #35536c;border-radius:8px;background:#111b28;box-sizing:border-box;opacity:.62;transition:transform .18s ease,opacity .18s ease,border-color .18s ease,filter .18s ease}.sale-queue-item img{width:100%;height:100%;object-fit:contain}.sale-queue-item.active{opacity:1;transform:translateY(-4px) scale(1.08);border-color:#ffc94e;box-shadow:0 0 18px rgba(255,198,55,.18)}.sale-queue-item.sold{opacity:.28;filter:saturate(.45)}.sale-empty{margin:auto;color:#6e879f;font-size:11px}
body.merchant-page .sale-current{min-height:300px;padding:28px;border:1px solid #235276;border-radius:18px;background:linear-gradient(145deg,#0a2138,#071624);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:20px 26px;align-items:center;position:relative;overflow:hidden}.sale-current:after{content:"판매";position:absolute;right:-22px;bottom:-24px;font-size:112px;font-weight:1000;color:rgba(105,184,255,.025);transform:rotate(-8deg);pointer-events:none}.sale-item-visual{display:flex;align-items:center;gap:18px}.sale-icon-box{width:92px;height:92px;padding:8px;border:1px solid #3b5872;border-radius:14px;background:#f4f6f8;box-sizing:border-box;display:grid;place-items:center}.sale-icon-box img{max-width:100%;max-height:100%;object-fit:contain}.sale-item-visual span{display:block;color:#6f8aa3;font-size:10px;font-weight:850;margin-bottom:5px}.sale-item-visual h3{margin:0;font-size:22px}.sale-price-flow{grid-column:1/2;display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:center}.sale-price-flow>div{padding:14px;border:1px solid #1d4667;border-radius:12px;background:#07192b;display:grid;gap:5px}.sale-price-flow span{color:#708aa3;font-size:9px}.sale-price-flow b{font-size:18px}.sale-price-flow>i{text-align:center;color:#6384a2;font-style:normal;font-size:24px}.sale-delta{grid-column:2/3;grid-row:1/3;min-width:230px;text-align:center;font-size:34px;font-weight:1000;font-variant-numeric:tabular-nums}.sale-current.is-selling{animation:sale-card-pulse .34s ease}.sale-current.sale-positive{box-shadow:inset 0 0 50px rgba(59,221,143,.035)}.sale-current.sale-negative{box-shadow:inset 0 0 50px rgba(255,94,110,.035)}
@keyframes sale-card-pulse{0%{transform:scale(.985);opacity:.72}70%{transform:scale(1.006);opacity:1}100%{transform:scale(1);opacity:1}}
body.merchant-page .sale-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;color:#8199b1;font-size:10px}.sale-footer button{border:1px solid #345875;border-radius:9px;background:#0b2238;color:#a9bfd4;padding:9px 12px;font:inherit;font-weight:850;cursor:pointer}.sale-footer button:hover{border-color:#5683a8;color:#eaf5ff}
html[data-theme="light"] body.merchant-page .settlement-animation{color:#edf6ff!important}
@media(max-width:900px){body.merchant-page .sale-dashboard{grid-template-columns:1fr}.sale-current{grid-template-columns:1fr;grid-template-rows:auto auto auto}.sale-delta{grid-column:1;grid-row:auto;min-width:0}.sale-price-flow{grid-column:1}.sale-footer{align-items:flex-start;flex-direction:column}}

/* Merchant V15: settlement rows use the same hoverable item icons as purchased inventory */
@media(max-width:620px){body.merchant-page .settlement-card{grid-template-columns:24px 40px minmax(0,1fr)!important;gap:7px!important}body.merchant-page .settlement-card>strong{grid-column:3;justify-self:start}.settlement-item-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}

/* Merchant V16 - red/blue duel background, compact tier emblems, cleaner right panel, stable hover */
body.merchant-page.game-active{
  background:#020b14 url('./assets/merchant-duel-bg.webp') center top / cover fixed no-repeat!important;
}
body.merchant-page.game-active .merchant-shell{position:relative;z-index:1}
body.merchant-page.game-active .opponent-side{background:linear-gradient(180deg,rgba(55,12,30,.90),rgba(15,10,20,.94))!important;backdrop-filter:blur(2px)}
body.merchant-page.game-active .player-side{background:linear-gradient(180deg,rgba(4,34,61,.90),rgba(2,16,30,.94))!important;backdrop-filter:blur(2px)}
body.merchant-page.game-active .merchant-center{background:rgba(4,21,38,.94)!important;backdrop-filter:blur(2px)}
body.merchant-page.game-active .shared-rulebar{background:rgba(6,26,46,.94)!important}

body.merchant-page .merchant-avatar{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  padding:1px!important;border-radius:50%!important;overflow:hidden!important;background:#050b12!important;
  display:grid!important;place-items:center!important;box-sizing:border-box!important;color:transparent!important;
}
body.merchant-page .merchant-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;user-select:none!important;pointer-events:none!important}
body.merchant-page .opponent-avatar{border-color:#a53b58!important;box-shadow:0 0 12px rgba(232,57,91,.12)!important}
body.merchant-page .player-avatar{border-color:#2a77b9!important;box-shadow:0 0 12px rgba(49,142,226,.12)!important}
body.merchant-page .setup-player-profile .merchant-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}

/* Right panel no longer duplicates timer or condition chips; use the space for inventories. */
body.merchant-page .player-side .side-capital{margin-top:0!important}
body.merchant-page .player-side .side-inventory{flex:1 1 0!important;min-height:0!important}
body.merchant-page .player-side .inventory-slots{align-content:start!important}

/* Keep ItemPrice tooltip near the hovered slot instead of following the pointer or jumping to page corners. */
body.merchant-page #tooltip-layer .maple-tooltip.merchant-floating-tooltip{
  width:360px!important;max-width:calc(100vw - 28px)!important;max-height:min(760px,calc(100vh - 28px))!important;
  overscroll-behavior:contain!important;box-shadow:0 18px 54px rgba(0,0,0,.52)!important;
}
body.merchant-page #tooltip-layer .opponent-tooltip-loading.merchant-floating-tooltip{width:360px!important;max-width:calc(100vw - 28px)!important}

@media(max-width:1120px){body.merchant-page.game-active{background-attachment:scroll!important}.merchant-avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}}

/* Merchant V16.2 - clean/larger tier emblems + tier-grouped ranking */
body.merchant-page .merchant-avatar{
  width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;
  padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;
  background:transparent!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;
}
body.merchant-page .merchant-avatar img{
  width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.28));
}
body.merchant-page .opponent-avatar,body.merchant-page .player-avatar{border:0!important;background:transparent!important;box-shadow:none!important}
body.merchant-page .setup-player-profile .merchant-avatar{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
body.merchant-page .side-profile{gap:11px!important}

/* Ranking: emblem on every entry and global TOP100 grouped by tier. */
.ranking-me-identity{display:flex;align-items:center;gap:12px;min-width:0}.ranking-me-identity>div{display:grid;gap:3px;min-width:0}
.ranking-my-emblem{width:48px;height:48px;object-fit:contain;flex:0 0 48px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.25))}.ranking-my-emblem.hidden{display:none}
.ranking-top3{grid-template-columns:repeat(3,1fr)!important}
.ranking-podium{grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:16px 18px!important}
.ranking-podium-emblem{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.28))}
.ranking-podium-copy{display:grid;gap:2px;min-width:0}.ranking-podium .rank-no{font-size:18px!important}.ranking-podium-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-podium-copy em{font-size:10px;color:#7fa6c8;font-style:normal}.ranking-podium>strong{font-size:14px;color:#e9f4ff;white-space:nowrap}
.ranking-podium.first .ranking-podium-emblem{width:62px;height:62px}
.ranking-tier-board{margin-top:16px;display:grid;gap:14px}
.ranking-tier-group{border:1px solid #204767;border-radius:16px;background:#061725;overflow:hidden}
.ranking-tier-head{display:flex;align-items:center;gap:12px;padding:13px 17px;background:linear-gradient(90deg,#0b2740,#081b2d);border-bottom:1px solid rgba(77,122,158,.25)}
.ranking-tier-head img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.24))}.ranking-tier-head div{display:grid;gap:2px}.ranking-tier-head b{font-size:14px;color:#eaf5ff}.ranking-tier-head span{font-size:9px;color:#7895b0}
.ranking-tier-rows .ranking-row{grid-template-columns:64px 48px minmax(0,1fr) 145px!important;min-height:58px!important;padding:0 17px!important}
.ranking-tier-rows .ranking-row.head{min-height:36px!important;font-size:9px!important}.ranking-tier-rows .ranking-row.head span:last-child{text-align:right}
.ranking-row .r-emblem{display:grid;place-items:center}.ranking-row .ranking-emblem{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.24))}
.ranking-row .r-name{display:grid;gap:1px!important}.ranking-row .r-name b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row .r-name em{font-size:9px;color:#718da8;font-style:normal;font-weight:700}
.ranking-row.is-me .ranking-emblem{filter:drop-shadow(0 0 9px rgba(55,162,255,.35))}
@media(max-width:1120px){body.merchant-page .merchant-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.ranking-top3{grid-template-columns:1fr!important}.ranking-tier-rows .ranking-row{grid-template-columns:52px 42px minmax(0,1fr) 105px!important;padding:0 12px!important}.ranking-row .ranking-emblem{width:34px;height:34px}}


/* Merchant V16.3 - corrected transparent circular tier badge crops */
body.merchant-page .merchant-avatar{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:50%!important;
  overflow:visible!important;
}
body.merchant-page .merchant-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:transparent!important;
  display:block!important;
}
.ranking-my-emblem,
.ranking-podium-emblem,
.ranking-emblem,
.ranking-tier-head img{
  border-radius:50%!important;
  background:transparent!important;
}


/* Merchant V16.4 - one-card next listing preview */
body.merchant-page .next-item-preview{
  display:flex;
  align-items:center;
  gap:6px;
  padding-left:9px;
  border-left:1px solid #204a70;
  white-space:nowrap;
  flex:0 0 auto;
}
body.merchant-page .next-item-preview.hidden{display:none!important}
body.merchant-page .next-item-preview>span{
  color:#7891aa;
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.1px;
}
body.merchant-page .next-item-preview .next-preview-item{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:3px!important;
  border:1px solid #2b648f!important;
  border-radius:8px!important;
  background:#071d32!important;
  box-shadow:inset 0 0 0 1px rgba(82,173,255,.06)!important;
  overflow:hidden!important;
  cursor:help!important;
}
body.merchant-page .next-item-preview .next-preview-item:hover,
body.merchant-page .next-item-preview .next-preview-item:focus-visible{
  border-color:#68b9ff!important;
  box-shadow:0 0 0 2px rgba(65,158,255,.12),0 0 18px rgba(36,133,222,.18)!important;
  outline:0!important;
}
body.merchant-page .next-item-preview .next-preview-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}
body.merchant-page .merchant-tooltip-footer.next-offer-footer{
  grid-template-columns:minmax(0,1fr) auto!important;
}
@media(max-width:1120px){
  body.merchant-page .next-item-preview{display:none!important}
}


/* Merchant V16.5 - ranking redesign */
body.merchant-page.ranking-page{
  background:
    radial-gradient(circle at 50% 5%,rgba(22,105,190,.11),transparent 34%),
    #020b14!important;
}
.merchant-ranking-shell{
  width:min(1360px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:26px 0 64px!important;
}
.ranking-hero-v165{
  min-height:118px!important;
  align-items:center!important;
  padding:24px 30px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 55% 50%,rgba(33,108,177,.09),transparent 30%),
    linear-gradient(135deg,#09223a,#061522)!important;
}
.ranking-hero-copy{min-width:0}
.ranking-hero-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.ranking-season-chip{
  min-height:46px;
  padding:0 18px;
  border:1px solid #285f8c;
  border-radius:11px;
  background:#071d31;
  display:flex;
  align-items:center;
  gap:9px;
  color:#dcefff;
  font-size:12px;
  font-weight:900;
}
.ranking-season-crown{color:#ffd347;font-size:18px}
.ranking-back-primary{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 18px!important;
  background:linear-gradient(135deg,#168ff5,#2e6df0)!important;
  border-color:#3a9dff!important;
  color:white!important;
  box-shadow:0 10px 26px rgba(25,126,241,.16)!important;
}
.ranking-me-v165{
  min-height:104px!important;
  padding:15px 26px!important;
  margin-top:14px!important;
  border-color:#9a7626!important;
  background:linear-gradient(90deg,rgba(54,40,8,.50),rgba(7,29,49,.96) 32%,rgba(7,29,49,.96))!important;
  box-shadow:inset 0 0 32px rgba(255,201,55,.035)!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto minmax(360px,.95fr)!important;
  align-items:center!important;
  gap:26px!important;
}
.ranking-me-copy{display:grid;gap:3px;min-width:0}
.ranking-me-name-line{display:flex;align-items:center;gap:9px;min-width:0}
.ranking-me-name-line b{
  font-size:19px!important;
  color:#f2f8ff!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ranking-me-copy small{color:#93abc1;font-size:11px;font-weight:800}
.ranking-my-emblem{width:60px!important;height:60px!important;flex:0 0 60px!important}
.ranking-me-rp{font-size:24px!important;color:#ffd257!important;white-space:nowrap}
.season-champion-chip,
.table-season-champion{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  padding:0 9px;
  border:1px solid #a47b1c;
  border-radius:7px;
  background:linear-gradient(180deg,#5a4108,#2a1e04);
  color:#ffd85f!important;
  font-size:10px!important;
  line-height:1;
  font-weight:950;
  font-style:normal!important;
  white-space:nowrap;
}
.season-champion-chip.hidden{display:none!important}
.ranking-next-tier{display:grid;gap:8px;min-width:0}
.ranking-next-tier-head,
.ranking-next-tier-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ranking-next-tier-head span,
.ranking-next-tier-foot span,
.ranking-next-tier-foot em{color:#8ca8c1;font-size:10px;font-style:normal}
.ranking-next-tier-head b{color:#eaf5ff;font-size:12px}
.ranking-next-tier-track{
  height:10px;border-radius:999px;overflow:hidden;
  background:#061426;border:1px solid #173b5b;
}
.ranking-next-tier-track i{
  display:block;height:100%;width:0;border-radius:inherit;
  background:linear-gradient(90deg,#29a9ff,#58c4ff);
  box-shadow:0 0 16px rgba(57,174,255,.25);
}
.ranking-top-section{margin-top:20px}
.ranking-section-title{display:flex;align-items:baseline;gap:9px;margin:0 2px 10px}
.ranking-section-title b{font-size:16px;color:#edf7ff}
.ranking-section-title span{font-size:10px;color:#7290ab}
.ranking-top3-v165{gap:12px!important;margin-top:0!important}
.ranking-top3-v165 .ranking-podium{
  min-height:112px!important;
  grid-template-columns:auto 56px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:16px 18px!important;
  background:linear-gradient(135deg,#071b2d,#061522)!important;
}
.ranking-top3-v165 .ranking-podium.first{
  background:
    radial-gradient(circle at 18% 50%,rgba(255,205,54,.13),transparent 33%),
    linear-gradient(135deg,#211802,#091724)!important;
  border-color:#a47c1a!important;
  box-shadow:inset 0 0 30px rgba(255,200,50,.05)!important;
}
.ranking-podium-rank{display:flex;align-items:center;gap:6px;min-width:42px}
.ranking-podium-rank>b{font-size:17px;color:#ffd55e}
.ranking-place-mark{font-size:16px;line-height:1}
.ranking-place-mark.gold{color:#ffd84e}
.ranking-place-mark.silver{color:#d3e3f4}
.ranking-place-mark.bronze{color:#e89a5d}
.ranking-top3-v165 .ranking-podium-copy{gap:4px!important}
.ranking-podium-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.ranking-podium-name-line>b{font-size:13px!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranking-podium-name-line .season-champion-chip{height:22px;padding:0 7px;font-size:9px!important}
.ranking-podium-copy>span{font-size:10px;color:#7fa3c3}
.ranking-top3-v165 .ranking-podium>strong{font-size:14px!important}
.ranking-list-section{margin-top:18px}
.ranking-tier-filters{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.ranking-tier-filter{
  min-height:52px;
  padding:7px 8px;
  border:1px solid #214e72;
  border-radius:10px;
  background:#06182a;
  color:#d5e8f8;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  cursor:pointer;
  transition:.16s ease;
}
.ranking-tier-filter:hover{border-color:#377fb2;background:#0a2239}
.ranking-tier-filter.is-active{
  border-color:#2e9dff;
  background:linear-gradient(180deg,#0c5ea9,#0b4180);
  color:white;
  box-shadow:0 0 0 1px rgba(43,157,255,.15) inset;
}
.ranking-tier-filter b{font-size:10px}
.ranking-tier-filter span{font-size:8px;color:#7291ad}
.ranking-tier-filter.is-active span{color:#bfe2ff}
.ranking-board-v165{
  margin-top:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.ranking-board-v165 .ranking-row{
  grid-template-columns:78px 150px minmax(260px,1fr) 160px 140px!important;
  min-height:54px!important;
  padding:0 18px!important;
}
.ranking-board-v165 .ranking-row.head{
  min-height:38px!important;
  background:#0a2034!important;
  color:#7896b0!important;
  font-size:9px!important;
  font-weight:900!important;
}
.ranking-board-v165 .ranking-row.head span:last-child{text-align:right}
.ranking-board-v165 .r-rank{display:flex;align-items:center;gap:6px;color:#8fc8ff!important}
.ranking-board-v165 .r-rank b{font-size:12px}
.ranking-board-v165 .r-emblem-wrap{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.ranking-board-v165 .r-emblem{display:grid;place-items:center;flex:0 0 auto}
.ranking-board-v165 .ranking-emblem{width:36px!important;height:36px!important}
.ranking-board-v165 .r-name{display:grid!important;gap:1px!important}
.ranking-board-v165 .r-name b{font-size:11px!important}
.ranking-board-v165 .r-name em{font-size:8px!important;color:#54b6ff!important}
.ranking-board-v165 .r-tier{font-size:10px;color:#9cb4c9}
.ranking-board-v165 .r-rp{text-align:right;font-size:12px;font-weight:950;color:#eef7ff}
.ranking-board-v165 .ranking-row.is-me{
  background:linear-gradient(90deg,rgba(35,142,230,.18),rgba(24,75,114,.06))!important;
  box-shadow:inset 3px 0 #2fa6ff!important;
}
@media(max-width:1180px){
  .ranking-me-v165{grid-template-columns:1fr auto!important}
  .ranking-next-tier{grid-column:1/-1}
  .ranking-tier-filters{grid-template-columns:repeat(3,1fr)}
  .ranking-board-v165 .ranking-row{grid-template-columns:60px 120px minmax(180px,1fr) 120px 110px!important}
}
@media(max-width:760px){
  .ranking-hero-v165{align-items:flex-start!important}
  .ranking-hero-actions{width:100%;justify-content:space-between}
  .ranking-me-v165{grid-template-columns:1fr!important}
  .ranking-me-rp{justify-self:start}
  .ranking-top3-v165{grid-template-columns:1fr!important}
  .ranking-tier-filters{display:flex;overflow-x:auto;scrollbar-width:none}
  .ranking-tier-filter{min-width:116px;flex:0 0 116px}
  .ranking-board-v165{overflow-x:auto!important}
  .ranking-board-v165 .ranking-row{min-width:720px}
}


/* Merchant V16.6 - clean matchmaking lobby re-layout (no new assets) */
body.merchant-page .setup-layout-v166{
  width:min(1040px,calc(100vw - 40px))!important;
  grid-template-columns:minmax(0,660px) 320px!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.merchant-page .setup-card-v166{
  position:relative;
  min-height:390px;
  padding:22px 26px 26px!important;
  border-radius:22px!important;
  text-align:left!important;
  overflow:hidden;
}
body.merchant-page .setup-card-v166::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 52%,rgba(37,124,219,.07),transparent 40%);
}
body.merchant-page .setup-card-topline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
body.merchant-page .setup-card-topline .setup-kicker{
  margin:0!important;
  font-size:9px!important;
  color:#6db8fb!important;
}
body.merchant-page .setup-match-state{
  min-height:30px;
  padding:0 11px;
  border:1px solid #274e70;
  border-radius:999px;
  background:#081a2a;
  display:flex;
  align-items:center;
  gap:7px;
  color:#bcd0e4;
  flex:0 0 auto;
}
body.merchant-page .setup-match-state i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#45d98b;
  box-shadow:0 0 9px rgba(69,217,139,.35);
}
body.merchant-page .setup-match-state b{
  font-size:9px;
  font-weight:900;
  color:#dbe9f6;
  white-space:nowrap;
}
body.merchant-page .setup-card-content{
  position:relative;
  z-index:1;
  min-height:320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:4px 28px 0;
  box-sizing:border-box;
}
body.merchant-page .setup-card-v166 h1{
  margin:0 0 10px!important;
  font-size:42px!important;
  letter-spacing:-1.4px;
}
body.merchant-page .setup-card-v166 p{
  max-width:470px;
  color:#91a8bd!important;
  font-size:13px!important;
}
body.merchant-page .setup-card-v166 .match-button{
  width:min(500px,100%)!important;
  min-height:74px!important;
  margin-top:28px!important;
  border-radius:15px!important;
}
body.merchant-page .setup-card-v166 .queue-wait{
  width:min(500px,100%);
  margin-top:12px!important;
  box-sizing:border-box;
  padding:10px 14px!important;
  border-radius:10px!important;
}
body.merchant-page .setup-card-v166 .queue-wait strong{font-size:16px!important}
body.merchant-page .setup-card-v166 .setup-status{
  margin-top:11px!important;
  min-height:16px;
  text-align:center;
  color:#657f98!important;
}

body.merchant-page .setup-player-card-v166{
  min-height:390px!important;
  padding:18px!important;
  gap:14px!important;
  border-radius:22px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-accent{
  padding:6px 10px!important;
  border-radius:7px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-profile{
  gap:12px!important;
  padding:2px 0 14px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-profile .merchant-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
}
body.merchant-page .setup-player-profile-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
body.merchant-page .setup-player-card-v166 .setup-player-profile-copy>b{
  font-size:15px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.merchant-page .setup-profile-meta{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
body.merchant-page .setup-profile-meta>em{
  font-size:10px!important;
  color:#a9c0d5!important;
}
body.merchant-page .setup-champion{
  height:20px;
  padding:0 7px;
  border:1px solid #8d6916;
  border-radius:6px;
  background:#382904;
  color:#ffd45d;
  display:inline-flex;
  align-items:center;
  font-size:8px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}
body.merchant-page .setup-champion.hidden{display:none!important}

body.merchant-page .setup-player-card-v166 .setup-player-metrics{
  gap:8px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics>div{
  min-height:58px;
  padding:10px 11px!important;
  align-content:center;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics b{
  color:#e9f4ff!important;
  font-size:18px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics>div:first-child b{
  color:#65bcff!important;
}

body.merchant-page .setup-tier-progress{
  padding:11px 12px;
  border:1px solid #204d74;
  border-radius:11px;
  background:#071a2e;
  display:grid;
  gap:8px;
}
body.merchant-page .setup-tier-progress-head,
body.merchant-page .setup-tier-progress-foot{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
body.merchant-page .setup-tier-progress-head>div{
  display:grid;
  gap:2px;
  min-width:0;
}
body.merchant-page .setup-tier-progress-head span,
body.merchant-page .setup-tier-progress-foot span,
body.merchant-page .setup-tier-progress-foot em{
  color:#8298b1;
  font-size:8px;
  font-style:normal;
  font-weight:850;
}
body.merchant-page .setup-tier-progress-head b{
  color:#e4f2ff;
  font-size:11px;
}
body.merchant-page .setup-tier-progress-head strong{
  color:#dcecff;
  font-size:9px;
  white-space:nowrap;
}
body.merchant-page .setup-tier-track{
  height:7px;
  border-radius:999px;
  background:#10243a;
  overflow:hidden;
}
body.merchant-page .setup-tier-track i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2489ff,#47b9ff);
  transition:width .2s ease;
}
body.merchant-page .setup-tier-progress-foot em{color:#6ea9d7}

body.merchant-page .setup-ranking-link-v166{
  min-height:42px!important;
  border:1px solid #2678b8!important;
  border-radius:10px!important;
  background:#071b30!important;
  color:#d9efff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:900!important;
  transition:.16s ease;
}
body.merchant-page .setup-ranking-link-v166:hover{
  border-color:#42a3ef!important;
  background:#0a2540!important;
}
body.merchant-page .setup-ranking-link-v166 b{
  color:#55b7ff;
  font-size:17px;
  line-height:1;
}
body.merchant-page .setup-player-note-v166{
  margin-top:0!important;
  padding-top:11px!important;
  text-align:center;
}
body.merchant-page .setup-player-note-v166 span{
  font-size:8px!important;
  line-height:1.45!important;
}

@media(max-width:980px){
  body.merchant-page .setup-layout-v166{
    width:min(660px,calc(100vw - 28px))!important;
    grid-template-columns:1fr!important;
  }
  body.merchant-page .setup-card-v166,
  body.merchant-page .setup-player-card-v166{min-height:auto!important}
}
@media(max-width:620px){
  body.merchant-page .setup-card-v166{padding:18px!important}
  body.merchant-page .setup-card-content{padding:20px 0 6px!important;min-height:300px}
  body.merchant-page .setup-card-v166 h1{font-size:32px!important}
  body.merchant-page .setup-card-topline{align-items:flex-start}
  body.merchant-page .setup-match-state{min-height:28px;padding:0 9px}
}


/* Merchant V16.7 - ranking cleanup */
body.merchant-page .ranking-season-chip{gap:0!important}
body.merchant-page .ranking-board-v165 .r-rank{
  justify-content:flex-start!important;
  color:#9acbff!important;
}
body.merchant-page .ranking-board-v165 .r-rank b{
  font-size:12px!important;
  font-weight:900!important;
}
body.merchant-page .ranking-board-v165 .r-emblem-wrap{gap:0!important}


/* Merchant V16.8 - larger matchmaking lobby, no season-1 chip */
body.merchant-page .setup-layout-v166{
  width:min(1260px,calc(100vw - 52px))!important;
  grid-template-columns:minmax(0,820px) minmax(360px,400px)!important;
  gap:22px!important;
}

body.merchant-page .setup-card-v166{
  min-height:510px!important;
  padding:28px 34px 32px!important;
  border-radius:24px!important;
}

body.merchant-page .setup-card-topline{
  min-height:38px;
}
body.merchant-page .setup-card-topline .setup-kicker{
  font-size:11px!important;
  letter-spacing:1.1px!important;
}
body.merchant-page .setup-match-state{
  min-height:36px!important;
  padding:0 14px!important;
  gap:8px!important;
}
body.merchant-page .setup-match-state i{
  width:8px!important;
  height:8px!important;
}
body.merchant-page .setup-match-state b{
  font-size:11px!important;
}

body.merchant-page .setup-card-content{
  min-height:410px!important;
  padding:12px 44px 0!important;
}
body.merchant-page .setup-card-v166 h1{
  margin:0 0 14px!important;
  font-size:52px!important;
  letter-spacing:-1.8px!important;
}
body.merchant-page .setup-card-v166 p{
  max-width:590px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
body.merchant-page .setup-card-v166 .match-button{
  width:min(620px,100%)!important;
  min-height:92px!important;
  margin-top:34px!important;
  border-radius:17px!important;
}
body.merchant-page .setup-card-v166 .match-button .match-button-icon{
  font-size:23px!important;
}
body.merchant-page .setup-card-v166 .match-button b{
  font-size:22px!important;
}
body.merchant-page .setup-card-v166 .match-button em{
  margin-top:4px!important;
  font-size:10px!important;
}
body.merchant-page .setup-card-v166 .queue-wait{
  width:min(620px,100%)!important;
  min-height:48px!important;
  margin-top:14px!important;
  padding:12px 16px!important;
  border-radius:11px!important;
}
body.merchant-page .setup-card-v166 .queue-wait span{
  font-size:11px!important;
}
body.merchant-page .setup-card-v166 .queue-wait strong{
  font-size:19px!important;
}
body.merchant-page .setup-card-v166 .setup-status{
  margin-top:13px!important;
  min-height:18px!important;
  font-size:10px!important;
}

/* Right information card */
body.merchant-page .setup-player-card-v166{
  min-height:510px!important;
  padding:22px!important;
  gap:18px!important;
  border-radius:24px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-accent{
  padding:8px 12px!important;
  border-radius:8px!important;
  font-size:11px!important;
}

body.merchant-page .setup-player-card-v166 .setup-player-profile{
  gap:16px!important;
  padding:4px 0 18px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-profile .merchant-avatar{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
}
body.merchant-page .setup-player-profile-copy{
  gap:5px!important;
}
body.merchant-page .setup-player-profile-copy>span{
  font-size:9px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-profile-copy>b{
  font-size:18px!important;
}
body.merchant-page .setup-profile-meta{
  gap:0!important;
}
body.merchant-page .setup-profile-meta>em{
  font-size:12px!important;
  color:#aec5da!important;
}

/* V16.8: season #1 text chip intentionally removed from lobby */
body.merchant-page .setup-champion{
  display:none!important;
}

body.merchant-page .setup-player-card-v166 .setup-player-metrics{
  gap:10px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics>div{
  min-height:76px!important;
  padding:13px 14px!important;
  border-radius:11px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics span{
  font-size:9px!important;
}
body.merchant-page .setup-player-card-v166 .setup-player-metrics b{
  margin-top:3px!important;
  font-size:22px!important;
}

body.merchant-page .setup-tier-progress{
  padding:15px 16px!important;
  border-radius:12px!important;
  gap:10px!important;
}
body.merchant-page .setup-tier-progress-head{
  align-items:center!important;
}
body.merchant-page .setup-tier-progress-head span,
body.merchant-page .setup-tier-progress-foot span,
body.merchant-page .setup-tier-progress-foot em{
  font-size:9px!important;
}
body.merchant-page .setup-tier-progress-head b{
  margin-top:2px!important;
  font-size:13px!important;
}
body.merchant-page .setup-tier-progress-head strong{
  font-size:11px!important;
}
body.merchant-page .setup-tier-track{
  height:9px!important;
}
body.merchant-page .setup-tier-progress-foot{
  margin-top:1px!important;
}

body.merchant-page .setup-ranking-link-v166{
  min-height:52px!important;
  border-radius:11px!important;
  font-size:13px!important;
}
body.merchant-page .setup-ranking-link-v166 b{
  font-size:20px!important;
}
body.merchant-page .setup-player-note-v166{
  padding-top:13px!important;
}
body.merchant-page .setup-player-note-v166 span{
  font-size:9px!important;
}

/* Give the lobby a slightly larger vertical footprint without changing game view. */
body.merchant-page .merchant-setup{
  min-height:calc(100vh - 58px)!important;
}

/* Fit comfortably at common 1440px desktop widths. */
@media(max-width:1320px){
  body.merchant-page .setup-layout-v166{
    width:min(1160px,calc(100vw - 40px))!important;
    grid-template-columns:minmax(0,750px) minmax(340px,370px)!important;
    gap:18px!important;
  }
  body.merchant-page .setup-card-v166,
  body.merchant-page .setup-player-card-v166{
    min-height:480px!important;
  }
  body.merchant-page .setup-card-content{
    min-height:382px!important;
  }
  body.merchant-page .setup-card-v166 h1{font-size:48px!important}
  body.merchant-page .setup-card-v166 .match-button{
    width:min(570px,100%)!important;
    min-height:86px!important;
  }
}
@media(max-width:980px){
  body.merchant-page .setup-layout-v166{
    width:min(720px,calc(100vw - 28px))!important;
    grid-template-columns:1fr!important;
  }
  body.merchant-page .setup-card-v166,
  body.merchant-page .setup-player-card-v166{
    min-height:auto!important;
  }
  body.merchant-page .setup-card-content{
    min-height:360px!important;
  }
}
@media(max-width:620px){
  body.merchant-page .setup-card-v166{
    padding:20px!important;
  }
  body.merchant-page .setup-card-content{
    min-height:310px!important;
    padding:20px 0 6px!important;
  }
  body.merchant-page .setup-card-v166 h1{
    font-size:34px!important;
  }
  body.merchant-page .setup-card-v166 p{
    font-size:12px!important;
  }
  body.merchant-page .setup-card-v166 .match-button{
    min-height:72px!important;
  }
  body.merchant-page .setup-card-v166 .match-button b{
    font-size:18px!important;
  }
  body.merchant-page .setup-player-card-v166 .setup-player-profile .merchant-avatar{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }
}


/* Merchant V16.9 - minimal TOP3 ranking */
body.merchant-page .ranking-top-section-v169{
  margin-top:18px!important;
}
body.merchant-page .ranking-top3-v165{
  margin-top:0!important;
}
body.merchant-page .ranking-podium-rank{
  min-width:36px!important;
  gap:0!important;
}
body.merchant-page .ranking-podium-rank>b{
  color:#dcecff!important;
  font-size:15px!important;
}
body.merchant-page .ranking-top3-v165 .ranking-podium.first .ranking-podium-rank>b{
  color:#ffd45d!important;
}
body.merchant-page .ranking-podium-name-line{
  gap:0!important;
}
body.merchant-page .ranking-section-title,
body.merchant-page .ranking-place-mark{
  display:none!important;
}


/* Merchant V16.10 - reliable opponent icons, full tooltip fit, live settlement reveal */

/* Broken opponent slot icons never show a browser broken-image glyph. */
body.merchant-page .inventory-item.image-missing{
  position:relative;
}
body.merchant-page .inventory-item.image-missing::before,
body.merchant-page .inventory-image-fallback{
  content:"?";
  position:absolute;
  inset:4px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#111c28;
  color:#6f879d;
  font-size:14px;
  font-weight:950;
}

/* Full ItemPrice tooltip is shown without an internal scrollbar.
   JS scales only when the natural tooltip would leave the viewport. */
body.merchant-page #tooltip-layer .maple-tooltip.merchant-floating-tooltip{
  width:390px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  transform-origin:top left!important;
  scrollbar-width:none!important;
}
body.merchant-page #tooltip-layer .maple-tooltip.merchant-floating-tooltip::-webkit-scrollbar{
  display:none!important;
}
body.merchant-page #tooltip-layer .opponent-tooltip-loading.merchant-floating-tooltip{
  width:390px!important;
}

/* One-by-one settlement */
body.merchant-page .settlement-animation{
  width:min(1260px,calc(100% - 16px))!important;
  min-height:720px!important;
  padding:28px!important;
}
body.merchant-page .sale-head{
  padding-bottom:16px!important;
}
body.merchant-page .sale-head h2{
  font-size:32px!important;
}
body.merchant-page .sale-dashboard{
  margin:15px 0 8px!important;
}
body.merchant-page .sale-queue{
  min-height:66px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:#315773 #071827;
}
body.merchant-page .sale-queue::-webkit-scrollbar{
  height:6px;
}
body.merchant-page .sale-queue::-webkit-scrollbar-thumb{
  background:#315773;
  border-radius:999px;
}

body.merchant-page .sale-current{
  min-height:284px!important;
  padding:28px 30px!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:22px 30px!important;
}
body.merchant-page .sale-icon-box{
  width:108px!important;
  height:108px!important;
  padding:9px!important;
}
body.merchant-page .sale-item-visual h3{
  font-size:25px!important;
}
body.merchant-page .sale-price-flow{
  gap:13px!important;
}
body.merchant-page .sale-price-flow>div{
  min-height:92px!important;
  padding:17px 18px!important;
  justify-content:center;
}
body.merchant-page .sale-price-flow span{
  font-size:10px!important;
  font-weight:900!important;
}
body.merchant-page .sale-price-flow b{
  margin-top:4px;
  font-size:27px!important;
  color:#f5f9ff;
  font-variant-numeric:tabular-nums;
}
body.merchant-page .sale-price-flow>div:last-child b{
  color:#ffe18a;
}
body.merchant-page .sale-delta{
  min-width:250px!important;
  font-size:38px!important;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
}
body.merchant-page .sale-delta::before{
  content:"손익";
  color:#7892aa;
  font-size:10px;
  font-weight:900;
}
body.merchant-page .sale-current.is-revealing .sale-price-flow>div:last-child{
  border-color:#7a6826;
  box-shadow:inset 0 0 28px rgba(255,212,92,.04);
}
body.merchant-page .sale-current.is-revealing .sale-price-flow>div:last-child b{
  animation:merchant-settlement-price-pulse .62s ease-in-out infinite alternate;
}
@keyframes merchant-settlement-price-pulse{
  from{opacity:.48}
  to{opacity:1}
}

body.merchant-page .sale-history-head{
  margin:15px 1px 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#7892aa;
  font-size:9px;
  font-weight:900;
}
body.merchant-page .sale-history-head b{
  color:#a8bfd4;
  font-size:10px;
}
body.merchant-page .sale-history{
  min-height:104px;
  padding:8px;
  display:flex;
  align-items:stretch;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid #193f5f;
  border-radius:13px;
  background:#051727;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:#315773 #071827;
}
body.merchant-page .sale-history:empty::before{
  content:"정산이 완료된 아이템이 여기에 하나씩 추가됩니다.";
  margin:auto;
  color:#5f7890;
  font-size:10px;
}
body.merchant-page .sale-history::-webkit-scrollbar{height:6px}
body.merchant-page .sale-history::-webkit-scrollbar-thumb{background:#315773;border-radius:999px}
body.merchant-page .sale-history-card{
  flex:0 0 318px;
  width:318px;
  min-width:318px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:22px 48px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid #214764;
  border-radius:10px;
  background:#081b2d;
  box-sizing:border-box;
  animation:merchant-settlement-row-in .28s ease both;
}
@keyframes merchant-settlement-row-in{
  from{opacity:0;transform:translateX(14px)}
  to{opacity:1;transform:translateX(0)}
}
body.merchant-page .sale-history-index{
  color:#5d7892;
  font-size:9px;
}
body.merchant-page .sale-history-icon{
  width:46px!important;height:46px!important;
  min-width:46px!important;min-height:46px!important;
  padding:3px!important;
}
body.merchant-page .sale-history-copy{
  min-width:0;
  display:grid;
  grid-template-columns:auto auto;
  column-gap:8px;
  row-gap:2px;
}
body.merchant-page .sale-history-copy b{
  grid-column:1/-1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}
body.merchant-page .sale-history-copy span{
  color:#7892aa;
  font-size:8px;
  white-space:nowrap;
}
body.merchant-page .sale-history-card>strong{
  font-size:10px;
  white-space:nowrap;
}
body.merchant-page .sale-footer{
  margin-top:12px!important;
}

@media(max-width:900px){
  body.merchant-page .sale-current{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
  }
  body.merchant-page .sale-delta{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
  }
  body.merchant-page .sale-history-card{
    flex-basis:286px;
    width:286px;
    min-width:286px;
  }
}


/* Merchant V16.11 - larger result rules + matched opponent + sequential roulette */
body.merchant-page .matched-opponent{
  width:min(420px,100%);
  margin:12px auto 18px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid #204f76;
  border-radius:11px;
  background:#071a2b;
  box-sizing:border-box;
}
body.merchant-page .matched-opponent-avatar{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
}
body.merchant-page .matched-opponent>div:last-child{
  min-width:0;
  display:grid;
  text-align:left;
}
body.merchant-page .matched-opponent span{
  color:#6e8da9;
  font-size:8px;
  font-weight:900;
}
body.merchant-page .matched-opponent b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eff8ff;
  font-size:13px;
}
body.merchant-page .matched-opponent em{
  color:#8db2d1;
  font-size:9px;
  font-style:normal;
}

/* Result rules should be immediately readable, not tiny pills. */
body.merchant-page .result-conditions{
  gap:8px!important;
  max-width:720px;
  justify-content:flex-end;
}
body.merchant-page .result-conditions .condition-chip{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1!important;
}
body.merchant-page .result-conditions .condition-chip strong{
  margin-left:4px;
  font-size:11px!important;
}

/* One-at-a-time locking is visually obvious. */
body.merchant-page .rule-reel.is-locked{
  border-color:#ac8427!important;
  box-shadow:inset 0 0 0 1px rgba(255,208,73,.10),0 0 20px rgba(255,190,40,.06)!important;
}
body.merchant-page .rule-reel.is-locked .current{
  color:#ffe17b!important;
}

/* Slightly widen countdown card for opponent identity + readable reels. */
body.merchant-page .roulette-card{
  width:min(900px,calc(100vw - 36px))!important;
}

/* Final money gets stronger hierarchy in summary. */
body.merchant-page .result-summary-grid>div:nth-child(4){
  border-color:#2e6f9e!important;
  background:linear-gradient(180deg,#0a243a,#071a2b)!important;
}


/* Merchant V16.13 - six fixed emotes */
body.merchant-page .emote-profile{
  position:relative;
}
body.merchant-page .merchant-emote-bubble{
  position:absolute;
  z-index:38;
  top:54px;
  min-width:94px;
  max-width:178px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  background:#f1f4f7;
  color:#18222d;
  font-size:11px;
  line-height:1.25;
  font-weight:950;
  text-align:center;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  pointer-events:none;
}
body.merchant-page .merchant-emote-bubble::after{
  content:"";
  position:absolute;
  top:-7px;
  width:12px;
  height:12px;
  background:#f1f4f7;
  border-left:1px solid rgba(255,255,255,.28);
  border-top:1px solid rgba(255,255,255,.28);
  transform:rotate(45deg);
}
body.merchant-page .merchant-emote-bubble.opponent{
  left:8px;
}
body.merchant-page .merchant-emote-bubble.opponent::after{
  left:18px;
}
body.merchant-page .merchant-emote-bubble.me{
  right:8px;
}
body.merchant-page .merchant-emote-bubble.me::after{
  right:18px;
}
body.merchant-page .merchant-emote-bubble.pop{
  animation:merchant-emote-pop .18s ease-out both;
}
@keyframes merchant-emote-pop{
  from{opacity:0;transform:translateY(5px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

body.merchant-page .merchant-emote-control{
  position:relative;
  flex:0 0 auto;
}
body.merchant-page .merchant-emote-button{
  width:100%;
  min-height:34px;
  border:1px solid #285b82;
  border-radius:8px;
  background:#071b2e;
  color:#bcd7ed;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:.15s ease;
}
body.merchant-page .merchant-emote-button:hover,
body.merchant-page .merchant-emote-button[aria-expanded="true"]{
  border-color:#4b9bd2;
  background:#0b2944;
  color:#eff8ff;
}
body.merchant-page .merchant-emote-menu{
  position:absolute;
  z-index:45;
  right:0;
  bottom:42px;
  width:224px;
  padding:8px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  border:1px solid #315f82;
  border-radius:12px;
  background:rgba(5,20,34,.98);
  box-shadow:0 18px 40px rgba(0,0,0,.42);
  backdrop-filter:blur(8px);
}
body.merchant-page .merchant-emote-menu button{
  min-height:40px;
  padding:6px 8px;
  border:1px solid #224764;
  border-radius:8px;
  background:#0a2136;
  color:#d6e8f7;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:.14s ease;
}
body.merchant-page .merchant-emote-menu button:hover{
  border-color:#4b99d0;
  background:#10304c;
  color:white;
}
html[data-theme="light"] body.merchant-page .merchant-emote-menu{
  background:rgba(245,249,252,.98);
  border-color:#b7cedf;
}
html[data-theme="light"] body.merchant-page .merchant-emote-menu button{
  background:#eef5fa;
  color:#183149;
  border-color:#c8d9e5;
}
html[data-theme="light"] body.merchant-page .merchant-emote-button{
  background:#eef5fa;
  color:#23435c;
  border-color:#b6cfdf;
}
@media(max-width:1120px){
  body.merchant-page .merchant-emote-menu{
    left:0;
    right:auto;
    bottom:auto;
    top:42px;
  }
}


/* Merchant V16.14 - side identity spacing + inline emote control */
body.merchant-page .side-accent-with-action{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding-right:8px!important;
}
body.merchant-page .side-accent-with-action>span{
  min-width:0;
  white-space:nowrap;
}

body.merchant-page .merchant-emote-control-inline{
  position:relative!important;
  flex:0 0 auto!important;
}
body.merchant-page .merchant-emote-control-inline .merchant-emote-button{
  width:auto!important;
  min-width:74px!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
body.merchant-page .merchant-emote-control-inline .merchant-emote-menu{
  right:0!important;
  left:auto!important;
  top:34px!important;
  bottom:auto!important;
}

body.merchant-page .side-profile{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
}
body.merchant-page .side-profile-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  gap:2px!important;
}
body.merchant-page .side-profile-copy>span{
  display:block!important;
  margin:0!important;
  color:#7893ad!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.merchant-page .side-profile-copy>b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#eff7ff!important;
  font-size:12px!important;
  line-height:1.2!important;
}
body.merchant-page .side-profile-copy>em{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#9fb8ce!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  font-style:normal!important;
}

/* Prevent the avatar and long merchant name from ever colliding. */
body.merchant-page .side-profile .merchant-avatar{
  align-self:center!important;
  flex:0 0 auto!important;
}
body.merchant-page .opponent-side,
body.merchant-page .player-side{
  min-width:0!important;
}
body.merchant-page .opponent-side .side-profile,
body.merchant-page .player-side .side-profile{
  padding-right:2px!important;
}

/* Speech bubbles remain anchored to the profile row. */
body.merchant-page .emote-profile{
  position:relative!important;
}

@media(max-width:1120px){
  body.merchant-page .merchant-emote-control-inline .merchant-emote-menu{
    right:0!important;
    left:auto!important;
    top:34px!important;
    bottom:auto!important;
  }
}


/* Merchant V16.15 - result RP meta + persistent settlement detail */

/* Keep rules and RP change together at the result header's top-right. */
body.merchant-page .result-head-meta{
  min-width:420px;
  display:grid;
  justify-items:end;
  align-content:start;
  gap:10px;
}
body.merchant-page .result-rp-change{
  min-width:190px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  justify-content:end;
  gap:2px 9px;
  border:1px solid #214f75;
  border-radius:9px;
  background:#071b2e;
  box-sizing:border-box;
}
body.merchant-page .result-rp-change>span{
  color:#7895ae;
  font-size:8px;
  font-weight:900;
}
body.merchant-page .result-rp-change>b{
  font-size:13px;
  font-weight:1000;
  white-space:nowrap;
}
body.merchant-page .result-rp-change>em{
  grid-column:1/-1;
  justify-self:end;
  color:#7591aa;
  font-size:8px;
  font-style:normal;
  white-space:nowrap;
}

/* RP is no longer tucked under the player result card. */
body.merchant-page .result-fighter small{
  display:none!important;
}

/* Detailed settlement can be reopened from the result screen. */
body.merchant-page .result-detail-button{
  min-height:32px;
  padding:0 12px;
  border:1px solid #2b6692;
  border-radius:8px;
  background:#08213a;
  color:#b9d9f2;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
  transition:.15s ease;
}
body.merchant-page .result-detail-button:hover{
  border-color:#4a9bd2;
  background:#0b2b49;
  color:#fff;
}

/* Lower the judgement/price section so it does not feel glued to the queue. */
body.merchant-page .sale-queue{
  margin-bottom:20px!important;
}
body.merchant-page .sale-current{
  margin-top:8px!important;
}
body.merchant-page .sale-price-flow{
  align-self:end!important;
  padding-top:10px!important;
}

/* Review mode stays readable when reopened after the result. */
body.merchant-page .settlement-animation{
  scroll-margin-top:72px;
}
body.merchant-page .sale-footer button{
  min-width:150px;
}

@media(max-width:900px){
  body.merchant-page .result-head-meta{
    min-width:0;
    width:100%;
    justify-items:start;
    margin-top:12px;
  }
  body.merchant-page .result-rp-change{
    justify-self:start;
  }
}
@media(max-width:620px){
  body.merchant-page .result-head-meta{
    width:100%;
  }
}


/* Merchant V16.15.1 - fixed emote menu + avatar anchored bubbles */
body.merchant-page .merchant-emote-menu{
  position:fixed!important;
  z-index:2147482000!important;
  right:auto!important;
  bottom:auto!important;
  left:auto;
  top:auto;
  pointer-events:auto!important;
}
body.merchant-page .merchant-emote-button{
  position:relative;
  z-index:6;
}
body.merchant-page .merchant-emote-bubble{
  position:fixed!important;
  z-index:2147482100!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  min-width:88px;
  max-width:180px;
  pointer-events:none!important;
}
body.merchant-page .merchant-emote-bubble::after{
  top:50%!important;
  left:-7px!important;
  right:auto!important;
  transform:translateY(-50%) rotate(45deg)!important;
  border-left:1px solid rgba(255,255,255,.28);
  border-top:1px solid rgba(255,255,255,.28);
}
body.merchant-page .merchant-emote-bubble[data-align="left"]::after{
  left:auto!important;
  right:-7px!important;
  border-left:0!important;
  border-top:0!important;
  border-right:1px solid rgba(255,255,255,.28);
  border-bottom:1px solid rgba(255,255,255,.28);
}
body.merchant-page .merchant-emote-bubble.opponent,
body.merchant-page .merchant-emote-bubble.me{
  left:auto!important;
  right:auto!important;
}


/* Merchant V16.16 - one-click server-authoritative auction + result RP cleanup */
body.merchant-page .auction-oneclick{width:min(500px,100%);margin:16px auto 0}
body.merchant-page .auction-oneclick #bidBtn{width:100%;min-height:66px;padding:9px 18px;display:grid;place-items:center;gap:3px;border:1px solid #3d96dd;border-radius:12px;background:linear-gradient(180deg,#2c91f5,#176bc6);color:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(31,131,225,.16)}
body.merchant-page .auction-oneclick #bidBtn>span{font-size:18px;font-weight:1000}
body.merchant-page .auction-oneclick #bidBtn>b{font-size:10px;font-weight:850;color:#d8edff}
body.merchant-page .auction-oneclick #bidBtn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
body.merchant-page .auction-oneclick #bidBtn:disabled{cursor:not-allowed;opacity:.62;filter:saturate(.7)}
body.merchant-page .auction-oneclick #bidBtn.is-leading{border-color:#4e9e76;background:linear-gradient(180deg,#1f7550,#155139)}
body.merchant-page .result-rp-change>em strong{color:#e8f4ff;font-size:10px;font-weight:950}


/* Merchant V16.17 - Hearthstone-style emote bubble + horizontal RP meta */

/* Emote bubble lives outside the side panel and sits below the tier emblem. */
body.merchant-page .merchant-emote-bubble{
  position:fixed!important;
  z-index:2147482100!important;
  min-width:112px!important;
  max-width:238px!important;
  width:max-content!important;
  padding:11px 15px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:950!important;
  letter-spacing:-.15px;
  white-space:nowrap;
  overflow:visible!important;
  pointer-events:none!important;
  box-shadow:0 10px 30px rgba(0,0,0,.34)!important;
}

/* Default: bubble is below emblem, therefore the tail is on top and points up. */
body.merchant-page .merchant-emote-bubble::after,
body.merchant-page .merchant-emote-bubble[data-align="left"]::after{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  bottom:auto!important;
  left:calc(var(--emote-tail-x, 50%) - 6px)!important;
  right:auto!important;
  width:12px!important;
  height:12px!important;
  background:#f1f4f7!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
  border-right:0!important;
  border-bottom:0!important;
  transform:rotate(45deg)!important;
}

/* Very short viewport fallback: bubble flips above emblem and tail moves down. */
body.merchant-page .merchant-emote-bubble[data-placement="above"]::after{
  top:auto!important;
  bottom:-7px!important;
  border-left:0!important;
  border-top:0!important;
  border-right:1px solid rgba(255,255,255,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.28)!important;
}
body.merchant-page .merchant-emote-bubble.opponent,
body.merchant-page .merchant-emote-bubble.me{
  left:auto;
  right:auto;
}

/* Result RP: one readable horizontal strip under the game-rule chips. */
body.merchant-page .result-rp-change{
  min-width:310px!important;
  min-height:44px!important;
  padding:9px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  border-radius:10px!important;
}
body.merchant-page .result-rp-change .rp-meta-item{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  white-space:nowrap!important;
}
body.merchant-page .result-rp-change .rp-meta-item>span{
  color:#86a2ba!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.merchant-page .result-rp-change .rp-meta-item>b,
body.merchant-page .result-rp-change .rp-meta-item>strong{
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
}
body.merchant-page .result-rp-change .rp-meta-item>strong{
  color:#eef8ff!important;
}
body.merchant-page .result-rp-change>i{
  width:1px!important;
  height:18px!important;
  background:#234763!important;
  display:block!important;
  flex:0 0 auto!important;
}
body.merchant-page .result-rp-change>span,
body.merchant-page .result-rp-change>em{
  display:none!important;
}

@media(max-width:700px){
  body.merchant-page .merchant-emote-bubble{
    min-width:104px!important;
    max-width:min(220px,calc(100vw - 24px))!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.merchant-page .result-rp-change{
    min-width:0!important;
    width:auto!important;
    gap:9px!important;
  }
}


/* Merchant V16.17.1 - force emote bubble below full profile row */
body.merchant-page .merchant-emote-bubble{
  margin:0!important;
}
body.merchant-page .merchant-emote-bubble::after,
body.merchant-page .merchant-emote-bubble[data-align="left"]::after{
  top:-8px!important;
}
body.merchant-page .merchant-emote-bubble[data-placement="above"]::after{
  top:auto!important;
  bottom:-8px!important;
}


/* Merchant V16.18 - settlement profit values anchored bottom-right */
body.merchant-page .sale-current .sale-delta{
  align-self:end!important;
  justify-self:end!important;
  justify-items:end!important;
  align-content:end!important;
  place-items:end!important;
  text-align:right!important;
  padding:0 0 12px 0!important;
  margin:0!important;
  line-height:1.05!important;
}
body.merchant-page .sale-current .sale-delta::before{
  width:100%;
  text-align:right!important;
  margin-bottom:5px;
}

/* Completed settlement mini-cards: profit belongs at the lower-right corner. */
body.merchant-page .sale-history-card{
  align-items:stretch!important;
}
body.merchant-page .sale-history-card>.sale-history-index,
body.merchant-page .sale-history-card>.sale-history-icon,
body.merchant-page .sale-history-card>.sale-history-copy{
  align-self:center!important;
}
body.merchant-page .sale-history-card>strong{
  align-self:end!important;
  justify-self:end!important;
  text-align:right!important;
  line-height:1!important;
  padding:0 1px 2px 8px!important;
  margin:0!important;
}

@media(max-width:900px){
  body.merchant-page .sale-current .sale-delta{
    justify-self:end!important;
    align-self:end!important;
    min-width:0!important;
    padding-bottom:8px!important;
  }
}


/* Merchant V16.18.1 HOTFIX - computed emblem-bottom position must win */
body.merchant-page .merchant-emote-bubble{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
}
body.merchant-page .merchant-emote-bubble::after,
body.merchant-page .merchant-emote-bubble[data-align="left"]::after{
  top:-8px!important;
  bottom:auto!important;
  left:calc(var(--emote-tail-x, 50%) - 6px)!important;
  right:auto!important;
}
body.merchant-page .merchant-emote-bubble[data-placement="above"]::after{
  top:auto!important;
  bottom:-8px!important;
}


/* Merchant V16.19 - CSS audit cleanup / dark-only / auction + result alignment */
html[data-theme="dark"],
html[data-theme="dark"] body.merchant-page{
  color-scheme:dark!important;
}
body.merchant-page{
  background-color:#07111c!important;
}
/* Game is dark-only; light rules above are historical and intentionally unreachable. */

/* OPT/listing id is intentionally hidden during live gameplay. */
body.merchant-page .game-safe-meta{
  justify-content:flex-end!important;
}

/* Auction: make the actual increment and server clock obvious. */
body.merchant-page .auction-live-meta{
  width:min(500px,100%);
  margin:16px auto 4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body.merchant-page .auction-step-box,
body.merchant-page .auction-clock-box{
  min-height:72px;
  padding:11px 14px;
  display:grid;
  align-content:center;
  gap:5px;
  border:1px solid #315a79;
  border-radius:11px;
  background:#071b2c;
  box-sizing:border-box;
}
body.merchant-page .auction-step-box span,
body.merchant-page .auction-clock-box span{
  color:#7895ac;
  font-size:9px;
  font-weight:900;
}
body.merchant-page .auction-step-box b{
  color:#65e8a0;
  font-size:22px;
  line-height:1.05;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
body.merchant-page .auction-clock-box b{
  color:#ffe087;
  font-size:22px;
  line-height:1.05;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
body.merchant-page .auction-clock-box b.urgent{
  color:#ff7784;
  animation:auction-clock-pulse .55s ease-in-out infinite alternate;
}
@keyframes auction-clock-pulse{from{opacity:.65}to{opacity:1}}
body.merchant-page .auction-oneclick{margin-top:11px!important}
body.merchant-page .auction-oneclick #bidBtn>b{font-size:12px!important}
body.merchant-page .auction-price>p{max-width:520px;margin-left:auto!important;margin-right:auto!important}

/* Result header: keep RP horizontal but remove the oversized empty rectangle. */
body.merchant-page .result-head-meta{
  min-width:0!important;
  width:auto!important;
  max-width:660px!important;
}
body.merchant-page .result-rp-change{
  width:max-content!important;
  min-width:0!important;
  min-height:34px!important;
  padding:6px 10px!important;
  gap:8px!important;
  border-radius:8px!important;
}
body.merchant-page .result-rp-change .rp-meta-item{gap:5px!important}
body.merchant-page .result-rp-change .rp-meta-item>span{font-size:9.5px!important}
body.merchant-page .result-rp-change .rp-meta-item>b,
body.merchant-page .result-rp-change .rp-meta-item>strong{font-size:13px!important}
body.merchant-page .result-rp-change>i{height:14px!important}

/* Sale detail: both big and mini profit values are mechanically bottom-right aligned. */
body.merchant-page .sale-current{
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:auto 1fr!important;
  align-items:stretch!important;
}
body.merchant-page .sale-current .sale-item-visual{grid-column:1/2!important;grid-row:1/2!important;align-self:center!important}
body.merchant-page .sale-current .sale-price-flow{grid-column:1/2!important;grid-row:2/3!important;align-self:end!important}
body.merchant-page .sale-current .sale-delta{
  grid-column:2/3!important;
  grid-row:2/3!important;
  align-self:end!important;
  justify-self:end!important;
  min-width:0!important;
  padding:0 0 12px 14px!important;
  text-align:right!important;
}
body.merchant-page .sale-history-card{
  position:relative!important;
  padding-right:104px!important;
}
body.merchant-page .sale-history-card>strong{
  position:absolute!important;
  right:10px!important;
  bottom:9px!important;
  align-self:auto!important;
  justify-self:auto!important;
  text-align:right!important;
  max-width:92px;
}
/* Final result item rows use the same bottom-right profit convention. */
body.merchant-page .settlement-card{
  position:relative!important;
  min-height:64px!important;
  padding-right:112px!important;
  grid-template-columns:30px 46px minmax(0,1fr)!important;
}
body.merchant-page .settlement-card>strong{
  position:absolute!important;
  right:10px!important;
  bottom:9px!important;
  text-align:right!important;
  max-width:102px;
}

@media(max-width:900px){
  body.merchant-page .sale-current{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
  body.merchant-page .sale-current .sale-delta{grid-column:1!important;grid-row:3!important;padding-top:12px!important}
}
@media(max-width:620px){
  body.merchant-page .auction-live-meta{grid-template-columns:1fr!important}
  body.merchant-page .settlement-card{padding-right:94px!important}
}


/* Merchant V16.20 - larger in-game rules + visual round timer */
body.merchant-page .shared-rulebar{
  height:68px!important;
  flex:0 0 68px!important;
  padding:0 13px!important;
  gap:9px!important;
}
body.merchant-page .shared-title{
  min-width:184px!important;
}
body.merchant-page .shared-title b{
  font-size:10.5px!important;
}
body.merchant-page .condition-chips{
  gap:7px!important;
}
body.merchant-page .condition-chip{
  min-height:29px!important;
  padding:6px 9px!important;
  gap:5px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
}
body.merchant-page .condition-chip strong{
  font-size:10.5px!important;
  line-height:1!important;
}

body.merchant-page .match-clock{
  width:126px!important;
  min-width:126px!important;
  margin-left:4px!important;
  padding-left:11px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
body.merchant-page .match-clock-line{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
body.merchant-page .match-clock-line span{
  font-size:8px!important;
}
body.merchant-page .match-clock-line b{
  font-size:10px!important;
}
body.merchant-page .match-clock-line strong{
  min-width:49px;
  text-align:right;
  font-size:20px!important;
  line-height:1!important;
}
body.merchant-page .match-timer-rail{
  width:100%!important;
  height:6px!important;
  overflow:hidden!important;
  border:1px solid #234d70!important;
  border-radius:999px!important;
  background:#061421!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.38)!important;
}
body.merchant-page .match-timer-rail>i{
  display:block!important;
  width:100%;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#2d8fe6,#57d8ff)!important;
  box-shadow:0 0 9px rgba(78,184,255,.28)!important;
  transition:width .20s linear,background .18s ease,box-shadow .18s ease!important;
}
body.merchant-page .match-timer-rail.warning>i{
  background:linear-gradient(90deg,#d89a2c,#ffd15d)!important;
  box-shadow:0 0 9px rgba(255,194,71,.25)!important;
}
body.merchant-page .match-timer-rail.critical>i{
  background:linear-gradient(90deg,#df4058,#ff7185)!important;
  box-shadow:0 0 10px rgba(255,78,106,.28)!important;
}

@media(max-width:1350px){
  body.merchant-page .shared-rulebar{gap:7px!important}
  body.merchant-page .condition-chip{padding:6px 8px!important;font-size:9px!important}
  body.merchant-page .condition-chip strong{font-size:10px!important}
  body.merchant-page .match-clock{width:120px!important;min-width:120px!important}
}
@media(max-width:1120px){
  body.merchant-page .shared-rulebar{height:62px!important;flex-basis:62px!important}
  body.merchant-page .match-clock{margin-left:auto!important}
}


/* Merchant V16.21 - visible emote control + exact emblem-below bubble + one-line duel title */

/* The My Info accent stays compact; the emote control is a visible sibling on the right. */
body.merchant-page .player-panel-head{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.merchant-page .player-panel-head>.side-accent{
  align-self:auto!important;
  flex:0 0 auto!important;
}
body.merchant-page .player-panel-head .merchant-emote-control-inline{
  display:block!important;
  position:relative!important;
  flex:0 0 auto!important;
  visibility:visible!important;
  opacity:1!important;
}
body.merchant-page .player-panel-head .merchant-emote-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:82px!important;
  min-height:30px!important;
  padding:0 11px!important;
  visibility:visible!important;
  opacity:1!important;
  color:#d9efff!important;
  border-color:#3377aa!important;
  background:#0a2944!important;
}

/* Bubble is centered directly under the actual tier emblem. */
body.merchant-page .merchant-emote-bubble{
  min-width:116px!important;
  max-width:250px!important;
  padding:11px 16px!important;
  font-size:13px!important;
  line-height:1.3!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.merchant-page .merchant-emote-bubble::after,
body.merchant-page .merchant-emote-bubble[data-align="left"]::after{
  top:-8px!important;
  bottom:auto!important;
  left:calc(var(--emote-tail-x, 50%) - 6px)!important;
  right:auto!important;
}
body.merchant-page .merchant-emote-bubble[data-placement="above"]::after{
  top:auto!important;
  bottom:-8px!important;
}

/* Keep the full duel message on exactly one line. */
body.merchant-page .shared-rulebar{
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr) auto 120px!important;
  align-items:center!important;
  column-gap:7px!important;
}
body.merchant-page .shared-title{
  display:flex!important;
  width:205px!important;
  min-width:205px!important;
  max-width:205px!important;
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important;
}
body.merchant-page .shared-title b{
  display:block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:9.2px!important;
  line-height:1!important;
  letter-spacing:-.45px!important;
}
body.merchant-page .condition-chips{
  min-width:0!important;
  margin-left:0!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
body.merchant-page .condition-chip{
  min-height:29px!important;
  padding:6px 7px!important;
  gap:4px!important;
  font-size:8.1px!important;
}
body.merchant-page .condition-chip strong{
  font-size:10.2px!important;
}
body.merchant-page .next-item-preview{
  padding-left:6px!important;
  gap:4px!important;
}
body.merchant-page .next-item-preview>span{
  font-size:7.5px!important;
}
body.merchant-page .match-clock{
  width:120px!important;
  min-width:120px!important;
  margin-left:0!important;
  padding-left:8px!important;
}

/* On narrower desktop, preserve the one-line message until the layout itself stacks. */
@media(max-width:1350px) and (min-width:1121px){
  body.merchant-page .shared-rulebar{
    grid-template-columns:184px minmax(0,1fr) auto 116px!important;
    column-gap:5px!important;
  }
  body.merchant-page .shared-title{
    display:flex!important;
    width:184px!important;
    min-width:184px!important;
    max-width:184px!important;
  }
  body.merchant-page .shared-title b{
    font-size:8.3px!important;
    letter-spacing:-.6px!important;
  }
  body.merchant-page .condition-chip{
    padding:5px 6px!important;
    font-size:7.7px!important;
  }
  body.merchant-page .condition-chip strong{font-size:9.5px!important}
  body.merchant-page .match-clock{width:116px!important;min-width:116px!important}
}
@media(max-width:700px){
  body.merchant-page .merchant-emote-bubble{
    white-space:normal!important;
    max-width:min(230px,calc(100vw - 20px))!important;
  }
}


/* Merchant V16.22 - deterministic emote overlay + auction cancel/value hierarchy */

/* Emote overlay is moved under <body> at runtime, so fixed viewport coordinates
   now match getBoundingClientRect() exactly on both player sides. */
body.merchant-page>.merchant-emote-bubble{
  position:fixed!important;
  z-index:2147483000!important;
  min-width:122px!important;
  max-width:260px!important;
  width:max-content!important;
  padding:12px 17px!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
body.merchant-page>#emoteMenu{
  position:fixed!important;
  z-index:2147482900!important;
  pointer-events:auto!important;
}

/* Auction current price: label and value are separate rows. */
body.merchant-page .auction-price>.auction-current-label{
  display:block!important;
  margin-bottom:7px!important;
  color:#8ca0b1!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.merchant-page .auction-price>#highestBid{
  display:block!important;
  max-width:100%!important;
  margin:0 auto 12px!important;
  color:#ffe28a!important;
  font-size:43px!important;
  line-height:1.08!important;
  font-weight:1000!important;
  letter-spacing:-1.4px!important;
  text-align:center!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

/* Current-price delta should read as one value: +N억 N만 메소. */
body.merchant-page .auction-step-box b{
  font-size:19px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  letter-spacing:-.35px!important;
}
body.merchant-page .auction-clock-box b{
  white-space:nowrap!important;
}

/* Bid / cancel are explicit sibling actions. */
body.merchant-page .auction-actions{
  width:min(540px,100%)!important;
  margin:12px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.75fr) minmax(138px,.85fr)!important;
  gap:9px!important;
}
body.merchant-page .auction-actions>button{
  min-height:64px!important;
  padding:8px 13px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:3px!important;
  border-radius:11px!important;
  cursor:pointer;
  box-sizing:border-box!important;
}
body.merchant-page .auction-bid-button{
  border:1px solid #3d96dd!important;
  background:linear-gradient(180deg,#2c91f5,#176bc6)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(31,131,225,.16)!important;
}
body.merchant-page .auction-bid-button>span{
  font-size:18px!important;
  font-weight:1000!important;
}
body.merchant-page .auction-bid-button>b{
  color:#d8edff!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.merchant-page .auction-cancel-button{
  border:1px solid #5a6673!important;
  background:linear-gradient(180deg,#24313e,#17222d)!important;
  color:#afbdc9!important;
}
body.merchant-page .auction-cancel-button>span{
  font-size:14px!important;
  font-weight:1000!important;
}
body.merchant-page .auction-cancel-button>b{
  color:#7f92a3!important;
  font-size:8.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.merchant-page .auction-cancel-button.is-available{
  border-color:#c9636d!important;
  background:linear-gradient(180deg,#7d303c,#55212b)!important;
  color:#fff!important;
}
body.merchant-page .auction-cancel-button.is-available>b{
  color:#ffdce0!important;
}
body.merchant-page .auction-actions>button:disabled{
  cursor:not-allowed!important;
  opacity:.56!important;
}
body.merchant-page .auction-actions>button:hover:not(:disabled){
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}

/* Historical one-button wrapper is no longer used. */
body.merchant-page .auction-oneclick{display:none!important}

@media(max-width:720px){
  body.merchant-page .auction-actions{
    grid-template-columns:1fr!important;
  }
  body.merchant-page .auction-price>#highestBid{
    font-size:34px!important;
  }
}


/* Merchant V16.22.1 HOTFIX - align settlement profit with buy/settlement row */
body.merchant-page .sale-current .sale-delta{
  grid-column:2/3!important;
  grid-row:2/3!important;
  align-self:center!important;
  justify-self:end!important;
  padding:0 0 0 14px!important;
  margin:0!important;
  text-align:right!important;
}
body.merchant-page .sale-current .sale-delta::before{
  margin-bottom:6px!important;
  text-align:right!important;
}
@media(max-width:900px){
  body.merchant-page .sale-current .sale-delta{
    grid-column:1!important;
    grid-row:3!important;
    align-self:start!important;
    padding:10px 0 0!important;
  }
}

/* Merchant V16.22.3 HOTFIX - keep meso price on one line in standard mode */
body.merchant-page .merchant-priceguess-frame .pg-price-panel strong,
body.merchant-page #offerPrice{
  display:block!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  letter-spacing:-1.1px!important;
  font-size:clamp(30px,3.35vw,44px)!important;
  line-height:1.08!important;
}
body.merchant-page .merchant-priceguess-frame .pg-price-panel{
  width:min(540px,100%)!important;
}
@media(max-width:1400px){
  body.merchant-page .merchant-priceguess-frame .pg-price-panel strong,
  body.merchant-page #offerPrice{
    font-size:clamp(28px,3vw,40px)!important;
  }
}
@media(max-width:1200px){
  body.merchant-page .merchant-priceguess-frame .pg-price-panel strong,
  body.merchant-page #offerPrice{
    font-size:clamp(26px,2.8vw,36px)!important;
  }
}


/* Merchant V16.23 - auction pacing / right-aligned forfeit / no total timer */
body.merchant-page .auction-actions{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:12px 0 0!important;
}
body.merchant-page .auction-actions .auction-bid-button{flex:1 1 auto!important;min-width:0!important}
body.merchant-page .auction-actions .auction-cancel-button{
  flex:0 0 150px!important;
  width:150px!important;
  margin-left:auto!important;
}
body.merchant-page .auction-step-box b{font-size:21px!important}
body.merchant-page .auction-clock-box b{font-size:20px!important}
@media(max-width:720px){
  body.merchant-page .auction-actions{display:grid!important;grid-template-columns:1fr!important}
  body.merchant-page .auction-actions .auction-cancel-button{width:100%!important;flex:auto!important}
}


/* Merchant V16.24 - clickable settlement history + lobby tier table */
body.merchant-page .setup-layout-v166{
  width:min(1320px,calc(100vw - 40px))!important;
  grid-template-columns:minmax(0,660px) 300px 300px!important;
  gap:18px!important;
}
body.merchant-page .setup-card-v166,
body.merchant-page .setup-player-card-v166,
body.merchant-page .setup-tier-guide-card{
  min-height:430px!important;
}
body.merchant-page .setup-tier-guide-card{
  padding:18px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:12px;
  border:1px solid #235f8e;
  border-radius:22px;
  background:linear-gradient(180deg,#06243d,#041a2d);
  box-sizing:border-box;
  overflow:hidden;
}
body.merchant-page .setup-tier-guide-head{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(70,125,166,.28);
}
body.merchant-page .setup-tier-guide-head>div{display:grid;gap:1px}
body.merchant-page .setup-tier-guide-head span{color:#eaf5ff;font-size:13px;font-weight:1000}
body.merchant-page .setup-tier-guide-head b,
body.merchant-page .setup-tier-guide-head em{color:#7392ad;font-size:8px;font-style:normal;font-weight:850}
body.merchant-page .setup-tier-guide-rows{
  min-height:0;
  display:grid;
  align-content:start;
  gap:5px;
}
body.merchant-page .setup-tier-guide-row{
  min-height:37px;
  padding:4px 8px 4px 5px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:9px;
  background:rgba(5,24,40,.55);
  box-sizing:border-box;
}
body.merchant-page .setup-tier-guide-row img{
  width:32px;height:32px;object-fit:contain;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));
}
body.merchant-page .setup-tier-guide-row>div{min-width:0;display:grid;gap:1px}
body.merchant-page .setup-tier-guide-row b{color:#d8e7f5;font-size:9.5px;font-weight:950;white-space:nowrap}
body.merchant-page .setup-tier-guide-row span{color:#6f8da6;font-size:7.5px;font-weight:800;white-space:nowrap}
body.merchant-page .setup-tier-guide-row>em{
  padding:3px 6px;border-radius:999px;background:#103a5c;color:#65c4ff;font-size:7px;font-style:normal;font-weight:1000;white-space:nowrap;
}
body.merchant-page .setup-tier-guide-row.is-current{
  border-color:#378cc7;
  background:linear-gradient(90deg,rgba(24,94,143,.28),rgba(7,31,51,.72));
  box-shadow:inset 3px 0 0 #43b8ff;
}
body.merchant-page .setup-tier-guide-row.is-current b{color:#fff}
body.merchant-page .setup-tier-champion-note{
  min-height:47px;
  padding:6px 8px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:1px solid #66521c;
  border-radius:10px;
  background:rgba(64,45,4,.25);
}
body.merchant-page .setup-tier-champion-note img{width:34px;height:34px;object-fit:contain}
body.merchant-page .setup-tier-champion-note span{display:grid;gap:1px}
body.merchant-page .setup-tier-champion-note b{color:#ffd75f;font-size:9px}
body.merchant-page .setup-tier-champion-note em{color:#947e43;font-size:7.5px;font-style:normal}
body.merchant-page .setup-tier-champion-note.is-current{border-color:#b88a21;box-shadow:0 0 18px rgba(255,194,41,.08)}

body.merchant-page .sale-history-head span em{
  color:#4e7898;
  font-size:8px;
  font-style:normal;
  font-weight:800;
}
body.merchant-page .sale-history-card{
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease;
}
body.merchant-page .sale-history-card:hover,
body.merchant-page .sale-history-card:focus-visible{
  border-color:#3a83b6;
  background:#0a2339;
  outline:none;
}
body.merchant-page .sale-history-card.is-selected{
  border-color:#4fb8ff;
  background:linear-gradient(180deg,#0b2943,#092036);
  box-shadow:0 0 0 1px rgba(79,184,255,.12),inset 3px 0 0 #4fb8ff;
}
body.merchant-page .sale-queue-item.review-selected{
  outline:2px solid #4fb8ff;
  outline-offset:-2px;
  opacity:1!important;
}

@media(max-width:1240px){
  body.merchant-page .setup-layout-v166{
    width:min(1000px,calc(100vw - 32px))!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
  }
  body.merchant-page .setup-tier-guide-card{grid-column:1/-1;min-height:auto!important}
  body.merchant-page .setup-tier-guide-rows{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  body.merchant-page .setup-layout-v166{grid-template-columns:1fr!important}
  body.merchant-page .setup-tier-guide-card{grid-column:auto}
  body.merchant-page .setup-tier-guide-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.merchant-page .setup-tier-guide-rows{grid-template-columns:1fr}
}


/* Merchant V16.25 - tier card hierarchy/readability */
body.merchant-page .setup-tier-guide-card{
  grid-template-rows:auto auto 1fr!important;
  gap:10px!important;
}
body.merchant-page .setup-tier-guide-head{
  min-height:38px!important;
  padding-bottom:10px!important;
}
body.merchant-page .setup-tier-guide-head>span{
  color:#eef8ff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
}
body.merchant-page .setup-tier-guide-head>em{
  color:#8aa7bd!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.merchant-page .setup-tier-guide-rows{
  gap:6px!important;
}
body.merchant-page .setup-tier-guide-row{
  min-height:42px!important;
  padding:4px 9px 4px 6px!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  gap:9px!important;
}
body.merchant-page .setup-tier-guide-row img{
  width:34px!important;
  height:34px!important;
}
body.merchant-page .setup-tier-guide-name{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
body.merchant-page .setup-tier-guide-name>b{
  color:#dcecf8!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.merchant-page .setup-tier-guide-meta{
  min-width:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
body.merchant-page .setup-tier-guide-meta>span{
  color:#8eabc0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-align:right!important;
}
body.merchant-page .setup-tier-guide-meta>em{
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#125487!important;
  color:#75d1ff!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.merchant-page .setup-tier-guide-row.is-current .setup-tier-guide-name>b{
  color:#fff!important;
}
body.merchant-page .setup-tier-champion-note{
  min-height:50px!important;
  padding:6px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:9px!important;
  order:-1!important;
}
body.merchant-page .setup-tier-champion-note img{
  width:36px!important;
  height:36px!important;
}
body.merchant-page .setup-tier-champion-note span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
body.merchant-page .setup-tier-champion-note b{
  font-size:11.5px!important;
  line-height:1.05!important;
  font-weight:1000!important;
}
body.merchant-page .setup-tier-champion-note em{
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:850!important;
}
body.merchant-page .setup-tier-champion-note>strong{
  color:#d8b84f!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-align:right!important;
}
@media(max-width:1180px){
  body.merchant-page .setup-tier-guide-meta{min-width:82px!important}
  body.merchant-page .setup-tier-guide-name>b{font-size:11px!important}
  body.merchant-page .setup-tier-guide-meta>span{font-size:8.5px!important}
}

/* Merchant V17.0 - linked character identity / authoritative game core */
body.merchant-page .merchant-account-link{
  margin-top:12px;padding:12px;border:1px solid #26384b;border-radius:12px;background:rgba(7,18,31,.72);display:grid;gap:9px;
}
body.merchant-page .merchant-account-link-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.merchant-page .merchant-account-link-head span{font-size:10px;font-weight:900;color:#71879b;letter-spacing:.05em}
body.merchant-page .merchant-account-link-head b{font-size:12px;color:#dbe8f5;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.merchant-page .merchant-account-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.merchant-page .merchant-account-link-actions button,
body.merchant-page .merchant-api-login button{min-height:34px;border:1px solid #31506c;border-radius:8px;background:#0c2237;color:#dcecff;font-size:11px;font-weight:850;cursor:pointer}
body.merchant-page .merchant-account-link-actions button:hover,
body.merchant-page .merchant-api-login button:hover{filter:brightness(1.08)}
body.merchant-page .merchant-api-login{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:7px}
body.merchant-page .merchant-api-login.hidden{display:none!important}
body.merchant-page .merchant-api-login input{min-width:0;height:34px;padding:0 10px;border:1px solid #304b65;border-radius:8px;background:#061522;color:#edf6ff;font-size:11px;outline:none}
body.merchant-page .merchant-account-link p{margin:0;color:#657d92;font-size:9px;line-height:1.45}
body.merchant-page .merchant-account-link .hidden{display:none!important}

/* V17.0: forfeit is a permanent per-lot action, so it remains available even when not leading. */
body.merchant-page .auction-cancel-button.is-available{margin-left:auto!important}


/* Merchant V17.2 - explicit merchant logout / zero-RP launch */
body.merchant-page .merchant-account-link-actions .merchant-logout-button{
  border-color:#5d3440;background:#25131b;color:#ffb7c0;
}
body.merchant-page .merchant-account-link-actions .merchant-logout-button:hover{background:#341923}

/* Merchant V17.3 - account UX: canonical ItemPrice header account + recent API shortcut */
body.merchant-page .merchant-account-link-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.merchant-page #merchantLogout:not(.hidden){
  grid-column:1/-1!important;
}
body.merchant-page #recentApiLogin:not(.hidden){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


/* Merchant V17.4 - unified ItemPrice account + optional Merchant linkage */
body.merchant-page #setupRank{
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.35px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}
body.merchant-page .site-account-recent-v174{
  width:100%;
  min-height:36px;
  margin:2px 0 10px;
  padding:0 12px;
  border:1px solid #2f6f9f;
  border-radius:8px;
  background:#0b2943;
  color:#bfe4ff;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.merchant-page .site-account-recent-v174:hover{background:#103754;color:#fff}
body.merchant-page .site-account-recent-v174:disabled{opacity:.55;cursor:wait}
body.merchant-page #recentApiLogin:not(.hidden){grid-column:1/-1!important}


/* Merchant V17.5 - ranking is intentionally dark-only. Keep the user's global theme preference untouched. */
html[data-theme="dark"] body.merchant-page.ranking-page{background:#0f1721!important;color:#edf5ff!important}
body.merchant-page.ranking-page .site-theme-toggle-v523{display:none!important}