:root{--bg:#17192b;--panel:#202338;--panel2:#292d47;--line:#3e435f;--txt:#f4f5fa;--muted:#9297aa;--gold:#efad39;--green:#12bd4b;--green2:#08a83f;--red:#e55357;--blue:#788fca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 12%,#41466f 0,#282c49 30%,#17192b 72%);color:var(--txt);font-family:Inter,Arial,sans-serif}button,a,input{font:inherit}button{cursor:pointer}
.top{height:76px;background:#141627;border-bottom:1px solid #30344d;display:flex;align-items:center;padding:0 26px;gap:22px;position:sticky;top:0;z-index:50}.brand{font-weight:950;font-size:22px;letter-spacing:-1.4px}.brand span{color:#e8483d}.online{font-size:13px;color:#aeb3c1}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e94d43;margin-right:6px;box-shadow:0 0 10px #e94d43}.head-spacer{flex:1}.head-bal{font-size:20px;font-weight:800}.head-bal em{font-style:normal;border:2px solid #d99f32;color:#f4bd4e;border-radius:50%;font-size:13px;padding:4px 7px;margin-left:4px}.topbtn{width:48px;height:48px;border:0;display:grid;place-items:center;text-decoration:none}.goldbox{background:#dda12d;color:white;font-size:27px}.profile-btn-top{background:#00644f;color:white;font-weight:900;font-size:21px}
.layout{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1500px;margin:auto}.sidebar{background:linear-gradient(180deg,#20243a,#1b1e31);border-right:1px solid #343950;min-height:calc(100vh - 76px);padding:8px 9px}.side-title{height:36px;display:flex;align-items:center;gap:6px;color:#f2c55c;font-size:12px;font-weight:900;border-bottom:1px solid #363b54}.feed{overflow:hidden}.side-item{display:flex;gap:7px;padding:8px 4px;border-bottom:1px solid #30354d;min-height:65px}.side-item.live-new{animation:feedin .28s ease}.side-item.feed-win{background:linear-gradient(90deg,#123d2a22,transparent)}.side-thumb{width:58px;height:48px;flex:none;display:grid;place-items:center;background:radial-gradient(circle,#59617f,#292d44 68%);color:#d6d9e2;font-size:9px;font-weight:900;text-align:center;border:1px solid #444a63}.side-meta{min-width:0}.side-meta small{display:block;color:#8d93a7;font-size:8px}.side-meta b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-meta span{display:block;color:#777e95;font-size:8px;margin-top:3px}@keyframes feedin{from{transform:translateX(-20px);opacity:0}to{transform:none;opacity:1}}
.main{min-width:0;padding-bottom:70px}.dropbar{height:38px;background:#4b4f79;display:flex;align-items:center;gap:28px;padding:0 17px;white-space:nowrap;overflow:hidden;font-size:11px;color:#c8ccda}.dropbar b{color:#f0c45a}.hero-title{height:94px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;letter-spacing:-1px}.hero-title i{font-style:normal;color:#e54a3e;margin:0 5px}
.upgrade-layout{display:grid;grid-template-columns:minmax(260px,1fr) 420px minmax(260px,1fr);gap:14px;max-width:1120px;margin:auto;padding:0 12px}.pick,.wheel-card{background:linear-gradient(180deg,#22253b,#191b2d);border:1px solid #363b55;min-height:430px;padding:20px}.panel-title{text-align:center;font-weight:850;font-size:15px;line-height:1.25}.hint{text-align:center;color:#7f8599;font-size:11px;line-height:1.35;margin:9px 0 20px}.selection-summary{height:108px;border:1px dashed #4c536e;display:grid;place-items:center;color:#7c8398;text-align:center;font-size:18px}.selection-summary b{color:#fff}.selection-summary span{margin:0 6px}.mini-selected{height:76px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:8px}.mini-selected span{background:#333852;border:1px solid #4c5370;padding:5px 8px;font-size:9px;color:#cdd1dc}.source-note{color:#777e92;font-size:10px;margin-top:12px;text-align:center}.source-note span{color:#27c65c;margin-right:5px}
.wheel-card{text-align:center;padding-top:14px;position:relative}.wheel-caption{font-size:11px;color:#aeb4c5;font-weight:900}.wheel-wrap{width:330px;height:330px;margin:4px auto 4px;position:relative}.wheel{--chance:0%;width:310px;height:310px;position:absolute;left:10px;top:10px;border-radius:50%;background:conic-gradient(from -90deg,#11bd4d 0 var(--chance),#363b57 var(--chance) 100%);border:10px solid #252a43;box-shadow:0 0 0 3px #4d536b,0 0 40px #0d1020 inset,0 0 35px #111322}.wheel:after{content:"";position:absolute;inset:15px;border-radius:50%;border:2px solid #515872;opacity:.55}.wheel-ring{position:absolute;inset:26px;border-radius:50%;border:1px solid #68708b55}.wheel-center{position:absolute;inset:78px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#69718f,#444a68 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;box-shadow:inset 0 0 35px #292d48}.wheel-center strong{font-size:32px;line-height:1;font-weight:950}.wheel-center small{font-size:8px;color:#c3c7d2;margin-top:5px}.mark{position:absolute;color:#777d91;font-size:10px;font-weight:800;z-index:3}.mark-100{top:0;left:50%;transform:translateX(-50%)}.mark-50{right:-1px;top:50%;transform:translateY(-50%)}.mark-0{bottom:0;left:50%;transform:translateX(-50%)}.pointer{position:absolute;z-index:10;left:50%;top:-1px;transform:translateX(-50%);width:0;height:0;border-left:19px solid transparent;border-right:19px solid transparent;border-top:34px solid #c9ccd4;filter:drop-shadow(0 3px 5px #080912);pointer-events:none}.pointer:after{content:"";position:absolute;left:-5px;top:-30px;width:10px;height:10px;background:#e4e6eb;border-radius:50%}.wheel-spinning{animation:wheelspin 5.2s cubic-bezier(.08,.78,.11,1) forwards}.pointer-pulse{animation:pulse .45s ease-in-out infinite alternate}@keyframes wheelspin{from{transform:rotate(0deg)}to{transform:rotate(var(--spin-to))}}@keyframes pulse{from{filter:drop-shadow(0 3px 5px #080912)}to{filter:drop-shadow(0 0 15px #fff)}}
.upgrade-btn{width:100%;height:54px;border:0;background:linear-gradient(180deg,#16c94e,#079b39);color:#fff;font-weight:950;font-size:18px;box-shadow:0 6px 0 #056d2b;transition:.15s}.upgrade-btn:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.upgrade-btn:disabled{opacity:.28;box-shadow:none;cursor:not-allowed}.quick{display:flex;gap:5px;margin-top:15px}.quick button{flex:1;min-width:0;border:1px solid #464d68;background:#2c3148;color:#b9bdc9;padding:8px 4px;font-size:10px}.quick .settings{flex:0 0 35px}.wheel-status{height:22px;margin-top:8px;color:#777e92;font-size:9px}
.target-panel{padding:17px}.target-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:335px;overflow:auto;padding-right:2px}.target-card{border:1px solid #3e445e;background:#292e45;color:#fff;text-align:left;padding:7px;position:relative;min-width:0;transition:.15s}.target-card:hover{border-color:#768fc9;transform:translateY(-1px)}.target-card.target-selected{border:2px solid #e7a933;background:#323850;box-shadow:0 0 0 1px #e7a93355 inset}.target-art{height:74px;display:grid;place-items:center;background:radial-gradient(circle,#5c6584,#292d43 67%);font-size:10px;font-weight:900;color:#d4d7e0}.target-card b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.target-card small{display:block;color:#f0b24a;font-size:9px;margin-top:3px}
.inventory,.shop{max-width:1120px;margin:18px auto 0;padding:16px;background:#202338;border:1px solid #343950}.inv-head,.shop-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.inv-head h2,.shop-head h2{margin:0;font-size:17px}.inv-count,.shop-head span{color:#777e92;font-size:10px;margin-right:auto}.inv-head button{background:#30354d;color:#b7bccb;border:1px solid #444a64;padding:8px 14px;font-size:11px}.inv-head .active{background:#7e96d0;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.skin{background:#2b2f45;border:1px solid #3c425c;padding:7px;min-width:0}.skin.chosen{border-color:#70a7ff;box-shadow:0 0 0 2px #4b75b4 inset}.skin-hit{display:block;width:100%;border:0;background:none;color:#fff;text-align:left;padding:0;position:relative}.skin-art{height:91px;display:grid;place-items:center;font-size:14px;font-weight:900;color:#cfd3de;text-shadow:0 8px 20px #000;background:radial-gradient(circle,#5d6685,#292d44 67%);margin-bottom:7px}.skin b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin small{display:block;color:#f0b34a;margin:4px 0;font-size:9px}.choose-check{position:absolute;right:5px;top:5px;width:22px;height:22px;border-radius:50%;background:#e9a833;color:#fff;display:none;place-items:center;font-weight:900}.chosen .choose-check{display:grid}.sell,.buy{width:100%;border:0;padding:7px;font-size:9px;font-weight:900}.sell{background:#503044;color:#fff}.buy{background:#e6a733;color:#fff}.empty{grid-column:1/-1;text-align:center;padding:55px;color:#8d93a6}.empty button{margin-top:10px;background:#7189bf;color:#fff;border:0;padding:10px 30px}.shop{margin-top:20px}.shop-head span{margin-right:0}
footer{max-width:1120px;margin:auto;padding:45px 18px;color:#858b9f}footer p{font-size:11px}.modal,.result{position:fixed;inset:0;background:#070812d9;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.show,.result.show{display:flex}.modal-card,.result-card{width:min(500px,100%);background:#272b40;border:1px solid #454b67;padding:28px;box-shadow:0 30px 100px #000;text-align:center;position:relative}.modal-card .x{position:absolute;right:10px;top:5px;background:none;border:0;color:#bbb;font-size:36px}.modal-card input{width:100%;padding:14px;background:#33374d;color:#fff;border:1px solid #505772;margin:12px 0}.gold{width:100%;padding:14px;border:0;background:linear-gradient(#f1b544,#dc9623);color:#fff;font-weight:900}.result-card{animation:pop .35s}.result-card #resultIcon{font-size:68px;font-weight:950}.win-icon{color:#29d45e}.lose-icon{color:#e7545b}@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-card h2{font-size:27px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;background:#30354b;border:1px solid #59607c;padding:13px 20px;z-index:150;transition:.2s;white-space:nowrap;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{display:none}.upgrade-layout{grid-template-columns:1fr 1fr}.wheel-card{grid-column:1/-1;grid-row:1;max-width:460px;width:100%;justify-self:center}.source-panel{grid-column:1;grid-row:2}.target-panel{grid-column:2;grid-row:2}.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.top{height:62px;padding:0 9px;gap:8px}.brand{font-size:15px}.online{font-size:9px}.head-bal{font-size:14px}.topbtn{width:39px;height:39px}.dropbar{font-size:8px;gap:13px}.hero-title{height:68px;font-size:25px}.upgrade-layout{display:flex;flex-direction:column;padding:0 7px;gap:9px}.wheel-card{order:1;min-height:425px}.source-panel{order:2}.target-panel{order:3}.pick{min-height:250px;padding:14px}.wheel-wrap{width:300px;height:300px}.wheel{width:280px;height:280px;left:10px}.wheel-center{inset:70px}.wheel-center strong{font-size:27px}.pointer{top:-2px}.target-grid{max-height:430px;grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.inventory,.shop{margin:9px 7px;padding:10px}.inv-head h2{font-size:14px}.inv-head button{padding:7px 9px;font-size:9px}.inv-count{font-size:8px}.skin-art{height:80px}.quick{gap:3px}.quick button{font-size:8px;padding:8px 2px}.quick .settings{flex-basis:30px}.selection-summary{height:90px}.modal-card,.result-card{padding:22px}.toast{font-size:11px}}
.back-link{display:block;color:#9eabd0;text-decoration:none;margin-top:18px}.muted{color:var(--muted)}.login-top{padding:0 10px;background:#2d3249;color:#fff;border:1px solid #4b5371;min-width:72px}.admin-login small{display:block;color:#7e8498;margin-top:14px;line-height:1.45}.admin-login .err{background:#542d36;border:1px solid #9a4a59;color:#ffd6db;padding:10px;margin:12px 0}.admin-login input{width:100%;padding:14px;background:#2e3348;color:#fff;border:1px solid #4a526e;margin:8px 0 12px}.target-grid{max-height:none!important;overflow:visible!important}.target-card{min-height:140px}.modal-card input+input{margin-top:0}.admin-main{overflow-x:auto}.table{overflow-x:auto}
@media(max-width:650px){.top{position:sticky;top:0;z-index:60}.profile-btn-top{min-width:42px}.login-top{min-width:58px;font-size:10px}.wheel-card{min-height:400px}.target-grid{grid-template-columns:repeat(2,1fr);max-height:none!important;overflow:visible!important}.target-card{min-height:132px}.target-art{height:66px}.sidebar{display:none}.dropbar{position:relative}.admin-main{padding:12px}.admin-head{padding:10px 12px}.admin-card{overflow:hidden}.tr{min-width:760px}.stats{grid-template-columns:repeat(2,1fr)}}

/* ===== SKIN RUSH v3 polish ===== */
.balance-stake{margin-top:13px;padding:12px;background:#1a1d2e;border:1px solid #343a55}
.stake-head{display:flex;justify-content:space-between;align-items:center;color:#9da4b8;font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:7px}.stake-head b{color:#f0b54a;font-size:12px}.stake-row{display:flex;align-items:center;background:#292e43;border:1px solid #454c68;height:40px}.stake-row input{min-width:0;flex:1;height:100%;background:transparent;border:0;outline:0;color:#fff;padding:0 12px;font-size:14px}.stake-row span{padding-right:11px;color:#f0b54a;font-weight:900}.stake-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.stake-presets button{border:1px solid #454c68;background:#30364d;color:#c8ccda;padding:7px 2px;font-size:9px;font-weight:800}.stake-presets button:hover{border-color:#7f96ce;color:#fff}.balance-stake small{display:block;color:#71788e;font-size:8px;line-height:1.35;margin-top:7px}

/* Static chance wheel; only the triangular pointer moves. */
.wheel{transform:none!important;animation:none!important}.pointer-orbit{position:absolute;left:50%;top:50%;width:0;height:0;z-index:12;--pointer-to:0deg;transform:rotate(0deg)}.pointer-orbit.pointer-spinning{animation:pointerOrbit 5.2s cubic-bezier(.08,.78,.11,1) forwards}.pointer{position:absolute;left:-19px;top:-165px;width:0;height:0;border-left:19px solid transparent;border-right:19px solid transparent;border-top:34px solid #d3d6de;filter:drop-shadow(0 3px 5px #080912);pointer-events:none}.pointer:after{content:"";position:absolute;left:-5px;top:-30px;width:10px;height:10px;background:#f1f2f5;border-radius:50%}@keyframes pointerOrbit{from{transform:rotate(0deg)}to{transform:rotate(var(--pointer-to))}}

/* Compact inventory tab: no dragging scrollbar; use mouse wheel/touch. */
.inventory-scroll{max-height:245px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:none}.inventory-scroll::-webkit-scrollbar{display:none}.inventory-scroll{grid-template-columns:repeat(5,minmax(120px,1fr));align-content:start}.inventory-scroll .skin{min-width:0}.inventory-scroll .skin-art{height:72px}.inventory-scroll{cursor:default}
.target-grid{max-height:245px!important;overflow-y:auto!important;scrollbar-width:none}.target-grid::-webkit-scrollbar{display:none}

/* Better admin dashboard */
.admin-bg{background:radial-gradient(circle at 50% -20%,#30395f 0,#171a2a 48%,#0f111d 100%);min-height:100vh;color:#e9ebf2}.admin-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(14,16,29,.92);border-bottom:1px solid #30364e;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.admin-head .brand{font-size:19px}.admin-head>div:last-child{display:flex;gap:8px;align-items:center}.admin-head a,.admin-head button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #404863;background:#292e43;color:#e6e8ef;text-decoration:none;font-weight:800;border-radius:7px}.admin-head button:hover,.admin-head a:hover{background:#363d57}.admin-main{max-width:1250px;margin:0 auto;padding:30px 22px 60px}.admin-main>h1{font-size:28px;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats>div{background:linear-gradient(145deg,#252a40,#1b1e2f);border:1px solid #363d57;border-radius:10px;padding:17px}.stats b{display:block;font-size:25px;color:#f0b44a;margin-bottom:5px}.stats div{font-size:11px;color:#9299ad}.admin-card{background:rgba(30,34,52,.92);border:1px solid #363d57;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 15px 45px #05060d33}.admin-card h2{font-size:15px;margin:0 0 14px;color:#f1f3f7}.admin-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr auto;gap:8px}.admin-form input,.admin-form select,.tr input{height:38px;background:#252a3d;border:1px solid #414862;color:#fff;padding:0 10px;border-radius:6px;outline:none}.admin-form input:focus,.admin-form select:focus,.tr input:focus{border-color:#7189c5}.admin-form button,.tr button{border:1px solid #505a77;background:#343b55;color:#fff;border-radius:6px;padding:0 12px;min-height:36px;font-weight:800}.admin-form .gold{background:linear-gradient(#efb13e,#d88f1d);border-color:#e8a02b}.table{overflow-x:auto}.tr{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr 1fr 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #30364c;font-size:10px;min-width:900px}.tr.th{color:#7f879d;font-weight:800;text-transform:uppercase;font-size:8px}.tr form{display:flex;gap:5px}.tr input{width:100%;min-width:0;height:34px}.tr .green{background:#118a42;border-color:#18a451}.tr .red{background:#692f3a;border-color:#8d4250}.admin-login{width:min(430px,calc(100% - 30px));margin:12vh auto 0;background:linear-gradient(145deg,#242940,#191c2c);border:1px solid #3b425d;border-radius:14px;padding:30px;box-shadow:0 30px 100px #0008}.admin-login .brand{font-size:20px;margin-bottom:28px}.admin-login h1{margin:0 0 7px}.admin-login form{margin-top:18px}.admin-login .gold{border-radius:7px;height:46px}.admin-login small{font-size:9px}.admin-login .back-link{display:inline-block}

@media(max-width:1000px){.inventory-scroll{grid-template-columns:repeat(4,minmax(120px,1fr))}.admin-form{grid-template-columns:repeat(2,1fr)}.admin-form button{min-height:42px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.inventory-scroll .skin-art{height:76px}.source-panel{min-height:0}.balance-stake{padding:10px}.stake-presets button{font-size:8px}.wheel-wrap{width:300px;height:300px}.wheel{width:280px;height:280px}.pointer{top:-150px}.admin-head{height:60px;padding:0 10px}.admin-head .brand{font-size:15px}.admin-head a,.admin-head button{min-height:34px;padding:0 10px;font-size:10px}.admin-main{padding:18px 10px 40px}.admin-main>h1{font-size:21px}.admin-card{padding:13px;border-radius:8px}.admin-form{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:13px}.stats b{font-size:20px}.tr{min-width:850px}.target-grid{max-height:260px!important}.quick{margin-top:10px}.quick button{font-size:8px}}

/* ===== v4 account / Telegram polish ===== */
.profile-avatar-top{display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-card{max-width:520px}.auth-brand{font-weight:1000;letter-spacing:1px;font-size:18px;margin-bottom:10px}.auth-brand span{color:#e54b35;margin:0 2px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#1b1e2d;padding:5px;margin:18px 0 15px}.auth-tabs button{border:0;background:transparent;color:#858ca1;padding:11px;font-weight:900}.auth-tabs button.active{background:#3a405a;color:#fff}.auth-pane.hidden{display:none}.tg-how{display:flex;gap:11px;align-items:flex-start;text-align:left;padding:10px 0;color:#c6cad6;font-size:12px}.tg-how b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3a86d7;color:#fff;flex:none}.tg-how code{background:#171a27;padding:3px 6px;border-radius:4px;color:#fff}.tg-open{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#229ed9;color:#fff;font-weight:900;padding:12px;border-radius:7px;margin:10px 0 12px}.auth-warning{background:#4b3921;border:1px solid #76592e;color:#f0d39b;padding:11px;text-align:left;font-size:10px;margin:10px 0}.auth-note{display:block;color:#737b91;margin-top:10px;font-size:9px}.profile-main{max-width:1100px}.profile-head-actions{display:flex;gap:8px}.profile-head-actions a,.profile-head-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #404863;background:#292e43;color:#e6e8ef;text-decoration:none;font-weight:800;border-radius:7px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px;background:linear-gradient(145deg,#2a3048,#1b1e2f);border:1px solid #3a425d;border-radius:14px;margin-bottom:16px}.profile-avatar.big{width:76px;height:76px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e5a52f,#b96d19);font-size:32px;font-weight:1000;box-shadow:0 15px 35px #0005}.profile-kicker{font-size:9px;color:#8790a8;font-weight:900;letter-spacing:1.5px}.profile-hero h1{margin:5px 0;font-size:28px}.profile-hero p{margin:0;color:#7f879b;font-size:11px}.profile-balance{text-align:right}.profile-balance small{display:block;color:#7e869a;font-size:9px}.profile-balance strong{display:block;color:#f2b64a;font-size:25px;margin:5px 0 10px}.small-gold{display:inline-flex!important;width:auto!important;padding:9px 13px!important;text-decoration:none;border-radius:6px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-top{display:flex;justify-content:space-between;gap:15px}.card-top h2{margin-bottom:4px}.card-top p{margin:0;color:#777f94;font-size:10px}.tg-status{font-size:8px;font-weight:900;color:#7e8495;border:1px solid #454b62;padding:7px 9px;height:max-content}.tg-status.on{color:#47d678;border-color:#287744;background:#173523}.tg-linked{padding:13px;background:#1b2030;border:1px solid #363d56;margin:14px 0;color:#d8dbe4;font-weight:800}.danger-btn{background:#512c35;border:1px solid #79414d;color:#ffbfc7;padding:10px 12px;border-radius:6px;font-weight:800}.inline-code{display:grid;grid-template-columns:1fr 130px;gap:8px;margin-top:12px}.inline-code input,.profile-form input{height:42px;background:#252a3d;border:1px solid #414862;color:#fff;padding:0 12px;border-radius:6px;outline:none}.inline-code .gold{width:auto;border-radius:6px}.profile-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.profile-form label{font-size:9px;color:#8b93a8;font-weight:800}.profile-form input{display:block;width:100%;margin-top:6px}.profile-form .gold{width:auto;height:42px;border-radius:6px}.tx-list{border-top:1px solid #30364c}.tx-row{display:grid;grid-template-columns:1fr auto 130px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #30364c;font-size:10px}.tx-row small{color:#697188}.plus{color:#44d879}.minus{color:#f07b83}
@media(max-width:700px){.profile-hero{grid-template-columns:auto 1fr;gap:12px;padding:16px}.profile-balance{grid-column:1/-1;text-align:left;border-top:1px solid #343b54;padding-top:12px}.profile-hero h1{font-size:22px}.profile-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}.profile-form .gold{width:100%}.inline-code{grid-template-columns:1fr}.profile-head-actions a,.profile-head-actions button{padding:0 10px;font-size:9px}.auth-card{padding:18px}.tx-row{grid-template-columns:1fr auto}.tx-row small{grid-column:1/-1}}

.admin-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-title-row h1{margin:3px 0 4px}.admin-sub{margin:0;color:#737c91;font-size:11px}.admin-badge{font-style:normal;font-size:8px;color:#f0b44a;border:1px solid #6d5427;padding:4px 6px;vertical-align:middle}.bot-chip{font-size:9px;color:#7f879b;border:1px solid #3c435c;background:#202438;padding:9px 11px;border-radius:7px;white-space:nowrap}.bot-chip.on{color:#46d877;border-color:#2b7545;background:#182d22}.admin-stats>div{min-height:86px}.stats span{font-size:10px;color:#858da1}.tr>span small{display:block;color:#666e84;font-size:8px;margin-top:3px}.money{color:#f0b44a;font-weight:900}.details{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{display:inline-block;font-style:normal;font-size:8px;font-weight:900;text-transform:uppercase;padding:5px 7px;border:1px solid #454b62;background:#262b3e;color:#aab0bf}.status.pending{color:#f0bd5b;border-color:#6f592f;background:#332a18}.status.approved,.status.paid{color:#46d877;border-color:#286e43;background:#172d21}.status.rejected{color:#f27c87;border-color:#6e3540;background:#302027}.admin-card .tr form{min-width:0}.admin-card .tr form button{white-space:nowrap}.admin-card .tr{grid-template-columns:1.25fr .75fr .95fr .9fr .9fr 1.15fr}.admin-card .tr.th{min-width:980px}.admin-card .empty{padding:22px;color:#70788d;text-align:center}
@media(max-width:700px){.admin-title-row{align-items:flex-start;flex-direction:column}.bot-chip{align-self:stretch;text-align:center}.admin-card .tr{min-width:980px}}


/* v5 precise chance ring: the wheel is static, only the pointer moves. */
.wheel{background:#303650!important;border:0!important;box-shadow:0 0 0 3px #4d536b,0 0 40px #0d1020 inset,0 0 35px #111322!important;overflow:visible!important}
.wheel:after{display:none!important}.wheel-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#69718f,#444a68 70%);z-index:1;box-shadow:inset 0 0 35px #292d48}
.chance-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);z-index:2;overflow:visible}
.chance-ring circle{fill:none}.ring-bg{stroke:#3a405b;stroke-width:15;opacity:.95}.ring-progress{stroke:#18c957;stroke-width:15;stroke-linecap:round;filter:drop-shadow(0 0 7px #18c95788);transition:stroke-dashoffset .25s ease}
.wheel-center{position:absolute;inset:78px!important;border-radius:50%;background:transparent!important;z-index:3;box-shadow:none!important}
.mark-50-r{right:-7px;top:50%;transform:translateY(-50%)}.mark-50-l{left:-7px;top:50%;transform:translateY(-50%)}
.target-panel{min-width:0}.target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.target-panel .target-card{min-height:154px}.target-panel .target-art{height:88px}
.upgrade-layout{grid-template-columns:minmax(300px,1fr) 410px minmax(340px,1.15fr);max-width:1220px;gap:16px}
@media(max-width:1000px){.upgrade-layout{grid-template-columns:1fr 1fr}.wheel-card{grid-column:1/-1}.source-panel{grid-column:1}.target-panel{grid-column:2}}
@media(max-width:650px){.upgrade-layout{display:flex;flex-direction:column}.wheel-card{order:1}.source-panel{order:2}.target-panel{order:3}.target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.target-panel .target-card{min-height:145px}.target-panel .target-art{height:76px}.wheel-wrap{width:300px;height:300px}.wheel{width:280px;height:280px}.wheel-center{inset:70px!important}.mark-50-r{right:-5px}.mark-50-l{left:-5px}}

/* v6 precision pass */
.upgrade-targets, .target-list, .upgrade-right, .target-panel { min-height: 520px; }
.upgrade-targets { overflow-y: auto; scrollbar-width: thin; }
.upgrade-wheel { overflow: visible; }
.upgrade-wheel svg { overflow: visible; }
.upgrade-wheel .chance-ring { transform-origin: 50% 50%; }
.upgrade-wheel .pointer { transform-origin: 50% 50%; transform-box: fill-box; }
.live-drop, .live-drop-bar, .live-drop-strip { display: none !important; }
@media (max-width: 700px) {
  .upgrade-targets, .target-list, .upgrade-right, .target-panel { min-height: 420px; }
}


.skin-art img,.target-art img,.side-thumb img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 13px #0008)}
.side-thumb img{padding:3px}.target-art{padding:4px;overflow:hidden}.skin-art{padding:5px;overflow:hidden}
.admin-item-img{width:72px;height:42px;object-fit:contain;background:#1b1f30;border:1px solid #3b425c;border-radius:4px}
.admin-card .tr{grid-template-columns:1.25fr .75fr .7fr .75fr .9fr .9fr 1fr}
/* Exact center: orbit origin is the wheel center; smaller triangle tip touches the 12 o'clock ring. */
.pointer-orbit{left:50%!important;top:50%!important;width:0!important;height:0!important;transform:rotate(0deg);transform-origin:0 0}
.pointer{left:-14px!important;top:-168px!important;border-left-width:14px!important;border-right-width:14px!important;border-top-width:27px!important;transform:none!important}
.pointer:after{left:-4px!important;top:-24px!important;width:8px!important;height:8px!important}
@media(max-width:650px){.pointer{left:-13px!important;top:-153px!important;border-left-width:13px!important;border-right-width:13px!important;border-top-width:25px!important}.pointer:after{left:-4px!important;top:-22px!important;width:8px!important;height:8px!important}}


/* v8: normal nickname/password auth */
.login-top{width:auto!important;min-width:82px;padding:0 14px!important;white-space:nowrap;overflow:visible}
.auth-tabs{margin:16px 0 12px}
.auth-form{display:grid;gap:9px}.auth-form input{width:100%;height:44px;background:#252a3d;border:1px solid #414862;color:#fff;padding:0 12px;border-radius:6px;outline:none}.auth-form .gold{width:100%;height:44px;border-radius:6px}.auth-hidden{display:none!important}.auth-status{min-height:18px}.auth-note{min-height:16px}
.target-panel{min-height:640px!important}.target-panel .target-grid{max-height:550px!important;overflow-y:auto;scrollbar-width:thin;align-content:start}.target-panel .target-card{min-height:154px}
.pointer{left:-11px!important;top:-163px!important;border-left-width:11px!important;border-right-width:11px!important;border-top-width:22px!important}.pointer:after{left:-3px!important;top:-20px!important;width:6px!important;height:6px!important}
@media(max-width:1000px){.target-panel{min-height:590px!important}.target-panel .target-grid{max-height:500px!important}}
@media(max-width:650px){.login-top{min-width:72px!important;padding:0 10px!important;font-size:10px!important}.target-panel{min-height:540px!important}.target-panel .target-grid{max-height:450px!important}.pointer{left:-10px!important;top:-145px!important;border-left-width:10px!important;border-right-width:10px!important;border-top-width:20px!important}.pointer:after{left:-3px!important;top:-18px!important;width:6px!important;height:6px!important}.password-form{grid-template-columns:1fr!important}}


/* v9 auth fix */
.register-only.auth-hidden{display:none!important}
.auth-error{color:#ff8d98!important}
.auth-success{color:#62df91!important}
.auth-form .gold:disabled{opacity:.65;cursor:wait}

/* v11: target column keeps the same size, but its scrollbar is invisible.
   Scrolling is done with the mouse wheel / trackpad (native overflow remains enabled). */
.target-panel .target-grid{
  overflow-y:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.target-panel .target-grid::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* v12: inventory/shop are real tabs, matching the compact two-tab layout. */
.inventory-shell{max-width:1120px;margin:18px auto 0;background:#202338;border:1px solid #343950;padding:0;overflow:hidden}
.inv-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #343950;background:#292d47}
.inv-tab{height:58px;border:0;border-right:1px solid #3b4059;background:#292d47;color:#969caf;font-size:17px;font-weight:900}
.inv-tab:last-child{border-right:0}.inv-tab.active{background:#7e96d0;color:#fff}
.tab-pane{padding:16px}.inv-subhead{display:flex;align-items:center;gap:8px;margin-bottom:12px}.inv-subhead h2{margin:0;font-size:17px}.inv-subhead span{margin-left:auto;color:#777e92;font-size:10px}
.shop-pane .grid{min-height:170px}
.selected-preview{height:100%;min-height:86px;display:flex;align-items:center;justify-content:center;gap:12px}.selected-art{width:120px;height:82px;display:grid;place-items:center;background:radial-gradient(circle,#5d6685,#292d44 67%);border:1px solid #4a506b;overflow:hidden}.selected-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #0008)}.selected-placeholder{font-size:11px;font-weight:900;color:#cfd3de}.selected-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.selected-info b{font-size:12px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-info small{color:#f0b44a;font-size:10px;margin-top:4px}.selected-info span{color:#8e95a8;font-size:9px;margin-top:4px}.selected-balance{font-size:9px;color:#55d87a;text-align:center;margin-top:2px}.selected-balance-only{font-size:13px;color:#55d87a;font-weight:800}.selected-empty{color:#7c8398;font-size:18px}.mini-selected{height:46px}.mini-skin{width:44px;height:34px;padding:2px;background:#333852;border:1px solid #4c5370;display:grid;place-items:center}.mini-skin img{width:100%;height:100%;object-fit:contain}.mini-text{font-size:7px;color:#ccd0dc}
.side-item .side-meta b{font-size:10px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-item .side-meta{display:flex;align-items:center}
@media(max-width:1000px){.sidebar{display:block;min-height:auto;border-right:0;border-bottom:1px solid #343950;padding:0;background:#20243a}.side-title{height:34px;padding:0 12px}.feed{display:flex;overflow:hidden}.side-item{min-width:170px;width:170px;height:86px;min-height:86px;padding:7px;align-items:center;border-right:1px solid #30354d;border-bottom:0}.side-thumb{width:78px;height:68px}.side-meta b{font-size:10px}.main{width:100%}}
@media(max-width:650px){.inventory-shell{margin:9px 7px 0}.inv-tabs{grid-template-columns:1fr 1fr}.inv-tab{height:56px;font-size:14px}.tab-pane{padding:10px}.inv-subhead h2{font-size:14px}.selected-art{width:112px;height:76px}.selected-info b{font-size:11px}.side-title{font-size:11px}.feed{overflow-x:auto;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.side-item{min-width:190px;width:190px}.side-thumb{width:82px;height:68px}.side-meta{flex:1}.side-meta b{font-size:11px}.hero-title{height:68px}}


/* ===== DEPOSIT WINDOW / PC + MOBILE ===== */
.deposit-modal{padding:18px;backdrop-filter:blur(7px)}
.deposit-card{
  width:min(920px,calc(100vw - 36px)); max-height:min(900px,calc(100vh - 36px));
  overflow:auto; background:#252735; border:1px solid #41455c; border-radius:10px;
  box-shadow:0 35px 120px rgba(0,0,0,.68); text-align:left; position:relative;
}
.deposit-head{padding:28px 34px 24px;border-bottom:1px solid #36394d;background:linear-gradient(180deg,#272936,#232532)}
.deposit-kicker{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#e4aa37;margin-bottom:7px}
.deposit-head h2{margin:0;color:#f6f7fb;font-size:27px;letter-spacing:.2px}
.deposit-head p{margin:7px 0 0;color:#969bad;font-size:13px}
.deposit-close{position:absolute;right:20px;top:15px;width:48px;height:48px;border:0;background:transparent;color:#aeb2bf;font-size:48px;line-height:1;cursor:pointer;z-index:2}
.deposit-content{padding:25px 34px 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}
.deposit-section{min-width:0}.deposit-label{text-transform:uppercase;color:#9b9fae;font-size:11px;font-weight:900;letter-spacing:.7px;margin-bottom:10px}
.deposit-country{width:100%;min-height:67px;display:flex;align-items:center;gap:13px;padding:10px 16px;border:1px solid #4b5067;background:#303343;color:#fff;text-align:left;cursor:pointer}
.country-flag{font-size:29px}.deposit-country b{display:block;font-size:16px}.deposit-country small{display:block;color:#888e9f;margin-top:3px;font-size:10px}.deposit-chevron{margin-left:auto;font-size:25px;color:#a9adba}
.deposit-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.deposit-method{min-height:112px;padding:15px;border:1px solid #44485c;background:#2d303f;color:#d9dbe2;text-align:left;cursor:pointer;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center}
.deposit-method:hover{border-color:#68718f}.deposit-method.active{background:#565c78;border-color:#94a8dc;box-shadow:inset 0 0 0 1px #94a8dc}
.method-icon{grid-row:1/3;width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-weight:950;font-size:12px;background:#3b3e4e;color:#fff}
.sbp-icon{font-size:11px}.card-icon{font-size:22px}.sber-icon{font-size:23px;border-radius:50%}.gift-icon{font-size:25px}
.deposit-method b{font-size:14px}.deposit-method small{color:#969aaa;font-size:9px}.deposit-method.active small{color:#d0d4df}
.amount-section{grid-column:1/-1}.deposit-amount-input{height:64px;display:flex;align-items:center;border:1px solid #484c61;background:#303343;padding:0 18px}
.deposit-amount-input input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:22px;font-weight:800;padding:0}
.deposit-amount-input span{font-size:18px;color:#c1c4cf;font-weight:800}
.deposit-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.deposit-presets button{height:51px;border:1px solid #474b60;background:#303343;color:#f0f1f5;font-size:14px;font-weight:850;cursor:pointer}.deposit-presets button:hover{border-color:#7b87a8}.deposit-presets button.active{background:#879bd0;border-color:#a9b9e4;color:#fff}
.promo-section{grid-column:1/-1}.deposit-promo{height:58px;display:flex;align-items:center;border:1px solid #474b60;background:#303343}.promo-icon{font-size:20px;color:#adb1bd;padding:0 15px}.deposit-promo input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px;font-weight:800;letter-spacing:.4px}.deposit-promo input::placeholder{color:#8d92a1}.deposit-promo button{height:100%;padding:0 19px;border:0;background:transparent;color:#7786ad;font-size:12px;font-weight:900;cursor:pointer}.deposit-note{min-height:16px;margin-top:5px;color:#858b9d;font-size:10px}.deposit-note.ok{color:#56d889}.deposit-note.error{color:#e97983}
.deposit-bottom{border-top:1px solid #383b4e;padding:23px 34px 27px;background:#20222f}.deposit-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deposit-total span{font-size:17px;color:#e5e6eb;font-weight:800}.deposit-total strong{font-size:21px;color:#fff}.deposit-submit{width:100%;height:62px;border:0;border-radius:2px;background:linear-gradient(180deg,#efb442,#dc9826);color:#fff;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 7px 25px rgba(217,145,30,.18)}.deposit-submit:hover{filter:brightness(1.06)}.deposit-submit:active{transform:translateY(1px)}.deposit-footnote{margin:13px 8px 0;color:#7f8495;font-size:10px;line-height:1.45;text-align:center}

/* Keep the deposit modal comfortable on smaller desktop widths. */
@media(max-width:760px){
  .deposit-modal{padding:0;align-items:stretch}
  .deposit-card{width:100%;max-height:100vh;height:100%;border:0;border-radius:0}
  .deposit-head{padding:23px 20px 18px;position:sticky;top:0;z-index:3}
  .deposit-head h2{font-size:22px;padding-right:42px}.deposit-head p{font-size:11px}
  .deposit-close{right:9px;top:8px}
  .deposit-content{grid-template-columns:1fr;padding:18px 20px 22px;gap:18px}
  .deposit-methods{grid-template-columns:1fr 1fr}
  .deposit-method{min-height:96px;padding:11px}.method-icon{width:36px;height:36px}
  .deposit-presets{grid-template-columns:repeat(3,1fr)}
  .deposit-bottom{padding:18px 20px 24px;position:sticky;bottom:0;z-index:3}
}
@media(max-width:430px){
  .deposit-head h2{font-size:20px}.deposit-methods{gap:7px}.deposit-method{grid-template-columns:34px 1fr;column-gap:7px;min-height:88px}.deposit-method b{font-size:12px}.deposit-method small{font-size:8px}.deposit-presets button{font-size:12px}.deposit-total span{font-size:15px}.deposit-total strong{font-size:19px}
}

/* ===== v13 visual polish: stake card + responsive deposit ===== */
.source-panel{display:flex;flex-direction:column;min-height:500px;padding:18px 18px 16px;overflow:hidden}
.source-panel .panel-title{font-size:16px;letter-spacing:.2px}
.source-panel .hint{max-width:310px;margin:8px auto 14px}
.selection-summary{height:178px;min-height:178px;border:1px solid #3b415c;border-radius:8px;background:radial-gradient(circle at 50% 35%,#39415f 0,#252a42 48%,#1b1e31 100%);box-shadow:inset 0 1px 0 #ffffff0a,0 12px 35px #07091655;overflow:hidden;padding:10px}
.stake-hero{height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(105px,.75fr);gap:13px;align-items:center}
.stake-hero-image{height:150px;min-width:0;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#687393 0,#3d4563 45%,#252a40 78%);border-radius:7px}
.stake-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff08,transparent 45%,#00000016);pointer-events:none}
.stake-hero-image img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 12px 16px #050711aa);transform:scale(1.02)}
.stake-hero-image span{font-size:13px;font-weight:900;color:#d6dae4}
.stake-hero-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-right:5px}
.stake-label{font-size:9px;font-weight:950;letter-spacing:1.2px;color:#7f8aa7}
.stake-hero-info b{font-size:14px;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.stake-hero-info strong{font-size:16px;color:#efb23d;white-space:nowrap}
.selected-extras{height:54px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:7px}
.selected-extras::-webkit-scrollbar{display:none}
.selected-extra{min-width:150px;height:45px;display:flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid #3b425c;background:#282d45;border-radius:5px}
.selected-extra img{width:52px;height:35px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 8px #0008)}
.selected-extra>span{width:52px;text-align:center;font-size:7px;color:#cbd0dc}
.selected-extra div{min-width:0}.selected-extra b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-extra small{display:block;color:#efb23d;font-size:8px;margin-top:3px}
.selected-balance{margin-top:7px;height:30px;border:1px solid #245d3a;background:#12362255;border-radius:5px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#8fe4a8;font-size:9px}.selected-balance b{font-size:10px;color:#61df88}
.selected-balance-only{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#7d879f}.selected-balance-only span{font-size:9px;letter-spacing:1px}.selected-balance-only b{font-size:20px;color:#61df88}
.selected-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.selected-empty strong{font-size:15px;color:#d7dbe6}.selected-empty span{font-size:10px;color:#7f879d;text-align:center;max-width:230px;line-height:1.4}
.source-panel .mini-selected{display:none}
.balance-stake{margin-top:12px;border:1px solid #343b55;border-radius:7px;background:#1d2032;padding:10px 11px}
.source-panel .source-note{margin-top:auto;padding-top:8px}

/* Deposit gets a premium desktop layout instead of looking like a stretched mobile sheet. */
.deposit-card{width:min(980px,calc(100vw - 48px));border-radius:14px;background:linear-gradient(180deg,#292c3c,#202231);overflow:hidden}
.deposit-head{padding:28px 38px 25px;background:linear-gradient(135deg,#2d3041,#232635);position:relative}
.deposit-head:after{content:"";position:absolute;left:38px;right:38px;bottom:0;height:1px;background:linear-gradient(90deg,#efad3900,#efad3966,#efad3900)}
.deposit-kicker{color:#efb23d;font-size:10px;letter-spacing:2px}.deposit-head h2{font-size:30px;letter-spacing:-.3px}.deposit-head p{font-size:13px}
.deposit-content{padding:28px 38px 32px;gap:22px 30px;background:#252838}
.deposit-section{background:#202333;border:1px solid #353b53;border-radius:9px;padding:16px}
.deposit-section.amount-section,.deposit-section.promo-section{background:transparent;border:0;padding:0}
.deposit-label{font-size:10px;color:#9ca2b4;margin-bottom:9px}
.deposit-country{background:#2d3143;border-radius:6px;transition:.18s}.deposit-country:hover{border-color:#697494}
.deposit-methods{gap:9px}.deposit-method{border-radius:7px;background:#2a2e40;min-height:105px;transition:.18s}.deposit-method:hover{transform:translateY(-1px);background:#30354a}.deposit-method.active{background:linear-gradient(135deg,#5b6381,#4b536e);border-color:#9aaddd}
.deposit-amount-input{height:70px;border-radius:8px;background:#1f2232;border:1px solid #454b63;transition:.18s}.deposit-amount-input:focus-within{border-color:#8197d0;box-shadow:0 0 0 3px #8197d014}.deposit-amount-input input{font-size:25px}.deposit-amount-input input.invalid{color:#ff9aa1}.deposit-amount-note{min-height:17px;padding:5px 3px 0;color:#ef7c86;font-size:10px;font-weight:700}
.deposit-presets{gap:8px}.deposit-presets button{border-radius:6px;background:#2a2e40;height:54px;transition:.16s}.deposit-presets button.active{background:#879bd0;box-shadow:0 5px 18px #718ac044}
.deposit-promo{border-radius:8px;background:#1f2232}.deposit-bottom{padding:22px 38px 28px;background:#1c1f2e}.deposit-submit{border-radius:7px;height:64px;font-size:17px}.deposit-submit:disabled{opacity:.35;filter:grayscale(.25);cursor:not-allowed;box-shadow:none}

@media(max-width:1000px){
  .upgrade-layout{grid-template-columns:1fr 1fr;max-width:900px}.wheel-card{grid-column:1/-1}.source-panel{grid-column:1}.target-panel{grid-column:2}
}
@media(max-width:650px){
  body{overflow-x:hidden}.top{position:relative}.main{padding-bottom:35px}.upgrade-layout{display:flex;flex-direction:column;padding:0 8px;gap:10px}.wheel-card{order:1;width:100%;max-width:none}.source-panel{order:2;width:100%;min-height:0;padding:15px}.target-panel{order:3;width:100%;min-height:0}
  .selection-summary{height:190px;min-height:190px}.stake-hero{grid-template-columns:minmax(0,1.35fr) minmax(95px,.65fr);gap:10px}.stake-hero-image{height:164px}.stake-hero-info b{font-size:13px}.stake-hero-info strong{font-size:15px}
  .source-panel .hint{margin-bottom:12px}.balance-stake{margin-top:10px}.stake-row input{font-size:16px}
  .inventory-shell{margin:9px 8px 0;border-radius:8px}.inv-tab{font-size:13px}.tab-pane{padding:10px}.grid{gap:7px}.skin{padding:6px}.skin-art{height:90px}
  .deposit-modal{padding:0}.deposit-card{width:100%;height:100%;max-height:100%;border-radius:0}.deposit-head{padding:22px 18px 19px}.deposit-head:after{left:18px;right:18px}.deposit-head h2{font-size:21px;padding-right:44px}.deposit-head p{font-size:11px}.deposit-close{right:5px;top:5px}
  .deposit-content{display:block;padding:14px 12px 20px;overflow:auto}.deposit-section{padding:13px;margin-bottom:11px;border-radius:8px}.deposit-section.amount-section,.deposit-section.promo-section{padding:0;margin:0 0 12px}.deposit-methods{grid-template-columns:1fr 1fr}.deposit-method{min-height:91px;padding:10px}.deposit-method b{font-size:12px}.deposit-method small{font-size:8px}.deposit-presets{grid-template-columns:repeat(3,1fr)}.deposit-presets button{height:50px;font-size:12px}.deposit-bottom{padding:15px 12px 20px}.deposit-total{margin-bottom:11px}.deposit-submit{height:58px;font-size:15px}.deposit-footnote{font-size:9px;margin-top:10px}
}
@media(max-width:390px){.stake-hero{grid-template-columns:1fr}.stake-hero-image{height:130px}.selection-summary{height:230px;min-height:230px}.stake-hero-info{align-items:center;text-align:center;padding:0}.deposit-method{grid-template-columns:30px 1fr}.method-icon{width:30px;height:30px}.deposit-head h2{font-size:19px}}

/* ===== v14 rarity system + mobile polish ===== */
:root{--rarity-common:#8b93a3;--rarity-uncommon:#55b9ee;--rarity-rare:#3e73e8;--rarity-epic:#a855f7;--rarity-legendary:#ef4444;--rarity-arcane:#ec4899;--rarity-nameless:#eab308}
.skin,.target-card,.profile-skin{position:relative;overflow:hidden;border:1px solid #3a4058;transition:transform .18s,border-color .18s,box-shadow .18s}
.skin:hover,.target-card:hover,.profile-skin:hover{transform:translateY(-2px)}
.rarity-common{--rarity-color:var(--rarity-common)}.rarity-uncommon{--rarity-color:var(--rarity-uncommon)}.rarity-rare{--rarity-color:var(--rarity-rare)}.rarity-epic{--rarity-color:var(--rarity-epic)}.rarity-legendary{--rarity-color:var(--rarity-legendary)}.rarity-arcane{--rarity-color:var(--rarity-arcane)}.rarity-nameless{--rarity-color:var(--rarity-nameless)}
.skin,.target-card,.profile-skin{border-color:color-mix(in srgb,var(--rarity-color) 55%,#343950)}
.skin:before,.target-card:before,.profile-skin:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--rarity-color);box-shadow:0 0 18px color-mix(in srgb,var(--rarity-color) 65%,transparent);z-index:4}
.skin-art,.target-art,.profile-skin-art{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity-color) 18%,#4a506b),#252a40 72%);border-color:color-mix(in srgb,var(--rarity-color) 45%,#3a4058)}
.skin b,.target-card b,.profile-skin-info b{color:#f5f7fb}.skin small,.target-card small{color:color-mix(in srgb,var(--rarity-color) 75%,#fff)}
.target-card.target-selected{border-color:var(--rarity-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity-color) 35%,transparent),0 10px 30px color-mix(in srgb,var(--rarity-color) 14%,transparent)}
.rarity-pill{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rarity-color) 70%,transparent);color:var(--rarity-color);background:color-mix(in srgb,var(--rarity-color) 10%,#202333);font-style:normal;font-size:10px;font-weight:900}
.admin-item-actions{display:flex!important;gap:6px;align-items:center}.admin-item-actions form{margin:0}.admin-item-actions button{white-space:nowrap}

/* Better selected stake: large artwork, no tiny thumbnail feeling. */
.selection-summary{height:176px;border:1px solid #3d4560;background:linear-gradient(145deg,#20253a,#171a2b);border-radius:10px;padding:10px;overflow:hidden}
.stake-hero{grid-template-columns:minmax(0,1.5fr) minmax(145px,.8fr);gap:18px}.stake-hero-image{height:154px;border:2px solid color-mix(in srgb,var(--rarity-color,#7f8aa7) 55%,#414862);border-radius:10px;background:radial-gradient(circle at 50% 42%,#687493,#252a40 75%);box-shadow:inset 0 0 40px #0b0e19aa,0 8px 28px #080a1480}.stake-hero-image img{width:100%;height:100%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(0 14px 20px #050711cc)}.stake-hero-info{gap:8px}.stake-hero-info b{font-size:18px}.stake-hero-info strong{font-size:19px}

/* Mobile: wheel and columns fit the viewport without horizontal overflow. */
@media(max-width:650px){
 body{overflow-x:hidden}.top{height:64px;padding:0 8px;gap:7px}.brand{font-size:14px}.online{font-size:8px}.head-bal{font-size:13px}.topbtn{width:42px;height:42px}.login-top{min-width:70px!important;font-size:11px!important}
 .layout{display:block}.main{padding:0 0 28px}.hero-title{height:64px;font-size:24px}
 .sidebar{display:block}.side-title{height:32px}.feed{gap:5px}.side-item{min-width:154px;width:154px;height:76px;min-height:76px;padding:6px}.side-thumb{width:70px;height:62px}.side-meta b{font-size:9px}
 .upgrade-layout{display:flex;flex-direction:column;padding:0 7px;gap:10px}.wheel-card{order:1;min-height:0;padding:12px 8px 14px}.source-panel{order:2}.target-panel{order:3}
 .wheel-wrap{width:min(88vw,330px);height:min(88vw,330px);margin:5px auto}.wheel{width:calc(min(88vw,330px) - 18px);height:calc(min(88vw,330px) - 18px);left:9px;top:9px}.wheel-center{inset:23%!important}.wheel-center strong{font-size:27px}.wheel-center small{font-size:8px}.mark-100{top:-1px}.mark-0{bottom:-1px}.mark-50-r{right:-2px}.mark-50-l{left:-2px}
 .pointer{left:-9px!important;top:calc(-1 * (min(44vw,165px) + 0px))!important;border-left-width:9px!important;border-right-width:9px!important;border-top-width:19px!important}.pointer:after{left:-3px!important;top:-17px!important;width:6px!important;height:6px!important}
 .quick{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.quick button{min-height:34px;font-size:10px;padding:4px 2px}.quick .settings{grid-column:auto}
 .pick{padding:13px;min-height:0}.panel-title{font-size:14px}.hint{font-size:10px;margin:7px 0 12px}
 .selection-summary{height:190px}.stake-hero{grid-template-columns:minmax(0,1.25fr) minmax(105px,.75fr);gap:9px}.stake-hero-image{height:168px}.stake-hero-image img{transform:scale(1.03)}.stake-hero-info b{font-size:13px}.stake-hero-info strong{font-size:15px}
 .target-panel{min-height:0!important}.target-panel .target-grid{max-height:440px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.target-panel .target-card{min-height:142px;padding:7px}.target-panel .target-art{height:80px}.target-card b{font-size:10px}.target-card small{font-size:9px}
 .inventory-shell{margin:10px 7px 0}.inv-tab{height:54px;font-size:13px}.tab-pane{padding:9px}.inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}.skin-art{height:92px}.skin b{font-size:10px}.skin small{font-size:9px}.sell,.buy{font-size:9px!important}
 .deposit-card{width:100%;height:100%;max-height:100%;border-radius:0}.deposit-modal{padding:0}
}
@media(max-width:390px){.wheel-wrap{width:300px;height:300px}.wheel{width:282px;height:282px}.pointer{top:-145px!important}.selection-summary{height:215px}.stake-hero{grid-template-columns:1fr}.stake-hero-image{height:132px}.stake-hero-info{align-items:center;text-align:center}}

/* Profile redesign */
.profile-hero-new{background:linear-gradient(135deg,#272c45,#1b1e31);border:1px solid #3a415c;box-shadow:0 20px 60px #080a1480}.profile-main-info h1{margin:4px 0 5px}.profile-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.profile-stat-card{min-height:120px;padding:17px;border:1px solid #353b54;border-radius:10px;background:linear-gradient(145deg,#252a40,#1d2032);display:flex;flex-direction:column;justify-content:center;gap:5px}.profile-stat-card span{font-size:17px;color:#9ba6c3}.profile-stat-card b{font-size:21px;color:#f4f6fb}.profile-stat-card small{color:#7f879d;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.profile-inventory-card{margin-top:14px}.profile-count{color:#8d96ad;font-size:11px}.profile-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-skin{border-radius:9px;background:#202438}.profile-skin-art{height:135px;display:grid;place-items:center;border-bottom:1px solid #353b54}.profile-skin-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #0009)}.profile-skin-info{padding:10px;display:flex;flex-direction:column;gap:3px}.profile-skin-info b{font-size:12px;line-height:1.25}.profile-skin-info small{color:#7f879d;font-size:9px}.profile-skin-info strong{font-size:13px;color:#eeb344;margin-top:2px}.profile-empty{grid-column:1/-1;padding:45px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#858da2}.profile-empty strong{font-size:18px;color:#e9ecf3}.profile-empty a{margin-top:7px;color:#fff;background:#8197d0;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:800}
@media(max-width:900px){.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.profile-skin-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.profile-hero-new{grid-template-columns:auto 1fr}.profile-main-info h1{font-size:21px}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:7px}.profile-stat-card{min-height:94px;padding:12px}.profile-stat-card b{font-size:17px}.profile-skin-grid{grid-template-columns:repeat(2,1fr);gap:7px}.profile-skin-art{height:105px}.profile-skin-info{padding:8px}.profile-skin-info b{font-size:10px}.profile-skin-info strong{font-size:11px}.profile-balance{grid-column:1/-1}}

/* ===== v15 skin cards — dense marketplace style ===== */
.skin,.target-card{--card-rarity:var(--rarity-color,#8b93a3);border:2px solid color-mix(in srgb,var(--card-rarity) 62%,#25283a);background:#2d3040;border-radius:2px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 5px 14px #090b1680;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.skin:before,.target-card:before{height:100%;width:3px;inset:0 auto 0 0;background:var(--card-rarity);box-shadow:0 0 14px color-mix(in srgb,var(--card-rarity) 55%,transparent);z-index:5}
.skin:after,.target-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:var(--card-rarity);z-index:2;opacity:.96}
.skin:hover,.target-card:hover{transform:translateY(-3px);border-color:var(--card-rarity);box-shadow:0 8px 24px color-mix(in srgb,var(--card-rarity) 18%,#000),inset 0 0 0 1px #fff1}
.skin-hit{height:154px;padding:0!important;overflow:hidden}
.skin-art{height:154px!important;margin:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card-rarity) 17%,#596079),#303448 70%)!important;position:absolute;inset:0;z-index:0}
.skin-art:after,.target-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,#11152225 76%,#11152280 100%);pointer-events:none}
.skin-art img{width:100%;height:100%;object-fit:contain;padding:16px 7px 31px;filter:drop-shadow(0 10px 13px #080a12aa);position:relative;z-index:1}
.skin b,.target-card b{position:absolute;left:10px;right:8px;bottom:8px;margin:0!important;z-index:4;font-size:11px!important;font-weight:900!important;color:#fff!important;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin small,.target-card small{position:absolute;top:7px;right:7px;z-index:4;margin:0!important;padding:3px 6px;border-radius:2px;background:#151826b8;color:#fff!important;font-size:10px!important;font-weight:900;line-height:1.1}
.skin small:before,.target-card small:before{content:'◉ ';color:#f2b83f}
.skin .choose-check{z-index:7;right:6px;top:31px}
.skin.chosen .skin-hit{box-shadow:inset 0 0 0 2px #fff8}
.skin .sell,.skin .buy{position:relative;z-index:8;border-radius:0;margin:0;border-top:1px solid #ffffff12;padding:8px 6px;background:#202436;color:#fff}
.skin .sell{background:#4a2632}.skin .buy{background:#d99525}
.target-card{min-height:154px;padding:0!important;text-align:left}
.target-card .target-art{height:154px!important;position:absolute;inset:0;margin:0!important;border:0!important;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card-rarity) 17%,#596079),#303448 70%)!important}
.target-card .target-art img{width:100%;height:100%;object-fit:contain;padding:16px 7px 31px;filter:drop-shadow(0 10px 13px #080a12aa)}
.target-card.target-selected{border-color:var(--card-rarity)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--card-rarity) 45%,transparent),0 10px 28px color-mix(in srgb,var(--card-rarity) 20%,transparent)!important}
.target-card.target-selected:after{height:38px}

/* compact feed cards also use rarity color */
.side-item{border-left:2px solid color-mix(in srgb,var(--rarity-color,#8b93a3) 70%,transparent);padding-left:5px}
.side-item .side-thumb{border-color:color-mix(in srgb,var(--rarity-color,#8b93a3) 55%,#444a63)}
.side-thumb img{width:100%;height:100%;object-fit:contain}

@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .skin-hit,.skin-art,.target-card,.target-card .target-art{height:150px!important;min-height:150px}
  .skin-art img,.target-card .target-art img{padding:13px 5px 30px}
  .skin b,.target-card b{font-size:10px!important;left:8px;right:6px;bottom:8px}
  .skin small,.target-card small{font-size:9px!important;top:6px;right:5px}
  .skin:after,.target-card:after{height:32px}
}
@media(max-width:520px){
  .grid{gap:6px}
  .skin-hit,.skin-art,.target-card,.target-card .target-art{height:142px!important;min-height:142px}
  .skin-art img,.target-card .target-art img{padding:12px 4px 29px}
  .skin .sell,.skin .buy{font-size:9px!important;padding:7px 4px}
}

/* ===== v16 skin-card redesign ===== */
:root{--common:#8b909b;--uncommon:#55b9ff;--rare:#3e78ff;--epic:#a64cff;--legendary:#ff4fa3;--arcane:#ff3d32;--nameless:#f0b52e}
.rarity-common{--rarity:var(--common)}.rarity-uncommon{--rarity:var(--uncommon)}.rarity-rare{--rarity:var(--rare)}.rarity-epic{--rarity:var(--epic)}.rarity-legendary{--rarity:var(--legendary)}.rarity-arcane{--rarity:var(--arcane)}.rarity-nameless{--rarity:var(--nameless)}
.skin,.target-card{border:1px solid color-mix(in srgb,var(--rarity) 55%,#3b4055);background:linear-gradient(180deg,#303447,#25293d);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 12%,transparent),0 8px 22px #00000018}
.skin:before,.target-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--rarity);opacity:.9}
.skin-art,.target-art{position:relative;background:radial-gradient(circle at 50% 45%,#646c87 0,#3b425e 42%,#25293d 78%);margin-bottom:0;border:0;overflow:hidden}
.skin-art:after,.target-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff8,transparent 30%,transparent 70%,#0003);pointer-events:none;opacity:.18}
.skin-art img,.target-art img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 10px 14px #05060dcc);position:relative;z-index:1}
.card-price{position:absolute;z-index:3;right:9px;top:9px;min-width:68px;height:24px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#151927ee;border:1px solid #ffffff20;border-radius:5px;padding:0 8px;color:#ffd35a;font-size:11px;font-weight:950;line-height:1;white-space:nowrap;box-shadow:0 3px 10px #0006}
.rarity-label{position:relative;z-index:2;margin:0;background:var(--rarity);color:#fff;text-align:center;text-transform:uppercase;font-size:8px;font-weight:950;letter-spacing:.5px;padding:5px 4px;box-shadow:0 -5px 14px color-mix(in srgb,var(--rarity) 22%,transparent)}
.skin b,.target-card b{padding:8px 8px 2px;font-size:10px;line-height:1.2}.skin small,.target-card small{display:none}
.sell,.buy{margin:7px;width:calc(100% - 14px);border-radius:4px;background:color-mix(in srgb,var(--rarity) 35%,#262a3d);border:1px solid color-mix(in srgb,var(--rarity) 50%,#34384d);}
.side-item{position:relative;border:1px solid color-mix(in srgb,var(--rarity) 60%,#34384d);border-left:3px solid var(--rarity);background:#252a3d;overflow:hidden}
.side-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rarity)}
.side-price{position:absolute;right:6px;top:5px;z-index:2;background:#1e2232e8;color:#f5c34e;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:900}
.side-meta span{display:block;color:var(--rarity);font-size:7px;margin-top:2px;text-transform:uppercase;font-weight:900}
.side-thumb{background:radial-gradient(circle,#58627f,#252a3d 70%)}

/* Admin rarity editor */
.rarity-edit{display:flex;align-items:center;gap:4px}.rarity-select{min-width:112px;padding:6px 8px;border-radius:5px;border:1px solid color-mix(in srgb,var(--rarity) 55%,#454a60);background:#292e41;color:#fff;font-weight:800;font-size:10px}.mini-save{width:29px;height:29px;padding:0!important;border-radius:5px;background:#30364b!important;color:#7ee7a0!important;border:1px solid #40506a!important}
.admin-item-img{width:55px;height:40px;object-fit:contain;background:#292e41;border-radius:4px}

@media(max-width:650px){
 .skin,.target-card{border-width:1px}.card-price{font-size:8px;right:5px;top:5px;padding:3px 5px}.rarity-label{font-size:7px;padding:4px}.skin b,.target-card b{font-size:9px;padding:7px 6px 2px}.sell,.buy{font-size:8px;padding:7px;margin:6px;width:calc(100% - 12px)}
 .target-card .target-art{height:92px}.inventory-scroll .skin-art{height:92px}.shop-pane .skin-art{height:100px}
 .side-item{min-width:0}.side-thumb{height:70px}.side-meta{padding:5px 6px}.side-meta b{font-size:8px}.side-meta span{font-size:6px}
 .rarity-edit{flex-wrap:nowrap}.rarity-select{min-width:100px}
}


/* ===== v17 final rarity/card corrections ===== */
:root{
  --rarity-common:#8b909b;
  --rarity-uncommon:#55b9ff;
  --rarity-rare:#3e78ff;
  --rarity-epic:#a64cff;
  --rarity-legendary:#ff4fa3; /* pink */
  --rarity-arcane:#ff3d32;    /* red */
  --rarity-nameless:#f0b52e;  /* gold */
  --common:#8b909b;--uncommon:#55b9ff;--rare:#3e78ff;--epic:#a64cff;
  --legendary:#ff4fa3;--arcane:#ff3d32;--nameless:#f0b52e;
}
.rarity-common{--rarity:var(--common);--rarity-color:var(--rarity-common)}
.rarity-uncommon{--rarity:var(--uncommon);--rarity-color:var(--rarity-uncommon)}
.rarity-rare{--rarity:var(--rare);--rarity-color:var(--rarity-rare)}
.rarity-epic{--rarity:var(--epic);--rarity-color:var(--rarity-epic)}
.rarity-legendary{--rarity:var(--legendary);--rarity-color:var(--rarity-legendary)}
.rarity-arcane{--rarity:var(--arcane);--rarity-color:var(--rarity-arcane)}
.rarity-nameless{--rarity:var(--nameless);--rarity-color:var(--rarity-nameless)}

/* No colored strip over the weapon image: rarity is shown by the frame only. */
.skin:before,.target-card:before{content:"";height:3px;inset:0 0 auto;background:var(--rarity);box-shadow:0 0 16px color-mix(in srgb,var(--rarity) 55%,transparent);z-index:4}
.skin:after,.target-card:after{display:none!important}
.rarity-label{display:none!important}
.skin,.target-card{border:2px solid color-mix(in srgb,var(--rarity) 82%,#25283a)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 14%,transparent),0 8px 22px #00000028}
.skin:hover,.target-card:hover{border-color:var(--rarity)!important}
.skin-art,.target-art{border:0!important;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity) 14%,#596079),#303448 72%)!important}

/* Buttons are aligned and use the same geometry in shop/inventory. */
.skin .sell,.skin .buy{display:flex;align-items:center;justify-content:center;height:38px;min-height:38px;margin:8px 8px 8px;width:calc(100% - 16px);padding:0 10px!important;border-radius:7px!important;border:1px solid color-mix(in srgb,var(--rarity) 55%,#3a4055)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 38%,#252a3d),color-mix(in srgb,var(--rarity) 22%,#1e2232))!important;color:#fff!important;font-size:10px;font-weight:950;line-height:1;box-shadow:inset 0 1px #ffffff10,0 4px 10px #0003}
.skin .sell:hover,.skin .buy:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* Your bet: clean hero, no price, rarity frame only. */
.selection-summary{padding:8px;border-radius:10px}
.stake-hero{display:grid;grid-template-columns:1fr!important;gap:7px;height:100%}
.stake-hero-image{height:150px;border:3px solid var(--rarity-color,#7f8aa7)!important;border-radius:12px;background:radial-gradient(circle at 50% 42%,#687493,#252a40 75%);box-shadow:inset 0 0 40px #0b0e19aa,0 0 0 1px color-mix(in srgb,var(--rarity-color,#7f8aa7) 30%,transparent),0 8px 28px #080a1480}
.stake-hero-image img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
.stake-hero-info{display:flex;align-items:center;justify-content:center;min-width:0}
.stake-hero-info .stake-label{display:none}
.stake-hero-info b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#fff}
.stake-hero-info strong{display:none!important}
.selected-extras,.selected-balance{display:none}

/* Dynamic top drop cards must inherit the actual item's rarity. */
.side-item{--rarity:var(--rarity-color,#8b909b);border:2px solid color-mix(in srgb,var(--rarity) 72%,#34384d)!important;border-left:3px solid var(--rarity)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 13%,#252a3d),#252a3d)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 9%,transparent)}
.side-item:after{height:3px!important;background:var(--rarity)!important}
.side-thumb{border-color:color-mix(in srgb,var(--rarity) 55%,#444a63)!important;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 20%,#58627f),#252a3d 70%)!important}
.side-meta span{color:var(--rarity)!important}
.side-item .side-meta b{color:#fff}

/* Admin rarity select changes color immediately when another rarity is selected. */
.rarity-edit .rarity-select{color:#fff!important;background:color-mix(in srgb,var(--rarity) 22%,#292e41)!important;border-color:var(--rarity)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 18%,transparent)}
.rarity-edit .rarity-select.rarity-common{--rarity:var(--common)}
.rarity-edit .rarity-select.rarity-uncommon{--rarity:var(--uncommon)}
.rarity-edit .rarity-select.rarity-rare{--rarity:var(--rare)}
.rarity-edit .rarity-select.rarity-epic{--rarity:var(--epic)}
.rarity-edit .rarity-select.rarity-legendary{--rarity:var(--legendary)}
.rarity-edit .rarity-select.rarity-arcane{--rarity:var(--arcane)}
.rarity-edit .rarity-select.rarity-nameless{--rarity:var(--nameless)}

@media(max-width:650px){
 .skin .sell,.skin .buy{height:36px;min-height:36px;margin:7px 6px;width:calc(100% - 12px);font-size:9px!important}
 .stake-hero-image{height:155px}
 .stake-hero-info b{font-size:12px}
 .side-item{border-width:1px!important;border-left-width:3px!important}
}

/* ===== v18 inventory / shop / target selection ===== */
.selection-summary.selected-many{
  height:188px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  align-content:start;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px;
  border:1px solid #454c68;
  background:linear-gradient(180deg,#1c2033,#171a2a);
}
.stake-item{
  position:relative;min-width:0;height:82px;border:2px solid var(--rarity,#7f8aa7);border-radius:8px;
  background:linear-gradient(180deg,#30364e,#22263a);overflow:hidden;box-shadow:0 0 0 1px #ffffff08 inset,0 5px 14px #0004;
}
.stake-item-art{height:53px;display:grid;place-items:center;background:radial-gradient(circle,#59627f,#252a3d 72%)}
.stake-item-art img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 5px 8px #000b)}
.stake-item-name{position:absolute;left:6px;right:36px;bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 3px #000}
.stake-item-price{position:absolute;right:5px;top:4px;padding:2px 4px;border-radius:4px;background:#151827d9;color:#f6c450;font-size:7px;font-weight:900}
.stake-item-number{position:absolute;left:4px;top:4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--rarity,#7f8aa7);color:#fff;font-size:8px;font-weight:950;box-shadow:0 0 8px color-mix(in srgb,var(--rarity,#7f8aa7) 50%,transparent)}
.selected-many + .mini-selected{display:none}

.target-card{isolation:isolate}
.target-card.target-selected{
  border:3px solid var(--rarity)!important;
  transform:translateY(-2px) scale(1.015);
  box-shadow:0 0 0 2px #fff2 inset,0 0 0 4px color-mix(in srgb,var(--rarity) 38%,transparent),0 0 24px color-mix(in srgb,var(--rarity) 55%,transparent)!important;
  z-index:5;
}
.target-card.target-selected:after{
  content:'ВЫБРАНО';display:flex;align-items:center;justify-content:center;position:absolute;left:7px;right:7px;top:7px;height:23px;
  border-radius:5px;background:var(--rarity);color:#fff;font-size:9px;font-weight:950;letter-spacing:.6px;z-index:8;box-shadow:0 3px 12px #0007;
}
.target-card.target-selected .target-art img{filter:drop-shadow(0 0 13px color-mix(in srgb,var(--rarity) 65%,transparent)) drop-shadow(0 10px 14px #05060dcc)}
.target-card.target-selected b{color:#fff;text-shadow:0 0 9px color-mix(in srgb,var(--rarity) 60%,transparent)}

.shop-toolbar{align-items:center;gap:16px}
.shop-toolbar>div:first-child{min-width:170px}
.shop-toolbar .inv-subhead{}
.shop-filters{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}
.shop-filters label{display:flex;align-items:center;gap:4px;color:#8e94a8;font-size:9px;font-weight:800}
.shop-filters input{width:78px;height:32px;background:#191c2c;color:#fff;border:1px solid #414861;border-radius:5px;padding:0 8px;font-size:10px;outline:none}
.shop-filters input:focus{border-color:#7e96d0;box-shadow:0 0 0 2px #7e96d020}
.shop-filters button{height:32px;padding:0 10px;border:1px solid #414861;border-radius:5px;background:#30364c;color:#bfc4d2;font-size:9px;font-weight:900}
.shop-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:3px 0 10px}
.shop-pages button{width:34px;height:32px;border:1px solid #4a526c;border-radius:6px;background:#30364c;color:#fff;font-size:24px;line-height:1}
.shop-pages button:hover:not(:disabled){border-color:#8da6e0;transform:translateY(-1px)}
.shop-pages button:disabled,.shop-pages button.disabled{opacity:.3;cursor:not-allowed}
.shop-pages span{min-width:48px;text-align:center;color:#aeb4c4;font-size:10px;font-weight:900}
.shop-grid{grid-template-rows:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}
.shop-item[hidden]{display:none!important}
.shop-price-line{text-align:center;color:#f5c34e;font-size:10px;font-weight:950;padding:6px 4px 1px}
.shop-item .buy{margin-top:6px}

@media(max-width:650px){
  .selection-summary.selected-many{height:205px;gap:6px;padding:7px}
  .stake-item{height:91px}.stake-item-art{height:61px}.stake-item-name{font-size:9px}.stake-item-price{font-size:6px}
  .target-card.target-selected{transform:translateY(-1px) scale(1.01)}
  .target-card.target-selected:after{left:4px;right:4px;top:4px;height:20px;font-size:8px}
  .shop-toolbar{display:block}
  .shop-toolbar>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .shop-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin:0}
  .shop-filters label{font-size:8px}.shop-filters input{width:100%;height:34px}
  .shop-filters button{height:34px;padding:0 8px}
  .shop-pages{margin:6px 0 9px}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
  .shop-price-line{font-size:9px;padding-top:5px}
}

/* ===== v19 upgrade selection UX ===== */
.selection-summary.single-stake{
  height:188px;min-height:188px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  padding:8px;overflow:hidden;border:2px solid var(--rarity)!important;
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity) 22%,#59627f),#252a3d 72%);
  box-shadow:inset 0 0 45px color-mix(in srgb,var(--rarity) 10%,transparent),0 0 20px color-mix(in srgb,var(--rarity) 18%,transparent);
}
.stake-single-art{min-height:140px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity) 20%,#687493),#202438 76%)}
.stake-single-art img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 12px 18px #000b)}
.stake-single-art span{font-size:15px;font-weight:950;color:#dce1ec}
.stake-single-info{position:absolute;left:15px;right:15px;bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;background:linear-gradient(90deg,#111525e8,#171b2ce8);border:1px solid color-mix(in srgb,var(--rarity) 55%,#3a4055);box-shadow:0 4px 14px #0007}
.stake-single-label{font-size:7px;font-weight:950;letter-spacing:1px;color:color-mix(in srgb,var(--rarity) 75%,#fff)}
.stake-single-info b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.stake-single-rarity{font-size:8px;color:var(--rarity);font-weight:950}
.stake-single-number{position:absolute;top:12px;left:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--rarity);color:#fff;font-size:10px;font-weight:950;box-shadow:0 0 15px color-mix(in srgb,var(--rarity) 65%,transparent)}
.stake-item-price{display:none!important}
.target-chosen-info{height:62px;margin:8px 0;border:2px solid var(--rarity);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 17%,#252a3d),#171b2b);display:flex;align-items:center;gap:9px;padding:6px 8px;box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 16%,transparent),0 8px 22px #0004}
.target-chosen-info.empty{--rarity:#566078;border-color:#414963;justify-content:center;gap:7px;box-shadow:none;background:#1a1e2e}
.target-chosen-art{width:64px;height:50px;flex:0 0 64px;display:grid;place-items:center;border-radius:5px;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 18%,#56617d),#202438 72%);overflow:hidden}
.target-chosen-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #0009)}
.target-chosen-text{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;flex:1}
.target-chosen-text span{grid-column:1/-1;font-size:7px;letter-spacing:1px;font-weight:950;color:var(--rarity)}
.target-chosen-text b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.target-chosen-text strong{font-size:10px;color:#f2c34f;white-space:nowrap}
.target-chosen-info.empty span{font-size:8px;letter-spacing:1px;color:#737c92;font-weight:950}
.target-chosen-info.empty b{font-size:10px;color:#aab1c2}
.target-card.target-selected{outline:3px solid color-mix(in srgb,var(--rarity) 65%,#fff)!important;outline-offset:2px;transform:translateY(-3px) scale(1.025);z-index:20;box-shadow:0 0 0 4px color-mix(in srgb,var(--rarity) 28%,transparent),0 0 30px color-mix(in srgb,var(--rarity) 48%,transparent)!important}
@media(max-width:650px){.selection-summary.single-stake{height:205px;min-height:205px}.stake-single-art{min-height:157px}.target-chosen-info{height:58px}.target-chosen-art{width:58px;height:46px;flex-basis:58px}.target-card.target-selected{transform:translateY(-2px) scale(1.018)}}

/* ===== v20 UX polish ===== */
.brand{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}.brand-sub{font-size:8px;letter-spacing:1.3px;color:#f0b449;font-style:normal;font-weight:950;vertical-align:middle}
.hero-title{font-size:0}.hero-title:after{content:'SKIN RUSH';font-size:31px;font-weight:1000;letter-spacing:-1.2px}.hero-title i{display:none}
.upgrade-layout{grid-template-columns:minmax(300px,1fr) 400px minmax(390px,1.3fr);max-width:1260px;gap:15px}
.target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.target-panel .target-card{min-height:138px}
.target-panel .target-art{height:72px!important}
.target-panel .target-card .target-art img{padding:7px 4px 24px;max-width:100%;max-height:100%}
.target-card.target-selected{outline:2px solid var(--rarity)!important;outline-offset:3px;transform:translateY(-2px) scale(1.015);z-index:20;box-shadow:0 0 0 5px color-mix(in srgb,var(--rarity) 22%,transparent),0 0 26px color-mix(in srgb,var(--rarity) 38%,transparent)!important}
.target-card.target-selected:after{content:'ЦЕЛЬ';display:grid!important;place-items:center;position:absolute;left:5px;top:5px;width:42px;height:20px;border-radius:4px;background:var(--rarity);color:#fff;font-size:8px;font-weight:1000;letter-spacing:.7px;z-index:30;box-shadow:0 3px 10px #0006}
.target-card.target-selected .card-price{box-shadow:0 0 0 1px var(--rarity),0 0 12px color-mix(in srgb,var(--rarity) 50%,transparent)}
.selection-summary.single-stake{height:188px;min-height:188px;padding:6px}.stake-single-art{min-height:174px}.stake-single-art img{padding:4px;max-width:100%;max-height:100%}.stake-single-info{bottom:8px;left:11px;right:11px}
.shop-item .buy:disabled{opacity:.55;cursor:wait}
.profile-main{padding-bottom:40px}.profile-head-actions{align-items:center}.profile-head-actions a,.profile-head-actions button{min-width:105px;height:40px}.profile-stats-grid{gap:12px}.profile-stat-card{min-width:0;overflow:hidden}.profile-stat-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-inventory-card{padding:18px}.profile-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-skin{min-width:0}.profile-skin-art{height:145px}.profile-skin-info{min-width:0}.profile-skin-info b,.profile-skin-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-grid{align-items:stretch}.profile-grid .admin-card{height:100%;box-sizing:border-box}.profile-form{min-width:0}.profile-form label{min-width:0}.profile-form input{box-sizing:border-box}.tx-list{overflow-x:auto}.tx-row{min-width:0}
@media(max-width:1000px){.upgrade-layout{grid-template-columns:1fr 1fr}.wheel-card{grid-column:1/-1}.source-panel{grid-column:1}.target-panel{grid-column:2}.profile-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.brand-sub{font-size:6px;letter-spacing:.8px}.hero-title:after{font-size:22px}.upgrade-layout{display:flex;flex-direction:column;padding:0 7px}.target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.target-panel .target-card{min-height:128px}.target-panel .target-art{height:68px!important}.target-panel .target-card .target-art img{padding:5px 2px 21px}.target-card.target-selected{transform:translateY(-1px) scale(1.012)}.target-card.target-selected:after{left:4px;top:4px;width:36px;height:18px;font-size:7px}.selection-summary.single-stake{height:190px;min-height:190px}.stake-single-art{min-height:177px}.profile-head-actions a,.profile-head-actions button{min-width:0;height:36px;padding:0 9px;font-size:9px}.profile-inventory-card{padding:12px}.profile-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-skin-art{height:108px}.profile-stat-card{min-height:92px}.profile-form{gap:10px}.profile-form .gold{width:100%}}

/* ===== v21 final target-card visibility ===== */
.target-panel{min-width:0}
.target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important;padding:3px}
.target-panel .target-card{box-sizing:border-box;min-width:0;min-height:150px;padding:7px;border-width:2px;overflow:hidden;transform:none!important}
.target-panel .target-art{height:86px!important;min-height:86px;overflow:hidden;display:grid;place-items:center}
.target-panel .target-card .target-art img{box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:2px!important;margin:0;display:block}
.target-panel .target-card b{position:relative;display:block;left:auto;right:auto;bottom:auto;margin-top:7px!important;line-height:1.15}
.target-card.target-selected{border:3px solid var(--rarity)!important;outline:none!important;outline-offset:0;transform:none!important;z-index:5;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rarity) 34%,transparent),0 0 0 2px color-mix(in srgb,var(--rarity) 70%,transparent),0 0 22px color-mix(in srgb,var(--rarity) 35%,transparent)!important}
.target-card.target-selected:after{content:'ЦЕЛЬ';display:grid!important;place-items:center;position:absolute;left:6px;top:6px;right:auto;width:42px;height:20px;border-radius:4px;background:var(--rarity);color:#fff;font-size:8px;font-weight:1000;letter-spacing:.7px;z-index:30;box-shadow:0 3px 10px #0006}

/* ===== v21 auth + profile alignment ===== */
.auth-form input{box-sizing:border-box;width:100%;min-height:44px}
.auth-hidden{display:none!important}
.profile-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.profile-head-actions a,.profile-head-actions button{box-sizing:border-box;min-width:112px;height:40px;padding:0 14px;white-space:nowrap}
.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.profile-grid .admin-card{min-width:0}
.profile-form{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(100px,auto)}
@media(max-width:900px){.target-panel .target-card{min-height:142px}.target-panel .target-art{height:78px!important;min-height:78px}.profile-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form .gold{width:100%}}
@media(max-width:650px){
  .target-panel .target-grid{gap:8px;padding:2px}
  .target-panel .target-card{min-height:132px;padding:6px}
  .target-panel .target-art{height:70px!important;min-height:70px}
  .target-panel .target-card .target-art img{padding:1px!important}
  .target-card.target-selected{border-width:3px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--rarity) 80%,transparent),0 0 16px color-mix(in srgb,var(--rarity) 32%,transparent)!important}
  .target-card.target-selected:after{left:4px;top:4px;width:36px;height:18px;font-size:7px}
  .profile-head-actions{width:100%;justify-content:stretch}
  .profile-head-actions a,.profile-head-actions button{flex:1;min-width:0;height:38px;padding:0 8px;font-size:9px}
  .profile-hero{grid-template-columns:auto 1fr;gap:10px;padding:14px}
  .profile-main-info h1{font-size:20px}
  .profile-balance{grid-column:1/-1;text-align:left}
  .profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-form{grid-template-columns:1fr;gap:9px}
  .profile-form .gold{width:100%}
}


/* ===== v22 LIVE DROP + SKIN RUSH branding ===== */
.brand{font-size:22px}
.hero-title:after{content:'SKIN RUSH';font-size:34px;letter-spacing:-1.4px}
.layout{grid-template-columns:300px minmax(0,1fr);max-width:1600px}
.sidebar{padding:10px 12px}
.side-title{height:44px;font-size:14px;letter-spacing:.5px}
.feed{display:flex;flex-direction:column;gap:8px;padding-top:8px}
.side-item{width:100%;min-width:0;min-height:104px;height:104px;padding:9px 8px;gap:11px;border-radius:7px;align-items:center}
.side-thumb{width:92px;height:84px;flex:0 0 92px}
.side-meta{flex:1;min-width:0;padding-right:4px}
.side-item .side-meta b{font-size:12px;line-height:1.25;-webkit-line-clamp:2}
.side-meta span{font-size:9px;margin-top:5px}
.side-price{font-size:11px!important}
@media(max-width:1100px){.layout{grid-template-columns:260px minmax(0,1fr)}.side-item{min-height:96px;height:96px}.side-thumb{width:82px;height:76px;flex-basis:82px}}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{padding:0 10px 9px}.side-title{height:40px}.feed{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:7px;padding:7px 0 0;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.side-item{min-width:255px;width:255px;height:100px;min-height:100px}.side-thumb{width:88px;height:82px;flex-basis:88px}}
@media(max-width:650px){.hero-title:after{font-size:25px}.side-title{font-size:12px}.side-item{min-width:245px;width:245px;height:94px;min-height:94px}.side-thumb{width:82px;height:76px;flex-basis:82px}.side-item .side-meta b{font-size:11px}}


/* ===== v23 inventory pagination + StatTrak ===== */
.inv-subhead{min-width:0}.inv-pages{display:flex!important;align-items:center;gap:5px;margin-left:auto}.inv-pages span{margin:0!important;min-width:42px;text-align:center;color:#9da6bd!important;font-weight:800}.inv-pages button{width:32px;height:30px;padding:0!important;margin:0!important;border:1px solid #4b536d!important;border-radius:6px;background:#2a2f44!important;color:#fff!important;font-size:20px!important;line-height:1}.inv-pages button:hover:not(:disabled){border-color:#8296c9!important;background:#343b55!important}.inv-pages button:disabled{opacity:.3;cursor:not-allowed}
.stattrak-badge{display:inline-flex!important;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;min-width:20px;height:16px;padding:0 4px;border-radius:3px;background:linear-gradient(180deg,#ffc933,#d89114);color:#15110a!important;font-size:9px!important;font-weight:1000!important;line-height:1;letter-spacing:.3px;text-shadow:none;box-shadow:0 1px 0 #fff5 inset,0 2px 7px #0005}
.stattrak-form{margin:0}.switch-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:900}.switch-label input{accent-color:#e8ad32;width:16px;height:16px}.switch-label span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:20px;border-radius:4px;background:#33394d;color:#9ea7bd;font-size:9px}.switch-label input:checked+span{background:#e6a72f;color:#17130a}
.check-row{display:flex!important;align-items:center;gap:8px;color:#e9ecf3;font-size:12px;font-weight:800;white-space:nowrap}.check-row input{width:17px!important;height:17px!important;accent-color:#e6a72f}
@media(max-width:650px){.inv-subhead{gap:5px}.inv-subhead h2{flex:1;min-width:0}.inv-pages{gap:3px}.inv-pages button{width:29px;height:28px;font-size:18px!important}.inv-pages span{min-width:35px;font-size:9px!important}.inventory-scroll{max-height:none!important;overflow:visible!important}.inventory-scroll .skin[hidden]{display:none!important}.stattrak-badge{min-width:18px;height:15px;font-size:8px!important;margin-left:4px}}

/* ===== v24 final visual fixes ===== */
/* Targets: never crop weapon art; keep the selected border fully visible. */
.upgrade-layout{align-items:start}
.target-panel{min-height:0!important;height:auto!important;overflow:visible!important}
.target-panel .target-grid{max-height:640px!important;overflow-y:auto!important;overflow-x:visible!important;padding:5px!important;align-content:start}
.target-panel .target-card{overflow:visible!important;box-sizing:border-box;min-height:164px!important;padding:7px!important}
.target-panel .target-art{height:101px!important;min-height:101px!important;overflow:visible!important;display:grid!important;place-items:center!important}
.target-panel .target-card .target-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:0!important;margin:0!important;display:block!important}
.target-card.target-selected{border:3px solid var(--rarity)!important;outline:none!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 45%,transparent),0 0 0 2px color-mix(in srgb,var(--rarity) 72%,transparent),0 0 24px color-mix(in srgb,var(--rarity) 38%,transparent)!important}
.target-card.target-selected:after{left:6px!important;right:auto!important;top:6px!important;width:42px!important;height:20px!important}

/* Inventory: 3 columns x 3 rows on desktop, 2 columns on phones. */
.inventory-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px!important;max-height:none!important;overflow:visible!important}
.inventory-scroll .skin-art{height:104px!important;overflow:visible!important}
.inventory-scroll .skin-art img,.shop-item .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important}
.inventory-weapon,.shop-weapon{display:block!important;color:#8f97ad!important;font-size:8px!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px!important}
.shop-item-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.shop-item{min-width:0;overflow:visible}

/* Live Drop: larger/longer and rarity is shown only through highlighting. */
.sidebar{width:auto!important;min-width:0!important}
.side-item{border-left:3px solid var(--rarity-color,#59627c)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--rarity-color,#59627c) 9%,transparent)!important}
.side-thumb{border-color:color-mix(in srgb,var(--rarity-color,#59627c) 72%,#444a63)!important;box-shadow:0 0 14px color-mix(in srgb,var(--rarity-color,#59627c) 18%,transparent)}
.side-meta span{display:none!important}
@media(min-width:1001px){.layout{grid-template-columns:330px minmax(0,1fr)!important}.side-item{min-height:112px!important;height:112px!important}.side-thumb{width:100px!important;height:90px!important;flex-basis:100px!important}.feed{gap:9px!important}.side-meta b{font-size:13px!important}.side-price{font-size:12px!important}.upgrade-layout{max-width:1320px!important;grid-template-columns:minmax(300px,1fr) 400px minmax(420px,1.15fr)!important}}
.admin-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c1c6d3}
.profile-email{margin-top:8px;display:flex;align-items:center;gap:8px;min-width:0}.profile-email span{font-size:8px;color:#7f879d;font-weight:900;letter-spacing:.8px}.profile-email b{font-size:11px;color:#dfe3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;background:#1b2030;border:1px solid #353c56;border-radius:7px}.profile-account-row span{font-size:9px;color:#8a92a8}.profile-account-row b{font-size:11px;color:#f0b64b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.inventory-scroll,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inventory-scroll{grid-template-rows:repeat(3,minmax(0,1fr))}.shop-grid{grid-template-rows:repeat(3,minmax(0,1fr))!important}.target-panel .target-art{height:92px!important;min-height:92px!important}.target-panel .target-card{min-height:154px!important}}
@media(max-width:650px){.target-panel .target-grid{max-height:none!important;overflow:visible!important}.target-panel .target-card{min-height:146px!important}.target-panel .target-art{height:84px!important;min-height:84px!important}.inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px!important}.inventory-scroll .skin-art{height:90px!important}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.side-item{min-width:245px!important;width:245px!important}.profile-email{display:block}.profile-email b{display:block;margin-top:3px}.profile-account-row{display:block}.profile-account-row b{display:block;margin-top:5px}}
.user-balance-table .tr{grid-template-columns:1.25fr 1.2fr .75fr .95fr .9fr .9fr 1.15fr}

/* ===== v24.1 cleanup ===== */
@media (min-width:651px) and (max-width:1000px){
  .inventory-scroll,.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
.user-balance-table{overflow-x:auto}
.user-balance-table .tr{min-width:980px}
.shop-weapon,.inventory-weapon{font-weight:800!important;letter-spacing:.1px}

/* ===== v25 layout + card visibility overhaul ===== */
/* Use the available desktop width instead of leaving large empty side margins. */
@media(min-width:1001px){
  .layout{max-width:1780px!important}
  .main{width:100%;}
  .upgrade-layout{max-width:1600px!important;grid-template-columns:minmax(330px,.82fr) minmax(390px,.95fr) minmax(520px,1.28fr)!important;gap:16px!important;padding:0 10px!important}
  .inventory-shell{max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}
}

/* Target cards: the whole weapon/icon must stay inside the card and remain visible. */
.target-panel .target-grid{padding:7px!important;gap:10px!important;overflow-x:hidden!important;overflow-y:auto!important}
.target-panel .target-card{
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  min-height:214px!important;height:214px!important;padding:8px!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
.target-panel .target-art{
  position:relative!important;inset:auto!important;flex:1 1 auto!important;width:100%!important;
  height:auto!important;min-height:142px!important;margin:0 0 6px!important;
  overflow:hidden!important;display:grid!important;place-items:center!important;
  border-radius:2px!important;
}
.target-panel .target-card .target-art img{
  position:relative!important;inset:auto!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;object-fit:contain!important;
  padding:6px!important;margin:0!important;display:block!important;
  transform:none!important;
}
.target-panel .target-card>b{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;flex:0 0 auto!important;margin:0 2px 1px!important;
  min-height:16px!important;line-height:16px!important;font-size:11px!important;
  z-index:8!important;
}
.target-panel .target-card .rarity-label{display:none!important}
.target-panel .target-card .card-price{z-index:20!important}
.target-card.target-selected{outline:0!important;transform:none!important;z-index:10!important}
.target-card.target-selected:after{z-index:21!important;left:7px!important;right:auto!important;top:7px!important;width:48px!important;height:22px!important}

/* Weapon type belongs under the skin name, never in the upper-right price slot. */
.skin small.inventory-weapon,.skin small.shop-weapon,
.target-card small.inventory-weapon,.target-card small.shop-weapon{
  position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
  display:block!important;width:auto!important;margin:2px 2px 4px!important;padding:0!important;
  background:none!important;border:0!important;border-radius:0!important;
  color:#9aa3b8!important;font-size:8px!important;font-weight:800!important;
  line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  z-index:8!important;box-shadow:none!important;
}

/* Shop cards: image + skin name + weapon + ST + one price in the upper-right. */
.shop-grid{gap:12px!important}
.shop-item{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  height:250px!important;min-height:250px!important;padding:7px!important;box-sizing:border-box!important;
  overflow:hidden!important;
}
.shop-item .skin-art{
  position:relative!important;inset:auto!important;z-index:0!important;
  width:100%!important;height:164px!important;min-height:164px!important;flex:0 0 164px!important;
  margin:0 0 5px!important;overflow:hidden!important;border-radius:2px!important;
}
.shop-item .skin-art img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;padding:8px!important;display:block!important;position:relative!important;z-index:1!important;
}
.shop-item .shop-item-name{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:flex!important;align-items:center!important;gap:0!important;min-height:18px!important;
  margin:0 3px!important;padding:0!important;font-size:12px!important;line-height:16px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:8!important;
}
.shop-item .shop-weapon{margin:1px 3px 0!important;flex:0 0 12px!important}
.shop-item .shop-price-line{display:none!important}
.shop-item .buy{position:relative!important;z-index:9!important;margin:5px 0 0!important;flex:0 0 34px!important;height:34px!important;padding:0 7px!important}
.shop-item .card-price{z-index:20!important}
.shop-item .rarity-label{display:none!important}

/* Inventory uses the same readable card hierarchy. */
.inventory-scroll .skin{
  min-width:0!important;overflow:hidden!important;
}
.inventory-scroll .skin-hit{height:180px!important;overflow:hidden!important}
.inventory-scroll .skin-art{
  position:relative!important;inset:auto!important;width:100%!important;height:132px!important;
  margin:0 0 5px!important;overflow:hidden!important;
}
.inventory-scroll .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:7px!important}
.inventory-scroll .skin b{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;margin:0 3px!important;font-size:11px!important;line-height:16px!important;
}
.inventory-scroll .inventory-weapon{margin:1px 3px 3px!important}

@media(max-width:1000px){
  .target-panel .target-card{height:200px!important;min-height:200px!important}
  .target-panel .target-art{min-height:128px!important}
  .shop-item{height:235px!important;min-height:235px!important}
  .shop-item .skin-art{height:150px!important;min-height:150px!important;flex-basis:150px!important}
}
@media(max-width:650px){
  .upgrade-layout{padding:0 7px!important}
  .target-panel .target-card{height:188px!important;min-height:188px!important;padding:6px!important}
  .target-panel .target-art{min-height:116px!important;margin-bottom:4px!important}
  .target-panel .target-card .target-art img{padding:4px!important}
  .target-panel .target-card>b{font-size:9px!important;line-height:14px!important;min-height:14px!important}
  .shop-item{height:220px!important;min-height:220px!important;padding:6px!important}
  .shop-item .skin-art{height:130px!important;min-height:130px!important;flex-basis:130px!important}
  .shop-item .shop-item-name{font-size:10px!important;min-height:15px!important;line-height:14px!important}
  .shop-item .shop-weapon{font-size:7px!important;line-height:10px!important;margin-top:0!important}
  .shop-item .buy{height:30px!important;flex-basis:30px!important;font-size:8px!important;margin-top:4px!important}
  .inventory-scroll .skin-hit{height:155px!important}
  .inventory-scroll .skin-art{height:110px!important}
}


/* ===== v26 target price filter ===== */
.target-filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 8px;padding:7px 8px;background:#20253a;border:1px solid #3c4562;border-radius:7px}
.target-filter-title{color:#cfd4e4;font-size:9px;font-weight:900;white-space:nowrap}
.target-filters{margin-left:auto;gap:5px}
.target-filters label{font-size:8px}
.target-filters input{width:68px;height:28px;font-size:9px}
.target-filters button{height:28px;padding:0 8px;font-size:8px}
.target-panel .target-card[hidden]{display:none!important}
@media(max-width:900px){.target-filter-row{align-items:stretch;flex-direction:column}.target-filters{margin-left:0;display:grid;grid-template-columns:1fr 1fr auto}.target-filters input{width:100%}}
@media(max-width:650px){.target-filter-row{padding:6px;margin:8px 0}.target-filter-title{font-size:8px}.target-filters{gap:5px}.target-filters input,.target-filters button{height:31px}}

/* ===== v27 clean card geometry / inventory & profile pagination ===== */
/* Weapon names/types are intentionally hidden on cards. StatTrak remains visible beside the skin name. */
.inventory-weapon,.shop-weapon{display:none!important}
.skin,.shop-item,.inventory-scroll .skin,.target-card,.profile-skin{box-sizing:border-box!important;min-width:0!important}

/* Target cards: fixed internal zones so artwork can never be clipped or push the frame apart. */
.target-panel .target-card{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  height:220px!important;min-height:220px!important;padding:7px!important;overflow:hidden!important;
}
.target-panel .target-card .target-art{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;width:100%!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;margin:0 0 5px!important;
}
.target-panel .target-card .target-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:4px!important;box-sizing:border-box!important}
.target-panel .target-card>b{flex:0 0 22px!important;height:22px!important;min-height:22px!important;line-height:22px!important;margin:0 3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.target-panel .target-card .card-price{top:8px!important;right:8px!important}
.target-card.target-selected{outline:3px solid var(--rarity-color)!important;outline-offset:-3px!important;transform:none!important;z-index:10!important}
.target-card.target-selected:after{left:7px!important;right:auto!important;top:7px!important;width:48px!important;height:22px!important;box-sizing:border-box!important}

/* Store: every card has exactly the same vertical rhythm, so all BUY buttons align. */
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:260px!important;gap:12px!important}
.shop-item{height:260px!important;min-height:260px!important;padding:7px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.shop-item .skin-art{height:172px!important;min-height:172px!important;flex:0 0 172px!important;margin:0 0 5px!important;overflow:hidden!important}
.shop-item .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;box-sizing:border-box!important}
.shop-item .shop-item-name{height:22px!important;min-height:22px!important;flex:0 0 22px!important;margin:0 3px!important;display:flex!important;align-items:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.shop-item .buy{margin-top:auto!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;width:100%!important;box-sizing:border-box!important}

/* Home inventory: 3 columns x 3 rows, identical card heights. */
.inventory-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,220px)!important;grid-auto-rows:220px!important;gap:12px!important}
.inventory-scroll .skin{height:220px!important;min-height:220px!important;padding:7px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.inventory-scroll .skin-hit{height:180px!important;min-height:180px!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.inventory-scroll .skin-art{height:130px!important;min-height:130px!important;flex:0 0 130px!important;margin:0 0 5px!important;overflow:hidden!important}
.inventory-scroll .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;box-sizing:border-box!important}
.inventory-scroll .skin b{height:22px!important;min-height:22px!important;line-height:22px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0 3px!important}
.inventory-scroll .sell{height:34px!important;min-height:34px!important;flex:0 0 34px!important;margin:6px 0 0!important;width:100%!important;box-sizing:border-box!important}

/* Profile inventory: 3 columns x 3 rows with arrows and price filter. */
.profile-inv-head{align-items:flex-start!important}
.profile-inv-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.profile-price-filter{display:flex;align-items:center;gap:5px}
.profile-price-filter label{font-size:8px;color:#8f97aa;font-weight:800;display:flex;align-items:center;gap:4px}
.profile-price-filter input{width:62px;height:30px;box-sizing:border-box;background:#252a3d;border:1px solid #414862;color:#fff;border-radius:5px;padding:0 7px;font-size:9px;outline:none}
.profile-price-filter button,.profile-pages button{height:30px;border:1px solid #424b66;background:#293047;color:#e9edf7;border-radius:5px;font-weight:900;cursor:pointer}
.profile-price-filter button{padding:0 8px;font-size:8px}
.profile-pages{display:flex;align-items:center;gap:5px}
.profile-pages button{width:30px;font-size:18px;line-height:1}
.profile-pages button:disabled{opacity:.35;cursor:not-allowed}
.profile-pages span{min-width:42px;text-align:center;font-size:9px;color:#cfd4df;font-weight:900}
.profile-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,210px)!important;grid-auto-rows:210px!important;gap:12px!important}
.profile-skin{height:210px!important;min-height:210px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.profile-skin[hidden]{display:none!important}
.profile-skin-art{height:145px!important;min-height:145px!important;flex:0 0 145px!important;overflow:hidden!important}
.profile-skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;box-sizing:border-box!important}
.profile-skin-info{min-height:65px!important;flex:1!important;justify-content:center!important}
.profile-skin-info b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.profile-skin-info small{display:none!important}
.profile-skin-info strong{margin-top:2px!important}

@media(max-width:900px){
  .target-panel .target-card{height:200px!important;min-height:200px!important}
  .shop-grid{grid-auto-rows:235px!important}.shop-item{height:235px!important;min-height:235px!important}.shop-item .skin-art{height:150px!important;min-height:150px!important;flex-basis:150px!important}
  .inventory-scroll{grid-template-rows:repeat(3,205px)!important;grid-auto-rows:205px!important}.inventory-scroll .skin{height:205px!important;min-height:205px!important}.inventory-scroll .skin-art{height:118px!important;min-height:118px!important;flex-basis:118px!important}
  .profile-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,190px)!important;grid-auto-rows:190px!important}.profile-skin{height:190px!important;min-height:190px!important}.profile-skin-art{height:125px!important;min-height:125px!important;flex-basis:125px!important}
}
@media(max-width:650px){
  .target-panel .target-card{height:188px!important;min-height:188px!important}.target-panel .target-art{min-height:0!important;height:auto!important}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:210px!important}.shop-item{height:210px!important;min-height:210px!important;padding:6px!important}.shop-item .skin-art{height:128px!important;min-height:128px!important;flex-basis:128px!important}.shop-item .shop-item-name{font-size:10px!important;height:20px!important;min-height:20px!important;flex-basis:20px!important}.shop-item .buy{height:30px!important;min-height:30px!important;flex-basis:30px!important;font-size:8px!important}
  .inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,185px)!important;grid-auto-rows:185px!important;gap:8px!important}.inventory-scroll .skin{height:185px!important;min-height:185px!important;padding:6px!important}.inventory-scroll .skin-hit{height:150px!important;min-height:150px!important}.inventory-scroll .skin-art{height:100px!important;min-height:100px!important;flex-basis:100px!important}.inventory-scroll .sell{height:29px!important;min-height:29px!important;flex-basis:29px!important;margin-top:5px!important;font-size:8px!important}
  .profile-inv-head{display:flex!important;flex-direction:column!important;gap:9px!important}.profile-inv-tools{width:100%;justify-content:stretch;display:grid;grid-template-columns:1fr auto;gap:7px}.profile-price-filter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto}.profile-price-filter input{width:100%}.profile-pages{justify-content:flex-end}.profile-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,175px)!important;grid-auto-rows:175px!important;gap:8px!important}.profile-skin{height:175px!important;min-height:175px!important}.profile-skin-art{height:112px!important;min-height:112px!important;flex-basis:112px!important}.profile-skin-info{padding:7px!important;min-height:63px!important}.profile-skin-info b{font-size:9px!important}.profile-skin-info strong{font-size:10px!important}
}

/* v28: remove the weapon-type marker shown as a yellow dot + KNIFE/etc. */
.skin small:before,
.target-card small:before,
.profile-skin small:before{content:none!important;display:none!important}
.inventory-weapon,
.shop-weapon,
.target-card .inventory-weapon,
.target-card .shop-weapon,
.profile-skin .inventory-weapon,
.profile-skin .shop-weapon{display:none!important}

/* ===== v29 final alignment + home inventory price filter ===== */
html,body{max-width:100%;overflow-x:hidden!important}
.layout{width:100%!important;max-width:1800px!important;margin:0 auto!important;box-sizing:border-box!important}
.main{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.upgrade-layout{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(360px,400px) minmax(0,1fr)!important;gap:14px!important}
.pick,.wheel-card,.inventory-shell{min-width:0!important;box-sizing:border-box!important}
.target-panel .target-grid{width:100%!important;box-sizing:border-box!important}
.target-panel .target-card{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.target-panel .target-art{width:100%!important;box-sizing:border-box!important}
.target-panel .target-art img{width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important;max-height:100%!important}

.inventory-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:0!important}
.inventory-title{display:flex;align-items:center;gap:10px;min-width:0}
.inventory-title h2{margin:0!important;white-space:nowrap}
.inventory-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.inventory-price-filter{display:flex;align-items:center;gap:6px}
.inventory-price-filter label{display:flex;align-items:center;gap:4px;color:#8e94a8;font-size:9px;font-weight:800;white-space:nowrap}
.inventory-price-filter input{width:72px;height:32px;box-sizing:border-box;background:#191c2c;color:#fff;border:1px solid #414861;border-radius:5px;padding:0 8px;font-size:10px;outline:none}
.inventory-price-filter input:focus{border-color:#7e96d0;box-shadow:0 0 0 2px #7e96d020}
.inventory-price-filter button{height:32px;padding:0 10px;border:1px solid #414861;border-radius:5px;background:#30364c;color:#bfc4d2;font-size:9px;font-weight:900}
.inventory-price-filter button:hover{border-color:#8296c9;background:#343b55}
.inventory-scroll{min-width:0!important;width:100%!important;box-sizing:border-box!important}

/* prevent the target panel from pushing the page horizontally */
.target-filter-row{min-width:0!important;box-sizing:border-box!important}
.target-filters{min-width:0!important}

/* Profile typography: easier to read without changing the layout */
.profile-page{font-size:16px}
.profile-page .profile-kicker{font-size:11px!important}
.profile-page .profile-hero p{font-size:14px!important}
.profile-page .profile-email span,.profile-page .profile-account-row span{font-size:11px!important}
.profile-page .profile-email b,.profile-page .profile-account-row b{font-size:15px!important}
.profile-page .profile-count{font-size:13px!important}
.profile-page .profile-stat-card b{font-size:23px!important}
.profile-page .profile-stat-card small{font-size:12px!important}
.profile-page .profile-skin-info b{font-size:14px!important}
.profile-page .profile-skin-info strong{font-size:15px!important}
.profile-page .profile-form label{font-size:11px!important}
.profile-page .tx-row{font-size:12px!important}
.profile-page .tx-row small{font-size:11px!important}
.profile-page .card-top p{font-size:12px!important}

@media(max-width:1100px){
  .upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important}
  .target-panel{grid-column:2!important}
  .source-panel{grid-column:1!important}
  .wheel-card{grid-column:1/-1!important}
}
@media(max-width:900px){
  .upgrade-layout{grid-template-columns:1fr 1fr!important}
  .target-panel .target-card{height:auto!important}
  .inventory-toolbar{align-items:flex-start!important}
  .inventory-tools{flex-wrap:wrap}
}
@media(max-width:650px){
  .upgrade-layout{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0 7px!important}
  .target-panel,.source-panel,.wheel-card{width:100%!important}
  .inventory-toolbar{display:block!important}
  .inventory-title{justify-content:space-between;margin-bottom:8px}
  .inventory-tools{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;width:100%!important}
  .inventory-price-filter{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .inventory-price-filter input{width:100%!important}
  .inventory-price-filter button{height:34px!important}
  .inv-pages{justify-content:flex-end}
}


/* v30 — upgrade result animation + sounds */
.wheel-center{transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.wheel-center.result-win{
  background:radial-gradient(circle at 35% 30%,#31c96a,#126b38 72%)!important;
  box-shadow:inset 0 0 38px #083d20,0 0 28px #22e66b88!important;
  animation:upgradeResultPop .55s cubic-bezier(.2,.9,.2,1.15);
}
.wheel-center.result-lose{
  background:radial-gradient(circle at 35% 30%,#d54d55,#681f2a 72%)!important;
  box-shadow:inset 0 0 38px #3d0b12,0 0 28px #ff344688!important;
  animation:upgradeResultPop .55s cubic-bezier(.2,.9,.2,1.15);
}
.wheel-center.result-win strong,.wheel-center.result-lose strong{
  font-size:32px!important;
  text-transform:none;
  text-shadow:0 3px 16px #0009;
}
.wheel-center.result-win small,.wheel-center.result-lose small{font-size:11px!important;color:#fff!important;font-weight:900}
.wheel.upgrade-win{animation:upgradeWinPulse .9s ease-in-out 2}
.wheel.upgrade-lose{animation:upgradeLoseShake .5s ease-in-out 2}
@keyframes upgradeResultPop{
  0%{transform:scale(.65);opacity:.2}
  70%{transform:scale(1.08);opacity:1}
  100%{transform:scale(1)}
}
@keyframes upgradeWinPulse{
  0%,100%{filter:drop-shadow(0 0 0 #31ff76)}
  50%{filter:drop-shadow(0 0 28px #31ff76)}
}
@keyframes upgradeLoseShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-5px)}
  50%{transform:translateX(5px)}
  75%{transform:translateX(-3px)}
}
.target-card.upgrade-winner{
  position:relative;
  z-index:15;
  border-color:#a8ff3e!important;
  box-shadow:
    0 0 0 3px #a8ff3e inset,
    0 0 14px #a8ff3e,
    0 0 34px #8cff2f,
    0 0 65px #55ff2f88!important;
  animation:winnerCardGlow 1s ease-in-out infinite;
}
.target-card.upgrade-winner .target-art{
  filter:brightness(1.18) saturate(1.15);
}
@keyframes winnerCardGlow{
  0%,100%{transform:scale(1.01);filter:brightness(1)}
  50%{transform:scale(1.035);filter:brightness(1.12)}
}


/* ===== v31 FINAL CARD ALIGNMENT =====
   One fixed geometry for home inventory/shop cards. Names and sell buttons
   stay inside their own card and can never drift outside the frame. */
@media(min-width:1001px){
  .layout{max-width:100%!important;width:100%!important}
  .sidebar{width:280px!important;min-width:280px!important}
  .layout{grid-template-columns:280px minmax(0,1fr)!important}
  .main{width:100%!important;min-width:0!important}
  .inventory-shell{width:calc(100% - 28px)!important;max-width:none!important;margin-left:14px!important;margin-right:14px!important}
  .upgrade-layout{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important;grid-template-columns:minmax(0,1fr) minmax(390px,400px) minmax(0,1fr)!important}
}

/* Home inventory cards: 3 equal columns, 3 equal rows. */
.inventory-scroll{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:220px!important;
  grid-template-rows:none!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.inventory-scroll .skin{
  width:100%!important;
  height:220px!important;
  min-width:0!important;
  min-height:220px!important;
  padding:6px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.inventory-scroll .skin-hit{
  width:100%!important;
  height:174px!important;
  min-height:174px!important;
  flex:0 0 174px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.inventory-scroll .skin-art{
  width:100%!important;
  height:136px!important;
  min-height:136px!important;
  flex:0 0 136px!important;
  margin:0 0 5px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.inventory-scroll .skin-art img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  padding:5px!important;
  box-sizing:border-box!important;
  display:block!important;
}
.inventory-scroll .skin-hit>b{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  line-height:16px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.inventory-scroll .choose-check{z-index:30!important;top:6px!important;right:6px!important}
.inventory-scroll .sell{
  position:relative!important;
  z-index:31!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  margin:6px 0 0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  border-radius:4px!important;
  line-height:34px!important;
  display:block!important;
}

/* Shop: exactly the same vertical rhythm as inventory. */
.shop-grid{align-items:stretch!important}
.shop-item{
  width:100%!important;
  height:250px!important;
  min-height:250px!important;
  margin:0!important;
  padding:6px!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.shop-item .skin-art{
  width:100%!important;
  height:168px!important;
  min-height:168px!important;
  flex:0 0 168px!important;
  margin:0 0 5px!important;
  overflow:hidden!important;
}
.shop-item .shop-item-name{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:26px!important;
  min-height:26px!important;
  flex:0 0 26px!important;
  margin:0!important;
  padding:0 4px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  line-height:16px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.shop-item .buy{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  margin:6px 0 0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  border-radius:4px!important;
  line-height:34px!important;
}

/* Weapon type labels such as KNIFE are never rendered in cards. */
.inventory-weapon,.shop-weapon,.target-card .inventory-weapon,.target-card .shop-weapon,.profile-skin .inventory-weapon,.profile-skin .shop-weapon{display:none!important}
.skin small,.target-card small,.profile-skin small{display:none!important}

/* Profile cards use the same clean fixed geometry and readable text. */
.profile-skin-grid{align-items:stretch!important}
.profile-skin{box-sizing:border-box!important;overflow:hidden!important}
.profile-skin-info{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important}
.profile-skin-info b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

@media(max-width:1000px){
  .inventory-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:205px!important}
  .inventory-scroll .skin{height:205px!important;min-height:205px!important}
  .inventory-scroll .skin-hit{height:161px!important;min-height:161px!important;flex-basis:161px!important}
  .inventory-scroll .skin-art{height:120px!important;min-height:120px!important;flex-basis:120px!important}
  .shop-item{height:225px!important;min-height:225px!important}.shop-item .skin-art{height:145px!important;min-height:145px!important;flex-basis:145px!important}
}
@media(max-width:650px){
  .layout{width:100%!important}
  .sidebar{width:100%!important;min-width:0!important}
  .inventory-shell{width:auto!important;margin:10px 7px 0!important}
  .inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:185px!important;gap:8px!important}
  .inventory-scroll .skin{height:185px!important;min-height:185px!important;padding:5px!important}
  .inventory-scroll .skin-hit{height:150px!important;min-height:150px!important;flex-basis:150px!important}
  .inventory-scroll .skin-art{height:108px!important;min-height:108px!important;flex-basis:108px!important;margin-bottom:4px!important}
  .inventory-scroll .skin-hit>b{height:26px!important;min-height:26px!important;flex-basis:26px!important;font-size:10px!important}
  .inventory-scroll .sell{height:28px!important;min-height:28px!important;flex-basis:28px!important;margin-top:4px!important;line-height:28px!important;font-size:8px!important}
  .shop-item{height:210px!important;min-height:210px!important}.shop-item .skin-art{height:126px!important;min-height:126px!important;flex-basis:126px!important}.shop-item .shop-item-name{height:23px!important;min-height:23px!important;flex-basis:23px!important;font-size:10px!important}.shop-item .buy{height:29px!important;min-height:29px!important;flex-basis:29px!important;margin-top:4px!important;font-size:8px!important;line-height:29px!important}
}

/* v32 — polished branding + stable page scrolling */
html{
  scroll-behavior:auto!important;
  scrollbar-gutter:stable;
  overflow-y:scroll;
}
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  min-height:100vh;
  overscroll-behavior-y:auto;
}

/* Header/logo: clean, modern and never underlined. */
.top{
  height:74px!important;
  min-height:74px!important;
  padding:0 24px!important;
  gap:20px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  isolation:isolate;
  box-shadow:0 8px 28px rgba(0,0,0,.16);
}
.top .brand,
footer .brand,
.auth-brand{
  text-decoration:none!important;
  border:0!important;
  outline:0!important;
}
.top .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-1.7px!important;
  font-weight:950!important;
  color:#f6f7fb!important;
  white-space:nowrap!important;
  text-shadow:0 2px 16px rgba(0,0,0,.28);
  transition:transform .18s ease,filter .18s ease;
}
.top .brand:hover{transform:translateY(-1px);filter:brightness(1.08)}
.top .brand span{
  width:28px!important;
  height:28px!important;
  margin:0 7px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#ff6658,#d93642)!important;
  color:#fff!important;
  font-size:14px!important;
  letter-spacing:0!important;
  box-shadow:0 5px 18px rgba(229,72,61,.28),inset 0 1px rgba(255,255,255,.28)!important;
  transform:skew(-7deg);
}
.top .brand::after{content:none!important;display:none!important;}
.online{
  display:flex!important;
  align-items:center!important;
  height:32px!important;
  padding:0 12px!important;
  border:1px solid #343950!important;
  border-radius:999px!important;
  background:#1c1f32!important;
  color:#c7cbd7!important;
  font-size:12px!important;
}
.online i{width:6px!important;height:6px!important;margin-right:7px!important}

/* Keep the page geometry stable while scrolling. Dynamic cards cannot create a
   horizontal overflow or make the browser recalculate the viewport width. */
.layout,.main,.upgrade-layout,.inventory-shell,footer{
  min-width:0!important;
  max-width:100%!important;
}
.layout{width:100%!important}
.main{overflow:clip}

/* Prevent lazy-loaded images and animated sections from causing visible jumps. */
img{display:block}
.skin-art img,.target-art img,.side-thumb img{aspect-ratio:16/9;object-fit:contain}

/* A calmer, more polished hero title. */
.hero-title{
  position:relative;
  height:88px!important;
  font-size:31px!important;
  letter-spacing:-1.8px!important;
}
.hero-title::after{
  content:'';
  position:absolute;
  bottom:10px;
  width:74px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#e54a3e,transparent);
  opacity:.65;
}
.hero-title span{color:#f4f5fa}
.hero-title i{color:#e54a3e!important;text-decoration:none!important}

/* Remove any accidental anchor underline globally in the brand/navigation area. */
a.brand,a.brand:visited,a.brand:hover,a.brand:active{color:inherit;text-decoration:none!important}

/* Desktop scrolling: don't let the upgrade columns or cards participate in
   viewport-wide scroll calculations. */
.upgrade-layout,.inventory-shell{contain:layout paint}

@media(max-width:650px){
  .top{height:62px!important;min-height:62px!important;padding:0 12px!important;gap:9px!important}
  .top .brand{font-size:20px!important}
  .top .brand span{width:23px!important;height:23px!important;margin:0 5px!important;font-size:11px!important;border-radius:6px!important}
  .top .brand::after{display:none!important}
  .online{padding:0 8px!important;font-size:10px!important}
  .head-bal{font-size:14px!important}
  .topbtn{width:40px!important;height:40px!important}
  .hero-title{height:72px!important;font-size:25px!important}
}

/* ===== V33 FINAL: stable inventory/target geometry + top live drop ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{overflow-y:auto!important;scroll-behavior:auto!important}
.layout{display:block!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.main{width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important;padding-bottom:60px!important}
.upgrade-layout{width:100%!important;max-width:1540px!important;margin:0 auto!important;box-sizing:border-box!important;padding:0 14px!important;grid-template-columns:minmax(0,1fr) 400px minmax(0,1.12fr)!important;align-items:start!important}

/* Live Drop is now above inventory, not a tall sidebar that follows the page. */
.live-drop-section{width:calc(100% - 28px)!important;max-width:1540px!important;margin:14px auto 0!important;padding:10px 12px 12px!important;box-sizing:border-box!important;background:linear-gradient(180deg,#20253a,#1b1f31)!important;border:1px solid #343b55!important;border-radius:9px!important;overflow:hidden!important}
.live-drop-head{display:flex!important;align-items:center!important;gap:12px!important;height:34px!important;margin-bottom:7px!important}
.live-drop-head .side-title{height:34px!important;border:0!important;padding:0!important;font-size:12px!important;display:flex!important;align-items:center!important;color:#f2c55c!important;white-space:nowrap!important}
.live-drop-sub{font-size:9px!important;color:#727b91!important;font-weight:700!important}
.live-drop-section .feed{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important;min-width:0!important}
.live-drop-section .side-item{width:100%!important;min-width:0!important;height:78px!important;min-height:78px!important;padding:6px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;border:1px solid #30374e!important;border-left:3px solid var(--rarity-color,#59627c)!important;border-radius:5px!important;background:#252a40!important;position:relative!important;overflow:hidden!important}
.live-drop-section .side-thumb{width:58px!important;height:60px!important;min-width:58px!important;background:radial-gradient(circle,#59617f,#292d44 68%)!important;border:1px solid color-mix(in srgb,var(--rarity-color,#59627c) 72%,#444a63)!important;box-sizing:border-box!important}
.live-drop-section .side-meta{min-width:0!important;overflow:hidden!important}
.live-drop-section .side-meta b{font-size:10px!important;line-height:14px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-drop-section .side-price{position:absolute!important;right:6px!important;top:5px!important;font-size:9px!important;font-weight:900!important;color:#f1c34e!important;background:#171b2abf!important;padding:2px 4px!important;border-radius:3px!important}
.live-drop-section .side-item.live-new{animation:feedin .28s ease!important}

/* Home inventory: no overflow, fixed zones, sell button always inside the card. */
.inventory-shell{width:calc(100% - 28px)!important;max-width:1540px!important;margin:14px auto 0!important;box-sizing:border-box!important;overflow:hidden!important}
.inventory-toolbar{min-width:0!important;box-sizing:border-box!important}
.inventory-tools{min-width:0!important}
.inventory-price-filter{flex:0 1 auto!important;min-width:0!important}
.inventory-price-filter input{width:72px!important}
.inventory-scroll{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:222px!important;grid-template-rows:none!important;gap:12px!important;width:100%!important;min-width:0!important;overflow:visible!important;align-items:stretch!important;box-sizing:border-box!important}
.inventory-scroll .skin{height:222px!important;min-height:222px!important;width:100%!important;min-width:0!important;padding:6px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.inventory-scroll .skin-hit{height:169px!important;min-height:169px!important;flex:0 0 169px!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
.inventory-scroll .skin-art{height:130px!important;min-height:130px!important;flex:0 0 130px!important;width:100%!important;margin:0 0 4px!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important}
.inventory-scroll .skin-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:4px!important;display:block!important}
.inventory-scroll .skin-hit>b{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 4px!important;box-sizing:border-box!important;font-size:11px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.inventory-scroll .sell{position:relative!important;z-index:31!important;width:100%!important;height:31px!important;min-height:31px!important;flex:0 0 31px!important;margin:4px 0 0!important;padding:0 8px!important;box-sizing:border-box!important;border-radius:4px!important;line-height:31px!important;display:block!important}
.inventory-scroll .skin[hidden]{display:none!important}

/* Upgrade target: fixed image/name zones; name can never fall outside the card. */
.target-panel .target-grid{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:5px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;max-height:640px!important}
.target-panel .target-card{width:100%!important;height:216px!important;min-height:216px!important;max-height:216px!important;padding:7px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important;position:relative!important}
.target-panel .target-card .target-art{position:relative!important;inset:auto!important;width:100%!important;height:166px!important;min-height:166px!important;max-height:166px!important;flex:0 0 166px!important;margin:0 0 5px!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important}
.target-panel .target-card .target-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:2px!important;margin:0!important;display:block!important}
.target-panel .target-card>b{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 24px!important;display:flex!important;align-items:center!important;margin:0 2px!important;padding:0 2px!important;box-sizing:border-box!important;font-size:11px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:8!important}
.target-panel .target-card .rarity-label{display:none!important}
.target-panel .target-card .card-price{position:absolute!important;right:7px!important;top:7px!important;z-index:20!important}
.target-panel .target-card[hidden]{display:none!important}
.target-card.target-selected{transform:none!important;outline:none!important}

/* Keep the selected target glow without moving the grid. */
.target-card.upgrade-winner{transform:none!important}

/* Remove old sidebar geometry completely. */
.sidebar{display:none!important;width:0!important;min-width:0!important}

@media(max-width:1000px){
  .upgrade-layout{grid-template-columns:1fr 1fr!important;max-width:none!important;padding:0 10px!important}
  .wheel-card{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important}
  .source-panel{grid-column:1!important;grid-row:2!important}
  .target-panel{grid-column:2!important;grid-row:2!important}
  .live-drop-section,.inventory-shell{width:calc(100% - 20px)!important}
  .live-drop-section .feed{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .inventory-scroll{grid-auto-rows:210px!important}
  .inventory-scroll .skin{height:210px!important;min-height:210px!important}
  .inventory-scroll .skin-hit{height:158px!important;min-height:158px!important;flex-basis:158px!important}
  .inventory-scroll .skin-art{height:120px!important;min-height:120px!important;flex-basis:120px!important}
  .target-panel .target-card{height:200px!important;min-height:200px!important;max-height:200px!important}
  .target-panel .target-card .target-art{height:150px!important;min-height:150px!important;max-height:150px!important;flex-basis:150px!important}
}
@media(max-width:650px){
  .upgrade-layout{display:flex!important;flex-direction:column!important;padding:0 7px!important;gap:9px!important}
  .wheel-card,.source-panel,.target-panel{width:100%!important;max-width:none!important}
  .live-drop-section,.inventory-shell{width:calc(100% - 14px)!important;margin-left:7px!important;margin-right:7px!important}
  .live-drop-section{padding:8px!important}
  .live-drop-section .feed{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;scrollbar-width:none!important}
  .live-drop-section .feed::-webkit-scrollbar{display:none!important}
  .live-drop-section .side-item{min-width:210px!important;width:210px!important;height:74px!important;min-height:74px!important}
  .inventory-toolbar{display:block!important}
  .inventory-title{justify-content:space-between!important;margin-bottom:8px!important}
  .inventory-tools{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;width:100%!important}
  .inventory-price-filter{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .inventory-price-filter input{width:100%!important}
  .inventory-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:184px!important;gap:8px!important}
  .inventory-scroll .skin{height:184px!important;min-height:184px!important;padding:5px!important}
  .inventory-scroll .skin-hit{height:147px!important;min-height:147px!important;flex-basis:147px!important}
  .inventory-scroll .skin-art{height:104px!important;min-height:104px!important;flex-basis:104px!important;margin-bottom:3px!important}
  .inventory-scroll .skin-hit>b{height:22px!important;min-height:22px!important;flex-basis:22px!important;font-size:10px!important}
  .inventory-scroll .sell{height:28px!important;min-height:28px!important;flex-basis:28px!important;margin-top:3px!important;font-size:8px!important;line-height:28px!important}
  .target-panel .target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:none!important;overflow:visible!important}
  .target-panel .target-card{height:188px!important;min-height:188px!important;max-height:188px!important;padding:6px!important}
  .target-panel .target-card .target-art{height:150px!important;min-height:150px!important;max-height:150px!important;flex-basis:150px!important;margin-bottom:3px!important}
  .target-panel .target-card>b{height:22px!important;min-height:22px!important;max-height:22px!important;flex-basis:22px!important;font-size:9px!important}
}

/* ===== V34: LIVE DROP replaces the SKIN RUSH hero slot ===== */
.main > .live-drop-section:first-child{
  margin-top: 0 !important;
}
.main > .live-drop-section + .upgrade-layout{
  margin-top: 14px !important;
}
/* The hero logo is intentionally removed from the main content; branding remains in the header. */
.main > .hero-title{display:none !important;}

/* ===== V35: compact home inventory/shop cards =====
   Smaller cards, but fixed image/name/action zones so text and buttons never jump. */
@media(min-width:651px){
  .inventory-scroll,
  .shop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:205px!important;
    gap:10px!important;
  }

  .inventory-scroll .skin{
    height:205px!important;
    min-height:205px!important;
    padding:5px!important;
  }
  .inventory-scroll .skin-hit{
    height:165px!important;
    min-height:165px!important;
    flex:0 0 165px!important;
  }
  .inventory-scroll .skin-art{
    height:116px!important;
    min-height:116px!important;
    flex:0 0 116px!important;
    margin:0 0 3px!important;
  }
  .inventory-scroll .skin-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    padding:2px!important;
  }
  .inventory-scroll .skin-hit>b{
    height:21px!important;
    min-height:21px!important;
    flex:0 0 21px!important;
    line-height:16px!important;
    font-size:10px!important;
    padding:0 3px!important;
  }
  .inventory-scroll .sell{
    height:29px!important;
    min-height:29px!important;
    flex:0 0 29px!important;
    margin:4px 0 0!important;
    line-height:29px!important;
    font-size:9px!important;
  }

  .shop-item{
    height:205px!important;
    min-height:205px!important;
    padding:5px!important;
  }
  .shop-item .skin-art{
    height:119px!important;
    min-height:119px!important;
    flex:0 0 119px!important;
    margin:0 0 3px!important;
  }
  .shop-item .skin-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    padding:2px!important;
  }
  .shop-item .shop-item-name{
    height:21px!important;
    min-height:21px!important;
    flex:0 0 21px!important;
    font-size:10px!important;
    line-height:15px!important;
    padding:0 3px!important;
  }
  .shop-item .shop-price-line{
    height:17px!important;
    min-height:17px!important;
    flex:0 0 17px!important;
    line-height:17px!important;
    font-size:9px!important;
  }
  .shop-item .buy{
    height:28px!important;
    min-height:28px!important;
    flex:0 0 28px!important;
    margin:3px 0 0!important;
    line-height:28px!important;
    font-size:9px!important;
  }
}

@media(max-width:650px){
  .inventory-scroll,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inventory-scroll .skin-art img,.shop-item .skin-art img{
    object-fit:contain!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  .inventory-scroll .skin-hit>b,.shop-item .shop-item-name{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* ===== V36: single-line LIVE DROP + clean profile skin withdrawal ===== */
.live-drop-section .feed{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  gap:9px!important;
  align-items:stretch!important;
}
.live-drop-section .feed::-webkit-scrollbar{display:none!important}
.live-drop-section .side-item{
  flex:0 0 190px!important;
  width:190px!important;
  min-width:190px!important;
  height:78px!important;
  min-height:78px!important;
}
.live-drop-section .side-price{display:none!important}
.live-drop-section .side-meta b{padding-right:2px!important}
.profile-skin-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;width:100%;height:100%;display:flex;flex-direction:column;text-align:left;cursor:pointer;position:relative}
.profile-skin-button .profile-skin-art{flex:0 0 145px}
.profile-withdraw-hint{position:absolute;left:7px;right:7px;bottom:7px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:rgba(30,35,55,.9);border:1px solid color-mix(in srgb,var(--rarity-color,#7e8aa6) 65%,#30364b);font-size:9px;font-weight:900;opacity:0;transform:translateY(5px);transition:.18s;pointer-events:none}
.profile-skin-button:hover .profile-withdraw-hint{opacity:1;transform:translateY(0)}
.skin-withdraw-modal{max-width:430px!important}
.skin-withdraw-modal input{width:100%;box-sizing:border-box;margin:12px 0;height:44px;padding:0 12px;border-radius:7px;border:1px solid #414861;background:#191d2d;color:#fff;outline:none}
@media(max-width:650px){
 .live-drop-section .side-item{flex-basis:185px!important;width:185px!important;min-width:185px!important;height:74px!important;min-height:74px!important}
 .profile-withdraw-hint{opacity:1;transform:none;position:relative;left:auto;right:auto;bottom:auto;margin:0 7px 6px;height:27px;flex:0 0 27px}
 .profile-skin-button .profile-skin-art{flex:0 0 105px}
}

/* V37 — LIVE DROP сверху, вертикальный список в одну колонку */
.live-drop-section .feed{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow:hidden!important;
  min-width:0!important;
}
.live-drop-section .side-item{
  width:100%!important;
  min-width:0!important;
  height:72px!important;
  min-height:72px!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  padding:5px 8px!important;
}
.live-drop-section .side-thumb{
  width:62px!important;
  height:60px!important;
  min-width:62px!important;
}
.live-drop-section .side-meta b{
  font-size:12px!important;
  line-height:16px!important;
  -webkit-line-clamp:1!important;
  white-space:nowrap!important;
}
@media(max-width:1000px){
  .live-drop-section .feed{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .live-drop-section .side-item{
    width:100%!important;
    min-width:0!important;
    height:70px!important;
    min-height:70px!important;
  }
}
@media(max-width:650px){
  .live-drop-section .feed{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .live-drop-section .side-item{
    width:100%!important;
    min-width:0!important;
    height:68px!important;
    min-height:68px!important;
  }
  .live-drop-section .side-thumb{
    width:58px!important;
    height:56px!important;
    min-width:58px!important;
  }
}

/* V38 — компактный LIVE DROP: одна строка, карточки вертикального формата */
.live-drop-section .feed{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(105px,1fr))!important;
  gap:8px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.live-drop-section .side-item{
  width:auto!important;
  min-width:0!important;
  height:122px!important;
  min-height:122px!important;
  padding:5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  border:1px solid color-mix(in srgb,var(--rarity-color,#59627c) 72%,#30364b)!important;
  border-left:2px solid var(--rarity-color,#59627c)!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.live-drop-section .side-thumb{
  width:100%!important;
  height:84px!important;
  min-width:0!important;
  min-height:84px!important;
  flex:0 0 84px!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
}
.live-drop-section .side-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.live-drop-section .side-meta{
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
}
.live-drop-section .side-meta b{
  width:100%!important;
  font-size:10px!important;
  line-height:13px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
.live-drop-section .side-price{display:none!important}
@media(max-width:1000px){
  .live-drop-section .feed{
    grid-template-columns:repeat(7,minmax(105px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .live-drop-section .feed::-webkit-scrollbar{display:none!important}
}
@media(max-width:650px){
  .live-drop-section .feed{
    grid-template-columns:repeat(5,112px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:7px!important;
  }
  .live-drop-section .side-item{
    width:112px!important;
    min-width:112px!important;
    height:116px!important;
    min-height:116px!important;
  }
  .live-drop-section .side-thumb{
    height:78px!important;
    min-height:78px!important;
    flex-basis:78px!important;
  }
  .live-drop-section .side-meta b{font-size:9px!important}
}

/* V39 — final LIVE DROP alignment: cards fill the available row evenly */
.live-drop-section{
  width:calc(100% - 28px)!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.live-drop-section .feed{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.live-drop-section .side-item{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
}
@media(max-width:1000px){
  .live-drop-section .feed{
    grid-template-columns:repeat(4,minmax(145px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .live-drop-section .feed::-webkit-scrollbar{display:none!important}
}
@media(max-width:650px){
  .live-drop-section .feed{
    grid-template-columns:repeat(5,112px)!important;
    width:max-content!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .live-drop-section .side-item{
    width:112px!important;
    min-width:112px!important;
  }
}

/* ===== V40 interface rebuild: top preview + lower tabbed workspace ===== */
.live-drop-section{max-width:none!important;width:100%!important;margin:0!important;border-left:0!important;border-right:0!important}
.live-drop-section .feed{grid-template-columns:repeat(9,minmax(0,1fr))!important}
.upgrade-layout{
  width:100%!important;max-width:1540px!important;
  grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr)!important;
  gap:18px!important;padding:18px 28px 0!important;
}
.pick,.wheel-card{
  min-width:0!important;min-height:455px!important;
  border:1px solid #3b405d!important;
  background:linear-gradient(180deg,#20243a,#181b2d)!important;
}
.source-panel,.target-panel{display:flex!important;flex-direction:column!important}
.source-panel .selection-summary{flex:0 0 190px!important;height:190px!important}
.target-selection-summary{
  flex:1 1 auto!important;min-height:300px!important;
  border:1px dashed #454c68!important;background:radial-gradient(circle at 50% 45%,#303651,#1a1d30 68%)!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.target-empty{text-align:center;color:#7e8599;padding:20px}
.target-empty strong{display:block;color:#e9ebf3;font-size:18px;margin-bottom:8px}
.target-empty span{display:block;max-width:270px;font-size:12px;line-height:1.45}
.target-empty-icon{font-size:42px;line-height:.55;color:#b9bdca;margin-top:28px;opacity:.7}
.target-selection-summary.selected-target{
  grid-template-columns:1.15fr .85fr!important;place-items:stretch!important;
  padding:14px!important;border:2px solid var(--rarity-color,#7180b2)!important;
  box-shadow:inset 0 0 0 1px #ffffff18,0 0 24px color-mix(in srgb,var(--rarity-color,#7180b2) 18%,transparent)!important;
}
.target-selected-art{display:grid;place-items:center;min-width:0;background:radial-gradient(circle,#555e7d,#282d46 68%)}
.target-selected-art img{width:100%;height:100%;max-width:280px;max-height:250px;object-fit:contain;padding:12px}
.target-selected-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;min-width:0}
.target-selected-info>span{font-size:9px;color:#9aa0b4;font-weight:900;letter-spacing:.08em}
.target-selected-info>b{font-size:17px;line-height:1.25;margin:7px 0;word-break:break-word}
.target-selected-info>strong{font-size:20px;color:#ffd04e}
.target-selected-info>small{margin-top:6px;color:var(--rarity-color,#9da3b5);font-weight:900}
.target-selected-check{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#202338;font-weight:900}
.target-selection-summary{position:relative}

/* controls sit below the three preview columns, like the reference desktop layout */
.upgrade-controls{
  width:100%;max-width:1540px;margin:14px auto 0;padding:0 28px;
  display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr) minmax(360px,1fr);
  gap:18px;align-items:stretch;
}
.upgrade-controls .balance-stake,
.upgrade-controls .upgrade-btn,
.upgrade-controls .quick{min-height:86px}
.upgrade-controls .balance-stake{
  margin:0!important;padding:12px 15px!important;border:1px solid #3b405d!important;
  background:#30354e!important;
}
.upgrade-controls .upgrade-btn{width:100%!important;height:86px!important;margin:0!important}
.upgrade-controls .quick{
  display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:6px!important;
  padding:5px!important;border:1px solid #3b405d!important;background:#2b3048!important;
}
.upgrade-controls .quick button{min-width:0!important;height:76px!important}

/* bottom workspace: desktop = two columns, mobile = tabs */
.workspace-shell{
  width:100%;max-width:1540px;margin:18px auto 0;padding:0 28px;
}
.workspace-tabs{display:none}
.workspace-columns{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;
}
.inventory-shell,.target-workspace{
  min-width:0!important;background:#2b3048!important;border:1px solid #3e4563!important;
  overflow:hidden;
}
.inv-tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  background:#1b1e31!important;border-bottom:1px solid #414862!important;
}
.inv-tab{height:68px!important;border:0!important;border-right:1px solid #414862!important;background:#252a40!important;color:#c7cad5!important;font-weight:900!important;font-size:17px!important}
.inv-tab.active{background:#8199d3!important;color:#fff!important}
.inventory-toolbar,.target-workspace-head{
  min-height:96px!important;padding:16px!important;background:#343950!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
}
.inventory-title h2,.target-workspace-head h2{margin:0 0 4px!important;font-size:18px!important}
.inventory-title .inv-count,.target-workspace-head span{font-size:10px!important;color:#a7adbe!important}
.inventory-tools{display:flex!important;align-items:center!important;gap:8px!important}
.inventory-price-filter,.target-filters{display:flex!important;align-items:center!important;gap:7px!important}
.inventory-price-filter label,.target-filters label{font-size:9px!important;color:#b4b9c8!important}
.inventory-price-filter input,.target-filters input{
  width:82px!important;height:42px!important;background:#2b2f43!important;border:1px solid #555c75!important;color:#fff!important;padding:0 10px!important;
}
.inventory-price-filter button,.target-filters button,.shop-filters button{height:42px!important}
.inventory-scroll,.shop-grid,.workspace-target-grid{
  padding:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;
  grid-auto-rows:205px!important;max-height:none!important;overflow:visible!important;
}
.target-workspace{padding-bottom:10px}
.target-pages,.inv-pages,.shop-pages{
  display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;
  min-height:44px!important;background:#292e45!important;border-top:1px solid #414862!important;border-bottom:1px solid #414862!important;
}
.target-pages button,.inv-pages button,.shop-pages button{
  width:38px!important;height:32px!important;border:1px solid #525a76!important;background:#343a54!important;color:#fff!important;font-weight:900!important;
}
.target-pages span,.inv-pages span,.shop-pages span{font-size:11px!important;color:#d5d8e2!important;min-width:45px;text-align:center}
.workspace-target-grid .target-card{
  width:100%!important;height:205px!important;min-height:205px!important;max-height:205px!important;
  padding:5px!important;position:relative!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;
}
.workspace-target-grid .target-art{
  height:140px!important;min-height:140px!important;max-height:140px!important;flex:0 0 140px!important;
}
.workspace-target-grid .target-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px!important}
.workspace-target-grid .target-card>b{
  height:26px!important;min-height:26px!important;flex:0 0 26px!important;font-size:10px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.workspace-target-grid .card-price{font-size:10px!important;top:7px!important;right:7px!important}
.workspace-target-grid .rarity-label{display:none!important}

/* keep shop/inventory card sizing consistent */
.inventory-scroll .skin,.shop-grid .shop-item{width:100%!important;height:205px!important;min-height:205px!important}
.inventory-scroll .skin-hit,.shop-grid .skin-art{min-width:0!important}
.shop-grid{position:relative}
.shop-pane[hidden],.tab-pane[hidden],.workspace-columns [hidden]{display:none!important}

/* result modal */
.upgrade-result-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;background:#0b0d18cc;backdrop-filter:blur(7px);padding:20px}
.upgrade-result-modal.show{display:grid}
.upgrade-result-card{
  width:min(460px,100%);padding:28px;border:1px solid #4a516d;border-radius:14px;
  background:linear-gradient(180deg,#292e49,#181b2c);box-shadow:0 24px 70px #0009;text-align:center;
}
.upgrade-result-card .result-icon{width:74px;height:74px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-size:38px;font-weight:900;background:#343b55}
.upgrade-result-card.win .result-icon{background:#19b94f;color:#fff}
.upgrade-result-card.lose .result-icon{background:#d33e4b;color:#fff}
.upgrade-result-card h2{margin:0;font-size:28px}
.upgrade-result-card p{margin:8px 0 20px;color:#aeb4c6}
.upgrade-result-card button{width:100%;height:46px;border:0;background:#829bd8;color:#fff;font-weight:900;border-radius:6px}

/* mobile reference layout */
@media(max-width:650px){
  .top{height:78px!important;padding:0 12px!important;gap:9px!important}
  .brand{font-size:18px!important}
  .online{font-size:10px!important}
  .head-bal{font-size:18px!important}
  .topbtn{width:43px!important;height:43px!important}
  .live-drop-section{width:100%!important}
  .live-drop-section .feed{grid-template-columns:repeat(5,112px)!important;overflow-x:auto!important}
  .upgrade-layout{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:10px!important;padding:12px 10px 0!important;
  }
  .source-panel,.target-panel{min-height:420px!important;height:420px!important}
  .wheel-card{grid-column:1/-1!important;grid-row:2!important;min-height:360px!important;height:360px!important;padding:12px!important;order:0!important}
  .source-panel{grid-column:1!important;grid-row:1!important}
  .target-panel{grid-column:2!important;grid-row:1!important}
  .source-panel .panel-title,.target-panel .panel-title{font-size:14px!important}
  .source-panel .hint,.target-panel .hint{font-size:10px!important;margin:7px 0 12px!important}
  .source-panel .selection-summary{height:250px!important;flex:0 0 250px!important}
  .target-selection-summary{min-height:250px!important}
  .target-selection-summary.selected-target{grid-template-columns:1fr!important;padding:8px!important}
  .target-selected-art{height:150px!important}
  .target-selected-info{padding:8px!important;align-items:center;text-align:center}
  .target-selected-info>b{font-size:12px!important}
  .target-selected-info>strong{font-size:15px!important}
  .target-selected-check{right:8px;top:8px}
  .wheel-wrap{transform:scale(.88)!important;transform-origin:center top!important;margin-bottom:-34px!important}
  .wheel-status{font-size:10px!important}
  .upgrade-controls{
    display:flex!important;flex-direction:column!important;gap:8px!important;
    padding:10px 10px 0!important;margin:0!important;
  }
  .upgrade-controls .upgrade-btn{order:0!important;height:70px!important;min-height:70px!important}
  .upgrade-controls .balance-stake{order:1!important;min-height:92px!important}
  .upgrade-controls .quick{order:2!important;min-height:66px!important;grid-template-columns:repeat(7,1fr)!important}
  .upgrade-controls .quick button{height:56px!important;font-size:11px!important}
  .workspace-shell{padding:10px 10px 0!important;margin:0!important}
  .workspace-tabs{
    display:grid!important;grid-template-columns:1fr 1fr!important;background:#1c2032!important;
  }
  .workspace-tab{
    height:70px!important;border:0!important;border-bottom:2px solid #3f4662!important;
    background:#24283d!important;color:#aeb3c2!important;font-size:15px!important;font-weight:900!important;
  }
  .workspace-tab.active{background:#30364e!important;color:#fff!important}
  .workspace-columns{display:block!important}
  .workspace-columns #inventorySection{margin-top:0!important}
  .workspace-columns #targetWorkspace{margin-top:0!important}
  .inventory-shell,.target-workspace{width:100%!important}
  .inventory-toolbar,.target-workspace-head{display:block!important;padding:12px!important}
  .inventory-title{margin-bottom:9px!important}
  .inventory-tools{display:block!important}
  .inventory-price-filter,.target-filters{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .inventory-price-filter input,.target-filters input{width:100%!important;height:40px!important}
  .inventory-scroll,.shop-grid,.workspace-target-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:184px!important;gap:7px!important;padding:7px!important;
  }
  .inventory-scroll .skin,.shop-grid .shop-item,.workspace-target-grid .target-card{
    height:184px!important;min-height:184px!important;max-height:184px!important;
  }
  .workspace-target-grid .target-art{height:125px!important;min-height:125px!important;max-height:125px!important;flex-basis:125px!important}
  .workspace-target-grid .target-card>b{font-size:9px!important;height:24px!important;flex-basis:24px!important}
  .workspace-target-grid .card-price{font-size:9px!important}
  .inv-tabs .inv-tab{height:60px!important;font-size:14px!important}
  .shop-toolbar{display:block!important}
  .shop-toolbar .shop-filters{margin-top:9px!important;display:grid!important;grid-template-columns:1fr 1fr auto!important}
  .shop-toolbar .shop-filters input{width:100%!important}
  .target-pages,.inv-pages,.shop-pages{min-height:40px!important}
}

/* at tablet widths keep desktop-like three-column preview without squeezing */
@media(min-width:651px) and (max-width:1100px){
  .upgrade-layout{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)!important;padding:14px!important}
  .upgrade-controls,.workspace-shell{padding-left:14px!important;padding-right:14px!important}
  .workspace-columns{gap:12px!important}
  .inventory-scroll,.shop-grid,.workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* V40 branding/header proportions */
.top .brand{font-size:34px!important;letter-spacing:-2px!important;white-space:nowrap}
@media(max-width:650px){.top .brand{font-size:18px!important;letter-spacing:-1px!important}}


/* ===== V41 polish: same visual language for stake/target + aligned inventory/shop ===== */
.source-panel .selection-summary,
.target-panel .target-selection-summary{
  box-sizing:border-box!important;
  border-radius:8px!important;
  background:radial-gradient(circle at 50% 42%,#333a59 0,#242940 45%,#1a1d2f 78%)!important;
  border:1px solid #4a5270!important;
  box-shadow:inset 0 0 0 1px #ffffff08!important;
}
.source-panel .selection-summary{height:210px!important;min-height:210px!important;flex:0 0 210px!important;padding:10px!important}
.target-panel .target-selection-summary{height:225px!important;min-height:225px!important;flex:0 0 225px!important;padding:10px!important;display:grid!important;place-items:center!important}
.source-panel .selected-empty,
.target-panel .target-empty{width:100%!important;max-width:330px!important;text-align:center!important}
.source-panel .selected-empty strong,
.target-panel .target-empty strong{display:block!important;color:#f1f3f8!important;font-size:18px!important;line-height:1.2!important;margin-bottom:7px!important}
.source-panel .selected-empty span,
.target-panel .target-empty span{display:block!important;color:#8e96aa!important;font-size:11px!important;line-height:1.45!important}
.target-empty-icon{font-size:48px!important;line-height:.52!important;margin-top:24px!important;color:#c3c7d2!important}

/* A selected target uses exactly the same card proportions as the stake, only slightly larger. */
.target-selection-summary.selected-target{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:10px!important;padding:9px!important;place-items:stretch!important;
}
.target-selection-summary.selected-target .target-selected-art{
  min-width:0!important;height:100%!important;min-height:0!important;
  border:1px solid #4a5270!important;border-radius:6px!important;
  background:radial-gradient(circle,#5a6384,#292e47 70%)!important;
}
.target-selection-summary.selected-target .target-selected-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:10px!important}
.target-selection-summary.selected-target .target-selected-info{min-width:0!important;padding:10px!important;justify-content:center!important}
.target-selection-summary.selected-target .target-selected-info>b{font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.target-selection-summary.selected-target .target-selected-info>strong{font-size:19px!important}

/* Stake with multiple items: cards fill the same clean area instead of tiny floating chips. */
.source-panel .selection-summary.selected-many{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  overflow-y:auto!important;align-content:start!important;padding:9px!important;
}
.source-panel .stake-item{
  position:relative!important;min-width:0!important;height:88px!important;min-height:88px!important;
  display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:7px!important;
  align-items:center!important;padding:5px!important;border:2px solid var(--rarity-color,#69738f)!important;
  border-radius:6px!important;background:#272c42!important;box-sizing:border-box!important;overflow:hidden!important;
}
.source-panel .stake-item-art{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle,#5b6380,#2a2f47 70%)!important;border-radius:4px!important;overflow:hidden!important}
.source-panel .stake-item-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important}
.source-panel .stake-item-name{min-width:0!important;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.source-panel .stake-item-number{position:absolute!important;right:5px!important;bottom:4px!important;font-size:9px!important;color:#d7dbe5!important;font-weight:900!important}

/* Inventory cards: one fixed image zone, name zone and sell button zone. */
.inventory-scroll .skin{
  position:relative!important;display:grid!important;grid-template-rows:minmax(0,1fr) 34px!important;
  gap:5px!important;padding:5px!important;border-radius:5px!important;overflow:hidden!important;
}
.inventory-scroll .skin-hit{
  position:relative!important;width:100%!important;height:auto!important;min-height:0!important;flex:initial!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) 23px!important;align-items:stretch!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:hidden!important;
}
.inventory-scroll .skin-art{width:100%!important;height:auto!important;min-height:0!important;flex:initial!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.inventory-scroll .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:2px!important}
.inventory-scroll .skin-hit>b{height:23px!important;min-height:23px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 4px!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.inventory-scroll .sell{position:relative!important;z-index:5!important;width:100%!important;height:34px!important;min-height:34px!important;flex:none!important;margin:0!important;padding:0!important;line-height:34px!important;border-radius:5px!important;box-sizing:border-box!important}
.inventory-scroll .choose-check{right:6px!important;top:6px!important}

/* Shop: exactly the same card rhythm, with BUY anchored at the bottom. */
.shop-grid .shop-item{
  position:relative!important;display:grid!important;grid-template-rows:minmax(0,1fr) 23px 17px 34px!important;
  gap:3px!important;padding:5px!important;border-radius:5px!important;overflow:hidden!important;
}
.shop-grid .shop-item .skin-art{width:100%!important;height:auto!important;min-height:0!important;flex:initial!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.shop-grid .shop-item .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:2px!important}
.shop-grid .shop-item .shop-item-name{width:100%!important;height:23px!important;min-height:23px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 4px!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.shop-grid .shop-item .shop-price-line{height:17px!important;min-height:17px!important;line-height:17px!important;margin:0!important;padding:0 4px!important;font-size:9px!important;text-align:left!important}
.shop-grid .shop-item .buy{width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;line-height:34px!important;border-radius:5px!important;box-sizing:border-box!important}
.shop-grid .shop-item .card-price{right:7px!important;top:7px!important;z-index:20!important}

/* Target list: copy the same card geometry as inventory/shop, just slightly taller. */
.workspace-target-grid .target-card{
  position:relative!important;display:grid!important;grid-template-rows:minmax(0,1fr) 25px!important;gap:3px!important;
  height:220px!important;min-height:220px!important;max-height:220px!important;padding:5px!important;border-radius:5px!important;overflow:hidden!important;
}
.workspace-target-grid .target-art{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:initial!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.workspace-target-grid .target-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:2px!important}
.workspace-target-grid .target-card>b{height:25px!important;min-height:25px!important;display:flex!important;align-items:center!important;padding:0 4px!important;margin:0!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace-target-grid .target-card .card-price{top:7px!important;right:7px!important;font-size:10px!important;z-index:20!important}
.workspace-target-grid .target-card.target-selected{outline:2px solid var(--rarity-color)!important;outline-offset:-2px!important;box-shadow:0 0 0 2px #ffffff18 inset,0 0 18px color-mix(in srgb,var(--rarity-color) 28%,transparent)!important}

/* No result modal: the wheel itself gives the result, then returns to the normal chance display. */
.upgrade-result-modal,.upgrade-result-modal.show{display:none!important}

@media(max-width:1000px){
  .source-panel .selection-summary{height:205px!important;min-height:205px!important;flex-basis:205px!important}
  .target-panel .target-selection-summary{height:215px!important;min-height:215px!important;flex-basis:215px!important}
  .workspace-target-grid .target-card{height:205px!important;min-height:205px!important;max-height:205px!important}
  .inventory-scroll .skin{height:205px!important;min-height:205px!important}
  .shop-grid .shop-item{height:205px!important;min-height:205px!important}
}
@media(max-width:650px){
  .source-panel .selection-summary{height:210px!important;min-height:210px!important;flex-basis:210px!important}
  .target-panel .target-selection-summary{height:220px!important;min-height:220px!important;flex-basis:220px!important}
  .target-selection-summary.selected-target{grid-template-columns:1fr!important;grid-template-rows:135px minmax(0,1fr)!important;gap:5px!important}
  .target-selection-summary.selected-target .target-selected-art{height:135px!important}
  .target-selection-summary.selected-target .target-selected-info{padding:5px!important;align-items:center!important;text-align:center!important}
  .source-panel .selection-summary.selected-many{grid-template-columns:1fr 1fr!important}
  .source-panel .stake-item{height:90px!important;min-height:90px!important;grid-template-columns:62px minmax(0,1fr)!important}
  .source-panel .stake-item-art{width:62px!important;height:62px!important}
  .inventory-scroll .skin,.shop-grid .shop-item{height:190px!important;min-height:190px!important;max-height:190px!important}
  .inventory-scroll .skin{grid-template-rows:minmax(0,1fr) 30px!important}
  .inventory-scroll .skin-hit{grid-template-rows:minmax(0,1fr) 21px!important}
  .inventory-scroll .skin-hit>b{height:21px!important;min-height:21px!important;font-size:9px!important}
  .inventory-scroll .sell{height:30px!important;min-height:30px!important;line-height:30px!important;font-size:8px!important}
  .shop-grid .shop-item{grid-template-rows:minmax(0,1fr) 21px 15px 30px!important;gap:2px!important}
  .shop-grid .shop-item .shop-item-name{height:21px!important;min-height:21px!important;font-size:9px!important}
  .shop-grid .shop-item .shop-price-line{height:15px!important;min-height:15px!important;line-height:15px!important;font-size:8px!important}
  .shop-grid .shop-item .buy{height:30px!important;min-height:30px!important;line-height:30px!important;font-size:8px!important}
  .workspace-target-grid .target-card{height:190px!important;min-height:190px!important;max-height:190px!important;grid-template-rows:minmax(0,1fr) 22px!important}
  .workspace-target-grid .target-card>b{height:22px!important;min-height:22px!important;font-size:9px!important}
}

/* ================================================================
   V19 FINAL POLISH — unified cards, clean upgrade panels, responsive PC/mobile
   ================================================================ */

/* The upgrade area must use the full desktop width without becoming cramped. */
@media (min-width:1001px){
  .main{width:100%;max-width:none!important}
  .upgrade-layout{width:min(1540px,calc(100vw - 56px))!important;max-width:none!important;grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr)!important;gap:18px!important;padding:18px 0 0!important}
  .upgrade-controls{width:min(1540px,calc(100vw - 56px))!important;max-width:none!important;padding:0!important;grid-template-columns:minmax(280px,1fr) minmax(360px,1.25fr) minmax(470px,1fr)!important;gap:18px!important}
  .workspace-shell{width:min(1540px,calc(100vw - 56px))!important;max-width:none!important;padding:0!important}
}

/* Same-height top panels. */
.source-panel,.target-panel,.wheel-card{min-height:470px!important;height:470px!important}
.source-panel,.target-panel{padding:20px!important}
.source-panel .panel-title,.target-panel .panel-title{font-size:18px!important;line-height:1.2!important}
.source-panel .hint,.target-panel .hint{min-height:32px!important;margin:10px 0 14px!important;font-size:11px!important}

/* Upper target is deliberately empty: target is chosen only in the lower grid. */
.target-selection-summary.target-preview-locked{
  flex:1 1 auto!important;height:auto!important;min-height:340px!important;
  border:1px dashed #4b536e!important;border-radius:8px!important;
  background:radial-gradient(circle at 50% 42%,#303650 0,#22263a 48%,#191c2d 80%)!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.target-preview-locked .target-empty{max-width:330px!important;padding:25px!important;text-align:center!important}
.target-preview-locked .target-empty strong{font-size:18px!important;color:#f0f2f7!important}
.target-preview-locked .target-empty span{font-size:11px!important;color:#8d94a8!important;line-height:1.5!important}
.target-preview-locked .target-empty-icon{font-size:48px!important;line-height:.55!important;margin-top:30px!important;color:#c8ccd6!important}

/* Single selected stake: a large clean card. */
.source-panel .selection-summary.single-stake{
  flex:0 0 215px!important;height:215px!important;min-height:215px!important;
  padding:7px!important;border-radius:8px!important;
}
.source-panel .stake-single-art{min-height:198px!important;border-radius:6px!important}
.source-panel .stake-single-art img{padding:8px!important}
.source-panel .stake-single-info{left:12px!important;right:12px!important;bottom:10px!important;min-height:36px!important}

/* Multiple selected skins: clean 2-column tiles, no prices. */
.source-panel .selection-summary.selected-many{
  flex:0 0 215px!important;height:215px!important;min-height:215px!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:96px!important;align-content:start!important;gap:8px!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding:9px!important;
}
.source-panel .stake-item{
  width:100%!important;height:96px!important;min-height:96px!important;
  display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:8px!important;
  align-items:center!important;padding:6px!important;border-radius:7px!important;
  border:2px solid var(--rarity-color,#68738f)!important;background:#272c42!important;
  box-shadow:inset 0 0 0 1px #ffffff10!important;overflow:hidden!important;
}
.source-panel .stake-item-art{width:82px!important;height:82px!important;border-radius:5px!important}
.source-panel .stake-item-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px!important}
.source-panel .stake-item-name{font-size:10px!important;font-weight:900!important;line-height:1.25!important}
.source-panel .stake-item-number{right:6px!important;bottom:5px!important;background:var(--rarity-color,#68738f)!important;color:#fff!important;border-radius:4px!important;padding:2px 5px!important}

/* Empty stake area matches the target panel's visual language. */
.source-panel .selection-summary:not(.single-stake):not(.selected-many){
  border-radius:8px!important;background:radial-gradient(circle at 50% 45%,#303650,#191c2d 72%)!important;
}
.source-panel .selected-empty{width:100%!important;max-width:330px!important;padding:20px!important}
.source-panel .selected-empty strong{font-size:17px!important;color:#f0f2f7!important}
.source-panel .selected-empty span{font-size:11px!important;color:#8d94a8!important;line-height:1.45!important}

/* Unified lower cards: inventory, shop and upgrade targets share one geometry. */
.inventory-scroll,.shop-grid,.workspace-target-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:250px!important;gap:12px!important;padding:12px!important;
  align-content:start!important;overflow:visible!important;
}
.inventory-scroll .skin,.shop-grid .shop-item,.workspace-target-grid .target-card{
  width:100%!important;height:250px!important;min-height:250px!important;max-height:250px!important;
  min-width:0!important;box-sizing:border-box!important;border-radius:7px!important;overflow:hidden!important;
}

/* Inventory card: art + name + sell always anchored to exact positions. */
.inventory-scroll .skin{
  display:grid!important;grid-template-rows:minmax(0,1fr) 25px 38px!important;gap:4px!important;padding:6px!important;
}
.inventory-scroll .skin-hit{
  width:100%!important;height:auto!important;min-height:0!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) 25px!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
}
.inventory-scroll .skin-art{height:auto!important;min-height:0!important;width:100%!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.inventory-scroll .skin-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:3px!important}
.inventory-scroll .skin-hit>b{height:25px!important;min-height:25px!important;display:flex!important;align-items:center!important;padding:0 5px!important;margin:0!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.inventory-scroll .sell{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;line-height:38px!important;border-radius:6px!important;box-sizing:border-box!important}
.inventory-scroll .choose-check{right:7px!important;top:7px!important}

/* Shop uses exactly the same art/name/button rhythm. */
.shop-grid .shop-item{
  display:grid!important;grid-template-rows:minmax(0,1fr) 25px 19px 38px!important;gap:3px!important;padding:6px!important;
}
.shop-grid .shop-item .skin-art{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.shop-grid .shop-item .skin-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:3px!important}
.shop-grid .shop-item .shop-item-name{width:100%!important;height:25px!important;min-height:25px!important;display:flex!important;align-items:center!important;padding:0 5px!important;margin:0!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.shop-grid .shop-item .shop-price-line{height:19px!important;min-height:19px!important;line-height:19px!important;margin:0!important;padding:0 5px!important;font-size:9px!important;text-align:left!important}
.shop-grid .shop-item .buy{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;line-height:38px!important;border-radius:6px!important}
.shop-grid .shop-item .card-price{right:8px!important;top:8px!important;z-index:20!important}

/* Lower target cards use the same art and name zone as the other cards. */
.workspace-target-grid .target-card{
  display:grid!important;grid-template-rows:minmax(0,1fr) 25px!important;gap:4px!important;padding:6px!important;
  position:relative!important;transform:none!important;z-index:1!important;
}
.workspace-target-grid .target-art{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.workspace-target-grid .target-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:3px!important}
.workspace-target-grid .target-card>b{width:100%!important;height:25px!important;min-height:25px!important;display:flex!important;align-items:center!important;padding:0 5px!important;margin:0!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace-target-grid .target-card .card-price{top:8px!important;right:8px!important;font-size:10px!important;z-index:20!important}
.workspace-target-grid .target-card.target-selected{
  transform:none!important;z-index:4!important;outline:0!important;
  border:3px solid var(--rarity-color,#fff)!important;
  box-shadow:inset 0 0 0 1px #ffffff22,0 0 0 2px color-mix(in srgb,var(--rarity-color,#fff) 45%,transparent),0 0 22px color-mix(in srgb,var(--rarity-color,#fff) 32%,transparent)!important;
}
.workspace-target-grid .target-card.target-selected:after{
  content:'ЦЕЛЬ'!important;display:grid!important;place-items:center!important;
  position:absolute!important;left:7px!important;top:7px!important;right:auto!important;
  width:44px!important;height:21px!important;border-radius:4px!important;
  background:var(--rarity-color,#fff)!important;color:#fff!important;font-size:8px!important;font-weight:1000!important;
  z-index:30!important;box-shadow:0 3px 10px #0007!important;
}

/* Tabs, toolbars and pagination line up cleanly. */
.workspace-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}
.inventory-shell,.target-workspace{min-width:0!important}
.inv-tabs{height:68px!important}
.inv-tab{height:68px!important;display:grid!important;place-items:center!important}
.inventory-toolbar,.target-workspace-head{min-height:96px!important;box-sizing:border-box!important}
.inventory-tools{min-width:0!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.inventory-price-filter,.target-filters{min-width:0!important}
.inventory-price-filter input,.target-filters input{width:82px!important;height:40px!important;box-sizing:border-box!important}
.inventory-price-filter button,.target-filters button,.shop-filters button{height:40px!important;box-sizing:border-box!important}
.inv-pages,.target-pages,.shop-pages{height:44px!important;min-height:44px!important;box-sizing:border-box!important}

/* Quick presets: seven equal controls, no stretched/offset buttons. */
.upgrade-controls .quick{height:86px!important;min-height:86px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr)) 48px!important;gap:6px!important;padding:5px!important;box-sizing:border-box!important}
.upgrade-controls .quick button{width:100%!important;height:74px!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;font-size:12px!important;font-weight:900!important}
.upgrade-controls .quick .settings{width:48px!important}

/* Wheel: fixed circle; only pointer rotates. Reset to 12 o'clock after each result. */
.wheel{transform:none!important;animation:none!important}
.pointer-orbit{transform-origin:0 0!important}
.pointer-orbit.pointer-spinning{animation:pointerOrbit 5.2s cubic-bezier(.08,.78,.11,1) forwards!important}
.pointer{pointer-events:none!important}

/* Result is shown inside the wheel only — no result popup/modal. */
.upgrade-result-modal,.upgrade-result-modal.show{display:none!important}

/* Tablet. */
@media (max-width:1000px) and (min-width:651px){
  .upgrade-layout{grid-template-columns:minmax(0,1fr) 420px minmax(0,1fr)!important;width:100%!important;padding:14px 14px 0!important;gap:10px!important}
  .source-panel,.target-panel,.wheel-card{height:430px!important;min-height:430px!important}
  .source-panel .selection-summary.single-stake{height:195px!important;min-height:195px!important;flex-basis:195px!important}
  .source-panel .selection-summary.selected-many{height:195px!important;min-height:195px!important;flex-basis:195px!important}
  .target-selection-summary.target-preview-locked{min-height:300px!important}
  .upgrade-controls{grid-template-columns:1fr 1.2fr 1.25fr!important;padding:0 14px!important;gap:10px!important}
  .upgrade-controls .quick{grid-template-columns:repeat(4,1fr)!important;height:auto!important;min-height:86px!important}
  .upgrade-controls .quick button{height:38px!important}
  .workspace-shell{padding:0 14px!important}
  .inventory-scroll,.shop-grid,.workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: two-column top preview, wheel below, workspace tabs below controls. */
@media (max-width:650px){
  .upgrade-layout{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:10px 8px 0!important}
  .source-panel,.target-panel{height:360px!important;min-height:360px!important;padding:12px!important}
  .wheel-card{grid-column:1/-1!important;grid-row:2!important;height:325px!important;min-height:325px!important;padding:10px 7px!important}
  .source-panel{grid-column:1!important;grid-row:1!important}
  .target-panel{grid-column:2!important;grid-row:1!important}
  .source-panel .panel-title,.target-panel .panel-title{font-size:13px!important}
  .source-panel .hint,.target-panel .hint{font-size:9px!important;min-height:26px!important;margin:6px 0 8px!important}
  .source-panel .selection-summary.single-stake{height:205px!important;min-height:205px!important;flex-basis:205px!important;padding:5px!important}
  .source-panel .stake-single-art{min-height:188px!important}
  .source-panel .selection-summary.selected-many{height:205px!important;min-height:205px!important;flex-basis:205px!important;grid-auto-rows:90px!important;gap:6px!important;padding:7px!important}
  .source-panel .stake-item{height:90px!important;min-height:90px!important;grid-template-columns:58px minmax(0,1fr)!important;gap:6px!important;padding:5px!important}
  .source-panel .stake-item-art{width:58px!important;height:58px!important}
  .source-panel .stake-item-name{font-size:8px!important}
  .source-panel .stake-item-number{font-size:8px!important}
  .target-selection-summary.target-preview-locked{min-height:275px!important;height:auto!important}
  .target-preview-locked .target-empty{padding:10px!important}
  .target-preview-locked .target-empty strong{font-size:13px!important}
  .target-preview-locked .target-empty span{font-size:9px!important}
  .target-preview-locked .target-empty-icon{font-size:35px!important;margin-top:18px!important}
  .wheel-wrap{width:min(86vw,300px)!important;height:min(86vw,300px)!important;margin:3px auto!important}
  .wheel{width:calc(min(86vw,300px) - 18px)!important;height:calc(min(86vw,300px) - 18px)!important;left:9px!important;top:9px!important}
  .pointer{top:calc(-1 * (min(86vw,300px) / 2 - 2px))!important}
  .wheel-center{inset:23%!important}
  .wheel-center strong{font-size:26px!important}
  .upgrade-controls{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px!important;margin:0!important}
  .upgrade-controls .upgrade-btn{height:64px!important;min-height:64px!important;order:0!important}
  .upgrade-controls .balance-stake{height:auto!important;min-height:92px!important;order:1!important}
  .upgrade-controls .quick{height:58px!important;min-height:58px!important;grid-template-columns:repeat(6,minmax(0,1fr)) 40px!important;gap:4px!important;order:2!important}
  .upgrade-controls .quick button{height:48px!important;font-size:9px!important}
  .upgrade-controls .quick .settings{width:40px!important}
  .workspace-shell{width:100%!important;padding:8px!important;margin:0!important}
  .workspace-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}
  .workspace-tab{height:58px!important;font-size:12px!important}
  .workspace-columns{display:block!important}
  .inventory-shell,.target-workspace{width:100%!important}
  .inventory-toolbar,.target-workspace-head{display:block!important;padding:11px!important;min-height:0!important}
  .inventory-title{margin-bottom:8px!important}
  .inventory-tools{display:block!important}
  .inventory-price-filter,.target-filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;width:100%!important;gap:5px!important}
  .inventory-price-filter input,.target-filters input{width:100%!important;height:36px!important}
  .inventory-price-filter button,.target-filters button{height:36px!important;padding:0 8px!important}
  .inv-tabs{height:54px!important}
  .inv-tab{height:54px!important;font-size:12px!important}
  .inventory-scroll,.shop-grid,.workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:188px!important;gap:7px!important;padding:7px!important}
  .inventory-scroll .skin,.shop-grid .shop-item,.workspace-target-grid .target-card{height:188px!important;min-height:188px!important;max-height:188px!important}
  .inventory-scroll .skin{grid-template-rows:minmax(0,1fr) 21px 30px!important;gap:3px!important;padding:5px!important}
  .inventory-scroll .skin-hit{grid-template-rows:minmax(0,1fr) 21px!important}
  .inventory-scroll .skin-hit>b{height:21px!important;min-height:21px!important;font-size:8px!important}
  .inventory-scroll .sell{height:30px!important;min-height:30px!important;line-height:30px!important;font-size:8px!important}
  .shop-grid .shop-item{grid-template-rows:minmax(0,1fr) 21px 15px 30px!important;gap:2px!important;padding:5px!important}
  .shop-grid .shop-item .shop-item-name{height:21px!important;min-height:21px!important;font-size:8px!important}
  .shop-grid .shop-item .shop-price-line{height:15px!important;min-height:15px!important;line-height:15px!important;font-size:8px!important}
  .shop-grid .shop-item .buy{height:30px!important;min-height:30px!important;line-height:30px!important;font-size:8px!important}
  .workspace-target-grid .target-card{grid-template-rows:minmax(0,1fr) 21px!important;gap:3px!important;padding:5px!important}
  .workspace-target-grid .target-card>b{height:21px!important;min-height:21px!important;font-size:8px!important}
  .workspace-target-grid .target-card .card-price{font-size:9px!important;top:6px!important;right:6px!important}
  .workspace-target-grid .target-card.target-selected:after{left:5px!important;top:5px!important;width:38px!important;height:18px!important;font-size:7px!important}
  .inv-pages,.target-pages,.shop-pages{height:40px!important;min-height:40px!important}
}

/* ===== V19.1 MOBILE FINAL FIXES ===== */
@media (max-width:650px){
  /* Live Drop — one horizontal row, never a 2-column grid. */
  .live-drop-section{width:100%!important;margin:0!important;padding:8px 8px 10px!important;border-radius:0!important;overflow:hidden!important}
  .live-drop-section .feed{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    grid-template-columns:none!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .live-drop-section .feed::-webkit-scrollbar{display:none!important}
  .live-drop-section .side-item{
    flex:0 0 205px!important;
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    scroll-snap-align:start!important;
  }

  /* On phones the upgrade wheel is the first block. Source/target previews follow it. */
  .upgrade-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:9px!important;
    padding:10px 8px 0!important;
  }
  .wheel-card{
    grid-column:1!important;
    grid-row:1!important;
    order:0!important;
    width:100%!important;
    min-width:0!important;
    height:325px!important;
    min-height:325px!important;
  }
  .source-panel{
    grid-column:1!important;
    grid-row:2!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    height:360px!important;
    min-height:360px!important;
  }
  .target-panel{
    grid-column:1!important;
    grid-row:3!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    height:360px!important;
    min-height:360px!important;
  }

  /* Keep the two preview boxes visually identical in size and spacing. */
  .source-panel .selection-summary,
  .target-panel .target-selection-summary{
    width:100%!important;
    box-sizing:border-box!important;
  }
  .source-panel .selection-summary{height:220px!important;min-height:220px!important;flex-basis:220px!important}
  .source-panel .selection-summary.selected-many{height:220px!important;min-height:220px!important;flex-basis:220px!important}
  .target-selection-summary.target-preview-locked{height:220px!important;min-height:220px!important;flex:0 0 220px!important}

  /* Wheel stays visually centered and the percentage is cleared by JS after result. */
  .wheel-wrap{width:min(86vw,300px)!important;height:min(86vw,300px)!important;margin:3px auto!important}
}


/* ===== v22.1 final alignment / unified upgrade previews ===== */
/* Both upper preview panels use exactly the same geometry. */
.upgrade-layout{align-items:stretch}
.upgrade-layout>.pick,.upgrade-layout>.wheel-card{box-sizing:border-box}
.source-panel,.target-panel{min-height:0!important;height:340px!important;padding:14px!important}
.source-panel .hint,.target-panel .hint{min-height:30px;margin:7px 0 9px}
.selection-summary.single-stake,.target-panel .target-selection-summary{height:235px!important;min-height:235px!important;flex:0 0 235px!important;box-sizing:border-box}
.preview-card{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;overflow:hidden!important;padding:6px!important;border-radius:8px!important;background:#1b2030!important;border:2px solid var(--rarity,#7f8aa7)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 14%,transparent),0 7px 20px #0004!important}
.preview-card .preview-art{position:relative!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;border-radius:5px!important;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--rarity) 17%,#596079),#242a3e 74%)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.preview-card .preview-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;filter:drop-shadow(0 10px 14px #05060dcc)!important}
.preview-card .preview-name{height:30px!important;flex:0 0 30px!important;display:flex!important;align-items:center!important;padding:0 6px!important;color:#fff!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.preview-footer{height:34px!important;flex:0 0 34px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 8px!important;border-radius:5px!important;background:color-mix(in srgb,var(--rarity) 17%,#171b29)!important;border:1px solid color-mix(in srgb,var(--rarity) 50%,#394057)!important;color:#fff!important;text-transform:uppercase!important}
.preview-footer b{font-size:8px!important;letter-spacing:.35px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}
.preview-footer span{font-size:9px!important;font-weight:950!important;color:#fff!important;white-space:nowrap!important}
.preview-footer em{font-style:normal!important;font-size:8px!important;font-weight:950!important;color:var(--rarity)!important;white-space:nowrap!important}
.preview-card .stattrak-badge{margin-left:4px!important}
/* No price in the target preview. */
.target-selection-summary .target-selected-info,.target-selection-summary .target-selected-art{display:none!important}
/* Target preview must never inherit the old price styling. */
.target-selection-summary.selected-target strong{display:none!important}
/* The large card background behind the wheel is removed. */
.wheel-card{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:4px!important;padding-right:4px!important}
.wheel-card .wheel-caption{margin-top:0}
/* Bring controls closer to the upgrade area. */
.upgrade-controls{margin-top:4px!important;padding-top:0!important;gap:9px!important}
.quick{margin-top:5px!important}
.balance-stake{padding-top:0!important}
/* Target workspace cards visually match inventory/shop cards. */
.workspace-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.workspace-target-grid .target-card{min-height:190px!important;height:190px!important;border-radius:4px!important;background:linear-gradient(180deg,#303447,#25293d)!important;transform:none!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 12%,transparent),0 8px 18px #00000018!important}
.workspace-target-grid .target-card:hover{transform:translateY(-2px)!important}
.workspace-target-grid .target-card .target-art{height:145px!important;position:relative!important;inset:auto!important;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity) 14%,#596079),#303448 72%)!important}
.workspace-target-grid .target-card .target-art img{width:94%!important;height:94%!important;padding:8px!important}
.workspace-target-grid .target-card b{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;display:block!important;height:42px!important;padding:8px 8px!important;font-size:10px!important;line-height:1.15!important}
.workspace-target-grid .target-card small{display:none!important}
.workspace-target-grid .target-card.target-selected{transform:none!important;border-width:2px!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity) 28%,transparent),0 7px 20px color-mix(in srgb,var(--rarity) 16%,transparent)!important}
.workspace-target-grid .target-card.target-selected:after{display:none!important}
@media(max-width:900px){
 .workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .source-panel,.target-panel{height:320px!important;padding:11px!important}
 .selection-summary.single-stake,.target-panel .target-selection-summary{height:218px!important;min-height:218px!important;flex-basis:218px!important}
 .preview-card .preview-name{height:27px!important;flex-basis:27px!important;font-size:10px!important}
 .preview-footer{height:31px!important;flex-basis:31px!important;padding:0 6px!important;gap:5px!important}
 .preview-footer b{font-size:7px!important}
 .preview-footer span,.preview-footer em{font-size:8px!important}
 .workspace-target-grid .target-card{height:160px!important;min-height:160px!important}
 .workspace-target-grid .target-card .target-art{height:119px!important}
 .workspace-target-grid .target-card b{height:39px!important;padding:7px 6px!important;font-size:9px!important}
 .upgrade-controls{margin-top:2px!important;gap:7px!important}
 .quick{margin-top:3px!important}
}

/* ===== v22.1 alignment pass ===== */
/* Upper source/target previews use one identical card system. */
.selection-summary.single-stake,
.target-panel .target-selection-summary.selected-target{
  height:235px!important;
  min-height:235px!important;
  flex:0 0 235px!important;
  box-sizing:border-box!important;
}
.selection-summary.single-stake.preview-card,
.target-panel .target-selection-summary.selected-target.preview-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding:6px!important;
  border:2px solid var(--rarity-color,#7f8aa7)!important;
  background:#1b2030!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity-color,#7f8aa7) 14%,transparent),0 7px 20px #0004!important;
}
.selection-summary.single-stake .preview-art,
.target-panel .target-selection-summary.selected-target .preview-art{
  width:100%!important;
  height:auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  border-radius:5px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--rarity-color,#7f8aa7) 17%,#596079),#242a3e 74%)!important;
}
.selection-summary.single-stake .preview-art img,
.target-panel .target-selection-summary.selected-target .preview-art img{
  width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;filter:drop-shadow(0 10px 14px #05060dcc)!important;
}
.selection-summary.single-stake .preview-name,
.target-panel .target-selection-summary.selected-target .preview-name{
  height:30px!important;flex:0 0 30px!important;display:flex!important;align-items:center!important;padding:0 6px!important;color:#fff!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.selection-summary.single-stake .preview-footer,
.target-panel .target-selection-summary.selected-target .preview-footer{
  height:34px!important;flex:0 0 34px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 8px!important;border-radius:5px!important;background:color-mix(in srgb,var(--rarity-color,#7f8aa7) 17%,#171b29)!important;border:1px solid color-mix(in srgb,var(--rarity-color,#7f8aa7) 50%,#394057)!important;color:#fff!important;box-sizing:border-box!important;
}
.preview-footer b{color:#fff!important;font-size:8px!important;letter-spacing:.35px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}
.preview-footer span{font-size:9px!important;font-weight:950!important;color:#fff!important;white-space:nowrap!important}
.preview-footer em{font-style:normal!important;font-size:8px!important;font-weight:950!important;color:var(--rarity-color,#d9dde7)!important;white-space:nowrap!important}

/* Pull controls/workspace closer to the upgrade area. */
.upgrade-controls{margin-top:-8px!important}
.workspace-shell{margin-top:6px!important}

/* Lower target cards: same visual rhythm as inventory/shop, tighter gaps. */
.workspace-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:8px!important}
.workspace-target-grid .target-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 25px!important;
  gap:3px!important;
  padding:6px!important;
  border-radius:7px!important;
  background:#2b2f45!important;
  border:1px solid color-mix(in srgb,var(--rarity-color,#3a4058) 55%,#343950)!important;
  box-shadow:none!important;
  color:#fff!important;
  text-align:left!important;
  font:inherit!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.workspace-target-grid .target-card:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #0003!important}
.workspace-target-grid .target-card .target-art{
  height:auto!important;min-height:0!important;width:100%!important;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity-color,#3a4058) 16%,#596079),#252a40 72%)!important;border-radius:5px!important;
}
.workspace-target-grid .target-card .target-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:3px!important}
.workspace-target-grid .target-card>b{height:25px!important;min-height:25px!important;padding:0 5px!important;margin:0!important;display:flex!important;align-items:center!important;color:#f5f7fb!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace-target-grid .target-card .card-price{top:7px!important;right:7px!important;font-size:10px!important;z-index:20!important}
.workspace-target-grid .target-card.target-selected{border:2px solid var(--rarity-color,#fff)!important;outline:none!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity-color,#fff) 30%,transparent),0 0 16px color-mix(in srgb,var(--rarity-color,#fff) 20%,transparent)!important}
.workspace-target-grid .target-card.target-selected:after{display:none!important}

@media(max-width:650px){
  .upgrade-controls{margin-top:-6px!important}
  .workspace-shell{margin-top:4px!important}
  .selection-summary.single-stake,
  .target-panel .target-selection-summary.selected-target{height:218px!important;min-height:218px!important;flex-basis:218px!important}
  .selection-summary.single-stake .preview-name,
  .target-panel .target-selection-summary.selected-target .preview-name{height:27px!important;flex-basis:27px!important;font-size:10px!important}
  .selection-summary.single-stake .preview-footer,
  .target-panel .target-selection-summary.selected-target .preview-footer{height:31px!important;flex-basis:31px!important;padding:0 6px!important;gap:5px!important}
  .preview-footer b{font-size:7px!important}.preview-footer span,.preview-footer em{font-size:8px!important}
  .workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:7px!important}
  .workspace-target-grid .target-card{height:160px!important;min-height:160px!important;max-height:160px!important;grid-template-rows:minmax(0,1fr) 21px!important;gap:2px!important;padding:5px!important}
  .workspace-target-grid .target-card>b{height:21px!important;min-height:21px!important;font-size:8px!important;padding:0 4px!important}
  .workspace-target-grid .target-card .card-price{font-size:9px!important;top:6px!important;right:6px!important}
}

/* ===== v22.2 final spacing + target preview cleanup ===== */
/* Upper target preview: keep the artwork strictly inside its frame. */
.target-panel .target-selection-summary.selected-target.preview-card{overflow:hidden!important;box-sizing:border-box!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-art{position:relative!important;overflow:hidden!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-art img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;box-sizing:border-box!important;padding:14px!important;margin:0!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-name{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-footer{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}

/* Pull the whole lower control area up and reduce dead space. */
.upgrade-controls{margin-top:-18px!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
.upgrade-controls .balance-stake{margin-top:0!important}
.upgrade-controls .upgrade-btn{height:68px!important}
.upgrade-controls .quick{margin-top:0!important}
.workspace-shell{margin-top:2px!important}

/* The two lower columns should feel like one unified inventory/shop area. */
.workspace-columns{gap:6px!important}
.workspace-shell{padding-left:12px!important;padding-right:12px!important}
.inventory-shell,.target-workspace{background:#2b3048!important;border-color:#3e4563!important}
.inventory-toolbar,.target-workspace-head{background:#343950!important}
.workspace-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:7px!important}
.workspace-target-grid .target-card{margin:0!important}
.inventory-scroll,.shop-grid{gap:5px!important;padding:7px!important}

@media(max-width:900px){
 .upgrade-controls{margin-top:-12px!important}
 .workspace-columns{gap:6px!important}
 .workspace-target-grid{gap:5px!important}
}
@media(max-width:650px){
 .upgrade-controls{margin-top:-8px!important;padding-left:8px!important;padding-right:8px!important}
 .upgrade-controls .upgrade-btn{height:62px!important}
 .workspace-shell{margin-top:0!important;padding-left:7px!important;padding-right:7px!important}
 .workspace-columns{gap:5px!important}
 .inventory-scroll,.shop-grid,.workspace-target-grid{gap:5px!important;padding:6px!important}
 .target-panel .target-selection-summary.selected-target.preview-card .preview-art img{padding:8px!important}
}

/* ===== v22.4 CLEAN ALIGNMENT — final targeted override ===== */
/* Upper source/target previews use one identical card geometry. */
.source-panel .selection-summary.preview-card,
.target-panel .target-selection-summary.preview-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) 27px 34px!important;
  gap:0!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  flex:0 0 190px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #3d4560!important;
  border-radius:8px!important;
  background:#20253a!important;
  box-shadow:none!important;
}
.source-panel .selection-summary.preview-card .preview-art,
.target-panel .target-selection-summary.preview-card .preview-art{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 42%,#555f7c,#282d44 72%)!important;
  box-sizing:border-box!important;
}
.source-panel .selection-summary.preview-card .preview-art img,
.target-panel .target-selection-summary.preview-card .preview-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  padding:8px 18px!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.source-panel .selection-summary.preview-card .preview-name,
.target-panel .target-selection-summary.preview-card .preview-name{
  width:100%!important;
  min-width:0!important;
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  background:#252a40!important;
  border-top:1px solid #343b54!important;
  color:#f4f6fb!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.source-panel .selection-summary.preview-card .preview-footer,
.target-panel .target-selection-summary.preview-card .preview-footer{
  width:100%!important;
  height:34px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  background:var(--rarity-color,#56617e)!important;
  color:#fff!important;
  overflow:hidden!important;
}
.source-panel .selection-summary.preview-card .preview-footer b,
.target-panel .target-selection-summary.preview-card .preview-footer b{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.25px!important;
  color:#fff!important;
}
.source-panel .selection-summary.preview-card .preview-footer span,
.target-panel .target-selection-summary.preview-card .preview-footer span{
  white-space:nowrap!important;
  font-size:9px!important;
  font-weight:950!important;
  color:#fff!important;
}
.source-panel .selection-summary.preview-card .preview-footer em,
.target-panel .target-selection-summary.preview-card .preview-footer em{
  white-space:nowrap!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:950!important;
  color:#fff!important;
}
.target-panel .target-selection-summary.selected-target.preview-card{
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) 27px 34px!important;
  padding:0!important;
  border:1px solid var(--rarity-color,#3d4560)!important;
  box-shadow:none!important;
  background:#20253a!important;
}
.target-panel .target-selection-summary.selected-target.preview-card:before,
.target-panel .target-selection-summary.selected-target.preview-card:after{display:none!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-art{grid-column:1!important;grid-row:1!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-name{grid-column:1!important;grid-row:2!important}
.target-panel .target-selection-summary.selected-target.preview-card .preview-footer{grid-column:1!important;grid-row:3!important}
.target-panel .target-selection-summary.selected-target.preview-card .stattrak-badge{margin-left:5px!important}

/* Remove the old large wheel container background; keep only the wheel itself. */
.wheel-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Bring controls and the lower workspace closer to the upgrade area. */
.upgrade-layout{gap:14px!important;padding-top:2px!important}
.pick{min-height:420px!important}
.wheel-card{min-height:420px!important}
.upgrade-controls{
  margin-top:3px!important;
  padding-top:0!important;
}
.workspace-shell{margin-top:7px!important}

/* Target workspace must be the same visual shell as inventory/shop. */
.workspace-columns{gap:7px!important;align-items:start!important}
.inventory-shell,.target-workspace{
  background:#2b3048!important;
  border:1px solid #3e4563!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.target-workspace-head,
.inventory-toolbar{
  min-height:82px!important;
  height:82px!important;
  padding:13px!important;
  background:#343950!important;
  border:0!important;
  box-sizing:border-box!important;
}
.target-workspace-head h2,
.inventory-title h2{font-size:17px!important;line-height:1.15!important}
.target-workspace-head span,
.inventory-title .inv-count{font-size:9px!important;color:#a7adbe!important}
.target-pages,.inv-pages,.shop-pages{
  min-height:40px!important;
  height:40px!important;
}
.workspace-target-grid,
.inventory-scroll,
.shop-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:7px!important;
  box-sizing:border-box!important;
}
.workspace-target-grid .target-card{
  width:100%!important;
  height:205px!important;
  min-height:205px!important;
  max-height:205px!important;
  margin:0!important;
  padding:5px!important;
  box-sizing:border-box!important;
  border-radius:2px!important;
  background:#2d3040!important;
  overflow:hidden!important;
}
.workspace-target-grid .target-card:after{display:none!important}
.workspace-target-grid .target-card .target-art{
  width:100%!important;
  height:140px!important;
  min-height:140px!important;
  max-height:140px!important;
  flex:0 0 140px!important;
  margin:0 0 4px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.workspace-target-grid .target-card .target-art img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;padding:4px!important;margin:0!important;box-sizing:border-box!important;
}
.workspace-target-grid .target-card>b{
  width:100%!important;height:25px!important;min-height:25px!important;max-height:25px!important;
  margin:0!important;padding:0 4px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;
  font-size:10px!important;line-height:14px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.workspace-target-grid .target-card .card-price{top:7px!important;right:7px!important}
.workspace-target-grid .target-card.target-selected:after{display:none!important}
.workspace-target-grid .target-card.target-selected{border-width:2px!important;transform:none!important}

@media(max-width:900px){
  .upgrade-layout{gap:10px!important}
  .pick,.wheel-card{min-height:400px!important}
  .workspace-columns{gap:6px!important}
  .workspace-target-grid,.inventory-scroll,.shop-grid{gap:6px!important}
}
@media(max-width:650px){
  .upgrade-layout{gap:8px!important;padding-left:7px!important;padding-right:7px!important}
  .pick{min-height:0!important}
  .wheel-card{min-height:0!important;padding:6px 0 8px!important}
  .source-panel .selection-summary.preview-card,
  .target-panel .target-selection-summary.preview-card{
    height:190px!important;min-height:190px!important;max-height:190px!important;flex-basis:190px!important;
  }
  .source-panel .selection-summary.preview-card .preview-art img,
  .target-panel .target-selection-summary.preview-card .preview-art img{padding:6px 12px!important}
  .source-panel .selection-summary.preview-card .preview-footer,
  .target-panel .target-selection-summary.preview-card .preview-footer{padding:0 7px!important;gap:5px!important}
  .upgrade-controls{margin-top:0!important;padding:0 7px!important;gap:6px!important}
  .workspace-shell{margin-top:4px!important;padding:0 7px!important}
  .workspace-columns{gap:5px!important}
  .target-workspace-head,.inventory-toolbar{height:auto!important;min-height:0!important;padding:10px!important}
  .workspace-target-grid,.inventory-scroll,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:5px!important}
  .workspace-target-grid .target-card{height:185px!important;min-height:185px!important;max-height:185px!important;padding:4px!important}
  .workspace-target-grid .target-card .target-art{height:125px!important;min-height:125px!important;max-height:125px!important;flex-basis:125px!important}
  .workspace-target-grid .target-card>b{height:23px!important;min-height:23px!important;max-height:23px!important;font-size:9px!important}
}

/* ===== v22.5 — compact wheel-aligned layout ===== */
/* Keep the three upper areas at the wheel's height instead of stretching them. */
@media (min-width:651px){
  .upgrade-layout{align-items:start!important;gap:12px!important;margin-top:0!important}
  .upgrade-layout .pick,
  .upgrade-layout .wheel-card{min-height:0!important;height:390px!important;max-height:390px!important;box-sizing:border-box!important}
  .upgrade-layout .wheel-card{padding-top:4px!important}
  .upgrade-layout .pick{padding:12px!important}

  /* Compact controls directly under the wheel / previews. */
  .upgrade-controls{
    margin-top:-14px!important;
    padding:0 12px!important;
    gap:10px!important;
    min-height:64px!important;
    height:64px!important;
    grid-template-columns:minmax(240px,1fr) minmax(220px,.8fr) minmax(340px,1.15fr)!important;
    align-items:stretch!important;
  }
  .upgrade-controls .balance-stake,
  .upgrade-controls .upgrade-btn,
  .upgrade-controls .quick{height:64px!important;min-height:64px!important;box-sizing:border-box!important}
  .upgrade-controls .balance-stake{padding:7px 10px!important;margin:0!important}
  .upgrade-controls .stake-row{height:27px!important}
  .upgrade-controls .stake-presets{display:none!important}
  .upgrade-controls .balance-stake small{display:none!important}
  .upgrade-controls .upgrade-btn{height:64px!important;font-size:17px!important}
  .upgrade-controls .quick{padding:4px!important;gap:4px!important}
  .upgrade-controls .quick button{height:54px!important;font-size:10px!important}

  /* Pull the inventory/target section right up to the compact controls. */
  .workspace-shell{margin-top:4px!important;padding-left:12px!important;padding-right:12px!important}
  .workspace-columns{gap:8px!important;align-items:start!important}
  .inventory-shell,.target-workspace{margin-top:0!important;min-height:0!important;height:auto!important}

  /* Target section is the same card/grid rhythm as inventory/shop. */
  .workspace-target-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:205px!important;
    align-content:start!important;
    align-items:start!important;
    gap:7px!important;
    padding:7px!important;
    margin:0!important;
  }
  .workspace-target-grid .target-card{
    width:100%!important;height:205px!important;min-height:205px!important;max-height:205px!important;
    margin:0!important;padding:6px!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
    overflow:hidden!important;transform:none!important;
    background:#2d3040!important;
    border:1px solid color-mix(in srgb,var(--rarity-color,#3a4058) 55%,#343950)!important;
    box-shadow:inset 0 0 0 1px #ffffff08!important;
  }
  .workspace-target-grid .target-card:hover{transform:translateY(-1px)!important}
  .workspace-target-grid .target-card .target-art{
    width:100%!important;height:137px!important;min-height:137px!important;max-height:137px!important;
    flex:0 0 137px!important;margin:0 0 4px!important;padding:0!important;overflow:hidden!important;
    border-radius:2px!important;box-sizing:border-box!important;
  }
  .workspace-target-grid .target-card .target-art img{
    width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;padding:4px!important;margin:0!important;transform:none!important;
  }
  .workspace-target-grid .target-card>b{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:25px!important;min-height:25px!important;max-height:25px!important;
    flex:0 0 25px!important;margin:0!important;padding:0 4px!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;font-size:10px!important;line-height:14px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;z-index:5!important;
  }
  .workspace-target-grid .target-card .rarity-label{
    display:block!important;position:absolute!important;left:7px!important;bottom:7px!important;
    z-index:6!important;font-size:7px!important;font-weight:900!important;line-height:1!important;
    color:var(--rarity-color,#aeb4c4)!important;opacity:.9!important;text-transform:uppercase!important;
  }
  .workspace-target-grid .target-card .card-price{top:7px!important;right:7px!important;z-index:20!important}
  .workspace-target-grid .target-card.target-selected{transform:none!important;outline:none!important}
  .workspace-target-grid .target-card.target-selected:after{display:none!important}
}

/* Mobile: keep the same compact rhythm without creating a giant blank area. */
@media(max-width:650px){
  .upgrade-layout{gap:7px!important}
  .upgrade-layout .wheel-card{padding-bottom:2px!important}
  .upgrade-controls{margin-top:-3px!important;padding:4px 7px!important;gap:6px!important}
  .upgrade-controls .upgrade-btn{height:58px!important;min-height:58px!important}
  .upgrade-controls .balance-stake{min-height:78px!important;height:78px!important;padding:7px!important}
  .upgrade-controls .quick{height:52px!important;min-height:52px!important}
  .upgrade-controls .quick button{height:44px!important}
  .workspace-shell{margin-top:0!important;padding-top:3px!important}
  .workspace-target-grid{grid-template-rows:none!important;grid-auto-rows:188px!important;align-content:start!important;gap:6px!important;padding:6px!important}
  .workspace-target-grid .target-card{height:188px!important;min-height:188px!important;max-height:188px!important;margin:0!important}
  .workspace-target-grid .target-card .target-art{height:122px!important;min-height:122px!important;max-height:122px!important;flex-basis:122px!important}
  .workspace-target-grid .target-card>b{height:22px!important;min-height:22px!important;max-height:22px!important;font-size:8px!important}
  .workspace-target-grid .target-card .rarity-label{display:block!important;bottom:6px!important;left:6px!important;font-size:6px!important}
}

/* ===== v22.5 clean final pass ===== */
/* The source/target panels are transparent shells; only their actual preview card remains visible. */
.upgrade-layout > .pick.source-panel,
.upgrade-layout > .pick.target-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:14px!important;
  min-height:340px!important;
  height:340px!important;
  box-sizing:border-box!important;
}
/* Keep both preview areas exactly the same size, including the empty target state. */
.source-panel .selection-summary.single-stake.preview-card,
.target-panel .target-selection-summary.preview-card,
.target-panel .target-selection-summary.target-preview-locked{
  width:100%!important;
  height:235px!important;
  min-height:235px!important;
  max-height:235px!important;
  flex:0 0 235px!important;
  box-sizing:border-box!important;
}
.target-panel .target-selection-summary.target-preview-locked{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #3d4560!important;
  border-radius:8px!important;
  background:#20253a!important;
  box-shadow:none!important;
}
.target-panel .target-selection-summary.target-preview-locked .target-empty{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
/* Put the upgrade button directly under the wheel, centered on its axis. */
.upgrade-controls{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 420px minmax(260px,1fr)!important;
  align-items:center!important;
  max-width:1120px!important;
  margin:-18px auto 0!important;
  padding:0 12px!important;
  gap:14px!important;
  box-sizing:border-box!important;
}
.upgrade-controls .upgrade-btn{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  justify-self:stretch!important;
  align-self:center!important;
}
.upgrade-controls .balance-stake{grid-column:1!important;grid-row:1!important}
.upgrade-controls .quick{grid-column:3!important;grid-row:1!important}
/* Target cards: remove the old colored rarity strip/patch at the bottom. */
.workspace-target-grid .target-card:after,
.workspace-target-grid .target-card.target-selected:after{
  display:none!important;
  content:none!important;
}
.workspace-target-grid .target-card .rarity-label{
  display:none!important;
}
.workspace-target-grid .target-card{
  overflow:hidden!important;
}
.workspace-target-grid{
  column-gap:5px!important;
  row-gap:5px!important;
}
@media(max-width:900px){
  .upgrade-controls{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin-top:-12px!important}
  .upgrade-controls .balance-stake,
  .upgrade-controls .upgrade-btn,
  .upgrade-controls .quick{grid-column:1!important;grid-row:auto!important;width:100%!important}
}
@media(max-width:650px){
  .upgrade-layout > .pick.source-panel,
  .upgrade-layout > .pick.target-panel{height:320px!important;min-height:320px!important;padding:11px!important}
  .source-panel .selection-summary.single-stake.preview-card,
  .target-panel .target-selection-summary.preview-card,
  .target-panel .target-selection-summary.target-preview-locked{
    height:218px!important;min-height:218px!important;max-height:218px!important;flex-basis:218px!important;
  }
  .upgrade-controls{margin-top:-4px!important;padding:0 7px!important}
  .workspace-target-grid{column-gap:4px!important;row-gap:4px!important}
}

/* ===== v23 exact side-panel alignment / clean labels ===== */
/* Hide the helper headings/text around the preview cards. The cards themselves remain. */
.upgrade-layout > .source-panel > .panel-title,
.upgrade-layout > .source-panel > .hint,
.upgrade-layout > .source-panel > .source-note,
.upgrade-layout > .target-panel > .panel-title,
.upgrade-layout > .target-panel > .hint{
  display:none!important;
}

/* Make both side menus exactly the same height as the wheel and align them edge-to-edge. */
.upgrade-layout > .pick.source-panel,
.upgrade-layout > .pick.target-panel,
.upgrade-layout > .wheel-card{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  box-sizing:border-box!important;
}

.upgrade-layout > .pick.source-panel,
.upgrade-layout > .pick.target-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  padding:0 12px!important;
  margin:0!important;
}

/* Both preview menus sit on the same horizontal line as the wheel. */
.upgrade-layout > .source-panel #selectedBox,
.upgrade-layout > .target-panel #targetSelection{
  width:100%!important;
  height:235px!important;
  min-height:235px!important;
  max-height:235px!important;
  flex:0 0 235px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Keep the empty target and selected source visually centered in their equal-height menus. */
.upgrade-layout > .source-panel .selection-summary,
.upgrade-layout > .target-panel .target-selection-summary{
  align-self:stretch!important;
}

/* Remove the extra mini source strip so nothing remains under the main preview. */
.upgrade-layout > .source-panel .mini-selected{
  display:none!important;
}

@media(max-width:650px){
  .upgrade-layout > .pick.source-panel,
  .upgrade-layout > .pick.target-panel,
  .upgrade-layout > .wheel-card{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
  }
  .upgrade-layout > .source-panel #selectedBox,
  .upgrade-layout > .target-panel #targetSelection{
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    flex-basis:218px!important;
  }
}

/* v24 polish: premium top-drop rail + denser skin cards */
.live-drop-section{overflow:hidden;border:1px solid #343a55;background:linear-gradient(180deg,#20243a,#1b1e30);box-shadow:0 14px 40px #080a14aa}
.live-drop-head{min-height:48px;padding:0 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #343950}
.live-drop-sub{font-size:9px;color:#747b92;letter-spacing:.08em}
.live-drop-live{margin-left:auto;font-size:9px;font-weight:900;color:#68e890;display:flex;align-items:center;gap:5px}
.live-drop-live i{width:6px;height:6px;border-radius:50%;background:#39db68;box-shadow:0 0 10px #39db68}
.top-drop-feed{display:flex!important;gap:8px!important;padding:10px!important;overflow-x:auto!important;scrollbar-width:thin}
.top-drop-feed .side-item{flex:0 0 190px;min-height:74px;padding:7px;border-radius:7px;background:linear-gradient(135deg,#292e46,#23273b);border-color:#414866;transition:.18s;position:relative}
.top-drop-feed .side-item:hover{transform:translateY(-2px);border-color:#758cc4;box-shadow:0 10px 24px #080a15aa}
.top-drop-feed .side-thumb{width:64px;height:58px;border-radius:5px;background:radial-gradient(circle,#5c6685,#202438 72%);display:grid;place-items:center;overflow:hidden}
.top-drop-feed .side-thumb img{width:100%;height:100%;object-fit:contain}
.top-drop-feed .side-meta{min-width:0;padding-left:3px}
.top-drop-feed .side-meta b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-drop-feed .side-meta small{display:block;margin-top:7px;color:#f0b34a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.skin{border-radius:7px;background:linear-gradient(180deg,#2c3148,#262a40);padding:8px;transition:.18s;box-shadow:0 4px 16px #080a1466}
.skin:hover{transform:translateY(-2px);border-color:#596684;box-shadow:0 10px 24px #080a15aa}
.skin-hit{cursor:pointer}
.skin-art{height:105px;border-radius:5px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#68718f 0,#363c58 42%,#24283d 76%);margin-bottom:8px}
.skin-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 13px #07081299);transition:.2s}
.skin:hover .skin-art img{transform:scale(1.045)}
.card-price{z-index:2;padding:4px 6px;border-radius:4px;background:#171a28dd;border:1px solid #4a516d;color:#f4bd55;font-size:8px}
.rarity-label{font-size:8px!important;letter-spacing:.05em;text-transform:uppercase;opacity:.82}
.skin b{font-size:10px!important;margin-top:3px}
.skin small{font-size:8px!important}
.upgrade-layout{gap:10px}
.pick,.wheel-card{border-radius:8px}
.odds-card{border-color:#4c5878}
.odds-live{min-width:150px;padding:10px 14px;border:1px solid #414967;background:#1a1e30;text-align:right}
.odds-live span{display:block;font-size:8px;color:#777f96}.odds-live b{display:block;margin-top:4px;color:#f0b34a;font-size:18px}
.odds-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.odds-form label{flex:1;min-width:210px}.odds-form label span{display:block;color:#8990a5;font-size:9px;margin-bottom:6px}
.odds-form input{width:100%;padding:11px;background:#2a2f45;color:#fff;border:1px solid #4b536e;border-radius:4px}
.odds-form .gold{width:auto;min-width:180px}
.odds-presets{display:flex;gap:5px}
.odds-presets button{border:1px solid #444c67;background:#2c3148;color:#c2c6d2;padding:10px 12px;border-radius:4px;font-weight:800}
.odds-note{margin-top:12px;color:#6f778d;font-size:9px;line-height:1.5}
@media(max-width:650px){
 .live-drop-head{padding:0 10px}.live-drop-sub{display:none}.top-drop-feed .side-item{flex-basis:165px}
 .odds-live{width:100%;text-align:left}.odds-form .gold{width:100%}.odds-presets{width:100%}.odds-presets button{flex:1}
 .skin-art{height:88px}
}

/* ===== v28 FINAL: mobile LIVE DROP + compact card spacing ===== */
@media (max-width:650px){
  /* LIVE DROP: compact horizontal mobile rail */
  .live-drop-section{
    width:100%!important;
    margin:0!important;
    padding:7px 8px 8px!important;
    border-left:0!important;border-right:0!important;
    border-radius:0!important;
  }
  .live-drop-head{
    height:30px!important;min-height:30px!important;
    margin:0!important;padding:0 4px!important;
    border-bottom:0!important;
  }
  .live-drop-head .side-title{font-size:11px!important;height:30px!important}
  .live-drop-sub{display:none!important}
  .live-drop-live{font-size:8px!important}
  .top-drop-feed{
    display:flex!important;flex-wrap:nowrap!important;
    gap:6px!important;padding:3px 1px 4px!important;
    width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .top-drop-feed::-webkit-scrollbar{display:none!important}
  .top-drop-feed .side-item{
    flex:0 0 142px!important;
    width:142px!important;min-width:142px!important;max-width:142px!important;
    height:66px!important;min-height:66px!important;max-height:66px!important;
    padding:5px!important;gap:6px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    border-radius:6px!important;
  }
  .top-drop-feed .side-thumb{
    width:54px!important;height:54px!important;min-width:54px!important;
    border-radius:5px!important;
  }
  .top-drop-feed .side-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
  .top-drop-feed .side-meta{padding:0!important}
  .top-drop-feed .side-meta b{
    font-size:8px!important;line-height:11px!important;
    -webkit-line-clamp:2!important;white-space:normal!important;
  }


  /* Remove the oversized empty zones in inventory/shop/upgrade cards. */
  .inventory-scroll,.shop-grid,.workspace-target-grid{
    gap:5px!important;padding:5px!important;
    grid-auto-rows:auto!important;
    align-content:start!important;
  }
  .inventory-scroll .skin,.shop-grid .shop-item,.workspace-target-grid .target-card{
    height:auto!important;min-height:0!important;max-height:none!important;
    align-self:start!important;
  }

  .inventory-scroll .skin{
    grid-template-rows:auto 22px 31px!important;
    gap:3px!important;padding:5px!important;
  }
  .inventory-scroll .skin-hit{
    grid-template-rows:108px 22px!important;
    height:130px!important;min-height:130px!important;
  }
  .inventory-scroll .skin-art{
    height:108px!important;min-height:108px!important;
    margin:0!important;border-radius:4px!important;
  }
  .inventory-scroll .skin-hit>b{height:22px!important;min-height:22px!important;font-size:8px!important}
  .inventory-scroll .sell{height:31px!important;min-height:31px!important;line-height:31px!important;font-size:8px!important}

  .shop-grid .shop-item{
    grid-template-rows:108px 22px 16px 31px!important;
    gap:2px!important;padding:5px!important;
  }
  .shop-grid .shop-item .skin-art{height:108px!important;min-height:108px!important}
  .shop-grid .shop-item .shop-item-name{height:22px!important;min-height:22px!important;font-size:8px!important}
  .shop-grid .shop-item .shop-price-line{height:16px!important;min-height:16px!important;line-height:16px!important;font-size:8px!important}
  .shop-grid .shop-item .buy{height:31px!important;min-height:31px!important;line-height:31px!important;font-size:8px!important}

  .workspace-target-grid .target-card{
    grid-template-rows:108px 22px!important;
    gap:2px!important;padding:5px!important;
  }
  .workspace-target-grid .target-card .target-art{
    height:108px!important;min-height:108px!important;max-height:108px!important;flex-basis:108px!important;
  }
  .workspace-target-grid .target-card>b{height:22px!important;min-height:22px!important;font-size:8px!important}
  .workspace-target-grid .target-card .card-price{top:6px!important;right:6px!important;font-size:8px!important}
}

/* Desktop/tablet: keep cards tight and eliminate excess bottom whitespace. */
@media (min-width:651px){
  .inventory-scroll .skin,.shop-grid .shop-item,.workspace-target-grid .target-card{
    height:220px!important;min-height:220px!important;max-height:220px!important;
  }
  .inventory-scroll .skin{grid-template-rows:minmax(0,1fr) 23px 34px!important;gap:3px!important}
  .inventory-scroll .skin-hit{grid-template-rows:minmax(0,1fr) 23px!important}
  .inventory-scroll .sell{height:34px!important;min-height:34px!important;line-height:34px!important}
  .shop-grid .shop-item{grid-template-rows:minmax(0,1fr) 23px 17px 34px!important;gap:2px!important}
  .shop-grid .shop-item .shop-item-name{height:23px!important;min-height:23px!important}
  .shop-grid .shop-item .shop-price-line{height:17px!important;min-height:17px!important;line-height:17px!important}
  .shop-grid .shop-item .buy{height:34px!important;min-height:34px!important;line-height:34px!important}
  .workspace-target-grid .target-card{grid-template-rows:minmax(0,1fr) 23px!important;gap:3px!important}
  .workspace-target-grid .target-card>b{height:23px!important;min-height:23px!important}
}


/* ===== v31 FINAL: compact cards + clean mobile LIVE DROP ===== */
.live-drop-section .side-price{display:none!important}

@media (min-width:651px){
  .inventory-scroll,.shop-grid,.workspace-target-grid{gap:8px!important;padding:4px!important;align-content:start!important}
  .inventory-scroll .skin,.shop-grid .shop-item{height:220px!important;min-height:220px!important;max-height:220px!important;padding:6px!important}
  .inventory-scroll .skin-hit{height:176px!important;min-height:176px!important}
  .inventory-scroll .skin-art{height:128px!important;min-height:128px!important;margin-bottom:4px!important}
  .shop-item .skin-art{height:136px!important;min-height:136px!important;flex-basis:136px!important;margin-bottom:4px!important}
  .shop-item .buy{height:30px!important;min-height:30px!important;flex-basis:30px!important;margin-top:3px!important}
  .workspace-target-grid .target-card{height:176px!important;min-height:176px!important;max-height:176px!important;padding:6px!important}
  .workspace-target-grid .target-card .target-art{min-height:130px!important;height:130px!important;flex-basis:130px!important;margin-bottom:3px!important}
}

@media (max-width:650px){
  .inventory-scroll,.shop-grid,.workspace-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:2px!important;align-content:start!important}
  .inventory-scroll .skin,.shop-grid .shop-item{height:190px!important;min-height:190px!important;max-height:190px!important;padding:5px!important}
  .inventory-scroll .skin-hit{height:153px!important;min-height:153px!important}
  .inventory-scroll .skin-art{height:108px!important;min-height:108px!important;margin-bottom:3px!important}
  .inventory-scroll .skin b,.shop-item .shop-item-name{font-size:9px!important;line-height:13px!important;min-height:13px!important;height:13px!important}
  .inventory-scroll .inventory-weapon,.shop-item .shop-weapon{font-size:7px!important;line-height:9px!important;margin:0 2px!important}
  .inventory-scroll .sell{height:27px!important;min-height:27px!important;line-height:27px!important;padding:0!important}
  .shop-item .skin-art{height:108px!important;min-height:108px!important;flex-basis:108px!important;margin-bottom:3px!important}
  .shop-item .buy{height:27px!important;min-height:27px!important;flex-basis:27px!important;line-height:27px!important;margin-top:3px!important;padding:0 5px!important}
  .workspace-target-grid .target-card{height:164px!important;min-height:164px!important;max-height:164px!important;padding:5px!important}
  .workspace-target-grid .target-card .target-art{height:116px!important;min-height:116px!important;flex-basis:116px!important;margin-bottom:2px!important}
  .workspace-target-grid .target-card>b{height:14px!important;min-height:14px!important;line-height:14px!important;font-size:8px!important}

  /* LIVE DROP: compact horizontal rail, no wrapping. */
  .live-drop-section{width:100%!important;margin:0!important;padding:7px 8px 8px!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  .live-drop-head{height:28px!important;min-height:28px!important;margin-bottom:5px!important;padding:0 2px!important}
  .live-drop-head .side-title{font-size:10px!important;height:28px!important}
  .live-drop-live{font-size:7px!important}
  .top-drop-feed,.live-drop-section .feed{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;gap:6px!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .top-drop-feed::-webkit-scrollbar,.live-drop-section .feed::-webkit-scrollbar{display:none!important}
  .top-drop-feed .side-item,.live-drop-section .side-item{flex:0 0 112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:86px!important;min-height:86px!important;max-height:86px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:4px!important;border-radius:5px!important}
  .top-drop-feed .side-thumb,.live-drop-section .side-thumb{width:100%!important;height:61px!important;min-width:0!important;min-height:61px!important;flex:0 0 61px!important;border-radius:4px!important}
  .top-drop-feed .side-meta,.live-drop-section .side-meta{width:100%!important;height:14px!important;min-height:14px!important;padding:0 2px!important;display:block!important;text-align:center!important}
  .top-drop-feed .side-meta b,.live-drop-section .side-meta b{display:block!important;width:100%!important;font-size:7px!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
}


/* ===== v32 upgrade/shop pagination + result polish ===== */
.inventory-price-filter button,.shop-filters button{white-space:nowrap}
.inventory-price-filter #invSort,.shop-filters #shopSort,.target-filters #targetSort{
  border-color:#4d5670;background:#252b3d;color:#dbe1ef;font-weight:900;cursor:pointer;
}
.inventory-price-filter #invSort:hover,.shop-filters #shopSort:hover,.target-filters #targetSort:hover{border-color:#8d96ad;transform:translateY(-1px)}
.shop-pages,.target-pages,.inv-pages{position:relative;z-index:30;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.shop-pages button,.target-pages button,.inv-pages button{position:relative!important;z-index:31!important;pointer-events:auto!important;cursor:pointer!important}
.shop-grid,.workspace-target-grid,.inventory-scroll{overflow:hidden!important;align-content:start!important}
.shop-grid .shop-item[hidden],.workspace-target-grid .target-card[hidden],.inventory-scroll .skin[hidden]{display:none!important}
/* Clear, unmistakable rarity border on upgrade target cards. */
.workspace-target-grid .target-card,
.inventory-scroll .skin,
.shop-grid .shop-item{border-width:2px!important;border-color:color-mix(in srgb,var(--rarity-color,#8b93a3) 88%,#25283a)!important}
.workspace-target-grid .target-card:hover,.inventory-scroll .skin:hover,.shop-grid .shop-item:hover{box-shadow:0 0 0 1px var(--rarity-color,#8b93a3),0 8px 26px color-mix(in srgb,var(--rarity-color,#8b93a3) 24%,transparent)!important}
/* Win = green glow on the target/result side. Lose = neutral gray glow. */
.target-card.upgrade-winner{
  border-color:#57e58a!important;
  box-shadow:0 0 0 2px #57e58a,0 0 22px #57e58a99,0 0 48px #57e58a55!important;
  animation:upgradeTargetWin 1.8s ease-in-out 1;
}
.target-card.upgrade-winner .target-art{filter:brightness(1.16) saturate(1.08);}
@keyframes upgradeTargetWin{0%,100%{transform:scale(1)}35%{transform:scale(1.025);filter:brightness(1.15)}70%{transform:scale(1.012);filter:brightness(1.28)}}
.wheel.upgrade-win .wheel-face{box-shadow:0 0 28px #57e58a88,0 0 70px #57e58a44!important}
.wheel.upgrade-lose .wheel-face{box-shadow:0 0 22px #a5aab588,0 0 55px #8b909b33!important}
.pointer-orbit.result-win .pointer{border-top-color:#57e58a!important}
.pointer-orbit.result-lose .pointer{border-top-color:#aeb4c2!important}
@media(max-width:650px){
  .inventory-price-filter #invSort,.shop-filters #shopSort,.target-filters #targetSort{padding:6px 7px!important;font-size:8px!important}
  .shop-pages,.target-pages,.inv-pages{gap:7px!important}
}


/* ===== v33 final polish ===== */
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(91,76,180,.13), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(47,93,155,.10), transparent 38%),
    linear-gradient(135deg,#0c1120 0%,#11172a 48%,#0b1020 100%) !important;
  background-attachment:fixed !important;
}
.profile-page{
  background:
    radial-gradient(circle at 16% 12%, rgba(91,76,180,.12), transparent 36%),
    radial-gradient(circle at 84% 78%, rgba(47,93,155,.09), transparent 40%),
    linear-gradient(135deg,#0c1120,#11172a 52%,#0b1020) !important;
}
.inventory-pages-bottom{margin:12px 4px 2px !important; padding:8px 0 !important; border-top:1px solid #313852 !important;}
.inventory-pages-bottom button,.profile-pages button,.shop-pages button,.target-pages button{min-width:42px;height:42px;border:1px solid #3c4662;border-radius:6px;background:#20263a;color:#dfe5f3;font-weight:900;}
.inventory-pages-bottom button:not(:disabled):hover,.profile-pages button:not(:disabled):hover,.shop-pages button:not(:disabled):hover,.target-pages button:not(:disabled):hover{border-color:#7885aa;box-shadow:0 0 16px #6e7ba633;transform:translateY(-1px);}
.target-empty{position:relative;overflow:hidden;}
.target-empty-preview{width:170px;height:92px;margin:2px auto 8px;display:grid;place-items:center;pointer-events:none;}
.target-empty-preview img{width:170px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));animation:emptyTargetFloat 2.6s ease-in-out infinite,emptyTargetGlow 2.6s ease-in-out infinite;opacity:.78;}
@keyframes emptyTargetFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes emptyTargetGlow{0%,100%{filter:drop-shadow(0 8px 18px rgba(0,0,0,.5)) brightness(.88)}50%{filter:drop-shadow(0 0 24px rgba(150,120,255,.35)) brightness(1.12)}}
.target-empty .target-empty-icon{display:none;}
.profile-sell-all{border-color:#684b76 !important;background:linear-gradient(180deg,#392044,#28172f) !important;color:#f0b9ff !important;font-weight:950 !important;}
.profile-sell-all:not(:disabled):hover{border-color:#b36ed0 !important;box-shadow:0 0 18px #a45ec044 !important;}
.profile-sell-all:disabled{opacity:.45;cursor:not-allowed;}
.profile-price-filter{flex-wrap:wrap;}
@media(max-width:900px){.inventory-pages-bottom{margin-top:10px!important}.target-empty-preview{width:145px;height:78px}.target-empty-preview img{width:145px;height:78px}}
@media(max-width:650px){.inventory-pages-bottom button,.profile-pages button,.shop-pages button,.target-pages button{min-width:36px;height:36px}.target-empty-preview{width:120px;height:66px;margin-bottom:4px}.target-empty-preview img{width:120px;height:66px}.profile-sell-all{font-size:8px!important;padding:6px 8px!important}}

/* ===== v34 profile + stake controls polish ===== */
.profile-inv-tools{min-width:0}
.profile-price-filter{display:flex;align-items:center;gap:7px}
.profile-price-filter button{cursor:pointer;transition:.16s ease}
.profile-price-filter #profileSort{min-width:78px}
.profile-pages{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-top:10px!important}
.profile-pages span{min-width:58px;text-align:center;font-weight:900;color:#e6e9f3}
.profile-pages button:disabled{opacity:.35;cursor:not-allowed}

.balance-stake{position:relative;overflow:hidden}
.stake-row-main{position:relative;z-index:2}
.stake-slider-wrap{padding:9px 2px 3px}
#balanceStakeRange{
  --stake-progress:0%;width:100%;height:7px;display:block;appearance:none;-webkit-appearance:none;
  border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,#8d5cf6 0%,#b56cff var(--stake-progress),#30364c var(--stake-progress),#30364c 100%);
}
#balanceStakeRange::-webkit-slider-runnable-track{height:7px;border-radius:99px;background:transparent}
#balanceStakeRange::-moz-range-track{height:7px;border-radius:99px;background:#30364c}
#balanceStakeRange::-moz-range-progress{height:7px;border-radius:99px;background:#9b63ff}
#balanceStakeRange::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin-top:-6px;border-radius:50%;border:2px solid #f4eaff;background:#a765ff;box-shadow:0 0 0 4px #a765ff22,0 0 16px #a765ff66}
#balanceStakeRange::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:2px solid #f4eaff;background:#a765ff;box-shadow:0 0 0 4px #a765ff22,0 0 16px #a765ff66}
.stake-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin-top:5px!important}
.stake-presets button{height:31px!important;min-height:31px!important;border:1px solid #3e4661!important;border-radius:7px!important;background:linear-gradient(180deg,#292f45,#202538)!important;color:#dfe4f2!important;font-size:10px!important;font-weight:950!important;letter-spacing:.2px;transition:.16s ease!important;box-shadow:inset 0 1px #ffffff08}
.stake-presets button:hover{transform:translateY(-1px)!important;border-color:#9a6cff!important;background:linear-gradient(180deg,#393152,#29233e)!important;box-shadow:0 5px 16px #8f5cf633!important}
.stake-presets button:active{transform:translateY(0)!important}

/* Cleaner, safer-looking upgrade presets. */
.upgrade-controls .quick{background:linear-gradient(180deg,#1b2031,#171b2a)!important;border:1px solid #343b54!important;border-radius:12px!important;padding:7px!important;box-shadow:inset 0 1px #ffffff08,0 10px 30px #00000022!important}
.upgrade-controls .quick button{border:1px solid #3e4763!important;border-radius:8px!important;background:linear-gradient(180deg,#293149,#20263a)!important;color:#e6eaf4!important;font-size:12px!important;font-weight:950!important;letter-spacing:.2px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.upgrade-controls .quick button:hover{transform:translateY(-2px)!important;border-color:#9568f4!important;background:linear-gradient(180deg,#3b3157,#29233f)!important;box-shadow:0 7px 20px #8b5cf633!important}
.upgrade-controls .quick button[data-mult="2"],.upgrade-controls .quick button[data-mult="3"],.upgrade-controls .quick button[data-mult="5"]{color:#dfe6ff!important}
.upgrade-controls .quick button[data-mult=".35"],.upgrade-controls .quick button[data-mult=".50"],.upgrade-controls .quick button[data-mult=".75"]{color:#e9dfff!important}
.upgrade-controls .quick button[data-mult=".35"]{background:linear-gradient(180deg,#322d4a,#25223a)!important}
.upgrade-controls .quick button[data-mult=".50"]{background:linear-gradient(180deg,#343052,#26243d)!important}
.upgrade-controls .quick button[data-mult=".75"]{background:linear-gradient(180deg,#3a3158,#2a2441)!important}
.upgrade-controls .quick .settings{border-radius:8px!important;color:#aeb7ca!important;background:#20263a!important}

.upgrade-controls .upgrade-btn{position:relative;overflow:hidden;border:1px solid #b57bff!important;border-radius:12px!important;background:linear-gradient(135deg,#7040d9 0%,#9b4ee9 48%,#7139c8 100%)!important;box-shadow:0 10px 30px #8c4de744,inset 0 1px #ffffff33!important;letter-spacing:1.2px;text-shadow:0 2px 7px #3b1768!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.upgrade-controls .upgrade-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff22 45%,transparent 65%);transform:translateX(-120%);transition:transform .65s ease}
.upgrade-controls .upgrade-btn:not(:disabled):hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 14px 36px #9d5af255,inset 0 1px #ffffff44!important}
.upgrade-controls .upgrade-btn:not(:disabled):hover:before{transform:translateX(120%)}
.upgrade-controls .upgrade-btn:disabled{filter:saturate(.55);opacity:.55}

@media(max-width:650px){
  .stake-presets{gap:4px!important}
  .stake-presets button{font-size:8px!important;height:29px!important;min-height:29px!important}
  .upgrade-controls .quick button{font-size:9px!important;border-radius:7px!important}
  .profile-pages{justify-content:center!important}
}

/* ===== v35 weapon preview animation ===== */
.selection-summary.single-stake.preview-card .preview-art,
.target-selection-summary.selected-target.preview-card .preview-art,
.target-empty-preview{
  position:relative;
  overflow:hidden;
}
.selection-summary.single-stake.preview-card .preview-art:before,
.target-selection-summary.selected-target.preview-card .preview-art:before,
.target-empty-preview:before{
  content:"";
  position:absolute;
  width:58%;
  height:150%;
  left:-70%;
  top:-25%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  filter:blur(3px);
  animation:weaponPreviewSweep 3.2s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}
.selection-summary.single-stake.preview-card .preview-art img,
.target-selection-summary.selected-target.preview-card .preview-art img{
  animation:weaponPreviewFloat 2.8s ease-in-out infinite, weaponPreviewGlow 2.8s ease-in-out infinite;
  transform-origin:50% 55%;
}
.target-empty-preview img{
  animation:weaponPreviewFloat 2.8s ease-in-out infinite, weaponPreviewGlow 2.8s ease-in-out infinite, emptyTargetGlow 2.8s ease-in-out infinite;
}
@keyframes weaponPreviewFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg) scale(1)}
  50%{transform:translate3d(0,-7px,0) rotate(1deg) scale(1.025)}
}
@keyframes weaponPreviewGlow{
  0%,100%{filter:drop-shadow(0 10px 15px rgba(4,6,18,.75)) brightness(.94)}
  50%{filter:drop-shadow(0 0 24px rgba(151,105,255,.38)) brightness(1.09)}
}
@keyframes weaponPreviewSweep{
  0%,55%{left:-70%;opacity:0}
  65%{opacity:1}
  88%,100%{left:120%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .selection-summary.single-stake.preview-card .preview-art img,
  .target-selection-summary.selected-target.preview-card .preview-art img,
  .target-empty-preview img,
  .selection-summary.single-stake.preview-card .preview-art:before,
  .target-selection-summary.selected-target.preview-card .preview-art:before,
  .target-empty-preview:before{animation:none!important}
}

/* ===== v36 empty stake weapon preview + slider-only balance ===== */
.selected-empty{position:relative;display:grid!important;place-items:center;align-content:center;gap:6px;min-height:100%;overflow:hidden;padding:12px!important;box-sizing:border-box}
.selected-empty strong,.selected-empty span{position:relative;z-index:3}
.stake-empty-preview{position:relative;width:72%;height:118px;display:grid;place-items:center;margin-bottom:2px;overflow:hidden;pointer-events:none}
.stake-empty-preview:before{content:"";position:absolute;width:58%;height:155%;left:-70%;top:-28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(3px);animation:weaponPreviewSweep 3.2s ease-in-out infinite;z-index:2}
.stake-empty-preview:after{content:"";position:absolute;inset:22% 12%;border-radius:50%;background:radial-gradient(circle,rgba(151,105,255,.18),transparent 65%);filter:blur(10px);animation:emptyTargetGlow 2.8s ease-in-out infinite}
.stake-empty-preview img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;animation:weaponPreviewFloat 2.8s ease-in-out infinite,weaponPreviewGlow 2.8s ease-in-out infinite}
.stake-slider-main{position:relative;padding:14px 3px 8px!important}
.stake-slider-main #balanceStakeRange{height:9px}
.stake-range-value{margin-top:8px;text-align:center;font-size:18px;font-weight:950;letter-spacing:.3px;color:#f2eaff;text-shadow:0 0 16px rgba(165,110,255,.28)}
@media(max-width:650px){.stake-empty-preview{width:78%;height:92px}.stake-range-value{font-size:15px}}
@media(prefers-reduced-motion:reduce){.stake-empty-preview img,.stake-empty-preview:before,.stake-empty-preview:after{animation:none!important}}


/* v6 wheel polish: animated percentage fill and premium spin */
.ring-progress{transition:stroke-dashoffset .32s cubic-bezier(.22,.8,.25,1);transform:rotate(-90deg);transform-origin:50% 50%;}
.wheel{transition:--chance .32s ease,box-shadow .32s ease;}
.wheel::before{content:"";position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from -90deg,rgba(17,189,77,.30) 0 var(--chance),rgba(255,255,255,.025) var(--chance) 100%);filter:blur(2px);pointer-events:none;opacity:.9;}
.wheel-center{transition:transform .22s ease,box-shadow .22s ease;}
.pointer-orbit.pointer-spinning .pointer{filter:drop-shadow(0 0 9px rgba(220,235,255,.9));}


/* Admin v6 tools */
.admin-tools{display:flex;gap:9px;align-items:center;margin:14px 0 16px;flex-wrap:wrap}.admin-search{min-width:300px;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #434b67;background:#20253a;border-radius:8px}.admin-search span{color:#f0b24a;font-size:20px}.admin-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:12px 0}.admin-tools button{border:1px solid #4a5270;background:#2b3047;color:#dce0ea;padding:11px 14px;border-radius:8px;font-weight:800}.admin-tools button:hover,.admin-tools button.active{border-color:#e8aa38;background:#3a3144;color:#fff}.tr[hidden]{display:none!important}@media(max-width:700px){.admin-search{min-width:100%}.admin-tools button{flex:1}}

/* ===== SKIN RUSH v7 chance wheel + premium purchase UX ===== */
:root{--rush:#a477ff;--rush2:#66d8ff;--rush-soft:#8d73d8}
.wheel{background:#252a42!important}
.wheel-face{overflow:hidden!important;background:radial-gradient(circle at 35% 28%,#626b8a,#3b415f 68%,#30354e)!important}
.chance-fill{position:absolute;inset:12px;border-radius:50%;background:conic-gradient(from -90deg,rgba(164,119,255,.46) 0 var(--chance-angle),rgba(20,24,40,.10) var(--chance-angle) 360deg);z-index:1;transition:background .35s cubic-bezier(.22,.8,.25,1);pointer-events:none}
.chance-fill:after{content:"";position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle at 45% 38%,rgba(112,222,255,.08),rgba(14,17,30,.16) 72%);}
.chance-boundary{position:absolute;left:50%;top:0;width:2px;height:15px;background:linear-gradient(#d9c9ff,transparent);transform-origin:50% 155px;transform:translateX(-50%) rotate(var(--chance-angle));z-index:4;filter:drop-shadow(0 0 5px rgba(164,119,255,.85));transition:transform .35s cubic-bezier(.22,.8,.25,1);}
.ring-progress{stroke:var(--rush)!important;filter:drop-shadow(0 0 8px rgba(164,119,255,.6))!important}
.wheel::before{background:conic-gradient(from -90deg,rgba(164,119,255,.08) 0 var(--chance),rgba(255,255,255,.018) var(--chance) 100%)!important}
.wheel-center{background:radial-gradient(circle at 35% 30%,#68718f,#444a68 70%)!important;box-shadow:inset 0 0 35px #292d48,0 0 20px rgba(164,119,255,.10)!important}
.buy-quantity-card{max-width:430px;text-align:left!important}
.buy-quantity-kicker{font-size:9px;font-weight:950;letter-spacing:1.5px;color:#a477ff;margin-bottom:5px}
.buy-quantity-card h2{margin:0 0 14px;font-size:23px}
.buy-quantity-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #464d68;background:#1c2033;border-radius:9px}
.buy-quantity-art{width:84px;height:60px;display:grid;place-items:center;background:radial-gradient(circle,#58617f,#252a3d 72%);border-radius:7px;overflow:hidden}
.buy-quantity-art img{width:100%;height:100%;object-fit:contain}
.buy-quantity-item b{display:block;font-size:12px}.buy-quantity-item span{display:block;color:#f2c457;font-size:10px;margin-top:4px}
.quantity-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:13px 0}.quantity-row button{height:34px;border:1px solid #444b67;border-radius:6px;background:#292f46;color:#cbd0dc;font-weight:900;font-size:10px}.quantity-row button.active,.quantity-row button:hover{border-color:#a477ff;background:#3a3150;color:#fff}
.quantity-label{display:block;color:#969caf;font-size:10px;font-weight:800}.quantity-label input{width:100%;margin:10px 0 0;accent-color:#a477ff}
.quantity-value{display:flex;align-items:center;gap:7px;margin:4px 0 15px}.quantity-value strong{font-size:25px;color:#fff}.quantity-value span{font-size:10px;color:#8d93a7}.quantity-value em{margin-left:auto;font-style:normal;font-size:15px;font-weight:950;color:#f2c457}
.buy-quantity-confirm{border-radius:8px!important}.buy-quantity-confirm:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:650px){.buy-quantity-card{padding:20px}.chance-boundary{transform-origin:50% 140px}.chance-fill{inset:10px}}

/* ===== Stable SKIN RUSH wheel geometry ===== */
.wheel{--chance:0%;--chance-angle:0deg;--chance-half:0deg;--chance-start:180deg;background:#363b57!important;overflow:visible}
.wheel .chance-fill{
  position:absolute;inset:12px;border-radius:50%;z-index:1;pointer-events:none;
  background:conic-gradient(from calc(var(--chance-start) - 0.001deg),rgba(164,119,255,.55) 0 var(--chance-angle),rgba(20,24,40,.10) var(--chance-angle) 360deg)!important;
  transition:background .35s cubic-bezier(.22,.8,.25,1);
}
.wheel .chance-boundary{
  position:absolute;left:50%;top:0;width:2px;height:15px;z-index:4;pointer-events:none;
  transform-origin:50% 155px!important;
  transform:translateX(-50%) rotate(var(--chance-start))!important;
  background:linear-gradient(#d9c9ff,transparent);
  filter:drop-shadow(0 0 5px rgba(164,119,255,.85));
  transition:transform .35s cubic-bezier(.22,.8,.25,1);
}
.wheel .chance-fill:after{content:"";position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle at 50% 100%,rgba(102,216,255,.08),rgba(14,17,30,.16) 72%)}
.ring-progress{transform:rotate(180deg);transform-origin:50% 50%;}
/* v11 wheel stability: JS owns pointer rotation, CSS never animates it. */
#wheel .pointer-orbit{animation:none!important;transition:none!important;transform:rotate(0deg);will-change:transform}
#wheel .pointer-orbit.pointer-spinning{animation:none!important}

/* ===== SKIN RUSH V12 — THEME CHANCE WHEEL ===== */
.wheel{--chance:0%;--chance-angle:0deg;--chance-start:180deg;background:#252a42!important}
.wheel .chance-fill{
 position:absolute!important;inset:12px!important;border-radius:50%!important;
 background:conic-gradient(from calc(var(--chance-start) - .001deg),
 rgba(164,119,255,.52) 0 var(--chance-angle),
 rgba(20,24,40,.10) var(--chance-angle) 360deg)!important;
 box-shadow:inset 0 0 26px rgba(164,119,255,.08)!important;
}
.wheel .chance-fill::after{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 background:radial-gradient(circle,rgba(164,119,255,.10),transparent 68%)!important;
 pointer-events:none!important;
}
.wheel .chance-boundary{background:rgba(196,166,255,.95)!important;box-shadow:0 0 12px rgba(164,119,255,.55)!important}
.ring-progress{stroke:#a477ff!important;filter:drop-shadow(0 0 6px rgba(164,119,255,.38))!important}

/* ===== SKIN RUSH V13 — RESULT-AWARE WHEEL ===== */
.wheel{
  --chance:0%;
  --chance-angle:0deg;
  --chance-half:0deg;
  --chance-start:180deg;
}
.wheel .chance-fill{
  background:conic-gradient(
    from calc(var(--chance-start) - 0.001deg),
    rgba(164,119,255,.56) 0 var(--chance-angle),
    rgba(62,67,88,.72) var(--chance-angle) 360deg
  )!important;
}
.wheel .chance-boundary{
  background:rgba(196,166,255,.95)!important;
  box-shadow:0 0 12px rgba(164,119,255,.55)!important;
}

/* ===== SKIN RUSH V17 — ONE SOURCE OF TRUTH FOR WHEEL ===== */
.wheel::before{
  background:none!important;
  opacity:0!important;
  content:none!important;
}
.wheel .chance-fill{
  /* 0% is exactly at 6 o'clock; same angle as SVG ring-progress. */
  background:conic-gradient(
    from 180deg,
    rgba(164,119,255,.56) 0 var(--chance-angle),
    rgba(62,67,88,.72) var(--chance-angle) 360deg
  )!important;
}
.chance-ring{
  transform:rotate(90deg)!important;
  transform-origin:50% 50%!important;
}
.ring-progress{
  stroke:var(--rush,#a477ff)!important;
  stroke-linecap:round!important;
}

/* ===== Compact upgrade/inventory grids ===== */
.inventory-scroll,
.workspace-target-grid{
  gap:4px!important;
  padding:2px!important;
  grid-auto-rows:auto!important;
  align-content:start!important;
}
.workspace-target-grid .target-card{
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
  padding:4px!important;
}
.workspace-target-grid .target-art{
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  flex:0 0 104px!important;
}
.workspace-target-grid .target-card>b{
  height:19px!important;
  min-height:19px!important;
  flex:0 0 19px!important;
  line-height:19px!important;
  margin:0!important;
}
.inventory-scroll .skin{
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
}
.inventory-scroll .skin-hit{
  height:130px!important;
}
.inventory-scroll .skin-art{
  height:94px!important;
  min-height:94px!important;
  margin:0 0 2px!important;
}
.inventory-scroll .skin b{
  font-size:9px!important;
  line-height:14px!important;
  margin:0 3px!important;
}
.inventory-scroll .inventory-weapon{
  display:block!important;
  position:relative!important;
  z-index:5!important;
  margin:0 3px 1px!important;
  height:13px!important;
  line-height:13px!important;
  font-size:8px!important;
  font-weight:900!important;
  color:#aeb6cf!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.inventory-scroll .sell{
  height:28px!important;
  min-height:28px!important;
  line-height:28px!important;
  padding:0!important;
}

/* ===== SKIN RUSH V18 — EXACT WHEEL SYNC ===== */
.wheel .chance-ring{
  transform:none!important;
  transform-origin:50% 50%!important;
}
.wheel .ring-progress{
  transform:rotate(90deg)!important;
  transform-origin:50% 50%!important;
  stroke-linecap:butt!important;
}
.wheel .chance-boundary{
  display:none!important;
}
/* The fill and the SVG arc both start at 6 o'clock and grow clockwise. */
.wheel .chance-fill{
  background:conic-gradient(
    from 180deg,
    rgba(164,119,255,.56) 0 var(--chance-angle),
    rgba(62,67,88,.72) var(--chance-angle) 360deg
  )!important;
}
/* Slightly larger target grid, while keeping rows tight. */
.target-panel .target-grid,
.workspace-target-grid{
  gap:6px!important;
  padding:4px!important;
  grid-auto-rows:auto!important;
  row-gap:6px!important;
  column-gap:6px!important;
}
.target-panel .target-card,
.workspace-target-grid .target-card{
  height:166px!important;
  min-height:166px!important;
  max-height:166px!important;
  padding:5px!important;
}
.target-panel .target-card .target-art,
.workspace-target-grid .target-card .target-art{
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  flex:0 0 108px!important;
  margin-bottom:2px!important;
}
/* Inventory: compact rows, with weapon/skin name always visible before Sell. */
.inventory-scroll{
  gap:5px!important;
  row-gap:5px!important;
  column-gap:5px!important;
  padding:3px!important;
  grid-auto-rows:auto!important;
}
.inventory-scroll .skin{
  height:166px!important;
  min-height:166px!important;
  max-height:166px!important;
  display:grid!important;
  grid-template-rows:130px 20px 28px!important;
  gap:2px!important;
  padding:4px!important;
  overflow:hidden!important;
}
.inventory-scroll .skin-hit{
  height:130px!important;
  min-height:130px!important;
  display:grid!important;
  grid-template-rows:90px 16px 20px!important;
  gap:1px!important;
  overflow:hidden!important;
}
.inventory-scroll .skin-art{
  height:90px!important;
  min-height:90px!important;
  margin:0!important;
}
.inventory-scroll .inventory-weapon{
  display:block!important;
  height:16px!important;
  min-height:16px!important;
  line-height:16px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.inventory-scroll .skin-hit>b{
  display:block!important;
  height:20px!important;
  min-height:20px!important;
  line-height:20px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  visibility:visible!important;
  opacity:1!important;
}
.inventory-scroll .sell{
  display:block!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  align-self:stretch!important;
}

/* ===== SKIN RUSH V20 — SINGLE-SOURCE CHANCE RING ===== */
.wheel .chance-fill{
  inset:12px!important;
  background:conic-gradient(
    from 0deg,
    rgba(164,119,255,.58) 0 var(--chance-angle),
    rgba(62,67,88,.72) var(--chance-angle) 360deg
  )!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px))!important;
}
/* Disable the old SVG progress/marker so it cannot drift independently. */
.wheel .chance-ring{display:none!important;}
.wheel .chance-boundary{display:none!important;}
/* Mobile balance control: make the current amount large and always readable. */
.balance-stake,
.stake-balance,
.balance-add,
.balance-stake-box{
  min-height:48px;
}
#balanceStakeRange{
  width:100%!important;
  min-width:0!important;
  height:12px!important;
}
.balance-stake-amount,
#balanceStakeValue,
#balanceStakeAmount,
.balance-amount{
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-align:center!important;
}
@media (max-width:700px){
  .balance-stake,
  .stake-balance,
  .balance-add,
  .balance-stake-box{
    width:100%!important;
    padding:10px!important;
    box-sizing:border-box!important;
  }
  #balanceStakeRange{
    height:16px!important;
    margin:8px 0!important;
  }
  .balance-stake-amount,
  #balanceStakeValue,
  #balanceStakeAmount,
  .balance-amount{
    display:block!important;
    width:100%!important;
    min-height:32px!important;
    font-size:22px!important;
    padding:5px 8px!important;
    box-sizing:border-box!important;
  }
  .balance-quick,
  .balance-quick-buttons,
  .stake-quick{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .balance-quick button,
  .balance-quick-buttons button,
  .stake-quick button{
    min-height:42px!important;
    padding:7px 4px!important;
    font-size:14px!important;
  }
}

@media (max-width:700px){
  #balanceStakeWrap,
  #balanceStakeBox,
  .balance-stake-wrap{
    display:block!important;
    visibility:visible!important;
  }
}

/* ===== SKIN RUSH V21 — ONE GEOMETRY FOR FILL + EDGE ===== */
.wheel .chance-ring{display:none!important;}
.wheel .chance-boundary{display:none!important;}
.wheel .chance-fill{
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  z-index:2!important;
  pointer-events:none!important;
  /* 0% marker is at 6 o'clock. The chance sector is symmetric around it. */
  background:conic-gradient(
    from 270deg,
    rgba(62,67,88,.72) 0 calc(50% - var(--chance)/2),
    rgba(164,119,255,.58) calc(50% - var(--chance)/2) calc(50% + var(--chance)/2),
    rgba(62,67,88,.72) calc(50% + var(--chance)/2) 100%
  )!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px))!important;
  box-shadow:none!important;
}
/* Hide legacy weapon label in case old markup survives. */
.inventory-scroll .inventory-weapon{display:none!important;}
.inventory-scroll .skin-hit>b{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* ===== SKIN RUSH V22 — ONE GEOMETRY FOR FILL + EDGE ===== */
.wheel .chance-ring{display:none!important;}
.wheel .chance-boundary{display:none!important;}
.wheel .chance-fill{
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:
    conic-gradient(
      from calc(180deg - var(--chance-half)),
      rgba(164,119,255,.60) 0 var(--chance-angle),
      rgba(62,67,88,.72) var(--chance-angle) 360deg
    )!important;
  -webkit-mask:none!important;
  mask:none!important;
  box-shadow:none!important;
}
/* The edge is literally generated from the exact same conic gradient,
   so it cannot have a different start/end point. */
.wheel .chance-fill::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from calc(180deg - var(--chance-half)),
      rgba(196,166,255,.98) 0 var(--chance-angle),
      transparent var(--chance-angle) 360deg
    )!important;
  -webkit-mask:radial-gradient(
    farthest-side,
    transparent calc(100% - 4px),
    #000 calc(100% - 3px)
  )!important;
  mask:radial-gradient(
    farthest-side,
    transparent calc(100% - 4px),
    #000 calc(100% - 3px)
  )!important;
  pointer-events:none!important;
}
/* Keep the normal dark wheel rim underneath the synced chance graphics. */
.wheel-face{overflow:hidden!important;}
/* Inventory: weapon text stays hidden; sell button sits just under the skin name. */
.inventory-scroll .inventory-weapon,
.inventory-scroll .skin-hit .inventory-weapon{
  display:none!important;
  visibility:hidden!important;
}
.inventory-scroll .sell{
  margin-top:-3px!important;
  transform:translateY(-1px)!important;
}

/* Bonus codes */
.bonus-redeem-form{max-width:520px}
.bonus-code-table .row-actions{display:flex;gap:6px;flex-wrap:wrap}
.bonus-code-table .row-actions form{margin:0}
@media(max-width:700px){
 .bonus-redeem-form{max-width:none}
 .bonus-redeem-form button{width:100%;min-height:46px}
 .bonus-code-table .tr{grid-template-columns:1fr 1fr}
 .bonus-code-table .row-actions{grid-column:1/-1}
}

/* Market sync */
.market-sync-card .card-top{align-items:center}
.market-sync-card .gold{white-space:nowrap}
.sync-status{margin-top:14px;min-height:22px;opacity:.9}
.sync-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.sync-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#c084fc);transition:width .35s ease}
@media(max-width:700px){.market-sync-card .card-top{display:flex;flex-direction:column;align-items:stretch;gap:12px}.market-sync-card .gold{width:100%}}

/* v26: sound toggle */
.sound-toggle{height:42px;padding:0 12px;border:1px solid #4a506c;background:#22263b;color:#e9ebf2;border-radius:10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;transition:.2s ease;box-shadow:0 6px 20px #0003}
.sound-toggle:hover{transform:translateY(-1px);border-color:#6b7395;background:#2a2f48}
.sound-toggle.muted{opacity:.72}.sound-icon{font-size:16px}.sound-label{letter-spacing:.2px}

/* v26: celebratory win menu */
.win-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:rgba(8,10,20,.82);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.win-overlay.show{opacity:1;visibility:visible;pointer-events:auto}
.win-rays{position:absolute;width:min(850px,95vw);height:min(850px,95vw);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(239,173,57,.16) 0 8deg,transparent 8deg 20deg);filter:blur(1px);animation:winRays 9s linear infinite}
.win-card{position:relative;width:min(460px,92vw);padding:30px 26px 26px;text-align:center;border:1px solid #6b5b3c;border-radius:24px;background:radial-gradient(circle at 50% 20%,#454664 0,#24273d 46%,#171a2b 100%);box-shadow:0 30px 100px #000b,0 0 80px #efad3930;transform:translateY(25px) scale(.88);transition:transform .5s cubic-bezier(.2,1.35,.35,1)}
.win-overlay.show .win-card{transform:none}
.win-kicker{font-size:10px;letter-spacing:2px;color:#efad39;font-weight:950}
.win-title{margin-top:6px;font-size:34px;line-height:1;font-weight:1000;letter-spacing:-1px;text-shadow:0 0 25px #efad3988}
.win-subtitle{margin:10px auto 18px;color:#bfc3d1;font-size:11px;font-weight:800;line-height:1.35}
.win-item{position:relative;margin:0 auto 20px;width:min(300px,80vw);min-height:170px;padding:18px 18px 14px;display:grid;place-items:center;border-radius:18px;border:1px solid #4f5470;background:linear-gradient(180deg,#30344f,#1d2033);overflow:hidden}
.win-item-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:#efad3940;filter:blur(30px);animation:winPulse 1.25s ease-in-out infinite alternate}
.win-item img{position:relative;z-index:1;width:min(230px,65vw);height:115px;object-fit:contain;filter:drop-shadow(0 12px 22px #0008);animation:winFloat 2.2s ease-in-out infinite}
.win-item-name{position:relative;z-index:2;margin-top:2px;font-size:15px;font-weight:950;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-item-price{position:relative;z-index:2;color:#efad39;font-size:12px;font-weight:900;margin-top:3px}
.win-continue{width:100%;height:50px;border:0;border-radius:12px;background:linear-gradient(180deg,#f2b84b,#d99021);color:#fff;font-size:13px;font-weight:1000;box-shadow:0 8px 25px #d9902145;transition:.2s}
.win-continue:hover{transform:translateY(-2px);box-shadow:0 12px 30px #d9902160}
@keyframes winRays{to{transform:rotate(360deg)}}@keyframes winPulse{to{transform:scale(1.3);opacity:.72}}@keyframes winFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.03)}}
@media(max-width:650px){.sound-toggle{width:42px;padding:0;justify-content:center}.sound-label{display:none}.win-card{padding:25px 18px 20px}.win-title{font-size:29px}.win-subtitle{font-size:10px}}

/* V39 — fast spin control beside balance */
.fast-spin-toggle{height:42px;padding:0 12px;border:1px solid #454b68;border-radius:8px;background:#20243a;color:#cfd4e3;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:.18s ease;white-space:nowrap}.fast-spin-toggle:hover{border-color:#dca43a;color:#fff;transform:translateY(-1px)}.fast-spin-toggle.active{background:linear-gradient(180deg,#d99d2c,#b87c18);border-color:#f0c25a;color:#fff;box-shadow:0 0 18px #d99d2c55}.fast-spin-toggle span{font-size:10px}@media(max-width:650px){.fast-spin-toggle{height:36px;padding:0 7px;font-size:14px}.fast-spin-toggle span{display:none}}

/* v29 natural scrolling */
.inventory-scroll,.target-grid,.workspace-target-grid{overscroll-behavior:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;}

/* ===== V30 — MOBILE ONLY: 4 stake skins in one compact row ===== */
@media (max-width:650px){
  .source-panel .selection-summary.selected-many{
    height:112px!important;
    min-height:112px!important;
    flex:0 0 112px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    gap:5px!important;
    padding:5px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .source-panel .selection-summary.selected-many .stake-item{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 22px!important;
    gap:2px!important;
    padding:3px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:6px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-art{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:4px!important;
    overflow:hidden!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-art img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:1px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-name{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    height:22px!important;
    font-size:7px!important;
    line-height:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-number{
    position:absolute!important;
    left:3px!important;
    top:3px!important;
    right:auto!important;
    bottom:auto!important;
    width:16px!important;
    height:16px!important;
    font-size:7px!important;
    line-height:16px!important;
    z-index:4!important;
  }
  .source-panel .selection-summary.selected-many .stattrak-badge{
    font-size:6px!important;
    margin-left:2px!important;
  }
}

/* ===== V31 — MOBILE UPGRADE PANELS + CLEAR FAST SPIN ===== */
.fast-spin-toggle{position:relative;overflow:hidden;justify-content:center;min-width:150px;border:1px solid #5b627f;background:linear-gradient(180deg,#292e49,#1b1f33);box-shadow:inset 0 1px 0 #ffffff12,0 5px 18px #0005}
.fast-spin-toggle:before{content:"";position:absolute;inset:-40% auto -40% -25%;width:42%;background:linear-gradient(90deg,transparent,#ffffff18,transparent);transform:skewX(-18deg);transition:.45s}
.fast-spin-toggle:hover:before,.fast-spin-toggle.active:before{left:90%}
.fast-spin-icon{font-size:15px;line-height:1}
.fast-spin-text{font-size:10px;letter-spacing:.3px}
.fast-spin-badge{font-size:7px;line-height:1;padding:3px 5px;border-radius:999px;background:#343a56;color:#9da5bb;font-weight:1000;letter-spacing:.5px}
.fast-spin-toggle.active{background:linear-gradient(180deg,#efb63d,#c87f16);border-color:#ffd66f;box-shadow:0 0 22px #e9a52b55,inset 0 1px 0 #fff5}
.fast-spin-toggle.active .fast-spin-badge{background:#fff;color:#a96808}
@media(max-width:650px){
  /* Only phones: the two empty/selected panels sit side-by-side. */
  .upgrade-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important;gap:7px!important;padding:0 6px!important}
  .upgrade-layout .wheel-card{grid-column:1/-1!important;grid-row:1!important;width:100%!important;max-width:none!important;order:initial!important}
  .upgrade-layout .source-panel{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:9px!important;order:initial!important}
  .upgrade-layout .target-panel{grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:9px!important;order:initial!important}
  .source-panel .panel-title,.target-panel .panel-title{font-size:11px!important;line-height:1.15!important;min-height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .source-panel .hint,.target-panel .hint{font-size:8px!important;line-height:1.2!important;margin:5px 0 7px!important;min-height:30px!important}
  .source-panel .selection-summary{height:105px!important;min-height:105px!important;padding:5px!important}
  .source-panel .selection-summary.selected-many{height:82px!important;min-height:82px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:3px!important}
  .source-panel .selection-summary.single-stake{height:105px!important;min-height:105px!important}
  .source-panel .source-note{font-size:7px!important;padding-top:5px!important}
  .target-selection-summary{min-height:105px!important;height:105px!important;padding:5px!important}
  .target-panel .target-grid{grid-template-columns:1fr!important;gap:5px!important;padding:2px!important;max-height:290px!important;overflow-y:auto!important}
  .target-panel .target-card{height:104px!important;min-height:104px!important;max-height:104px!important;padding:4px!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:1fr 20px!important;column-gap:5px!important}
  .target-panel .target-card .target-art{grid-column:1!important;grid-row:1/-1!important;width:62px!important;height:94px!important;min-height:94px!important;max-height:94px!important;margin:0!important}
  .target-panel .target-card>b{grid-column:2!important;grid-row:1!important;height:auto!important;min-height:0!important;align-self:end!important;font-size:8px!important;line-height:11px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .target-panel .target-card .card-price{grid-column:2!important;grid-row:2!important;position:static!important;align-self:center!important;justify-self:start!important;font-size:8px!important}
  .target-panel .target-selection-summary .target-empty{font-size:9px!important}
  .target-panel .target-selection-summary .target-empty strong{font-size:10px!important}
  .target-panel .target-selection-summary .target-empty span{font-size:7px!important;line-height:1.2!important}
  .fast-spin-toggle{min-width:0;height:38px!important;padding:0 8px!important;gap:5px!important}
  .fast-spin-toggle .fast-spin-text{font-size:8px!important}
  .fast-spin-toggle .fast-spin-badge{font-size:6px!important;padding:3px 4px!important}
}
@media(max-width:390px){
  .source-panel .panel-title,.target-panel .panel-title{font-size:10px!important}
  .source-panel .hint,.target-panel .hint{font-size:7px!important}
  .target-panel .target-card{grid-template-columns:54px minmax(0,1fr)!important}
  .target-panel .target-card .target-art{width:54px!important;height:94px!important}
  .fast-spin-toggle .fast-spin-text{display:none!important}
}

/* V32 — sound control moved to profile settings */
.profile-sound-setting{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #30364c;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.profile-sound-setting>div{min-width:0;display:grid;gap:4px}
.profile-sound-setting b{font-size:11px;color:#e8eaf0}
.profile-sound-setting span{font-size:9px;color:#777f94;line-height:1.35}
.profile-sound-toggle{flex:none;min-width:112px;height:38px;justify-content:center}
@media(max-width:650px){
  .profile-sound-setting{align-items:center}
  .profile-sound-setting>div{flex:1}
  .profile-sound-toggle{min-width:104px}
}

/* V37 — settings menu + polished fast spin. */
.settings-popover{
  position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;
  padding:20px;pointer-events:none;opacity:0;transition:opacity .2s ease;
}
.settings-popover.show{pointer-events:auto;opacity:1}
.settings-backdrop{position:absolute;inset:0;background:#05071399;backdrop-filter:blur(5px)}
.settings-card{
  position:relative;width:min(390px,calc(100vw - 32px));padding:18px;
  border:1px solid #505a7a;border-radius:18px;
  background:linear-gradient(180deg,#292f49,#171b2c);
  box-shadow:0 24px 70px #0009,0 0 35px #c58b2a18;
  transform:translateY(18px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1);
}
.settings-popover.show .settings-card{transform:translateY(0) scale(1)}
.settings-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.settings-kicker{font-size:8px;letter-spacing:1.5px;color:#d8a83d;font-weight:1000}
.settings-head h3{margin:4px 0 0;color:#fff;font-size:17px}
.settings-close{width:30px;height:30px;border:1px solid #454d69;border-radius:9px;background:#20263a;color:#aeb5c8;font-size:20px;cursor:pointer}
.settings-options{display:grid;gap:8px}
.settings-option{
  width:100%;min-height:62px;padding:10px;border:1px solid #3e4662;border-radius:12px;
  background:#20263a;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;
  cursor:pointer;transition:.18s ease;
}
.settings-option:hover{border-color:#d2a044;transform:translateY(-1px);background:#252c43}
.settings-option.active{border-color:#d9a83e;background:linear-gradient(180deg,#3a3040,#25283c);box-shadow:0 0 18px #dca52b20}
.settings-option-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#303750;font-size:17px}
.settings-option-copy{display:grid;gap:3px;flex:1;min-width:0}
.settings-option-copy b{font-size:11px}
.settings-option-copy small{font-size:8px;color:#8d95aa}
.settings-switch{width:38px;height:22px;padding:2px;border-radius:999px;background:#333a51;flex:none;transition:.2s}
.settings-switch i{display:block;width:18px;height:18px;border-radius:50%;background:#8d95aa;transition:.2s}
.settings-option.active .settings-switch{background:#c99129}
.settings-option.active .settings-switch i{transform:translateX(16px);background:#fff}
@media(max-width:650px){
  .settings-popover{align-items:flex-end;padding:10px}
  .settings-card{width:100%;padding:15px;border-radius:16px}
}
@media(min-width:651px){
  .live-drop-section .live-drop-sub{display:none!important}
}


/* V39 — compact settings anchored to the gear; no page blur/overlay. */
.settings-popover{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:block!important;
  padding:0!important;
  pointer-events:none!important;
  opacity:0!important;
  transition:opacity .16s ease!important;
}
.settings-popover.show{pointer-events:none!important;opacity:1!important}
.settings-backdrop{
  display:none!important;
  backdrop-filter:none!important;
  background:transparent!important;
}
.settings-card{
  position:fixed!important;
  left:var(--settings-left,auto)!important;
  top:var(--settings-top,auto)!important;
  width:min(350px,calc(100vw - 20px))!important;
  max-height:calc(100vh - 20px)!important;
  overflow:auto!important;
  padding:14px!important;
  border-radius:16px!important;
  transform:translateY(-4px) scale(.98)!important;
  transform-origin:top right!important;
  transition:transform .16s ease,opacity .16s ease!important;
  opacity:0!important;
  pointer-events:none!important;
}
.settings-popover.show .settings-card{
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.settings-head{margin-bottom:10px!important}
.settings-head h3{font-size:15px!important}
.settings-option{min-height:54px!important;padding:8px!important}
.settings-option-copy b{font-size:10px!important}
.settings-option-copy small{font-size:8px!important}
@media(max-width:650px){
  .settings-card{
    width:min(330px,calc(100vw - 16px))!important;
    padding:12px!important;
  }
}


/* ===== SKIN RUSH FINAL PATCH — logo, descending prices, arrows-only pagination, settings bottom-right ===== */
.brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:100%!important;text-decoration:none!important;overflow:hidden!important}
.brand picture{display:flex!important;align-items:center!important;height:100%!important;line-height:0!important}
.brand img{display:block!important;width:184px!important;height:62px!important;object-fit:contain!important;object-position:center!important}
.inv-pages span[hidden],.shop-pages span[hidden],.target-pages span[hidden]{display:none!important}
.inv-pages,.shop-pages,.target-pages{justify-content:center!important;gap:8px!important}
.settings-card{right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;transform:translateY(8px) scale(.98)!important;transform-origin:bottom right!important}
.settings-popover.show .settings-card{transform:translateY(0) scale(1)!important}
@media(max-width:650px){
  .brand{width:42px!important;height:100%!important}
  .brand picture{width:42px!important;height:52px!important;justify-content:center!important;overflow:hidden!important}
  .brand img{width:42px!important;height:52px!important;object-fit:contain!important;object-position:center!important}
  .settings-card{right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;width:min(330px,calc(100vw - 16px))!important}
}

/* ===== SKIN RUSH visual polish — logo/actions only ===== */
.brand picture{display:flex!important;align-items:center!important;height:100%!important;line-height:0!important}
.brand img{display:block!important;width:235px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
.top .brand{width:235px!important;max-width:235px!important;overflow:visible!important}
.top .goldbox{position:relative!important;width:46px!important;height:46px!important;border:1px solid #f3c35c!important;border-radius:13px!important;background:linear-gradient(145deg,#f6c85d,#d99420)!important;color:#fff!important;font-size:29px!important;font-weight:1000!important;line-height:1!important;box-shadow:0 8px 24px #d99a2f3d,inset 0 1px #fff8!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.top .goldbox:hover{transform:translateY(-2px) scale(1.03)!important;filter:brightness(1.08)!important;box-shadow:0 12px 30px #d99a2f55,inset 0 1px #fff9!important}
.top .goldbox:active{transform:translateY(0) scale(.98)!important}
.upgrade-controls .upgrade-btn{min-height:58px!important;border:1px solid #c084fc!important;border-radius:13px!important;background:linear-gradient(135deg,#6d28d9,#a855f7 52%,#7c3aed)!important;box-shadow:0 10px 32px #8b5cf644,inset 0 1px #ffffff38!important;font-size:18px!important;font-weight:1000!important;letter-spacing:1.4px!important}
.upgrade-controls .upgrade-btn:not(:disabled):hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 15px 38px #a855f755,inset 0 1px #ffffff4d!important}
footer .footer-brand{display:inline-flex!important;width:235px!important;height:58px!important;margin-bottom:10px!important}
footer .footer-brand img{width:235px!important;height:58px!important}
footer .footer-brand:hover{filter:brightness(1.08)!important}
.admin-head .profile-brand{display:flex!important;width:235px!important;height:58px!important;overflow:visible!important}
.admin-head .profile-brand img{width:235px!important;height:58px!important}
.profile-head-actions a.profile-upgrade-link{border-color:#a855f7!important;background:linear-gradient(135deg,#5420ad,#7c3aed)!important;color:#fff!important;box-shadow:0 7px 20px #8b5cf633,inset 0 1px #ffffff22!important}
.profile-head-actions a.profile-upgrade-link:hover{background:linear-gradient(135deg,#6730c9,#9146f4)!important;transform:translateY(-1px)!important}
.profile-head-actions button.profile-logout{border-color:#8d3947!important;background:linear-gradient(135deg,#692633,#9d3547)!important;color:#fff!important;box-shadow:0 7px 20px #8d394733,inset 0 1px #ffffff18!important}
.profile-head-actions button.profile-logout:hover{background:linear-gradient(135deg,#81303f,#b33d52)!important;transform:translateY(-1px)!important}
.auth-brand{height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.auth-brand img{width:235px!important;height:58px!important;object-fit:contain!important}
@media(max-width:650px){
  .top .brand{width:44px!important;max-width:44px!important;height:100%!important}
  .top .brand picture,.admin-head .profile-brand picture{width:44px!important;height:52px!important;justify-content:center!important;overflow:hidden!important}
  .top .brand img,.admin-head .profile-brand img{width:44px!important;height:52px!important;object-fit:contain!important;object-position:center!important}
  .top .goldbox{width:40px!important;height:40px!important;border-radius:11px!important;font-size:25px!important}
  footer .footer-brand{width:44px!important;height:52px!important}
  footer .footer-brand img{width:44px!important;height:52px!important}
  .admin-head .profile-brand{width:44px!important;height:52px!important}
  .profile-head-actions a.profile-upgrade-link,.profile-head-actions button.profile-logout{min-height:36px!important;padding:0 10px!important;font-size:9px!important}
  .auth-brand{height:50px!important}
  .auth-brand img{width:200px!important;height:50px!important}
}

/* ===== v46 targeted fixes: logo frame + profile bounds + 95% stake slider ===== */
.admin-head a.brand.profile-brand,
.admin-head a.brand.admin-brand{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  min-height:0!important;
  box-shadow:none!important;
}
.admin-head .profile-brand,
.admin-head .admin-brand{
  width:250px!important;
  height:60px!important;
  flex:0 0 250px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
.admin-head .profile-brand picture,
.admin-head .admin-brand picture{
  width:250px!important;
  height:60px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.admin-head .profile-brand img,
.admin-head .admin-brand img{
  width:250px!important;
  height:60px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
/* Keep the profile header from ever clipping or pushing its actions. */
.profile-page .admin-head{min-width:0!important;gap:12px!important}
.profile-page .profile-head-actions{flex:0 0 auto!important}
.profile-page .profile-head-actions a,
.profile-page .profile-head-actions button{white-space:nowrap!important}
/* The stake can never exceed 95% of the selected target; the thumb reaches the real track end. */
#balanceStakeRange{box-sizing:border-box!important;width:100%!important;max-width:none!important}
@media(max-width:650px){
  .admin-head .profile-brand,
  .admin-head .admin-brand{width:48px!important;height:50px!important;flex:0 0 48px!important}
  .admin-head .profile-brand picture,
  .admin-head .admin-brand picture{width:48px!important;height:50px!important;justify-content:center!important}
  .admin-head .profile-brand img,
  .admin-head .admin-brand img{width:48px!important;height:50px!important;object-fit:contain!important;object-position:center!important}
  .profile-page .admin-head{padding:0 10px!important;gap:7px!important}
}


/* V47 — final logo/profile geometry only */
.admin-logo,.login-logo{display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.admin-logo img,.login-logo img{display:block!important;width:250px!important;height:62px!important;object-fit:contain!important;object-position:center!important;}
.admin-logo .admin-badge{flex:0 0 auto!important;}
.admin-head .profile-brand{width:285px!important;height:72px!important;flex:0 0 285px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;}
.admin-head .profile-brand picture{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.admin-head .profile-brand img{width:278px!important;height:68px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;}
.profile-page .admin-head{align-items:center!important;}
@media(max-width:650px){.admin-head .profile-brand{width:50px!important;height:50px!important;flex:0 0 50px!important;} .admin-head .profile-brand picture{width:50px!important;height:50px!important;} .admin-head .profile-brand img{width:50px!important;height:50px!important;max-width:50px!important;object-fit:contain!important;} .admin-logo img,.login-logo img{width:210px!important;height:52px!important;}}
/* Slider: full physical track; value is capped dynamically at 95% of target. */
#balanceStakeRange{width:100%!important;max-width:none!important;display:block!important;box-sizing:border-box!important;}
.stake-slider-main{width:100%!important;box-sizing:border-box!important;}


/* ===== V48: real AKM source + separated wordmark (no overlap) ===== */
.sr-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
  line-height:1!important;
}
.sr-wordmark{
  display:block!important;
  color:#f6f3ff!important;
  font-family:Arial Black,Inter,system-ui,sans-serif!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-1.8px!important;
  white-space:nowrap!important;
  text-shadow:0 2px 12px #0008!important;
}
.sr-ak{
  display:block!important;
  width:112px!important;
  height:69px!important;
  flex:0 0 112px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(0) saturate(100%) invert(53%) sepia(83%) saturate(2435%) hue-rotate(242deg) brightness(101%) contrast(103%) drop-shadow(0 0 7px #a855f766)!important;
}
.top .sr-brand{width:300px!important;max-width:300px!important;height:76px!important;}
.top .sr-brand .sr-wordmark{font-size:24px!important;}
.top .sr-brand .sr-ak{width:105px!important;height:65px!important;flex-basis:105px!important;}
footer .sr-brand{width:300px!important;height:70px!important;justify-content:center!important;}
footer .sr-brand .sr-wordmark{font-size:22px!important;}
footer .sr-brand .sr-ak{width:95px!important;height:59px!important;flex-basis:95px!important;}
.admin-head .sr-brand{width:310px!important;height:60px!important;flex:0 0 310px!important;}
.admin-head .sr-brand .sr-wordmark{font-size:21px!important;}
.admin-head .sr-brand .sr-ak{width:100px!important;height:60px!important;flex-basis:100px!important;}
.admin-head .sr-brand .admin-badge{margin-left:0!important;}
.auth-brand.sr-brand{width:100%!important;height:72px!important;justify-content:center!important;gap:10px!important;}
.auth-brand.sr-brand .sr-wordmark{font-size:24px!important;}
.auth-brand.sr-brand .sr-ak{width:105px!important;height:65px!important;flex-basis:105px!important;}
.admin-head a.sr-brand:hover{background:transparent!important;border:0!important;filter:none!important;}
@media(max-width:650px){
  .sr-wordmark{display:none!important;}
  .top .sr-brand{width:48px!important;max-width:48px!important;height:62px!important;gap:0!important;overflow:hidden!important;}
  .top .sr-brand .sr-ak{width:48px!important;height:50px!important;flex:0 0 48px!important;}
  .admin-head .sr-brand{width:52px!important;height:50px!important;flex:0 0 52px!important;gap:0!important;overflow:hidden!important;}
  .admin-head .sr-brand .sr-ak{width:52px!important;height:50px!important;flex:0 0 52px!important;}
  .admin-head .sr-brand .admin-badge{display:none!important;}
  footer .sr-brand{width:52px!important;height:50px!important;gap:0!important;}
  footer .sr-brand .sr-ak{width:52px!important;height:50px!important;flex:0 0 52px!important;}
  .auth-brand.sr-brand{height:58px!important;gap:0!important;}
  .auth-brand.sr-brand .sr-ak{width:150px!important;height:58px!important;flex-basis:150px!important;}
}

/* ===== V49 — single unified purple AK logo everywhere ===== */
.sr-logo-picture{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:0!important;overflow:visible!important;}
.sr-logo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;}
.sr-brand .sr-logo-picture{flex:1 1 auto!important;min-width:0!important;}
.sr-brand .sr-logo{flex:0 1 auto!important;}
/* Desktop: the supplied SVG is exactly SKIN — purple AK — RUSH. */
.top .sr-brand{width:300px!important;max-width:300px!important;height:76px!important;gap:0!important;overflow:visible!important;}
.top .sr-logo-picture{width:300px!important;height:76px!important;}
.admin-head .sr-brand{width:310px!important;height:60px!important;flex:0 0 310px!important;gap:0!important;}
.admin-head .sr-logo-picture{width:310px!important;height:60px!important;}
footer .sr-brand{width:300px!important;height:70px!important;gap:0!important;}
footer .sr-logo-picture{width:300px!important;height:70px!important;}
.auth-brand.sr-brand{width:100%!important;height:72px!important;gap:0!important;}
.auth-brand.sr-logo-picture{width:100%!important;height:72px!important;}
.login-logo{height:auto!important;}
.login-logo .sr-logo-picture{width:250px!important;height:62px!important;}
.admin-logo .sr-logo-picture{width:250px!important;height:62px!important;}
.admin-logo{gap:10px!important;}
@media(max-width:650px){
  /* Phones show only one purple AK, angled upward toward the muzzle. */
  .top .sr-brand{width:50px!important;max-width:50px!important;height:62px!important;overflow:hidden!important;}
  .top .sr-logo-picture{width:50px!important;height:62px!important;overflow:hidden!important;}
  .top .sr-logo{width:50px!important;height:62px!important;object-fit:contain!important;}
  .admin-head .sr-brand{width:52px!important;height:50px!important;flex:0 0 52px!important;overflow:hidden!important;}
  .admin-head .sr-logo-picture{width:52px!important;height:50px!important;overflow:hidden!important;}
  .admin-head .sr-logo{width:52px!important;height:50px!important;object-fit:contain!important;}
  footer .sr-brand{width:52px!important;height:50px!important;overflow:hidden!important;}
  footer .sr-logo-picture{width:52px!important;height:50px!important;overflow:hidden!important;}
  footer .sr-logo{width:52px!important;height:50px!important;object-fit:contain!important;}
  .auth-brand.sr-brand{width:100%!important;height:58px!important;overflow:hidden!important;}
  .auth-brand .sr-logo-picture{width:100%!important;height:58px!important;overflow:hidden!important;}
  .auth-brand .sr-logo{width:100%!important;height:58px!important;object-fit:contain!important;}
  .login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:52px!important;height:52px!important;}
  .login-logo .sr-logo,.admin-logo .sr-logo{width:52px!important;height:52px!important;object-fit:contain!important;}
  .admin-logo{gap:0!important;}
}

/* V50 — final AK logo correction: same diagonal purple AK everywhere; phones use AK-only asset. */
@media(max-width:650px){
  .top .sr-logo-picture,.admin-head .sr-logo-picture,footer .sr-logo-picture,.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .top .sr-logo-picture{width:58px!important;height:58px!important;}
  .admin-head .sr-logo-picture{width:58px!important;height:58px!important;}
  footer .sr-logo-picture{width:58px!important;height:58px!important;}
  .login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:58px!important;height:58px!important;}
  .top .sr-logo,.admin-head .sr-logo,footer .sr-logo,.login-logo .sr-logo,.admin-logo .sr-logo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
}

/* ===== FINAL BRAND MARK — crystal SR divider ===== */
.sr-logo-picture{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;overflow:visible!important}
.sr-logo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.top .sr-logo-picture{width:300px!important;height:76px!important}
.admin-head .sr-logo-picture{width:310px!important;height:60px!important}
footer .sr-logo-picture{width:300px!important;height:70px!important}
.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:250px!important;height:62px!important}
.auth-brand .sr-logo-picture{width:100%!important;height:72px!important}
@media(max-width:650px){
  .top .sr-logo-picture{width:52px!important;height:52px!important;overflow:visible!important}
  .admin-head .sr-logo-picture{width:52px!important;height:52px!important;overflow:visible!important}
  footer .sr-logo-picture{width:52px!important;height:52px!important;overflow:visible!important}
  .login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:52px!important;height:52px!important;overflow:visible!important}
  .auth-brand .sr-logo-picture{width:100%!important;height:58px!important;overflow:visible!important}
}

/* ===== V56: site footer + legal pages ===== */
.site-footer{width:100%;max-width:none!important;margin:0!important;padding:42px 38px 18px!important;background:linear-gradient(180deg,#171b2b,#111422)!important;border-top:1px solid #30364d!important;color:#e9ebf2!important;box-sizing:border-box!important}
.site-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,1.25fr) 1fr 1fr 1fr;gap:42px;align-items:start}
.site-footer .footer-brand{width:300px!important;height:72px!important;justify-content:flex-start!important}
.site-footer .footer-brand .sr-logo-picture{width:300px!important;height:72px!important}
.site-footer .footer-col{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.site-footer .footer-col h3{margin:0 0 3px;font-size:16px;color:#f4f5fa}
.site-footer .footer-col a{color:#f2f3f7;text-decoration:none;font-size:13px;font-weight:750;transition:.18s}
.site-footer .footer-col a:hover{color:#c07aff;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-general a{width:max-content;max-width:100%}
.site-footer-bottom{max-width:1280px;margin:30px auto 0;padding-top:15px;border-top:1px solid #30364d;display:flex;justify-content:space-between;gap:20px;color:#777f95;font-size:10px}
.site-settings-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}
.site-setting-field{display:flex;flex-direction:column;gap:6px;color:#8f97ab;font-size:10px;font-weight:800}
.site-setting-field input{height:42px!important;width:100%!important;box-sizing:border-box}
.site-settings-form .gold{width:auto!important;min-width:180px;height:42px!important}
.legal-bg{min-height:100vh;background:radial-gradient(circle at 50% -15%,#30395f 0,#171a2a 45%,#0f111d 100%);color:#e9ebf2}
.legal-page{max-width:1050px;margin:0 auto;padding:28px 18px 45px}
.legal-back{display:inline-flex;color:#c7ccd9;text-decoration:none;font-weight:800;font-size:13px;margin-bottom:15px}
.legal-back:hover{color:#c07aff}
.legal-card{background:rgba(24,28,44,.94);border:1px solid #363d57;border-radius:14px;padding:34px 38px;box-shadow:0 25px 80px #05060d55}
.legal-card h1{font-size:30px;margin:6px 0 8px}
.legal-card h2{font-size:19px;margin:28px 0 10px;color:#f2b64b}
.legal-card h3{font-size:15px;margin:20px 0 8px;color:#e9ebf2}
.legal-card p,.legal-card li{font-size:13px;line-height:1.7;color:#b7bdcb}
.legal-card ul{padding-left:22px}
.legal-version{color:#81899d!important;font-size:11px!important}
@media(max-width:800px){.site-footer{padding:32px 18px 16px!important}.site-footer-inner{grid-template-columns:1fr 1fr;gap:24px}.site-footer .footer-brand{grid-column:1/-1;justify-content:flex-start!important}.site-footer-bottom{flex-direction:column;gap:7px}.legal-card{padding:24px 20px}.legal-card h1{font-size:24px}.legal-card p,.legal-card li{font-size:12px}.site-settings-form{grid-template-columns:1fr!important}.site-settings-form .gold{width:100%!important}}
@media(max-width:500px){.site-footer-inner{grid-template-columns:1fr}.site-footer .footer-brand{width:52px!important;height:52px!important}.site-footer .footer-brand .sr-logo-picture{width:52px!important;height:52px!important}.site-footer .footer-col h3{font-size:14px}.site-footer .footer-col a{font-size:12px}.legal-page{padding:18px 10px 30px}}


/* ===== V57: final logo geometry — one unified asset, no clipped RUSH ===== */
.sr-wordmark,.sr-ak{display:none!important;}
.sr-logo-picture{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;flex:0 0 auto!important;line-height:0!important;}
.sr-logo{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;}
.top .sr-brand{width:330px!important;max-width:330px!important;height:78px!important;overflow:visible!important;}
.top .sr-logo-picture{width:330px!important;height:78px!important;}
.admin-head .sr-brand{width:330px!important;max-width:330px!important;height:64px!important;flex:0 0 330px!important;overflow:visible!important;}
.admin-head .sr-logo-picture{width:330px!important;height:64px!important;}
.site-footer .footer-brand{width:330px!important;height:78px!important;overflow:visible!important;}
.site-footer .footer-brand .sr-logo-picture{width:330px!important;height:78px!important;}
.auth-brand.sr-brand{width:100%!important;height:82px!important;overflow:visible!important;}
.auth-brand .sr-logo-picture{width:330px!important;max-width:90%!important;height:82px!important;}
.login-logo,.admin-logo{width:330px!important;height:78px!important;overflow:visible!important;}
.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:330px!important;height:78px!important;}
@media(max-width:650px){
  .top .sr-brand{width:54px!important;max-width:54px!important;height:54px!important;overflow:visible!important;}
  .top .sr-logo-picture{width:54px!important;height:54px!important;}
  .top .sr-logo{width:54px!important;height:54px!important;}
  .admin-head .sr-brand{width:54px!important;height:54px!important;flex:0 0 54px!important;overflow:visible!important;}
  .admin-head .sr-logo-picture{width:54px!important;height:54px!important;}
  .admin-head .sr-logo{width:54px!important;height:54px!important;}
  .site-footer .footer-brand{width:54px!important;height:54px!important;}
  .site-footer .footer-brand .sr-logo-picture{width:54px!important;height:54px!important;}
  .auth-brand.sr-brand{height:64px!important;}
  .auth-brand .sr-logo-picture{width:64px!important;max-width:64px!important;height:64px!important;}
  .login-logo,.admin-logo{width:64px!important;height:64px!important;}
  .login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:64px!important;height:64px!important;}
}

/* Registration agreement */
.auth-terms{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:10px 0 4px!important;text-align:left!important;}
.auth-terms input{appearance:none!important;-webkit-appearance:none!important;width:19px!important;height:19px!important;min-width:19px!important;margin:2px 0 0!important;border:1px solid #75658f!important;border-radius:5px!important;background:#111522!important;cursor:pointer!important;position:relative!important;}
.auth-terms input:checked{background:linear-gradient(135deg,#c66cff,#7b35e8)!important;border-color:#c98bff!important;box-shadow:0 0 14px #a855f755!important;}
.auth-terms input:checked:after{content:'✓';position:absolute;left:3px;top:-2px;color:#fff;font-size:16px;font-weight:900;}
.auth-terms label{font-size:11px!important;line-height:1.45!important;color:#aeb5c7!important;cursor:pointer!important;}
.auth-terms a{color:#d18aff!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:2px!important;}
.auth-terms.hidden{display:none!important;}

/* ===== Final logo alignment ===== */
.sr-logo-picture{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;overflow:visible!important}
.sr-logo{display:block!important;object-fit:contain!important;object-position:center!important}


/* ===== v23 profile premium controls ===== */
.profile-page .admin-card{background:linear-gradient(145deg,rgba(35,40,61,.96),rgba(25,28,44,.96));border-color:#39415d;box-shadow:0 18px 50px #05060d3d}
.profile-page button,.profile-page a{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,filter .16s ease}
.profile-page .profile-head-actions a,.profile-page .profile-head-actions button{border:1px solid #4a5574;background:linear-gradient(145deg,#343b58,#272d45);color:#f5f7fb;border-radius:9px;box-shadow:0 7px 18px #05060d45,inset 0 1px #ffffff10;font-weight:950;letter-spacing:.35px}
.profile-page .profile-head-actions a:hover,.profile-page .profile-head-actions button:hover{transform:translateY(-2px);border-color:#7185b5;box-shadow:0 10px 24px #05060d66,0 0 0 1px #7185b533}
.profile-page .profile-head-actions .profile-upgrade-link{background:linear-gradient(145deg,#3c465f,#293149)}
.profile-page .profile-head-actions .profile-logout{background:linear-gradient(145deg,#5a303c,#3b2630);border-color:#754353;color:#ffc8cf}
.profile-page .gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffd66a 0%,#efb33d 45%,#c97818 100%);border:1px solid #f5bd4e!important;color:#fff!important;border-radius:9px!important;font-weight:1000;letter-spacing:.45px;text-shadow:0 1px 2px #7b430e;box-shadow:0 8px 20px #a55d1538,inset 0 1px #fff8, inset 0 -1px #8b4e124d}
.profile-page .gold:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff6 48%,transparent 67%);transform:translateX(-120%);transition:transform .5s ease}
.profile-page .gold:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 26px #a55d154f,0 0 0 1px #ffd36a33,inset 0 1px #fff9}
.profile-page .gold:hover:before{transform:translateX(120%)}
.profile-page .profile-balance .small-gold{padding:10px 16px!important}
.profile-page .profile-form .gold{min-height:44px}
.profile-page .bonus-redeem-form{align-items:end}
.profile-page #bonusCodeRedeem{min-width:175px}
.profile-page #savePassword,.profile-page #saveProfile{min-width:145px}
.profile-page .profile-price-filter button,.profile-page .profile-pages button,.profile-page .profile-skin-button,.profile-page .profile-withdraw-hint,.profile-page .email-reveal-btn{border:1px solid #434d6a;background:linear-gradient(145deg,#30374f,#252b41);color:#e9edf6;border-radius:8px;font-weight:900;box-shadow:0 5px 14px #05060d33,inset 0 1px #ffffff09}
.profile-page .profile-price-filter button:hover,.profile-page .profile-pages button:hover:not(:disabled),.profile-page .profile-skin-button:hover,.profile-page .email-reveal-btn:hover{transform:translateY(-1px);border-color:#697ba7;background:linear-gradient(145deg,#3a435f,#2b324b);box-shadow:0 8px 18px #05060d55}
.profile-page .profile-price-filter button{height:38px;padding:0 12px}
.profile-page .profile-price-filter .profile-sell-all{background:linear-gradient(145deg,#8a3d4a,#5a2d38);border-color:#a55362;color:#ffdce0}
.profile-page .profile-price-filter .profile-sell-all:hover{background:linear-gradient(145deg,#a24755,#6c3340);border-color:#c36a78}
.profile-page .profile-pages button{width:38px;height:38px;padding:0;font-size:20px}
.profile-page .profile-skin-button{position:relative;width:100%;padding:0;overflow:hidden;text-align:left;background:#24293d;border-color:#3b4562}
.profile-page .profile-skin-button:hover{border-color:var(--rarity,#6d7da5);box-shadow:0 10px 25px #05060d66,0 0 0 1px #ffffff0d}
.profile-page .profile-withdraw-hint{margin:0 8px 8px;padding:7px 9px;text-align:center;font-size:8px;letter-spacing:.65px;background:#2c334b;color:#aeb8cf}
.profile-page .profile-skin-button:hover .profile-withdraw-hint{background:#39425e;color:#fff}
.profile-page .profile-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;background:#1b2030;border:1px solid #353d57;border-radius:9px}
.profile-page .profile-email-value{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.profile-page .profile-email-value b{font-size:11px;color:#eef1f7;word-break:break-all;text-align:right}
.profile-page .profile-email-value b.email-hidden{letter-spacing:.8px;color:#9da6ba}
.profile-page .email-reveal-btn{flex:none;padding:8px 10px;font-size:8px;letter-spacing:.45px;white-space:nowrap}
.profile-page .profile-email{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid #343b54}
.profile-page .profile-email>span{font-size:8px;color:#7f879c;font-weight:900;letter-spacing:1px}
.profile-page .profile-email .profile-email-value{flex:1}
.profile-page .password-form input:focus,.profile-page .profile-form input:focus,.profile-page .profile-price-filter input:focus{border-color:#7c91c5;box-shadow:0 0 0 3px #7189c522}
.profile-page .profile-price-filter input{height:38px;background:#20253a;border:1px solid #3f4863;color:#fff;border-radius:8px;padding:0 10px;outline:none}
@media(max-width:650px){
 .profile-page .profile-email,.profile-page .profile-account-row{align-items:flex-start;flex-direction:column}
 .profile-page .profile-email .profile-email-value,.profile-page .profile-account-row .profile-email-value{width:100%;justify-content:space-between}
 .profile-page .profile-email-value b{max-width:58%;text-align:left}
 .profile-page .email-reveal-btn{padding:8px 9px}
 .profile-page #bonusCodeRedeem,.profile-page #savePassword,.profile-page #saveProfile{width:100%;min-width:0}
}

/* ===== Price filter: remove native number-input spinner arrows ===== */
.inventory-price-filter input[type="number"],
.target-filters input[type="number"],
.profile-price-filter input[type="number"],
.shop-filters input[type="number"]{
  -moz-appearance:textfield;
  appearance:textfield;
}
.inventory-price-filter input[type="number"]::-webkit-inner-spin-button,
.inventory-price-filter input[type="number"]::-webkit-outer-spin-button,
.target-filters input[type="number"]::-webkit-inner-spin-button,
.target-filters input[type="number"]::-webkit-outer-spin-button,
.profile-price-filter input[type="number"]::-webkit-inner-spin-button,
.profile-price-filter input[type="number"]::-webkit-outer-spin-button,
.shop-filters input[type="number"]::-webkit-inner-spin-button,
.shop-filters input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  appearance:none;
  margin:0;
}

/* ===== v61 registration agreement checkbox + exact logo ===== */
.auth-terms{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0 6px!important;
  padding:0!important;
  text-align:left!important;
}
.auth-terms input{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #75658f!important;
  border-radius:5px!important;
  background:#111522!important;
  cursor:pointer!important;
  position:relative!important;
  box-sizing:border-box!important;
  align-self:center!important;
}
.auth-terms input:checked{
  background:linear-gradient(135deg,#c66cff,#7b35e8)!important;
  border-color:#c98bff!important;
  box-shadow:0 0 14px #a855f755!important;
}
.auth-terms input:checked:after{
  content:'✓';
  position:absolute;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-53%)!important;
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:900;
}
.auth-terms label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:#aeb5c7!important;
  cursor:pointer!important;
  align-self:center!important;
}

/* Keep the supplied horizontal SKIN RUSH logo crisp and correctly proportioned. */
.sr-logo{object-fit:contain!important;object-position:center!important;image-rendering:auto!important;}


/* ===== V63: final logo spacing fix =====
   The wordmark is a single image. Never skew, stretch, rotate, or attach
   decorative text to it. The container follows the source image aspect ratio. */
.top .sr-brand,
.admin-head .sr-brand,
.site-footer .footer-brand,
.login-logo,
.admin-logo,
.auth-brand.sr-brand{
  transform:none!important;
}
.top .sr-brand::before, .top .sr-brand::after,
.admin-head .sr-brand::before, .admin-head .sr-brand::after,
.site-footer .footer-brand::before, .site-footer .footer-brand::after{
  content:none!important;
  display:none!important;
}
.top .sr-logo-picture{
  width:330px!important;
  height:auto!important;
  aspect-ratio:549 / 162!important;
  flex:0 0 auto!important;
  transform:none!important;
}
.top .sr-logo{
  width:330px!important;
  height:auto!important;
  aspect-ratio:549 / 162!important;
  max-width:330px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.admin-head .sr-logo-picture{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;}
.admin-head .sr-logo{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;object-fit:contain!important;transform:none!important;}
.site-footer .footer-brand .sr-logo-picture{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;}
.site-footer .footer-brand .sr-logo{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;object-fit:contain!important;transform:none!important;}
.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;}
.login-logo .sr-logo,.admin-logo .sr-logo{width:300px!important;height:auto!important;aspect-ratio:549 / 162!important;object-fit:contain!important;transform:none!important;}
.auth-brand .sr-logo-picture{width:min(330px,90vw)!important;height:auto!important;aspect-ratio:549 / 162!important;}
.auth-brand .sr-logo{width:min(330px,90vw)!important;height:auto!important;aspect-ratio:549 / 162!important;object-fit:contain!important;transform:none!important;}
@media(max-width:650px){
  .top .sr-brand{width:54px!important;height:54px!important;overflow:visible!important;}
  .top .sr-logo-picture{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
  .top .sr-logo{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
  .admin-head .sr-logo-picture{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
  .admin-head .sr-logo{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
  .site-footer .footer-brand .sr-logo-picture{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
  .site-footer .footer-brand .sr-logo{width:54px!important;height:54px!important;aspect-ratio:auto!important;}
}

/* ===== V63 FINAL — tight SKIN RUSH wordmark spacing everywhere ===== */
.sr-logo-picture,
.sr-logo-picture img,
.sr-logo{
  transform:none!important;
}
.top .sr-logo-picture{width:330px!important;height:auto!important;aspect-ratio:549 / 162!important;}
.top .sr-logo{width:330px!important;height:auto!important;max-width:330px!important;aspect-ratio:549 / 162!important;object-fit:contain!important;}
.admin-head .sr-logo-picture,.site-footer .footer-brand .sr-logo-picture,.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{aspect-ratio:549 / 162!important;height:auto!important;}
.admin-head .sr-logo,.site-footer .footer-brand .sr-logo,.login-logo .sr-logo,.admin-logo .sr-logo{aspect-ratio:549 / 162!important;height:auto!important;object-fit:contain!important;}
.auth-brand .sr-logo-picture{aspect-ratio:549 / 162!important;height:auto!important;}
.auth-brand .sr-logo{aspect-ratio:549 / 162!important;height:auto!important;object-fit:contain!important;}
@media(max-width:650px){
  .top .sr-logo-picture,.top .sr-logo,.admin-head .sr-logo-picture,.admin-head .sr-logo,.site-footer .footer-brand .sr-logo-picture,.site-footer .footer-brand .sr-logo{aspect-ratio:auto!important;}
}

/* v64 — live admin site settings */
.site-settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;align-items:end;}
.site-setting-wide{grid-column:1/-1;}
.site-setting-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.site-setting-actions span{font-size:12px;opacity:.62;}
@media(max-width:720px){.site-settings-grid{grid-template-columns:1fr!important}.site-setting-wide,.site-setting-actions{grid-column:auto;}}


/* v65 — profile controls: perfectly centered labels/text */
.profile-form .gold,
.bonus-redeem-form .gold,
.email-reveal-btn,
.profile-head-actions a,
.profile-head-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.profile-form .gold,
.bonus-redeem-form .gold{
  min-height:42px!important;
  padding:0 18px!important;
}
.bonus-redeem-form{align-items:end!important;}
@media(max-width:700px){.profile-form .gold,.bonus-redeem-form .gold{width:100%!important;}}

/* v65 — the fake online counter is controlled by admin */
.online b{font-variant-numeric:tabular-nums;}


/* ===== V66: compact branding + smaller header typography ===== */
.top .sr-brand{width:270px!important;max-width:270px!important;height:62px!important;}
.top .sr-logo-picture{width:270px!important;height:62px!important;}
.top .sr-logo{width:270px!important;max-width:270px!important;height:62px!important;}
.top .online{font-size:11px!important;}
.top .head-bal{font-size:17px!important;}
.top .head-bal em{font-size:11px!important;padding:3px 6px!important;}
.top .topbtn{width:44px!important;height:44px!important;}
.admin-head .sr-brand{width:260px!important;max-width:260px!important;height:58px!important;flex-basis:260px!important;}
.admin-head .sr-logo-picture{width:260px!important;height:58px!important;}
.admin-head .sr-logo{width:260px!important;height:58px!important;}
.site-footer .footer-brand{width:260px!important;height:62px!important;}
.site-footer .footer-brand .sr-logo-picture{width:260px!important;height:62px!important;}
.site-footer .footer-brand .sr-logo{width:260px!important;height:62px!important;}
.auth-brand.sr-brand{height:70px!important;}
.auth-brand .sr-logo-picture{width:min(280px,86vw)!important;height:70px!important;}
.auth-brand .sr-logo{width:min(280px,86vw)!important;height:70px!important;}
.login-logo,.admin-logo{width:280px!important;height:66px!important;}
.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture{width:280px!important;height:66px!important;}
@media(max-width:650px){
  .top .sr-brand{width:48px!important;max-width:48px!important;height:48px!important;}
  .top .sr-logo-picture,.top .sr-logo{width:48px!important;height:48px!important;}
  .admin-head .sr-brand{width:48px!important;height:48px!important;flex-basis:48px!important;}
  .admin-head .sr-logo-picture,.admin-head .sr-logo{width:48px!important;height:48px!important;}
  .site-footer .footer-brand,.site-footer .footer-brand .sr-logo-picture,.site-footer .footer-brand .sr-logo{width:48px!important;height:48px!important;}
  .auth-brand.sr-brand{height:58px!important;}
  .auth-brand .sr-logo-picture,.auth-brand .sr-logo{width:58px!important;height:58px!important;}
  .login-logo,.admin-logo,.login-logo .sr-logo-picture,.admin-logo .sr-logo-picture,.login-logo .sr-logo,.admin-logo .sr-logo{width:58px!important;height:58px!important;}
}

/* V66: Live Drop is intentionally a fake randomized feed; no real-win priority. */
.live-drop-section .side-price{display:none!important;}


/* ===== V67: only the logo is compact; restore all non-logo V66 sizing ===== */
.top .online{font-size:13px!important;}
.top .head-bal{font-size:20px!important;}
.top .head-bal em{font-size:13px!important;padding:4px 7px!important;}
.top .topbtn{width:48px!important;height:48px!important;}
@media(max-width:650px){
  .top .online{font-size:10px!important;}
  .top .head-bal{font-size:14px!important;}
  .top .head-bal em{font-size:13px!important;padding:4px 7px!important;}
  .top .topbtn{width:40px!important;height:40px!important;}
}
/* V66 changed these because of the branding pass; keep the requested logo
   reduction but restore the surrounding typography/controls. */


/* ===== V67: only the logo is compact; restore all non-logo V66 sizing ===== */
.top .online{font-size:13px!important;}
.top .head-bal{font-size:20px!important;}
.top .head-bal em{font-size:13px!important;padding:4px 7px!important;}
.top .topbtn{width:48px!important;height:48px!important;}
@media(max-width:650px){
  .top .online{font-size:10px!important;}
  .top .head-bal{font-size:14px!important;}
  .top .head-bal em{font-size:13px!important;padding:4px 7px!important;}
  .top .topbtn{width:40px!important;height:40px!important;}
}

/* v70: skin withdrawal holds item in inventory until admin approval */
.profile-skin.withdraw-pending{opacity:.62;filter:saturate(.55);cursor:not-allowed}
.profile-skin.withdraw-pending .profile-skin-button{cursor:not-allowed}
.profile-skin.withdraw-pending .profile-withdraw-hint{opacity:1!important;transform:none!important;background:#3a3240!important;color:#f0b4c5!important}
.skin-withdraw-modal input + input{margin-top:0!important}
.withdraw-warning{font-size:10px;line-height:1.45;color:#c3c9d8;background:#24293a;border:1px solid #3a425b;border-radius:7px;padding:9px 10px;margin:8px 0 12px}


/* v71: compact upgrade price summary in the upper-right target panel */
.target-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
.target-panel-head .panel-title{text-align:left}
.upgrade-price-boxes{display:flex;gap:6px;align-items:stretch;flex-shrink:0}
.upgrade-price-box{min-width:118px;padding:7px 9px;border:1px solid #3b425c;border-radius:7px;background:#171b2b;text-align:right;box-shadow:inset 0 1px 0 #ffffff08}
.upgrade-price-box span{display:block;font-size:7px;line-height:10px;color:#7f879d;font-weight:800;white-space:nowrap}
.upgrade-price-box b{display:block;margin-top:2px;font-size:13px;line-height:16px;color:#f2c55c;font-weight:900;white-space:nowrap}
@media(max-width:650px){.target-panel-head{display:block}.target-panel-head .panel-title{text-align:center}.upgrade-price-boxes{margin-top:8px;justify-content:center}.upgrade-price-box{min-width:0;flex:1;text-align:center}.upgrade-price-box span{font-size:6px}.upgrade-price-box b{font-size:12px}}

/* v72 withdrawal UX: prominent acknowledgement and locked state */
.withdraw-warning-important{margin:14px 0;padding:14px 15px;border:1px solid #d99b32;background:linear-gradient(180deg,#3b3020,#2d2830);box-shadow:0 0 0 1px #f0b43b22 inset,0 8px 24px #00000030;border-radius:6px;display:flex;flex-direction:column;gap:9px;color:#fff0cf}.withdraw-warning-important strong{font-size:12px;letter-spacing:.4px;color:#ffc85b}.withdraw-warning-important>span{font-size:11px;line-height:1.5;color:#e7e2d7}.withdraw-ack{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;background:#1e2130;border:1px solid #565b70;border-radius:5px;cursor:pointer;color:#fff;font-size:11px;line-height:1.45}.withdraw-ack input{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;margin:0;margin-top:1px;border:2px solid #8a91a5;border-radius:4px;background:#161925;position:relative}.withdraw-ack input:checked{background:#e7a933;border-color:#e7a933}.withdraw-ack input:checked:after{content:'✓';position:absolute;inset:-2px 0 0;text-align:center;color:#171922;font-weight:1000;font-size:14px}.skin-withdraw-modal #skinWithdrawSubmit:disabled{opacity:.45;filter:grayscale(.25);cursor:not-allowed}.profile-skin-button.withdraw-pending{cursor:not-allowed;filter:saturate(.7)}
/* Keep target prices visible as a store-style card price. */
.target-card .card-price{display:block!important;position:absolute;top:7px;right:7px;z-index:8;padding:4px 7px;border-radius:3px;background:#151826d9;color:#fff;font-size:10px;font-weight:900;line-height:1.1;box-shadow:0 2px 8px #0005}


/* V73 — explicit prices on the two selected upgrade cards */
.preview-footer{position:relative!important;padding-right:76px!important}
.preview-price{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;padding:4px 7px!important;border-radius:5px!important;background:#2f3651!important;border:1px solid #59627f!important;color:#ffd35a!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}
.source-panel .stake-item{padding-right:42px!important}
.source-panel .stake-item-price{position:absolute!important;right:6px!important;top:5px!important;font-size:9px!important;color:#ffd35a!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:650px){.preview-price{font-size:10px!important;min-width:58px!important;padding:4px 5px!important}.preview-footer{padding-right:64px!important}.source-panel .stake-item-price{font-size:8px!important}}

/* v74: upgrade prices belong to the selected item cards, like shop cards. */
.upgrade-price-boxes{display:none!important}
.target-panel-head{display:block!important}
.preview-card{position:relative!important}
.preview-card .preview-price{position:absolute!important;top:8px!important;right:8px!important;z-index:30!important;margin:0!important;background:#202334ee!important;border:1px solid #ffffff18!important;border-radius:4px!important;padding:4px 7px!important;color:#f5c34e!important;font-size:10px!important;font-weight:950!important;line-height:1.1!important;white-space:nowrap!important}
@media(max-width:650px){.preview-card .preview-price{top:6px!important;right:6px!important;font-size:9px!important;padding:3px 6px!important}}
/* Pending-withdraw items remain visible in the profile but are not selectable. */
.profile-skin-button.withdraw-pending{cursor:not-allowed!important;opacity:.78!important;position:relative!important}
.profile-skin-button.withdraw-pending .profile-withdraw-hint{display:flex!important;align-items:center!important;justify-content:center!important}


/* v75: store-style price badge in the upper-right corner of the large upgrade cards. */
.preview-card .preview-card-price{position:absolute!important;top:9px!important;right:9px!important;z-index:50!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:68px!important;height:24px!important;box-sizing:border-box!important;padding:0 8px!important;border-radius:5px!important;background:#151927ee!important;border:1px solid #ffffff20!important;color:#ffd35a!important;font-size:11px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 3px 10px #0006!important}
.preview-card .preview-price{display:none!important}
@media(max-width:650px){.preview-card .preview-card-price{top:7px!important;right:7px!important;min-width:60px!important;height:22px!important;padding:0 6px!important;font-size:9px!important}}

/* v75: clear red pending-withdraw status in the user's profile. */
.profile-skin.withdraw-pending{position:relative!important;opacity:1!important;filter:saturate(.5)!important;pointer-events:none!important}
.profile-skin.withdraw-pending::before{content:'СКИН НА ВЫВОДЕ';position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:20!important;height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#c9364b!important;color:#fff!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.7px!important;box-shadow:0 2px 8px #0006!important}
.profile-skin.withdraw-pending .profile-skin-button{cursor:not-allowed!important}
.profile-skin.withdraw-pending .profile-withdraw-hint{background:#6f2431!important;color:#ffdfe3!important;border-color:#a9364a!important}


/* v76: clean target heading and store-style orange target prices. */
.target-panel-head .panel-title{display:none!important}
.target-panel-head{display:block!important;margin:0 0 8px!important}
.target-panel-head .hint{margin:0!important}
.workspace-target-grid .target-card .card-price,
.target-panel .target-card .card-price{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  z-index:50!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:68px!important;
  height:24px!important;
  box-sizing:border-box!important;
  padding:0 8px!important;
  border-radius:5px!important;
  background:#202334ee!important;
  border:1px solid #ffffff18!important;
  color:#f5a623!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px #0006!important;
}
@media(max-width:650px){
  .target-panel-head{margin:0 0 6px!important}
  .workspace-target-grid .target-card .card-price,
  .target-panel .target-card .card-price{top:6px!important;right:6px!important;min-width:60px!important;height:22px!important;padding:0 6px!important;font-size:9px!important}
}

/* v77: unmistakable red pending-withdraw label in profile */
.profile-page .profile-skin.withdraw-pending{
  position:relative!important;
  overflow:hidden!important;
  border-color:#c9364b!important;
}
.profile-page .profile-skin.withdraw-pending::before{
  content:'СКИН НА ВЫВОДЕ'!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:30px!important;
  z-index:999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:#d92f46!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:1px!important;
  text-shadow:0 1px 2px #0008!important;
  box-shadow:0 2px 10px #0008!important;
  pointer-events:none!important;
}
.profile-page .profile-skin.withdraw-pending .profile-skin-art{
  padding-top:30px!important;
  box-sizing:border-box!important;
}
.profile-page .profile-skin.withdraw-pending .profile-withdraw-hint{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#7e1f2d!important;
  color:#fff!important;
  border-color:#d92f46!important;
}


/* v79: unified price badge size for shop, inventory and upgrade cards */
.card-price,
.shop-item .card-price,
.skin .card-price,
.target-card .card-price,
.workspace-target-grid .card-price{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  min-width:68px!important;
  height:24px!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border-radius:4px!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
}


/* v80 final polish */
:root{--gold:#f2b43c}

/* unified gold badges */
.price-badge,.skin-price,.item-price,.market-price,.upgrade-price,.card-price{
    background:#f2b43c!important;
    color:#17192b!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:8px!important;
    min-height:28px!important;
    padding:4px 10px!important;
    font-weight:800!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

/* custom withdraw checkbox */
.withdraw-ack input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border:2px solid #8b90a8!important;
    border-radius:5px!important;
    background:#17192b!important;
    position:relative;
    vertical-align:middle;
}
.withdraw-ack input[type="checkbox"]:checked{
    background:#f2b43c!important;
    border-color:#f2b43c!important;
}
.withdraw-ack input[type="checkbox"]:checked::after{
    content:"✓";
    position:absolute;
    left:3px;
    top:-3px;
    font-size:18px;
    font-weight:900;
    color:#17192b;
}

/* only skin thumbnail gets withdraw mark */
.profile-skin-button.withdraw-pending .profile-skin-art{
    border:3px solid #e53935!important;
    border-radius:12px!important;
    overflow:hidden;
    position:relative;
}
.profile-skin-button.withdraw-pending .profile-skin-art::after{
    content:"СКИН НА ВЫВОДЕ";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:#e53935;
    color:#fff;
    text-align:center;
    font-size:11px;
    font-weight:900;
    padding:5px 2px;
}


/* v83: price badges in shop and inventory must match upgrade item badges */
.shop-item .card-price,
.inventory-item .card-price,
.market-item .card-price,
.skin-card .card-price{
    background:rgba(15,22,45,.92)!important;
    color:#ffd45a!important;
    border:1px solid rgba(255,212,90,.35)!important;
    border-radius:6px!important;
    min-width:68px!important;
    height:24px!important;
    padding:0 7px!important;
    font-size:10px!important;
    font-weight:950!important;
}

/* v84: exact price badge copy from upgrade cards */
.shop-grid .card-price,
.inventory-scroll .card-price,
.profile-skin .card-price {
    position:absolute!important;
    z-index:20!important;
    right:7px!important;
    top:7px!important;
    min-width:68px!important;
    height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    background:#151927ee!important;
    border:1px solid #ffffff20!important;
    border-radius:5px!important;
    padding:0 8px!important;
    color:#ffd35a!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:0 3px 10px #0006!important;
}

/* v85: target prices use the exact same badge styling as shop/inventory. */
.target-panel .target-card .card-price,
.workspace-target-grid .target-card .card-price{
  position:absolute!important;
  z-index:20!important;
  right:7px!important;
  top:7px!important;
  min-width:68px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:#151927ee!important;
  border:1px solid #ffffff20!important;
  border-radius:5px!important;
  padding:0 8px!important;
  color:#ffd35a!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px #0006!important;
}
@media(max-width:650px){
  .target-panel .target-card .card-price,
  .workspace-target-grid .target-card .card-price{
    right:5px!important;top:5px!important;min-width:68px!important;height:24px!important;
    padding:0 8px!important;font-size:11px!important;
  }
}


/* v86: iOS browser chrome / safe-area only. Keep the proven v85 responsive layout unchanged. */
html,body{background:#111422!important;-webkit-text-size-adjust:100%;overscroll-behavior-x:none;}
body{min-height:100vh;}
@supports (min-height: 100dvh){body{min-height:100dvh;}}
@supports (-webkit-touch-callout:none){
  html,body{background:#111422!important;}
  body{padding-bottom:env(safe-area-inset-bottom,0px);}
}

/* v89: landscape phone/tablet — keep the same three-zone upgrade composition as desktop.
   The previous mobile column layout is intentionally overridden only in landscape. */
@media (max-width:900px) and (orientation:landscape){
  html,body{overflow-x:hidden!important;}
  .top{height:64px!important;padding:0 12px!important;gap:10px!important;}
  .upgrade-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,42vw) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    padding:8px!important;
    align-items:stretch!important;
  }
  .source-panel,.wheel-card,.target-panel{
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:calc(100vh - 86px)!important;
    min-height:300px!important;
    max-height:620px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .source-panel{grid-column:1!important;order:initial!important;}
  .wheel-card{grid-column:2!important;order:initial!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;}
  .target-panel{grid-column:3!important;order:initial!important;}
  .source-panel .selection-summary,.target-selection-summary{max-height:42vh!important;}
  .wheel-caption{font-size:10px!important;margin:0!important;}
  .wheel-wrap{
    width:min(54vh,430px)!important;
    height:min(54vh,430px)!important;
    margin:4px auto!important;
    flex:none!important;
  }
  .wheel{
    width:calc(min(54vh,430px) - 18px)!important;
    height:calc(min(54vh,430px) - 18px)!important;
    left:9px!important;top:9px!important;
  }
  .wheel-center{inset:23%!important;}
  .wheel-center strong{font-size:clamp(22px,5vh,34px)!important;}
  .pointer{top:calc(-1 * (min(54vh,430px) / 2 - 2px))!important;}
  .upgrade-controls{width:100%!important;}
  .workspace-shell{padding:8px!important;}
}

/* v89: desktop login button stays inside its own box. */
@media (min-width:651px){
  .top .login-top,.top .profile-btn-top{
    flex:0 0 auto!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    padding:0 12px!important;
    white-space:nowrap!important;
  }
}


/* v90: landscape workspace stability — keep inventory and target side-by-side without overlap. */
@media (max-width:900px) and (orientation:landscape){
  .workspace-shell{
    position:relative!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:4px 0 0!important;
    padding:8px!important;
    overflow:visible!important;
  }
  .workspace-tabs{display:none!important;}
  .workspace-columns{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
  }
  .workspace-columns #inventorySection,
  .workspace-columns #targetWorkspace{
    position:relative!important;
    inset:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    float:none!important;
    clear:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .workspace-columns .inv-tabs,
  .workspace-columns .inventory-toolbar,
  .workspace-columns .target-workspace-head{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .workspace-columns .inv-tabs{height:54px!important;}
  .workspace-columns .inv-tab{height:54px!important;}
}

/* v90: keep the desktop login button geometry stable at all non-mobile widths. */
@media (min-width:651px){
  .top .login-top,.top .profile-btn-top{
    flex:0 0 110px!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
  }
}


/* v91: landscape workspace header fix — keep the inventory and target panels
   separate and prevent the target title/filters from colliding. */
@media (max-width:900px) and (orientation:landscape){
  .workspace-columns{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .workspace-columns #inventorySection,
  .workspace-columns #targetWorkspace{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .workspace-columns .target-workspace-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:10px!important;
    min-height:132px!important;
    height:auto!important;
    padding:12px!important;
  }
  .workspace-columns .target-workspace-head > div:first-child{
    width:100%!important;
    min-width:0!important;
  }
  .workspace-columns .target-workspace-head h2{
    font-size:18px!important;
    line-height:1.12!important;
    white-space:normal!important;
    margin:0 0 4px!important;
  }
  .workspace-columns .target-workspace-head span{
    display:block!important;
    line-height:1.25!important;
  }
  .workspace-columns .target-workspace-head .target-filters{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;
    gap:6px!important;
    align-items:end!important;
  }
  .workspace-columns .target-workspace-head .target-filters label{
    min-width:0!important;
  }
  .workspace-columns .target-workspace-head .target-filters input{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    box-sizing:border-box!important;
  }
  .workspace-columns .target-workspace-head .target-filters button{
    height:38px!important;
    white-space:nowrap!important;
  }
  .workspace-columns .inventory-toolbar{
    min-height:132px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .workspace-columns .inventory-tools,
  .workspace-columns .inventory-price-filter{
    width:100%!important;
    min-width:0!important;
  }
}


/* v92: landscape controls/workspace final alignment.
   Keep the upgrade button and multiplier menu on one compact row, then start
   the inventory/target workspace below it. */
@media (min-width:651px) and (max-width:1100px) and (orientation:landscape){
  .upgrade-controls{
    position:relative!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(180px,.72fr) minmax(300px,1.05fr)!important;
    grid-template-rows:64px!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:8px 0 8px!important;
    padding:0 10px!important;
    align-items:stretch!important;
  }
  .upgrade-controls .balance-stake{
    grid-column:1!important;grid-row:1!important;
    min-width:0!important;width:100%!important;height:64px!important;min-height:64px!important;
    margin:0!important;padding:7px 10px!important;box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .upgrade-controls .balance-stake .stake-presets,
  .upgrade-controls .balance-stake small{display:none!important;}
  .upgrade-controls .upgrade-btn{
    grid-column:2!important;grid-row:1!important;
    width:100%!important;height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;box-sizing:border-box!important;
    font-size:18px!important;
  }
  .upgrade-controls .quick{
    grid-column:3!important;grid-row:1!important;
    width:100%!important;height:64px!important;min-height:64px!important;
    margin:0!important;padding:4px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:4px!important;align-items:stretch!important;
  }
  .upgrade-controls .quick button{
    width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;
    padding:0 2px!important;font-size:10px!important;border-radius:7px!important;
    box-sizing:border-box!important;
  }
  .workspace-shell{
    position:relative!important;z-index:1!important;
    width:100%!important;box-sizing:border-box!important;
    margin:8px 0 0!important;padding:0 10px 10px!important;
    clear:both!important;transform:none!important;
  }
  .workspace-columns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;align-items:start!important;
    width:100%!important;box-sizing:border-box!important;
  }
  .workspace-columns #inventorySection,.workspace-columns #targetWorkspace{
    grid-column:auto!important;grid-row:auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;position:relative!important;inset:auto!important;
    transform:none!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .workspace-columns .inv-tabs{height:54px!important;}
  .workspace-columns .inv-tab{height:54px!important;font-size:14px!important;}
  .workspace-columns .inventory-toolbar,
  .workspace-columns .target-workspace-head{min-height:96px!important;height:auto!important;padding:10px!important;box-sizing:border-box!important;}
  .workspace-columns .target-workspace-head{
    display:flex!important;flex-direction:column!important;gap:7px!important;
    align-items:stretch!important;justify-content:flex-start!important;
  }
  .workspace-columns .target-workspace-head h2{font-size:18px!important;line-height:1.1!important;margin:0 0 3px!important;white-space:normal!important;}
  .workspace-columns .target-workspace-head span{font-size:10px!important;line-height:1.2!important;display:block!important;}
  .workspace-columns .target-workspace-head .target-filters{
    width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;
    gap:5px!important;align-items:end!important;box-sizing:border-box!important;
  }
  .workspace-columns .target-workspace-head .target-filters input{height:34px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .workspace-columns .target-workspace-head .target-filters button{height:34px!important;padding:0 8px!important;white-space:nowrap!important;}
}

/* very short landscape phones: keep the same row but reduce its footprint further */
@media (max-width:700px) and (orientation:landscape){
  .upgrade-controls{grid-template-columns:minmax(0,1fr) 150px minmax(240px,1.1fr)!important;grid-template-rows:56px!important;height:56px!important;margin:5px 0!important;padding:0 7px!important;gap:5px!important;}
  .upgrade-controls .balance-stake,.upgrade-controls .upgrade-btn,.upgrade-controls .quick{height:56px!important;min-height:56px!important;max-height:56px!important;}
  .upgrade-controls .upgrade-btn{font-size:15px!important;}
  .upgrade-controls .quick{height:56px!important;padding:3px!important;gap:3px!important;}
  .upgrade-controls .quick button{height:48px!important;min-height:48px!important;font-size:9px!important;}
  .workspace-shell{margin-top:6px!important;padding-left:7px!important;padding-right:7px!important;}
}


/* v94: landscape phone — remove the oversized empty gap before controls.
   Keep the three-zone composition, but size the upper panels to the wheel instead
   of reserving almost the entire viewport height. */
@media (max-width:900px) and (orientation:landscape){
  .upgrade-layout{
    height:auto!important;
    min-height:0!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    margin-bottom:0!important;
  }
  .source-panel,.wheel-card,.target-panel{
    height:min(54vh,430px)!important;
    min-height:0!important;
    max-height:min(54vh,430px)!important;
    box-sizing:border-box!important;
  }
  .wheel-wrap{
    width:min(54vh,430px)!important;
    height:min(54vh,430px)!important;
  }
  .upgrade-controls{
    margin-top:4px!important;
  }
}
@media (max-width:700px) and (orientation:landscape){
  .source-panel,.wheel-card,.target-panel{
    height:min(58vh,300px)!important;
    max-height:min(58vh,300px)!important;
  }
  .wheel-wrap{
    width:min(58vh,300px)!important;
    height:min(58vh,300px)!important;
  }
  .upgrade-controls{margin-top:3px!important;}
}

/* v95: landscape phone alignment + remove action toasts */
.toast{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media (max-width:900px) and (orientation:landscape){
  .upgrade-layout .wheel-card{
    transform:translateY(50px)!important;
  }
}
@media (max-width:700px) and (orientation:landscape){
  .upgrade-layout .wheel-card{
    transform:translateY(46px)!important;
  }
}

/* v97: price badge on every selected stake item (multi-select), tuned for phones */
.source-panel .selection-summary.selected-many .stake-item-price{
  position:absolute!important;
  z-index:25!important;
  right:5px!important;
  top:5px!important;
  min-width:58px!important;
  height:21px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 5px!important;
  border:1px solid #ffffff20!important;
  border-radius:5px!important;
  background:#151927ee!important;
  color:#ffd35a!important;
  font-size:8px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px #0006!important;
}
.source-panel .selection-summary.selected-many .stake-item-name{
  padding-right:2px!important;
  padding-top:20px!important;
}
@media(max-width:650px){
  .source-panel .selection-summary.selected-many .stake-item-price{
    right:4px!important;
    top:4px!important;
    min-width:54px!important;
    height:20px!important;
    padding:0 4px!important;
    font-size:7px!important;
    border-radius:4px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-name{
    padding-top:19px!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
}
@media(max-width:380px){
  .source-panel .selection-summary.selected-many .stake-item-price{
    min-width:50px!important;
    height:19px!important;
    font-size:6.5px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-name{padding-top:18px!important;font-size:8px!important;}
}

/* v98: portrait-phone fix for multi-stake cards only. Landscape/tablet/PC stay unchanged. */
@media (max-width:650px) and (orientation:portrait){
  .source-panel .selection-summary.selected-many{
    height:210px!important;
    min-height:210px!important;
    flex:0 0 210px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:6px!important;
    overflow:hidden!important;
    align-content:stretch!important;
    box-sizing:border-box!important;
  }
  .source-panel .selection-summary.selected-many .stake-item{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 22px!important;
    gap:5px!important;
    padding:4px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:7px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-art{
    grid-column:1!important;
    grid-row:1/-1!important;
    width:68px!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:4px!important;
    overflow:hidden!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    padding:3px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-name{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:0 2px!important;
    font-size:9px!important;
    line-height:1.15!important;
    text-align:left!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-price{
    position:absolute!important;
    z-index:25!important;
    right:4px!important;
    top:4px!important;
    min-width:54px!important;
    width:auto!important;
    max-width:calc(100% - 76px)!important;
    height:20px!important;
    padding:0 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:4px!important;
    background:#151927ee!important;
    border:1px solid #ffffff20!important;
    color:#ffd35a!important;
    font-size:8px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:0 3px 10px #0006!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-number{
    position:absolute!important;
    left:3px!important;
    top:3px!important;
    right:auto!important;
    bottom:auto!important;
    width:16px!important;
    height:16px!important;
    font-size:7px!important;
    line-height:16px!important;
    z-index:30!important;
  }
}

@media (max-width:380px) and (orientation:portrait){
  .source-panel .selection-summary.selected-many .stake-item{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-art{width:58px!important}
  .source-panel .selection-summary.selected-many .stake-item-price{
    min-width:50px!important;
    max-width:calc(100% - 66px)!important;
    font-size:7px!important;
  }
  .source-panel .selection-summary.selected-many .stake-item-name{font-size:8px!important}
}

/* v99: remove the unwanted inner selection strips and make the withdrawal checkbox perfectly square. */
.skin.chosen .skin-hit{
  box-shadow:none!important;
}
.withdraw-ack input[type="checkbox"]{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.withdraw-ack input[type="checkbox"]:checked::after{
  position:static!important;
  display:block!important;
  line-height:1!important;
  margin:0!important;
  font-size:15px!important;
}
@media(max-width:650px){
  .withdraw-ack input[type="checkbox"]{
    flex-basis:20px!important;
    width:20px!important;
    height:20px!important;
  }
}

/* v100: desktop inventory/upgrade cards — remove excess vertical air and slightly enlarge skin names. */
@media (min-width:651px){
  .inventory-scroll .skin{
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
    grid-template-rows:122px 21px 27px!important;
    gap:2px!important;
    padding:4px!important;
  }
  .inventory-scroll .skin-hit{
    height:122px!important;
    min-height:122px!important;
    grid-template-rows:82px 20px 20px!important;
    gap:1px!important;
  }
  .inventory-scroll .skin-art{
    height:82px!important;
    min-height:82px!important;
  }
  .inventory-scroll .skin-hit>b{
    height:20px!important;
    min-height:20px!important;
    line-height:20px!important;
    font-size:12px!important;
    font-weight:950!important;
    padding:0 4px!important;
  }
  .inventory-scroll .sell{
    height:27px!important;
    min-height:27px!important;
    line-height:27px!important;
    font-size:10px!important;
  }

  .workspace-target-grid .target-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    padding:4px!important;
  }
  .workspace-target-grid .target-art{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    flex:0 0 96px!important;
  }
  .workspace-target-grid .target-card>b{
    height:22px!important;
    min-height:22px!important;
    flex:0 0 22px!important;
    line-height:22px!important;
    font-size:12px!important;
    font-weight:950!important;
  }
}


/* v101: compact skin cards on portrait phones only. Landscape and PC remain unchanged. */
@media (max-width:650px) and (orientation:portrait){
  .inventory-scroll .skin{height:158px!important;min-height:158px!important;max-height:158px!important;grid-template-rows:112px 20px 26px!important;gap:2px!important;padding:4px!important;}
  .inventory-scroll .skin-hit{height:112px!important;min-height:112px!important;grid-template-rows:78px 18px 16px!important;gap:1px!important;}
  .inventory-scroll .skin-art{height:78px!important;min-height:78px!important;}
  .inventory-scroll .skin-hit>b{height:20px!important;min-height:20px!important;line-height:20px!important;font-size:11px!important;font-weight:950!important;padding:0 4px!important;}
  .inventory-scroll .sell{height:26px!important;min-height:26px!important;line-height:26px!important;font-size:9px!important;}
  .workspace-target-grid .target-card{height:150px!important;min-height:150px!important;max-height:150px!important;padding:4px!important;}
  .workspace-target-grid .target-art{height:100px!important;min-height:100px!important;max-height:100px!important;flex:0 0 100px!important;}
  .workspace-target-grid .target-card>b{height:22px!important;min-height:22px!important;flex:0 0 22px!important;line-height:22px!important;font-size:11px!important;font-weight:950!important;}
  .shop-grid .shop-item{min-height:158px!important;height:158px!important;max-height:158px!important;grid-template-rows:94px 21px 15px 24px!important;gap:2px!important;padding:4px!important;}
  .shop-grid .shop-item .skin-art{height:94px!important;min-height:94px!important;}
  .shop-grid .shop-item .shop-item-name{height:21px!important;min-height:21px!important;line-height:21px!important;font-size:10px!important;font-weight:950!important;}
  .shop-grid .shop-item .shop-price-line{height:15px!important;min-height:15px!important;line-height:15px!important;}
  .shop-grid .shop-item .buy{height:24px!important;min-height:24px!important;line-height:24px!important;font-size:8px!important;}
}
@media (max-width:380px) and (orientation:portrait){
  .inventory-scroll .skin{height:150px!important;min-height:150px!important;max-height:150px!important;grid-template-rows:106px 19px 25px!important;}
  .inventory-scroll .skin-hit{height:106px!important;min-height:106px!important;grid-template-rows:73px 17px 15px!important;}
  .inventory-scroll .skin-art{height:73px!important;min-height:73px!important;}
  .inventory-scroll .skin-hit>b{font-size:10px!important;}
  .inventory-scroll .sell{height:25px!important;min-height:25px!important;line-height:25px!important;}
  .workspace-target-grid .target-card{height:145px!important;min-height:145px!important;max-height:145px!important;}
  .workspace-target-grid .target-art{height:95px!important;min-height:95px!important;max-height:95px!important;flex-basis:95px!important;}
  .workspace-target-grid .target-card>b{font-size:10px!important;}
}

/* v102: profile transaction spacing + responsive mouse-wheel scrolling feel. */
html{scroll-behavior:auto!important;}
.profile-page .profile-grid + .admin-card,
.profile-page .profile-grid + section.admin-card{
  margin-top:18px!important;
}


/* ===== v15 mobile modal fixes =====
   Registration and deposit dialogs stay inside the visible mobile viewport,
   respect the iOS dynamic viewport/keyboard, and remain scrollable.
*/
@media (max-width:650px){
  #loginModal.modal{
    padding:8px;
    align-items:flex-start;
    justify-content:center;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  #loginModal .auth-card{
    width:100%;
    max-width:520px;
    max-height:calc(100dvh - 16px);
    margin:auto 0;
    padding:16px;
    box-sizing:border-box;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  #loginModal .auth-brand{margin-bottom:6px}
  #loginModal .sr-logo-picture,
  #loginModal .sr-logo{max-width:100%;height:auto}
  #loginModal h2{
    font-size:20px;
    line-height:1.15;
    margin:8px 0 5px;
  }
  #loginModal .muted{font-size:10px;line-height:1.4}
  #loginModal .auth-tabs{
    margin:12px 0 12px;
    padding:4px;
  }
  #loginModal .auth-tabs button{
    min-height:42px;
    padding:9px 6px;
    font-size:11px;
  }
  #loginModal .auth-form{
    gap:8px;
  }
  #loginModal .auth-form input{
    min-height:44px;
    height:44px;
    box-sizing:border-box;
    margin:0;
    font-size:16px; /* prevents iOS Safari input zoom */
  }
  #loginModal .auth-form .gold{
    min-height:46px;
    height:46px;
  }
  #loginModal .auth-terms{
    display:flex;
    gap:8px;
    align-items:flex-start;
    line-height:1.35;
  }
  #loginModal .auth-terms input{
    width:18px;
    min-width:18px;
    height:18px;
    min-height:18px;
    margin-top:1px;
  }
  #loginModal .auth-terms label{font-size:10px}
  #loginModal .auth-note{font-size:9px;line-height:1.35}
  #loginModal .modal-card .x{
    right:5px;
    top:1px;
    width:40px;
    height:40px;
    font-size:32px;
  }

  #deposit.deposit-modal{
    padding:0;
    align-items:stretch;
    justify-content:stretch;
    overflow:hidden;
  }
  #deposit .deposit-card{
    width:100%;
    height:100%;
    max-height:100dvh;
    min-height:100dvh;
    border-radius:0;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  #deposit .deposit-head{
    flex:none;
    padding:18px 50px 14px 16px;
  }
  #deposit .deposit-head h2{
    font-size:20px;
    line-height:1.15;
    padding-right:0;
  }
  #deposit .deposit-head p{
    font-size:10px;
    line-height:1.35;
    margin-top:5px;
  }
  #deposit .deposit-close{
    right:4px;
    top:3px;
    width:42px;
    height:42px;
    font-size:36px;
  }
  #deposit .deposit-content{
    flex:1 1 auto;
    min-height:0;
    display:block;
    padding:12px 12px 14px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  #deposit .deposit-section{
    padding:12px;
    margin-bottom:10px;
  }
  #deposit .deposit-method{
    min-height:82px;
    padding:9px;
  }
  #deposit .deposit-method b{font-size:11px}
  #deposit .deposit-method small{font-size:8px}
  #deposit .deposit-amount-input{
    height:58px;
  }
  #deposit .deposit-amount-input input{
    min-width:0;
    font-size:22px;
  }
  #deposit .deposit-presets{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #deposit .deposit-presets button{
    height:46px;
    font-size:11px;
    min-width:0;
  }
  #deposit .deposit-bottom{
    flex:none;
    padding:12px 12px calc(14px + env(safe-area-inset-bottom));
    position:relative;
  }
  #deposit .deposit-total{margin-bottom:8px}
  #deposit .deposit-submit{
    height:54px;
    min-height:54px;
    font-size:14px;
  }
  #deposit .deposit-footnote{
    margin:8px 0 0;
    font-size:8px;
    line-height:1.35;
  }
}

@media (max-width:390px){
  #loginModal .auth-card{padding:14px}
  #loginModal h2{font-size:18px}
  #loginModal .auth-tabs button{min-height:40px}
  #loginModal .auth-form input{min-height:42px;height:42px}
  #deposit .deposit-head{padding:16px 46px 12px 13px}
  #deposit .deposit-content{padding:10px 10px 12px}
  #deposit .deposit-section{padding:10px;margin-bottom:8px}
  #deposit .deposit-method{min-height:76px;padding:8px}
  #deposit .deposit-presets button{height:43px;font-size:10px}
}

.admin-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:inherit;text-decoration:none;background:rgba(255,255,255,.04);white-space:nowrap}.admin-password-form{display:flex;gap:6px;align-items:center}.admin-password-form input{min-width:120px}.admin-inventory-grid .profile-skin{padding-bottom:10px}.admin-inventory-grid form{padding:0 10px}.admin-inventory-grid form button{width:100%}
@media(max-width:650px){.auth-card,.deposit-modal .modal-card{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 14px}.auth-form input,.deposit-modal input,.auth-form button,.deposit-modal button{font-size:16px}.user-balance-table{overflow-x:auto}.admin-password-form{flex-wrap:wrap}.admin-password-form input{width:130px}.admin-link-btn{font-size:12px}.author-code-card .profile-form{grid-template-columns:1fr}.admin-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v104: stable mobile dialogs in both portrait and landscape on iOS/Android. */
@media (max-width:900px) and (orientation:landscape){
  body:has(.modal.show){overflow:hidden!important;position:fixed!important;width:100%!important;}
  #loginModal.modal,
  #deposit.deposit-modal,
  #skinWithdrawModal.modal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    padding:6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:10000!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #loginModal .auth-card,
  #skinWithdrawModal .skin-withdraw-modal{
    width:min(560px,calc(100vw - 18px))!important;
    max-width:560px!important;
    max-height:calc(100dvh - 12px)!important;
    height:auto!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #deposit .deposit-card{
    width:min(720px,calc(100vw - 18px))!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 12px)!important;
    margin:auto!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  #deposit .deposit-content{max-height:calc(100dvh - 190px)!important;overflow-y:auto!important;}
  #deposit .deposit-bottom{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;}
}

/* v104: the already-used author code is visibly locked and cannot be edited. */
.author-code-card #authorCodeInput:disabled{
  opacity:1!important;
  color:#858b98!important;
  background:#202431!important;
  border-color:#414654!important;
  cursor:not-allowed!important;
  -webkit-text-fill-color:#858b98!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.author-code-card #authorCodeRedeem:disabled{opacity:.45!important;filter:grayscale(1)!important;cursor:not-allowed!important;}

/* v104: author and bonus code cards sit side-by-side on desktop. */
.profile-code-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin:18px 0;}
.profile-code-row>.admin-card{margin:0!important;min-width:0;}
@media(max-width:700px){
  .profile-code-row{grid-template-columns:1fr;gap:12px;}
}


/* v107.5: locked profile Standoff ID and reliable mobile dialogs after rotation. */
#skinWithdrawDetails:disabled{background:#2b2f3d!important;color:#7f8798!important;border-color:#3b4154!important;opacity:1!important;cursor:not-allowed!important;}
.admin-inventory-delete{position:relative!important;z-index:5!important;pointer-events:auto!important;cursor:pointer!important;}
@media (max-width:900px) and (orientation:landscape){
  #loginModal.modal,#deposit.deposit-modal,#skinWithdrawModal.modal{
    position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;
    max-height:none!important;transform:none!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  #loginModal .auth-card,#skinWithdrawModal .skin-withdraw-modal{
    max-height:calc(100dvh - 12px)!important;overflow-y:auto!important;
    margin:auto!important;transform:none!important;
  }
  #deposit .deposit-card{max-height:calc(100dvh - 12px)!important;overflow:hidden!important;transform:none!important;}
}
@media (max-width:650px){
  #skinWithdrawDetails:disabled{font-size:16px!important;}
}

/* v107.6: mobile dialogs stay anchored to the visual viewport after rotation.
   Do not fix the whole body; iOS can preserve a stale body offset when rotating. */
@media (max-width:900px){
  #loginModal.modal,#deposit.deposit-modal,#skinWithdrawModal.modal{
    position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;
    transform:none!important;box-sizing:border-box!important;
  }
  #loginModal .auth-card,#skinWithdrawModal .skin-withdraw-modal,#deposit .deposit-card{
    transform:none!important;margin:0 auto!important;
  }
}
@media (max-width:900px) and (orientation:landscape){
  body:has(.modal.show){overflow:hidden!important;position:static!important;width:auto!important;}
  #loginModal .auth-card,#skinWithdrawModal .skin-withdraw-modal{max-height:calc(100svh - 12px)!important;}
  #deposit .deposit-card{max-height:calc(100svh - 12px)!important;}
}
.biggest-drop-stat em{display:block;color:#7f879d;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* Explicit test-account controls */
.test-account-form{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.test-account-form select,.test-account-form input{height:38px;background:#252a3d;border:1px solid #414862;color:#fff;padding:0 10px;border-radius:6px}.test-toggle{display:flex!important;align-items:center;gap:10px;min-height:38px}.test-toggle input{width:20px!important;height:20px!important}.test-account-badge{color:#e9b44a;font-size:10px;letter-spacing:.04em}.test-account-row{grid-template-columns:1.5fr 1.2fr 1fr 1fr;min-width:0!important}
@media(max-width:650px){.test-account-form{grid-template-columns:1fr}.test-account-row{min-width:620px!important}}


/* Test-account user search */
.test-account-form{grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto;position:relative}
.test-account-form>input[type=hidden]{display:none}
.test-account-results{grid-column:1/-1;display:grid;gap:6px;margin-top:-2px}
.test-account-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:10px 12px;background:#20253a;border:1px solid #414862;color:#eef0f6;border-radius:7px;cursor:pointer}
.test-account-result:hover{border-color:#e2a43b;background:#2a3047}
.test-account-result small,.test-account-selected{color:#8f97ad}
.test-account-result span:last-child{font-size:10px;overflow:hidden;text-overflow:ellipsis}
.test-account-selected{grid-column:1/-1;padding:8px 11px;border:1px solid #4b5877;background:#252b40;border-radius:7px;font-size:11px}
.test-account-selected b{color:#eab04b}
.test-account-loading,.test-account-empty{padding:9px 11px;color:#8f97ad;font-size:11px}
@media(max-width:650px){.test-account-form{grid-template-columns:1fr}.test-account-results,.test-account-selected{grid-column:1}.test-account-result{align-items:flex-start;flex-direction:column;gap:3px}}