.market-category{display:flex;gap:8px;margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid #ffffff0c}.market-category button{font-size:13px;background:transparent;color:#8e9bae;padding:9px 18px;border:1px solid transparent;border-radius:4px}.market-category button[aria-pressed=true]{background:#bb8b3b16;color:#edbb7f;border-color:#a3814c44}.market-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 170px 150px 150px;gap:12px}.market-toolbar .search-field{width:100%;min-width:0;min-height:44px}.market-toolbar select{font-size:12px;min-height:44px}.market-explanation{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.9;color:#8492a6;margin:18px 0 26px}.market-explanation>.icon{width:15px;height:20px;flex-shrink:0}.market-explanation>span{margin-left:auto;white-space:nowrap;color:#b39a77}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}.market-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #343d4b;border-bottom:2px solid var(--rarity);border-radius:6px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--rarity) 8%,transparent),transparent 75%),linear-gradient(150deg,#262d38,#1b222c)}.market-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 15px 0;color:#8c9db4;font-size:10px}.market-card-top>b{font-size:9px;font-weight:400;color:#adb8c7;background:#ffffff06;border:1px solid #ffffff0b;border-radius:3px;padding:2px 5px}.market-card>img{width:100%;height:120px;object-fit:contain;padding:13px 20px 4px;filter:drop-shadow(0 6px 5px #0004)}.market-card-info{padding:8px 17px 15px;flex:1}.market-card-info h3{font-size:14px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3dde9}.market-card-info p{font-size:12px;color:#8d9db2;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0}.market-card-info>small{display:block;font-size:9px;color:#a38e69;margin-top:6px}.market-card-buy{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 13px;border-top:1px solid #ffffff08;background:#10182033}.market-card-buy>span{display:flex;gap:5px;align-items:center;color:#d6bb8b;font-size:11px;font-variant-numeric:tabular-nums}.market-card-buy .icon{height:13px;width:13px}.market-card-buy b{font-size:13px;font-weight:500}.market-card-buy small{font-size:9px;color:#958c7b}.market-card-buy button{font-size:11px;min-height:29px;padding:5px 13px;border-radius:3px;border:1px solid #8c70494d;background:#59473133;color:#e2c59a}.market-card-buy button:hover:not(:disabled){background:#8c6a3f50;border-color:#b7996677}.market-card-buy button:disabled{opacity:.25;cursor:not-allowed}
.market-purchase-modal{width:min(470px,100%);border:0;padding:0;background:transparent}.market-purchase-modal>.modal-close{z-index:2;right:15px;top:15px;background:transparent}.market-purchase.game-purchase-dialog{width:100%;border-radius:5px}.market-buy-quantity{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#b1c1cd;margin:18px 0}.market-buy-quantity input{width:95px;min-height:35px;background:#172a36;border:1px solid #718d9b66;border-radius:3px;padding:5px 12px;color:#dae5ec;font:inherit}.market-buy-error{font-size:12px;color:#e3a998;line-height:1.7;margin:0 0 14px}.market-purchased-floats{max-height:260px;overflow:auto;margin:15px 0 24px}.market-purchased-floats>span{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:9px 0;color:#a5bbc7;border-bottom:1px solid #ffffff0b}.market-purchased-floats b{font:12px/1.7 ui-monospace,Consolas,monospace;color:#d3e0e7}
.purchase-resources{margin-top:12px}.purchase-resource{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #b0c4ce14}.purchase-resource:last-child{border-bottom:0}.purchase-resource>img{width:55px;height:48px;object-fit:contain;flex-shrink:0}.purchase-resource>div{flex:1;min-width:0}.purchase-resource strong{font-size:13px;font-weight:450;line-height:1.6;display:block}.purchase-resource span{display:block;font-size:11px;color:#afc1cc;margin:3px 0}.purchase-resource small{font-size:10px;color:#7e99a9}.purchase-resource>b{font-size:17px;font-weight:400;color:#d5c5a2;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.inventory-supplies{margin:30px 0 24px;padding:22px 24px;background:#1d232c;border:1px solid #353f4d;border-radius:6px}.inventory-supplies .section-heading{margin-bottom:15px}.inventory-supplies h2{font-size:16px}.supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.supply-card{display:flex;align-items:center;gap:13px;text-align:left;min-width:0;background:#27303c;border:1px solid #3b485b;border-radius:4px;padding:12px 14px}.supply-card>img{width:62px;height:50px;object-fit:contain;flex-shrink:0}.supply-card>span{min-width:0;flex:1}.supply-card strong{display:block;font-size:12px;font-weight:450;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supply-card small{display:block;font-size:10px;color:#8799af;margin-top:4px}.supply-card>b{font-size:18px;color:#d9bc8b;font-weight:400}.supply-card:hover{border-color:#94784c}.supply-empty{font-size:12px;color:#8694a7;line-height:1.8}
.case-stack-visual{position:absolute;inset:0;pointer-events:none}.case-stack-visual.is-entering{animation:case-stack-enter .55s cubic-bezier(.22,.8,.24,1) both}.case-stack-visual.is-leaving{animation:case-stack-exit .28s ease-in both}.stack-case-secondary{position:absolute;width:494px;height:356px;object-fit:contain;left:50%;top:43%;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--size)) rotate(var(--turn));opacity:var(--fade);filter:brightness(.8) saturate(.75) drop-shadow(0 15px 12px #0005);z-index:1}.case-stack-visual .hero-case-image{z-index:3}.case-stack-count{position:absolute;z-index:4;left:50%;top:75%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid #be965a4d;background:#2f261b99;color:#e1ba82;border-radius:3px;font-size:15px;font-variant-numeric:tabular-nums}.case-stack-count>.icon{height:15px;width:15px}
@keyframes case-stack-enter{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes case-stack-exit{to{opacity:0;transform:translateY(-18px) scale(.96)}}
@media(min-width:2000px){.stack-case-secondary{width:540px;height:382px}}
@media(max-width:1250px){.stack-case-secondary{width:345px}.market-toolbar{grid-template-columns:1fr 145px 135px 130px}.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{grid-template-columns:repeat(6,minmax(0,1fr))}.sidebar .nav-item>span:not(.nav-dot){font-size:8px}.market-wallet{padding:11px 15px;gap:9px}.market-wallet>strong{font-size:22px}.market-category{gap:3px;margin-bottom:16px;padding-bottom:14px}.market-category button{padding:8px 12px;font-size:11px}.market-toolbar{grid-template-columns:1fr 1fr;gap:9px}.market-toolbar .search-field{grid-column:1/-1}.market-toolbar select{font-size:11px;min-height:40px}.market-explanation{font-size:10px;flex-wrap:wrap;margin-bottom:20px}.market-explanation>span{margin-left:24px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-card-top{padding:10px 10px 0;gap:4px;font-size:8px;flex-wrap:wrap}.market-card-top>b{font-size:8px;padding:1px 4px}.market-card>img{height:96px;padding:10px 12px 0}.market-card-info{padding:8px 12px 12px}.market-card-info h3{font-size:12px}.market-card-info p{font-size:11px}.market-card-buy{padding:9px 10px;gap:5px}.market-card-buy b{font-size:11px}.market-card-buy>span{font-size:10px;gap:3px}.market-card-buy small{font-size:8px}.market-card-buy .icon{display:none}.market-card-buy button{font-size:10px;min-height:28px;padding:4px 10px}.inventory-supplies{padding:17px 15px}.supply-grid{grid-template-columns:1fr}.supply-card>img{width:52px;height:44px}.purchase-resource{gap:10px}.purchase-resource>img{width:45px}.purchase-resource strong{font-size:12px}.stack-case-secondary{width:264px;height:213px;top:48%;left:44%;transform:translate(calc(-50% + var(--dx)*.46),calc(-50% + var(--dy)*.55)) scale(var(--size)) rotate(var(--turn))}.case-stack-count{top:72%;left:45%;font-size:12px;padding:4px 9px}}
@media(max-width:420px){.stack-case-secondary{width:230px}.market-category button{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.case-stack-visual.is-entering{animation:none}.case-stack-visual.is-leaving{animation:none;opacity:0}}
.market-toolbar .search-field{max-width:none;width:auto}.market-variant-options{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:4px 0 18px;border-bottom:1px solid #b0c4ce1c}.market-variant-options>label,.market-variant-options>div{display:flex;flex-direction:column;gap:10px;color:#9eb5c4;font-size:11px}.market-variant-options select{width:100%;min-height:36px;font-size:12px;background:#1d333f;border-color:#708a9b66}.market-st-switch{display:flex;align-items:center;gap:9px;min-height:36px;background:#1d333f;border:1px solid #708a9b66;border-radius:4px;padding:6px 10px;color:#9ab0c0;font-size:11px}.market-st-switch>i{position:relative;width:29px;height:16px;border-radius:10px;background:#152731;border:1px solid #69808c66;flex-shrink:0}.market-st-switch>i:after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#8097a5;transition:transform .18s,background .18s}.market-st-switch[aria-checked=true]{color:#e8ba78;border-color:#c39a4e66;background:#60442330}.market-st-switch[aria-checked=true]>i:after{transform:translateX(13px);background:#d7a760}.market-st-switch:disabled{opacity:.4;cursor:not-allowed}
.game-case[data-phase=handoff] .game-scene{max-height:none;min-height:0;flex:1;opacity:.88}.game-scene[data-case-phase=transition]{cursor:default}.market-explanation>.market-explanation-copy{margin:0;white-space:normal;color:#8492a6;flex:1}.market-explanation-copy>.icon{height:15px;width:15px;vertical-align:middle;margin-right:5px}
@media(max-width:760px){.market-explanation{display:block}}

/* Fill complete rows on non-final pages; keep short-page navigation at the foot. */
.market-toolbar-supplies{grid-template-columns:minmax(180px,1fr) 200px}
.market-skin-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;margin-top:14px;padding:16px 18px;background:#ffffff03;border:1px solid #ffffff0b;border-radius:5px}
.market-skin-filters>label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#8f9eaf;min-width:0}
.market-skin-filters select{width:100%;min-width:0;min-height:39px;font-size:12px}
.market-reset{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:7px 12px;border:1px solid #ffffff18;border-radius:4px;background:#ffffff04;color:#a3adba;font-size:11px;white-space:nowrap}
.market-reset>.icon{width:14px;height:14px}.market-reset:hover:not(:disabled){border-color:#bd945866;color:#e1be88}.market-reset:disabled{opacity:.35}
.market-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;min-width:0}
.market-results-toolbar .results-count{margin:0}
.market-sort{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:11px;color:#8f9eaf}
.market-sort select{font-size:12px;min-height:37px;width:183px}
@media(max-width:760px){.market-skin-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.market-skin-filters>label{font-size:10px;gap:6px}.market-skin-filters select{font-size:11px;min-height:38px}.market-reset{font-size:10px;min-height:38px}.market-results-toolbar{gap:10px;align-items:flex-start}.market-results-toolbar .results-count{font-size:11px}.market-results-toolbar .results-count>span{display:block;margin:4px 0 0;font-size:9px}.market-sort{gap:6px;font-size:10px}.market-sort select{width:151px;font-size:11px;min-height:36px}.market-toolbar-supplies{grid-template-columns:1fr}.market-toolbar-supplies .search-field{grid-column:auto}}
#app:has(.page-market){display:flex;flex-direction:column;min-height:100dvh}
#app:has(.page-market)>.topbar,#app:has(.page-market)>.footer{flex-shrink:0}
.page-market{display:flex;flex-direction:column;flex:1 0 auto}
.page-market>#market-results{display:flex;flex-direction:column;flex:1 0 auto}
.page-market .market-grid{flex-shrink:0}
.page-market #market-results>.pagination{flex-shrink:0;margin: auto 0 0;padding-top:28px}

/* Market dropdowns share the value of their native select and animate as one control. */
.market-dropdown{position:relative;min-width:0;width:100%;font-size:12px}
.market-dropdown.is-open{z-index:45}
.market-dropdown>select[hidden]{display:none}
.market-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:10px 13px;border:1px solid #ffffff18;border-radius:4px;background:#23272f;color:#b9c4d1;text-align:left;font-size:inherit;line-height:1.6;transition:border-color .18s,background .18s,box-shadow .18s}
.market-dropdown-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-dropdown-trigger:hover{background:#292f39;border-color:#ffffff30}
.market-dropdown-trigger[aria-expanded=true]{border-color:#ad875866;background:#2b2c30;box-shadow:0 0 0 2px #bc8b3d0a;color:#e1c092}
.market-dropdown-arrow{width:9px;height:6px;flex-shrink:0;background:#8e9cab;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .2s cubic-bezier(.2,.7,.3,1),background .2s}
.market-dropdown-trigger[aria-expanded=true]>.market-dropdown-arrow{transform:rotate(180deg);background:#d3af77}
.market-dropdown-menu{position:absolute;z-index:50;top:calc(100% + 7px);left:0;right:0;max-height:300px;overflow:auto;overscroll-behavior:contain;padding:5px;border:1px solid #52607480;border-radius:5px;background:linear-gradient(145deg,#2b333f,#20262f);box-shadow:0 14px 32px #0007,0 2px 8px #0004;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;scrollbar-width:thin;scrollbar-color:#657183 #20262f}
.market-dropdown.opens-up>.market-dropdown-menu{top:auto;bottom:calc(100% + 7px);transform:translateY(6px)}
.market-dropdown.is-open>.market-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.market-dropdown-option{position:relative;display:flex;align-items:center;min-height:36px;padding:8px 27px 8px 10px;border-left:2px solid transparent;border-radius:3px;color:#acb9c9;font-size:inherit;line-height:1.6;cursor:pointer;transition:background .12s,color .12s}
.market-dropdown-option.is-active{background:#ffffff0a;color:#e2e8ee}
.market-dropdown-option[aria-selected=true]{border-left-color:#d3a25d;background:#ad80401c;color:#edc58c}
.market-dropdown-option[aria-selected=true]:after{content:'';position:absolute;right:11px;width:8px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.market-dropdown-option[aria-disabled=true]{opacity:.35;cursor:default}
.market-skin-filters .market-dropdown-trigger{min-height:39px;padding-top:8px;padding-bottom:8px}
.market-sort .market-dropdown{width:183px}
.market-sort .market-dropdown-trigger{min-height:37px;padding-top:7px;padding-bottom:7px}
.market-purchase .market-dropdown-trigger{min-height:36px;padding:7px 11px;background:#1d333f;border-color:#708a9b66;color:#c3d2dc}
.market-purchase .market-dropdown-trigger[aria-expanded=true]{border-color:#b6c9d788;background:#29414e;box-shadow:0 0 0 2px #a9c1ce09}
.market-purchase .market-dropdown-menu{background:linear-gradient(135deg,#3a505c,#293e4b);border-color:#839dab66;box-shadow:0 14px 30px #07131e88}
.market-purchase .market-dropdown-option{color:#bbccd7}
.market-purchase .market-dropdown-option[aria-selected=true]{background:#b3cbd41a;border-left-color:#a9c1cf;color:#e0ebef}
.market-purchase .market-dropdown-arrow{background:#9eb6c4}
.market-purchase .market-dropdown-trigger[aria-expanded=true]>.market-dropdown-arrow{background:#d5e2e9}
@media(max-width:760px){.market-dropdown{font-size:11px}.market-dropdown-trigger{min-height:40px;padding:9px 11px}.market-skin-filters .market-dropdown-trigger{min-height:38px}.market-sort .market-dropdown{width:151px}.market-sort .market-dropdown-trigger{min-height:36px;padding-top:7px;padding-bottom:7px}.market-dropdown-option{min-height:38px}}
@media(prefers-reduced-motion:reduce){.market-dropdown-trigger,.market-dropdown-arrow,.market-dropdown-menu,.market-dropdown-option{transition:none}}