:root{--bg:#0d0e12;--bg2:#11131a;--panel:#151820;--panel2:#191d27;--line:#282d39;--muted:#828999;--text:#f4f7fb;--green:#8dfc52;--teal:#38f2d0;--purple:#9c6cff;--red:#ff5576;--gold:#ffc759;--radius:16px;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.ambient{position:fixed;border-radius:50%;filter:blur(140px);opacity:.12;pointer-events:none;z-index:-1}.ambient-one{width:480px;height:480px;background:var(--purple);top:60px;left:-240px}.ambient-two{width:560px;height:560px;background:var(--green);right:-360px;top:420px}.site-header{height:82px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242731;background:rgba(13,14,18,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:42px;height:42px;border:1px solid rgba(141,252,82,.4);background:linear-gradient(145deg,rgba(141,252,82,.19),rgba(56,242,208,.04));clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;background:var(--green);box-shadow:0 0 13px rgba(141,252,82,.65)}.brand-mark:before{width:4px;height:23px;transform:rotate(20deg);left:13px}.brand-mark:after{width:4px;height:23px;transform:rotate(20deg);right:13px}.brand-mark i:first-child{width:20px;height:4px;transform:rotate(-20deg)}.brand-mark i:last-child{width:10px;height:3px;bottom:10px}.brand strong{display:block;font-size:21px;letter-spacing:.09em}.brand strong span{color:var(--green)}.brand small{display:block;color:#707786;font-size:8px;letter-spacing:.22em;margin-top:3px}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a,.main-nav button{border:0;background:none;color:#a2a8b5;font-size:13px;font-weight:700;padding:31px 0;position:relative}.main-nav a:hover,.main-nav button:hover,.main-nav .active{color:#fff}.main-nav .active:after{content:"";height:2px;background:var(--green);position:absolute;left:0;right:0;bottom:0;box-shadow:0 0 12px var(--green)}.header-actions{display:flex;align-items:center;gap:16px}.online{font-size:11px;color:#8f96a5;display:flex;gap:7px;align-items:center}.online i,.live-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.steam-button{height:44px;padding:0 17px;border:1px solid rgba(141,252,82,.35);border-radius:8px;background:linear-gradient(110deg,rgba(141,252,82,.16),rgba(56,242,208,.08));display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.steam-button:hover{background:var(--green);color:#0d1210;box-shadow:0 0 25px rgba(141,252,82,.25)}.steam-button svg{width:20px;fill:currentColor}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#15171e;padding:10px}.menu-toggle span{height:2px;background:#fff;display:block;margin:4px}.live-strip{height:74px;border-bottom:1px solid #252933;background:#11131a;display:flex;align-items:stretch;overflow:hidden}.live-label{width:112px;flex:none;border-right:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:9px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.15em}.live-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);flex:1}.live-track{height:100%;display:flex;width:max-content;animation:ticker 35s linear infinite}.live-track:hover{animation-play-state:paused}.live-event{height:100%;width:222px;border-right:1px solid #222631;padding:10px 15px;display:flex;align-items:center;gap:10px}.live-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--c),#292e3c);display:grid;place-items:center;font-size:9px;font-weight:900}.mini-item{width:46px;height:46px;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01));border:1px solid color-mix(in srgb,var(--c) 55%,#282d39);display:grid;place-items:center}.mini-item svg{width:38px;height:24px;fill:none;stroke:var(--c);stroke-width:2}.live-arrow{color:var(--green);font-weight:900}.live-info{min-width:0}.live-info strong,.live-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-info strong{font-size:10px}.live-info small{font-size:9px;color:var(--muted);margin-top:3px}@keyframes ticker{to{transform:translateX(-50%)}}
main{max-width:1550px;margin:auto}.upgrade-section{padding:42px clamp(18px,4vw,60px) 54px}.section-heading,.inventory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:.24em;font-weight:900;color:var(--green)}h1,h2,p{margin-top:0}h1{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;margin:7px 0 0}h2{letter-spacing:-.025em}.balance-card{height:50px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:7px 7px 7px 14px;display:grid;grid-template-columns:auto 34px;grid-template-rows:auto auto;column-gap:13px}.balance-card span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.balance-card strong{font-size:15px}.balance-card button{grid-column:2;grid-row:1/3;border:0;border-radius:7px;background:var(--green);font-size:22px;font-weight:400;color:#10200c}.upgrade-workspace{display:grid;grid-template-columns:minmax(260px,1fr) minmax(330px,1.12fr) minmax(260px,1fr);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(25,29,39,.94),rgba(15,17,23,.98));box-shadow:var(--shadow);min-height:540px;overflow:hidden}.selection-panel{padding:26px;display:flex;flex-direction:column;min-width:0}.source-panel{border-right:1px solid var(--line)}.target-panel{border-left:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title>div{display:flex;align-items:center;gap:11px}.panel-title span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #363c49;border-radius:7px;color:var(--green);font-size:9px;font-weight:900}.panel-title h2{font-size:15px;margin:0}.text-button{border:0;background:transparent;color:#727a89;font-size:10px;font-weight:700}.text-button:hover{color:var(--green)}.selected-items{flex:1;min-height:300px;padding:18px 0;display:flex;flex-direction:column;justify-content:center;gap:8px}.empty-state{text-align:center;color:#6f7685;display:flex;flex-direction:column;align-items:center}.empty-state strong{font-size:13px;color:#aeb4c0;margin-top:15px}.empty-state span{font-size:9px;margin-top:5px}.plus-ring{width:84px;height:84px;border-radius:50%;border:1px dashed #3a404e;display:grid;place-items:center;font-size:27px;color:#555d6c;background:radial-gradient(circle,rgba(141,252,82,.07),transparent 68%)}.selected-row{height:72px;border:1px solid #2c3240;border-radius:10px;background:#11141a;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:7px;animation:pop .22s ease}.selected-row .item-art{height:56px}.selected-row strong,.selected-row small{display:block}.selected-row strong{font-size:10px}.selected-row small{font-size:8px;color:var(--muted);margin-top:4px}.selected-row b{font-size:11px;color:var(--green);padding-right:5px}.panel-total{height:50px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between}.panel-total span{font-size:9px;color:var(--muted)}.panel-total strong{font-size:18px}.upgrade-core{padding:22px 30px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 37%,rgba(141,252,82,.07),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.015),transparent);position:relative}.radar-wrap{width:min(240px,70vw);aspect-ratio:1;position:relative;margin:2px auto 0}.radar{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.radar-base{fill:#0e1116;stroke:#303744;stroke-width:12}.radar-grid{fill:none;stroke:#262d37;stroke-width:1}.radar-progress{fill:none;stroke:var(--green);stroke-width:12;stroke-linecap:round;stroke-dasharray:35 100;filter:url(#glow);transition:stroke-dasharray .25s}.radar-cross{stroke:#202630;stroke-width:1;transform-origin:center;transform:rotate(90deg)}.radar-sweep{fill:rgba(141,252,82,.04);transform-origin:center;animation:sweep 4s linear infinite}.chance-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.chance-value strong{font-size:38px;letter-spacing:-.06em}.chance-value span{font-size:8px;color:#777f8e;letter-spacing:.2em;margin-top:5px}.radar-pointer{position:absolute;width:3px;height:50%;background:linear-gradient(transparent,var(--green));left:calc(50% - 1.5px);top:0;transform-origin:50% 100%;transform:rotate(126deg);filter:drop-shadow(0 0 5px var(--green));transition:transform .25s}.radar-wrap.spinning .radar-pointer{animation:spin 3s cubic-bezier(.12,.68,.16,1) forwards}.radar-wrap.spinning .radar-sweep{animation-duration:.35s}.result-message{height:26px;color:#8a92a1;font-size:10px;font-weight:700;display:flex;align-items:center}.result-message.win{color:var(--green)}.result-message.lose{color:var(--red)}.upgrade-button{width:100%;max-width:280px;height:58px;border:0;border-radius:10px;background:linear-gradient(110deg,#7cef44,#a4ff6e);color:#11200d;box-shadow:0 11px 35px rgba(141,252,82,.15);position:relative;overflow:hidden}.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px rgba(141,252,82,.25)}.upgrade-button:disabled{opacity:.6;cursor:not-allowed}.upgrade-button b,.upgrade-button small{display:block;position:relative}.upgrade-button b{font-size:16px;letter-spacing:.16em}.upgrade-button small{font-size:8px;opacity:.65;margin-top:3px}.button-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55),transparent 70%);transform:translateX(-100%)}.upgrade-button:hover .button-shine{animation:shine .8s}.mode-switch{display:flex;background:#0d0f14;border:1px solid var(--line);padding:3px;border-radius:8px;margin-top:15px;width:164px}.mode-switch button{flex:1;height:28px;border:0;border-radius:5px;background:transparent;color:#68707f;font-size:8px;font-weight:900;letter-spacing:.12em}.mode-switch button.active{background:#262c35;color:var(--green)}.chance-control{width:100%;max-width:300px;margin-top:17px}.chance-control>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#777f8e}.chance-control output{color:var(--green);font-weight:900}.chance-control input{width:100%;height:4px;appearance:none;background:linear-gradient(90deg,var(--green) 40%,#303642 40%);border-radius:10px;margin:14px 0}.chance-control input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--green);border:4px solid #172015;box-shadow:0 0 0 2px var(--green),0 0 15px rgba(141,252,82,.5)}.multiplier-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:5px}.multiplier-row button{height:28px;border:1px solid #2b303c;border-radius:6px;background:#14171e;color:#727988;font-size:9px;font-weight:800}.multiplier-row button.active{border-color:rgba(141,252,82,.5);color:var(--green);background:rgba(141,252,82,.07)}.mobile-tabs{display:none}
.inventory-section{border-top:1px solid #232731;padding:45px clamp(18px,4vw,60px) 70px;background:linear-gradient(180deg,rgba(19,22,29,.7),rgba(13,14,18,0))}.inventory-head h2{font-size:26px;margin:6px 0 0}.inventory-tools{display:flex;gap:9px}.search-box{height:42px;min-width:245px;border:1px solid var(--line);border-radius:8px;background:#14171e;display:flex;align-items:center;padding:0 12px;gap:8px}.search-box span{font-size:20px;color:#6f7786}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:11px}.inventory-tools select{height:42px;border:1px solid var(--line);border-radius:8px;background:#14171e;color:#a2a9b6;padding:0 12px;font-size:10px;outline:0}.inventory-subnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.inventory-subnav>span{font-size:9px;color:#737b8a}.inventory-type-tabs{display:flex;gap:6px}.inventory-type-tabs button{border:1px solid var(--line);background:#14171e;color:#727a88;height:33px;border-radius:7px;padding:0 13px;font-size:9px;font-weight:800}.inventory-type-tabs button.active{color:#0e180c;background:var(--green);border-color:var(--green)}.item-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px}.item-card{min-width:0;height:230px;border:1px solid #292f3a;border-top-color:color-mix(in srgb,var(--rarity) 68%,#292f3a);border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 7%,#191c24),#12151b 65%);padding:11px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.item-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--rarity);filter:blur(75px);opacity:.1;top:-50px;right:-50px}.item-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--rarity) 75%,#fff);box-shadow:0 15px 35px rgba(0,0,0,.28)}.item-card.selected{outline:1px solid var(--green);box-shadow:inset 0 0 25px rgba(141,252,82,.06)}.item-badges{display:flex;justify-content:space-between;align-items:center}.wear{font-size:7px;color:#9ca3af;padding:3px 5px;border:1px solid #323845;border-radius:4px}.rarity-dot{width:6px;height:6px;border-radius:50%;background:var(--rarity);box-shadow:0 0 8px var(--rarity)}.item-art{height:95px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 67%);border-radius:8px}.item-art svg{width:88%;height:72%;fill:color-mix(in srgb,var(--rarity) 15%,#222936);stroke:color-mix(in srgb,var(--rarity) 68%,#bac1cc);stroke-width:1.4;filter:drop-shadow(0 5px 6px rgba(0,0,0,.5))}.item-name{font-size:9px;color:#868e9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-skin{font-size:11px;font-weight:800;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.item-price{font-size:13px;font-weight:900}.select-item{border:1px solid #323845;border-radius:6px;background:#20242d;color:#8c94a3;font-size:8px;font-weight:800;height:27px;padding:0 8px}.item-card:hover .select-item,.item-card.selected .select-item{background:var(--green);border-color:var(--green);color:#10200c}.no-items{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:36px clamp(20px,4vw,68px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;background:#0b0c10}.footer-links{display:flex;justify-content:center;gap:24px}.footer-links a,.footer-links button{border:0;background:none;color:#747c8a;font-size:9px}.footer-links a:hover,.footer-links button:hover{color:#fff}.socials{display:flex;gap:7px}.socials a{width:31px;height:31px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#777f8e;font-size:8px;font-weight:900}.site-footer>p{grid-column:1/-1;border-top:1px solid #1f222b;padding-top:20px;margin:0;color:#505765;text-align:center;font-size:8px}.toast{position:fixed;bottom:24px;left:50%;z-index:70;transform:translate(-50%,120px);background:#1c2028;border:1px solid #363c48;border-radius:9px;padding:12px 18px;font-size:11px;box-shadow:var(--shadow);transition:.35s}.toast.show{transform:translate(-50%,0)}.toast.success{border-color:rgba(141,252,82,.5);color:var(--green)}.toast.error{border-color:rgba(255,85,118,.5);color:var(--red)}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,4,7,.78);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(410px,100%);background:linear-gradient(145deg,#1b1f28,#11141a);border:1px solid #323845;border-radius:16px;padding:38px;text-align:center;box-shadow:var(--shadow);transform:translateY(15px) scale(.98);transition:.25s}.modal.open .modal-card{transform:none}.modal-card.wide{width:min(560px,100%);text-align:left}.modal-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#727a89;font-size:25px}.modal-icon{width:60px;height:60px;border-radius:50%;background:rgba(141,252,82,.09);border:1px solid rgba(141,252,82,.3);display:grid;place-items:center;margin:0 auto 20px;color:var(--green);font-size:24px;font-weight:900}.modal-icon.gift{color:var(--purple);border-color:rgba(156,108,255,.4);background:rgba(156,108,255,.1)}.modal-card h2{font-size:24px;margin:5px 0 12px}.modal-card p{font-size:12px;line-height:1.7;color:#929aa8}.modal-action{margin-top:12px}.hash-row,.promo-field{display:flex;background:#0e1015;border:1px solid var(--line);border-radius:8px;padding:5px;margin-top:20px}.hash-row code{padding:10px;flex:1;color:var(--green)}.hash-row button,.promo-field button{border:0;border-radius:6px;background:#282e38;color:#fff;padding:0 13px;font-size:9px;font-weight:800}.promo-field input{min-width:0;flex:1;border:0;outline:0;background:none;color:#fff;padding:12px;text-transform:uppercase}.promo-field button{background:var(--green);color:#11200d}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(126deg)}100%{transform:rotate(1600deg)}}@keyframes shine{to{transform:translateX(100%)}}@keyframes pop{from{opacity:0;transform:scale(.95)}}
@media(max-width:1180px){.main-nav{gap:18px}.online{display:none}.item-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.site-header{height:68px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#11131a;border-bottom:1px solid var(--line);padding:15px 22px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a,.main-nav button{text-align:left;padding:14px 0}.main-nav .active:after{display:none}.menu-toggle{display:block}.steam-button span{display:none}.steam-button{padding:0 12px}.upgrade-workspace{grid-template-columns:1fr;overflow:visible}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;background:#13161d;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:10px}.mobile-tabs button{height:42px;border:0;border-radius:7px;background:transparent;color:#747c8b;font-size:10px;font-weight:800}.mobile-tabs button.active{background:#242a33;color:var(--green)}.mobile-tabs span{background:#343b47;padding:2px 5px;border-radius:8px;margin-left:5px}.selection-panel{display:none;min-height:390px;border:0}.selection-panel.active-mobile{display:flex}.upgrade-core{grid-row:1;padding-top:30px}.selection-panel.active-mobile{grid-row:2;border-top:1px solid var(--line)}.selected-items{min-height:240px}.site-footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-links{flex-wrap:wrap}.socials{justify-content:center}}
@media(max-width:620px){.site-header{padding:0 14px}.brand small{display:none}.brand-mark{width:36px;height:36px}.header-actions{gap:8px}.upgrade-section{padding-top:25px}.section-heading{align-items:flex-start}.balance-card{height:46px}.balance-card span{display:none}.balance-card strong{align-self:center}.upgrade-workspace{min-height:0}.upgrade-core{padding:20px 16px}.radar-wrap{width:220px}.selection-panel{padding:20px}.inventory-head{display:block}.inventory-tools{margin-top:18px}.search-box{min-width:0;flex:1}.inventory-tools select{max-width:130px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-card{height:220px}.footer-links{gap:14px}.live-label{width:76px}.live-event{width:200px;padding-left:10px}.modal-card{padding:30px 20px}.online{display:none}.steam-button{height:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.live-track,.radar-sweep{animation:none!important}.radar-wrap.spinning .radar-pointer{animation-duration:.01ms!important}}

/* Dual skin selector */
.market-section{padding-top:24px}.market-mobile-tabs{display:none}.dual-market{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#11141a;box-shadow:var(--shadow)}.market-pane{min-width:0;padding:14px;background:linear-gradient(150deg,rgba(27,31,40,.96),rgba(13,15,20,.98))}.market-pane+ .market-pane{border-left:1px solid #343a46}.market-toolbar{min-height:102px;border-bottom:1px solid var(--line)}.market-title{display:flex;align-items:center;gap:10px}.market-title>div{min-width:0}.market-title small{font-size:7px;letter-spacing:.16em;color:#717988}.market-title h2{font-size:15px;margin:2px 0 0}.market-title>b{margin-left:auto;min-width:26px;height:22px;padding:0 6px;border-radius:6px;background:#292f39;color:var(--green);display:grid;place-items:center;font-size:9px}.market-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#10200d;font-size:18px;box-shadow:0 0 18px rgba(141,252,82,.14)}.market-icon.upgrade-icon{background:linear-gradient(135deg,var(--gold),#ff8a38);color:#271804}.market-filters{display:grid;grid-template-columns:minmax(110px,1.4fr) minmax(75px,.8fr) minmax(75px,.8fr);gap:6px;margin-top:10px}.compact-search,.price-filter{height:35px;border:1px solid #303641;border-radius:7px;background:#12151b;display:flex;align-items:center;min-width:0}.compact-search input,.price-filter input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eef1f6;font-size:9px}.compact-search input{padding-left:10px}.compact-search span{color:#77808e;font-size:18px;padding:0 9px}.price-filter{padding:0 8px;gap:5px}.price-filter span{font-size:7px;color:#687180;white-space:nowrap}.price-filter input{padding:0}.market-summary{height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#747c8a;font-size:8px}.market-summary strong{font-size:11px;color:var(--green)}.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:570px;overflow:auto;padding:2px 3px 6px 2px;scrollbar-width:thin;scrollbar-color:#39414d #11141a}.market-grid .item-card{height:174px;padding:8px;border-radius:8px}.market-grid .item-art{height:70px}.market-grid .item-name{font-size:7px}.market-grid .item-skin{font-size:9px}.market-grid .item-price{font-size:10px;color:#f4e45f}.market-grid .select-item{position:absolute;inset:0;width:100%;height:100%;opacity:0}.market-grid .item-card.selected{outline:2px solid var(--green);background:linear-gradient(160deg,rgba(141,252,82,.12),#12151b 68%)}.market-grid .item-card.selected:after{content:"✓";position:absolute;right:8px;bottom:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#10200d;font-size:10px;font-weight:900}.market-grid .no-items{padding:45px 15px;font-size:10px}
@media(max-width:1280px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.market-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;background:#13161d;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:9px}.market-mobile-tabs button{height:42px;border:0;border-radius:7px;background:transparent;color:#747c8b;font-size:10px;font-weight:800}.market-mobile-tabs button.active{background:#292f38;color:var(--green)}.dual-market{display:block}.market-pane{display:none}.market-pane.active-mobile-market{display:block}.market-pane+ .market-pane{border-left:0}.market-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}}
@media(max-width:620px){.market-section{padding-top:18px}.market-pane{padding:10px}.market-filters{grid-template-columns:1fr 84px 84px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.market-grid .item-card{height:205px}.market-grid .item-art{height:100px}.market-title h2{font-size:14px}.market-summary span{max-width:70%}}
.auto-chance-head{align-items:center}.auto-chance-head span{color:#8b93a1}.auto-chance-head small{color:#59616f;font-size:7px}.chance-control .multiplier-row{margin-top:12px}.chance-control .multiplier-row button{height:34px;font-size:10px}
.radar-wrap.spinning .radar-pointer{animation-name:spinDynamic;animation-duration:var(--spin-duration,4s)}.upgrade-options{display:grid!important;grid-template-columns:1fr 36px;gap:6px;margin-top:7px}.speed-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b303c;background:#11141a;border-radius:7px;padding:3px}.speed-switch button,.chance-settings-button{height:29px;border:0;border-radius:5px;background:transparent;color:#69717f;font-size:8px;font-weight:900}.speed-switch button.active{background:#293039;color:var(--green)}.chance-settings-button{height:37px;border:1px solid #2b303c;background:#171a21;font-size:14px}.chance-settings-button:hover,.chance-settings-button[aria-expanded="true"]{color:var(--green);border-color:rgba(141,252,82,.45)}.chance-editor{display:none;margin-top:7px;padding:10px;border:1px solid #303641;border-radius:8px;background:#101319}.chance-editor.open{display:block}.chance-editor>strong{display:block;font-size:9px;margin-bottom:8px}.chance-editor-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.chance-editor-inputs label{height:34px;border:1px solid #303641;border-radius:6px;display:flex;align-items:center;padding:0 6px}.chance-editor-inputs span{color:#5e6674;font-size:7px}.chance-editor-inputs input{appearance:auto!important;height:auto!important;margin:0!important;background:none!important;border:0;outline:0;color:#fff;text-align:right;font-size:9px}.chance-editor>button{width:100%;height:30px;margin-top:7px;border:0;border-radius:6px;background:var(--green);color:#10200d;font-size:8px;font-weight:900}@media(prefers-reduced-motion:reduce){.radar-wrap.spinning .radar-pointer{animation-duration:.01ms!important}}
@keyframes spinDynamic{0%{transform:rotate(126deg)}100%{transform:rotate(var(--spin-end,1600deg))}}
.site-header{height:auto;min-height:82px;padding-top:14px;padding-bottom:14px}.header-actions{gap:12px}.header-balance{display:flex;align-items:center;gap:8px}.balance-pill{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#161922,#11141a);display:flex;align-items:center;justify-content:center;min-width:82px}.balance-pill span{font-size:9px;letter-spacing:.16em;color:#7f8797;text-transform:uppercase}.balance-pill strong{display:block;font-size:16px;color:var(--green);letter-spacing:-.03em}.balance-pill-wide{display:grid;grid-template-columns:1fr;justify-items:start;min-width:146px}.balance-pill-wide span{font-size:8px}.steam-button{white-space:nowrap}.upgrade-section{padding-top:28px}.speed-switch-top{width:100%;max-width:280px;margin-bottom:18px}.speed-switch-top button{height:34px;font-size:9px}.upgrade-core{justify-content:flex-start}.source-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.source-view-switch button{height:34px;border:1px solid #2f3540;border-radius:8px;background:#12151b;color:#707887;font-size:9px;font-weight:800}.source-view-switch button.active{background:#27303a;color:var(--green);border-color:rgba(141,252,82,.45)}.market-empty-note{margin:12px 0 4px;padding:10px 12px;border:1px dashed #343c49;border-radius:8px;background:rgba(255,255,255,.02);color:#7f8794;font-size:10px}.market-grid .item-card.owned{opacity:.72}.market-grid .item-card.owned:after{content:"OWNED";position:absolute;right:8px;bottom:8px;padding:4px 6px;border-radius:999px;background:#252c36;color:#aab2bf;font-size:8px;font-weight:900;letter-spacing:.08em}.market-grid .select-item[disabled]{cursor:not-allowed}.upgrade-options{grid-template-columns:1fr 36px}.upgrade-options>div:first-child{height:1px}@media(max-width:900px){.site-header{min-height:68px}.header-actions{margin-left:auto}.header-balance{gap:6px}.balance-pill{height:40px;min-width:64px;padding:0 10px}.balance-pill-wide{min-width:118px}.balance-pill span{font-size:7px}.balance-pill strong{font-size:13px}.steam-button{padding:0 12px}.steam-button span{display:none}.speed-switch-top{max-width:100%}.source-view-switch{margin-top:10px}.market-mobile-tabs button:first-child{font-size:9px}}@media(max-width:620px){.site-header{padding-top:10px;padding-bottom:10px}.header-actions{gap:6px}.header-balance{display:grid;grid-template-columns:auto auto}.balance-pill{height:36px;border-radius:8px;min-width:56px;padding:0 8px}.balance-pill-wide{min-width:100px}.balance-pill strong{font-size:12px}.upgrade-section{padding-top:20px}.speed-switch-top button{font-size:8px}.market-empty-note{font-size:9px}}
.market-title h2{margin:0}.market-summary{justify-content:flex-end}.market-sync-status{margin:-2px 0 10px;color:#7e8897;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.market-sync-status.ok{color:var(--green)}.market-sync-status.warn{color:#f6c45a}.purchase-cart-button{height:32px;padding:0 12px;border:1px solid rgba(141,252,82,.35);border-radius:8px;background:linear-gradient(135deg,rgba(141,252,82,.18),rgba(56,242,208,.08));color:#e9f3e3;font-size:9px;font-weight:800}.purchase-cart-button:hover{border-color:rgba(141,252,82,.6);color:var(--green)}.market-grid .item-card{position:relative}.market-grid .item-card.queued{outline:2px solid #7d8593;background:linear-gradient(160deg,rgba(129,136,149,.2),#12151b 68%);box-shadow:inset 0 0 25px rgba(255,255,255,.03)}.market-grid .item-card.queued:after{content:"";position:absolute;inset:0;background:rgba(166,172,183,.08)}.market-grid .item-card.queued .item-price,.market-grid .item-card.queued .item-skin,.market-grid .item-card.queued .item-name{color:#d7dce4}.cart-corner{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border:1px solid #353c48;border-radius:7px;background:#181c23;color:#8c95a5;font-size:11px;display:grid;place-items:center}.cart-corner.active{background:#737c8b;color:#10151a;border-color:#8e96a4}.market-grid .item-card.owned .cart-corner{display:none}.market-grid .item-card.selected,.market-grid .item-card.queued{transform:translateY(-2px)}@media(max-width:620px){.purchase-cart-button{height:30px;padding:0 10px;font-size:8px}.cart-corner{width:24px;height:24px}.market-sync-status{font-size:7px}}
.steam-button.is-authenticated{border-color:rgba(141,252,82,.7);background:linear-gradient(110deg,rgba(141,252,82,.28),rgba(56,242,208,.16));color:#dfffd0}.purchase-cart-button:disabled,.upgrade-button:disabled{opacity:.45;cursor:not-allowed}
.steam-button.hidden-auth{display:none}.profile-chip{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(141,252,82,.4);background:linear-gradient(145deg,#2f3440,#181c23);padding:0;place-items:center;box-shadow:0 0 20px rgba(141,252,82,.12)}.profile-chip.show{display:grid}.profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffcf66,#ff8e42);background-position:center;background-size:cover;color:#11151a;font-size:12px;font-weight:900;letter-spacing:.06em;overflow:hidden}.profile-avatar.has-image{border:1px solid rgba(255,255,255,.16);color:transparent;text-indent:-999px}.profile-avatar.large{width:72px;height:72px;font-size:22px;box-shadow:0 0 25px rgba(255,207,102,.15)}.profile-modal{width:min(1220px,100%);padding:28px}.profile-shell{display:grid;gap:18px}.profile-top{display:grid;grid-template-columns:1.2fr 1fr .95fr .7fr;gap:14px}.profile-user-card,.profile-balance-card,.profile-best-drop,.profile-stat-card{background:linear-gradient(145deg,#262a33,#181b22);border:1px solid #3a404c;border-radius:20px;padding:20px}.profile-user-main{display:flex;align-items:center;gap:16px}.profile-user-card h2{margin:0 0 8px;font-size:14px;color:#c9cfdb}.profile-user-card strong{display:block;font-size:28px;letter-spacing:-.04em}.profile-user-card span{display:block;color:#8c94a3;font-size:12px;margin-top:6px}.profile-mini-card{margin-top:18px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04)}.profile-mini-card span{font-size:11px;color:#8f96a5}.profile-mini-card strong{display:block;font-size:18px;margin-top:8px}.profile-balance-card span,.profile-stat-card span{display:block;color:#8f96a5;font-size:12px}.profile-balance-card strong{display:block;font-size:48px;letter-spacing:-.05em;margin-top:10px}.profile-balance-card small{display:block;margin-top:8px;color:#aeb5c1}.profile-best-drop{display:flex;align-items:stretch}.profile-drop-card{width:100%;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.profile-drop-card .item-art{height:100px;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 68%)}.profile-drop-card strong{display:block;font-size:20px}.profile-drop-card span{display:block;font-size:12px;color:#a0a7b5;margin-top:6px}.profile-drop-card b{display:block;font-size:24px;color:#ffd54a;margin-top:18px}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-stat-card strong{display:block;font-size:28px;color:#ffd54a;margin-top:12px}.profile-tabs-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 4px}.profile-tabs{display:flex;gap:10px;flex-wrap:wrap}.profile-tabs button,.profile-secondary,.profile-danger{height:44px;padding:0 20px;border-radius:12px;border:1px solid #353b47;background:#1a1e26;color:#c5ccd8;font-size:13px;font-weight:800}.profile-tabs button.active{background:#f3e23f;color:#1a1707;border-color:#f3e23f}.profile-tools{display:flex;gap:10px;flex-wrap:wrap}.profile-danger{background:#25212a;color:#fff;border-color:#4a3d4e}.profile-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.profile-panel-head strong{font-size:18px}.profile-panel-head span{min-width:30px;height:24px;border-radius:999px;background:#262c36;color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:900;padding:0 10px}.profile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.profile-item-card,.profile-history-card{position:relative;border:1px solid #454c59;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 8%,#20242d),#171a21 68%);padding:12px;min-height:238px}.profile-item-top,.profile-history-price{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ffd54a;font-weight:900}.profile-item-top small{color:#d3d8e2}.profile-item-card .item-art,.profile-history-card .item-art{height:96px;margin-top:10px}.profile-item-card strong,.profile-history-card strong{display:block;font-size:14px;margin-top:12px}.profile-item-card span,.profile-history-card span{display:block;font-size:11px;color:#9aa3b3;margin-top:6px}.profile-history-card small{display:block;font-size:10px;color:#798191;margin-top:12px}.profile-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.profile-item-actions button{height:30px;border:1px solid #3a404c;border-radius:8px;background:#1d212a;color:#d3d9e3;font-size:10px;font-weight:800}.profile-item-actions button:hover{border-color:rgba(141,252,82,.4);color:var(--green)}.history-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-games-list{display:grid;gap:10px}.profile-game-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:14px 16px;border:1px solid #3a404c;border-radius:14px;background:#1a1e25}.profile-game-row strong{display:block;font-size:14px}.profile-game-row span{display:block;font-size:11px;color:#8f97a6;margin-top:4px}.profile-game-row.win strong:first-child{color:var(--green)}.profile-game-row.lose strong:first-child{color:var(--red)}.profile-empty{padding:42px 20px;border:1px dashed #39404b;border-radius:16px;text-align:center;color:#8b93a1}.profile-modal .modal-close{top:16px;right:18px}.profile-tabs button:hover,.profile-secondary:hover,.profile-danger:hover{filter:brightness(1.06)}@media(max-width:1100px){.profile-top{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-games-list .profile-game-row{grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:720px){.profile-modal{padding:18px}.profile-top{grid-template-columns:1fr}.profile-tabs-row{display:block}.profile-tools{margin-top:10px}.profile-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-balance-card strong{font-size:34px}.profile-user-card strong{font-size:22px}.profile-game-row{grid-template-columns:1fr!important}.profile-chip{width:40px;height:40px}.profile-avatar{width:28px;height:28px;font-size:10px}}
/* profile polish */
.profile-modal{width:min(1240px,100%);padding:26px;background:radial-gradient(circle at top left,rgba(141,252,82,.06),transparent 24%),linear-gradient(145deg,#171b22,#101319)}
.profile-user-card,.profile-balance-card,.profile-best-drop,.profile-stat-card,.profile-panel{background:linear-gradient(145deg,rgba(38,42,51,.96),rgba(21,24,31,.98));border:1px solid #353b47;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 45px rgba(0,0,0,.26)}
.profile-top{grid-template-columns:1.25fr 1fr .95fr .72fr}
.profile-user-main{gap:20px}
.profile-avatar.large{width:78px;height:78px;font-size:24px;box-shadow:0 0 30px rgba(255,207,102,.22)}
.profile-user-card h2{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8f97a6}
.profile-user-card strong{font-size:32px;letter-spacing:-.05em;line-height:1.02}
.profile-user-card span{color:#b7becb}
.profile-mini-card{margin-top:14px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.025))}
.profile-balance-card strong{font-size:52px;line-height:1}
.profile-balance-card small{font-size:11px;color:#c0c7d3}
.profile-best-drop,.profile-panel,.profile-stat-card{padding:22px}
.profile-drop-card{gap:16px}
.profile-drop-card .item-art{height:110px;border-radius:16px}
.profile-drop-card strong{font-size:22px}
.profile-drop-card b{font-size:26px}
.profile-stat-card strong{font-size:32px;letter-spacing:-.04em}
.profile-tabs button,.profile-secondary,.profile-danger{height:46px;border-radius:13px}
.profile-tabs button.active{box-shadow:0 12px 28px rgba(243,226,63,.18)}
.profile-secondary{background:#171b22}
.profile-danger{background:#251f27;border-color:#493a4a}
.profile-panel{padding:18px}
.profile-item-card,.profile-history-card{border-color:#3f4653;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 10%,#20242d),#151920 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.profile-game-row{border-radius:16px;background:linear-gradient(145deg,#1a1e25,#14171d)}
.profile-empty{background:rgba(255,255,255,.02)}
@media(max-width:1100px){.profile-top{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.profile-top{grid-template-columns:1fr}.profile-balance-card strong{font-size:36px}.profile-user-card strong{font-size:24px}}
.item-art-image{overflow:hidden;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.item-art-image img{width:100%;height:100%;display:block;object-fit:cover}
.item-art-poster{position:relative;overflow:hidden;align-items:stretch;padding:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,#1c212a),#10141a)}
.item-art-poster svg{position:absolute;right:-6px;bottom:-8px;width:56px;height:56px;opacity:.35}
.item-poster-glow{position:absolute;inset:auto -24px -24px auto;width:64px;height:64px;border-radius:50%;background:var(--accent);filter:blur(26px);opacity:.4}
.item-poster-top,.item-poster-bottom,.item-poster-symbol{position:relative;z-index:1}
.item-poster-top{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#dce5f0;opacity:.78}
.item-poster-symbol{margin-top:auto;font-size:18px;font-weight:900;letter-spacing:-.04em;color:#fff;text-shadow:0 6px 16px rgba(0,0,0,.34)}
.item-poster-bottom{margin-top:4px;font-size:7px;line-height:1.2;color:#bfc7d4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* mobile app-like layout */
@media (max-width: 620px){
  body{background:linear-gradient(180deg,#0b0d12 0%,#10131a 100%)}
  .site-header{position:sticky;top:0;z-index:40;padding:10px 12px;min-height:64px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(10,12,16,.94)}
  .brand{gap:10px}
  .brand strong{font-size:17px}
  .header-actions{gap:6px;align-items:center}
  .header-balance{display:flex;gap:6px}
  .balance-pill{height:34px;min-width:auto;padding:0 10px;border-radius:10px}
  .balance-pill-wide{min-width:112px}
  .balance-pill span{font-size:7px}
  .balance-pill strong{font-size:11px}
  .steam-button,.profile-chip{height:34px}
  .profile-chip{width:34px}
  .profile-avatar{width:24px;height:24px;font-size:9px}

  .live-strip{height:52px;border-bottom:0;background:transparent;padding:0 12px 8px}
  .live-label{display:none}
  .live-viewport{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#11151c}
  .live-event{width:176px;padding:8px 10px}
  .mini-item{width:34px;height:34px}
  .live-avatar{width:22px;height:22px;font-size:8px}
  .live-info strong{font-size:9px}
  .live-info small{font-size:8px}

  main{padding-bottom:24px}
  .upgrade-section{padding:0 12px 16px}
  .mobile-tabs,.market-mobile-tabs{position:sticky;top:74px;z-index:25;margin:0 0 10px;border:1px solid rgba(255,255,255,.06);background:rgba(17,21,28,.95);backdrop-filter:blur(12px)}
  .mobile-tabs button,.market-mobile-tabs button{height:38px;font-size:9px}
  .upgrade-workspace{display:grid;grid-template-columns:1fr;gap:10px;background:none;border:0;box-shadow:none;min-height:0;overflow:visible}
  .upgrade-core,.selection-panel,.market-pane{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,#141922,#10141b);box-shadow:0 18px 34px rgba(0,0,0,.24)}
  .upgrade-core{padding:16px 14px 18px;order:1}
  .selection-panel{display:none;padding:16px 14px;min-height:auto}
  .selection-panel.active-mobile{display:flex;order:2}
  .selection-panel.source-panel,.selection-panel.target-panel{border-right:1px solid rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.07)}
  .panel-title{margin-bottom:4px}
  .panel-title h2{font-size:13px}
  .selected-items{min-height:132px;padding:10px 0 0}
  .selected-row{height:60px;grid-template-columns:50px 1fr auto;padding:6px}
  .selected-row .item-art{height:46px}
  .panel-total{height:40px;margin-top:8px}
  .panel-total strong{font-size:14px}
  .empty-state{padding:10px 0}
  .plus-ring{width:58px;height:58px;font-size:20px}
  .empty-state strong{font-size:12px;margin-top:10px}

  .speed-switch-top{max-width:none;margin-bottom:12px}
  .speed-switch-top button{height:30px;font-size:8px}
  .radar-wrap{width:188px}
  .chance-value strong{font-size:30px}
  .result-message{height:auto;min-height:24px;text-align:center;justify-content:center;margin-top:8px}
  .upgrade-button{height:54px;border-radius:12px}
  .upgrade-button b{font-size:14px}
  .mode-switch{margin-top:12px;width:100%;max-width:180px}
  .chance-control{max-width:none;margin-top:14px}
  .auto-chance-head{display:block;text-align:center}
  .auto-chance-head small{display:block;margin-top:4px}
  .multiplier-row button{height:32px;font-size:9px}
  .chance-editor-inputs label{height:32px}

  .inventory-section{padding:0 12px 18px;border-top:0;background:none}
  .dual-market{display:block;border:0;background:none;box-shadow:none}
  .market-pane{display:none;padding:12px}
  .market-pane.active-mobile-market{display:block}
  .market-pane + .market-pane{border-left:1px solid rgba(255,255,255,.07)}
  .market-toolbar{min-height:auto;border-bottom:0}
  .market-title{margin-bottom:10px}
  .market-title h2{font-size:13px}
  .market-title>b{height:20px;font-size:8px}
  .market-icon{width:32px;height:32px;font-size:14px}
  .market-filters{grid-template-columns:1fr 72px 72px;gap:5px}
  .compact-search,.price-filter{height:32px}
  .compact-search input,.price-filter input{font-size:8px}
  .market-summary{height:auto;margin:8px 0 10px;align-items:center}
  .market-summary strong{font-size:10px}
  .purchase-cart-button{height:30px;font-size:8px}
  .market-empty-note{font-size:8px;padding:9px 10px}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;padding:0}
  .market-grid .item-card{height:190px;border-radius:12px;padding:8px}
  .market-grid .item-art{height:84px}
  .market-grid .item-name{font-size:8px}
  .market-grid .item-skin{font-size:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .market-grid .item-price{font-size:11px}
  .cart-corner{top:7px;right:7px;width:24px;height:24px}

  .profile-modal{padding:14px}
  .profile-shell{gap:12px}
  .profile-top{grid-template-columns:1fr}
  .profile-user-card,.profile-balance-card,.profile-best-drop,.profile-stat-card,.profile-panel{padding:16px;border-radius:16px}
  .profile-user-card strong{font-size:21px}
  .profile-balance-card strong{font-size:30px}
  .profile-tabs button,.profile-secondary,.profile-danger{height:40px;padding:0 14px;font-size:11px}
  .profile-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .profile-item-card,.profile-history-card{min-height:210px}
  .profile-game-row{padding:12px}

.site-footer{padding:20px 12px 28px;background:transparent}
.footer-links{gap:10px}
}

.profile-modal{width:min(1440px,calc(100vw - 32px));padding:28px;background:radial-gradient(circle at top left,rgba(141,252,82,.08),transparent 20%),radial-gradient(circle at top right,rgba(156,108,255,.07),transparent 24%),linear-gradient(145deg,#161a21,#0f1218)}
.profile-shell{gap:20px}
.profile-shell-ref{display:grid;gap:20px}
.profile-ref-card{background:linear-gradient(160deg,rgba(34,38,47,.97),rgba(17,20,26,.98));border:1px solid #323845;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 50px rgba(0,0,0,.28)}
.profile-hero-ref{display:grid;grid-template-columns:1.08fr .96fr .92fr;gap:18px;align-items:stretch}
.profile-ref-user,.profile-ref-balance,.profile-ref-drop,.profile-ref-mini{padding:22px}
.profile-ref-user-head{display:flex;align-items:center;gap:16px}
.profile-ref-user-meta h2{margin:0 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8b94a4}
.profile-ref-user-meta strong{display:block;font-size:30px;line-height:1.02}
.profile-ref-user-meta span{display:inline-flex;align-items:center;margin-top:10px;padding:8px 12px;border:1px solid #3c4350;border-radius:10px;background:#191d24;color:#e7ebf1;font-size:16px;font-weight:700}
.profile-ref-setting{margin-top:16px;padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}
.profile-ref-setting.double{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-ref-setting strong{display:block;font-size:13px;color:#a2abba}
.profile-ref-setting span{display:block;margin-top:10px;font-size:22px;font-weight:800;color:#fff}
.profile-hidden-metric,.profile-hidden-stats{display:none!important}
.profile-ref-label{display:block;color:#cfd5de;font-size:14px}
.profile-ref-balance{display:flex;flex-direction:column;justify-content:space-between}
.profile-ref-balance strong{display:block;margin-top:26px;font-size:62px;line-height:.95;color:#fff}
.profile-ref-balance small{display:block;margin-top:18px;font-size:16px;color:#d5dae2}
.profile-ref-balance-actions{display:grid;grid-template-columns:1fr 140px;gap:10px;margin-top:22px}
.topup-card{width:min(620px,calc(100% - 28px));text-align:left}.topup-star{color:#ffd54a;background:rgba(255,213,74,.1);border-color:rgba(255,213,74,.28)}.topup-card h2{margin-bottom:8px}.topup-card>p{color:#aeb5c1;line-height:1.55}.topup-packages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 14px}.topup-packages article{min-width:0;padding:16px;border:1px solid #3a404c;border-radius:14px;background:linear-gradient(145deg,#222731,#171b22)}.topup-packages strong,.topup-packages span{display:block}.topup-packages strong{font-size:19px}.topup-packages span{margin-top:6px;color:#c9a85f;font-size:12px;font-weight:800}.topup-packages article button{width:100%;height:40px;margin-top:14px;border:1px solid #e1bd63;border-radius:10px;background:linear-gradient(135deg,#d7ae4f,#f0d078);color:#211806;font-size:12px;font-weight:900;cursor:pointer}.topup-packages article button:hover,.topup-packages article button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.topup-packages article button:disabled{opacity:.55;cursor:wait;transform:none}.topup-status{min-height:24px;margin:0!important;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);font-size:12px}.topup-status.success{border-color:rgba(141,252,82,.3);color:#8dfc52}.topup-status.error{border-color:rgba(255,91,91,.3);color:#ff9a8f}.topup-note{display:block;margin-top:12px;color:#747d8b;line-height:1.45}
.profile-ref-input,.profile-ref-apply,.profile-ref-topup{height:56px;border-radius:14px;border:1px solid #3c4350;font-size:18px;font-weight:700}
.profile-ref-input{background:#232832;color:#cfd5de;text-align:left;padding:0 18px}
.profile-ref-apply{background:#2c313b;color:#fff}
.profile-ref-topup{width:100%;margin-top:12px;background:linear-gradient(135deg,#ffe73f,#ffc928);color:#241a04;border-color:#ffe45c}
.profile-ref-side{display:grid;grid-template-rows:1fr auto;gap:14px}
.profile-ref-drop{display:flex;align-items:center}
.profile-drop-card{width:100%;display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}
.profile-drop-card .item-art{height:148px;border-radius:18px}
.profile-drop-card strong{display:block;font-size:26px;line-height:1.05}
.profile-drop-card span{display:block;margin-top:8px;color:#c6ced9;font-size:15px}
.profile-drop-card b{display:block;margin-top:16px;font-size:34px;color:#ffe04a}
.profile-ref-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-ref-mini span{display:block;font-size:14px;color:#c8ced8}
.profile-ref-mini strong{display:block;margin-top:18px;font-size:34px;color:#ffe04a}
.profile-ref-mini small{display:block;margin-top:8px;font-size:15px;color:#c8ced8}
.profile-ref-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 4px 0}
.profile-tabs-ref{display:flex;gap:12px;flex-wrap:wrap}
.profile-tabs-ref button,.profile-tools-ref button{height:52px;padding:0 22px;border-radius:14px;border:1px solid #353b47;background:#191d24;color:#d8dde6;font-size:17px;font-weight:700}
.profile-tabs-ref button.active{background:linear-gradient(135deg,#ffe73f,#ffc928);color:#241a04;border-color:#ffe45c}
.profile-tools-ref{display:flex;gap:12px;align-items:center}
.profile-tools-ref .profile-secondary{min-width:280px}
.profile-content{display:grid}
.profile-panel-card{background:linear-gradient(160deg,rgba(22,26,33,.98),rgba(15,18,24,.98));border:1px solid #2d3440}
.profile-panel-subtitle{margin:-6px 0 14px;color:#8f97a6;font-size:13px}
.profile-hero{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}
.profile-sidebar,.profile-main{min-width:0}
.profile-panel-card,.profile-user-card,.profile-nav-card,.profile-overview-card,.profile-activity-card{background:linear-gradient(160deg,rgba(34,38,47,.97),rgba(17,20,26,.98));border:1px solid #323845;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 50px rgba(0,0,0,.28)}
.profile-user-card{padding:22px}
.profile-user-main{align-items:flex-start;gap:18px}
.profile-user-card h2{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8b94a4}
.profile-user-card strong{font-size:30px;line-height:1.02}
.profile-mini-card{margin-top:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.profile-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.profile-mini-tile,.profile-activity-tile{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04)}
.profile-mini-tile span,.profile-activity-tile span{display:block;font-size:11px;color:#8f97a6}
.profile-mini-tile strong,.profile-activity-tile strong{display:block;margin-top:8px;font-size:22px;color:#fff}
.profile-nav-card{display:grid;gap:8px;padding:12px}
.profile-nav-card button{height:48px;border:1px solid #313744;border-radius:14px;background:#171b22;color:#c7ced8;font-size:13px;font-weight:800;text-align:left;padding:0 16px}
.profile-nav-card button.active{background:linear-gradient(135deg,#f3e23f,#ffcf66);color:#191507;border-color:#f3e23f;box-shadow:0 12px 28px rgba(243,226,63,.15)}
.profile-main{display:grid;gap:18px}
.profile-overview-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:14px}
.profile-overview-card{padding:20px}
.profile-overview-card span{display:block;color:#8d95a4;font-size:12px}
.profile-overview-card small{display:block;margin-top:10px;color:#adb5c1;font-size:11px}
.profile-balance-card strong{font-size:46px;line-height:1}
.profile-stat-card strong{font-size:30px;color:#ffd54a;margin-top:12px}
.profile-highlight-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px}
.profile-best-drop,.profile-activity-card,.profile-panel{padding:20px}
.profile-drop-card{grid-template-columns:112px 1fr;gap:14px}
.profile-drop-card .item-art{height:92px;border-radius:14px}
.profile-drop-card strong{font-size:18px}
.profile-drop-card b{font-size:22px}
.profile-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-activity-tile.accent{background:linear-gradient(145deg,rgba(141,252,82,.08),rgba(56,242,208,.05));border-color:rgba(141,252,82,.18)}
.profile-activity-tile.accent strong{color:var(--green)}
.profile-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px}
.profile-topbar-title strong{display:block;font-size:24px;line-height:1}
.profile-topbar-title span{display:block;margin-top:6px;color:#8f97a6;font-size:12px}
.profile-tabs{display:flex;gap:8px;flex-wrap:wrap}
.profile-tabs button,.profile-secondary,.profile-danger{height:46px;border-radius:14px}
.profile-secondary{background:#171c24}
.profile-panel{padding:18px}
.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-item-card,.profile-history-card{min-height:250px;border-radius:18px}
.profile-games-list{gap:12px}
.profile-game-row{grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;border-radius:18px;background:linear-gradient(145deg,#171b22,#12161c)}
.profile-game-row>div{padding-right:8px}
.profile-empty{background:rgba(255,255,255,.02)}
.profile-modal .modal-close{top:16px;right:16px;z-index:30;width:38px;height:38px;border-radius:50%;background:rgba(10,12,16,.92);border:1px solid #39404d;display:grid;place-items:center;color:#c9d0da;font-size:24px;line-height:1}
.profile-modal .modal-close:hover{border-color:#586274;color:#fff}
@media(max-width:1180px){.profile-hero{grid-template-columns:1fr}.profile-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-highlight-row{grid-template-columns:1fr}.profile-grid,.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.profile-modal{padding:14px}.profile-overview-grid{grid-template-columns:1fr}.profile-activity-grid,.profile-mini-grid{grid-template-columns:1fr 1fr}.profile-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-topbar{display:block}.profile-tools{margin-top:10px;display:grid}.profile-balance-card strong{font-size:34px}.profile-user-card strong{font-size:24px}.profile-game-row{grid-template-columns:1fr}.profile-nav-card{display:none}.profile-modal .modal-close{top:12px;right:12px;width:34px;height:34px;font-size:20px}}
@media(max-width:1180px){.profile-hero-ref{grid-template-columns:1fr}.profile-ref-side{grid-template-rows:auto}.profile-ref-mini-grid{grid-template-columns:1fr 1fr}.profile-ref-toolbar{display:block}.profile-tools-ref{margin-top:12px}}
@media(max-width:760px){.profile-ref-user-meta strong{font-size:24px}.profile-ref-balance strong{font-size:42px}.profile-ref-balance-actions{grid-template-columns:1fr}.profile-drop-card{grid-template-columns:1fr}.profile-drop-card .item-art{height:120px}.profile-tabs-ref{display:grid;grid-template-columns:1fr}.profile-tools-ref{display:grid}.profile-tools-ref .profile-secondary{min-width:0}.profile-ref-setting.double,.profile-ref-mini-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topup-packages{grid-template-columns:1fr}.topup-packages button{min-height:68px}}

/* DotaUp dark-fantasy theme layer */
:root{
  --dota-bg:#080b0d;
  --dota-panel:#12171a;
  --dota-red:#b93a32;
  --dota-red-glow:rgba(185,58,50,.28);
  --dota-gold:#c9a85f;
  --dota-metal:#69737a;
  --dota-border:rgba(201,168,95,.18);
  --dota-text:#f1eee6;
  --dota-muted:#8b9499;
  --bg:var(--dota-bg);
  --panel:var(--dota-panel);
  --line:var(--dota-border);
  --text:var(--dota-text);
  --muted:var(--dota-muted);
  --red:var(--dota-red);
  --gold:var(--dota-gold);
}

html,body{width:100%;max-width:100%;overflow-x:clip}
body{background:radial-gradient(circle at 50% -10%,rgba(185,58,50,.12),transparent 34%),linear-gradient(180deg,#0b0e10 0%,var(--dota-bg) 56%,#07090a 100%);isolation:isolate}
main,.site-header,.live-strip,.site-footer{position:relative;z-index:1}
main,.upgrade-section,.inventory-section,.upgrade-workspace,.selection-panel,.upgrade-core,.dual-market,.market-pane,.market-grid,.header-actions,.header-balance{min-width:0;max-width:100%}
.ambient,.button-shine,.item-card:before,.upgrade-section:before,.inventory-section:before,.upgrade-core:before,.upgrade-core:after,.site-header:after{pointer-events:none}
.ambient-one{background:var(--dota-red);opacity:.1}
.ambient-two{background:var(--dota-gold);opacity:.065}

.site-header{z-index:40;border-bottom-color:var(--dota-border);background:linear-gradient(180deg,rgba(13,16,18,.97),rgba(8,11,13,.92));box-shadow:0 10px 30px rgba(0,0,0,.2)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--dota-red),var(--dota-gold),transparent);opacity:.55}
.brand-mark{border-color:rgba(185,58,50,.55);background:linear-gradient(145deg,rgba(185,58,50,.28),rgba(201,168,95,.05))}
.brand-mark:before,.brand-mark:after,.brand-mark i{background:var(--dota-red);box-shadow:0 0 13px var(--dota-red-glow)}
.brand strong span,.eyebrow{color:var(--dota-gold)}
.balance-pill,.steam-button,.profile-chip{border-color:var(--dota-border);background:linear-gradient(145deg,rgba(201,168,95,.08),rgba(18,23,26,.96))}
.live-strip{border-color:var(--dota-border);background:rgba(12,15,17,.86)}
.live-label{color:var(--dota-gold);border-color:var(--dota-border)}

.upgrade-section{isolation:isolate}
.upgrade-section:before{content:"";position:absolute;z-index:-1;inset:4% 5% auto;height:360px;background:radial-gradient(ellipse at center,var(--dota-red-glow),transparent 68%);filter:blur(30px);opacity:.55}
.upgrade-workspace{border-color:var(--dota-border);background:linear-gradient(145deg,rgba(25,29,29,.97),rgba(10,13,15,.99));box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(201,168,95,.05)}
.source-panel,.target-panel{border-color:var(--dota-border)}
.panel-title span{border-color:rgba(201,168,95,.32);color:var(--dota-gold);background:rgba(201,168,95,.05)}
.plus-ring{border-color:rgba(201,168,95,.25);background:radial-gradient(circle,rgba(185,58,50,.1),transparent 68%)}
.upgrade-core{isolation:isolate;background:radial-gradient(circle at 50% 35%,rgba(185,58,50,.15),transparent 34%),linear-gradient(180deg,rgba(201,168,95,.025),transparent)}
.upgrade-core:before,.upgrade-core:after{content:"";position:absolute;z-index:-1;inset:58px 50% auto;width:300px;max-width:82%;aspect-ratio:1;border:1px solid rgba(201,168,95,.08);transform:translateX(-50%) rotate(45deg)}
.upgrade-core:after{width:238px;border-color:rgba(185,58,50,.1);transform:translateX(-50%) rotate(22.5deg)}
.radar-base{fill:#0b0f11;stroke:#30383a}
.radar-grid,.radar-cross{stroke:rgba(201,168,95,.11)}
.radar-progress{stroke:var(--dota-red)}
.radar-sweep{fill:rgba(185,58,50,.07)}
.radar-pointer{background:linear-gradient(transparent,var(--dota-gold));filter:drop-shadow(0 0 6px rgba(201,168,95,.8))}
.radar-pointer{width:5px;height:46%;left:calc(50% - 2.5px);top:4%;z-index:4;border-radius:5px;background:transparent;filter:none}.radar-pointer:before{content:"";position:absolute;left:50%;top:-9px;width:22px;height:31px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);background:linear-gradient(180deg,#fff2ba,#b77527);filter:drop-shadow(0 0 7px rgba(255,190,75,.95))}.radar-pointer:after{content:none}
.online b{color:var(--dota-gold);font-variant-numeric:tabular-nums}.victory-fx{position:fixed;inset:0;z-index:90;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle,rgba(126,19,12,.28),transparent 48%)}.victory-fx.show{visibility:visible;animation:victoryScreen 1.9s ease both}.victory-fx strong{position:relative;color:#ffe4a2;font-size:clamp(24px,5vw,64px);letter-spacing:.12em;text-shadow:0 0 12px #d64b2e,0 0 40px #8b1e13;animation:victoryTitle 1.9s ease both}.victory-fx span{position:relative;margin-top:12px;color:#fff;font-weight:800}.victory-burst{position:absolute;left:50%;top:50%;width:min(70vw,650px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(230,83,45,.38) 0 3deg,transparent 3deg 12deg);mask-image:radial-gradient(circle,transparent 0 18%,#000 38%,transparent 72%);animation:victoryBurst 1.9s ease-out both}@keyframes victoryScreen{0%{opacity:0}18%,72%{opacity:1}100%{opacity:0}}@keyframes victoryTitle{0%{transform:scale(.5);opacity:0}25%{transform:scale(1.08);opacity:1}42%{transform:scale(1)}100%{transform:scale(1);opacity:0}}@keyframes victoryBurst{from{transform:translate(-50%,-50%) scale(.3) rotate(0)}to{transform:translate(-50%,-50%) scale(1.4) rotate(35deg);opacity:0}}
.upgrade-button{background:linear-gradient(120deg,#8e2825,var(--dota-red) 55%,#d05742);color:#fff6e9;box-shadow:0 12px 34px var(--dota-red-glow);border:1px solid rgba(255,190,130,.14)}
.upgrade-button:hover:not(:disabled){box-shadow:0 16px 42px rgba(185,58,50,.38)}
.mode-switch button.active,.multiplier-row button.active,.chance-control output{color:var(--dota-gold)}
.multiplier-row button.active{border-color:rgba(201,168,95,.48);background:rgba(201,168,95,.07)}

.inventory-section{isolation:isolate;border-color:var(--dota-border);background:linear-gradient(180deg,rgba(20,24,24,.78),rgba(8,11,13,0))}
.inventory-section:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 47%,rgba(201,168,95,.025) 47% 48%,transparent 48% 100%);background-size:64px 64px;opacity:.65}
.dual-market,.market-pane,.profile-ref-card,.profile-panel-card{border-color:var(--dota-border);background:linear-gradient(155deg,rgba(25,30,30,.97),rgba(12,15,17,.99))}
.item-card{contain:layout paint;border-color:rgba(105,115,122,.28);background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 8%,#191d1e),#0e1214 68%)}
.item-card:before{z-index:0}
.item-card>*{position:relative;z-index:1}
.item-card:hover{box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 0 1px rgba(201,168,95,.07)}
.item-art{height:95px;min-height:95px;aspect-ratio:16/10}
.item-art img{display:block;width:100%;height:100%;object-fit:cover}
.modal{z-index:100}.toast{z-index:120}.modal-card{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}

@media(max-width:900px){
  .mobile-tabs,.market-mobile-tabs{z-index:25}
  .upgrade-core:before,.upgrade-core:after{max-width:70vw}
}

@media(max-width:620px){
  body{min-width:0;background:radial-gradient(circle at 50% 7%,rgba(185,58,50,.11),transparent 30%),linear-gradient(180deg,#090c0e,#0d1113)}
  .site-header{padding-inline:10px;gap:8px}
  .brand{min-width:0;gap:7px}.brand strong{font-size:15px;white-space:nowrap}.brand-mark{width:32px;height:32px;flex:none}
  .header-actions{margin-left:auto;gap:5px}.header-balance{gap:4px}.balance-pill{padding-inline:7px}.balance-pill-wide{min-width:92px}
  .upgrade-section,.inventory-section{padding-inline:10px}
  .upgrade-core,.selection-panel,.market-pane{overflow:hidden}
  .upgrade-core:before,.upgrade-core:after{top:52px;width:210px}
  .market-filters{grid-template-columns:minmax(0,1fr) 66px 66px}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .market-grid .item-card{width:100%;min-width:0;height:188px}
  .market-grid .item-art{height:82px;min-height:82px}
  .item-footer{gap:4px}.select-item{padding-inline:6px;white-space:nowrap}
  .profile-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:12px}
  .profile-shell-ref,.profile-hero-ref,.profile-ref-side,.profile-ref-toolbar,.profile-content{min-width:0;max-width:100%}
  .profile-ref-card,.profile-panel-card{min-width:0;overflow:hidden}
  .profile-ref-user-head{align-items:flex-start}.profile-ref-user-meta{min-width:0}.profile-ref-user-meta strong,.profile-ref-user-meta span{max-width:100%;overflow-wrap:anywhere}
  .profile-tabs-ref button,.profile-tools-ref button{width:100%;min-width:0;padding-inline:10px;font-size:13px}
  .profile-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer,.footer-links{min-width:0;max-width:100%}
}

@media(max-width:360px){
  .brand>span:last-child{display:none}.balance-pill:first-child{display:none}.balance-pill-wide{min-width:82px}
  .market-filters{grid-template-columns:minmax(0,1fr) 58px 58px}
  .profile-grid,.history-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.live-track,.radar-sweep{animation:none!important}.item-card,.upgrade-button,.modal,.modal-card{transition:none!important}
}

/* Compact upgrade controls */
.upgrade-options{grid-template-columns:minmax(0,1fr) 37px 37px;align-items:center}
.speed-toggle-button{font-size:16px;color:var(--dota-muted)}
.speed-toggle-button:hover{color:var(--dota-gold);border-color:rgba(201,168,95,.45)}
.speed-toggle-button.active{color:#fff4c7;border-color:var(--dota-gold);background:linear-gradient(145deg,rgba(201,168,95,.22),rgba(185,58,50,.16));box-shadow:0 0 18px rgba(201,168,95,.18),inset 0 0 10px rgba(201,168,95,.08)}

.cashback-fx{position:fixed;inset:0;z-index:92;display:grid;place-items:center;padding:18px;background:rgba(5,7,8,.88);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.25s;pointer-events:none}.cashback-fx.show{opacity:1;visibility:visible}.cashback-panel{width:min(820px,100%);padding:28px;border:1px solid rgba(201,168,95,.3);border-radius:18px;background:linear-gradient(145deg,#171c1f,#0c0f11);box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center;overflow:hidden}.cashback-panel h2{margin:8px 0 22px;font-size:clamp(22px,4vw,36px)}.cashback-window{height:190px;position:relative;overflow:hidden;border:1px solid rgba(185,58,50,.3);border-radius:14px;background:#090c0e;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.cashback-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:var(--dota-gold);box-shadow:0 0 16px var(--dota-gold);transform:translateX(-50%)}.cashback-marker:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--dota-gold)}.cashback-track{height:100%;display:flex;align-items:center;gap:12px;padding-left:0;will-change:transform}.cashback-card{flex:0 0 120px;height:156px;padding:9px;border:1px solid color-mix(in srgb,var(--rarity) 45%,#343a40);border-radius:12px;background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 10%,#171b1e),#0d1012);text-align:left}.cashback-card .item-art{height:80px}.cashback-card strong{display:block;margin-top:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cashback-card span{display:block;margin-top:5px;color:var(--dota-gold);font-size:9px;font-weight:900}.cashback-card.landed{border-color:var(--dota-gold);box-shadow:0 0 24px rgba(201,168,95,.38);transform:scale(1.04)}.cashback-panel>p{margin:18px 0 0;color:var(--dota-gold);font-weight:800}@media(max-width:620px){.cashback-panel{padding:20px 12px}.cashback-window{height:172px}.cashback-card{height:142px}.cashback-card .item-art{height:70px}}

.cart-quantity{position:absolute;z-index:4;top:8px;right:8px;height:30px;display:flex;align-items:center;border:1px solid #424956;border-radius:9px;background:rgba(11,14,16,.94);box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;transform:translateY(-4px);transition:.18s;overflow:hidden}.item-card:hover .cart-quantity,.cart-quantity.active{opacity:1;transform:none}.cart-quantity button{width:29px;height:100%;border:0;background:rgba(185,58,50,.12);color:#f2e7dc;font-size:17px;font-weight:800}.cart-quantity button:hover:not(:disabled){background:var(--dota-red);color:#fff}.cart-quantity button:disabled{opacity:.3;cursor:not-allowed}.cart-quantity b{min-width:28px;text-align:center;color:var(--dota-gold);font-size:11px;font-variant-numeric:tabular-nums}@media(hover:none),(max-width:620px){.cart-quantity{opacity:1;transform:none}}

/* Legal and support pages */
.legal-body{min-height:100vh;background:radial-gradient(circle at 18% 0,rgba(185,58,50,.13),transparent 34%),var(--dota-bg,#090b0d);color:var(--dota-text,#eee9df)}
.legal-header{min-height:78px;padding:14px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--dota-border,rgba(201,168,95,.18));background:rgba(9,11,13,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}
.legal-back{padding:11px 16px;border:1px solid var(--dota-border,rgba(201,168,95,.22));border-radius:10px;color:var(--dota-gold,#c9a85f);font-size:12px;font-weight:800}
.legal-page{max-width:1000px;margin:0 auto;padding:48px clamp(16px,4vw,36px) 80px}
.legal-card{padding:clamp(24px,5vw,58px);border:1px solid var(--dota-border,rgba(201,168,95,.18));border-radius:20px;background:linear-gradient(145deg,rgba(22,27,30,.97),rgba(12,15,17,.98));box-shadow:0 28px 80px rgba(0,0,0,.3)}
.legal-card h1{font-size:clamp(30px,5vw,52px);margin:8px 0 8px}.legal-card h2{font-size:19px;margin:32px 0 10px;color:#f3e6d0}.legal-card p{color:var(--dota-muted,#a09b92);font-size:15px;line-height:1.75}.legal-card a{color:var(--dota-gold,#c9a85f);text-decoration:underline;text-underline-offset:3px}.legal-updated{font-size:12px!important}.legal-lead{padding:18px;border-left:3px solid var(--dota-red,#b93a32);background:rgba(185,58,50,.06);border-radius:0 12px 12px 0}.support-mail{font-size:18px;font-weight:800}.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px;padding-top:24px;border-top:1px solid var(--dota-border,rgba(201,168,95,.18))}.legal-nav a{text-decoration:none;padding:10px 13px;border:1px solid var(--dota-border,rgba(201,168,95,.18));border-radius:9px}
@media(max-width:620px){.legal-header{min-height:66px}.legal-header .brand small{display:none}.legal-back{padding:9px 10px;font-size:10px}.legal-page{padding-top:22px}.legal-card{border-radius:15px}.legal-card p{font-size:14px}.legal-card h2{font-size:17px}}

/* Profile follows the black-and-red upgrade arena theme */
.profile-modal{background:radial-gradient(circle at 15% 0,var(--dota-red-glow),transparent 28%),radial-gradient(circle at 88% 18%,rgba(185,58,50,.1),transparent 30%),linear-gradient(155deg,#15191a,#090c0e 72%);border-color:rgba(185,58,50,.36)}
#profileModal .modal-backdrop{background:rgba(3,5,6,.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#profileModal{padding:0;place-items:stretch}
#profileModal .profile-modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:clamp(18px,3vw,44px);border:0;border-radius:0;background:linear-gradient(145deg,rgba(19,22,24,.78),rgba(7,9,10,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);overflow-x:hidden;overflow-y:auto}
#profileModal .profile-shell-ref{width:min(1680px,100%);margin:0 auto}
.profile-logout{height:44px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,91,91,.45);background:rgba(104,24,24,.34);color:#ffb0aa;font-size:13px;font-weight:800}.profile-logout:hover{background:rgba(145,30,30,.5);border-color:rgba(255,91,91,.75);color:#fff}.profile-ref-input{outline:none;color:var(--dota-text)}.profile-ref-input::placeholder{color:var(--dota-muted)}
.profile-ref-card,.profile-panel-card,.profile-user-card,.profile-balance-card,.profile-best-drop,.profile-stat-card,.profile-panel{border-color:rgba(185,58,50,.22);background:linear-gradient(155deg,rgba(27,31,31,.98),rgba(10,13,15,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.34)}
.profile-ref-user-meta h2,.profile-ref-label,.profile-panel-head span,.profile-drop-card b,.profile-ref-mini strong{color:#e65b50}
.profile-ref-setting,.profile-ref-input,.profile-ref-apply,.profile-tabs-ref button,.profile-tools-ref button{border-color:rgba(185,58,50,.18);background:rgba(185,58,50,.045)}
.profile-ref-topup,.profile-tabs-ref button.active{border-color:#d84b41;background:linear-gradient(135deg,#d84b41,#9d2927);color:#fff5ef;box-shadow:0 12px 28px var(--dota-red-glow)}
.profile-modal .modal-close{border-color:rgba(185,58,50,.32)}

/* Showcase skin cards */
.market-grid{gap:14px}.market-grid .item-card{height:252px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--rarity) 34%,rgba(86,94,100,.35));border-bottom:3px solid var(--rarity);background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 9%,#1b2022),#0b0e10 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.25);isolation:isolate}.market-grid .item-card:before{inset:18px 12px auto;width:calc(100% - 24px);height:128px;border-radius:45%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 68%);filter:blur(18px);opacity:.62}.market-grid .item-card:after,.profile-item-card:after,.profile-history-card:after{content:"";position:absolute;left:12%;right:12%;bottom:-2px;height:2px;background:var(--rarity);box-shadow:0 0 17px var(--rarity);opacity:.75}.market-grid .item-card:hover{transform:translateY(-6px) scale(1.012);border-color:color-mix(in srgb,var(--rarity) 70%,#fff);box-shadow:0 22px 45px rgba(0,0,0,.42),0 0 24px color-mix(in srgb,var(--rarity) 18%,transparent)}.market-grid .item-art{height:122px;margin:4px 0 7px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 67%);overflow:visible}.market-grid .item-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.65));transition:transform .28s ease,filter .28s ease}.market-grid .item-card:hover .item-art img{transform:translateY(-5px) scale(1.08);filter:drop-shadow(0 19px 14px rgba(0,0,0,.72))}.market-grid .wear{border:0;background:color-mix(in srgb,var(--rarity) 13%,rgba(8,11,13,.94));color:color-mix(in srgb,var(--rarity) 70%,#fff);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.market-grid .item-name{color:#737d82;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.market-grid .item-skin{margin-top:4px;color:#f4f1ea;font-size:12px;line-height:1.25}.market-grid .item-price{color:#fff;font-size:13px}.market-grid .select-item{border-color:color-mix(in srgb,var(--rarity) 30%,#343a3e);background:color-mix(in srgb,var(--rarity) 7%,#15191b);color:#d7dcda}.market-grid .item-card:hover .select-item,.market-grid .item-card.selected .select-item{background:var(--rarity);border-color:var(--rarity);color:#080a0b}
.profile-item-card,.profile-history-card{position:relative;overflow:hidden;border-bottom:3px solid var(--rarity);background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 9%,#1b2022),#0b0e10 72%)}.profile-item-card .item-art,.profile-history-card .item-art{height:118px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 68%)}.profile-item-card .item-art img,.profile-history-card .item-art img{filter:drop-shadow(0 13px 10px rgba(0,0,0,.62));transition:transform .25s ease}.profile-item-card:hover .item-art img,.profile-history-card:hover .item-art img{transform:translateY(-4px) scale(1.06)}
@media(max-width:620px){.market-grid .item-card{height:218px}.market-grid .item-art{height:96px}.market-grid{gap:9px}}
.market-icon{display:grid;place-items:center;color:var(--dota-gold)}.market-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.market-icon.upgrade-icon{color:#e65b50}.plus-ring svg{width:34px;height:34px;fill:none;stroke:var(--dota-gold);stroke-width:1.6;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(201,168,95,.5))}.plus-ring.target-ring svg{stroke:#e65b50;filter:drop-shadow(0 0 8px rgba(230,91,80,.5))}.purchase-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.purchase-cart-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Balanced full-screen profile layout */
@media(min-width:1181px){.profile-hero-ref{grid-template-columns:minmax(280px,.88fr) minmax(440px,1.36fr) minmax(320px,1fr);gap:16px}.profile-ref-user,.profile-ref-balance{min-height:330px}.profile-ref-side{min-height:330px}.profile-ref-balance{padding:28px 30px}.profile-ref-balance strong{font-size:clamp(48px,4.2vw,72px)}.profile-ref-user{display:flex;flex-direction:column;justify-content:space-between}.profile-ref-drop{min-height:210px}.profile-ref-toolbar{padding:10px 0}.profile-content{margin-top:-2px}}
.profile-ref-card{position:relative;overflow:hidden}.profile-ref-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 35%)}.profile-ref-user-head,.profile-ref-setting,.profile-ref-balance>*,.profile-ref-side>*{position:relative;z-index:1}.profile-ref-user .profile-avatar.large{width:74px;height:74px;border:2px solid rgba(230,91,80,.7);box-shadow:0 0 0 6px rgba(185,58,50,.09),0 14px 35px rgba(0,0,0,.4)}.profile-ref-setting.double{margin-top:auto}.profile-ref-mini-grid{gap:10px}.profile-ref-mini{min-height:98px;display:flex;flex-direction:column;justify-content:center}.profile-panel-card{padding:22px}.profile-panel-head{padding-bottom:14px;border-bottom:1px solid rgba(185,58,50,.13)}

/* Steam confirmation gate */
.steam-consent-card{width:min(520px,100%);padding:38px;text-align:left;border-color:rgba(185,58,50,.38);background:radial-gradient(circle at 85% 0,rgba(185,58,50,.16),transparent 34%),linear-gradient(155deg,#202426,#0e1214 72%);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 38px rgba(185,58,50,.12),inset 0 1px 0 rgba(255,255,255,.04)}
.steam-consent-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(201,168,95,.08);pointer-events:none}
.steam-consent-icon{margin:0 0 20px;color:#e65b50;border-color:rgba(185,58,50,.42);background:rgba(185,58,50,.1)}
.steam-consent-card h2{margin-bottom:10px;font-size:25px;color:var(--dota-text)}
.steam-consent-card>p{margin-bottom:24px;color:#9ba2a6;font-size:13px;line-height:1.65}
.consent-list{display:grid;gap:10px}
.consent-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:14px 15px;border:1px solid rgba(105,115,122,.3);border-radius:12px;background:rgba(8,11,13,.48);cursor:pointer;transition:border-color .2s,background .2s}
.consent-row:focus-within{border-color:rgba(230,91,80,.72);box-shadow:0 0 0 3px rgba(185,58,50,.12)}
.consent-row:hover{border-color:rgba(185,58,50,.45)}
.consent-copy{min-width:0;color:#d9dddc;font-size:13px;line-height:1.45}
.agreement-link{color:#e66a5e;text-decoration:underline;text-decoration-color:rgba(230,106,94,.42);text-underline-offset:3px}
.agreement-link:hover{color:#ff8a78}
.consent-switch{position:relative;flex:none;width:46px;height:26px}
.consent-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.consent-track{position:absolute;inset:0;border:1px solid #444b4e;border-radius:999px;background:#24292b;transition:.22s}
.consent-track span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8b9294;box-shadow:0 3px 8px rgba(0,0,0,.35);transition:.22s}
.consent-switch input:checked+.consent-track{border-color:#d14a40;background:rgba(185,58,50,.34);box-shadow:0 0 16px rgba(185,58,50,.28)}
.consent-switch input:checked+.consent-track span{left:23px;background:#f06a5e;box-shadow:0 0 10px rgba(240,106,94,.55)}
.consent-switch input:focus-visible+.consent-track{outline:2px solid #f07868;outline-offset:3px}
.steam-consent-actions{display:grid;grid-template-columns:130px 1fr;gap:10px;margin-top:24px}
.consent-cancel,.consent-continue{height:48px;border-radius:10px;font-size:12px;font-weight:900;transition:.2s}
.consent-cancel{border:1px solid #3b4245;background:#171b1d;color:#aab0b2}
.consent-cancel:hover{border-color:#697276;color:#fff}
.consent-continue{border:1px solid #d95649;background:linear-gradient(120deg,#8e2825,#c9453b);color:#fff4ef;box-shadow:0 12px 28px rgba(185,58,50,.24)}
.consent-continue:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.consent-continue:disabled{border-color:#33393b;background:#24292b;color:#686f72;box-shadow:none;cursor:not-allowed;opacity:.72}
@media(max-width:620px){.steam-consent-card{width:100%;padding:28px 18px 18px}.steam-consent-card h2{padding-right:26px;font-size:21px}.consent-row{gap:12px;padding:13px 12px}.consent-copy{font-size:12px}.steam-consent-actions{grid-template-columns:1fr}.consent-cancel{order:2}.consent-continue{order:1}}
.price-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 28px}.price-table p{margin:0;padding:18px;border:1px solid rgba(201,168,95,.2);border-radius:14px;background:linear-gradient(145deg,rgba(201,168,95,.08),rgba(15,18,20,.8));display:flex;align-items:center;justify-content:space-between;gap:14px}.price-table strong{font-size:17px}.price-table span{color:var(--dota-gold);font-size:18px;font-weight:900}@media(max-width:620px){.price-table{grid-template-columns:1fr}}

.music-toggle{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid rgba(201,168,95,.28);border-radius:12px;background:linear-gradient(145deg,rgba(201,168,95,.08),rgba(15,18,20,.94));color:#899195;transition:.22s;position:relative;overflow:hidden}.music-toggle:before{content:"";position:absolute;inset:6px;border-radius:8px;background:radial-gradient(circle,rgba(201,168,95,.2),transparent 68%);opacity:0;transition:.22s}.music-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}.music-toggle:hover{color:var(--dota-gold);border-color:rgba(201,168,95,.55);transform:translateY(-1px)}.music-toggle.active{color:var(--dota-gold);border-color:rgba(201,168,95,.66);box-shadow:0 0 22px rgba(201,168,95,.16)}.music-toggle.active:before{opacity:1;animation:musicPulse 2.4s ease-in-out infinite}.music-toggle.active .music-wave{animation:musicWave 1.4s ease-in-out infinite;transform-origin:center}@keyframes musicPulse{50%{opacity:.45;transform:scale(1.12)}}@keyframes musicWave{50%{transform:translateY(-1px);opacity:.45}}@media(max-width:620px){.music-toggle{width:34px;height:34px;border-radius:9px}.music-toggle svg{width:18px;height:18px}}
.topup-open-button{height:44px;padding:0 15px;border:1px solid rgba(201,168,95,.55);border-radius:10px;background:linear-gradient(135deg,#b53832,#7d2422);color:#fff5ef;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(185,58,50,.2)}.topup-open-button:hover{filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:620px){.topup-open-button{height:34px;padding:0 9px;font-size:9px}.topup-packages{grid-template-columns:1fr}.topup-packages article{padding:13px}.topup-packages article button{height:36px;margin-top:10px}}

/* Balance top-up menu */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.topup-card{width:min(720px,calc(100% - 24px));padding:0;border-radius:4px;border:1px solid #4a4e4d;background:#111413;box-shadow:0 34px 100px rgba(0,0,0,.72);overflow:hidden}.topup-titlebar{min-height:82px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;background:#252827;border-bottom:1px solid #3b3e3d}.topup-titlebar>div>span{display:block;color:#6f7773;font-size:11px;font-weight:900;letter-spacing:.14em}.topup-titlebar h2{margin:4px 0 0;font-size:25px;line-height:1.1;text-transform:uppercase;letter-spacing:-.035em}.topup-close{position:static;width:42px;height:42px;color:#8b9290;font-size:36px;line-height:1}.topup-tabs{height:58px;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(#343735,#292c2b);border-bottom:1px solid #444846}.topup-tabs button{position:relative;border:0;border-right:1px solid #3d413f;background:transparent;color:#858b89;font-size:13px;font-weight:900;text-transform:uppercase}.topup-tabs button:last-child{border-right:0}.topup-tabs button.active{color:#fff;background:rgba(255,255,255,.025)}.topup-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#42e59e;box-shadow:0 0 16px rgba(66,229,158,.55)}.topup-tabs button span{margin-right:7px;font-size:17px}.topup-tabs button small{margin-left:5px;color:#5e6562;font-size:8px}.topup-tabs button:disabled{cursor:not-allowed}.topup-methods{min-height:290px;background:radial-gradient(circle at 50% 0,rgba(55,116,88,.1),transparent 48%),#101312}.topup-currency{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292d2b;color:#808683;font-size:14px}.topup-currency strong{color:#42e59e;font-size:17px}.topup-currency b{margin-left:8px;font-size:18px}.topup-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}.topup-provider{height:112px;position:relative;border:1px solid #333735;background:#202321;color:#adb3b0;display:grid;place-items:center;align-content:center;gap:5px}.topup-provider:hover,.topup-provider.active{border-color:#3fbd86;background:linear-gradient(180deg,#223129,#183d2c);box-shadow:inset 0 -4px #42e59e}.topup-provider em{position:absolute;top:0;right:0;padding:5px 7px;background:#163629;color:#42e59e;font-size:9px;font-style:normal;font-weight:900}.topup-provider strong{font-size:16px}.topup-provider small{color:#858d89;font-size:11px}.provider-mark{font-weight:1000;letter-spacing:-.05em}.sbp-mark{font-size:28px;color:#f2f5f3}.link-mark{font-size:29px;color:#42e59e}.bank-mark{padding:5px 8px;border-radius:4px;background:#37806a;color:#eafff7;font-size:11px}.topup-amount-section{padding:22px;background:#252827;border-top:1px solid #3b3f3d}.topup-amount-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.topup-amount-head>strong{text-transform:uppercase;font-size:14px}.topup-presets{display:flex;gap:6px}.topup-presets button{min-width:66px;height:30px;border:0;background:#343735;color:#868c89;font-size:12px;font-weight:800}.topup-presets button.active,.topup-presets button:hover{background:#414543;color:#fff}.topup-amount-input{height:64px;padding:0 16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;border:1px solid #4a4e4c;background:#303331}.topup-amount-input input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:26px;font-weight:900}.topup-amount-input>span{margin-right:18px;color:#adb3b0;font-size:22px}.topup-amount-input small{color:#7f8682;font-size:10px;font-weight:900}.topup-receive{margin:10px 0;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-left:3px solid #42e59e;background:#202422}.topup-receive span,.topup-receive small{color:#878e8a;font-size:11px}.topup-receive strong{text-align:center;color:#42e59e;font-size:16px}.topup-promo-row{height:52px;display:grid;grid-template-columns:1fr 130px;border:1px solid #414543;background:#242725}.topup-promo-row input{min-width:0;padding:0 16px;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.topup-promo-row button{border:0;background:transparent;color:#777d7a;font-size:11px;font-weight:900;text-transform:uppercase}.topup-promo-row button:hover{color:#42e59e}.topup-pay-button{width:100%;height:58px;margin-top:16px;border:1px solid #42e59e;background:linear-gradient(180deg,#11603f,#0b432d);color:#42e59e;font-size:18px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 0 28px rgba(66,229,158,.09)}.topup-pay-button:hover{color:#07140e;background:#42e59e}.topup-pay-button:disabled{opacity:.6;cursor:wait}.topup-card .topup-status{margin-top:12px!important;border-color:#424745;background:#1e211f;color:#aeb5b1;text-align:center}.topup-card .topup-status.error{border-color:rgba(255,111,95,.34);color:#ff9a8f}.topup-card .topup-note{text-align:center;font-size:10px}@media(max-width:620px){.topup-titlebar{min-height:68px;padding:13px 15px}.topup-titlebar h2{font-size:19px}.topup-titlebar>div>span{font-size:9px}.topup-tabs{height:50px}.topup-tabs button{font-size:10px}.topup-tabs button small{display:none}.topup-methods{min-height:0}.topup-currency{height:48px;padding-inline:14px}.topup-provider-grid{grid-template-columns:1fr;padding:14px}.topup-provider{height:74px}.topup-provider-grid .topup-provider:not(.active){display:none}.topup-amount-section{padding:14px}.topup-amount-head{display:block}.topup-presets{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px}.topup-presets button{min-width:0}.topup-amount-input{height:58px}.topup-amount-input input{font-size:22px}.topup-receive{grid-template-columns:1fr auto}.topup-receive small{grid-column:1/-1}.topup-promo-row{grid-template-columns:1fr 104px}.topup-pay-button{height:52px;font-size:15px}}

/* DotaUp top-up modal theme */
.topup-card{width:min(680px,calc(100% - 24px));border:1px solid #323845;border-radius:18px;background:radial-gradient(circle at 12% 0,rgba(185,58,50,.1),transparent 32%),linear-gradient(145deg,#1b1f28,#101319);box-shadow:0 30px 100px rgba(0,0,0,.68);overflow:hidden}
.topup-titlebar{min-height:82px;padding:18px 24px;background:rgba(19,22,29,.9);border-bottom:1px solid var(--line)}
.topup-titlebar>div>span{color:var(--red);font-size:9px;letter-spacing:.22em}
.topup-titlebar h2{font-size:25px;text-transform:none;letter-spacing:-.035em}
.topup-close{border-radius:9px;color:#747c8a;font-size:30px;transition:.2s}
.topup-close:hover{background:#252a34;color:#fff}
.topup-tabs{height:56px;margin:14px 22px 0;padding:4px;gap:4px;border:1px solid var(--line);border-radius:10px;background:#0e1117}
.topup-tabs button{border:0!important;border-radius:7px;color:#68707f;font-size:10px;letter-spacing:.06em}
.topup-tabs button.active{color:#fff6e9;background:linear-gradient(120deg,#8e2825,var(--dota-red) 55%,#d05742);box-shadow:0 8px 22px var(--dota-red-glow)}
.topup-tabs button.active:after{display:none}
.topup-tabs button small{color:inherit;opacity:.55}
.topup-methods{min-height:0;padding-top:14px;background:transparent}
.topup-currency{height:48px;margin:0 22px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#11141a;color:var(--muted);font-size:11px}
.topup-currency strong{color:var(--red);font-size:14px}
.topup-currency b{font-size:14px}
.topup-provider-grid{display:block;padding:12px 22px 20px}
.topup-provider{width:100%;height:78px;padding:0 16px;display:grid;grid-template-columns:46px 1fr auto 24px;place-items:center start;gap:12px;border:1px solid rgba(185,58,50,.46);border-radius:11px;background:linear-gradient(110deg,rgba(142,40,37,.19),rgba(185,58,50,.045));color:#fff;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.topup-provider:hover,.topup-provider.active{border-color:rgba(185,58,50,.78);background:linear-gradient(110deg,rgba(142,40,37,.27),rgba(185,58,50,.08));box-shadow:0 10px 28px rgba(185,58,50,.12)}
.provider-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(185,58,50,.5);border-radius:9px;background:#1b1114;color:var(--red);font-size:21px}
.provider-copy{display:block}.provider-copy strong,.provider-copy small{display:block}.provider-copy strong{font-size:14px}.provider-copy small{margin-top:5px;color:#89919f;font-size:10px}
.topup-provider em{position:static;padding:5px 8px;border-radius:999px;background:rgba(185,58,50,.14);color:#df756b;font-size:8px;letter-spacing:.06em}
.provider-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--dota-red);color:#fff6e9;font-size:12px;font-weight:900}
.topup-amount-section{padding:22px;background:rgba(17,20,26,.78);border-top:1px solid var(--line)}
.topup-amount-head>strong{font-size:11px;letter-spacing:.1em;color:#cdd2dc}
.topup-presets button{border:1px solid var(--line);border-radius:7px;background:#171a21;color:#77808f}
.topup-presets button.active,.topup-presets button:hover{border-color:rgba(185,58,50,.58);background:rgba(185,58,50,.12);color:#df756b}
.topup-amount-input{border:1px solid #323845;border-radius:10px;background:#0e1117}
.topup-amount-input input{color:#fff}.topup-amount-input>span{color:var(--red)}
.topup-receive{border:1px solid rgba(185,58,50,.25);border-left:3px solid var(--dota-red);border-radius:8px;background:rgba(185,58,50,.055)}
.topup-receive strong{color:var(--red)}
.topup-promo-row{border-color:#303642;border-radius:9px;background:#0e1117;overflow:hidden}
.topup-promo-row button:hover{color:var(--red)}
.topup-pay-button{border:1px solid rgba(255,190,130,.14);border-radius:10px;background:linear-gradient(120deg,#8e2825,var(--dota-red) 55%,#d05742);color:#fff6e9;box-shadow:0 12px 34px var(--dota-red-glow)}
.topup-pay-button:hover{background:linear-gradient(120deg,#9b2d29,#c64036 55%,#d86049);box-shadow:0 16px 42px rgba(185,58,50,.38);transform:translateY(-1px)}
.topup-card .topup-status{border-color:#303642;background:#11141a;color:#929aa8}
@media(max-width:620px){.topup-card{border-radius:15px}.topup-tabs{margin:10px 12px 0}.topup-currency{margin-inline:12px}.topup-provider-grid{padding:10px 12px 14px}.topup-provider{height:72px;padding:0 12px;grid-template-columns:40px 1fr 22px}.provider-icon{width:36px;height:36px}.topup-provider em{display:none}.topup-amount-section{padding:14px}.provider-copy small{font-size:9px}}

/* Telegram Stars payment panel */
.topup-panel[hidden]{display:none!important}.topup-panel.active{display:block}.topup-stars-method{padding-bottom:18px;background:radial-gradient(circle at 50% 0,rgba(181,56,50,.14),transparent 55%)}
.topup-stars-heading{display:flex;align-items:end;justify-content:space-between;padding:22px 22px 0}.topup-stars-heading strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.topup-stars-heading small{color:#858b89;font-size:11px}
.topup-star-packages{margin:14px 22px 0}.topup-star-packages article{border-color:#3a3031;background:linear-gradient(145deg,#241d20,#15171b)}.topup-star-packages article:hover{border-color:rgba(185,58,50,.65)}.topup-star-packages span{color:#f1c84c}.topup-star-packages article button{border-color:#c9463e;background:linear-gradient(135deg,#8e2825,#c4473d);color:#fff;box-shadow:0 8px 20px rgba(185,58,50,.2)}
.topup-panel>.topup-status{margin:0 22px 0!important}.topup-stars-note{padding:0 22px 18px;text-align:center}
.topup-pay-secondary{margin-top:9px;border-color:#4a515f;background:#20252e;color:#c4cad5;box-shadow:none}.topup-pay-secondary:hover{background:#343b48;color:#fff}
.topup-pay-sbp{margin-top:9px;border-color:#4874d8;background:linear-gradient(135deg,#283f7c,#3159b1);color:#fff;box-shadow:none}.topup-pay-sbp:hover{background:#4472d8;color:#fff}
.topup-email-field{display:grid;grid-template-columns:130px 1fr;align-items:center;min-height:52px;margin-top:10px;padding:0 14px;border:1px solid #414543;border-radius:8px;background:#171a1f}.topup-email-field span{color:#9da4af;font-size:11px;font-weight:800;text-transform:uppercase}.topup-email-field input{min-width:0;height:48px;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.topup-email-field:focus-within{border-color:rgba(185,58,50,.75)}
@media(max-width:620px){.topup-email-field{grid-template-columns:1fr;padding-top:9px}.topup-email-field input{height:38px}}
.topup-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topup-provider{height:92px}.topup-pay-button{border-color:#c4473d;background:linear-gradient(135deg,#8e2825,#c4473d);color:#fff;box-shadow:0 10px 28px rgba(185,58,50,.22)}.topup-pay-button:hover{background:#d24d43;color:#fff}
.topup-provider .provider-check{opacity:0;visibility:hidden;transform:scale(.65);transition:opacity .18s ease,transform .18s ease}.topup-provider.active .provider-check{opacity:1;visibility:visible;transform:scale(1)}
@media(max-width:620px){.topup-provider-grid{grid-template-columns:1fr}.topup-provider-grid .topup-provider{display:grid!important}}
@media(max-width:620px){.topup-stars-heading{padding:16px 14px 0}.topup-stars-heading small{font-size:9px}.topup-star-packages{grid-template-columns:1fr 1fr;margin:12px 14px 0}.topup-star-packages article{padding:12px}.topup-star-packages article strong{font-size:16px}.topup-panel>.topup-status{margin-inline:14px!important}.topup-stars-note{padding-inline:14px}}