:root {
    --bg: #070b16;
    --panel: rgba(18, 25, 43, .78);
    --panel-strong: #111827;
    --text: #f8fafc;
    --muted: #94a3b8;
    --blue: #3b82f6;
    --cyan: #22d3ee;
    --border: rgba(148, 163, 184, .18);
}

html { scroll-behavior: smooth; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 20%, rgba(59,130,246,.24), transparent 32rem),
        radial-gradient(circle at 85% 10%, rgba(34,211,238,.18), transparent 28rem),
        linear-gradient(180deg, #0b1020 0%, #070b16 55%, #050812 100%);
    z-index: -2;
}

a { text-decoration: none; }
.glass-nav {
    background: rgba(7, 11, 22, .78);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
}
.navbar-brand, .nav-link { color: #fff !important; }
.nav-link { color: var(--muted) !important; }
.nav-link:hover { color: #fff !important; }
.navbar-toggler { background: rgba(255,255,255,.9); }
.brand-dot {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .55rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    box-shadow: 0 0 24px rgba(34,211,238,.6);
}
.btn-primary {
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    border: 0;
    color: #fff;
    box-shadow: 0 14px 30px rgba(59,130,246,.24);
}
.btn-primary:hover { filter: brightness(1.08); }
.hero-section { overflow: hidden; }
.hero-card, .feature-card, .cta-box, .profile-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 32px;
    backdrop-filter: blur(18px);
}
.hero-card { position: relative; overflow: hidden; }
.hero-card-top {
    height: 220px;
    background:
        linear-gradient(135deg, rgba(59,130,246,.75), rgba(34,211,238,.55)),
        radial-gradient(circle at 60% 35%, rgba(255,255,255,.6), transparent 12rem);
}
.status-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 7px rgba(34,197,94,.12);
}
.metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.metric, .mini-box {
    padding: 1.1rem;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid var(--border);
}
.metric span, .mini-box span { display:block; color: var(--muted); font-size:.85rem; }
.metric strong, .mini-box strong { display:block; color:#fff; font-size:1.25rem; }
.mock-list div {
    height: 14px;
    border-radius: 20px;
    margin-top: 14px;
    background: rgba(255,255,255,.11);
}
.mock-list div:nth-child(2) { width: 76%; }
.mock-list div:nth-child(3) { width: 56%; }
.section-pad { padding: 110px 0; }
.feature-card { padding: 2rem; transition: transform .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-6px); border-color: rgba(34,211,238,.45); }
.feature-card h3 { color: #fff; font-size: 1.25rem; margin-bottom: 1rem; }
.feature-card p { color: var(--muted); margin: 0; }
.cta-box { padding: 2.5rem; }
.footer { background: #050812; border-top: 1px solid var(--border); }
.flash-wrap { padding-top: 90px; margin-bottom: -70px; position: relative; z-index: 5; }
.profile-section { background: radial-gradient(circle at 50% 10%, rgba(59,130,246,.2), transparent 30rem); }
.profile-card { padding: 2rem; }
.avatar { width: 132px; height: 132px; object-fit: cover; border-radius: 30px; border: 1px solid var(--border); }

@media (max-width: 767px) {
    .display-4 { font-size: 2.35rem; }
    .section-pad { padding: 72px 0; }
    .metric-grid { grid-template-columns: 1fr; }
    .hero-card-top { height: 150px; }
}

/* Header like UPTRADER screenshot */
.top-header {
    height: 72px;
    background: linear-gradient(180deg, rgba(8, 13, 24, .98), rgba(7, 11, 20, .96));
    border-bottom: 1px solid rgba(148, 163, 184, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
    z-index: 1030;
}
.header-shell {
    height: 72px;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.header-left,
.header-right {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}
.brand-up {
    color: #fff;
    font-weight: 950;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-style: italic;
    transform: skew(-7deg);
    text-shadow: 0 1px 0 rgba(255,255,255,.18);
    white-space: nowrap;
}
.brand-up:hover { color: #fff; opacity: .92; }
.brand-star {
    color: #fff;
    font-size: 17px;
    margin: 0 1px;
}
.header-stat,
.header-help {
    align-items: center;
    gap: 8px;
    color: #8b97aa;
    font-size: 14px;
    white-space: nowrap;
}
.header-stat strong {
    color: #f3f7ff;
    font-size: 15px;
    font-weight: 800;
}
.header-stat small,
.header-help span:last-child {
    color: #8d98ab;
    font-weight: 600;
}
.users-icon {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
}
.users-icon::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8d9aaf;
    position: absolute;
    left: 2px;
    top: 2px;
}
.users-icon span:first-child {
    width: 11px;
    height: 6px;
    border-radius: 10px 10px 3px 3px;
    background: #8d9aaf;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.users-icon span:last-child {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #37d67a;
    border: 2px solid #070b14;
    position: absolute;
    right: 0;
    bottom: 0;
}
.upgrade-icon {
    color: #ffc226;
    font-size: 28px;
    font-weight: 900;
    line-height: 0;
    transform: translateY(3px);
    text-shadow: 0 0 12px rgba(255, 194, 38, .24);
}
.help-circle {
    width: 17px;
    height: 17px;
    border: 2px solid #7f8da3;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca8ba;
    font-size: 11px;
    font-weight: 900;
}
.header-help:hover span:last-child { color: #fff; }
.balance-pill,
.icon-btn {
    min-height: 40px;
    border-radius: 9px;
    background: #121b2c;
    color: #9fb0c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, .05);
}
.balance-pill {
    padding: 0 15px;
    gap: 6px;
    font-weight: 800;
}
.balance-pill .rub,
.balance-pill strong {
    color: #31bbff;
    font-weight: 900;
}
.deposit-btn {
    min-height: 40px;
    padding: 0 18px;
    border-radius: 8px;
    background: linear-gradient(180deg, #2aa8df, #1d8fc5);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px rgba(23, 146, 207, .18);
    white-space: nowrap;
}
.deposit-btn:hover { color: #fff; filter: brightness(1.07); }
.steam-login-btn { text-transform: none; }
.icon-btn {
    width: 40px;
    color: #8090a8;
}
.icon-btn:hover { color: #fff; background: #172238; }
.avatar-link {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    overflow: hidden;
    display: inline-flex;
    border: 2px solid rgba(255,255,255,.1);
    background: #121b2c;
}
.avatar-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main { padding-top: 72px; }
.hero-section { margin-top: -72px; padding-top: 72px; }
.flash-wrap { padding-top: 18px; margin-bottom: 0; }

@media (max-width: 767px) {
    .top-header,
    .header-shell { height: 64px; }
    .header-shell { padding: 0 12px; gap: 10px; }
    .header-left,
    .header-right { gap: 8px; }
    .brand-up { font-size: 19px; letter-spacing: -0.7px; }
    .balance-pill { display: none; }
    .deposit-btn { min-height: 36px; padding: 0 12px; font-size: 12px; }
    .avatar-link { width: 36px; height: 36px; border-radius: 8px; }
    main { padding-top: 64px; }
    .hero-section { margin-top: -64px; padding-top: 64px; }
}
.icon-btn { position: relative; }
.notification-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 99px;
    background: #2aa8df;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
    border: 2px solid #0b111c;
}

.admin-top-link{height:40px;padding:0 14px;border-radius:10px;align-items:center;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;color:#ffd761;background:rgba(255,199,0,.1);border:1px solid rgba(255,199,0,.22)}
.admin-shell{max-width:1320px;margin:0 auto;padding:24px 16px 60px;display:grid;grid-template-columns:240px 1fr;gap:22px}.admin-sidebar{background:rgba(13,21,35,.88);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:18px;position:sticky;top:92px;height:max-content}.admin-title{font-size:20px;font-weight:900;margin-bottom:14px}.admin-link{display:block;color:#9aa8bd;text-decoration:none;padding:11px 12px;border-radius:12px;font-weight:700}.admin-link:hover,.admin-link.active{color:#fff;background:rgba(42,159,214,.15)}.admin-content{min-width:0}.admin-card{background:rgba(13,21,35,.9);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:20px}.admin-card span{display:block;color:#8ea0b9;font-size:13px}.admin-card strong{display:block;font-size:30px;color:#fff}.admin-table .form-control,.admin-shell .form-control{background:#101a2b;border-color:rgba(148,163,184,.18);color:#fff}.admin-table .form-control:focus,.admin-shell .form-control:focus{background:#101a2b;color:#fff;border-color:#29a8e6;box-shadow:none}.skin-thumb{width:92px;height:66px;object-fit:contain;background:rgba(255,255,255,.04);border-radius:12px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-link{display:inline-block;margin-right:6px;margin-bottom:6px}}

/* SPA feedback */
html.spa-loading [data-spa-root] {
    opacity: .55;
    transition: opacity .15s ease;
    pointer-events: none;
}

/* Upgrade UI */
.upgrade-page{min-height:calc(100vh - 72px);padding:22px 0 60px;background:radial-gradient(circle at 50% 8%,rgba(36,117,205,.18),transparent 34rem)}
.upgrade-wrap{max-width:1360px;margin:0 auto;padding:0 22px}.upgrade-title{text-align:center;color:#fff;font-weight:950;font-size:28px;letter-spacing:1px;margin:14px 0 20px;text-shadow:2px 2px 0 rgba(255,118,62,.35)}
.upgrade-top{display:grid;grid-template-columns:1fr 360px 1fr;gap:30px;align-items:center}.pick-panel,.inventory-box{background:rgba(7,13,24,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);position:relative;overflow:hidden}.pick-panel{height:320px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(120deg,transparent,rgba(34,211,238,.03)),radial-gradient(circle at 50% 40%,rgba(255,212,0,.08),transparent 16rem)}
.pick-panel:before,.inventory-box:before{content:"";position:absolute;inset:0;opacity:.18;background-size:140px 80px;background-image:linear-gradient(30deg,transparent 48%,rgba(242,212,39,.5) 49%,rgba(242,212,39,.5) 51%,transparent 52%);pointer-events:none}.panel-icons{position:absolute;left:18px;top:18px;display:flex;gap:9px}.panel-icons span,.panel-icons button{width:30px;height:30px;border-radius:8px;background:#0b1321;border:0;display:flex;align-items:center;justify-content:center;color:#8fa0b7;font-weight:800}.panel-icons button{cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.panel-icons button:hover{color:#fff;transform:translateY(-1px)}.panel-icons button.active{background:#ff2d2d;color:#fff;box-shadow:0 0 0 3px rgba(255,45,45,.18),0 0 18px rgba(255,45,45,.38)}.skin-preview{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.skin-preview img{width:260px;height:150px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}.skin-preview b{max-width:330px;color:#fff;font-weight:900}.skin-preview span{color:#ffd63d;font-weight:900}.skin-empty{font-weight:950;color:#fff;font-size:18px;line-height:1.25}.skin-preview small{color:#8d9ab0;font-weight:700}.chance-panel{display:flex;flex-direction:column;align-items:center;gap:18px}.chance-ring{--chance:0;width:290px;height:290px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#f7eb15 0 calc(var(--chance)*1%),#ff463e calc(var(--chance)*1%) 98%,#0c1626 0);box-shadow:0 0 0 12px #0c1626,0 0 0 14px rgba(73,96,130,.45),inset 0 0 45px rgba(0,0,0,.55)}.chance-ring:before{content:"";position:absolute;inset:46px;border-radius:50%;background:#08111f;border:2px solid rgba(103,127,164,.35)}.chance-core{position:relative;width:150px;height:150px;border-radius:50%;background:#09111f;border:1px dashed rgba(147,165,194,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}.chance-core strong{font-size:36px;color:#b9ff35;font-weight:950}.chance-core span{color:#d5ff39;font-weight:800}.pointer{position:absolute;left:50%;top:6px;width:18px;height:56px;margin-left:-9px;background:linear-gradient(#fff31a,#ff9e16);clip-path:polygon(50% 0,100% 60%,50% 100%,0 60%);transform-origin:50% 139px;z-index:3;filter:drop-shadow(0 0 8px rgba(255,216,0,.8))}.pointer.spin{animation:spinPointer 1.25s cubic-bezier(.2,.8,.2,1) infinite}@keyframes spinPointer{to{transform:rotate(1440deg)}}.upgrade-start{width:236px;height:52px;border:0;border-radius:12px;background:linear-gradient(180deg,#aa8425,#8d6b1c);color:#030712;font-weight:950}.upgrade-start:disabled{opacity:.45;filter:grayscale(1)}
.control-row{display:grid;grid-template-columns:1fr auto;gap:26px;margin:12px 0 40px}.balance-line{height:46px;border-radius:12px;background:rgba(7,13,24,.72);border:1px solid rgba(148,163,184,.1);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#93b5df}.balance-line b{font-size:13px}.balance-line strong{color:#ffd720}.choice-buttons{display:flex;gap:8px}.choice-buttons button{min-width:74px;height:46px;border-radius:9px;border:1px solid rgba(148,163,184,.12);background:#08111f;color:#b9c4d3;font-weight:950}.choice-buttons button.active,.choice-buttons button:hover{border-color:#ffd21c;color:#ffdd24;background:rgba(255,210,28,.08)}.choice-buttons button:nth-child(4){color:#ff4d5b}.choice-buttons button:nth-child(6){color:#2ff485}
.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inventory-box{min-height:390px;padding:16px}.tabs{position:relative;z-index:1;display:flex;gap:10px;margin-bottom:14px}.tabs button{border:0;border-radius:9px;padding:10px 18px;background:transparent;color:#69758a;font-weight:900}.tabs button.active{background:#1a2639;color:#fff}.shop-actions{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:12px}.buy-btn{border:0;background:#249bd4;color:#fff;border-radius:8px;padding:10px 15px;font-weight:900}.search-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.search-row input{height:42px;background:#121d2e;border:1px solid rgba(148,163,184,.08);border-radius:8px;color:#fff;padding:0 14px}.search-row span{height:42px;border-radius:8px;background:#121d2e;color:#78879d;display:flex;align-items:center;padding:0 14px;font-weight:700}.target-filters{grid-template-columns:minmax(180px,1fr) 76px 92px auto;align-items:center}.search-input,.price-filter{height:42px;background:#121d2e;border:1px solid rgba(148,163,184,.08);border-radius:8px;display:flex;align-items:center;overflow:hidden}.search-input span{height:auto;background:transparent;color:#64748b;padding:0 0 0 12px}.search-input input,.price-filter input{width:100%;height:100%;border:0;background:transparent;padding:0 10px;color:#fff;outline:none}.price-filter span{height:auto;background:transparent;color:#fff;padding:0 11px 0 4px;font-weight:900}.sort-filter{height:42px;border:0;border-radius:8px;background:#172236;color:#fff;padding:0 14px;font-weight:950;display:flex;align-items:center;gap:8px}.sort-filter span{height:auto;background:transparent;color:#9fb0c7;padding:0;font-weight:950}.items-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.skin-card{height:164px;border:0;background:#111923;border-radius:8px;text-align:left;padding:10px;color:#fff;position:relative;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}.skin-card:hover{transform:translateY(-2px);filter:brightness(1.08)}.skin-card.active{box-shadow:0 0 0 2px rgba(52,211,153,.65),0 10px 28px rgba(0,0,0,.25)}.skin-card::before{content:"";position:absolute;inset:0;opacity:.92;background:linear-gradient(180deg,rgba(20,27,35,.93) 0%,rgba(20,27,35,.82) 47%,var(--skin-glow,rgba(125,135,150,.34)) 100%)}.skin-card::after{content:"";position:absolute;inset:auto 0 0;height:58%;background:radial-gradient(ellipse at center bottom,var(--skin-glow-strong,rgba(125,135,150,.42)),transparent 68%);opacity:.72}.rarity-consumer{--skin-glow:rgba(142,154,170,.33);--skin-glow-strong:rgba(190,199,210,.34)}.rarity-industrial{--skin-glow:rgba(75,130,210,.40);--skin-glow-strong:rgba(88,166,255,.48)}.rarity-milspec{--skin-glow:rgba(45,75,210,.48);--skin-glow-strong:rgba(54,100,255,.58)}.rarity-restricted{--skin-glow:rgba(128,54,190,.52);--skin-glow-strong:rgba(163,83,255,.64)}.rarity-classified{--skin-glow:rgba(196,55,160,.50);--skin-glow-strong:rgba(255,81,205,.62)}.rarity-covert{--skin-glow:rgba(205,55,55,.50);--skin-glow-strong:rgba(255,77,77,.62)}.rarity-rare{--skin-glow:rgba(196,142,38,.52);--skin-glow-strong:rgba(255,190,67,.65)}.rarity-contraband{--skin-glow:rgba(215,104,30,.52);--skin-glow-strong:rgba(255,142,45,.65)}.skin-card>*{position:relative;z-index:1}.skin-wear{position:absolute;left:10px;top:8px;color:rgba(255,255,255,.36);font-weight:950;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.skin-rarity-label{position:absolute;right:10px;top:8px;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.26);font-weight:800;font-size:10px;opacity:.0}.skin-card img{width:100%;height:86px;object-fit:contain;margin-top:14px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}.skin-card b{display:block;color:#fff;font-size:15px;line-height:1.05;font-weight:950;text-shadow:0 1px 1px rgba(0,0,0,.5);white-space:nowrap}.skin-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#c1c7d0;font-weight:800;font-size:11px;line-height:1.18;margin-top:5px}.skin-card .rarity{display:none}.empty-inv{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f9db2}.empty-inv b{color:#fff;font-size:20px}.skin-pagination{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.skin-pagination[hidden]{display:none}.skin-pagination button{min-width:38px;height:34px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#101a2b;color:#fff;font-weight:950}.skin-pagination button:disabled{opacity:.35;cursor:not-allowed}.skin-pagination span{min-width:72px;text-align:center;color:#9fb0c7;font-weight:900}.toast-area{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;flex-direction:column;gap:8px}.up-toast{background:#122238;border:1px solid rgba(34,211,238,.25);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 16px 35px rgba(0,0,0,.35);font-weight:800}.up-toast.bad{border-color:rgba(255,77,91,.45);background:#2a1018}.result-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1900;display:grid;place-items:center}.result-modal[hidden]{display:none}.result-modal>div{width:min(420px,92vw);border-radius:26px;padding:34px;text-align:center;background:#0c1626;border:1px solid rgba(148,163,184,.18);box-shadow:0 25px 80px rgba(0,0,0,.55)}.result-modal h2{font-weight:950;color:#fff}.result-modal.win h2{color:#8bff45}.result-modal.lose h2{color:#ff6674}.result-modal p{color:#aab6ca}.result-modal button{border:0;border-radius:10px;background:#2aa8df;color:#fff;font-weight:900;padding:11px 18px}
@media(max-width:1100px){.upgrade-top,.upgrade-grid{grid-template-columns:1fr}.chance-panel{order:3}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row{grid-template-columns:1fr}.choice-buttons{flex-wrap:wrap}}@media(max-width:640px){.upgrade-wrap{padding:0 12px}.pick-panel{height:250px}.chance-ring{width:240px;height:240px}.pointer{transform-origin:50% 114px}.choice-buttons button{min-width:64px}.items-grid{grid-template-columns:1fr 1fr}.search-row,.target-filters{grid-template-columns:1fr 1fr}.target-filters .search-input{grid-column:1/-1}.skin-preview img{width:210px}}

/* Upgrade preparation panel: selected skins and chance gauge */
.pick-panel{isolation:isolate;background-color:rgba(7,13,24,.84)}
.pick-panel:before{opacity:.28;background-size:160px 92px;background-image:linear-gradient(30deg,transparent 47.8%,var(--panel-line,rgba(242,212,39,.58)) 48.8%,var(--panel-line,rgba(242,212,39,.58)) 50.8%,transparent 51.8%)}
.pick-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 43%,var(--panel-glow,rgba(245,197,39,.14)),transparent 34%),linear-gradient(180deg,transparent 55%,var(--panel-bottom,rgba(245,197,39,.07)));z-index:0}
.pick-panel.has-selected{border-color:color-mix(in srgb,var(--panel-line,#f2d427) 38%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 38px var(--panel-glow,rgba(245,197,39,.08))}
.pick-panel.rarity-consumer{--panel-line:rgba(190,199,210,.46);--panel-glow:rgba(190,199,210,.11);--panel-bottom:rgba(190,199,210,.045)}
.pick-panel.rarity-industrial{--panel-line:rgba(88,166,255,.62);--panel-glow:rgba(88,166,255,.14);--panel-bottom:rgba(88,166,255,.06)}
.pick-panel.rarity-milspec{--panel-line:rgba(54,100,255,.66);--panel-glow:rgba(54,100,255,.15);--panel-bottom:rgba(54,100,255,.07)}
.pick-panel.rarity-restricted{--panel-line:rgba(163,83,255,.66);--panel-glow:rgba(163,83,255,.17);--panel-bottom:rgba(163,83,255,.075)}
.pick-panel.rarity-classified{--panel-line:rgba(255,81,205,.66);--panel-glow:rgba(255,81,205,.16);--panel-bottom:rgba(255,81,205,.075)}
.pick-panel.rarity-covert{--panel-line:rgba(255,77,77,.72);--panel-glow:rgba(255,77,77,.15);--panel-bottom:rgba(255,77,77,.07)}
.pick-panel.rarity-rare{--panel-line:rgba(255,190,67,.72);--panel-glow:rgba(255,190,67,.17);--panel-bottom:rgba(255,190,67,.075)}
.pick-panel.rarity-contraband{--panel-line:rgba(255,142,45,.72);--panel-glow:rgba(255,142,45,.17);--panel-bottom:rgba(255,142,45,.075)}
.profile-best-panel.rarity-consumer{--panel-line:rgba(190,199,210,.46);--panel-glow:rgba(190,199,210,.11);--panel-bottom:rgba(190,199,210,.045)}.profile-best-panel.rarity-industrial{--panel-line:rgba(88,166,255,.62);--panel-glow:rgba(88,166,255,.14);--panel-bottom:rgba(88,166,255,.06)}.profile-best-panel.rarity-milspec{--panel-line:rgba(54,100,255,.66);--panel-glow:rgba(54,100,255,.15);--panel-bottom:rgba(54,100,255,.07)}.profile-best-panel.rarity-restricted{--panel-line:rgba(163,83,255,.66);--panel-glow:rgba(163,83,255,.17);--panel-bottom:rgba(163,83,255,.075)}.profile-best-panel.rarity-classified{--panel-line:rgba(255,81,205,.66);--panel-glow:rgba(255,81,205,.16);--panel-bottom:rgba(255,81,205,.075)}.profile-best-panel.rarity-covert{--panel-line:rgba(255,77,77,.72);--panel-glow:rgba(255,77,77,.15);--panel-bottom:rgba(255,77,77,.07)}.profile-best-panel.rarity-rare{--panel-line:rgba(255,190,67,.72);--panel-glow:rgba(255,190,67,.17);--panel-bottom:rgba(255,190,67,.075)}.profile-best-panel.rarity-contraband{--panel-line:rgba(255,142,45,.72);--panel-glow:rgba(255,142,45,.17);--panel-bottom:rgba(255,142,45,.075)}
.skin-preview{width:100%;min-height:255px;justify-content:center;padding:34px 42px 18px}.skin-preview img{width:min(330px,70%);height:160px;margin-bottom:4px}.skin-preview b{font-size:18px;line-height:1.16;text-shadow:0 2px 8px rgba(0,0,0,.75)}.skin-preview span{font-size:16px;text-shadow:0 0 12px currentColor}.selected-clear{position:absolute;right:22px;top:20px;width:32px;height:32px;border:0;border-radius:8px;background:rgba(2,8,17,.72);color:#aeb8c9;font-weight:950;z-index:3;cursor:pointer}.selected-clear:hover{color:#fff;background:rgba(30,41,59,.95)}
.chance-ring{--pointer-angle:0deg;overflow:visible;background:radial-gradient(circle at 50% 50%,#0a1422 0 43%,transparent 44%),conic-gradient(from 90deg,#0c1626 0 25%,#e8f015 25% calc(25% + var(--chance)*.5%),#ff4a2d calc(25% + var(--chance)*.5%) 75%,#0c1626 75% 100%)}
.chance-ring:after{content:"50%                 50%";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#b7c9e8;font-size:12px;font-weight:800;pointer-events:none}.chance-ring:before{box-shadow:0 0 0 14px rgba(7,13,24,.95),inset 0 0 22px rgba(0,0,0,.55)}
.chance-core strong{font-size:38px;color:#c8ff2d;text-shadow:0 0 18px rgba(185,255,53,.12)}.chance-core span{font-size:14px;color:#c8ff2d}.pointer{transform:rotate(var(--pointer-angle));transition:transform .25s ease}.pointer.spin{animation:spinPointer 1.25s cubic-bezier(.2,.8,.2,1) infinite}.upgrade-start:not(:disabled){background:linear-gradient(180deg,#ffc20e,#d79912);box-shadow:0 0 28px rgba(255,194,14,.18)}

/* Chance gauge: sector grows symmetrically from bottom to top like the reference screenshots.
   0% = empty, 50% = lower semicircle, 80% = almost full ring with a top gap. */
.chance-ring{
  --chance:0;
  --arc-start:180deg;
  --arc-mid:180deg;
  --arc-end:180deg;
  --arc-edge:#ff4a2d;
  --pointer-angle:0deg;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 50%,#0a1422 0 43%,transparent 44%),
    conic-gradient(from 0deg,
      #0c1626 0deg var(--arc-start),
      var(--arc-edge) var(--arc-start),
      #ffd21b calc(var(--arc-start) + (var(--arc-mid) - var(--arc-start)) * .55),
      #ff492d var(--arc-mid),
      #ffd21b calc(var(--arc-mid) + (var(--arc-end) - var(--arc-mid)) * .45),
      var(--arc-edge) var(--arc-end),
      #0c1626 var(--arc-end) 360deg);
}
.chance-ring.is-low{--arc-edge:#ff4a2d}
.chance-ring.is-mid{--arc-edge:#ffd21b}
.chance-ring.is-high{--arc-edge:#56e323}
.pointer{transform:rotate(var(--pointer-angle));}

/* Upgrade spin animation and win fireworks */
.chance-ring.is-spinning .pointer{transition:none}
.upgrade-start.is-busy{pointer-events:none;filter:saturate(.9) brightness(.9)}
.upgrade-fireworks{position:fixed;inset:0;z-index:2100;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 32rem)}
.upgrade-fireworks i{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px currentColor;animation:upgradeFirework 1.25s cubic-bezier(.08,.72,.24,1) var(--delay,0ms) forwards;opacity:0;transform:translate(-50%,-50%) scale(.35)}
@keyframes upgradeFirework{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  10%{opacity:1}
  82%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 26px)) scale(.1)}
}

/* Smooth one-piece upgrade spin: JS drives the pointer every frame, so CSS must not interpolate it again. */
.chance-ring .pointer,
.chance-ring.is-spinning .pointer{
  transition:none !important;
  will-change:transform;
}


/* Win effect is restricted to the desired-skin panel only. */
.pick-panel[data-drop="target"]{position:relative;overflow:hidden}
.upgrade-fireworks{display:none!important}
.upgrade-fireworks-target{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 34%)}
.upgrade-fireworks-target i{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 13px currentColor,0 0 24px currentColor;animation:upgradeTargetFirework 1.45s cubic-bezier(.08,.72,.18,1) var(--delay,0ms) forwards;opacity:0;transform:translate(-50%,-50%) scale(.3)}
@keyframes upgradeTargetFirework{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  8%{opacity:1}
  78%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 22px)) scale(.08)}
}

/* FIX: side 50% labels on chance gauge — exactly at 9 and 3 o'clock, centered on the gauge band */
.chance-ring:after{
    content:none !important;
    display:none !important;
}
.chance-core:before,
.chance-core:after{
    content:"50%";
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    color:rgba(238,246,255,.96);
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.01em;
    text-shadow:0 0 8px rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.65);
    pointer-events:none;
}
/* Place side 50% labels on the middle of the colored gauge band (not shifted toward the center).
   Ring: 290px, core: 150px, centered; offsets below put labels at ~25px / 265px from the ring edge. */
.chance-core:before{left:-52px;}
.chance-core:after{left:202px;}
@media(max-width:640px){
  .chance-core:before{left:-40px;}
  .chance-core:after{left:190px;}
}

@media(max-width:640px){
    .chance-core:before{left:-40px;}
    .chance-core:after{left:190px;}
}
.result-modal{display:none!important}
.left-filters{margin-bottom:14px}
.sad-shake{animation:sadShake 1s ease}
.sad-shake::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,0,80,.18),transparent 60%);pointer-events:none;animation:sadFlash 1s ease}
@keyframes sadShake{
0%,100%{transform:translateX(0)}
15%{transform:translateX(-10px) rotate(-1deg)}
30%{transform:translateX(10px) rotate(1deg)}
45%{transform:translateX(-8px)}
60%{transform:translateX(8px)}
75%{transform:translateX(-4px)}
}
@keyframes sadFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

/* Fast-spin toggle: визуально меняется только цвет молнии.
   Невидимая зона нажатия расширена без изменения вида кнопки. */
.panel-icons button[data-fast-spin]{
  position:relative;
  background:#0b1321;
  color:#8b96a6;
  border:0;
  outline:0;
  box-shadow:none;
  filter:grayscale(1) saturate(.25) brightness(.85);
}
.panel-icons button[data-fast-spin]::before{
  content:"";
  position:absolute;
  inset:-12px;
}
.panel-icons button[data-fast-spin]:hover{
  color:#8b96a6;
  transform:none;
}
.panel-icons button[data-fast-spin].active{
  background:#0b1321;
  color:#ff7a1a;
  box-shadow:none;
  filter:none;
}
.panel-icons button[data-fast-spin].active:hover{
  color:#ff7a1a;
}
.panel-icons button[data-fast-spin]:focus,
.panel-icons button[data-fast-spin]:focus-visible{
  outline:0;
  box-shadow:none;
}

/* Balance add-on slider for upgrade chance */
.control-row{
  grid-template-columns:minmax(0, 484px) auto;
  align-items:center;
}
.balance-line.balance-slider{
  width:min(100%, 484px);
  height:46px;
  display:grid;
  grid-template-columns:auto 12px minmax(120px,1fr) auto auto;
  gap:10px;
  align-items:center;
  justify-content:normal;
  padding:0 16px;
}
.balance-slider .slider-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.65);
}
.balance-slider input[type="range"]{
  --fill:0%;
  width:100%;
  height:4px;
  border:0;
  border-radius:999px;
  outline:0;
  background:linear-gradient(90deg,#ffd21b 0 var(--fill),rgba(148,163,184,.18) var(--fill) 100%);
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.balance-slider input[type="range"]::-webkit-slider-thumb{
  width:14px;
  height:14px;
  border-radius:50%;
  border:0;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.8);
  appearance:none;
  -webkit-appearance:none;
}
.balance-slider input[type="range"]::-moz-range-thumb{
  width:14px;
  height:14px;
  border-radius:50%;
  border:0;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.8);
}
.balance-slider input[type="range"]:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}
.balance-extra strong{color:#ffd720}.balance-total{color:#6f7d91;font-size:12px}.balance-total strong{color:#6f7d91}
@media(max-width:1100px){.control-row{grid-template-columns:1fr}.balance-line.balance-slider{width:100%;max-width:none}}

/* v6: align selected skin panels with the wheel, and controls with the upgrade button */
.upgrade-top{
  grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);
  align-items:center;
}
.chance-panel{
  gap:0;
  justify-content:center;
}
.control-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);
  gap:30px;
  align-items:center;
  margin:14px 0 40px;
}
.control-row .upgrade-start{
  justify-self:center;
  align-self:center;
}
.balance-line.balance-slider{
  width:100%;
  max-width:none;
  height:52px;
  align-self:center;
}
.choice-buttons{
  justify-self:stretch;
  align-self:center;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.choice-buttons button{
  min-width:0;
  width:100%;
  height:52px;
}
@media(max-width:1100px){
  .upgrade-top,.control-row{grid-template-columns:1fr;}
  .chance-panel{order:0;}
  .control-row .upgrade-start{width:236px;}
  .choice-buttons{display:flex;flex-wrap:wrap;}
  .choice-buttons button{width:auto;min-width:74px;height:46px;}
  .balance-line.balance-slider{height:46px;}
}

/* Sell all skins control: aligned with inventory tabs */
.inventory-tabs-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.inventory-tabs-head .tabs{margin-bottom:0;flex:1 1 auto;min-width:0}
.sell-all-skins{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto;margin-left:auto}
.sell-all-skins[hidden]{display:none!important}
.sell-all-btn{height:40px;border:0;border-radius:9px;padding:0 16px;background:linear-gradient(180deg,#ffca28,#d79414);color:#0b1020;font-weight:950;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.sell-all-btn:hover{filter:brightness(1.06)}
.sell-all-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}
.sell-all-skins small{font-size:11px;line-height:1;color:#96a5ba;font-weight:800;white-space:nowrap}
.sell-all-skins small strong{color:#ffd63d;font-weight:950}
@media (max-width: 720px){.inventory-tabs-head{align-items:stretch;flex-direction:column}.sell-all-skins{align-items:flex-start}.sell-all-btn{width:100%}}

/* Shop cart control: aligned with tabs on the right */
.cart-toggle{position:relative;flex:0 0 auto;margin-left:auto;width:42px;height:40px;border:0;border-radius:9px;background:#1a2639;color:#fff;font-size:18px;font-weight:950;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.cart-toggle[hidden]{display:none!important}
.cart-toggle:hover{filter:brightness(1.08)}
.cart-icon{line-height:1;transform:translateY(1px)}
.cart-count{position:absolute;right:-6px;bottom:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3347;color:#fff;font-size:11px;line-height:18px;font-weight:950;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.cart-modal{position:fixed;inset:0;z-index:1950;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}
.cart-modal[hidden]{display:none!important}
.cart-modal-card{width:min(620px,94vw);max-height:min(760px,92vh);overflow:auto;border-radius:22px;background:#0c1626;border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 85px rgba(0,0,0,.58);padding:22px;color:#fff}
.cart-modal-card h2{margin:0 0 12px;text-align:center;font-size:24px;font-weight:950;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,67,35,.32)}
.cart-summary{color:#aab6ca;font-weight:850;margin-bottom:12px}.cart-summary strong{color:#fff}
.cart-items{display:grid;gap:10px;margin:12px 0;max-height:390px;overflow:auto;padding-right:4px}
.cart-item{position:relative;overflow:hidden;min-height:94px;border-radius:12px;background:#111923;padding:10px;display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center}
.cart-item::before{content:"";position:absolute;inset:0;opacity:.88;background:linear-gradient(180deg,rgba(20,27,35,.94) 0%,rgba(20,27,35,.82) 48%,var(--skin-glow,rgba(125,135,150,.34)) 100%)}
.cart-item>*{position:relative;z-index:1}.cart-item img{width:104px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}.cart-item b{display:block;font-size:15px;line-height:1.15;font-weight:950}.cart-item span{display:block;margin-top:5px;color:#aeb8c8;font-size:12px;font-weight:800}.cart-item strong{white-space:nowrap;color:#ffd63d;font-size:15px;font-weight:950}.cart-empty{min-height:120px;border-radius:12px;background:#111923;display:flex;align-items:center;justify-content:center;color:#8f9db2;font-weight:900}.cart-total{display:flex;justify-content:flex-end;gap:10px;color:#c3ccda;font-size:17px;font-weight:900;margin-top:12px}.cart-total strong{color:#ffd63d}.cart-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.cart-actions button{height:40px;border:0;border-radius:10px;padding:0 16px;font-weight:950;cursor:pointer}.cart-buy{background:#26a8df;color:#fff}.cart-clear{background:#2a3445;color:#d6e0ef}.cart-close{background:#172236;color:#d6e0ef}.cart-actions button:hover{filter:brightness(1.08)}
@media (max-width:720px){.cart-toggle{align-self:flex-start}.cart-item{grid-template-columns:82px 1fr;}.cart-item strong{grid-column:2}.cart-item img{width:82px}.cart-actions button{flex:1 1 100%}}


.site-confirm-modal{position:fixed;inset:0;z-index:2100;background:rgba(3,8,18,.74);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}
.site-confirm-modal[hidden]{display:none!important}
.site-confirm-card{width:min(560px,94vw);border-radius:22px;background:linear-gradient(180deg,#121b2b,#0b1321);border:1px solid rgba(148,163,184,.2);box-shadow:0 30px 90px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.04);padding:28px 30px;color:#fff;text-align:left}
.site-confirm-card h2{margin:0 0 12px;font-size:23px;line-height:1.18;font-weight:950;color:#fff;text-transform:none;text-shadow:0 2px 0 rgba(255,67,35,.22)}
.site-confirm-card p{margin:0;color:#e9eef7;font-size:17px;line-height:1.45;font-weight:800}
.site-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
.site-confirm-actions button{height:46px;min-width:150px;border:0;border-radius:11px;padding:0 22px;font-size:16px;font-weight:950;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}
.site-confirm-actions button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.site-confirm-yes{background:linear-gradient(180deg,#ffca28,#d79414);color:#101726;box-shadow:0 12px 26px rgba(255,190,30,.16)}
.site-confirm-no{background:#263142;color:#dce6f4}
@media (max-width:520px){.site-confirm-card{padding:22px 18px}.site-confirm-actions{flex-direction:column}.site-confirm-actions button{width:100%}}

/* Rich empty inventory state */
.empty-inv-rich{
  min-height:560px;
  gap:10px;
}
.empty-inv-rich b{
  font-size:20px;
  line-height:1.15;
}
.empty-inv-rich span{
  color:#94a3b8;
  font-weight:700;
  font-size:14px;
  line-height:1.45;
}
.empty-inv-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:10px;
}
.empty-inv-actions button,
.empty-inv-actions a{
  height:36px;
  border:0;
  border-radius:9px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#fff;
  font-weight:950;
  font-size:14px;
  text-decoration:none;
  background:#1a2639;
}
.empty-inv-actions a{
  background:#249bd4;
}
.empty-inv-actions button:hover,
.empty-inv-actions a:hover{
  filter:brightness(1.08);
}


/* Public user profile */
.up-profile-page{min-height:100vh;padding:96px 20px 34px;background:radial-gradient(circle at 80% 20%,rgba(38,125,160,.16),transparent 34rem),#070b16;color:#fff}.up-profile-container{max-width:1460px;margin:0 auto}.profile-back{display:inline-flex;align-items:center;gap:12px;color:#9fb0c7;font-weight:800;margin:0 0 24px}.profile-back::first-letter{font-size:26px}.profile-back>span{font-size:14px}.profile-top-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch}.profile-panel{background:rgba(8,13,23,.74);border:1px solid rgba(148,163,184,.09);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);position:relative;overflow:hidden}.profile-user-panel{min-height:224px;display:flex;align-items:center;gap:18px;padding:32px 24px}.profile-avatar-big{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.profile-user-panel h1{margin:0 0 5px;color:#fff;font-size:18px;font-weight:950}.profile-user-panel span{color:#8fa0b8;font-size:13px;font-weight:800}.profile-own-links{display:flex;gap:9px;margin-top:12px}.profile-own-links a{color:#fff;background:#162236;border:1px solid rgba(148,163,184,.12);border-radius:8px;padding:7px 10px;font-weight:900;font-size:12px}.profile-best-panel{min-height:224px;padding:18px;text-align:center;background-image:linear-gradient(rgba(8,13,23,.78),rgba(8,13,23,.78)),linear-gradient(30deg,transparent 30%,var(--panel-line,rgba(34,93,150,.20)) 30% 31%,transparent 31% 60%,var(--panel-line,rgba(34,93,150,.20)) 60% 61%,transparent 61%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 36px var(--panel-glow,rgba(34,93,150,.06))}.profile-best-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,var(--panel-glow,rgba(245,197,39,.12)),transparent 34%),linear-gradient(180deg,transparent 56%,var(--panel-bottom,rgba(245,197,39,.06)));z-index:0}.profile-best-panel>*{position:relative;z-index:1}.profile-panel-title{position:absolute;left:18px;top:18px;font-weight:950;font-size:13px}.best-drop-chance{position:absolute;right:18px;top:18px;font-weight:950;font-size:13px}.best-drop-chance span,.stat-upgrades i,.profile-history-head span,.profile-card-top b{color:#ffd000;font-style:normal}.profile-best-img{width:190px;height:112px;object-fit:contain;margin-top:30px;filter:drop-shadow(0 18px 12px rgba(0,0,0,.45))}.profile-best-name{font-size:16px;font-weight:950;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.35);max-width:78%;margin:0 auto}.profile-best-price{margin-top:6px;color:#5ab7ff;font-weight:950;font-size:17px}.profile-empty-best{height:100%;display:grid;place-items:center;color:#8fa0b8;font-weight:800;font-size:14px}.profile-side-stats{display:grid;grid-template-rows:1fr 1fr;gap:12px}.stat-panel{padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.stat-panel span{color:#8fa0b8;font-weight:800;font-size:13px}.stat-panel b{color:#fff;font-size:14px;margin-top:6px}.stat-panel strong{color:#ffd11a;font-size:22px;font-weight:950;margin-top:4px}.stat-upgrades strong{color:#fff;font-size:27px}.profile-history-panel{margin-top:24px;background:rgba(8,13,23,.68);border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:18px}.profile-history-head{display:inline-flex;align-items:center;gap:8px;background:#1b263a;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:950;margin-bottom:20px}.profile-history-panel::before{content:"";display:block;border-top:1px solid rgba(148,163,184,.07);transform:translateY(54px);margin:0 8px 30px}.profile-history-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.profile-upgrade-card{height:168px;border-radius:7px;position:relative;overflow:hidden;padding:9px 10px;background:#111923;color:#fff}.profile-upgrade-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,31,.92),rgba(17,24,34,.78) 52%,var(--skin-glow,rgba(125,135,150,.34)) 100%);z-index:0}.profile-upgrade-card::after{content:"";position:absolute;inset:auto 0 0;height:62%;background:radial-gradient(ellipse at center bottom,var(--skin-glow-strong,rgba(125,135,150,.42)),transparent 66%);z-index:0}.profile-upgrade-card>*{position:relative;z-index:1}.profile-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.profile-card-top span{font-size:10px;font-weight:950;border-radius:4px;padding:3px 6px}.profile-card-top b{font-size:11px}.profile-upgrade-card.is-win .profile-card-top span{background:#063d25;color:#00e676}.profile-upgrade-card.is-lose .profile-card-top span{background:#431a22;color:#ff4b4b}.profile-upgrade-card img{width:100%;height:82px;object-fit:contain;margin-top:10px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.38))}.profile-upgrade-card strong{display:block;margin-top:4px;font-size:13px;font-weight:950}.profile-upgrade-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#b5becc;font-size:10px;line-height:1.15;font-weight:800}.profile-history-empty{min-height:220px;display:grid;place-items:center;color:#8fa0b8;font-weight:900}@media (max-width:1200px){.profile-history-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-top-grid{grid-template-columns:1fr 1fr}.profile-side-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media (max-width:760px){.profile-top-grid{grid-template-columns:1fr}.profile-side-stats{grid-template-columns:1fr}.profile-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-user-panel{min-height:160px}.up-profile-page{padding-top:86px}}

/* v15: profile stats refinement */
.stat-upgrades{gap:8px;align-items:stretch}
.profile-upgrade-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-upgrade-stat-row span{margin:0}
.profile-upgrade-stat-row strong{margin:0;color:#fff;font-size:18px;white-space:nowrap}
.profile-upgrade-stat-row:first-child strong{font-size:24px}
@media (max-width:760px){.profile-upgrade-stat-row strong{font-size:16px}.profile-upgrade-stat-row:first-child strong{font-size:21px}}

.profile-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;position:relative;z-index:2}
.profile-pagination a,.profile-pagination span{min-width:36px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:13px;color:#9fb0c7;background:#101a2b;border:1px solid rgba(148,163,184,.12)}
.profile-pagination a.active{background:#1f2d44;color:#fff;border-color:rgba(255,208,0,.36);box-shadow:0 0 18px rgba(255,208,0,.08)}
.profile-pagination a.disabled{opacity:.35;pointer-events:none}
.profile-pagination span{background:transparent;border-color:transparent;min-width:24px}
.skin-pagination a{min-width:38px;height:34px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#101a2b;color:#fff;font-weight:950;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.skin-pagination a.disabled{opacity:.35;pointer-events:none;cursor:not-allowed}.skin-pagination a.active{background:#1a2639;color:#fff}