:root{--bg:#090a0f;--panel:#141620;--line:#2a2c3b;--text:#f4f3fa;--muted:#9294a7;--purple:#ad91ff;--lime:#d9ff72;--red:#ff667e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#24203a 0,transparent 48%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}button:disabled{opacity:.4;cursor:not-allowed}.top{height:76px;position:sticky;top:0;z-index:5;background:#090a0fee;backdrop-filter:blur(14px);border-bottom:1px solid #252633;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px}.brand{font-weight:950;letter-spacing:.06em;white-space:nowrap}.brand span,footer span{color:var(--purple)}.brand small{display:block;font-size:8px;color:#77798a;letter-spacing:.2em}.top nav{display:flex;align-items:center;gap:4px}.nav-btn{border:1px solid transparent;background:transparent;color:#9c9daf;padding:11px 12px;border-radius:5px;font-size:11px;font-weight:800;white-space:nowrap}.nav-btn:hover,.nav-btn.active{background:#1a1928;border-color:#3e3654;color:var(--lime)}.nav-btn i{font-size:7px;color:#c2a9ff;font-style:normal;margin-left:3px}.steam{background:#191a25;border:1px solid #3a3b4b;padding:11px 14px;border-radius:4px;font-size:10px;font-weight:800;white-space:nowrap}.page{display:none;max-width:1300px;margin:0 auto;padding:44px 5% 55px;min-height:calc(100vh - 155px)}.page.active{display:block;animation:page-in .22s ease-out}@keyframes page-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.home-page{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;align-items:center;padding-top:55px}.hero-copy{padding:30px 0}.eyebrow{color:var(--purple);font-size:9px;letter-spacing:.19em;font-weight:900}.hero-copy h1,.page-head h1{font-size:clamp(39px,5vw,66px);letter-spacing:-.07em;line-height:.96;margin:20px 0}.hero-copy em,.page-head em{font-style:normal;color:var(--purple)}.hero-copy p,.page-head p{color:var(--muted);font-size:12px;line-height:1.8;max-width:500px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:12px 15px;border:1px solid #3a3b4c;background:transparent;color:#eee;border-radius:4px;font-size:10px;font-weight:900;margin:7px 5px 0 0;transition:transform .15s,border-color .15s,background .15s}.button:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-1px)}.button.lime{background:var(--lime);border-color:var(--lime);color:#17190f}.button.lime:hover{background:#e4ff9c}.button.full{width:100%;margin:8px 0 0}.hero-actions{display:flex;flex-wrap:wrap}.stats{display:flex;gap:30px;margin-top:38px}.stats span{display:flex;flex-direction:column;gap:5px}.stats b{font-size:19px}.stats small{font-size:8px;color:#7c7e90;letter-spacing:.12em}.hero-art{height:335px;display:grid;place-items:center;position:relative}.orbit{position:absolute;width:320px;height:270px;border:1px solid #29263a;border-radius:50%;transform:rotate(-28deg)}.crate{width:235px;height:285px;z-index:1;border:1px solid #5b5077;border-radius:7px;background:linear-gradient(145deg,#29223e,#12131d);box-shadow:0 25px 70px #0008;transform:rotate(4deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:17px}.crate small{font-size:8px;letter-spacing:.12em;color:#aaa6be}.crate div{font-size:100px;color:#c7b8ff;text-shadow:0 0 35px var(--purple)}.crate b{font-size:12px;letter-spacing:.15em}.hero-art label{position:absolute;bottom:0;left:0;background:#151620;border:1px solid #393448;padding:12px;font-size:8px;letter-spacing:.12em;z-index:2}.home-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.home-shortcuts button{position:relative;text-align:left;display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(135deg,#181923,#101117);color:var(--text)}.home-shortcuts button:hover{border-color:#77639e}.home-shortcuts span{color:var(--purple);font-size:9px}.home-shortcuts b{font-size:14px}.home-shortcuts small{color:var(--muted);font-size:10px}.home-shortcuts strong{position:absolute;right:18px;top:18px;color:var(--lime)}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 25px}.page-head h1{font-size:clamp(34px,4.2vw,53px);margin:12px 0}.page-head p{margin-bottom:0}.page-chip{flex-shrink:0;border:1px solid #393247;border-radius:4px;padding:12px 14px;font-size:8px;letter-spacing:.1em;color:#b4adca}.page-chip span{color:var(--lime);margin-left:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case{border:1px solid var(--line);border-radius:6px;background:linear-gradient(145deg,#171823,#0f1017);padding:14px;transition:.2s;min-width:0}.case:hover{border-color:#67568d;transform:translateY(-2px)}.case-visual{height:135px;display:grid;place-items:center;position:relative;border:1px solid color-mix(in srgb,var(--case-color) 20%,transparent);border-radius:4px;margin-bottom:14px;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-color) 15%,transparent),transparent 70%)}.case-visual .sigil{font-size:75px;color:var(--case-color);filter:drop-shadow(0 0 20px currentColor)}.case-number{position:absolute;left:10px;top:10px;color:#737589;font-size:9px;letter-spacing:.15em}.case-visual>small{position:absolute;bottom:9px;font-size:7px;color:#828397;letter-spacing:.16em}.case h3{font-size:15px;margin:0}.case>p{font-size:9px;color:#888a9c;margin:6px 0}.case-bottom{display:flex;justify-content:space-between;align-items:center;margin:12px 0 13px}.price{font-weight:900;font-size:14px}.price small{font-size:8px;color:#85879a;font-weight:500}.case-bottom .button{margin:0;padding:10px 11px}.drop-list{border-top:1px solid #292b39;padding-top:10px}.drop-list-head{display:flex;justify-content:space-between;gap:5px;font-size:7px;color:#8e90a2;letter-spacing:.1em;margin-bottom:7px}.drop-list-head span{color:#b6a9d7}.drop-list-items{display:grid;gap:5px}.drop-mini{display:flex;align-items:center;gap:8px;min-width:0;background:#0e0f16;border:1px solid #232532;border-radius:3px;padding:5px}.mini-img{width:45px;height:37px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.mini-img img{width:100%;height:100%;object-fit:contain}.drop-mini>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.drop-mini b{font-size:8px;line-height:1.35;white-space:normal;font-weight:700}.drop-mini small{font-size:8px;color:var(--lime)}.drop-mini small i{font-size:7px;color:#77798a;font-style:normal;margin-left:3px}.skin-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,color-mix(in srgb,var(--skin-color) 20%,transparent),transparent 70%);color:var(--skin-color)}.skin-fallback span{font-size:26px;filter:drop-shadow(0 0 10px currentColor)}.skin-fallback small{font-size:5px;letter-spacing:.1em;color:#a5a5b8}.upgrade-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.95fr) minmax(0,1fr);gap:14px;align-items:stretch}.panel{background:linear-gradient(145deg,#171823,#101117);border:1px solid #303142;border-radius:6px;padding:16px;min-width:0}.panel-label{font-size:8px;letter-spacing:.14em;color:#8d8fa2}.slot{min-height:190px;border:1px dashed #414154;border-radius:4px;margin:14px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:#999aae;font-size:10px;overflow:hidden}.slot img,.slot .skin-fallback{width:115px;height:105px;object-fit:contain}.slot .skin-fallback{flex-shrink:0}.slot b{font-size:10px;line-height:1.5}.slot strong{font-size:12px;color:var(--lime)}.empty-slot{color:#999aae}.chance-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.chance-line span{font-size:8px;letter-spacing:.12em;color:#9b9db0}.chance-line b{font-size:22px;color:var(--lime)}.upgrade-wheel{height:125px;position:relative;display:block;margin:12px auto 13px;max-width:100%;padding:16px 0}.wheel-track{position:absolute;inset:18px 0;border-radius:7px;overflow:hidden;border:1px solid #5a3544;background:#29151d}.win-zone{position:absolute;left:0;top:0;bottom:0;width:35%;background:linear-gradient(90deg,#a4d84c,#d9ff72);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .2s}.win-zone span{color:#18200c;font-weight:1000;font-size:9px;letter-spacing:.1em}.lose-zone{position:absolute;left:35%;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#ff637b18 0 7px,#ff637b05 7px 14px);transition:left .2s}.lose-zone span{color:#ffb5c0;font-size:9px;font-weight:900;letter-spacing:.13em}.wheel-center{display:none}.upgrade-pointer{position:absolute;z-index:3;left:2%;top:4px;bottom:4px;width:3px;background:#fff;transform:translateX(-50%);border-radius:4px;filter:drop-shadow(0 0 6px var(--lime));transition:left 3.6s cubic-bezier(.12,.72,.12,1)}.upgrade-win .wheel-track{box-shadow:0 0 20px #d9ff7240}.upgrade-lose .wheel-track{box-shadow:0 0 20px #ff667e30}
.upgrade-msg{text-align:center;font-size:10px;color:#b8b4c8;min-height:18px}.text-button{display:block;border:0;background:none;color:#aaa1c7;text-decoration:underline;font-size:9px;margin:9px auto 0}.search{display:flex;gap:6px;margin-top:8px}.search input{width:100%;min-width:0;flex:1;background:#0c0d14;border:1px solid #333547;color:white;border-radius:4px;padding:10px;font:inherit;font-size:10px}.search .button{margin:0;white-space:nowrap}.target-results{max-height:270px;overflow:auto;margin-top:7px}.target-result{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #303142;padding:7px;margin-top:5px;border-radius:4px;cursor:pointer}.target-result:hover{border-color:var(--purple)}.target-result img,.target-result .skin-fallback{width:42px;height:38px;object-fit:contain;grid-row:span 2}.target-result .market-name{font-size:9px;line-height:1.4}.target-result .market-price{font-size:9px;color:var(--lime)}.target-result .button{grid-column:1/-1;margin:2px 0 0}.hint{margin-top:15px;padding:12px 14px;border-left:2px solid var(--purple);background:#15131e;color:#9e9caf;font-size:9px;line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;color:#8c8ea0;font-size:9px;letter-spacing:.1em}.toolbar .button{margin:0}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.item{border:1px solid var(--line);border-radius:5px;padding:11px;background:#12131c;min-width:0}.item>img,.item>.skin-fallback{width:100%;height:120px;object-fit:contain;background:radial-gradient(ellipse,#ad91ff17,transparent 70%)}.item h4{font-size:10px;line-height:1.5;min-height:30px;margin:7px 0}.item .item-price{font-size:10px;color:var(--lime);font-weight:900}.item .button{font-size:8px;padding:8px 5px;margin-top:8px;width:100%}.item .remove{color:#aaa}.market-item .market-name{display:block;font-size:10px;line-height:1.5;min-height:30px;margin-top:8px}.market-item .market-price{font-size:10px;color:var(--lime)}.market-search{max-width:720px;margin:0 0 22px}.empty{grid-column:1/-1;padding:28px;text-align:center;color:#85879a;border:1px dashed #303142;font-size:11px;line-height:1.8}.battle-room{min-height:390px;border:1px solid #383047;border-radius:7px;background:radial-gradient(ellipse at 50% 25%,#332747,transparent 55%),#11121a;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.battle-emblem{width:92px;height:92px;border:1px solid #6b588e;border-radius:50%;display:grid;place-items:center;color:var(--purple);font-size:42px;box-shadow:0 0 45px #ad91ff20}.battle-room h2{font-size:29px;letter-spacing:.04em;margin:23px 0 7px}.battle-room p{max-width:470px;color:var(--muted);font-size:11px;line-height:1.8}.disclaimer{max-width:1150px;margin:0 auto 28px;padding:13px 16px;border:1px solid #373247;border-left:3px solid var(--purple);font-size:9px;color:#999bad;line-height:1.7}.disclaimer:first-line{color:var(--lime)}footer{border-top:1px solid #262735;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:900;font-size:12px}footer small{font-size:8px;color:#77798a;letter-spacing:.1em}.sound-toggle{border:1px solid #343444;background:#151620;color:#a7a8b9;padding:8px 11px;border-radius:4px;font-size:9px}.backdrop{display:none;position:fixed;inset:0;background:#030309dd;backdrop-filter:blur(9px);z-index:20;align-items:center;justify-content:center;padding:15px}.backdrop.show{display:flex}.modal{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;padding:25px;background:#151620;border:1px solid #51476c;border-radius:8px;box-shadow:0 30px 100px #000b}.modal h2{margin:12px 0 20px;font-size:24px}.close{position:absolute;right:13px;top:8px;background:none;border:0;color:#aaa;font-size:25px}.roulette{height:165px;border:1px solid #39364b;border-radius:5px;overflow:hidden;position:relative;background:#0c0d14}.pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--lime);box-shadow:0 0 12px var(--lime);z-index:3}.reel{display:flex;height:100%;transform:translateX(0);will-change:transform}.reel.anim{transition:transform 5.1s cubic-bezier(.08,.72,.08,1)}.reel-item{flex:0 0 132px;border-right:1px solid #302d40;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;text-align:center;background:linear-gradient(#171823,#101119)}.reel-item img,.reel-item .skin-fallback{width:78px;height:75px;object-fit:contain}.reel-item .skin-fallback span{font-size:33px}.reel-item span{font-size:8px;line-height:1.35;color:#c4c1d2;min-height:21px}.reel-item>b{font-size:9px;color:var(--lime)}.result-message{font-size:11px;color:#aaaabc;line-height:1.7;text-align:center;padding:15px 0 4px}.result-message small{color:#85879a}.success-text{color:var(--lime);letter-spacing:.1em}.drop-preview:empty{display:none}.won-card{display:flex;align-items:center;gap:15px;padding:12px;margin:10px 0;background:#101119;border:1px solid #4c6740;border-radius:5px}.won-card>img,.won-card>.skin-fallback{width:100px;height:85px;object-fit:contain;flex-shrink:0}.won-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}.won-card b{font-size:12px}.won-card strong{font-size:17px;color:var(--lime)}.won-card small{font-size:7px;color:#8c8ea0;letter-spacing:.1em}.pick-modal{width:min(850px,100%)}.pick-modal .item-grid{max-height:65vh;overflow:auto}.settings-modal{width:min(460px,100%)}.settings-modal>p{font-size:11px;color:var(--muted);line-height:1.7}.setting-number{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;font-size:11px;color:#c9c7d7}.setting-number>b{font-size:23px;color:var(--lime)}.range{width:100%;accent-color:var(--lime);cursor:pointer}.number-wrap{display:flex;align-items:center;gap:6px}.number-wrap input{width:82px;background:#0c0d14;border:1px solid #454255;border-radius:4px;color:white;padding:8px;font-size:15px}.number-wrap span{color:var(--lime)}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.preset-row button{background:#22202e;border:1px solid #393449;border-radius:4px;color:#c7c0d9;padding:9px;font-size:10px}.preset-row button:hover{border-color:var(--lime);color:var(--lime)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;z-index:40;background:var(--lime);color:#17190f;padding:12px 17px;border-radius:4px;font-size:11px;font-weight:900;transition:.2s;max-width:90%;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.top{padding:0 3%;gap:10px}.top nav{gap:0}.nav-btn{padding:10px 7px;font-size:9px}.brand{font-size:12px}.steam{padding:9px;font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-layout{grid-template-columns:1fr 1fr}.wheel-panel{grid-column:1/-1;grid-row:1}.upgrade-wheel{width:100%;max-width:350px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.top{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 4%;gap:7px}.top nav{order:3;width:100%;overflow-x:auto}.nav-btn{flex:1;padding:9px 10px}.brand{margin-right:auto}.page{padding:32px 4% 40px;min-height:calc(100vh - 180px)}.home-page{grid-template-columns:1fr;padding-top:25px;gap:10px}.hero-copy{padding:10px 0}.hero-art{height:280px}.crate{height:235px;width:200px}.crate div{font-size:75px}.home-shortcuts{grid-template-columns:1fr}.home-shortcuts button{padding:14px}.page-head{display:block}.page-head h1{font-size:35px}.page-chip{display:inline-block;margin-top:15px}.cards,.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case{padding:9px}.case-visual{height:110px}.case-visual .sigil{font-size:60px}.drop-mini{gap:5px;padding:4px}.mini-img{width:34px;height:32px}.drop-mini b{font-size:7px}.drop-mini small{font-size:7px}.drop-list-head{font-size:6px}.case-bottom{gap:5px;align-items:flex-start;flex-direction:column}.case-bottom .button{width:100%}.upgrade-layout{grid-template-columns:1fr}.wheel-panel{grid-column:auto;grid-row:auto}.slot{min-height:150px}.item-grid .item{padding:8px}.item>img,.item>.skin-fallback{height:90px}.toolbar{gap:8px;align-items:flex-start}.toolbar .button{font-size:8px;padding:8px}.modal{padding:18px}.roulette{height:145px}.reel-item{flex-basis:112px}.reel-item img,.reel-item .skin-fallback{height:65px}.won-card>img,.won-card>.skin-fallback{width:75px;height:70px}footer{flex-wrap:wrap;padding:20px 4%}footer small{order:3;width:100%}.market-search{flex-wrap:wrap}.market-search .button{width:100%;padding:11px}.battle-room{min-height:340px;padding:22px}}
/* LootForge v4 polish: wallet, target odds and circular upgrade wheel */
.account-area{display:flex;align-items:center;gap:12px}.balance-pill{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:6px 8px;border:1px solid #393b48;border-radius:5px;background:#12131b;min-width:105px}.balance-pill small{grid-column:1/-1;font-size:7px;letter-spacing:.12em;color:#9294a6}.balance-pill b{font-size:12px;color:var(--lime)}.balance-pill button{border:1px solid #526333;background:#d9ff72;color:#15190b;font-weight:1000;border-radius:4px;width:24px;height:24px;cursor:pointer}.target-odds{margin-top:13px;padding:12px;background:#101119;border:1px solid #343446;border-radius:5px}.target-odds>small{display:block;font-size:8px;line-height:1.5;letter-spacing:.08em;color:#a2a3b5;margin-bottom:9px}.odds-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.odds-buttons button{padding:9px 3px;background:#1a1b27;border:1px solid #37384a;border-radius:4px;color:#c4c4d4;font-size:10px;font-weight:900;cursor:pointer}.odds-buttons button.active{background:#d9ff72;color:#14180a;border-color:#d9ff72;box-shadow:0 0 16px #d9ff7222}.odds-buttons i{font-size:6px;font-style:normal}.target-budget{font-size:9px;line-height:1.5;color:#a9a5bc;margin-top:10px}.upgrade-wheel{width:245px;height:245px;padding:0;margin:16px auto 19px;position:relative;display:grid;place-items:center}.wheel-disc{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;border:5px solid #302b43;box-shadow:0 0 0 1px #61547e,0 0 32px #ad91ff1c; background:conic-gradient(from -90deg,#d9ff72 0deg 36deg,#ff637b 36deg 360deg);will-change:transform}.wheel-disc:before{content:"";position:absolute;inset:10px;border:1px dashed #ffffff65;border-radius:50%}.wheel-win-label,.wheel-lose-label{position:absolute;top:17px;font-size:10px;font-weight:1000;letter-spacing:.14em;color:#15190b}.wheel-win-label{left:50%;transform:translateX(-50%)}.wheel-lose-label{right:26px;top:54%;color:#ffe2e7;transform:rotate(54deg)}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#171722;border:3px solid #8b7ba8;color:var(--lime);font-size:23px;box-shadow:0 0 20px #0009}.upgrade-pointer{position:absolute;z-index:4;left:50%;top:-8px;bottom:auto;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:26px solid #fff;transform:translateX(-50%);filter:drop-shadow(0 0 7px #d9ff72);transition:none}.upgrade-win .wheel-disc{box-shadow:0 0 28px #d9ff7270,0 0 0 2px #d9ff72}.upgrade-lose .wheel-disc{box-shadow:0 0 28px #ff637b50,0 0 0 2px #ff637b}.case-modal-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.case-modal-actions .button{margin:0}.case-modal-actions #case-close{min-width:140px}.settings-modal label{display:block;font-size:11px;color:#c9c7d7;margin-top:18px}.settings-modal .preset-row button{white-space:nowrap}.upgrade-layout .panel{min-width:0}.target-result{cursor:pointer}.target-result:hover{background:#1b1a28}.balance-pill{white-space:nowrap}
@media(max-width:1000px){.account-area{margin-left:auto}.upgrade-wheel{width:220px;height:220px}}
@media(max-width:650px){.account-area{gap:6px}.balance-pill{min-width:auto;padding:5px 6px}.balance-pill small{font-size:6px}.balance-pill b{font-size:10px}.account-area .steam{padding:7px;font-size:8px}.upgrade-wheel{width:220px;height:220px}.odds-buttons{gap:3px}.odds-buttons button{font-size:9px}.case-modal-actions{grid-template-columns:1fr}.case-modal-actions #case-close{width:100%;min-width:0}}
/* LootForge v5 refinements */
.case-open-options{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 14px;margin-top:13px;border:1px solid #343446;border-radius:5px;background:#101119}.case-open-options label{display:flex;align-items:center;gap:8px;color:#c7c5d5;font-size:10px;font-weight:800}.case-open-options select{background:#1c1d29;border:1px solid #454257;border-radius:4px;color:var(--lime);padding:7px 9px;font-weight:900}.case-open-options input{accent-color:var(--lime)}#case-total{margin-left:auto;color:var(--lime);font-size:11px;font-weight:900}.case-modal .drop-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;max-height:30vh;overflow:auto}.case-modal .won-card{margin:0;min-width:0}.case-modal .won-card>img,.case-modal .won-card>.skin-fallback{width:65px;height:62px}.case-modal .won-card b{font-size:10px}.case-modal .won-card strong{font-size:13px}.target-range-panel{margin-top:13px;padding:12px;border:1px solid #343446;border-radius:5px;background:#101119}.target-range-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.target-range-head>b{font-size:8px;letter-spacing:.12em;color:var(--lime)}.target-range-head .button{margin:0;padding:7px 9px;font-size:8px}.target-range-panel>small{display:block;color:#8f90a5;font-size:9px;line-height:1.5;margin:8px 0}.target-candidates{display:grid;gap:6px;max-height:290px;overflow:auto}.candidate{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#171823;border:1px solid #303143;border-radius:4px;padding:7px;color:#eee}.candidate:hover{border-color:var(--lime);background:#20221b}.candidate img,.candidate .skin-fallback{width:58px;height:46px;object-fit:contain;flex-shrink:0}.candidate .skin-fallback span{font-size:22px}.candidate span{display:flex;flex-direction:column;gap:4px;min-width:0}.candidate b{font-size:9px;overflow-wrap:anywhere}.candidate small{font-size:10px;color:var(--lime)}
/* Only the ring rotates visually; the pointer is the moving element. */
.wheel-disc{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.wheel-disc:before{inset:0;border:13px solid transparent;border-radius:50%;background:conic-gradient(from -90deg,#d9ff72 0deg var(--chance-angle,36deg),#ff637b var(--chance-angle,36deg) 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wheel-disc:after{content:"";position:absolute;inset:25%;border-radius:50%;background:#141620;border:1px solid #3a344d;box-shadow:inset 0 0 22px #0008;z-index:1}.wheel-win-label,.wheel-lose-label{z-index:2;top:29px;font-size:8px}.wheel-lose-label{top:54%;right:27px}.wheel-hub{z-index:3;width:46px;height:46px}.upgrade-pointer{transform-origin:50% 50%;top:-12px;border-left-width:10px;border-right-width:10px;border-top-width:24px}.upgrade-win .wheel-disc:before{filter:drop-shadow(0 0 5px #d9ff72)}.upgrade-lose .wheel-disc:before{filter:drop-shadow(0 0 5px #ff637b)}
@media(max-width:650px){.case-open-options{gap:8px}.case-open-options label{font-size:9px}#case-total{width:100%;margin-left:0}.case-modal .drop-preview{grid-template-columns:1fr}.candidate img,.candidate .skin-fallback{width:46px;height:40px}}
.upgrade-pointer{left:0;top:0;bottom:auto;width:100%;height:100%;border:0;transform-origin:50% 50%;filter:none;pointer-events:none}.upgrade-pointer:before{content:"";position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:24px solid #fff;filter:drop-shadow(0 0 7px #d9ff72)}

/* v6: robust hollow upgrade ring. Use a radial mask instead of XOR mask-composite (which rendered as a white square in some browsers). */
.wheel-disc{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
.wheel-disc:before{content:"";position:absolute;inset:0;border:0!important;border-radius:50%;background:conic-gradient(from -90deg,#d9ff72 0deg var(--chance-angle,36deg),#ff637b var(--chance-angle,36deg) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));pointer-events:none;filter:drop-shadow(0 0 8px #ad91ff22)}
.wheel-disc:after{content:"";position:absolute;inset:25%;border-radius:50%;background:#141620;border:1px solid #3a344d;box-shadow:inset 0 0 22px #0008;z-index:1}
.wheel-win-label,.wheel-lose-label{z-index:2}.wheel-hub{z-index:3}
.wheel-disc .wheel-win-label{top:15%;}.wheel-disc .wheel-lose-label{top:54%;right:13%;}
/* Keep the center genuinely empty: only the colored rim and the small hub remain. */
.wheel-disc:after{display:none!important}

/* v7 wheel redesign: layered neon ring, no CSS masks (avoids square rendering in Chromium/Yandex). */
.wheel-disc{width:100%;height:100%;border-radius:50%;position:relative;overflow:visible!important;border:12px solid transparent!important;background:linear-gradient(#12131c,#12131c) padding-box,conic-gradient(from -90deg,#d9ff72 0deg var(--chance-angle,36deg),#ff637b var(--chance-angle,36deg) 360deg) border-box!important;box-shadow:0 0 0 1px #51466d,0 0 30px #ad91ff24!important;isolation:isolate}
.wheel-disc:before{content:""!important;display:block!important;position:absolute;inset:8px;border:1px solid #ffffff14;border-radius:50%;background:radial-gradient(circle at 35% 25%,#28283a,#11121a 70%);pointer-events:none;z-index:0}
.wheel-disc:after{display:none!important}
.wheel-win-label,.wheel-lose-label{position:absolute;z-index:2;letter-spacing:.22em;font-weight:950;color:#c8c4db;text-shadow:0 0 10px #ad91ff55}
.wheel-disc .wheel-win-label{top:24%;left:14%;color:#d9ff72;transform:rotate(-45deg)}
.wheel-disc .wheel-lose-label{top:59%;right:10%;color:#ff8192;transform:rotate(45deg)}
.wheel-hub{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:62px!important;height:62px!important;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#353048,#101118 70%);border:2px solid #8170ad;box-shadow:0 0 0 6px #171721,0 0 25px #ad91ff55;color:#e9e1ff;font-size:23px;z-index:4}
.upgrade-pointer{z-index:6!important;filter:drop-shadow(0 0 9px #d9ff72)!important}
.upgrade-pointer:before{border-left-width:9px!important;border-right-width:9px!important;border-top-width:27px!important;border-top-color:#f7ffce!important}
/* Independent roulette lane for every simultaneously opened case. */
.roulette.multi-roulette{height:auto;min-height:120px;display:flex;flex-direction:column;gap:8px;padding:12px 0}
.multi-roulette .pointer{z-index:4}
.multi-reel-lane{height:98px;position:relative;overflow:hidden;border:1px solid #343447;border-radius:5px;background:linear-gradient(90deg,#101119,#171824,#101119)}
.multi-reel-lane:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090a0fdd,transparent 13%,transparent 87%,#090a0fdd);z-index:2}
.multi-reel-lane .lane-label{position:absolute;left:8px;top:5px;z-index:3;font-size:8px;color:#b4a4e8;font-weight:900}
.multi-reel-lane .reel{height:100%;align-items:center}
.multi-reel-lane .reel-item{height:78px;min-width:116px;margin-top:10px}
@media(max-width:650px){.upgrade-wheel{width:210px;height:210px}.multi-reel-lane{height:84px}.multi-reel-lane .reel-item{height:68px;min-width:100px}}

/* v8: SVG-only upgrade ring. No conic backgrounds, masks, or square paint artifacts. */
.upgrade-wheel{width:250px!important;height:250px!important;padding:0!important;margin:18px auto 20px!important;display:grid!important;place-items:center;overflow:visible!important;isolation:isolate}
.wheel-disc{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.wheel-disc:before,.wheel-disc:after{display:none!important;content:none!important}
.wheel-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 12px #ad91ff2a)}
.wheel-track-ring{fill:none;stroke:#282638;stroke-width:20}
.wheel-loss-ring{fill:none;stroke:#ff637b;stroke-width:13;opacity:.92;stroke-linecap:round;stroke-dasharray:659.7 659.7;transform:rotate(-90deg);transform-origin:130px 130px}
.wheel-win-ring{fill:none;stroke:#d9ff72;stroke-width:13;stroke-linecap:round;stroke-dasharray:65.97 659.7;transform:rotate(-90deg);transform-origin:130px 130px;filter:drop-shadow(0 0 5px #d9ff72aa)}
.wheel-inner-ring{fill:none;stroke:#a995e8;stroke-width:1;stroke-dasharray:2 8;opacity:.55}
.wheel-core{fill:#141520;stroke:#49405f;stroke-width:2}
.wheel-hub{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:54px!important;height:54px!important;background:radial-gradient(circle at 30% 25%,#383149,#101118 72%)!important;border:2px solid #a995e8!important;border-radius:50%!important;box-shadow:0 0 0 5px #101119,0 0 22px #ad91ff55!important;color:#d9ff72!important;z-index:4!important}
.upgrade-pointer{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;bottom:auto!important;background:transparent!important;border:0!important;transform-origin:50% 50%;z-index:6!important;filter:none!important;pointer-events:none}
.upgrade-pointer:before{display:none!important}.upgrade-pointer span{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:25px solid #f7ffce;filter:drop-shadow(0 0 7px #d9ff72)}
.upgrade-win .wheel-win-ring{filter:drop-shadow(0 0 9px #d9ff72)}.upgrade-lose .wheel-loss-ring{filter:drop-shadow(0 0 8px #ff637b)}
.roulette.multi-roulette{height:auto!important;max-height:65vh;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important;padding:12px!important}
.multi-reel-lane{flex:0 0 98px!important;width:100%;height:98px!important;overflow:hidden!important;position:relative!important;isolation:isolate}
.multi-reel-lane .reel{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;height:100%!important;width:max-content!important;min-width:max-content!important;transform:translate3d(0,0,0);will-change:transform}
.multi-reel-lane .reel-item{box-sizing:border-box;flex:0 0 112px!important;width:112px!important;min-width:112px!important;height:78px!important;margin:10px 0 0!important;padding:5px!important}
.multi-reel-lane .reel-item img,.multi-reel-lane .reel-item .skin-fallback{width:65px!important;height:48px!important;flex:0 0 auto}
@media(max-width:650px){.upgrade-wheel{width:210px!important;height:210px!important}.multi-reel-lane{flex-basis:84px!important;height:84px!important}.multi-reel-lane .reel-item{flex-basis:100px!important;width:100px!important;min-width:100px!important;height:68px!important}.multi-reel-lane .reel-item img,.multi-reel-lane .reel-item .skin-fallback{height:40px!important}}

/* v9 hard fixes: eliminate inherited pseudo-element square and keep the SVG wheel transparent. */
.wheel-disc{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.wheel-disc:before,.wheel-disc:after{content:none!important;display:none!important;background:none!important;-webkit-mask:none!important;mask:none!important}
.wheel-svg{background:transparent!important;fill:none!important;overflow:visible!important}
.wheel-svg circle{fill:none!important}
.wheel-hub{pointer-events:none!important}
/* Failed remote thumbnails degrade gracefully instead of showing broken-image icons. */
.img-failed{width:100%;height:100%;min-height:28px;display:grid;place-items:center;color:var(--skin-color,var(--purple));font-size:28px;background:radial-gradient(ellipse,#ad91ff22,transparent 72%);border:1px solid #ffffff0d;border-radius:4px}
/* Every multi-open lane owns a centered pointer; no single global marker that gets lost below lane one. */
.roulette.multi-roulette>.pointer{display:none!important}
.multi-reel-lane{position:relative!important;overflow:hidden!important;isolation:isolate}
.multi-reel-lane .lane-pointer{position:absolute;z-index:5;left:50%;top:0;bottom:0;width:0;border-left:2px solid var(--lime);filter:drop-shadow(0 0 5px #d9ff72);pointer-events:none}
.multi-reel-lane .lane-pointer:before{content:"";position:absolute;top:0;left:-7px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--lime)}
.multi-reel-lane .lane-pointer:after{content:"";position:absolute;bottom:0;left:-7px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--lime)}
.upgrade-layout:has(#upgrade-btn:disabled) #source{transition:box-shadow .2s}
#upgrade-btn:disabled{cursor:not-allowed}
@media(max-width:650px){.multi-reel-lane .lane-pointer{left:50%}}
/* LootForge v10: multi-item upgrade stake, independent speed and smooth chance feedback */
.stake-controls{margin-top:12px;padding:12px;background:#101119;border:1px solid #343446;border-radius:5px;display:grid;gap:7px}.stake-controls label{font-size:9px;letter-spacing:.08em;color:#c9c7d7}.stake-controls input{width:100%;box-sizing:border-box;background:#0c0d13;border:1px solid #393b4d;border-radius:4px;padding:10px;color:#f3f2fa;outline:none}.stake-controls input:focus{border-color:#d9ff72;box-shadow:0 0 0 2px #d9ff721b}.stake-controls small{font-size:8px;line-height:1.5;color:#9294a8}.source-stack{width:100%;display:grid;gap:7px;max-height:220px;overflow:auto}.source-chip{display:grid;grid-template-columns:44px minmax(0,1fr) 25px;align-items:center;gap:8px;width:100%;padding:6px;background:#0d0e15;border:1px solid #343446;border-radius:4px;text-align:left}.source-chip img,.source-chip .skin-fallback{width:42px!important;height:38px!important;object-fit:contain}.source-chip span{min-width:0;display:grid;gap:4px}.source-chip b{font-size:9px;overflow-wrap:anywhere}.source-chip small{font-size:9px;color:var(--lime)}.source-chip button{border:1px solid #4a3a4b;background:#21151d;color:#ff9eac;border-radius:4px;font-size:17px;cursor:pointer;height:25px}.upgrade-speed{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 auto 8px;font-size:9px;color:#bdbbd0}.upgrade-speed input{accent-color:#d9ff72}.odds-buttons button{transition:background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}.odds-buttons button.active{transform:translateY(-2px);box-shadow:0 5px 18px #d9ff7228}.chance-line b{transition:color .25s ease,transform .25s ease}.chance-line b.chance-pop{animation:chancePop .36s ease}@keyframes chancePop{0%{transform:scale(.88);opacity:.65}65%{transform:scale(1.16)}100%{transform:scale(1);opacity:1}}#upgrade-btn:disabled{opacity:.48;cursor:not-allowed}

/* v11: animated chance ring and wallet stake slider */
#upgrade-balance[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:7px;border-radius:99px;padding:0;border:0;outline:0;background:linear-gradient(90deg,var(--lime) 0 var(--range-fill,0%),#343547 var(--range-fill,0%) 100%);cursor:pointer;box-shadow:0 0 0 1px #ffffff08}
#upgrade-balance[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e8ff9a;border:3px solid #a8c95a;box-shadow:0 0 0 4px #d9ff721b,0 0 14px #d9ff7255;transition:transform .15s ease}
#upgrade-balance[type=range]::-webkit-slider-thumb:hover{transform:scale(1.13)}
#upgrade-balance[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e8ff9a;border:3px solid #a8c95a;box-shadow:0 0 0 4px #d9ff721b,0 0 14px #d9ff7255}
.stake-range-values{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#85879c}.stake-range-values b{color:var(--lime);font-size:11px;font-variant-numeric:tabular-nums}
#wheel-win-ring{transition:stroke .2s ease;stroke-linecap:round}.chance-line b{font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;will-change:contents}

/* Account controls */
.account-user{display:flex;align-items:center;gap:9px;max-width:250px;padding:5px 8px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;background:rgba(255,255,255,.035)}
.account-user>img{width:34px;height:34px;object-fit:cover;border-radius:9px}
.account-user>span{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.account-user small{font-size:9px;font-weight:500;opacity:.6}
.account-user .button{padding:7px 9px;font-size:11px;white-space:nowrap}
@media(max-width:760px){.account-user{max-width:100%;}.account-user>span{max-width:110px}}

/* Server-side operation history */
.history-list{display:grid;gap:12px;max-width:1000px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.025)}.history-row p{margin:7px 0;color:var(--muted,#aaa);overflow-wrap:anywhere}.history-row small{opacity:.6}.history-row>strong{white-space:nowrap;font-size:.9rem}@media(max-width:650px){.history-row{align-items:flex-start;flex-direction:column;gap:8px}}

.battle-create{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.battle-create>div{display:flex;flex-direction:column;gap:7px;min-width:220px;flex:1}.battle-create label{font-size:10px;color:var(--muted)}.battle-select{background:#0c0d14;border:1px solid #3a3b4b;border-radius:4px;color:var(--text);padding:11px;font:inherit;font-size:11px}.battle-create .button{margin:0}.battle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.battle-card{background:#12131c;border:1px solid #343044;border-radius:6px;padding:16px;min-width:0}.battle-card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.battle-card h3{font-size:15px;margin:7px 0 14px}.battle-card h3 span{font-size:10px;color:var(--muted);font-weight:500}.battle-status{font-size:8px;letter-spacing:.08em;color:var(--lime);border:1px solid #48533a;border-radius:3px;padding:6px;white-space:nowrap}.battle-status.done{color:var(--purple);border-color:#51446e}.battle-players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-player{display:flex;gap:8px;align-items:center;min-width:0;background:#0c0d14;padding:10px;border-radius:4px}.battle-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #51446e;border-radius:50%;color:var(--purple);flex-shrink:0}.battle-player>div{min-width:0}.battle-player b,.battle-player small{display:block;overflow-wrap:anywhere}.battle-player b{font-size:10px}.battle-player small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.5}.battle-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.battle-actions .button{margin:0}.battle-actions small{font-size:9px;color:var(--muted)}.battle-result{font-size:10px;line-height:1.7;padding:10px;margin-top:10px;background:#1c1928;border-left:2px solid var(--lime);color:var(--muted)}.battle-result b{color:var(--lime)}@media(max-width:650px){.battle-list{grid-template-columns:1fr}.battle-card-top{flex-direction:column}.battle-players{grid-template-columns:1fr}}

/* Battle animation and winner reveal */
.battle-card{overflow:hidden;position:relative}.battle-card.battle-complete{animation:battle-card-in .55s cubic-bezier(.2,.8,.2,1) both;border-color:#9c85e7}.battle-result.battle-reveal{margin:14px 0;padding:16px;border:1px solid #7560a7;border-radius:7px;background:radial-gradient(ellipse at 50% 0%,#ad91ff25,transparent 75%),#15131f;text-align:center;animation:battle-result-in .8s cubic-bezier(.16,1,.3,1) both}.battle-cup{display:block;font-size:34px;margin-bottom:6px;animation:battle-cup-pop .7s .25s both}.battle-result>b{display:block;font-size:18px;color:var(--lime);letter-spacing:.04em}.battle-result>strong{display:block;margin-top:7px;color:#e0d7ff;font-size:11px}.battle-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.battle-drop{padding:10px;border:1px solid #343044;border-radius:5px;background:#0d0e15;display:flex;flex-direction:column;gap:6px;min-width:0}.battle-drop small{color:#9b9caf;overflow-wrap:anywhere}.battle-drop b{font-size:11px;overflow-wrap:anywhere}.battle-drop strong{color:var(--lime)}.battle-winner{border-color:#a6e85a;background:#b4f35b0a;box-shadow:0 0 22px #b4f35b10}.battle-winner .battle-avatar{color:var(--lime);animation:battle-cup-pop .7s both}@keyframes battle-card-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes battle-result-in{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes battle-cup-pop{0%{transform:scale(.35) rotate(-18deg);opacity:0}65%{transform:scale(1.2) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0)}}@media(max-width:560px){.battle-drops{grid-template-columns:1fr}}
.battle-spin-stage{margin:14px 0;padding:18px 12px;border:1px solid #625087;border-radius:7px;background:radial-gradient(ellipse at 50% 0%,#ad91ff20,transparent 70%),#0e0e17;text-align:center;overflow:hidden}.battle-spin-wheel{width:78px;height:78px;margin:0 auto 10px;padding:5px;border-radius:50%;background:conic-gradient(from 0deg,#b4f35b,#ad91ff,#292239,#b4f35b);animation:battle-wheel-spin 1.15s linear infinite;box-shadow:0 0 24px #ad91ff30}.battle-spin-wheel-inner{height:100%;border-radius:50%;display:grid;place-items:center;background:#14131f;border:2px solid #8b76b7;color:var(--lime);font-size:31px}.battle-spin-stage>b{display:block;color:var(--lime);font-size:12px;letter-spacing:.15em}.battle-spin-stage>span{display:block;margin-top:5px;color:#9b9caf;font-size:9px}.battle-spin-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.battle-spin-slot{min-width:0;padding:8px;background:#090a11;border:1px solid #343044;border-radius:4px;overflow:hidden}.battle-spin-slot small{display:block;color:#b7b3c9;font-size:9px;overflow-wrap:anywhere}.battle-spin-reel{height:35px;display:flex;justify-content:space-around;align-items:center;color:var(--lime);font-size:22px;animation:battle-reel-flash .18s linear infinite alternate}.battle-spin-reel span:nth-child(even){color:#ad91ff}@keyframes battle-wheel-spin{to{transform:rotate(360deg)}}@keyframes battle-reel-flash{from{transform:translateY(-2px);filter:blur(.2px)}to{transform:translateY(2px);filter:blur(1.2px)}}

/* v27: 50/50 battle wheel with a moving edge pointer; server-selected winner determines the final side. */
.battle-coin-wheel{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(90deg,#ad91ff 0 50%,#b4f35b 50% 100%);border:3px solid #e9e2ff;box-shadow:0 0 26px #ad91ff35,0 0 26px #b4f35b22;animation:none!important}
.battle-coin-wheel .battle-spin-wheel-inner{position:absolute;inset:19px;height:auto;border-radius:50%;z-index:2;background:#14131f;border:2px solid #e5dcff;display:flex;align-items:center;justify-content:center;gap:3px;font-size:20px;font-weight:900;color:#fff}
.battle-spin-wheel-inner small{font-size:10px;color:var(--lime)}
.battle-coin-side{position:absolute;top:50%;width:48%;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translateY(-50%);color:#15131d;text-shadow:0 1px #ffffff40;overflow:hidden}
.battle-coin-side small{font-size:7px;font-weight:900;letter-spacing:.06em}.battle-coin-side b{max-width:100%;font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.battle-coin-left{left:0}.battle-coin-right{right:0}
.battle-pointer-orbit{position:absolute;z-index:5;inset:0;border-radius:50%;transform:rotate(0deg);animation:battle-pointer-stop 6.2s cubic-bezier(.08,.7,.08,1) forwards;pointer-events:none}
.battle-edge-arrow{position:absolute;left:50%;top:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:16px solid #fff;filter:drop-shadow(0 1px 3px #000);transform:translate(-50%,-44px);transform-origin:50% calc(50% + 44px)}
@keyframes battle-pointer-stop{from{transform:rotate(0deg)}to{transform:rotate(calc(3600deg + var(--stop-angle)))}}

/* v28: server-backed player profile */
.profile-content{display:grid;gap:16px}.profile-hero{display:flex;align-items:center;gap:18px;padding:24px;background:radial-gradient(ellipse at 0 0,#ad91ff1d,transparent 55%),#12131c;border:1px solid #383348;border-radius:10px}.profile-avatar{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#ad91ff,#d9ff72);color:#17151f;font-size:35px;font-weight:900;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{min-width:0;flex:1}.profile-identity h2{margin:6px 0;font-size:clamp(20px,3vw,30px);overflow-wrap:anywhere}.profile-identity p{margin:0 0 7px;color:#d9ff72;font-size:12px}.profile-identity>small:last-child{color:var(--muted,#999)}.profile-wallet{display:flex;flex-direction:column;gap:8px;text-align:right}.profile-wallet small,.profile-stat small{font-size:9px;letter-spacing:.12em;color:var(--muted,#999)}.profile-wallet b{font-size:clamp(20px,3vw,30px);color:var(--lime);font-variant-numeric:tabular-nums}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-stat{padding:18px;border:1px solid #343044;border-radius:8px;background:#12131c;min-width:0}.profile-stat>b{display:block;margin:12px 0 6px;font-size:28px;font-variant-numeric:tabular-nums}.profile-stat>b i{font-style:normal;color:#a99acb;font-size:16px}.profile-stat span{font-size:10px;color:var(--muted,#999);line-height:1.5}.profile-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:14px}.profile-activity,.profile-quick{padding:18px;min-width:0}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-section-head h3,.profile-quick h3{margin:5px 0 0;font-size:17px}.profile-activity-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #ffffff0d}.profile-activity-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #51446e;border-radius:9px;color:var(--lime)}.profile-activity-row>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.profile-activity-row b{font-size:11px}.profile-activity-row small{font-size:10px;color:var(--muted,#999);overflow-wrap:anywhere}.profile-activity-row time{font-size:9px;color:#8b8c9d;white-space:nowrap}.profile-quick{display:flex;flex-direction:column;gap:10px}.profile-quick .button{margin:0}.profile-quick p{font-size:10px;color:var(--muted,#999);line-height:1.7}.profile-quick h3{margin-bottom:6px}@media(max-width:800px){.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-lower{grid-template-columns:1fr}}@media(max-width:560px){.profile-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.profile-avatar{width:58px;height:58px;flex-basis:58px}.profile-wallet{width:100%;text-align:left;padding-top:10px;border-top:1px solid #ffffff10}.profile-stat{padding:13px}.profile-stat>b{font-size:23px}.profile-section-head{align-items:flex-start;flex-direction:column}}

/* v29: case catalog controls and details */
.catalog-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.55fr) auto;align-items:end;gap:14px;margin:0 0 18px;padding:14px 16px}
.catalog-toolbar label{display:block;font-size:8px;letter-spacing:.13em;color:#9b9daf;font-weight:900;margin-bottom:7px}
.catalog-toolbar input,.catalog-select{width:100%;min-width:0;background:#0d0e15;border:1px solid #343547;border-radius:4px;color:#eee;padding:12px;font:inherit;font-size:11px;outline:none}
.catalog-toolbar input:focus,.catalog-select:focus{border-color:var(--purple)}
.catalog-count{display:flex;flex-direction:column;gap:4px;padding:0 6px 5px;white-space:nowrap}
.catalog-count b{font-size:24px;color:var(--lime)}.catalog-count small{font-size:7px;letter-spacing:.12em;color:#9698aa}
.case-details-trigger{width:100%;margin:0 0 12px;font-size:8px;padding:9px}
.case-details-modal{width:min(760px,100%)}.case-details-subtitle{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.case-details-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
.case-detail-item{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid color-mix(in srgb,var(--case-color) 25%,#2b2d3b);border-radius:5px;padding:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--case-color) 7%,#151620),#101117)}
.case-detail-art{width:78px;height:66px;flex-shrink:0}.case-detail-info{display:flex;flex-direction:column;gap:5px;min-width:0}.case-detail-info small{font-size:7px;letter-spacing:.13em;color:#9799ab}.case-detail-info b{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.case-detail-info span{font-size:9px;color:var(--lime)}.catalog-empty{grid-column:1/-1}
@media(max-width:650px){.catalog-toolbar{grid-template-columns:1fr 1fr;gap:10px;padding:11px}.catalog-search{grid-column:1/-1}.catalog-count{padding:0 2px 4px}.case-details-items{grid-template-columns:1fr}.case-detail-art{width:62px;height:58px}}

/* v30 — richer case inspector */
.case-details-modal{width:min(900px,100%);max-height:min(90vh,900px);overflow:auto;padding:24px}
.case-details-hero{--case-color:#ad91ff;position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 56px 24px 22px;margin:-2px -2px 16px;border:1px solid color-mix(in srgb,var(--case-color) 45%,#252735);border-radius:8px;background:radial-gradient(ellipse at 15% 40%,color-mix(in srgb,var(--case-color) 23%,transparent),transparent 58%),linear-gradient(120deg,#171823,#101117)}
.case-details-sigil{width:76px;height:76px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--case-color) 15%,#171823);border:1px solid color-mix(in srgb,var(--case-color) 55%,#252735);color:var(--case-color);font-size:40px;text-shadow:0 0 24px var(--case-color)}
.case-details-hero-copy h2{margin:7px 0;font-size:clamp(23px,4vw,35px)}.case-details-hero-copy .case-details-subtitle{margin:0}.case-details-price{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.case-details-price small,.case-details-price span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.case-details-price b{font-size:20px;color:var(--lime);white-space:nowrap}
.case-details-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.case-details-stats>div{padding:13px 14px;border:1px solid var(--line);border-radius:5px;background:#12131b;display:flex;flex-direction:column;gap:8px;min-width:0}.case-details-stats small{font-size:8px;letter-spacing:.1em;color:var(--muted)}.case-details-stats b{font-size:14px;overflow-wrap:anywhere}
.case-details-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:12px 0 14px}.case-details-toolbar>div{display:flex;flex-direction:column;gap:7px}.case-details-toolbar label{font-size:8px;letter-spacing:.12em;color:var(--muted)}.case-details-toolbar input,.case-details-toolbar select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:#11121a;color:var(--text)}
.case-details-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-detail-item{min-height:102px}.case-detail-art{display:grid;place-items:center;overflow:hidden}.case-detail-art img{width:100%;height:100%;object-fit:contain}.case-detail-info{flex:1}.case-detail-info small{line-height:1.4}.case-value-track{height:3px;width:min(100%,220px);background:#282a36;margin-top:3px;border-radius:9px;overflow:hidden}.case-value-track i{display:block;height:100%;background:var(--case-color);box-shadow:0 0 9px var(--case-color)}.case-details-note{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 16px}
@media(max-width:650px){.case-details-modal{padding:16px}.case-details-hero{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:18px 44px 18px 12px}.case-details-sigil{width:52px;height:52px;font-size:29px}.case-details-price{grid-column:2;align-items:flex-start}.case-details-price b{font-size:16px}.case-details-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.case-details-toolbar{grid-template-columns:1fr}.case-details-items{grid-template-columns:1fr}.case-detail-art{width:65px;height:58px}}

/* LootForge upgrade visual pass — CSS only; preserves v31 markup and behavior. */
:root{--bg:#17191a;--panel:#292c2d;--line:#45494a;--text:#f4f3ed;--muted:#a8aaa5;--purple:#ff9b35;--lime:#8ed6a3;--red:#e56c62}
body{background:radial-gradient(ellipse at 50% 20%,#555b5c 0,transparent 58%),linear-gradient(135deg,#1c1f20,#343839 55%,#1c1e1e);}
.top{background:#242728ed;border-bottom-color:#555a5a;padding-left:2%;padding-right:2%;}
.brand span,footer span{color:#ff9b35}
.nav-btn:hover,.nav-btn.active{background:#3a3d3d;border-color:#626767;color:#9fe0ad}
.page{max-width:1500px;padding:26px 2.2% 42px}
#page-upgrade .page-head{margin-bottom:14px}
#page-upgrade .page-head h1{font-size:clamp(27px,3vw,40px);margin:8px 0}
#page-upgrade .page-head em{color:#ff9b35}
#page-upgrade .page-head p{font-size:11px}
#page-upgrade .page-chip{border-color:#5b5e5e;color:#d5d7d1}
#page-upgrade .page-chip span{color:#9fe0ad}
.upgrade-layout{grid-template-columns:minmax(0,1.05fr) minmax(240px,.78fr) minmax(0,1.05fr);gap:12px;align-items:start}
#page-upgrade .panel{background:linear-gradient(145deg,#414545e8,#292c2ce8);border-color:#666b6b;border-radius:2px;padding:13px;box-shadow:0 8px 22px #0002}
#page-upgrade .panel-label{color:#d1d3cd;font-size:9px}
#page-upgrade .slot{background:linear-gradient(160deg,#656969,#414545);border:0;border-bottom:4px solid #ffad45;border-radius:0;min-height:220px;margin:10px 0;padding:14px;color:#f1f1eb}
#page-upgrade .slot img,#page-upgrade .slot .skin-fallback{width:min(100%,220px);height:135px;object-fit:contain}
#page-upgrade .slot strong{color:#f5f5ef}
#page-upgrade .button{border-radius:2px}
#page-upgrade .button.lime{background:#9bd7a8;border-color:#9bd7a8;color:#142117}
#page-upgrade .button:hover{border-color:#ffad45;color:#ffbd72}
#page-upgrade .button.lime:hover{color:#142117;background:#b4e9bd}
#page-upgrade .chance-line{padding:0 5px}
#page-upgrade .chance-line b{color:#ffad45}
#page-upgrade .upgrade-wheel{width:min(100%,230px)!important;height:auto!important;aspect-ratio:1;margin:18px auto 22px!important}
#page-upgrade .wheel-svg{width:100%;height:100%}
#page-upgrade .wheel-track-ring{stroke:#777c7b;stroke-width:5}
#page-upgrade .wheel-loss-ring{stroke:#333737;stroke-width:18}
#page-upgrade .wheel-win-ring{stroke:#ff9b18;stroke-width:18;filter:drop-shadow(0 0 5px #ff8b1a66)}
#page-upgrade .wheel-inner-ring{stroke:#555a59;stroke-width:2}
#page-upgrade .wheel-core{fill:#262929;stroke:#ff9b35;stroke-width:2}
#page-upgrade .wheel-hub{background:#272a29;border:2px solid #ff9b35;color:#ffad45;width:60px;height:60px;font-size:25px}
#page-upgrade .upgrade-pointer span{border-top-color:#ffad45;filter:drop-shadow(0 0 5px #ff9b35)}
#page-upgrade .upgrade-msg{color:#e0e1dc}
#page-upgrade .stake-controls,#page-upgrade .target-odds,#page-upgrade .target-range-panel{background:#303333;border-color:#565b5a;border-radius:2px}
#page-upgrade input[type=range]{accent-color:#9bd7a8}
#page-upgrade .odds-buttons button{background:#303333;border-color:#555a59;color:#d9dbd5;border-radius:2px}
#page-upgrade .odds-buttons button.active{background:#9bd7a8;color:#162219;border-color:#9bd7a8;box-shadow:none}
#page-upgrade .target-budget,#page-upgrade .target-range-panel>small{color:#d0d2cc}
#page-upgrade .target-range-head>b{color:#ffad45}
#page-upgrade .target-result,#page-upgrade .candidate{background:#393d3c;border-color:#555a59;border-radius:2px}
#page-upgrade .target-result:hover,#page-upgrade .candidate:hover{border-color:#9bd7a8;background:#424846}
#page-upgrade .candidate small,#page-upgrade .target-result strong{color:#a3e4b0}
#page-upgrade .search input{background:#292c2b;border-color:#555a59;border-radius:2px}
#page-upgrade .hint{color:#c0c3bd;font-size:10px}
@media(max-width:900px){.upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wheel-panel{grid-column:1/-1;grid-row:1}.upgrade-layout>.panel:first-child{grid-column:1}.upgrade-layout>.panel:nth-of-type(3){grid-column:2}}
@media(max-width:620px){.upgrade-layout{grid-template-columns:1fr}.upgrade-layout>.panel:first-child,.upgrade-layout>.panel:nth-of-type(3),.wheel-panel{grid-column:1;grid-row:auto}.page{padding:20px 12px 32px}#page-upgrade .slot{min-height:170px}}

/* v33: choose source and target skins directly from image cards; no pick dialog or plain text rows. */
#page-upgrade #choose{display:none!important}
.upgrade-picker-block{margin-top:13px;padding-top:11px;border-top:1px solid #565b5a}
.upgrade-picker-head{display:flex;flex-direction:column;gap:4px;margin:0 0 8px}
.upgrade-picker-head b{font-size:9px;letter-spacing:.1em;color:#ffad45}
.upgrade-picker-head small{font-size:8px;line-height:1.5;color:#c1c4bd}
.upgrade-source-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:390px;overflow:auto;padding:2px 3px 4px 0;align-content:start}
.skin-picker-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px;background:linear-gradient(145deg,#373b3a,#292d2c);border:1px solid #535957;border-radius:2px;color:#f4f5ef;text-align:left;transition:border-color .15s,background .15s,transform .15s}
.skin-picker-card:hover{border-color:#ffad45;background:#414644;transform:translateY(-1px)}
.skin-picker-card.selected{border-color:#9bd7a8;background:linear-gradient(145deg,#33453b,#292f2c);box-shadow:inset 0 0 0 1px #9bd7a822}
.picker-art{height:70px;width:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#ffffff0b,transparent 74%)}
.picker-art img,.picker-art .skin-fallback{width:100%;height:68px;object-fit:contain}
.picker-art .skin-fallback span{font-size:25px}
.picker-art .skin-fallback small{font-size:5px}
.picker-name{font-size:8px;line-height:1.35;min-height:31px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#eeefe9}
.skin-picker-card strong{font-size:9px;color:#a8e4b5;white-space:nowrap}
.skin-picker-card i{font-style:normal;font-weight:900;font-size:7px;letter-spacing:.04em;color:#b4b7af;border-top:1px solid #ffffff10;padding-top:5px}
.skin-picker-card.selected i{color:#a8e4b5}
.picker-empty{grid-column:1/-1;padding:22px 10px;text-align:center;border:1px dashed #59605d;color:#c0c3bc;font-size:9px;line-height:1.6}
#page-upgrade .target-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:320px;overflow:auto;margin-top:8px}
#page-upgrade .target-result{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px;background:#393d3c;border:1px solid #555a59;border-radius:2px;min-width:0;margin:0;text-align:left}
#page-upgrade .target-result img,#page-upgrade .target-result .skin-fallback{width:100%;height:70px;object-fit:contain;grid-row:auto;flex-shrink:0}
#page-upgrade .target-result .market-name{font-size:8px;line-height:1.35;min-height:30px;overflow-wrap:anywhere}
#page-upgrade .target-result .market-price{font-size:9px;color:#a8e4b5}
#page-upgrade .target-result .button{grid-column:auto;width:100%;padding:7px 4px;font-size:7px;margin:2px 0 0}
#page-upgrade .target-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:390px;overflow:auto;padding:2px 3px 3px 0;align-content:start}
#page-upgrade .candidate{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;width:100%;padding:7px;background:linear-gradient(145deg,#3d4140,#303433);border:1px solid #555b58;border-radius:2px;text-align:left;transition:background .15s,border-color .15s,transform .15s}
#page-upgrade .candidate:hover{background:#454b48;border-color:#ffad45;transform:translateY(-1px)}
#page-upgrade .candidate.selected{border-color:#9bd7a8;background:linear-gradient(145deg,#33453b,#2b302e);box-shadow:inset 0 0 0 1px #9bd7a822}
.candidate-art{width:100%;height:74px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#ffffff0b,transparent 74%)}
#page-upgrade .candidate-art img,#page-upgrade .candidate-art .skin-fallback{width:100%;height:72px;object-fit:contain;flex-shrink:0}
#page-upgrade .candidate-art .skin-fallback span{font-size:25px}
#page-upgrade .candidate-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font-size:8px;line-height:1.35;overflow-wrap:anywhere;color:#f1f2ec}
#page-upgrade .candidate strong{color:#a8e4b5;font-size:9px;white-space:nowrap}
#page-upgrade .candidate small{color:#b9bcb5;font-size:7px;letter-spacing:.04em;border-top:1px solid #ffffff10;padding-top:5px}
#page-upgrade .candidate.selected small{color:#a8e4b5}
.resolved-skin-image{object-fit:contain;max-width:100%;max-height:100%}
.skin-fallback[data-image-failed="1"]{opacity:.75}
@media(max-width:1050px){.upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.upgrade-layout>.wheel-panel{grid-column:1/-1;grid-row:1}.upgrade-source-picker{grid-template-columns:repeat(3,minmax(0,1fr))}#page-upgrade .target-candidates,#page-upgrade .target-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.upgrade-layout{grid-template-columns:minmax(0,1fr)}.upgrade-layout>.panel:first-child,.upgrade-layout>.panel:nth-of-type(3),.upgrade-layout>.wheel-panel{grid-column:1;grid-row:auto}.upgrade-source-picker{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}#page-upgrade .target-candidates,#page-upgrade .target-results{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-art{height:62px}.picker-art img,.picker-art .skin-fallback{height:60px}}


/* v34: source selection as up to six skin tiles, sorted inventory, centered chance, bottom-up chance branches. */
#page-upgrade .upgrade-picker-head{display:flex;flex-direction:column;gap:6px;margin-bottom:9px}
#page-upgrade .upgrade-picker-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
#page-upgrade .upgrade-picker-title>b{font-size:9px;letter-spacing:.1em;color:#ffad45}
#page-upgrade .source-sort{border:1px solid #535a56;background:#272d2a;color:#d5dfd6;border-radius:3px;padding:6px 9px;font-size:8px;font-weight:900;white-space:nowrap}
#page-upgrade .source-sort:hover{border-color:#ffad45;color:#ffbd60}
#page-upgrade #source{display:block;min-height:205px;height:auto;max-height:none;overflow:visible;padding:10px;margin:13px 0;border:1px solid #555b58;border-bottom:4px solid #ffad45;border-radius:2px;background:linear-gradient(145deg,#4a4f4d,#383d3b);color:#c9cec8;text-align:left}
#page-upgrade #source.empty-slot{display:grid;place-items:center;text-align:center;color:#b3bab4}
#page-upgrade .source-grid{display:grid;width:100%;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#page-upgrade .source-grid.one-item{grid-template-columns:minmax(0,1fr)}
#page-upgrade .source-square{position:relative;display:flex;flex-direction:column;min-width:0;gap:5px;padding:6px;background:linear-gradient(145deg,#333837,#292e2c);border:1px solid #5a605d;border-radius:2px;overflow:hidden}
#page-upgrade .source-grid.one-item .source-square{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:5px;min-height:165px;padding:8px 35px}
#page-upgrade .source-square-art{display:grid;place-items:center;height:74px;width:100%;overflow:hidden;background:radial-gradient(ellipse,#ffffff10,transparent 75%)}
#page-upgrade .source-grid.one-item .source-square-art{height:115px;max-width:280px}
#page-upgrade .source-square-art img,#page-upgrade .source-square-art .skin-fallback{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#page-upgrade .source-square-name{width:100%;font-size:8px;line-height:1.35;min-height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#f3f3ed}
#page-upgrade .source-square strong{font-size:10px;color:#a8e4b5;white-space:nowrap}
#page-upgrade .source-remove{position:absolute;top:4px;right:4px;z-index:2;width:22px;height:22px;border:1px solid #6e4c4d;background:#261b1d;color:#ffb0b0;border-radius:2px;font-size:16px;line-height:1}
#page-upgrade .source-remove:hover{background:#5a262b;border-color:#ff7179}
#page-upgrade .source-total{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #ffffff20;font-weight:900;font-size:10px;color:#f2f2eb}
#page-upgrade .source-total span{color:#c1c9c0;font-size:8px}
#page-upgrade .source-stack,#page-upgrade .source-chip{display:none!important}
#page-upgrade .chance-line{display:none!important}
#page-upgrade .upgrade-wheel{width:min(100%,250px)!important;height:auto!important;aspect-ratio:1;margin:20px auto 18px!important;padding:0!important;overflow:visible!important}
#page-upgrade .wheel-disc{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#page-upgrade .wheel-svg{width:100%;height:100%;overflow:visible}
#page-upgrade .wheel-track-ring{fill:none;stroke:#393e3c;stroke-width:18}
#page-upgrade .wheel-loss-ring{fill:none;stroke:#303533;stroke-width:18;opacity:1}
#page-upgrade .wheel-win-branch{fill:none;stroke:#ff9b18;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 329.87;filter:drop-shadow(0 0 5px #ff8b1a66);transition:stroke-dasharray .12s linear}
#page-upgrade .wheel-inner-ring{fill:none;stroke:#4a4f4d;stroke-width:1.5}
#page-upgrade .wheel-core{fill:#252a28;stroke:#ff9b35;stroke-width:2}
#page-upgrade .wheel-hub{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;width:78px!important;height:78px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,#414643,#252a28 72%)!important;border:2px solid #ff9b35!important;box-shadow:0 0 0 6px #202523,0 0 23px #ff9b3524!important;color:#fff!important;z-index:4!important}
#page-upgrade #chance-center{font-size:24px;line-height:1;font-weight:950;color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 12px #ff9b3530}
#page-upgrade .wheel-inner-ring,#page-upgrade .wheel-track-ring,#page-upgrade .wheel-loss-ring,#page-upgrade .wheel-win-branch{pointer-events:none}
#page-upgrade .wheel-disc:before,#page-upgrade .wheel-disc:after{display:none!important;content:none!important}
#page-upgrade .skin-art-image{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}
#page-upgrade #target>.skin-art-image{height:126px;width:min(100%,280px);object-fit:contain}
#page-upgrade .candidate-art .skin-art-image,#page-upgrade .picker-art .skin-art-image{width:100%;height:100%;max-height:100%;object-fit:contain}
@media(max-width:900px){#page-upgrade .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#page-upgrade .source-grid.one-item{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){#page-upgrade #source{min-height:180px}#page-upgrade .source-square-art{height:62px}#page-upgrade .source-grid.one-item .source-square-art{height:100px}#page-upgrade .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#page-upgrade .source-square-name{font-size:7px}}

/* Upgrade catalogue categories: browse real CS2 knives and gloves as well as price-matched targets. */
#page-upgrade .catalog-price-disclaimer{color:#a0a59f;font-size:8px;margin-top:0}


/* v37: single combined upgrade catalogue with editable price bounds and one-button sorting. */
#page-upgrade .target-price-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:7px;margin:9px 0 6px;padding:9px;background:#292e2c;border:1px solid #4a514d;border-radius:2px}
#page-upgrade .target-price-controls label{display:grid;gap:5px;min-width:0;font-size:8px;font-weight:850;letter-spacing:.07em;color:#c7cec8}
#page-upgrade .target-price-controls input{box-sizing:border-box;width:100%;min-width:0;height:31px;padding:6px 8px;background:#191d1b;border:1px solid #515a55;border-radius:2px;color:#f1f3ee;font-size:11px;font-weight:800;outline:none}
#page-upgrade .target-price-controls input:focus{border-color:#9bd7a8;box-shadow:0 0 0 2px #9bd7a822}
#page-upgrade .target-price-controls input::placeholder{color:#7e8982;font-weight:500}
#page-upgrade #target-sort{height:31px;align-self:end}
#page-upgrade #target-range-note{display:block;margin:8px 0;line-height:1.55}
@media(max-width:480px){#page-upgrade .target-price-controls{grid-template-columns:1fr 1fr}#page-upgrade #target-sort{grid-column:1/-1;width:100%;height:34px}}

/* v38 — premium LootForge case room */
#page-cases{max-width:1560px;padding-top:30px}
#page-cases .page-head{margin-bottom:22px}
#page-cases .page-head h1{font-size:clamp(35px,4.5vw,58px);letter-spacing:-.065em}
#page-cases .page-head em{color:#ff9b35;text-shadow:0 0 25px #ff9b3522}
#page-cases .page-chip{border-color:#4f5149;background:#232625;color:#bdbfb6}
#page-cases .page-chip span{color:#9fe0ad}
.case-featured{--case-color:#ff9b35;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:16px;position:relative;isolation:isolate;overflow:hidden;min-height:355px;margin:0 0 42px;padding:0;border:1px solid #4b4d47;border-radius:12px;background:radial-gradient(ellipse at 92% 45%,#e98b2723,transparent 38%),linear-gradient(115deg,#252827 0%,#1c1f20 49%,#151817 100%);box-shadow:0 25px 80px #0005}
.case-featured:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:linear-gradient(115deg,transparent 0 56%,#f5a04411 56% 57%,transparent 57% 60%,#fff1 60% 60.2%,transparent 60.2%)}
.case-featured-copy{padding:clamp(23px,3.3vw,43px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;z-index:1}
.case-featured-kicker{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-bottom:30px;font-size:8px;letter-spacing:.17em;font-weight:900;color:#9fa39b}
.case-featured-kicker span:first-child{display:flex;align-items:center;gap:7px;color:#d7d9d0}.case-featured-kicker i,.case-live-count span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9fe0ad;box-shadow:0 0 12px #9fe0ad}
.case-featured-copy>.eyebrow{color:#ffad57;letter-spacing:.2em}
.case-featured-copy h2{font-size:clamp(26px,3.3vw,45px);line-height:.98;letter-spacing:-.065em;margin:13px 0 13px;max-width:560px}
.case-featured-copy h2 em{font-style:normal;color:#ff9b35;text-shadow:0 0 25px #ff9b3522}
.case-featured-copy>p{max-width:480px;font-size:11px;line-height:1.8;color:#aeb1a9;margin:0}
.case-featured-metrics{display:flex;gap:clamp(18px,3vw,35px);margin:24px 0 21px}
.case-featured-metrics>div{display:flex;flex-direction:column;gap:6px;padding-right:20px;border-right:1px solid #41443d}.case-featured-metrics>div:last-child{border:0;padding-right:0}
.case-featured-metrics b{font-size:18px;letter-spacing:-.04em;color:#f2f2e9}.case-featured-metrics small{font-size:7px;letter-spacing:.12em;color:#92968e}
.case-featured-actions{display:flex;flex-wrap:wrap;gap:8px}.case-featured-actions .button{margin:0;border-radius:5px;min-height:42px}.case-featured-actions .button.lime{background:#ff9b35;border-color:#ff9b35;color:#171817}.case-featured-actions .button.lime:hover{background:#ffb45e}.case-featured-actions .button strong{font-size:11px;margin-left:4px}.case-featured-actions .button:not(.lime){border-color:#4b4f49;color:#d7d8d1}
.case-featured-foot{width:100%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:22px;margin-top:24px;border-top:1px solid #3b3e38;color:#747970;font-size:7px;letter-spacing:.14em}
.case-featured-art-wrap{position:relative;isolation:isolate;min-height:355px;overflow:hidden;background:radial-gradient(ellipse at 52% 50%,#ffad4530,transparent 49%)}
.case-featured-beam{position:absolute;inset:-30% 8%;background:conic-gradient(from 210deg at 50% 50%,transparent 0 25%,#ffaa3920 29%,transparent 34% 57%,#fff1 58%,transparent 65%);filter:blur(2px);animation:case-beam-turn 18s linear infinite}
.case-featured-grid{position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 74%);opacity:.35}
.case-featured-art{position:absolute;inset:0;display:grid;place-items:center}
.case-featured-art .case-artwork{width:100%;height:100%;min-height:355px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.case-featured-art .case-art-meta,.case-featured-art .case-art-bottomline,.case-featured-art .case-art-sticker{display:none}
.case-featured-art .case-crate-illustration{width:174px;height:194px;bottom:78px}
.case-featured-art .case-crate-top{height:42px;left:9px;right:8px}
.case-featured-art .case-crate-front{top:31px;left:2px;right:0;height:137px}
.case-featured-art .case-crate-side{top:37px;height:130px;width:28px;right:-19px}
.case-featured-art .case-crate-emblem{width:62px;height:65px;top:26px}.case-featured-art .case-crate-emblem b{font-size:33px}
.case-featured-art .case-float-skin{width:36%;height:130px;top:31%;opacity:.91}
.case-featured-art .float-left{left:1%;transform:rotate(-14deg) translateY(8px)}.case-featured-art .float-right{right:0;transform:rotate(13deg) translateY(-5px)}
.case-featured-art .case-art-halo.halo-one{width:300px;height:300px;left:calc(50% - 150px);top:calc(50% - 162px);border-color:#ffb1545c}
.case-featured-art .case-art-halo.halo-two{width:370px;height:370px;left:calc(50% - 185px);top:calc(50% - 197px);border-color:#ffffff18}
.case-featured-float-tag{position:absolute;bottom:23px;right:25px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;padding:11px 13px;border:1px solid #55564c;background:#1b1e1cdd;backdrop-filter:blur(10px);border-radius:5px;box-shadow:0 10px 35px #0005;z-index:3}
.case-featured-float-tag span,.case-featured-float-tag small{font-size:7px;color:#a8aaa0;letter-spacing:.14em}.case-featured-float-tag b{font-size:12px;color:#ffb45e;letter-spacing:.08em}.case-featured-spark{position:absolute;color:#ffb25a;text-shadow:0 0 16px #ff9b35;z-index:2}.spark-a{top:17%;left:17%;font-size:24px;animation:case-spark 3s ease-in-out infinite}.spark-b{right:15%;top:25%;font-size:17px;animation:case-spark 3.7s ease-in-out infinite reverse}
.case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 17px}.case-section-heading h2{font-size:clamp(22px,3vw,31px);letter-spacing:-.055em;margin:7px 0 5px}.case-section-heading h2 em{font-style:normal;color:#ff9b35}.case-section-heading p{margin:0;color:#9da098;font-size:10px}.case-live-count{display:flex;align-items:center;gap:8px;color:#9da098;font-size:8px;letter-spacing:.13em;white-space:nowrap}.case-live-count b{color:#f4f4e9;font-size:18px;letter-spacing:0}
#page-cases .catalog-toolbar{grid-template-columns:minmax(220px,1fr) minmax(180px,.48fr) auto;margin-bottom:15px;padding:12px 14px;border-radius:7px;background:#242726;border-color:#41443e}
#page-cases .catalog-toolbar input,#page-cases .catalog-select{background:#171a19;border-color:#444740;border-radius:5px;color:#f2f3eb;padding:12px}
#page-cases .catalog-toolbar input:focus,#page-cases .catalog-select:focus{border-color:#ff9b35;box-shadow:0 0 0 3px #ff9b3518}
#page-cases .catalog-toolbar label{color:#a7aaa1}
#page-cases .catalog-count b{color:#ff9b35}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.case.case-card-lf{padding:0;overflow:hidden;min-width:0;position:relative;border-radius:10px;border-color:#41443e;background:linear-gradient(155deg,#292c2b 0%,#202322 44%,#191c1b 100%);box-shadow:0 12px 34px #0003;transition:transform .24s,border-color .24s,box-shadow .24s}
.case.case-card-lf:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--case-color) 70%,#777);box-shadow:0 18px 42px #0006,0 0 0 1px color-mix(in srgb,var(--case-color) 16%,transparent)}
.case-artwork{--case-color:#ff9b35;position:relative;isolation:isolate;height:226px;overflow:hidden;border:0;border-radius:0;margin:0;background:radial-gradient(ellipse at 50% 57%,color-mix(in srgb,var(--case-color) 26%,transparent),transparent 55%),linear-gradient(150deg,#292d2b,#191c1b 75%);box-shadow:inset 0 -1px #ffffff0e}
.case-artwork:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0000 55%,#151817a8 100%)}
.case-art-glow{position:absolute;inset:15% 12%;border-radius:50%;background:var(--case-color);filter:blur(55px);opacity:.15;z-index:-1}
.case-art-gridlines{position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;opacity:.26;mask-image:linear-gradient(180deg,#000,transparent)}
.case-art-halo{position:absolute;border:1px solid color-mix(in srgb,var(--case-color) 50%,transparent);border-radius:50%;left:calc(50% - 112px);top:calc(50% - 93px);width:224px;height:224px;transform:rotateX(62deg) rotateZ(-28deg);box-shadow:0 0 27px color-mix(in srgb,var(--case-color) 12%,transparent)}
.case-art-halo.halo-two{left:calc(50% - 142px);top:calc(50% - 105px);width:284px;height:284px;opacity:.45;transform:rotateX(62deg) rotateZ(19deg)}
.case-art-scanline{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,var(--case-color),transparent);opacity:.55;animation:case-scan 5.5s linear infinite;z-index:2}
.case-art-meta{position:absolute;top:13px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px;color:#9da29a;font-size:7px;letter-spacing:.14em;z-index:4}.case-art-meta b{color:color-mix(in srgb,var(--case-color) 85%,white);font-size:7px;white-space:nowrap}.case-art-meta i{font-style:normal;color:#696f66}
.case-float-skin{position:absolute;z-index:1;width:34%;height:99px;top:35%;display:grid;place-items:center;opacity:.8;filter:drop-shadow(0 16px 12px #0009);transition:transform .35s,opacity .35s}.case-float-skin img,.case-float-skin .skin-fallback{width:100%;height:100%;object-fit:contain}.case-float-skin .skin-fallback{background:transparent}.case-float-skin .skin-fallback span{font-size:35px;color:var(--case-color)}.case-float-skin .skin-fallback small{display:none}.case-float-skin.float-left{left:1%;transform:translateY(10px) rotate(-15deg)}.case-float-skin.float-right{right:0;transform:translateY(-8px) rotate(14deg)}
.case-crate-illustration{position:absolute;width:127px;height:146px;left:50%;bottom:28px;transform:translateX(-50%) rotateY(-9deg) rotateZ(-3deg);perspective:550px;z-index:2;filter:drop-shadow(0 19px 15px #0009);transition:transform .4s}
.case-card-lf:hover .case-crate-illustration{transform:translateX(-50%) translateY(-6px) rotateY(-15deg) rotateZ(-2deg) scale(1.045)}
.case-crate-shadow{position:absolute;width:130%;height:20px;bottom:-7px;left:-15%;border-radius:50%;background:#0009;filter:blur(9px)}
.case-crate-top{position:absolute;top:0;left:9px;right:9px;height:31px;background:linear-gradient(120deg,color-mix(in srgb,var(--case-color) 68%,#222),#282d2a 58%,color-mix(in srgb,var(--case-color) 48%,#111));border:1px solid color-mix(in srgb,var(--case-color) 70%,#888);clip-path:polygon(0 42%,77% 0,100% 27%,24% 100%);box-shadow:inset 0 0 0 4px #ffffff0b}
.case-crate-top span{position:absolute;left:15%;right:20%;top:47%;height:1px;background:#fff8;transform:rotate(-22deg)}.case-crate-top i{position:absolute;left:45%;top:26%;width:20px;height:4px;background:var(--case-color);box-shadow:0 0 12px var(--case-color);transform:rotate(-22deg)}
.case-crate-front{position:absolute;top:24px;left:1px;right:8px;height:111px;border:1px solid color-mix(in srgb,var(--case-color) 75%,#4c5048);background:linear-gradient(110deg,#373c38 0%,#232825 42%,#161a18 100%);box-shadow:inset 0 0 0 4px #ffffff07,inset 0 -17px 30px #0005;overflow:hidden}
.case-crate-front:before{content:"";position:absolute;inset:7px;border:1px solid #ffffff16;pointer-events:none}.case-crate-front:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--case-color);box-shadow:0 0 14px var(--case-color)}
.case-crate-side{position:absolute;right:-9px;top:30px;width:18px;height:104px;background:linear-gradient(90deg,#292d2b,#111412);border:1px solid #545a51;transform:skewY(-25deg)}
.case-crate-stripe{position:absolute;top:0;bottom:0;width:7px;background:color-mix(in srgb,var(--case-color) 60%,#3b3f3b);opacity:.65}.stripe-left{left:13px}.stripe-right{right:13px}
.case-crate-emblem{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:49px;height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-color) 22%,#242825),#1b1f1d 75%);border:1px solid color-mix(in srgb,var(--case-color) 60%,#6a6f64);box-shadow:0 0 25px color-mix(in srgb,var(--case-color) 15%,transparent)}.case-crate-emblem b{font-size:25px;line-height:1;color:var(--case-color);text-shadow:0 0 12px var(--case-color)}.case-crate-emblem small{font-size:5px;line-height:1.1;letter-spacing:.18em;text-align:center;color:#e5e8de;font-weight:900}
.case-crate-number{position:absolute;bottom:6px;right:8px;color:#828a80;font-size:7px;letter-spacing:.18em}.case-crate-lock{position:absolute;bottom:2px;left:calc(50% - 7px);width:14px;height:17px;border:1px solid color-mix(in srgb,var(--case-color) 70%,#999);background:linear-gradient(130deg,#697166,#252a27);box-shadow:0 0 10px #0008}.case-art-bottomline{position:absolute;left:14px;right:14px;bottom:11px;display:flex;justify-content:space-between;gap:8px;z-index:4;color:#757d73;font-size:6px;letter-spacing:.14em}.case-art-bottomline b{font-size:7px;color:#b0b5aa;text-align:right}
.case-art-sticker{position:absolute;right:12px;top:44px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--case-color) 56%,#3e453c);background:#1b1e1bdc;backdrop-filter:blur(6px);border-radius:3px;color:var(--case-color);font-size:6px;font-weight:950;letter-spacing:.08em;z-index:5}.case-card-content{padding:14px 15px 13px}.case-card-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.case-card-title-line>div{min-width:0}.case-series-label{color:#8a9085;font-size:7px;font-weight:900;letter-spacing:.14em}.case-card-lf h3{font-size:18px;line-height:1.2;letter-spacing:-.035em;margin:5px 0 0;color:#f5f5ec}.case-tier-pill{flex-shrink:0;padding:5px 7px;border:1px solid #4b5146;background:#272b27;border-radius:3px;color:#c6cabe;font-size:6px;font-weight:950;letter-spacing:.1em}.tier-mythic{color:#ffba69;border-color:#875f35;background:#37281c}.tier-elite{color:#adbeff;border-color:#555d89;background:#23283a}.tier-rare{color:#91dbb0;border-color:#47775c;background:#1e3027}
.case-card-lf .case-description{font-size:9px;margin:6px 0 13px;color:#989e94}.case-description span{color:#5e665c;margin:0 4px}
.case-prize-strip{padding:10px 0 12px;border-top:1px solid #3a3e38;border-bottom:1px solid #3a3e38}.case-prize-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.case-prize-label span{font-size:7px;font-weight:950;letter-spacing:.1em;color:#ced0c5}.case-prize-label small{font-size:6px;letter-spacing:.1em;color:#777e73}.case-prize-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.case-prize-thumb{position:relative;min-width:0;height:61px;border:1px solid #3b4039;border-radius:4px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--case-color) 13%,#282c28),#1a1d1b 75%);display:grid;place-items:center;overflow:hidden}.case-prize-thumb img,.case-prize-thumb .skin-fallback{width:100%;height:46px;object-fit:contain}.case-prize-thumb .skin-fallback{background:transparent}.case-prize-thumb .skin-fallback span{font-size:22px;color:var(--case-color)}.case-prize-thumb .skin-fallback small{display:none}.case-prize-thumb>span{position:absolute;left:4px;right:4px;bottom:3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:850;color:#aee0b5}
.case-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 12px}.case-price-block{display:flex;flex-direction:column;gap:5px}.case-price-block small{font-size:6px;letter-spacing:.15em;color:#8a9085}.case-price-block strong{font-size:21px;line-height:1;color:#fbfcf2;letter-spacing:-.05em}.case-open-card{margin:0!important;padding:12px 15px!important;min-width:117px;justify-content:space-between;border-radius:4px!important;background:#ff9b35!important;border-color:#ff9b35!important;color:#141714!important;font-size:8px!important;letter-spacing:.09em!important;box-shadow:0 5px 18px #ff9b3514}.case-open-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff9b3533}.case-open-card span{font-size:13px}
.case-details-trigger{display:flex;align-items:center;gap:8px;width:100%;margin:0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid #363a34!important;border-radius:0!important;background:transparent!important;color:#92998e!important;text-align:left;justify-content:flex-start;font-size:8px!important;letter-spacing:.04em}.case-details-trigger>span:first-child{font-size:12px;color:var(--case-color)}.case-details-trigger b{font-size:7px;color:#c1c7bb;background:#353a34;border-radius:3px;padding:3px 5px}.case-details-trigger .case-details-arrow{margin-left:auto;font-size:12px;color:#b9beb3}.case-details-trigger:hover{color:#ffb45e!important}
.case-details-modal{background:linear-gradient(145deg,#272a29,#191c1b);border-color:#575a51;box-shadow:0 30px 100px #000c}.case-details-hero{border-radius:8px;background:radial-gradient(ellipse at 15% 40%,color-mix(in srgb,var(--case-color) 23%,transparent),transparent 58%),linear-gradient(120deg,#2e322f,#191c1b);border-color:color-mix(in srgb,var(--case-color) 45%,#4b5048)}.case-details-sigil{border-radius:10px;background:color-mix(in srgb,var(--case-color) 15%,#202421);border-color:color-mix(in srgb,var(--case-color) 55%,#454a42)}.case-detail-item{background:linear-gradient(135deg,color-mix(in srgb,var(--case-color) 8%,#252927),#191c1b);border-color:color-mix(in srgb,var(--case-color) 25%,#393e37);border-radius:6px}.case-detail-info span{color:#a7e4b6}.case-details-note{color:#a0a69b}.case-details-modal .button.lime{background:#ff9b35;border-color:#ff9b35;color:#171817}
.case-modal{width:min(900px,100%);padding:28px;background:radial-gradient(ellipse at 50% 0%,#ff9b3518,transparent 42%),linear-gradient(145deg,#292c2b,#191c1b);border-color:#5b5f55;box-shadow:0 35px 120px #000e}.case-modal h2{font-size:clamp(23px,4vw,34px);letter-spacing:-.05em;margin:10px 0 19px}.case-modal>.eyebrow{color:#ffad57}.case-modal .roulette{height:178px;background:#141715;border-color:#50554a;box-shadow:inset 0 0 35px #0008}.case-modal .multi-reel-lane{background:linear-gradient(90deg,#151816,#202420,#151816);border-color:#4b5147;border-radius:6px}.case-modal .multi-reel-lane .reel-item{background:linear-gradient(#2a2e2a,#191c1a);border-color:#3c423a}.case-modal .result-message{color:#c7cbc0}.case-modal .case-open-options{background:#1b1f1d;border-color:#444a41;border-radius:6px}.case-modal .case-open-options select{background:#252a26;border-color:#535a4e;color:#ffad57}.case-modal .case-modal-actions .button.lime{background:#ff9b35;border-color:#ff9b35;color:#171817}.case-modal .won-card{border-color:#61926f;background:linear-gradient(100deg,#1e3025,#171c19)}.case-modal .won-card strong{color:#a3e5b3}
@keyframes case-scan{0%{transform:translateY(0)}100%{transform:translateY(226px)}}@keyframes case-beam-turn{to{transform:rotate(360deg)}}@keyframes case-spark{0%,100%{opacity:.55;transform:scale(.85) translateY(2px)}50%{opacity:1;transform:scale(1.1) translateY(-4px)}}
@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-featured{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.case-featured-copy{padding:24px}.case-featured-art-wrap{min-height:330px}.case-featured-art .case-artwork{min-height:330px}.case-featured-art .case-crate-illustration{transform:translateX(-50%) scale(.88) rotateY(-9deg) rotateZ(-3deg)}}
@media(max-width:650px){#page-cases{padding-top:22px}.case-featured{grid-template-columns:1fr;gap:0;margin-bottom:31px}.case-featured-copy{padding:24px 20px 18px}.case-featured-kicker{margin-bottom:21px}.case-featured-copy h2{font-size:30px}.case-featured-copy>p{font-size:10px}.case-featured-metrics{gap:16px;margin:19px 0}.case-featured-metrics>div{padding-right:13px}.case-featured-metrics b{font-size:16px}.case-featured-metrics small{font-size:6px}.case-featured-foot{margin-top:19px;padding-top:15px;font-size:6px}.case-featured-art-wrap{min-height:260px;grid-row:1}.case-featured-art .case-artwork{min-height:260px}.case-featured-art .case-crate-illustration{bottom:37px;transform:translateX(-50%) scale(.8) rotateY(-9deg) rotateZ(-3deg)}.case-featured-art .case-float-skin{height:97px;top:28%}.case-featured-art .case-art-halo.halo-one{width:220px;height:220px;left:calc(50% - 110px);top:calc(50% - 130px)}.case-featured-art .case-art-halo.halo-two{width:270px;height:270px;left:calc(50% - 135px);top:calc(50% - 150px)}.case-featured-float-tag{right:12px;bottom:11px;padding:8px}.case-featured-float-tag b{font-size:9px}.case-featured-float-tag span,.case-featured-float-tag small{font-size:6px}.case-featured-spark.spark-a{top:14%;left:14%}.case-featured-spark.spark-b{right:10%;top:18%}.case-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.case-section-heading h2{font-size:25px}.case-section-heading p{font-size:9px}.case-live-count{align-self:flex-end;margin-top:-2px}#page-cases .catalog-toolbar{grid-template-columns:1fr 1fr;padding:10px}.case-grid{grid-template-columns:1fr;gap:13px}.case-artwork{height:245px}.case-card-content{padding:13px}.case-card-lf h3{font-size:19px}.case-prize-thumb{height:68px}.case-prize-thumb img,.case-prize-thumb .skin-fallback{height:52px}.case-crate-illustration{transform:translateX(-50%) scale(1.05) rotateY(-9deg) rotateZ(-3deg)}.case-modal{padding:18px}.case-modal .roulette{height:150px}.case-modal .case-open-options{align-items:flex-start}.case-modal .result-message{font-size:10px}}
@media(prefers-reduced-motion:reduce){.case-art-scanline,.case-featured-beam,.case-featured-spark{animation:none!important}.case-card-lf,.case-crate-illustration{transition:none!important}}
.case-float-skin.float-back{left:33%;top:19%;width:34%;height:72px;opacity:.48;transform:translateY(-8px) rotate(3deg);filter:blur(.25px) drop-shadow(0 8px 8px #0007)}
.case-featured-art .case-float-skin.float-back{top:15%;height:105px;width:33%;opacity:.6}

/* v39 — full-screen case inspector and rarity-coloured square drop cards */
[hidden]{display:none!important}
#case-catalog-view,#case-inside-view{min-width:0}
.case-price-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #ff9b35;background:linear-gradient(115deg,#ffb557,#ff8d31);color:#181911;border-radius:5px;padding:13px 16px;font-size:9px;font-weight:950;letter-spacing:.09em;text-align:left;box-shadow:0 8px 24px #ff9b351c;transition:transform .16s,box-shadow .16s,filter .16s}
.case-price-action strong{font-size:17px;letter-spacing:-.04em;white-space:nowrap}
.case-price-action i{font-style:normal;font-size:15px;margin-left:8px}
.case-price-action:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff9b3533;filter:brightness(1.05)}
.case-featured-actions .case-price-action{min-width:244px}
.case-card-footer{padding:14px 0 2px}
.case-card-footer .case-open-card{width:100%;margin:0!important;min-width:0;gap:12px;padding:13px 15px!important}
.case-card-footer .case-open-card>span{font-size:8px;letter-spacing:.12em}
.case-card-footer .case-open-card>strong{display:flex;align-items:center;font-size:18px}
.case-card-footer .case-open-card i{font-size:16px;font-style:normal;margin-left:8px}
.case-card-lf .case-details-trigger{display:none!important}
.case-inside-view{animation:case-inside-in .25s ease-out}
@keyframes case-inside-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.case-back-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #3b463a;background:#141a16;color:#c1d4bf;border-radius:4px;padding:12px 15px;margin:0 0 18px;font-size:9px;font-weight:900;letter-spacing:.14em;transition:border-color .15s,color .15s,transform .15s}
.case-back-link:hover{border-color:#9fe16c;color:#9fe16c;transform:translateX(-2px)}
.case-inside-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px;align-items:stretch;padding:18px;background:radial-gradient(ellipse at 28% 45%,#9fe16c0b,transparent 40%),linear-gradient(145deg,#1c241f,#111512);border-color:#3b4c3b;overflow:hidden}
.case-inside-art{min-width:0;min-height:330px;overflow:hidden;border:1px solid color-mix(in srgb,var(--case-color,#9fe16c) 28%,#333b34);border-radius:6px;background:#101511}
.case-inside-art .case-artwork{min-height:330px;height:100%;border:0;border-radius:0}
.case-inside-art .case-art-meta{font-size:8px}
.case-inside-art .case-crate-illustration{transform:translateX(-50%) scale(.88) rotateY(-9deg) rotateZ(-3deg)}
.case-inside-art .case-art-bottomline{bottom:17px}
.case-inside-art .case-float-skin{height:112px}
.case-inside-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px 10px 15px 0;min-width:0}
.case-inside-copy h2{font-size:clamp(28px,3.8vw,46px);letter-spacing:-.07em;line-height:1;margin:14px 0 10px;overflow-wrap:anywhere}
.case-inside-copy>p{color:#a0aa9f;font-size:11px;line-height:1.7;margin:0 0 17px}
.case-inside-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 18px}
.case-inside-stats>div{padding:11px 12px;border:1px solid #303a31;background:#151b17;border-radius:4px;display:flex;flex-direction:column;gap:6px;min-width:0}
.case-inside-stats small{font-size:7px;letter-spacing:.13em;color:#88968a}
.case-inside-stats b{font-size:15px;color:#f4f8f2;overflow-wrap:anywhere}
.case-inside-price-row{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #303a31}
.case-inside-price-row>span{display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:95px}
.case-inside-price-row>span small{font-size:7px;letter-spacing:.12em;color:#8d9a8d}
.case-inside-price-row>span b{font-size:21px;letter-spacing:-.05em;color:#e1f5d6}
.case-inside-price-row .case-price-action{flex:1;min-width:0;justify-content:center;text-align:center}
.case-inside-price-row .case-price-action strong{margin-left:4px}
.case-inside-copy .case-price-note{font-size:9px;color:#7d897f;margin:10px 0 0}
.case-content-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:35px 0 17px}
.case-content-heading h2{margin:8px 0 7px;font-size:clamp(23px,3vw,33px);letter-spacing:-.055em}
.case-content-heading h2 em{font-style:normal;color:#ff9b35}
.case-content-heading p{color:#8f9a90;font-size:10px;margin:0;line-height:1.6}
.rarity-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:470px}
.rarity-legend span{font-size:7px;font-weight:900;letter-spacing:.06em;padding:7px 9px;border-radius:3px;background:#141816;border:1px solid color-mix(in srgb,currentColor 35%,#2a302b);white-space:nowrap}
.rarity-blue{color:#78a8ff}.rarity-purple{color:#b58aff}.rarity-pink{color:#ee85ee}.rarity-red{color:#ff777b}.rarity-gold{color:#ecc66f}
.case-inside-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 220px minmax(160px,.8fr);align-items:end;gap:13px;padding:13px;margin-bottom:14px;background:#151916;border-color:#2d382e}
.case-inside-toolbar>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.case-inside-toolbar label{font-size:7px;letter-spacing:.14em;font-weight:900;color:#8f9c91}
.case-inside-toolbar input,.case-inside-toolbar select{min-height:39px;width:100%;padding:10px 12px;background:#0f1310;border:1px solid #343e35;color:#e7ece6;border-radius:4px;font-size:10px}
.case-odds-note{font-size:8px;line-height:1.65;color:#818e82;align-self:center}
.case-drop-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.case-drop-card{--rarity-color:#4b69ff;min-width:0;position:relative;display:flex;flex-direction:column;gap:9px;overflow:hidden;padding:10px;background:linear-gradient(165deg,color-mix(in srgb,var(--rarity-color) 11%,#1b211d),#111512 68%);border:1px solid color-mix(in srgb,var(--rarity-color) 46%,#303a32);border-bottom:3px solid var(--rarity-color);border-radius:5px;box-shadow:inset 0 1px #ffffff06;transition:transform .16s,border-color .16s,box-shadow .16s}
.case-drop-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rarity-color);opacity:.7}
.case-drop-card:hover{transform:translateY(-3px);border-color:var(--rarity-color);box-shadow:0 10px 25px color-mix(in srgb,var(--rarity-color) 13%,transparent)}
.case-drop-image{width:100%;aspect-ratio:1.22/1;min-height:92px;display:grid;place-items:center;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--rarity-color) 15%,transparent),transparent 68%),linear-gradient(145deg,#171d19,#101411);border:1px solid color-mix(in srgb,var(--rarity-color) 22%,#2b352e)}
.case-drop-image .skin-art-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:7px;filter:drop-shadow(0 6px 9px #0008)}
.case-drop-rarity{display:flex;align-items:center;gap:6px;min-width:0;color:var(--rarity-color);font-size:7px;font-weight:950;letter-spacing:.1em;line-height:1.3}
.case-drop-rarity i{display:inline-block;width:6px;height:6px;background:var(--rarity-color);box-shadow:0 0 8px var(--rarity-color);border-radius:50%;flex-shrink:0}
.case-drop-card h3{font-size:10px;line-height:1.45;margin:0;min-height:29px;overflow-wrap:anywhere;font-weight:800;color:#e5eae4}
.case-drop-meta{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:8px;border-top:1px solid #ffffff0d}
.case-drop-meta strong{font-size:14px;color:#f4f5ed;letter-spacing:-.035em}
.case-drop-meta small{font-size:7px;color:#8d9c8e;letter-spacing:.08em}
.case-inside-view .empty{grid-column:1/-1}
@media(max-width:1000px){.case-inside-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:16px}.case-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-inside-toolbar{grid-template-columns:minmax(180px,1fr) 200px}.case-odds-note{grid-column:1/-1}}
@media(max-width:650px){.case-inside-hero{grid-template-columns:1fr;padding:11px;gap:0}.case-inside-art{min-height:250px}.case-inside-art .case-artwork{min-height:250px}.case-inside-art .case-crate-illustration{transform:translateX(-50%) scale(.78) rotateY(-9deg) rotateZ(-3deg)}.case-inside-copy{padding:22px 10px 12px}.case-inside-copy h2{font-size:31px}.case-inside-price-row{flex-direction:column}.case-inside-price-row>span{flex-direction:row;align-items:center;justify-content:space-between}.case-inside-price-row .case-price-action{width:100%;min-height:47px}.case-content-heading{align-items:flex-start;flex-direction:column}.rarity-legend{justify-content:flex-start}.case-inside-toolbar{grid-template-columns:1fr 1fr;gap:9px}.case-inside-toolbar>div:first-child{grid-column:1/-1}.case-odds-note{grid-column:1/-1}.case-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case-drop-image{min-height:100px}.case-drop-card{padding:8px}.case-featured-actions .case-price-action{width:100%;min-width:0;justify-content:center}}
/* Rarity accents carry into the roulette and reward reveal too. */
.reel-item{border-bottom:3px solid var(--rarity-color,#4b69ff)!important;box-shadow:inset 0 -10px 22px color-mix(in srgb,var(--rarity-color,#4b69ff) 9%,transparent)}
.reel-item.rarity-purple{border-bottom-color:#8847ff!important}.reel-item.rarity-pink{border-bottom-color:#d32ce6!important}.reel-item.rarity-red{border-bottom-color:#eb4b4b!important}.reel-item.rarity-gold{border-bottom-color:#e4ae39!important}
.won-card{border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 48%,#343434)!important;box-shadow:inset 0 -2px var(--rarity-color,#4b69ff)}
.won-rarity{display:block;color:var(--rarity-color,#4b69ff)!important;font-size:7px!important;font-weight:950;letter-spacing:.1em}

/* LootForge v40 — inline case opening station. The reel replaces the oversized inspector stats. */
.case-opening-panel{--case-color:#ff9b35;position:relative;overflow:hidden;margin-bottom:32px;padding:22px;background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--case-color) 12%,transparent),transparent 42%),linear-gradient(135deg,#171e19 0%,#101411 72%);border-color:color-mix(in srgb,var(--case-color) 35%,#39433a);box-shadow:0 16px 48px #0003,inset 0 1px #ffffff05}
.case-opening-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,#ffffff03 46.1% 46.3%,transparent 46.4%);opacity:.8}
.case-opening-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:2px 0 20px;border-bottom:1px solid #ffffff12}
.case-opening-ident{display:flex;align-items:center;gap:17px;min-width:0}
.case-opening-symbol{flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--case-color) 50%,#354039);border-radius:9px;background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--case-color) 26%,#1c241e),#121713 78%);font-size:34px;text-shadow:0 0 25px currentColor;box-shadow:inset 0 0 22px color-mix(in srgb,var(--case-color) 10%,transparent),0 7px 24px #0005}
.case-opening-title{min-width:0}.case-opening-title .eyebrow{color:#ffad50}.case-opening-title h2{margin:5px 0 6px;font-size:clamp(26px,3vw,38px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}.case-opening-title p{margin:0;color:#9fa99e;font-size:10px;line-height:1.55}
.case-opening-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.case-opening-tags span{padding:5px 7px;border:1px solid #3b453b;border-radius:3px;background:#151b16;color:#aeb9ac;font-size:7px;font-weight:900;letter-spacing:.1em}
.case-opening-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:520px;flex-shrink:0}
.case-quantity-control{display:grid;gap:5px}.case-quantity-control>span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#929d91}.case-quantity-control select{min-width:104px;padding:10px 11px;border:1px solid #3a453b;border-radius:4px;background:#1a211b;color:#f2f6ed;font:inherit;font-size:10px;font-weight:800}
.case-fast-toggle{display:flex;align-items:center;gap:6px;min-height:37px;padding:0 8px;color:#abb4a9;font-size:9px;white-space:nowrap}.case-fast-toggle input{accent-color:#ff9b35}
.case-open-inline{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;margin:0!important;padding:12px 16px!important;border:1px solid #ff9b35!important;border-radius:4px!important;background:linear-gradient(110deg,#ffb64d,#ff8d31)!important;color:#171713!important;white-space:nowrap;box-shadow:0 6px 22px #ff9b3520;transition:filter .15s,transform .15s,box-shadow .15s}
.case-open-inline:hover{color:#10110e!important;filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 9px 29px #ff9b3536}.case-open-inline:disabled{filter:grayscale(.45);transform:none}.case-open-inline .case-open-label{font-size:8px;font-weight:950;letter-spacing:.09em}.case-open-inline strong{font-size:17px;letter-spacing:-.035em}.case-open-inline i{font-size:15px;font-style:normal}
.case-roulette-panel{position:relative;z-index:1;padding-top:18px}.case-roulette-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.case-roulette-heading .eyebrow{color:#ffad50;font-size:7px}.case-roulette-heading h3{margin:5px 0 0;font-size:18px;letter-spacing:-.035em}.case-roulette-heading h3 em{font-style:normal;color:#ff9b35}.case-total-pill{display:flex;flex-direction:column;gap:4px;align-items:flex-end;padding:8px 12px;border:1px solid #344035;border-radius:4px;background:#111712}.case-total-pill small{font-size:6px;letter-spacing:.14em;color:#8f9a8e}.case-total-pill b{font-size:15px;color:#b3ed9f}
.case-inline-roulette.roulette{height:auto;min-height:128px;max-height:none;overflow:hidden;border:1px solid #394438;border-radius:5px;background:radial-gradient(ellipse at 50% 0%,#27342a 0%,#151b16 58%,#0f130f 100%);box-shadow:inset 0 0 34px #0008,0 8px 24px #0002;padding:10px!important}
.case-inline-roulette.roulette.multi-roulette{height:auto!important;max-height:440px;overflow:auto!important;gap:8px!important;padding:10px!important}
.case-inline-roulette .multi-reel-lane{flex:0 0 112px!important;height:112px!important;border-color:#3e493d!important;border-radius:5px!important;background:linear-gradient(90deg,#121713,#202820 50%,#121713)!important}
.case-inline-roulette .multi-reel-lane:after{background:linear-gradient(90deg,#0a0e0be8,transparent 12%,transparent 88%,#0a0e0be8)!important}
.case-inline-roulette .multi-reel-lane .lane-label{left:8px;top:4px;font-size:6px;letter-spacing:.1em;color:#ffb45c!important;opacity:.9}
.case-inline-roulette .multi-reel-lane .lane-pointer{border-left-color:#ffad50!important;filter:drop-shadow(0 0 6px #ff9b35)!important}.case-inline-roulette .multi-reel-lane .lane-pointer:before{border-top-color:#ffad50!important}.case-inline-roulette .multi-reel-lane .lane-pointer:after{border-bottom-color:#ffad50!important}
.case-inline-roulette .multi-reel-lane .reel-item{flex:0 0 138px!important;width:138px!important;min-width:138px!important;height:94px!important;margin:13px 0 0!important;padding:6px!important;border-right:1px solid #343d33!important;background:linear-gradient(160deg,#282f28,#171c17)!important;gap:2px!important}
.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:86px!important;height:57px!important;flex:0 0 auto!important;object-fit:contain}.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback span{font-size:23px}.case-inline-roulette .multi-reel-lane .reel-item>span{max-width:126px;font-size:7px;line-height:1.2;min-height:16px;color:#c9d0c5}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:8px;color:#b3ed9f}
.case-opening-panel .result-message{min-height:27px;padding:12px 2px 7px;color:#aeb8ab;font-size:10px}.case-opening-panel .result-message .success-text{color:#b4ef9d;font-size:13px;letter-spacing:.08em}.case-opening-panel .result-message small{color:#879285}.case-opening-panel .drop-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:8px;max-height:240px;overflow:auto}.case-opening-panel .won-card{min-width:0;margin:0;padding:10px;border-color:color-mix(in srgb,var(--rarity-color,#9fe16c) 52%,#263026);background:linear-gradient(115deg,color-mix(in srgb,var(--rarity-color,#9fe16c) 13%,#171d18),#111511)}.case-opening-panel .won-card>img,.case-opening-panel .won-card>.skin-fallback{width:82px;height:73px}.case-opening-panel .won-card b{font-size:9px;line-height:1.45}.case-opening-panel .won-card strong{font-size:14px;color:#b3ed9f}.case-opening-panel .won-card small{font-size:6px}
#case-inside-view .case-content-heading{margin-top:31px}
@media(max-width:1050px){.case-opening-head{align-items:flex-start;flex-direction:column}.case-opening-actions{max-width:none;width:100%;justify-content:flex-start}.case-open-inline{margin-left:auto!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:126px!important;width:126px!important;min-width:126px!important}}
@media(max-width:650px){.case-opening-panel{padding:13px;margin-bottom:24px}.case-opening-ident{gap:11px;align-items:flex-start}.case-opening-symbol{flex-basis:52px;width:52px;height:52px;font-size:26px}.case-opening-title h2{font-size:26px}.case-opening-title p{font-size:9px}.case-opening-head{gap:15px;padding-bottom:14px}.case-opening-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.case-quantity-control select{width:100%;height:38px}.case-fast-toggle{justify-content:center;padding:6px;font-size:8px}.case-open-inline{grid-column:1/-1;margin:0!important;width:100%;min-height:45px}.case-roulette-heading h3{font-size:15px}.case-total-pill{padding:7px}.case-inline-roulette.roulette.multi-roulette{max-height:52vh;padding:7px!important}.case-inline-roulette .multi-reel-lane{flex-basis:94px!important;height:94px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:112px!important;width:112px!important;min-width:112px!important;height:78px!important;margin-top:12px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:73px!important;height:45px!important}.case-opening-panel .drop-preview{grid-template-columns:1fr}.case-opening-panel .won-card{padding:8px}.case-opening-panel .won-card>img,.case-opening-panel .won-card>.skin-fallback{width:66px;height:60px}}

/* LootForge v41 — CS2 case-opening room inspired by the reference layout. */
body.case-opening-mode{background:radial-gradient(ellipse at 52% 35%,#53615b 0%,#303936 36%,#202624 76%,#171b1a 100%);background-attachment:fixed;overflow-x:hidden}
body.case-opening-mode:before{content:"";position:fixed;inset:76px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 61% 31%,#a2afa74f 0,transparent 29%),radial-gradient(ellipse at 23% 58%,#777f786b 0,transparent 34%),radial-gradient(ellipse at 86% 68%,#5c6f6452 0,transparent 30%),linear-gradient(135deg,#8a918a20,#1a211f88);filter:blur(19px);transform:scale(1.05)}
body.case-opening-mode:after{content:"";position:fixed;inset:76px 0 0;z-index:-1;pointer-events:none;opacity:.12;background-image:radial-gradient(#d7e0d7 0.6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(transparent,#000 30%,#000 90%)}
body.case-opening-mode #page-cases{position:relative;max-width:none;width:100%;min-height:calc(100vh - 76px);margin:0;padding:14px 28px 56px 250px;background:transparent}
body.case-opening-mode #page-cases:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#171c1b2a,#1419185c 52%,#171c1b22)}
.case-opening-shell[hidden]{display:none!important}
.case-opening-shell{position:relative;min-width:0;animation:case-inside-in .28s ease-out}
.case-live-sidebar{position:fixed;left:0;top:76px;bottom:0;width:226px;z-index:4;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #9da89c35;background:linear-gradient(180deg,#161b1bdd,#161a18e8 60%,#0d110feF);backdrop-filter:blur(18px);box-shadow:12px 0 36px #0002;color:#eff4ef}
.case-live-brand{padding:16px 16px 12px;display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;border-bottom:1px solid #ffffff12}
.case-live-brand>span{grid-row:span 2;color:#ffab49;font-size:25px;text-shadow:0 0 18px #ffab4940}
.case-live-brand>b{font-size:14px;letter-spacing:.06em}.case-live-brand>b span{color:#ff9b35}.case-live-brand>small{font-size:7px;letter-spacing:.2em;color:#8f9b90;margin-top:3px}
.case-live-status{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#ffffff07;border-bottom:1px solid #ffffff0d}
.case-live-status>div{display:flex;flex-direction:column;gap:4px}.case-live-status b{font-size:9px;letter-spacing:.1em}.case-live-status small{font-size:8px;color:#879489}.live-dot{width:7px;height:7px;flex:0 0 7px;background:#98dc8e;border-radius:50%;box-shadow:0 0 10px #98dc8e9c}
.case-live-mode{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff12;background:#ffffff05}.case-live-mode span{display:grid;place-items:center;height:38px;color:#9ba69b;font-size:16px}.case-live-mode span:first-child{background:#4d5e4c55;color:#d5e7cf;border-bottom:2px solid #9ede81}
.case-live-feed{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c5b4d transparent;padding:3px 0}
.case-live-item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center;min-height:76px;padding:7px 10px;border-bottom:1px solid #ffffff0b;border-left:3px solid var(--rarity-color,#4b69ff);background:linear-gradient(90deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 8%,transparent),transparent 90%);transition:background .16s}
.case-live-item:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 19%,transparent),#ffffff06)}
.case-live-image{height:55px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#303832b8,#1217137a);border:1px solid #ffffff0b}.case-live-image img,.case-live-image .skin-fallback{width:58px;height:52px;object-fit:contain}.case-live-image .skin-fallback span{font-size:21px}
.case-live-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.case-live-copy b{font-size:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e2e9e1}.case-live-copy small{font-size:7px;color:#778379;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-live-copy strong{font-size:9px;color:#b0e3a0;letter-spacing:.01em}
.case-live-foot{display:flex;flex-direction:column;gap:5px;padding:11px 13px;border-top:1px solid #ffffff13;background:#080b09aa}.case-live-foot span{font-size:7px;color:#7f8c81;letter-spacing:.16em}.case-live-foot b{font-size:7px;color:#ffad51;letter-spacing:.05em}
.case-inside-main{width:100%;min-width:0}
.case-inside-topbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:10px;padding:0 2px;border-bottom:1px solid #ffffff18;background:linear-gradient(90deg,transparent,#ffffff0d 50%,transparent)}
.case-inside-topbar .case-back-link{justify-self:start;margin:0!important;padding:8px 11px!important;min-height:31px;border:1px solid #ffffff20!important;border-radius:2px!important;background:#202723b5!important;color:#d5ddd4!important;font-size:8px!important;font-weight:900;letter-spacing:.04em}
.case-inside-topbar .case-back-link:hover{border-color:#ffad51!important;color:#ffbf73!important}
.case-center-brand{grid-column:2;grid-row:1;color:#f4f7f0;font-weight:1000;font-style:italic;font-size:17px;letter-spacing:.07em;text-shadow:0 2px 12px #0008;white-space:nowrap}.case-center-brand>span{color:#ffb257}.case-center-brand>span:last-child{color:#ff9b35}
.case-screen-sound{justify-self:end;width:34px;height:32px;border:1px solid #ffffff23;background:#111713a8;color:#e5e9df;font-size:16px;border-radius:2px}.case-screen-sound:hover{border-color:#ffad51;color:#ffad51}
.case-opening-panel.panel{--case-color:#ff9b35;position:relative;overflow:visible;margin:0 0 26px;padding:12px 13px 14px;border:1px solid #87938637;border-radius:3px;background:linear-gradient(180deg,#141b18a6,#1015129e);backdrop-filter:blur(9px);box-shadow:0 18px 42px #0002,inset 0 1px #ffffff09}
.case-opening-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(180deg,#ffffff03,transparent 23%,#ffffff02 72%,transparent);border-radius:inherit}
.case-roulette-panel{position:relative;z-index:1;padding:0;display:flex;flex-direction:column;align-items:stretch}
.case-roulette-heading{justify-content:center;min-height:24px;margin:0 0 8px;text-align:center}
.case-roulette-heading>div:first-child{text-align:center}.case-roulette-heading .eyebrow{font-size:7px;color:#b7c3b5;letter-spacing:.18em}.case-roulette-heading h3{font-size:11px;font-weight:900;letter-spacing:.15em;margin:3px 0 0;color:#dfe7dc}.case-roulette-heading h3 em{color:#ffad50;font-style:normal}.case-total-pill{display:none}
.case-inline-roulette.roulette.multi-roulette{--lane-cols:1;display:grid!important;grid-template-columns:repeat(var(--lane-cols),minmax(0,1fr));grid-auto-rows:minmax(145px,auto);align-content:start;align-items:stretch;gap:11px!important;width:100%;height:auto!important;min-height:0;max-height:none;overflow:visible!important;padding:10px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{box-sizing:border-box;position:relative!important;isolation:isolate;display:block!important;flex:initial!important;width:100%!important;min-width:0!important;height:150px!important;min-height:150px!important;overflow:hidden!important;border:1px solid #bac5b545!important;border-radius:2px 22px 2px 22px!important;background:linear-gradient(105deg,#161d1bc9,#3c4745bf 49%,#171d1bcb)!important;box-shadow:inset 0 0 28px #0005,0 7px 17px #0001}
.case-inline-roulette.roulette.multi-roulette .multi-reel-lane:before{content:"";position:absolute;inset:4px;border:1px solid #ffffff0a;pointer-events:none;z-index:1}
.case-inline-roulette .multi-reel-lane:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101613f2,transparent 15%,transparent 85%,#101613ed)!important;z-index:3}
.case-inline-roulette .multi-reel-lane .lane-label{left:9px!important;top:6px!important;z-index:5!important;color:#c3cebe!important;font-size:6px!important;letter-spacing:.16em!important;background:#1015129c;padding:3px 5px;border:1px solid #ffffff12}
.case-inline-roulette .multi-reel-lane .lane-pointer{position:absolute!important;z-index:6!important;left:50%!important;top:0!important;bottom:0!important;border-left:2px solid #e4df59!important;filter:drop-shadow(0 0 5px #d9d36b)!important}
.case-inline-roulette .multi-reel-lane .lane-pointer:before{border-top-color:#e4df59!important}.case-inline-roulette .multi-reel-lane .lane-pointer:after{border-bottom-color:#e4df59!important}
.case-inline-roulette .multi-reel-lane .reel{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;height:100%!important;width:max-content!important;min-width:max-content!important;transform:translate3d(0,0,0);will-change:transform;z-index:2}
.case-inline-roulette .multi-reel-lane .reel-item{box-sizing:border-box;flex:0 0 144px!important;width:144px!important;min-width:144px!important;height:122px!important;margin:18px 0 0!important;padding:7px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border:0!important;border-right:1px solid #ffffff0d!important;border-bottom:3px solid var(--rarity-color,#4b69ff)!important;border-radius:0!important;background:linear-gradient(155deg,#737c794c,#252d2bcf)!important;box-shadow:inset 0 0 15px #0002!important}
.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:115px!important;height:75px!important;flex:0 0 auto!important;object-fit:contain!important;filter:drop-shadow(0 5px 6px #0006)}.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback span{font-size:25px}.case-inline-roulette .multi-reel-lane .reel-item>span{display:-webkit-box;max-width:132px;min-height:18px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px!important;line-height:1.2;color:#f0f4ee!important;text-align:center}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:8px!important;color:#c5e4b7!important;white-space:nowrap}
.case-opening-ident{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;margin:12px auto 8px;text-align:center}
.case-opening-symbol{display:none!important}.case-opening-title{min-width:0;text-align:center}.case-opening-title .eyebrow{font-size:7px;letter-spacing:.19em;color:#ffb454}.case-opening-title h2{font-size:clamp(21px,2.5vw,31px);letter-spacing:-.055em;line-height:1.08;margin:5px 0;color:#f6f7f0}.case-opening-title p{margin:5px 0 0;color:#abb5a8;font-size:9px;line-height:1.5}.case-opening-tags{justify-content:center;gap:6px;margin-top:8px}.case-opening-tags span{padding:4px 7px;border:1px solid #ffffff1b;border-radius:2px;background:#1217138a;color:#c1cabe;font-size:6px;letter-spacing:.12em}
.case-opening-actions{max-width:none;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:11px 0 13px;margin-top:7px;border-top:1px solid #ffffff18;background:linear-gradient(90deg,transparent,#ffffff05 50%,transparent)}
.case-quantity-control{display:grid;gap:5px}.case-quantity-control>span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#9ca99a}.case-quantity-control select{height:36px;min-width:122px;padding:8px 12px;border:1px solid #9da89c37;border-radius:2px;background:#141b17d9;color:#edf3e9;font:inherit;font-size:9px;font-weight:800}
.case-fast-toggle{min-height:36px;padding:0 10px;border:1px solid #ffffff18;background:#1217148a;color:#b9c3b7;font-size:8px;border-radius:2px}.case-fast-toggle input{accent-color:#ffad50}
.case-open-inline{min-width:200px;min-height:38px;padding:9px 17px!important;gap:9px;border:1px solid #ffad50!important;border-radius:2px!important;background:linear-gradient(100deg,#ffc063,#ff9636)!important;color:#171713!important;box-shadow:0 5px 20px #ff9b3520}.case-open-inline:hover{filter:brightness(1.08);box-shadow:0 7px 24px #ff9b3530}.case-open-inline .case-open-label{font-size:8px}.case-open-inline strong{font-size:15px}.case-opening-panel .result-message{min-height:20px;padding:7px 2px 3px;text-align:center;color:#c0c9bd;font-size:9px}.case-opening-panel .result-message .success-text{font-size:13px;letter-spacing:.1em;color:#a9ed93}.case-opening-panel .result-message small{color:#9aa69a}.case-opening-panel .drop-preview{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:7px;max-height:220px}.case-opening-panel .won-card{padding:8px 10px;background:linear-gradient(120deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 12%,#1a211d),#111512d9)}
.case-content-heading{margin:18px 0 13px;align-items:flex-end}.case-content-heading h2{font-size:clamp(23px,3vw,31px);margin:6px 0}.case-content-heading p{font-size:9px}.case-content-heading .eyebrow{color:#ffad50}.rarity-legend{gap:5px}.rarity-legend span{padding:5px 7px;border-radius:2px;font-size:7px;background:#131815a6;border:1px solid currentColor}
.case-inside-toolbar{grid-template-columns:minmax(180px,1fr) 190px minmax(120px,.8fr);padding:10px 12px;margin-bottom:11px;background:#151b18bf;border-color:#8d9c8b26;backdrop-filter:blur(10px)}.case-inside-toolbar label{color:#a0ad9f}.case-inside-toolbar input,.case-inside-toolbar select{background:#101512c9;border-color:#71806f37;border-radius:2px;min-height:35px}.case-odds-note{font-size:8px;color:#98a598;line-height:1.5}
.case-drop-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.case-drop-card{padding:9px;border-radius:2px;background:linear-gradient(160deg,#252d29d6,#111613d9);backdrop-filter:blur(8px)}.case-drop-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rarity-color) 75%,#ffffff22)}.case-drop-image{min-height:112px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--rarity-color) 20%,transparent),transparent 68%),linear-gradient(155deg,#61696324,#11161360)}.case-drop-image img,.case-drop-image .skin-fallback{width:100%;height:105px;object-fit:contain}.case-drop-rarity{font-size:7px}.case-drop-card h3{font-size:9px;line-height:1.4;min-height:27px}.case-drop-meta strong{font-size:11px}.case-drop-meta small{font-size:7px}
@media(max-width:1150px){body.case-opening-mode #page-cases{padding-left:238px;padding-right:16px}.case-live-sidebar{width:215px}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:126px!important;width:126px!important;min-width:126px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:100px!important}.case-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.case-live-sidebar{display:none}body.case-opening-mode #page-cases{padding:12px 15px 45px}.case-inline-roulette.roulette.multi-roulette{gap:8px!important}.case-inline-roulette .multi-reel-lane{height:132px!important;min-height:132px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:118px!important;width:118px!important;min-width:118px!important;height:106px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:91px!important;height:64px!important}.case-inside-toolbar{grid-template-columns:minmax(0,1fr) 170px}.case-odds-note{grid-column:1/-1}.case-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){body.case-opening-mode #page-cases{padding:8px 8px 32px}.case-inside-topbar{grid-template-columns:1fr auto 1fr;gap:4px;margin-bottom:7px}.case-inside-topbar .case-back-link{font-size:7px!important;padding:7px 5px!important}.case-center-brand{font-size:12px}.case-screen-sound{width:29px;height:29px}.case-opening-panel.panel{padding:7px 5px 9px;margin-bottom:17px}.case-roulette-heading{margin-bottom:4px}.case-roulette-heading h3{font-size:9px}.case-inline-roulette.roulette.multi-roulette{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(105px,auto);gap:6px!important;padding:5px!important}.case-inline-roulette.roulette.multi-roulette.lanes-1{grid-template-columns:minmax(0,1fr)}.case-inline-roulette.roulette.multi-roulette.lanes-2,.case-inline-roulette.roulette.multi-roulette.lanes-4{grid-template-columns:repeat(2,minmax(0,1fr))}.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:105px!important;min-height:105px!important;border-radius:2px 12px 2px 12px!important}.case-inline-roulette .multi-reel-lane .lane-label{font-size:5px!important;left:4px!important;top:3px!important;padding:2px 3px}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:86px!important;width:86px!important;min-width:86px!important;height:82px!important;margin-top:15px!important;padding:3px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:70px!important;height:50px!important}.case-inline-roulette .multi-reel-lane .reel-item>span{max-width:80px;font-size:6px!important;min-height:13px}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:6px!important}.case-opening-ident{margin:8px auto 5px}.case-opening-title h2{font-size:22px}.case-opening-title p{font-size:8px}.case-opening-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0 6px}.case-quantity-control select{min-width:0;width:100%;height:33px;padding:7px;font-size:8px}.case-fast-toggle{justify-content:center;padding:4px;font-size:7px;min-height:33px}.case-open-inline{grid-column:1/-1;width:100%;min-width:0!important;min-height:40px;margin:0!important}.case-open-inline .case-open-label{font-size:7px}.case-open-inline strong{font-size:13px}.case-opening-panel .result-message{font-size:8px}.case-opening-panel .drop-preview{grid-template-columns:1fr}.case-content-heading{align-items:flex-start;flex-direction:column;gap:9px}.case-content-heading h2{font-size:22px}.rarity-legend{justify-content:flex-start;flex-wrap:wrap}.case-inside-toolbar{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.case-inside-toolbar>div:first-child{grid-column:1/-1}.case-odds-note{grid-column:1/-1}.case-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.case-drop-image{min-height:88px}.case-drop-image img,.case-drop-image .skin-fallback{height:82px}.case-drop-card{padding:7px}.case-drop-card h3{font-size:8px}.case-drop-meta{align-items:flex-start;gap:3px;flex-direction:column}}
/* Page-state visibility is explicit so inactive sections never stack behind the selected mode. */
.page:not(.active){display:none!important}
body.case-opening-mode #page-cases>.page-head{display:none!important}


/* LOOTFORGE v42 — three cinematic case states, 6-lane maximum, live drop tape. */
.case-stage[hidden]{display:none!important}
.case-opening-panel{padding:0!important;border-radius:18px!important;background:#0d120f!important;border:1px solid #ffffff13!important;overflow:hidden!important;box-shadow:0 24px 75px #0008,0 0 0 1px #b4ff7a08!important}
.case-opening-panel:before{display:none!important}
.case-stage-case{position:relative;min-height:440px;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--case-color,#ff9b35) 17%,#202a24) 0%,#18211b 38%,#0b100d 78%)}
.case-scene-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#202b2466,#090e0bfa)}
.case-scene-grid{position:absolute;inset:-20%;opacity:.25;background-image:linear-gradient(#b2d1b51a 1px,transparent 1px),linear-gradient(90deg,#b2d1b51a 1px,transparent 1px);background-size:42px 42px;transform:perspective(550px) rotateX(54deg) scale(1.45);transform-origin:bottom center;mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}
.case-scene-light{position:absolute;top:-25%;left:20%;width:60%;height:85%;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-color,#ff9b35) 20%,transparent),transparent 67%);filter:blur(25px);animation:case-light-breathe 6s ease-in-out infinite alternate}
.case-scene-floor{position:absolute;left:5%;right:5%;bottom:22%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--case-color,#ff9b35) 50%,transparent),transparent);box-shadow:0 10px 60px color-mix(in srgb,var(--case-color,#ff9b35) 20%,transparent)}
.case-screen-art{position:relative;z-index:2;flex:1;min-height:320px;display:grid;place-items:center;padding:10px 4% 0;perspective:1200px}
.case-screen-art .case-artwork{width:min(100%,900px);height:100%;min-height:325px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:scale(1.06);animation:case-art-enter .75s cubic-bezier(.18,.86,.24,1) both}
.case-screen-art .case-artwork:before{inset:8% 10% 12%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-color,#ff9b35) 12%,#101612),transparent 69%);filter:blur(3px)}
.case-screen-art .case-art-gridlines{opacity:.12;mask-image:radial-gradient(ellipse,#000 20%,transparent 75%)}
.case-screen-art .case-art-meta{top:4%;left:3%;right:3%;color:#adbaaf;font-size:8px;letter-spacing:.18em}
.case-screen-art .case-art-bottomline{bottom:3%;left:3%;right:3%;border-top:1px solid #ffffff13;color:#839084;font-size:7px;letter-spacing:.18em}
.case-screen-art .case-art-bottomline b{color:#e8f0e4;font-size:9px}
.case-screen-art .case-art-sticker{top:12%;right:3%;border-color:color-mix(in srgb,var(--case-color,#ff9b35) 55%,#59645b);background:#0b100dbb;color:var(--case-color);box-shadow:0 5px 25px #0004;backdrop-filter:blur(10px)}
.case-screen-art .case-crate-illustration{transform:translateX(-50%) scale(1.15) rotateY(-15deg) rotateZ(-3deg);filter:drop-shadow(0 25px 28px #000b);animation:crate-float 4.5s ease-in-out infinite}
.case-screen-art .case-crate-front{box-shadow:inset 0 0 45px #fff1,0 0 30px color-mix(in srgb,var(--case-color,#ff9b35) 14%,transparent)!important}
.case-screen-art .case-crate-emblem{box-shadow:0 0 28px color-mix(in srgb,var(--case-color,#ff9b35) 24%,transparent)!important}
.case-screen-art .case-float-skin{animation:skin-orbit 5s ease-in-out infinite}
.case-screen-art .case-float-skin.float-left{animation-delay:-1.4s}.case-screen-art .case-float-skin.float-right{animation-delay:-2.7s}.case-screen-art .case-float-skin.float-back{animation-delay:-.7s}
.case-screen-art .case-float-skin img{filter:drop-shadow(0 18px 16px #000a) saturate(1.16);transition:filter .35s,transform .35s}
.case-screen-art .case-art-spark,.case-screen-art .case-art-bottomline,.case-screen-art .case-art-sticker{z-index:5}
.case-stage-caption{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px clamp(18px,4vw,48px) 16px;background:linear-gradient(180deg,#11171206,#0b100df0 18%);border-top:1px solid #ffffff12}
.case-stage-caption .eyebrow{color:var(--case-color,#ffad50);font-size:8px;letter-spacing:.2em}.case-stage-caption h2{margin:6px 0 5px;font-size:clamp(26px,3.4vw,44px);line-height:1;letter-spacing:-.055em;color:#f3f7ef}.case-stage-caption p{margin:0;color:#9aa79a;font-size:11px}.case-stage-mark{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;position:relative;border:1px solid color-mix(in srgb,var(--case-color,#ff9b35) 45%,#354038);border-radius:15px;color:var(--case-color);font-weight:1000;font-size:13px;transform:rotate(45deg);box-shadow:0 0 32px color-mix(in srgb,var(--case-color,#ff9b35) 11%,transparent)}.case-stage-mark span{position:absolute;transform:rotate(-45deg);font-size:19px;text-shadow:0 0 15px currentColor}
.case-stage-tip{display:flex;align-items:center;gap:11px;padding:0 clamp(18px,4vw,48px) 18px;background:#0b100df0;color:#7f8e81;font-size:7px;letter-spacing:.16em}.case-stage-tip>span:first-child{color:var(--case-color);font-weight:1000;font-size:11px}.case-stage-tip-line{height:1px;flex:1;background:linear-gradient(90deg,color-mix(in srgb,var(--case-color) 40%,transparent),transparent)}
.case-control-dock{position:relative;z-index:5;padding:15px clamp(12px,2.4vw,28px) 16px;display:grid;grid-template-columns:minmax(130px,.68fr) minmax(0,1.8fr);gap:15px;align-items:center;background:linear-gradient(105deg,#1a231d,#121814 65%,#171d18);border-top:1px solid #ffffff12}
.case-control-identity{display:flex;align-items:center;gap:10px;min-width:0}.case-control-live-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#a5f279;box-shadow:0 0 15px #a5f279;animation:live-pulse 1.8s ease-in-out infinite}.case-control-identity div{display:grid;gap:4px;min-width:0}.case-control-identity small{font-size:7px;letter-spacing:.15em;color:#8e9b8f}.case-control-identity b{font-size:13px;color:#eef2eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-opening-actions{margin:0!important;padding:0!important;border:0!important;background:none!important;display:grid!important;grid-template-columns:minmax(100px,.7fr) minmax(128px,.9fr) minmax(175px,1.35fr)!important;gap:9px!important;align-items:end!important}
.case-quantity-control{gap:5px!important}.case-quantity-control>span{font-size:7px!important;letter-spacing:.16em!important}.case-quantity-control select{width:100%;min-width:0!important;height:43px!important;border-radius:8px!important;border:1px solid #ffffff1c!important;background:#0b110d!important;font-size:10px!important;letter-spacing:.04em!important;box-shadow:inset 0 1px #fff1}
.case-fast-toggle{min-height:43px!important;border-radius:8px!important;display:flex!important;justify-content:center!important;gap:8px!important;padding:7px 9px!important;background:#0b110d!important;border-color:#ffffff1a!important}.case-fast-toggle span{display:grid;gap:3px}.case-fast-toggle b{font-size:8px;color:#e2e9df;white-space:nowrap}.case-fast-toggle small{font-size:7px;color:#819083;white-space:nowrap}.case-fast-toggle input{width:14px;height:14px}
.case-open-inline{min-width:0!important;width:100%;height:43px!important;min-height:43px!important;justify-content:center!important;border-radius:8px!important;border:1px solid #ffd38b!important;background:linear-gradient(110deg,#ffe0a0 0%,#ffae4c 43%,#ff8e2f 100%)!important;color:#1a1710!important;box-shadow:0 8px 28px #ff9b3528,inset 0 1px #ffffff85!important;transition:transform .22s,filter .22s,box-shadow .22s!important}.case-open-inline:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 35px #ff9b3540!important}.case-open-inline:active{transform:translateY(0) scale(.99)}.case-open-inline .case-open-label{font-size:8px!important;letter-spacing:.09em}.case-open-inline strong{font-size:17px!important;font-weight:1000}.case-open-inline i{font-style:normal;font-size:14px}
.case-opening-panel .result-message{min-height:0!important;padding:7px 10px 0!important;text-align:right!important;color:#7d8c7f!important;font-size:8px!important;background:#121814}
.case-stage-spin{padding:22px clamp(10px,2vw,22px) 17px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--case-color) 11%,#17201b),#101612 67%)}
.case-spin-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 17px;max-width:1350px}.case-spin-heading .eyebrow{font-size:8px;letter-spacing:.2em;color:var(--case-color)}.case-spin-heading h3{font-size:clamp(20px,2.8vw,31px);margin:5px 0 4px;letter-spacing:-.045em}.case-spin-heading p{font-size:9px;color:#8e9b90;margin:0}.spin-status-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff18;background:#070b08a8;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.13em;color:#d7e3d8;white-space:nowrap}.spin-status-pill .live-dot{width:6px;height:6px;border-radius:50%;background:#a9f47f;box-shadow:0 0 9px #a9f47f;animation:live-pulse .75s infinite alternate}
.case-inline-roulette.roulette.multi-roulette{--lane-cols:1;grid-template-columns:repeat(var(--lane-cols),minmax(0,1fr))!important;gap:12px!important;padding:0!important;background:transparent!important;}
.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:clamp(124px,14vw,170px)!important;min-height:0!important;border-radius:8px!important;border:1px solid #d8e6d426!important;background:linear-gradient(115deg,#171e19,#303a33 48%,#111712)!important;box-shadow:inset 0 0 35px #0005,0 9px 24px #0003,0 0 0 1px #ffffff03!important;transition:border-color .3s,box-shadow .3s}
.case-inline-roulette .multi-reel-lane:after{background:linear-gradient(90deg,#0c100ff2,transparent 12%,transparent 88%,#0c100ff2)!important}
.case-inline-roulette .multi-reel-lane:before{border-radius:5px!important;inset:5px!important;border:1px solid #ffffff0c!important}
.case-inline-roulette .multi-reel-lane .lane-label{top:8px!important;left:9px!important;font-size:7px!important;letter-spacing:.14em!important;border-radius:4px!important;padding:4px 6px!important;color:#d8e4d7!important;z-index:5!important}
.case-inline-roulette .multi-reel-lane .lane-pointer{border-left:2px solid #edffb0!important;filter:drop-shadow(0 0 7px #ddff75)!important}
.case-inline-roulette .multi-reel-lane .lane-pointer:before,.case-inline-roulette .multi-reel-lane .lane-pointer:after{filter:drop-shadow(0 0 4px #ddff75)}
.case-inline-roulette .multi-reel-lane .reel-item{flex:0 0 158px!important;width:158px!important;min-width:158px!important;height:calc(100% - 24px)!important;margin:18px 0 6px!important;padding:8px 7px!important;gap:5px!important;border-right:1px solid #ffffff0e!important;border-radius:3px!important;background:linear-gradient(155deg,#64706746,#262f29cf)!important;position:relative;overflow:hidden}
.case-inline-roulette .multi-reel-lane .reel-item:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff10 48%,transparent 70%);transform:translateX(-130%);transition:transform .5s;pointer-events:none}.case-inline-roulette .multi-reel-lane .reel-item:hover:before{transform:translateX(130%)}
.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:130px!important;height:clamp(66px,7.4vw,88px)!important;object-fit:contain!important;filter:drop-shadow(0 9px 9px #0009);animation:skin-idle 4.1s ease-in-out infinite alternate;transition:filter .25s}
.case-inline-roulette .multi-reel-lane .reel-item>span{max-width:146px!important;font-size:8px!important;line-height:1.25!important;min-height:20px!important;color:#f2f5ef!important}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:9px!important;color:#d8edc9!important}
.case-inline-roulette .multi-reel-lane.is-spinning .reel-item img{animation:skin-rush .33s ease-in-out infinite alternate;filter:blur(.25px) drop-shadow(0 9px 8px #0008)}
.case-inline-roulette .multi-reel-lane.is-spinning{border-color:#e9ff9c55!important;box-shadow:inset 0 0 42px #dfff7610,0 0 20px #dfff760c!important}
.case-inline-roulette .multi-reel-lane .reel-item.reel-winner{box-shadow:inset 0 0 26px color-mix(in srgb,var(--rarity-color) 22%,transparent),0 0 22px color-mix(in srgb,var(--rarity-color) 14%,transparent)!important}
.case-spin-foot{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#657468;font-size:7px;letter-spacing:.16em}
.case-stage-results{padding:clamp(14px,2.5vw,28px);background:radial-gradient(ellipse at 50% 0%,#a8e87812,transparent 50%),linear-gradient(135deg,#151e18,#0b100d 80%);animation:result-enter .55s cubic-bezier(.16,.8,.25,1) both}
.case-result-banner{display:flex;align-items:center;gap:14px;padding:0 0 17px;border-bottom:1px solid #ffffff12}.case-result-emblem{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#10170e;font-size:23px;background:linear-gradient(135deg,#d8ff97,#8cda5d);box-shadow:0 5px 25px #9bdf6427;flex-shrink:0}.case-result-banner>div:nth-child(2){min-width:0;flex:1}.case-result-banner .eyebrow{font-size:7px;color:#9fe16c;letter-spacing:.19em}.case-result-banner h2{margin:4px 0;font-size:clamp(18px,2.2vw,27px);letter-spacing:-.04em}.case-result-banner p{font-size:9px;color:#99a599;margin:0}.case-result-value{text-align:right;flex-shrink:0;display:grid;gap:5px}.case-result-value small{font-size:7px;color:#889687;letter-spacing:.12em}.case-result-value b{font-size:19px;color:#b8fa85}
.case-opening-panel .drop-preview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 0!important;max-height:none!important;overflow:visible!important}
.case-opening-panel .won-card{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity-color,#4b69ff) 42%,#ffffff15)!important;border-radius:10px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 13%,#19211b),#111713 68%)!important;box-shadow:0 10px 24px #0003,inset 0 1px #ffffff08!important;animation:result-card-enter .55s cubic-bezier(.15,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s!important}
.case-opening-panel .won-card:nth-child(2){animation-delay:.08s}.case-opening-panel .won-card:nth-child(3){animation-delay:.14s}.case-opening-panel .won-card:nth-child(4){animation-delay:.2s}.case-opening-panel .won-card:nth-child(5){animation-delay:.26s}.case-opening-panel .won-card:nth-child(6){animation-delay:.32s}.case-opening-panel .won-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #0005,0 0 25px color-mix(in srgb,var(--rarity-color) 10%,transparent)!important}
.won-card-rarity-line{height:3px;width:100%;box-shadow:0 0 13px currentColor}.won-card-image{height:clamp(115px,13vw,170px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--rarity-color) 23%,transparent),transparent 68%),linear-gradient(155deg,#60696329,#12171336);border-bottom:1px solid #ffffff0a}.won-card-image img,.won-card-image .skin-fallback{width:100%;height:100%;object-fit:contain;padding:10px;filter:drop-shadow(0 11px 10px #0009);animation:skin-reveal .8s cubic-bezier(.16,.78,.2,1) both}.won-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;min-width:0}.won-card-info .won-rarity{font-size:7px!important;letter-spacing:.14em!important}.won-card-info>b{width:100%;font-size:11px;line-height:1.4;color:#edf1e9;min-height:31px;overflow-wrap:anywhere}.won-card-info>strong{font-size:18px;color:#f6f8ef;letter-spacing:-.04em}.won-card-info .won-sold-status{color:#9ee279;font-size:7px;font-weight:900;letter-spacing:.11em}.won-sell-button{width:100%;margin-top:3px;padding:9px 8px;border:1px solid #ffffff20;border-radius:6px;background:#1b2c20;color:#b9f58f;font-size:8px;font-weight:950;letter-spacing:.05em;cursor:pointer;transition:background .2s,transform .2s}.won-sell-button:hover{background:#27442e;transform:translateY(-1px)}.won-sell-button:disabled{opacity:.7;cursor:default}.won-card.is-sold{opacity:.68}.won-card.is-sold .won-card-image img{filter:grayscale(.4) brightness(.75)}
.case-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:13px;border-top:1px solid #ffffff12}.case-result-bottom>small{color:#849183;font-size:8px;line-height:1.5;max-width:580px}.case-sell-all{flex-shrink:0;display:flex;align-items:center;gap:15px;padding:11px 14px;border-radius:7px;border:1px solid #ffffff22;background:#202720;color:#ebf0e9;font-size:8px;font-weight:950;letter-spacing:.08em;cursor:pointer}.case-sell-all b{color:#aef27c;font-size:12px}.case-sell-all:disabled{opacity:.55;cursor:default}
.case-live-sidebar{background:linear-gradient(180deg,#111813f5,#080c09f8)!important;border-right:1px solid #ffffff13!important;box-shadow:12px 0 35px #0002!important}.case-live-brand{padding:17px 13px!important;border-bottom:1px solid #ffffff10!important}.case-live-brand>span{display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#b7f77b,#5da73e);color:#0d160d!important;box-shadow:0 0 22px #a5ef7727}.case-live-status{margin:12px 11px 8px!important;padding:10px!important;border:1px solid #ffffff12!important;border-radius:7px!important;background:#ffffff04!important}.case-live-status b{font-size:8px!important;letter-spacing:.16em;color:#d3e1d0!important}.case-live-status small{font-size:7px!important;color:#7e8d80!important}.case-live-mode{display:none!important}.case-live-feed{padding:4px 8px 13px!important;gap:8px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52624f #101611;mask-image:linear-gradient(#000 0%,#000 92%,transparent 100%)}.case-live-item{position:relative!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:7px!important;border:1px solid #ffffff11!important;border-left:2px solid var(--rarity-color,#4b69ff)!important;border-radius:7px!important;background:linear-gradient(110deg,#ffffff07,#0d120f9c)!important;box-shadow:0 4px 13px #0002!important;min-height:86px!important;overflow:hidden!important;transition:transform .24s,border-color .24s,background .24s!important}.case-live-item:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--rarity-color) 40%,#ffffff15)!important;background:#ffffff0b!important}.case-live-item.case-feed-enter{animation:feed-drop-enter .54s cubic-bezier(.14,.85,.24,1) both}.case-live-image{height:62px!important;min-width:0!important;display:grid!important;place-items:center!important;border-radius:4px!important;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity-color) 19%,transparent),transparent 70%),#0a100c!important}.case-live-image img,.case-live-image .skin-fallback{width:100%!important;height:60px!important;object-fit:contain!important;filter:drop-shadow(0 5px 5px #0008);animation:skin-idle 4.7s ease-in-out infinite alternate}.case-live-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important}.case-feed-player{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}.case-feed-player b{font-size:7px!important;color:#a7f083!important;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-feed-player time{font-size:6px;color:#6f7f72}.case-live-copy .case-feed-skin-name{font-size:8px!important;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e5ece2!important}.case-live-copy small{font-size:6px!important;color:#7c8a7e!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.case-live-copy strong{font-size:9px!important;color:#d4eacb!important}.case-live-rarity-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;background:var(--rarity-color);border-radius:50%;box-shadow:0 0 8px var(--rarity-color)}.case-feed-empty{min-height:210px;margin:9px 4px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;border:1px dashed #ffffff1b;border-radius:10px;color:#8b9a8d}.case-feed-empty>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #a6ed7340;border-radius:50%;font-size:21px;color:#a6ed73;box-shadow:0 0 25px #a6ed7310}.case-feed-empty b{font-size:8px;letter-spacing:.14em;color:#becdbd}.case-feed-empty small{font-size:8px;line-height:1.5;color:#758277}.case-live-foot{padding:13px 11px!important;border-top:1px solid #ffffff10!important;color:#718272!important;font-size:6px!important;letter-spacing:.12em}
@keyframes case-light-breathe{from{opacity:.6;transform:translateY(0) scale(.9)}to{opacity:1;transform:translateY(10px) scale(1.12)}}
@keyframes case-art-enter{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1.06)}}
@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.15) rotateY(-15deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-9px) scale(1.16) rotateY(-11deg) rotateZ(-2deg)}}
@keyframes skin-orbit{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}
@keyframes skin-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes skin-rush{from{transform:translateX(-1px) scale(1.01)}to{transform:translateX(1px) scale(1.04)}}
@keyframes skin-reveal{0%{opacity:.3;transform:translateY(14px) scale(.8);filter:blur(5px) drop-shadow(0 0 0 transparent)}65%{opacity:1;transform:translateY(-3px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 11px 10px #0009)}}
@keyframes result-enter{from{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes result-card-enter{from{opacity:0;transform:translateY(17px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feed-drop-enter{from{opacity:0;transform:translateY(-15px) scale(.97);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes live-pulse{0%,100%{opacity:.65;box-shadow:0 0 4px currentColor}50%{opacity:1;box-shadow:0 0 13px currentColor}}
@media(max-width:1150px){.case-control-dock{grid-template-columns:1fr}.case-control-identity{display:none}.case-opening-actions{grid-template-columns:minmax(100px,.7fr) minmax(128px,.9fr) minmax(170px,1.2fr)!important}.case-screen-art .case-artwork{transform:scale(.93)}@keyframes case-art-enter{from{opacity:0;transform:translateY(15px) scale(.85)}to{opacity:1;transform:translateY(0) scale(.93)}}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.04) rotateY(-15deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-8px) scale(1.05) rotateY(-11deg) rotateZ(-2deg)}}}
@media(max-width:900px){.case-live-sidebar{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;border-right:0!important;border-bottom:1px solid #ffffff12!important}.case-opening-mode #page-cases{padding-left:10px!important;padding-right:10px!important}.case-opening-shell{display:flex!important;flex-direction:column!important}.case-live-brand{display:none!important}.case-live-status{margin:8px 10px!important}.case-live-feed{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:130px!important;padding:5px 9px 10px!important;mask-image:linear-gradient(90deg,#000 0%,#000 96%,transparent 100%)}.case-live-item{flex:0 0 230px!important;min-height:72px!important;grid-template-columns:56px minmax(0,1fr)!important}.case-live-image{height:52px!important}.case-live-image img,.case-live-image .skin-fallback{height:50px!important}.case-live-foot{display:none!important}.case-stage-case{min-height:390px}.case-screen-art{min-height:270px}.case-screen-art .case-artwork{min-height:270px;transform:scale(.88)}@keyframes case-art-enter{from{opacity:0;transform:translateY(15px) scale(.8)}to{opacity:1;transform:translateY(0) scale(.88)}}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(.96) rotateY(-15deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-7px) scale(.97) rotateY(-11deg) rotateZ(-2deg)}}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:130px!important;width:130px!important;min-width:130px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:108px!important}.case-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-opening-panel .drop-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.case-stage-case{min-height:320px}.case-screen-art{min-height:215px;padding:4px 0 0}.case-screen-art .case-artwork{min-height:210px;transform:scale(.76)}@keyframes case-art-enter{from{opacity:0;transform:translateY(12px) scale(.7)}to{opacity:1;transform:translateY(0) scale(.76)}}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(.82) rotateY(-15deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-5px) scale(.83) rotateY(-11deg) rotateZ(-2deg)}}.case-stage-caption{padding:12px 13px 10px;gap:9px}.case-stage-caption h2{font-size:26px}.case-stage-caption p{font-size:9px}.case-stage-mark{width:40px;height:40px;border-radius:10px;font-size:10px}.case-stage-mark span{font-size:15px}.case-stage-tip{padding:0 13px 12px;font-size:6px;gap:7px}.case-control-dock{padding:10px 9px 11px;gap:8px}.case-opening-actions{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)!important;gap:7px!important}.case-quantity-control select,.case-fast-toggle{height:40px!important;min-height:40px!important}.case-fast-toggle{justify-content:flex-start!important}.case-fast-toggle b{font-size:7px}.case-fast-toggle small{font-size:6px}.case-open-inline{grid-column:1/-1;height:44px!important}.case-open-inline strong{font-size:16px!important}.case-opening-panel .result-message{text-align:center!important;font-size:7px!important}.case-stage-spin{padding:12px 7px}.case-spin-heading{margin-bottom:10px;align-items:flex-start}.case-spin-heading h3{font-size:19px}.case-spin-heading p{font-size:8px;max-width:260px}.spin-status-pill{padding:6px 8px;font-size:6px}.case-inline-roulette.roulette.multi-roulette{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.case-inline-roulette.roulette.multi-roulette.lanes-1{grid-template-columns:minmax(0,1fr)!important}.case-inline-roulette .multi-reel-lane{height:108px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:91px!important;width:91px!important;min-width:91px!important;height:calc(100% - 23px)!important;margin-top:17px!important;padding:3px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:78px!important;height:54px!important}.case-inline-roulette .multi-reel-lane .reel-item>span{font-size:6px!important;max-width:86px!important;min-height:14px!important}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:7px!important}.case-inline-roulette .multi-reel-lane .lane-label{font-size:5px!important}.case-spin-foot{font-size:5px;margin-top:8px}.case-stage-results{padding:12px 8px}.case-result-banner{gap:8px;padding-bottom:10px}.case-result-emblem{width:35px;height:35px;border-radius:10px;font-size:17px}.case-result-banner h2{font-size:17px}.case-result-banner p{font-size:7px}.case-result-value small{font-size:5px}.case-result-value b{font-size:13px}.case-opening-panel .drop-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important}.won-card-image{height:100px}.won-card-info{padding:8px;gap:5px}.won-card-info>b{font-size:9px;min-height:26px}.won-card-info>strong{font-size:15px}.won-sell-button{font-size:7px;padding:8px 4px}.case-result-bottom{align-items:stretch;flex-direction:column;gap:9px;margin-top:10px}.case-sell-all{justify-content:center}.case-inline-roulette.roulette.multi-roulette.lanes-5,.case-inline-roulette.roulette.multi-roulette.lanes-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.case-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.case-screen-art,.case-screen-art *, .case-live-feed *, .won-card,.won-card-image img{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* LOOTFORGE v42 — premium case room polish (three states, max six openings). */
body.case-opening-mode #page-cases{padding:12px 26px 56px 258px!important;max-width:none!important;width:100%!important;min-height:calc(100vh - 74px)!important}
.case-live-sidebar{width:238px!important;top:74px!important;background:linear-gradient(180deg,#131a16f7,#090d0bf8 72%,#060807)!important;border-right:1px solid #c4d3bf22!important;box-shadow:14px 0 42px #0005!important}
.case-live-brand{padding:17px 15px 14px!important;min-height:74px}
.case-live-brand b{font-size:17px!important;letter-spacing:.045em!important}
.case-live-brand small{font-size:8px!important;letter-spacing:.2em!important}
.case-live-status{margin:12px 12px 10px!important;padding:12px!important;gap:9px!important}
.case-live-status .live-dot{width:8px!important;height:8px!important;flex:0 0 8px}
.case-live-status b{font-size:10px!important;letter-spacing:.14em!important}
.case-live-status small{font-size:9px!important;line-height:1.4!important;max-width:175px}
.case-live-feed{padding:5px 10px 14px!important;gap:9px!important;scroll-behavior:smooth!important;mask-image:linear-gradient(#000 0%,#000 96%,transparent 100%)!important}
.case-live-item{grid-template-columns:78px minmax(0,1fr)!important;gap:9px!important;padding:8px!important;min-height:100px!important;border-radius:9px!important;background:linear-gradient(120deg,#222c25e6,#0d120ff5)!important;box-shadow:0 8px 17px #0003,inset 0 1px #ffffff08!important}
.case-live-image{height:76px!important;border-radius:6px!important;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--rarity-color) 26%,transparent),transparent 70%),linear-gradient(145deg,#344038,#111713)!important}
.case-live-image img,.case-live-image .skin-fallback{height:72px!important;filter:drop-shadow(0 8px 8px #000a) saturate(1.1)!important;animation:feed-skin-float 3.8s ease-in-out infinite alternate!important}
.case-feed-player b{max-width:110px!important;font-size:9px!important;letter-spacing:.02em!important}
.case-feed-player time{font-size:8px!important;color:#879887!important}
.case-live-copy .case-feed-skin-name{font-size:10px!important;font-weight:850!important;line-height:1.25!important;-webkit-line-clamp:2!important;color:#f0f4ed!important}
.case-live-copy small{font-size:8px!important;color:#91a08e!important}
.case-live-copy strong{font-size:11px!important;color:#bdf49a!important;font-variant-numeric:tabular-nums}
.case-live-rarity-dot{width:7px!important;height:7px!important;top:8px!important;right:8px!important}
.case-feed-empty{min-height:230px!important;border-radius:12px!important;background:radial-gradient(ellipse at 50% 35%,#8bd45d0b,transparent 62%),#ffffff03}
.case-feed-empty b{font-size:10px!important;letter-spacing:.13em!important}
.case-feed-empty small{font-size:10px!important;line-height:1.55!important;max-width:175px}
.case-live-foot{font-size:8px!important;padding:14px 13px!important}
.case-inside-topbar{height:50px!important;margin-bottom:13px!important;padding:0 7px!important;grid-template-columns:1fr auto 1fr!important;border-bottom-color:#d7e5d52b!important;background:linear-gradient(90deg,transparent,#e1e9df0d 50%,transparent)!important}
.case-inside-topbar .case-back-link{font-size:10px!important;min-height:37px!important;padding:9px 13px!important;border-radius:7px!important;letter-spacing:.06em!important;background:#141a16dd!important}
.case-center-brand{font-size:18px!important;letter-spacing:.06em!important;color:#f1f5ee!important}
.case-screen-sound{width:40px!important;height:40px!important;border-radius:9px!important;font-size:19px!important;color:#f4f7f0!important;background:#101713b8!important;border:1px solid #ffffff18!important;transition:transform .2s,border-color .2s,color .2s}
.case-screen-sound:hover{transform:translateY(-2px);border-color:#b8f27d!important;color:#bdf58e!important}
.case-opening-panel{border-radius:16px!important;border-color:#c7d9c524!important;background:#0a0e0cf5!important;box-shadow:0 26px 76px #0008,0 0 0 1px #ffffff05!important}
.case-stage-case{min-height:510px!important;background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--case-color,#ff9b35) 24%,#303c33) 0%,#202a23 34%,#101612 72%,#090d0b 100%)!important}
.case-scene-backdrop{background:radial-gradient(ellipse at 20% 28%,#a8b4a51c 0%,transparent 25%),radial-gradient(ellipse at 85% 24%,#a1b4a01b 0%,transparent 23%),linear-gradient(180deg,#5f6b6266 0%,#303a33a8 34%,#131a16e8 70%,#090d0b 100%)!important}
.case-scene-backdrop:before{content:"";position:absolute;inset:-8%;background:repeating-linear-gradient(90deg,transparent 0 9%,#aeb8ad09 9.2% 9.5%,transparent 10% 18%),linear-gradient(0deg,#171d19 0%,transparent 40%,#d2dbd009 65%,#7b897e20 100%);filter:blur(9px);transform:scale(1.06)}
.case-scene-backdrop:after{content:"";position:absolute;left:-4%;right:-4%;bottom:18%;height:25%;background:linear-gradient(180deg,transparent,#c4d0c30a 15%,#090d0b7c 100%);filter:blur(9px)}
.case-scene-grid{opacity:.12!important;background-size:54px 54px!important;mask-image:linear-gradient(transparent,#000 45%,#000 78%,transparent)!important}
.case-scene-light{opacity:.88;top:-8%!important;height:78%!important;filter:blur(35px)!important}
.case-scene-floor{bottom:19%!important;height:2px!important;box-shadow:0 14px 70px color-mix(in srgb,var(--case-color,#ff9b35) 30%,transparent)!important}
.case-screen-art{min-height:355px!important;padding:7px 3% 0!important;overflow:hidden}
.case-screen-art .case-artwork{width:min(100%,1120px)!important;min-height:390px!important;height:100%!important;transform:scale(1.04)!important;animation:case-art-enter .85s cubic-bezier(.15,.86,.22,1) both!important}
.case-screen-art .case-art-meta{top:4.5%!important;left:2.5%!important;right:2.5%!important;font-size:10px!important;letter-spacing:.16em!important}
.case-screen-art .case-art-meta b{font-size:10px!important}
.case-screen-art .case-art-bottomline{left:2.5%!important;right:2.5%!important;bottom:2.5%!important;font-size:9px!important;letter-spacing:.16em!important}
.case-screen-art .case-art-bottomline b{font-size:11px!important}
.case-screen-art .case-art-sticker{top:11%!important;right:2.5%!important;padding:8px 10px!important;font-size:9px!important;letter-spacing:.1em!important;border-radius:6px!important}
.case-screen-art .case-crate-illustration{filter:drop-shadow(0 32px 35px #000c)!important}
.case-screen-art .case-crate-emblem{box-shadow:0 0 38px color-mix(in srgb,var(--case-color,#ff9b35) 29%,transparent)!important}
.case-screen-art .case-float-skin{height:clamp(120px,12vw,160px)!important;top:31%!important;width:32%!important;opacity:.94!important}
.case-screen-art .case-float-skin.float-left{left:0!important}
.case-screen-art .case-float-skin.float-right{right:0!important}
.case-screen-art .case-float-skin img{filter:drop-shadow(0 19px 18px #000b) saturate(1.18)!important}
.case-stage-caption{padding:19px clamp(22px,3vw,38px) 17px!important;background:linear-gradient(180deg,#0b100d00,#0b100df5 24%)!important}
.case-stage-caption .eyebrow{font-size:10px!important;letter-spacing:.18em!important}
.case-stage-caption h2{font-size:clamp(30px,3.15vw,46px)!important;margin:7px 0!important;letter-spacing:-.045em!important}
.case-stage-caption p{font-size:13px!important;line-height:1.45!important}
.case-stage-mark{width:64px!important;height:64px!important;border-radius:17px!important}
.case-stage-mark span{font-size:23px!important}
.case-stage-tip{font-size:9px!important;letter-spacing:.14em!important;padding:0 clamp(22px,3vw,38px) 18px!important}
.case-stage-tip>span:first-child{font-size:14px!important}
.case-control-dock{grid-template-columns:minmax(170px,.6fr) minmax(0,1.9fr)!important;padding:16px clamp(16px,2.4vw,30px) 15px!important;gap:20px!important;background:linear-gradient(105deg,#1b271f,#101612 63%,#182119)!important;border-top-color:#e0ead41c!important}
.case-control-identity small{font-size:9px!important;letter-spacing:.12em!important;color:#98a996!important}
.case-control-identity b{font-size:16px!important;color:#f4f6ef!important}
.case-control-live-dot{width:9px!important;height:9px!important;flex-basis:9px!important}
.case-opening-actions{grid-template-columns:minmax(135px,.72fr) minmax(170px,.9fr) minmax(225px,1.35fr)!important;gap:12px!important}
.case-quantity-control>span{font-size:9px!important;letter-spacing:.13em!important}
.case-quantity-control select{height:49px!important;border-radius:9px!important;font-size:12px!important;padding:0 12px!important}
.case-fast-toggle{min-height:49px!important;border-radius:9px!important;padding:8px 13px!important;justify-content:flex-start!important}
.case-fast-toggle b{font-size:10px!important}.case-fast-toggle small{font-size:9px!important}
.case-open-inline{height:49px!important;min-height:49px!important;border-radius:9px!important;box-shadow:0 8px 28px #ff9b3526,inset 0 1px #ffffffa0!important}
.case-open-inline .case-open-label{font-size:10px!important;letter-spacing:.08em!important}
.case-open-inline strong{font-size:20px!important}
.case-opening-panel .result-message{font-size:10px!important;padding:10px 12px 12px!important;background:#111813!important;color:#a8b4a5!important;min-height:22px!important;text-align:center!important}
.case-stage-spin{padding:24px clamp(14px,2.2vw,30px) 22px!important;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--case-color,#ff9b35) 16%,#1b251e),#0c110e 72%)!important}
.case-spin-heading{margin-bottom:20px!important}
.case-spin-heading .eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.case-spin-heading h3{font-size:clamp(25px,3vw,37px)!important;letter-spacing:-.04em!important}
.case-spin-heading p{font-size:12px!important;color:#a4b0a2!important}
.spin-status-pill{font-size:10px!important;padding:10px 14px!important}
.case-inline-roulette.roulette.multi-roulette{gap:13px!important}
.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:clamp(154px,15vw,188px)!important;border-radius:10px!important;border-color:#cddccc35!important;background:linear-gradient(120deg,#343c36,#1c241f 48%,#111712)!important;box-shadow:inset 0 0 34px #0007,0 12px 25px #0005,0 0 0 1px #ffffff04!important;transition:border-color .25s,box-shadow .25s,transform .25s!important}
.case-inline-roulette .multi-reel-lane:before{inset:5px!important;border-radius:7px!important;border:1px solid #ffffff12!important}
.case-inline-roulette .multi-reel-lane .lane-label{font-size:9px!important;padding:5px 8px!important;letter-spacing:.13em!important;border-radius:5px!important;background:#080d0bdd!important;color:#f1f7eb!important}
.case-inline-roulette .multi-reel-lane .lane-pointer{border-left:2px solid #f0ffbd!important;filter:drop-shadow(0 0 9px #d5ff74)!important}
.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:clamp(128px,13vw,166px)!important;width:clamp(128px,13vw,166px)!important;min-width:clamp(128px,13vw,166px)!important;padding:9px 8px!important;gap:7px!important;border-right-color:#ffffff15!important;border-bottom-width:4px!important;background:linear-gradient(155deg,#727b724b,#202923e8)!important}
.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:100%!important;height:clamp(76px,7.6vw,96px)!important;filter:drop-shadow(0 12px 12px #000b) saturate(1.14)!important}
.case-inline-roulette .multi-reel-lane .reel-item>span{max-width:100%!important;font-size:10px!important;min-height:25px!important;line-height:1.25!important;font-weight:800!important;color:#f5f7f1!important}
.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:11px!important;color:#d0f3b3!important}
.case-inline-roulette .multi-reel-lane.is-spinning{border-color:#efffb075!important;box-shadow:inset 0 0 50px #dfff7618,0 0 30px #dfff7620!important;transform:translateY(-1px)}
.case-inline-roulette .multi-reel-lane.is-spinning .reel-item img{animation:reel-skin-rush .22s ease-in-out infinite alternate!important;filter:blur(.35px) drop-shadow(0 11px 10px #0009)!important}
.case-inline-roulette .multi-reel-lane.is-landed{border-color:color-mix(in srgb,var(--rarity-color,#a6ed73) 65%,#ffffff2b)!important;box-shadow:inset 0 0 40px #a6ed7311,0 0 24px #a6ed7312!important}
.case-inline-roulette .multi-reel-lane.is-landed .reel-item.reel-winner{z-index:2;animation:winning-tile-pop .55s cubic-bezier(.14,.84,.26,1) both!important;border-bottom-color:var(--rarity-color)!important;box-shadow:inset 0 0 30px color-mix(in srgb,var(--rarity-color) 28%,transparent),0 0 22px color-mix(in srgb,var(--rarity-color) 22%,transparent)!important}
.case-spin-foot{font-size:9px!important;margin-top:15px!important;letter-spacing:.13em!important;color:#849383!important}
.case-stage-results{padding:clamp(18px,2.6vw,32px)!important;background:radial-gradient(ellipse at 50% -5%,#a8e8781c,transparent 46%),linear-gradient(135deg,#19231c,#090d0b 81%)!important}
.case-result-banner{padding-bottom:20px!important;gap:16px!important}
.case-result-emblem{width:58px!important;height:58px!important;border-radius:17px!important;font-size:26px!important}
.case-result-banner .eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.case-result-banner h2{font-size:clamp(24px,3vw,36px)!important;margin:6px 0!important}
.case-result-banner p{font-size:12px!important;line-height:1.5!important;color:#a5b0a3!important}
.case-result-value small{font-size:9px!important;letter-spacing:.13em!important}
.case-result-value b{font-size:24px!important}
.case-opening-panel .drop-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}
.case-opening-panel .won-card{border-radius:12px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 18%,#202a23),#0d130f 72%)!important;box-shadow:0 14px 30px #0005,inset 0 1px #ffffff12!important}
.won-card-rarity-line{height:4px!important;box-shadow:0 0 16px var(--rarity-color)!important}
.won-card-image{height:clamp(165px,17vw,225px)!important;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--rarity-color) 31%,transparent),transparent 68%),linear-gradient(150deg,#4b554d3d,#0b100d44)!important}
.won-card-image img,.won-card-image .skin-fallback{padding:13px!important;filter:drop-shadow(0 17px 17px #000b) saturate(1.15)!important;animation:skin-reveal .82s cubic-bezier(.15,.85,.23,1) both!important}
.won-card-info{gap:9px!important;padding:14px!important}
.won-card-info .won-rarity{font-size:9px!important;letter-spacing:.14em!important}
.won-card-info>b{font-size:14px!important;line-height:1.35!important;min-height:38px!important}
.won-card-info>strong{font-size:23px!important}
.won-card-info .won-sold-status{font-size:9px!important}
.won-sell-button{font-size:10px!important;padding:11px 10px!important;border-radius:8px!important;letter-spacing:.06em!important;background:linear-gradient(115deg,#1a2c20,#233d2b)!important;border-color:#a5ed733b!important}
.case-result-bottom{margin-top:19px!important;padding-top:15px!important}
.case-result-bottom>small{font-size:10px!important;line-height:1.6!important}
.case-sell-all{font-size:10px!important;border-radius:8px!important;padding:13px 17px!important}
.case-content-heading h2{font-size:clamp(25px,3vw,36px)!important;letter-spacing:-.04em!important}
.case-content-heading p{font-size:12px!important;line-height:1.5!important}
.case-content-heading .eyebrow{font-size:10px!important;letter-spacing:.17em!important}
.rarity-legend span{font-size:9px!important;padding:6px 9px!important}
.case-inside-toolbar{padding:13px 15px!important;gap:12px!important;border-radius:10px!important;background:#111813d9!important}
.case-inside-toolbar label{font-size:9px!important;letter-spacing:.13em!important}
.case-inside-toolbar input,.case-inside-toolbar select{min-height:42px!important;font-size:12px!important;border-radius:7px!important}
.case-odds-note{font-size:10px!important;line-height:1.5!important}
.case-drop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.case-drop-card{padding:11px!important;border-radius:9px!important;background:linear-gradient(145deg,#242f27,#111713)!important}
.case-drop-image{min-height:140px!important;background:radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--rarity-color) 27%,transparent),transparent 68%),linear-gradient(150deg,#64716735,#10151150)!important}
.case-drop-image img,.case-drop-image .skin-fallback{height:128px!important;filter:drop-shadow(0 11px 10px #0009)!important}
.case-drop-rarity{font-size:9px!important;letter-spacing:.12em!important}
.case-drop-card h3{font-size:12px!important;line-height:1.4!important;min-height:35px!important}
.case-drop-meta strong{font-size:14px!important}.case-drop-meta small{font-size:9px!important}
@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.78) rotateY(-14deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-12px) scale(1.82) rotateY(-9deg) rotateZ(-1.8deg)}}
@keyframes case-art-enter{from{opacity:0;transform:translateY(24px) scale(.97);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1.04);filter:blur(0)}}
@keyframes feed-skin-float{from{transform:translateY(2px) rotate(-2deg) scale(.96)}to{transform:translateY(-4px) rotate(2deg) scale(1.02)}}
@keyframes reel-skin-rush{from{transform:translateY(1px) scale(.97) rotate(-1deg)}to{transform:translateY(-3px) scale(1.03) rotate(1deg)}}
@keyframes winning-tile-pop{0%{filter:brightness(1);transform:scale(1)}40%{filter:brightness(1.6);transform:scale(1.035)}100%{filter:brightness(1.08);transform:scale(1)}}
@media(max-width:1150px){body.case-opening-mode #page-cases{padding-left:252px!important;padding-right:18px!important}.case-live-sidebar{width:232px!important}.case-screen-art .case-crate-illustration{transform:translateX(-50%) scale(1.58) rotateY(-15deg) rotateZ(-3deg)}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.58) rotateY(-14deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-9px) scale(1.61) rotateY(-9deg) rotateZ(-1.8deg)}}.case-opening-actions{grid-template-columns:minmax(110px,.72fr) minmax(135px,.9fr) minmax(190px,1.35fr)!important}}
@media(max-width:900px){body.case-opening-mode #page-cases{padding:10px 14px 42px!important}.case-live-sidebar{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:260px!important}.case-live-brand{display:none!important}.case-live-status{margin:8px 10px!important}.case-live-feed{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:145px!important;gap:9px!important;padding:6px 10px 12px!important;mask-image:linear-gradient(90deg,#000 0%,#000 96%,transparent 100%)!important}.case-live-item{flex:0 0 250px!important;min-height:88px!important;grid-template-columns:68px minmax(0,1fr)!important}.case-live-image{height:65px!important}.case-live-image img,.case-live-image .skin-fallback{height:62px!important}.case-live-foot{display:none!important}.case-opening-shell{display:flex!important;flex-direction:column!important}.case-stage-case{min-height:470px!important}.case-screen-art{min-height:310px!important}.case-screen-art .case-artwork{min-height:350px!important;transform:scale(.94)!important}@keyframes case-art-enter{from{opacity:0;transform:translateY(18px) scale(.88);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(.94);filter:blur(0)}}.case-screen-art .case-crate-illustration{transform:translateX(-50%) scale(1.4) rotateY(-15deg) rotateZ(-3deg)!important}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.4) rotateY(-14deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-7px) scale(1.42) rotateY(-9deg) rotateZ(-1.8deg)}}.case-control-dock{grid-template-columns:1fr!important;gap:12px!important}.case-control-identity{display:flex!important}.case-opening-actions{grid-template-columns:minmax(120px,.7fr) minmax(150px,.9fr) minmax(190px,1.35fr)!important}.case-opening-panel .drop-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}.case-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){body.case-opening-mode #page-cases{padding:8px!important}.case-live-sidebar{max-height:220px!important}.case-live-status b{font-size:9px!important}.case-live-status small{font-size:8px!important}.case-live-feed{max-height:128px!important}.case-live-item{flex-basis:218px!important;min-height:78px!important;grid-template-columns:58px minmax(0,1fr)!important;padding:6px!important}.case-live-image,.case-live-image img,.case-live-image .skin-fallback{height:56px!important}.case-live-copy .case-feed-skin-name{font-size:9px!important}.case-inside-topbar{height:43px!important;gap:5px!important;margin-bottom:8px!important}.case-inside-topbar .case-back-link{font-size:8px!important;min-height:33px!important;padding:6px 8px!important}.case-center-brand{font-size:13px!important}.case-screen-sound{height:33px!important;width:33px!important}.case-stage-case{min-height:370px!important}.case-screen-art{min-height:235px!important;padding:2px 0 0!important}.case-screen-art .case-artwork{min-height:250px!important;transform:scale(.76)!important}@keyframes case-art-enter{from{opacity:0;transform:translateY(12px) scale(.7);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(.76);filter:blur(0)}}.case-screen-art .case-crate-illustration{transform:translateX(-50%) scale(1.05) rotateY(-15deg) rotateZ(-3deg)!important}@keyframes crate-float{0%,100%{transform:translateX(-50%) translateY(0) scale(1.05) rotateY(-14deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-5px) scale(1.07) rotateY(-9deg) rotateZ(-1.8deg)}}.case-screen-art .case-float-skin{height:100px!important;width:35%!important}.case-stage-caption{padding:12px 13px 10px!important}.case-stage-caption h2{font-size:25px!important}.case-stage-caption p{font-size:10px!important}.case-stage-caption .eyebrow{font-size:8px!important}.case-stage-mark{width:42px!important;height:42px!important;border-radius:12px!important}.case-stage-tip{font-size:7px!important;padding:0 13px 13px!important}.case-stage-tip>span:first-child{font-size:11px!important}.case-control-dock{padding:11px 9px!important;gap:8px!important}.case-control-identity small{font-size:7px!important}.case-control-identity b{font-size:13px!important}.case-opening-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}.case-quantity-control>span{font-size:7px!important}.case-quantity-control select,.case-fast-toggle{height:41px!important;min-height:41px!important}.case-fast-toggle b{font-size:8px!important}.case-fast-toggle small{font-size:7px!important}.case-open-inline{grid-column:1/-1;height:45px!important}.case-open-inline .case-open-label{font-size:8px!important}.case-open-inline strong{font-size:16px!important}.case-opening-panel .result-message{font-size:8px!important;padding:6px!important}.case-stage-spin{padding:14px 8px!important}.case-spin-heading h3{font-size:20px!important}.case-spin-heading p{font-size:9px!important}.case-spin-heading .eyebrow{font-size:7px!important}.spin-status-pill{font-size:7px!important;padding:6px 8px!important}.case-inline-roulette.roulette.multi-roulette{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.case-inline-roulette.roulette.multi-roulette.lanes-1{grid-template-columns:minmax(0,1fr)!important}.case-inline-roulette .multi-reel-lane{height:117px!important}.case-inline-roulette .multi-reel-lane .lane-label{font-size:6px!important;left:5px!important;top:5px!important;padding:3px 5px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:96px!important;width:96px!important;min-width:96px!important;height:calc(100% - 22px)!important;margin-top:17px!important;padding:4px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{width:83px!important;height:59px!important}.case-inline-roulette .multi-reel-lane .reel-item>span{font-size:7px!important;max-width:90px!important;min-height:17px!important}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:7px!important}.case-spin-foot{font-size:6px!important}.case-stage-results{padding:12px 9px!important}.case-result-banner{gap:8px!important;padding-bottom:12px!important}.case-result-emblem{width:38px!important;height:38px!important;border-radius:11px!important;font-size:17px!important}.case-result-banner .eyebrow{font-size:7px!important}.case-result-banner h2{font-size:20px!important}.case-result-banner p{font-size:8px!important}.case-result-value small{font-size:6px!important}.case-result-value b{font-size:14px!important}.case-opening-panel .drop-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important}.won-card-image{height:116px!important}.won-card-info{padding:8px!important;gap:6px!important}.won-card-info .won-rarity{font-size:7px!important}.won-card-info>b{font-size:9px!important;min-height:27px!important}.won-card-info>strong{font-size:16px!important}.won-sell-button{font-size:7px!important;padding:8px 5px!important}.case-result-bottom>small{font-size:8px!important}.case-sell-all{font-size:8px!important;padding:10px 12px!important}.case-content-heading{align-items:flex-start;flex-direction:column;gap:8px}.case-content-heading h2{font-size:23px!important}.case-content-heading p{font-size:9px!important}.rarity-legend{flex-wrap:wrap;justify-content:flex-start}.rarity-legend span{font-size:7px!important;padding:5px 6px!important}.case-inside-toolbar{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:8px!important}.case-inside-toolbar>div:first-child,.case-odds-note{grid-column:1/-1!important}.case-inside-toolbar label{font-size:7px!important}.case-inside-toolbar input,.case-inside-toolbar select{min-height:35px!important;font-size:10px!important}.case-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.case-drop-card{padding:7px!important}.case-drop-image{min-height:88px!important}.case-drop-image img,.case-drop-image .skin-fallback{height:82px!important}.case-drop-card h3{font-size:9px!important;min-height:28px!important}.case-drop-meta strong{font-size:11px!important}.case-drop-meta small{font-size:7px!important}}
@media(prefers-reduced-motion:reduce){.case-screen-art,.case-screen-art *, .case-live-feed *, .case-inline-roulette *, .won-card,.won-card-image img{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* On the case cover, showcase the box itself; weapon art is reserved for the reel and results. */
.case-screen-art .case-float-skin{display:none!important}
.case-stage-case .case-screen-art{min-height:390px!important}
.case-screen-art .case-crate-illustration{bottom:40px!important}
.case-stage-case .case-scene-backdrop:before{background:repeating-linear-gradient(90deg,transparent 0 10%,#d5dfd20b 10.2% 10.6%,transparent 10.8% 21%),linear-gradient(180deg,#acb8a91c 0%,#4e5c53a6 30%,#161f18b8 55%,#0a0e0b 100%)!important;filter:blur(11px)!important}
.case-stage-case .case-scene-backdrop:after{height:32%!important;bottom:9%!important;background:linear-gradient(180deg,transparent 0%,#9ca99b14 24%,#0a0e0bcf 100%)!important;filter:blur(12px)!important}
.case-stage-case .case-crate-front{background:linear-gradient(110deg,color-mix(in srgb,var(--case-color,#ff9b35) 30%,#343c35) 0%,#232a25 44%,#111612 100%)!important;box-shadow:inset 0 0 0 4px #ffffff09,inset 0 -22px 36px #0008!important}
.case-stage-case .case-crate-top{background:linear-gradient(120deg,color-mix(in srgb,var(--case-color,#ff9b35) 78%,#292d2a),#555d53 55%,color-mix(in srgb,var(--case-color,#ff9b35) 60%,#141a15))!important}
.case-stage-case .case-crate-side{background:linear-gradient(90deg,#353e37,#121713)!important;border-color:#727c6e!important}
.case-stage-case .case-crate-stripe{width:9px!important;opacity:.84!important}
.case-stage-case .case-crate-emblem{width:58px!important;height:62px!important;border-radius:4px!important}
.case-stage-case .case-crate-emblem b{font-size:30px!important}
.case-stage-case .case-crate-emblem small{font-size:6px!important}
@media(max-width:650px){.case-stage-case .case-screen-art{min-height:245px!important}.case-screen-art .case-crate-illustration{bottom:34px!important}}

/* LOOTFORGE v43 — cinematic case room matching the three reference screens. */
.case-stage[hidden]{display:none!important}
.case-stage.stage-enter{animation:lf-stage-enter .48s cubic-bezier(.16,.82,.22,1) both}
@keyframes lf-stage-enter{from{opacity:0;transform:translateY(13px) scale(.992);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
body.case-opening-mode #page-cases{padding-top:10px!important}
.case-opening-panel.panel{border-radius:13px!important;border-color:#a1b49a24!important;box-shadow:0 27px 75px #0008,0 0 0 1px #b9f39409,inset 0 1px #ffffff0b!important}
.case-stage-case{min-height:clamp(470px,64vh,660px)!important;background:linear-gradient(180deg,#86948a 0%,#626e63 23%,#3a453b 45%,#111713 79%,#080b09 100%)!important}
.case-stage-case .case-scene-backdrop{z-index:0!important;background:linear-gradient(180deg,#a4b1a87d 0%,#6a786d9c 35%,#303d32dc 64%,#111712 100%)!important}
.case-stage-case .case-scene-backdrop:before{content:"";position:absolute;inset:-7%;background:linear-gradient(180deg,#a5b4ad 0%,#7c8b80 25%,#526258 45%,#313d34 58%,#1a241d 100%),linear-gradient(90deg,#29382f 0 7%,transparent 7% 17%,#8b988d 17% 23%,transparent 23% 72%,#8e9b90 72% 80%,#1b2820 80% 91%,transparent 91%),repeating-linear-gradient(90deg,transparent 0 7.5%,#101a1644 7.7% 8.3%,transparent 8.5% 17%);filter:blur(13px);transform:scale(1.06);opacity:.92}
.case-stage-case .case-scene-backdrop:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-9%;height:48%;background:repeating-linear-gradient(176deg,#c2c9bd09 0 2px,transparent 3px 31px),repeating-linear-gradient(90deg,transparent 0 18%,#10161036 18.2% 18.8%,transparent 19% 37%),linear-gradient(180deg,#5f6c5d77,#171d17 79%);filter:blur(7px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.case-stage-case .case-scene-grid{opacity:.13!important;background-size:64px 64px!important;transform:perspective(700px) rotateX(62deg) scale(1.45)!important}
.case-stage-case .case-scene-light{top:3%!important;left:23%!important;width:54%!important;height:65%!important;filter:blur(52px)!important;opacity:.7!important;animation:lf-case-light 5.5s ease-in-out infinite alternate!important}
@keyframes lf-case-light{from{transform:translateY(5px) scale(.88);opacity:.45}to{transform:translateY(-8px) scale(1.12);opacity:.9}}
.case-stage-case .case-scene-floor{left:15%!important;right:15%!important;bottom:21%!important;height:2px!important;box-shadow:0 10px 80px 24px color-mix(in srgb,var(--case-color,#ff9b35) 23%,transparent)!important;opacity:.8!important}
.case-stage-case .case-screen-art{min-height:clamp(335px,45vh,470px)!important;padding:0!important;perspective:1500px!important;z-index:2!important}
.case-stage-case .case-screen-art .case-artwork{width:100%!important;min-height:clamp(335px,45vh,470px)!important;transform:none!important;animation:lf-art-arrive .75s cubic-bezier(.15,.8,.2,1) both!important}
@keyframes lf-art-arrive{from{opacity:0;filter:blur(8px);transform:translateY(18px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
.case-stage-case .case-screen-art .case-float-skin,.case-stage-case .case-screen-art .case-art-meta,.case-stage-case .case-screen-art .case-art-bottomline,.case-stage-case .case-screen-art .case-art-sticker{display:none!important}
.case-stage-case .case-screen-art .case-art-halo{width:420px!important;height:210px!important;left:calc(50% - 210px)!important;top:calc(50% - 115px)!important;transform:rotateX(68deg) rotateZ(-8deg)!important;opacity:.5!important;box-shadow:0 0 45px color-mix(in srgb,var(--case-color,#ff9b35) 18%,transparent)!important;animation:lf-halo-pulse 4s ease-in-out infinite alternate}
.case-stage-case .case-screen-art .case-art-halo.halo-two{width:510px!important;height:260px!important;left:calc(50% - 255px)!important;top:calc(50% - 143px)!important;opacity:.24!important;animation-delay:-1.8s!important}
@keyframes lf-halo-pulse{from{opacity:.22;scale:.94}to{opacity:.58;scale:1.04}}
.case-stage-case .case-screen-art .case-crate-illustration{width:127px!important;height:146px!important;bottom:clamp(48px,7vh,76px)!important;transform:translateX(-50%) scale(2.05) rotateY(-16deg) rotateZ(-3deg)!important;filter:drop-shadow(0 43px 36px #000c) saturate(1.15)!important;animation:lf-crate-hover 5.1s ease-in-out infinite!important}
@keyframes lf-crate-hover{0%,100%{transform:translateX(-50%) translateY(1px) scale(2.05) rotateY(-16deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-12px) scale(2.08) rotateY(-11deg) rotateZ(-2deg)}}
.case-stage-case .case-screen-art .case-crate-front{background:linear-gradient(116deg,color-mix(in srgb,var(--case-color,#ff9b35) 25%,#343d35) 0%,#252c27 44%,#0d130f 100%)!important;border-color:color-mix(in srgb,var(--case-color,#ff9b35) 61%,#9ba69a)!important;box-shadow:inset 0 0 0 3px #ffffff0b,inset 0 -30px 37px #0009,0 0 44px color-mix(in srgb,var(--case-color,#ff9b35) 12%,transparent)!important}
.case-stage-case .case-screen-art .case-crate-top{filter:brightness(1.12)!important}
.case-stage-case .case-screen-art .case-crate-side{background:linear-gradient(90deg,#38443a,#101510)!important}
.case-stage-case .case-screen-art .case-crate-emblem{box-shadow:0 0 42px color-mix(in srgb,var(--case-color,#ff9b35) 27%,transparent)!important}
.case-stage-caption{background:linear-gradient(180deg,#0b100dba,#090d0bf8 19%)!important;padding:20px clamp(22px,3.8vw,48px) 16px!important;border-top:1px solid #ffffff13!important}
.case-stage-caption .eyebrow{font-size:9px!important;letter-spacing:.21em!important}
.case-stage-caption h2{font-size:clamp(31px,3.4vw,48px)!important;letter-spacing:-.055em!important}
.case-stage-caption p{font-size:12px!important;color:#acb8ab!important}
.case-stage-mark{border-color:color-mix(in srgb,var(--case-color,#ff9b35) 54%,#ffffff26)!important;background:color-mix(in srgb,var(--case-color,#ff9b35) 9%,#0e1410)!important;box-shadow:0 0 40px color-mix(in srgb,var(--case-color,#ff9b35) 12%,transparent)!important}
.case-stage-tip{padding:0 clamp(22px,3.8vw,48px) 18px!important;background:#090d0bf8!important;font-size:8px!important;letter-spacing:.17em!important}
.case-control-dock{background:linear-gradient(105deg,#1b251d,#0d130f 62%,#171e18)!important;border-top:1px solid #cfdfc019!important}
.case-control-live-dot{box-shadow:0 0 14px #a4f18085!important;animation:live-pulse 1.8s ease-in-out infinite}
.case-quantity-control select,.case-fast-toggle{border-radius:8px!important;background:#101813!important;border-color:#b8c8b31e!important}
.case-fast-toggle:hover,.case-quantity-control select:focus{border-color:#a5e87970!important}
.case-open-inline{position:relative!important;overflow:hidden!important;border-radius:8px!important;min-height:52px!important;background:linear-gradient(105deg,#ffbf68 0%,#ff9637 52%,#f17b27 100%)!important;box-shadow:0 8px 28px #ff9c3728,inset 0 1px #ffffff8a!important;transition:transform .2s,box-shadow .2s,filter .2s!important}
.case-open-inline:before{content:"";position:absolute;top:-100%;bottom:-100%;left:-40%;width:22%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff77,transparent);animation:lf-button-sheen 4.8s ease-in-out infinite;pointer-events:none}
@keyframes lf-button-sheen{0%,56%{left:-40%;opacity:0}65%{opacity:1}88%,100%{left:130%;opacity:0}}
.case-open-inline:hover{transform:translateY(-2px)!important;box-shadow:0 12px 35px #ff9c3745,inset 0 1px #ffffffa8!important}
.case-open-inline .case-open-label{font-size:10px!important;letter-spacing:.1em!important}.case-open-inline strong{font-size:20px!important}
.case-stage-spin{position:relative!important;overflow:hidden!important;min-height:330px!important;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--case-color,#ff9b35) 20%,#202b24),#0b100d 74%)!important}
.case-stage-spin:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(135deg,transparent 0 42px,#ffffff05 43px 44px,transparent 45px 84px),radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--case-color,#ff9b35) 20%,transparent),transparent 63%)}
.case-spin-heading{position:relative;z-index:1;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:18px!important;padding:0 4px 15px!important;border-bottom:1px solid #ffffff15!important}
.case-spin-heading h3{font-size:clamp(28px,3vw,38px)!important;letter-spacing:-.055em!important;text-shadow:0 3px 19px #0008!important}
.case-spin-heading p{max-width:570px!important;font-size:12px!important;line-height:1.55!important}
.spin-status-pill{border:1px solid #a6ee7340!important;border-radius:999px!important;background:#a2f1760e!important;color:#c9edb9!important}
.case-inline-roulette.roulette.multi-roulette{position:relative!important;z-index:1;grid-template-columns:repeat(var(--lane-cols,3),minmax(0,1fr))!important;grid-auto-rows:minmax(156px,auto)!important;gap:13px!important;padding:4px 0!important}
.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:clamp(152px,15vw,184px)!important;min-height:152px!important;border-radius:9px!important;border-color:#d3e5cf30!important;background:linear-gradient(110deg,#1c261fd9,#374238c9 45%,#121914e8)!important;box-shadow:inset 0 0 32px #0008,0 12px 24px #0004!important}
.case-inline-roulette .multi-reel-lane:before{border-radius:6px!important;border:1px solid #ffffff11!important}
.case-inline-roulette .multi-reel-lane .lane-pointer{left:50%!important;border-left:2px solid #f4ffbd!important;filter:drop-shadow(0 0 7px #c9f976)!important}
.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:clamp(126px,12vw,164px)!important;width:clamp(126px,12vw,164px)!important;min-width:clamp(126px,12vw,164px)!important;height:calc(100% - 18px)!important;margin-top:15px!important;padding:8px!important;border-bottom-width:4px!important;background:linear-gradient(155deg,#6571664f,#151c17e8)!important;transition:background .25s,filter .25s!important}
.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{height:clamp(75px,7.6vw,100px)!important;filter:drop-shadow(0 11px 12px #000b) saturate(1.18) contrast(1.04)!important}
.case-inline-roulette .multi-reel-lane.is-spinning .reel-item img{animation:lf-reel-image-rush .2s ease-in-out infinite alternate!important}
@keyframes lf-reel-image-rush{from{transform:translateY(-1px) scale(.98);filter:blur(.35px) drop-shadow(0 7px 8px #0008) saturate(1.12)}to{transform:translateY(1px) scale(1.015);filter:blur(.05px) drop-shadow(0 12px 11px #000a) saturate(1.3)}}
.case-inline-roulette .multi-reel-lane.is-spinning{border-color:#d4ff9177!important;box-shadow:inset 0 0 45px #c8ff7711,0 0 26px #a5ed7321!important}
.case-inline-roulette .multi-reel-lane.is-landed .reel-item.reel-winner{animation:lf-roulette-winner .72s cubic-bezier(.12,.85,.22,1) both!important}
@keyframes lf-roulette-winner{0%{transform:scale(.92);filter:brightness(.75)}45%{transform:scale(1.06);filter:brightness(1.3)}75%{transform:scale(.99);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}}
.case-stage-results{position:relative!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 0%,#a6f37d1e,transparent 53%),linear-gradient(130deg,#1b251e,#090d0b 80%)!important}
.case-stage-results:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 56px,#ffffff03 57px 58px,transparent 59px 112px)}
.case-result-banner,.case-opening-panel .drop-preview,.case-result-bottom{position:relative;z-index:1}
.case-result-emblem{background:radial-gradient(ellipse,#a5ef771a,#111812)!important;border-color:#a4ed774a!important;box-shadow:0 0 35px #a5ef7715!important;animation:lf-result-emblem 3.6s ease-in-out infinite}
@keyframes lf-result-emblem{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.04)}}
.case-opening-panel .drop-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-height:none!important;overflow:visible!important;margin-top:18px!important}
.case-opening-panel .result-won-card{position:relative;overflow:hidden!important;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--rarity-color) 55%,#ffffff16)!important;box-shadow:0 14px 36px #0006,inset 0 1px #ffffff15!important;animation:lf-result-card .62s cubic-bezier(.14,.82,.23,1) both!important;animation-delay:calc(var(--result-index,0)*.105s)!important;transform-origin:50% 75%}
@keyframes lf-result-card{0%{opacity:0;transform:translateY(32px) scale(.88) rotateX(6deg);filter:blur(6px)}70%{opacity:1;transform:translateY(-4px) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.case-opening-panel .result-won-card:after{content:"";position:absolute;inset:-60% -40%;background:linear-gradient(110deg,transparent 45%,#ffffff12 50%,transparent 55%);transform:translateX(-80%) rotate(12deg);animation:lf-result-glint 4.6s ease-in-out infinite;pointer-events:none}
@keyframes lf-result-glint{0%,58%{transform:translateX(-80%) rotate(12deg);opacity:0}68%{opacity:1}92%,100%{transform:translateX(80%) rotate(12deg);opacity:0}}
.case-opening-panel .won-card-image{height:clamp(150px,16vw,210px)!important;border-radius:6px!important;overflow:hidden!important}
.case-opening-panel .won-card-image img{animation:lf-won-skin-float 4.7s ease-in-out infinite!important;filter:drop-shadow(0 13px 11px #000b) saturate(1.2) contrast(1.06)!important}
@keyframes lf-won-skin-float{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-5px) rotate(1deg) scale(1.025)}}
.case-opening-panel .won-card-info{display:flex!important;flex-direction:column;gap:8px!important;padding:13px!important}
.case-opening-panel .won-card-info>b{font-size:12px!important;line-height:1.4!important;min-height:32px!important}
.case-opening-panel .won-card-info>strong{font-size:22px!important;color:#ecf6e6!important}
.case-opening-panel .won-sell-button{min-height:40px!important;border-radius:6px!important;background:linear-gradient(110deg,#2b382c,#1a231d)!important;border:1px solid #a4d18c3d!important;color:#c5e8b7!important;font-size:10px!important;font-weight:900!important;transition:transform .18s,background .18s,border-color .18s!important}
.case-opening-panel .won-sell-button:hover{transform:translateY(-1px)!important;background:linear-gradient(110deg,#476442,#253b29)!important;border-color:#a4ed77aa!important}
.case-opening-panel .won-card.is-sold{opacity:.62;filter:saturate(.65)}
.case-result-bottom{margin-top:17px!important;padding-top:16px!important;border-top:1px solid #ffffff16!important}
.case-sell-all{border-radius:7px!important;min-height:45px!important;background:linear-gradient(110deg,#aaf276,#6abf53)!important;color:#10200d!important;box-shadow:0 8px 24px #8fe66f22!important}
.case-live-status .live-dot{animation:live-pulse 1.4s ease-in-out infinite!important}
.case-live-feed{scroll-behavior:smooth!important;overflow-anchor:none!important}
.case-live-item.case-feed-enter{animation:lf-feed-new .62s cubic-bezier(.14,.85,.2,1) both!important}
@keyframes lf-feed-new{from{opacity:0;transform:translateY(-24px) scale(.94);filter:blur(4px)}65%{opacity:1;transform:translateY(2px) scale(1.01);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.case-live-item:before{content:"NEW DROP";position:absolute;top:5px;right:5px;padding:2px 4px;border-radius:3px;background:#91da6c;color:#10200d;font-size:5px;font-weight:1000;letter-spacing:.08em;opacity:0;transform:translateY(-2px);pointer-events:none}
.case-live-item.case-feed-enter:before{animation:lf-new-label 2.2s ease-out both}
@keyframes lf-new-label{0%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-3px)}}
@media(max-width:1150px){.case-stage-case{min-height:520px!important}.case-screen-art .case-crate-illustration{transform:translateX(-50%) scale(1.68) rotateY(-16deg) rotateZ(-3deg)!important}@keyframes lf-crate-hover{0%,100%{transform:translateX(-50%) translateY(1px) scale(1.68) rotateY(-16deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-9px) scale(1.71) rotateY(-11deg) rotateZ(-2deg)}}.case-opening-panel .won-card-info>strong{font-size:18px!important}}
@media(max-width:900px){body.case-opening-mode #page-cases{padding:10px 13px 42px!important}.case-live-sidebar{width:100%!important;max-height:255px!important}.case-live-feed{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;gap:9px!important;padding:7px 10px 12px!important}.case-live-item{flex:0 0 250px!important;min-height:86px!important}.case-stage-case{min-height:470px!important}.case-stage-case .case-screen-art{min-height:310px!important}.case-stage-case .case-screen-art .case-artwork{min-height:310px!important}.case-stage-case .case-screen-art .case-crate-illustration{bottom:48px!important;transform:translateX(-50%) scale(1.4) rotateY(-16deg) rotateZ(-3deg)!important}@keyframes lf-crate-hover{0%,100%{transform:translateX(-50%) translateY(1px) scale(1.4) rotateY(-16deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-8px) scale(1.43) rotateY(-11deg) rotateZ(-2deg)}}.case-inline-roulette.roulette.multi-roulette{grid-template-columns:repeat(var(--lane-cols,3),minmax(0,1fr))!important;gap:9px!important}.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:145px!important;min-height:145px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:clamp(100px,15vw,140px)!important;width:clamp(100px,15vw,140px)!important;min-width:clamp(100px,15vw,140px)!important}.case-opening-panel .drop-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.case-opening-panel .won-card-image{height:140px!important}}
@media(max-width:650px){body.case-opening-mode #page-cases{padding:7px!important}.case-live-sidebar{max-height:205px!important}.case-live-status{margin:6px 8px!important;padding:8px!important}.case-live-feed{max-height:115px!important;padding:5px 8px 8px!important}.case-live-item{flex-basis:220px!important;min-height:73px!important;grid-template-columns:58px minmax(0,1fr)!important;padding:6px!important}.case-live-image,.case-live-image img,.case-live-image .skin-fallback{height:56px!important}.case-inside-topbar{grid-template-columns:1fr auto 1fr!important}.case-stage-case{min-height:360px!important}.case-stage-case .case-screen-art{min-height:230px!important}.case-stage-case .case-screen-art .case-artwork{min-height:230px!important}.case-stage-case .case-screen-art .case-crate-illustration{bottom:34px!important;transform:translateX(-50%) scale(1.08) rotateY(-16deg) rotateZ(-3deg)!important}@keyframes lf-crate-hover{0%,100%{transform:translateX(-50%) translateY(1px) scale(1.08) rotateY(-16deg) rotateZ(-3deg)}50%{transform:translateX(-50%) translateY(-5px) scale(1.1) rotateY(-11deg) rotateZ(-2deg)}}.case-stage-caption{padding:12px 13px 10px!important}.case-stage-caption h2{font-size:24px!important}.case-stage-caption p{font-size:10px!important}.case-stage-mark{width:41px!important;height:41px!important}.case-stage-tip{font-size:6px!important}.case-control-dock{padding:10px!important;gap:8px!important}.case-opening-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.case-open-inline{grid-column:1/-1!important;min-width:0!important}.case-stage-spin{padding:12px 8px!important}.case-spin-heading{align-items:flex-start!important;margin-bottom:9px!important}.case-spin-heading h3{font-size:20px!important}.case-spin-heading p{font-size:8px!important}.case-inline-roulette.roulette.multi-roulette{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.case-inline-roulette.roulette.multi-roulette.lanes-1{grid-template-columns:minmax(0,1fr)!important}.case-inline-roulette.roulette.multi-roulette .multi-reel-lane{height:110px!important;min-height:110px!important}.case-inline-roulette .multi-reel-lane .reel-item{flex-basis:93px!important;width:93px!important;min-width:93px!important;height:calc(100% - 18px)!important;margin-top:14px!important;padding:3px!important}.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{height:56px!important;width:82px!important}.case-inline-roulette .multi-reel-lane .reel-item>span{font-size:6px!important;min-height:14px!important}.case-inline-roulette .multi-reel-lane .reel-item>b{font-size:6px!important}.case-opening-panel .drop-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.case-opening-panel .won-card-image{height:100px!important}.case-opening-panel .won-card-info{padding:8px!important;gap:6px!important}.case-opening-panel .won-card-info>b{font-size:9px!important;min-height:28px!important}.case-opening-panel .won-card-info>strong{font-size:15px!important}.case-opening-panel .won-sell-button{min-height:35px!important;font-size:7px!important}.case-result-banner{gap:8px!important}.case-result-banner h2{font-size:19px!important}.case-result-value b{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.stage-enter,.case-stage-case .case-crate-illustration,.case-stage-case .case-art-halo,.won-card-image img,.case-live-item.case-feed-enter,.case-open-inline:before{animation:none!important;transition:none!important}}


/* LOOTFORGE v44 polish: live drops belong to the case catalogue, predictable roulette and centered results. */
#page-cases .case-live-strip{position:relative;display:block;overflow:hidden;margin:0 0 22px;padding:13px 15px 12px;border:1px solid #879d7a35;border-radius:12px;background:linear-gradient(115deg,#121813f7,#202a22ed 45%,#111612f8);box-shadow:0 16px 34px #0003,inset 0 1px #ffffff0b;backdrop-filter:blur(14px)}
.case-live-strip-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.case-live-strip-title{display:flex;align-items:center;gap:10px}.case-live-strip-title>div{display:grid;gap:3px}.case-live-strip-title b{font-size:10px;letter-spacing:.18em;color:#f0f5ed}.case-live-strip-title small{font-size:9px;color:#879488}.case-live-strip-state{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:.12em;color:#9fe0ad}.case-live-strip-state .live-dot{width:6px;height:6px;flex-basis:6px}
#page-cases .case-live-feed-horizontal{display:flex;flex-direction:row;align-items:stretch;gap:9px;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:100px;padding:2px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3d5943 transparent;mask-image:linear-gradient(90deg,#000 0%,#000 98%,transparent 100%)}
#page-cases .case-live-feed-horizontal .case-live-item{position:relative;flex:0 0 248px;min-width:0;min-height:88px;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:8px 11px 8px 8px;border:1px solid #ffffff12;border-left:3px solid var(--rarity-color,#4b69ff);border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 11%,#19221b),#101612 88%);scroll-snap-align:start;transition:background .22s,border-color .22s,box-shadow .22s;}
#page-cases .case-live-feed-horizontal .case-live-item:hover{border-color:color-mix(in srgb,var(--rarity-color) 55%,#ffffff25);box-shadow:0 8px 22px #0004;transform:translateY(-1px)}
#page-cases .case-live-feed-horizontal .case-live-image{height:70px;width:70px;border-radius:6px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity-color) 25%,transparent),transparent 70%),#ffffff05}
#page-cases .case-live-feed-horizontal .case-live-image img,#page-cases .case-live-feed-horizontal .case-live-image .skin-fallback{height:66px;max-width:100%;object-fit:contain;animation:none!important;filter:drop-shadow(0 7px 7px #0009)}
#page-cases .case-live-feed-horizontal .case-live-copy{min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}.case-feed-player{display:flex;align-items:center;justify-content:space-between;gap:5px}
#page-cases .case-live-feed-horizontal .case-feed-player b{font-size:9px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef5eb}
#page-cases .case-live-feed-horizontal .case-feed-player time{font-size:8px;color:#809080;white-space:nowrap}
#page-cases .case-live-feed-horizontal .case-feed-skin-name{display:-webkit-box;font-size:10px;line-height:1.2;font-weight:850;color:#e9eee7;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#page-cases .case-live-feed-horizontal .case-live-copy small{font-size:8px;color:#89998a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-cases .case-live-feed-horizontal .case-live-copy strong{font-size:11px;color:#b8f397;font-variant-numeric:tabular-nums}
#page-cases .case-live-feed-horizontal .case-live-rarity-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--rarity-color);box-shadow:0 0 10px var(--rarity-color)}
#page-cases .case-live-feed-horizontal .case-feed-empty{flex:1;min-height:94px;display:flex;flex-direction:row;justify-content:flex-start;gap:12px;padding:13px 18px;border-radius:8px;background:#ffffff03}
#page-cases .case-live-feed-horizontal .case-feed-empty>span{font-size:24px;color:#91d576}#page-cases .case-live-feed-horizontal .case-feed-empty>div{display:flex;flex-direction:column}
/* Never show the activity tape in a selected case view. */
#case-inside-view .case-live-sidebar{display:none!important}
/* Premium fast-spin toggle — a switch instead of a tiny native checkbox. */
.case-fast-toggle{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;transition:border-color .2s,background .2s,box-shadow .2s}
.case-fast-toggle>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.case-fast-toggle>span{position:relative;padding-left:47px;display:flex;flex-direction:column;gap:4px}
.case-fast-toggle>span:before{content:"";position:absolute;left:0;top:50%;width:36px;height:20px;transform:translateY(-50%);border-radius:999px;background:#333d35;border:1px solid #59685a;box-shadow:inset 0 2px 4px #0007;transition:background .22s,border-color .22s,box-shadow .22s}
.case-fast-toggle>span:after{content:"";position:absolute;left:3px;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:50%;background:#9da99b;box-shadow:0 2px 4px #0007;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,box-shadow .22s}
.case-fast-toggle:has(input:checked){border-color:#9fe16b80!important;background:linear-gradient(120deg,#243725,#121a14)!important;box-shadow:0 0 20px #9fe16b12}
.case-fast-toggle>input:checked+span:before{background:#477d38;border-color:#a9ed7a;box-shadow:0 0 15px #9fe16b44,inset 0 1px #ffffff22}
.case-fast-toggle>input:checked+span:after{transform:translate(16px,-50%);background:#eaffd4;box-shadow:0 0 9px #c9ff9e}
.case-fast-toggle:focus-within{outline:2px solid #9fe16b88;outline-offset:2px}
/* Stable item movement: no vertical bouncing or blur animation while reels are running. */
.case-inline-roulette .multi-reel-lane{transform:none!important;transition:border-color .25s,box-shadow .25s!important}
.case-inline-roulette .multi-reel-lane.is-spinning{transform:none!important;filter:none!important}
.case-inline-roulette .multi-reel-lane.is-spinning .reel-item img,.case-inline-roulette .multi-reel-lane.is-spinning .reel-item .skin-fallback{animation:none!important;transform:none!important;filter:drop-shadow(0 9px 9px #0009) saturate(1.08)!important}
.case-inline-roulette .multi-reel-lane .reel-item{transition:filter .25s,background .25s,border-color .25s!important;transform:none!important}
.case-inline-roulette .multi-reel-lane.is-landed .reel-item.reel-winner{animation:lf-winner-locked .48s ease-out both!important}
@keyframes lf-winner-locked{0%{filter:brightness(1);box-shadow:inset 0 0 0 transparent}35%{filter:brightness(1.24)}100%{filter:brightness(1.08)}}
.case-inline-roulette .multi-reel-lane.is-landed .reel-item:not(.reel-winner){filter:saturate(.55) brightness(.75)!important;box-shadow:none!important}
/* Result stage is focused: result cards radiate from the center, one item is truly centered. */
#case-inside-hero[data-stage="results"] .case-control-dock,#case-inside-hero[data-stage="spin"] .case-control-dock{display:none!important}
#drop-preview{display:grid!important;grid-template-columns:repeat(var(--result-quantity,1),minmax(0,1fr))!important;justify-content:center!important;align-items:stretch!important;gap:12px!important;width:100%;max-width:none!important;margin:20px auto 0!important;overflow:visible!important}
#drop-preview .result-won-card{grid-column:var(--result-column,auto)!important;max-width:250px;width:100%;justify-self:center;min-width:0;animation:lf-result-arrive .44s cubic-bezier(.2,.7,.2,1) both!important;animation-delay:calc(var(--result-index,0)*.09s)!important}
@keyframes lf-result-arrive{from{opacity:0;transform:translateY(14px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.case-result-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important}
.case-result-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:0 12px;border-radius:8px;border:1px solid #ffffff20;background:linear-gradient(140deg,#252d27,#111713);color:#dce8d7;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.case-result-close:hover{transform:translateY(-1px);border-color:#a8e77a88;background:linear-gradient(140deg,#344a34,#1a241c)}.case-result-close:first-letter{font-size:17px;color:#ffae51}
.case-result-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:13px!important}
.case-result-bottom>small{max-width:620px!important;text-align:center!important}
.case-sell-all{margin-inline:auto!important;min-width:220px;justify-content:center!important;min-height:48px!important;font-size:10px!important;transition:transform .18s,box-shadow .18s!important}
.case-sell-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 27px #9fe16b33!important}
/* Case-room cards: polished interactions without moving the skin art vertically. */
.case-card-lf{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s!important;transform-origin:center bottom}
.case-card-lf:hover{transform:translateY(-5px)!important;box-shadow:0 22px 46px #0005,0 0 0 1px color-mix(in srgb,var(--case-color) 35%,transparent)!important}
.case-card-lf .case-artwork{transition:filter .3s,background .3s!important}
.case-card-lf:hover .case-artwork{filter:brightness(1.08) saturate(1.15)!important}
.case-card-lf .case-crate-illustration{animation:lf-crate-orbit 5.2s ease-in-out infinite!important;transform-origin:50% 80%}
@keyframes lf-crate-orbit{0%,100%{filter:drop-shadow(0 18px 18px #0008);transform:translateX(-50%) translateY(0) rotateY(-9deg) rotateZ(-1.5deg)}50%{filter:drop-shadow(0 25px 21px #0009);transform:translateX(-50%) translateY(-7px) rotateY(-4deg) rotateZ(-.5deg)}}
.case-featured{animation:lf-feature-arrive .55s cubic-bezier(.18,.8,.2,1) both}
@keyframes lf-feature-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.case-open-card,.case-price-action{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,box-shadow .18s!important}
.case-open-card:active,.case-price-action:active{transform:scale(.985)!important}
@media(max-width:1000px){#drop-preview{grid-template-columns:repeat(var(--result-cols,1),minmax(0,1fr))!important}#drop-preview .result-won-card{grid-column:auto!important;max-width:250px;width:100%;justify-self:center}}
@media(max-width:680px){#page-cases .case-live-strip{padding:10px;margin-bottom:14px}#page-cases .case-live-strip-state{display:none}#page-cases .case-live-feed-horizontal{min-height:84px}#page-cases .case-live-feed-horizontal .case-live-item{flex-basis:224px}#page-cases .case-live-feed-horizontal .case-live-image{width:58px;height:58px}#page-cases .case-live-feed-horizontal .case-live-image img,#page-cases .case-live-feed-horizontal .case-live-image .skin-fallback{height:56px}#drop-preview{grid-template-columns:repeat(min(2,var(--result-cols,1)),minmax(0,1fr))!important;gap:8px!important}#drop-preview .result-won-card{grid-column:auto!important;max-width:250px;width:100%;justify-self:center}.case-result-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important}.case-result-close{grid-column:1/-1;justify-self:center;min-height:34px}.case-result-close span{font-size:8px}.case-result-value{text-align:right}.case-result-bottom{padding-top:12px!important}.case-sell-all{min-width:190px}}
@media(prefers-reduced-motion:reduce){#page-cases .case-live-item,#page-cases .case-card-lf,#page-cases .case-featured,.case-inline-roulette .multi-reel-lane .reel-item img,.case-inline-roulette .multi-reel-lane .reel-item .skin-fallback{animation:none!important;transition:none!important}}

/* v44: stable result layout and compact category feedback */
#drop-preview .result-won-card{align-self:stretch}
.case-result-banner{display:grid!important}
.case-live-strip .case-live-feed-horizontal{scrollbar-width:thin;scrollbar-color:#78916d #151b16}
.case-feed-enter{animation:lf-feed-arrive .34s ease-out both}
@keyframes lf-feed-arrive{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.case-feed-enter{animation:none!important}}

/* v44 final layout: no reserved empty rail on the case room; live feed is catalog-only. */
body.case-opening-mode #page-cases{padding:14px clamp(16px,2vw,32px) 56px!important}
.case-result-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important}
@media(max-width:1000px){body.case-opening-mode #page-cases{padding:10px 13px 42px!important}}
@media(max-width:680px){body.case-opening-mode #page-cases{padding:7px 7px 34px!important}}

/* v45 — catalogue cleanup, price-ranked drop pool, fixed result grid and no live-feed autoplay */
.case-featured{display:none!important}
.case-card-lf .case-tier-pill,
.case-card-lf .case-description,
.case-card-lf .case-prize-strip{display:none!important}
.case-card-lf .case-card-title-line{align-items:center!important;min-height:44px!important;margin:0!important}
.case-card-lf .case-card-title-line h3{font-size:clamp(15px,1.15vw,19px)!important;letter-spacing:-.025em!important}
.case-card-lf .case-card-content{padding:15px!important;gap:10px!important}
.case-card-lf .case-card-footer{margin-top:0!important;padding-top:4px!important}
.case-card-lf .case-open-card{width:100%;min-height:48px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0 15px!important;border-radius:7px!important}
.case-card-lf .case-open-card>span{font-size:9px!important;letter-spacing:.09em!important}
.case-card-lf .case-open-card>strong{font-size:15px!important;white-space:nowrap!important}
.case-card-lf .case-series-label{color:#8e9c8c!important;letter-spacing:.14em!important}
#case-inside-hero #modal-msg{display:none!important}

.case-inside-drops{margin:22px 0 0;padding:20px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(145deg,#111812ee,#0d110fef);box-shadow:0 18px 42px #0002}
.case-inside-drops[hidden]{display:none!important}
.case-inside-drops-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 16px}
.case-inside-drops-head h3{margin:5px 0 4px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;color:#f2f5ed}
.case-inside-drops-head h3 em{font-style:normal;color:#ffad50}
.case-inside-drops-head p{margin:0;color:#8e9b8f;font-size:11px}
.case-inside-drops-count{flex-shrink:0;padding:9px 12px;border:1px solid #ffffff18;border-radius:6px;color:#c7d4c5;background:#ffffff04;font-size:9px;font-weight:900;letter-spacing:.12em}
.case-inside-drop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.case-pool-item{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--rarity-color,#4b69ff) 55%,#ffffff12);border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 11%,#242925),#111612 78%);box-shadow:inset 0 1px #ffffff10;transition:transform .2s,border-color .2s,box-shadow .2s;animation:lf-pool-enter .35s ease both;animation-delay:calc(min(var(--pool-index,0),12)*18ms)}
.case-pool-item:before{content:"";height:3px;position:absolute;left:0;right:0;top:0;background:var(--rarity-color,#4b69ff);box-shadow:0 0 13px color-mix(in srgb,var(--rarity-color,#4b69ff) 50%,transparent)}
.case-pool-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 85%,#ffffff42);box-shadow:0 12px 26px #0005,0 0 18px color-mix(in srgb,var(--rarity-color,#4b69ff) 12%,transparent)}
.case-pool-image{display:grid;place-items:center;height:clamp(105px,11vw,152px);padding:8px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--rarity-color,#4b69ff) 18%,transparent),transparent 68%)}
.case-pool-image>*,.case-pool-image img,.case-pool-image .skin-fallback{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 8px #0009)}
.case-pool-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;padding:11px 12px 12px;border-top:1px solid #ffffff0e}
.case-pool-info small{font-size:8px;letter-spacing:.09em;color:var(--rarity-color,#4b69ff);font-weight:900}
.case-pool-info b{display:-webkit-box;min-height:29px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;color:#e8eee5;overflow-wrap:anywhere}
.case-pool-info strong{margin-top:auto;padding-top:5px;font-size:14px;font-variant-numeric:tabular-nums;color:#c1f1a4}
@keyframes lf-pool-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Result grid follows the reference: one centered card, then rows of up to three cards. */
#drop-preview{grid-template-columns:repeat(var(--result-cols,1),minmax(0,1fr))!important;justify-content:center!important;width:min(100%,1040px)!important;margin-inline:auto!important;gap:14px!important}
#drop-preview .result-won-card{grid-column:auto!important;justify-self:center!important;width:min(100%,260px)!important;max-width:260px!important}
.case-result-banner{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:16px!important}
.case-result-bottom{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;padding-top:18px!important}
.case-sell-all{margin-inline:auto!important}

/* LIVE DROPS remain still: entries only change when the server publishes a completed drop. */
#page-cases .case-live-feed-horizontal{scroll-behavior:auto!important;scroll-snap-type:x proximity!important}
#page-cases .case-live-feed-horizontal .case-live-item{animation:none!important;transform:none!important}
#page-cases .case-live-feed-horizontal .case-live-item.case-feed-enter{animation:lf-feed-arrive .28s ease-out both!important}
#page-cases .case-live-strip-state{font-size:8px!important;letter-spacing:.1em!important}

@media(max-width:1180px){.case-inside-drop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:850px){.case-inside-drop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.case-inside-drops{padding:14px}.case-inside-drops-head h3{font-size:22px}}
@media(max-width:600px){.case-inside-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.case-pool-image{height:100px}.case-pool-info{padding:9px}.case-inside-drops-head{align-items:flex-start}.case-inside-drops-count{font-size:8px;padding:7px}.case-inside-drops-head p{font-size:10px}#drop-preview{grid-template-columns:repeat(min(2,var(--result-cols,1)),minmax(0,1fr))!important;gap:8px!important}#drop-preview .result-won-card{max-width:230px!important}.case-result-banner{grid-template-columns:auto minmax(0,1fr)!important}.case-result-value{grid-column:2;text-align:left}.case-result-close{grid-column:1/-1;justify-self:center}}
@media(prefers-reduced-motion:reduce){.case-pool-item,#page-cases .case-live-feed-horizontal .case-live-item.case-feed-enter{animation:none!important;transition:none!important}}

/* Results wrap in centered rows: 1 item centered, 2 close together, then 3 per row. */
#drop-preview{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:14px!important;width:min(100%,var(--result-width,1040px))!important;max-width:var(--result-width,1040px)!important;margin:20px auto 0!important}
#drop-preview .result-won-card{flex:0 1 260px!important;grid-column:auto!important;justify-self:auto!important;width:260px!important;max-width:min(260px,100%)!important}
@media(max-width:600px){#drop-preview{gap:8px!important;width:100%!important;max-width:100%!important}#drop-preview .result-won-card{flex:0 1 calc(50% - 4px)!important;width:calc(50% - 4px)!important;max-width:230px!important}}
.case-pool-chance{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px;padding-top:7px;border-top:1px solid #ffffff0e;font-size:8px;letter-spacing:.08em;color:#7f8e7f;font-weight:800}.case-pool-chance i{font-style:normal;color:#d7e2d2;font-size:9px;font-variant-numeric:tabular-nums}

/* v46 — precision upgrade instrument, inspired by modern CS2 upgrade dashboards. */
#page-upgrade .wheel-panel{position:relative;isolation:isolate;overflow:hidden;border-color:#4b4a36!important;background:radial-gradient(ellipse at 50% 46%,#282d25 0%,#171b17 43%,#111411 78%)!important;box-shadow:inset 0 1px #ffffff0b,0 18px 38px #0003!important}
#page-upgrade .wheel-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 50% 48%,transparent 0 31%,#ffffff04 31.3% 31.8%,transparent 32.1% 52%,#ffffff04 52.3% 52.7%,transparent 53%),linear-gradient(135deg,transparent 0 49.7%,#ffffff03 50%,transparent 50.3%);z-index:-1}
#page-upgrade .upgrade-wheel{width:min(100%,292px)!important;aspect-ratio:1!important;height:auto!important;margin:18px auto 20px!important;filter:drop-shadow(0 15px 18px #0007);isolation:isolate}
#page-upgrade .wheel-disc{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle at 50% 48%,#222922 0%,#151a16 53%,#101310 73%)!important;box-shadow:0 0 0 1px #606b51,0 0 0 7px #1d231e,0 0 0 8px #4a5044,0 0 28px #ffad5020!important;overflow:visible!important;isolation:isolate}
#page-upgrade .wheel-svg{position:absolute;inset:0;width:100%!important;height:100%!important;overflow:visible!important;filter:none!important}
#page-upgrade .wheel-ticks{stroke:#616958;stroke-width:1.65;stroke-linecap:round;opacity:.9}
#page-upgrade .wheel-tick-major{stroke:#adb39a;stroke-width:2.1;opacity:.95}
#page-upgrade .wheel-outer-ring{fill:none;stroke:#8b9272;stroke-width:1;opacity:.42}
#page-upgrade .wheel-track-ring{fill:none!important;stroke:url(#wheelTrackGradient)!important;stroke-width:19!important}
#page-upgrade .wheel-loss-ring{fill:none!important;stroke:#292f2b!important;stroke-width:19!important;opacity:1!important}
#page-upgrade .wheel-win-branch{fill:none!important;stroke:url(#wheelWinGradient)!important;stroke-width:19!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:0 329.87;filter:drop-shadow(0 0 6px #ff9e2b45);transition:stroke-dasharray .16s cubic-bezier(.2,.65,.2,1),filter .25s ease}
#page-upgrade .wheel-inner-ring{fill:none!important;stroke:#697261!important;stroke-width:1.5!important;stroke-dasharray:2 7;opacity:.62}
#page-upgrade .wheel-detail-ring{fill:none;stroke:#ffffff0c;stroke-width:1}
#page-upgrade .wheel-core{fill:url(#wheelInteriorGradient)!important;stroke:#747b5d!important;stroke-width:2.3!important}
#page-upgrade .wheel-scale-labels{font-size:9px;font-weight:900;letter-spacing:.02em;fill:#a1a88d;opacity:.86}
#page-upgrade .wheel-scale-labels text{paint-order:stroke;stroke:#151915;stroke-width:2px;stroke-linejoin:round}
#page-upgrade .wheel-hub{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:112px!important;height:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#30372e,#171c17 72%)!important;border:1px solid #737b58!important;box-shadow:0 0 0 5px #1b211b,0 0 0 6px #424936,inset 0 1px #ffffff17,0 0 25px #0009!important;color:#f4f6ed!important;z-index:4!important;overflow:hidden}
#page-upgrade .wheel-hub:before{content:"";position:absolute;inset:8px;border:1px solid #ffffff0d;border-radius:50%;pointer-events:none}
#page-upgrade .wheel-hub:after{content:"";position:absolute;top:17px;left:50%;width:26px;height:26px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffb13d99;border-radius:5px;opacity:.36;pointer-events:none}
#page-upgrade .wheel-hub-kicker{position:relative;z-index:1;color:#c7d2ae;font-size:7px;font-weight:900;letter-spacing:.18em;line-height:1}
#page-upgrade #chance-center{position:relative;z-index:1;font-size:clamp(20px,2vw,27px)!important;line-height:1!important;font-weight:1000!important;color:#e9ff94!important;letter-spacing:-.055em!important;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #d9ff7230!important;white-space:nowrap}
#page-upgrade .wheel-hub small{position:relative;z-index:1;font-size:7px;font-weight:900;letter-spacing:.12em;color:#a9b1a0}
#page-upgrade .upgrade-pointer{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;border:0!important;transform-origin:50% 50%!important;z-index:7!important;pointer-events:none!important;filter:none!important}
#page-upgrade .upgrade-pointer span{position:absolute;left:50%;top:-4px;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:27px solid #f8ffd9;filter:drop-shadow(0 0 4px #d9ff72) drop-shadow(0 0 10px #ff9b35);transition:filter .25s ease}
#page-upgrade .upgrade-win .wheel-win-branch{filter:drop-shadow(0 0 8px #d9ff72b0)}
#page-upgrade .upgrade-win .wheel-hub{border-color:#d9ff72;box-shadow:0 0 0 5px #1b211b,0 0 0 6px #a7d35e,0 0 34px #a7d35e30,inset 0 1px #ffffff17!important}
#page-upgrade .upgrade-win .wheel-hub #chance-center{color:#f3ffd2!important}
#page-upgrade .upgrade-lose .wheel-hub{border-color:#ff8267;box-shadow:0 0 0 5px #1b211b,0 0 0 6px #8d4632,0 0 32px #ff67442c,inset 0 1px #ffffff17!important}
#page-upgrade .upgrade-lose .wheel-hub #chance-center{color:#ffd0b7!important}
#page-upgrade .upgrade-win .upgrade-pointer span{filter:drop-shadow(0 0 6px #d9ff72) drop-shadow(0 0 14px #b0ff6a)}
#page-upgrade .upgrade-lose .upgrade-pointer span{filter:drop-shadow(0 0 6px #ff735c) drop-shadow(0 0 12px #ff735c)}
#page-upgrade .odds-buttons button{position:relative;overflow:hidden;transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s}
#page-upgrade .odds-buttons button:hover:not(:disabled){transform:translateY(-2px);border-color:#ffb65e;color:#fff;box-shadow:0 5px 14px #0003}
#page-upgrade .odds-buttons button.active{background:linear-gradient(135deg,#ffca70,#ff9b35)!important;border-color:#ffd48d!important;color:#1e1a12!important;box-shadow:0 0 0 1px #ffbd6330,0 6px 20px #ff9b3520!important}
#page-upgrade .wheel-panel .button.lime{background:linear-gradient(100deg,#d9ff72,#b6e86a)!important;border-color:#c7f16c!important;box-shadow:0 6px 20px #a5d83d12;transition:filter .18s,transform .18s,box-shadow .18s}
#page-upgrade .wheel-panel .button.lime:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 24px #a5d83d20}
#page-upgrade .upgrade-msg{min-height:18px;text-align:center;color:#b8c1b1;font-size:9px;letter-spacing:.025em}
@media(max-width:1000px){#page-upgrade .upgrade-wheel{width:min(100%,270px)!important}}
@media(max-width:650px){#page-upgrade .upgrade-wheel{width:min(100%,240px)!important;margin:14px auto 18px!important}#page-upgrade .wheel-hub{width:102px!important;height:102px!important}#page-upgrade .wheel-hub-kicker,#page-upgrade .wheel-hub small{font-size:6px}#page-upgrade #chance-center{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){#page-upgrade .wheel-win-branch,#page-upgrade .odds-buttons button,#page-upgrade .wheel-panel .button.lime{transition:none!important}}

/* v46 — compact toggle switch for fast upgrade mode */
#page-upgrade .upgrade-speed{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:max-content;max-width:100%;margin:10px auto 8px!important;padding:9px 14px!important;border:1px solid #363f32!important;border-radius:7px!important;background:linear-gradient(135deg,#1b211b,#121712)!important;color:#c6d0c0!important;font-size:9px!important;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
#page-upgrade .upgrade-speed:has(input:checked){border-color:#b5e66b!important;background:linear-gradient(135deg,#2b3820,#172016)!important;box-shadow:0 0 20px #b5e66b12}
#page-upgrade .upgrade-speed input{appearance:none!important;-webkit-appearance:none!important;position:relative!important;flex:0 0 36px!important;width:36px!important;height:21px!important;margin:0!important;border-radius:99px!important;border:1px solid #626b5a!important;background:#282f28!important;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
#page-upgrade .upgrade-speed input:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#9ba694;box-shadow:0 1px 3px #0008;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s}
#page-upgrade .upgrade-speed input:checked{background:#a9df61!important;border-color:#d3ff8b!important;box-shadow:inset 0 0 0 1px #b2e96d55}
#page-upgrade .upgrade-speed input:checked:before{transform:translateX(15px);background:#17200f}
#page-upgrade .upgrade-speed input:focus-visible{outline:2px solid #ffb354;outline-offset:3px}
#page-upgrade .upgrade-speed input:checked + span{color:#ebffcf}
#page-upgrade .upgrade-speed span{display:block;line-height:1.25}
#page-upgrade .upgrade-speed b{font-size:9px;letter-spacing:.02em}
#page-upgrade .upgrade-speed small{display:block;margin-top:3px;font-size:7px;color:#82917c;font-weight:600}

/* v47 polish: fixed source slot geometry, circular wheel ambience and animation-linked upgrade effects. */
#page-upgrade .upgrade-layout{align-items:stretch!important}
#page-upgrade .upgrade-layout>.panel{min-width:0!important}
#page-upgrade #source{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:5px!important;height:282px!important;min-height:282px!important;max-height:282px!important;overflow:hidden!important;padding:8px!important;}
#page-upgrade #source.empty-slot{display:flex!important;justify-content:space-between!important;align-items:stretch!important;text-align:initial!important}
#page-upgrade #source .fixed-source-grid{display:grid!important;box-sizing:border-box!important;flex:0 0 224px!important;width:100%!important;height:224px!important;min-height:224px!important;max-height:224px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;gap:6px!important;overflow:hidden!important}
#page-upgrade #source .source-square{display:flex!important;box-sizing:border-box!important;position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important;flex-direction:column!important;justify-content:space-between!important;gap:2px!important;padding:4px!important;border:1px solid #596451!important;border-radius:5px!important;background:linear-gradient(155deg,#2e382d,#1b211b)!important;transition:border-color .18s,background .18s,box-shadow .18s!important}
#page-upgrade #source .source-square:not(.source-square-empty):hover{border-color:#d9ff72!important;background:linear-gradient(155deg,#39472e,#20291e)!important;box-shadow:0 0 12px #d9ff7214!important}
#page-upgrade #source .source-square-art{display:grid!important;place-items:center!important;flex:0 0 52px!important;height:52px!important;min-height:52px!important;width:100%!important;overflow:hidden!important;background:radial-gradient(ellipse,#d9ff7210,transparent 75%)!important}
#page-upgrade #source .source-square-art img,#page-upgrade #source .source-square-art .skin-fallback{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#page-upgrade #source .source-square-name{display:-webkit-box!important;min-height:21px!important;max-height:23px!important;width:100%!important;margin:0!important;overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow-wrap:anywhere!important;font-size:7px!important;line-height:1.3!important;color:#e9efdf!important}
#page-upgrade #source .source-square strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;color:#c8f58a!important}
#page-upgrade #source .source-remove{width:18px!important;height:18px!important;top:3px!important;right:3px!important;border-radius:5px!important;line-height:14px!important;font-size:13px!important;background:#201d1b!important;border-color:#5d5141!important}
#page-upgrade #source .source-square-empty{opacity:.52!important;border-style:dashed!important;border-color:#626d5c!important;background:linear-gradient(155deg,#242b24,#1a201a)!important}
#page-upgrade #source .source-square-empty .source-square-art{border-radius:4px!important;background:radial-gradient(ellipse,#ffffff0a,transparent 75%)!important}
#page-upgrade #source .source-square-empty .source-square-art span{display:grid;place-items:center;width:31px;height:31px;border:1px dashed #6e7968;border-radius:50%;font-size:19px;color:#99a88c}
#page-upgrade #source .source-total{box-sizing:border-box!important;display:flex!important;flex:1 0 25px!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:25px!important;margin:0!important;padding:5px 2px 0!important;border-top:1px solid #ffffff16!important;font-size:9px!important}
#page-upgrade #source .source-total span{font-size:7px!important;letter-spacing:.08em!important;color:#a9b6a0!important}
#page-upgrade #source .source-total b{font-size:10px!important;color:#d9ff72!important;white-space:nowrap!important}
@media(max-width:680px){#page-upgrade #source{height:260px!important;min-height:260px!important;max-height:260px!important}#page-upgrade #source .fixed-source-grid{height:204px!important;min-height:204px!important;max-height:204px!important;flex-basis:204px!important}#page-upgrade #source .source-square-art{height:43px!important;min-height:43px!important;flex-basis:43px!important}#page-upgrade #source .source-square-name{font-size:6.5px!important}}

/* Remove the rectangular black slab behind the upgrader; the wheel itself carries the dark circular instrument look. */
#page-upgrade .wheel-panel{position:relative!important;isolation:isolate!important;overflow:visible!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding:12px 8px 10px!important}
#page-upgrade .wheel-panel:before,#page-upgrade .wheel-panel:after{display:none!important;content:none!important;background:none!important}
#page-upgrade .upgrade-wheel{position:relative!important;z-index:0!important;isolation:isolate!important;overflow:visible!important}
#page-upgrade .upgrade-wheel:before{content:""!important;display:block!important;position:absolute!important;inset:-10%!important;z-index:-1!important;border-radius:50%!important;background:radial-gradient(circle at 50% 48%,#303b26 0%,#222b1d 34%,#171d16 57%,#121612 69%,transparent 72%)!important;box-shadow:0 0 38px #8fbd4d16,inset 0 0 20px #d9ff7206!important;pointer-events:none!important}
#page-upgrade .wheel-disc{background:radial-gradient(circle at 50% 48%,#232b20 0%,#151a15 61%,#111510 74%)!important;border-radius:50%!important;}
#page-upgrade .wheel-svg{background:transparent!important;border-radius:50%!important}
#page-upgrade .wheel-panel .upgrade-speed,#page-upgrade .wheel-panel #upgrade-msg,#page-upgrade .wheel-panel #upgrade-btn{position:relative;z-index:1}
#page-upgrade .upgrade-wheel.is-spinning .wheel-hub{animation:lf-wheel-core-pulse 1.25s ease-in-out infinite alternate}
#page-upgrade .upgrade-wheel.is-spinning .wheel-hub:after{animation:lf-wheel-mark-turn 2.4s linear infinite}
#page-upgrade .upgrade-wheel.is-spinning .wheel-win-branch{filter:drop-shadow(0 0 9px #ffad3577)!important}
#page-upgrade .upgrade-wheel.upgrade-win .wheel-hub{animation:lf-wheel-win-pop .42s cubic-bezier(.2,.8,.2,1) both}
#page-upgrade .upgrade-wheel.upgrade-lose .wheel-hub{animation:lf-wheel-lose-shake .34s ease-in-out both}
@keyframes lf-wheel-core-pulse{from{transform:translate(-50%,-50%) scale(.98);box-shadow:0 0 0 5px #1b211b,0 0 0 6px #424936,inset 0 1px #ffffff17,0 0 18px #d9ff7212}to{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 0 0 5px #1b211b,0 0 0 6px #657d3e,inset 0 1px #ffffff17,0 0 32px #d9ff7235}}
@keyframes lf-wheel-mark-turn{to{transform:translateX(-50%) rotate(405deg)}}
@keyframes lf-wheel-win-pop{0%{transform:translate(-50%,-50%) scale(.9)}65%{transform:translate(-50%,-50%) scale(1.07)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes lf-wheel-lose-shake{0%,100%{transform:translate(-50%,-50%)}30%{transform:translate(calc(-50% - 3px),-50%)}60%{transform:translate(calc(-50% + 3px),-50%)}}
@media(prefers-reduced-motion:reduce){#page-upgrade .upgrade-wheel.is-spinning .wheel-hub,#page-upgrade .upgrade-wheel.is-spinning .wheel-hub:after,#page-upgrade .upgrade-wheel.upgrade-win .wheel-hub,#page-upgrade .upgrade-wheel.upgrade-lose .wheel-hub{animation:none!important}}

/* Inventory bulk sale button and stable panel feedback. */
#page-inventory #clear{min-width:190px;font-weight:900;letter-spacing:.02em;transition:transform .18s,box-shadow .18s,filter .18s}
#page-inventory #clear:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 22px #b8ee7025;filter:brightness(1.05)}
#page-inventory #clear:disabled{opacity:.48;cursor:not-allowed}
#page-inventory .toolbar{align-items:center;gap:12px}


/* v48: one source item gets a large preview; multi-source uses fixed 3x2 slots without moving sibling panels. */
#page-upgrade #source .fixed-source-grid.one-item{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:unset!important;align-content:stretch!important;flex:0 0 224px!important;height:224px!important;min-height:224px!important;max-height:224px!important}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto auto auto!important;justify-items:center!important;align-content:stretch!important;align-items:center!important;gap:4px!important;height:100%!important;min-height:0!important;padding:9px 30px 7px!important;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--rarity-color,#4b69ff) 20%,#253027),#202722 72%)!important;border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 62%,#ffffff20)!important;box-shadow:inset 0 3px color-mix(in srgb,var(--rarity-color,#4b69ff) 55%,transparent),inset 0 1px #ffffff14!important}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-art{flex:1 1 auto!important;width:100%!important;min-height:0!important;height:100%!important;max-height:128px!important;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity-color,#4b69ff) 22%,transparent),transparent 72%)!important}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-art img,#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-art .skin-fallback{width:100%!important;height:100%!important;max-width:360px!important;max-height:130px!important;object-fit:contain!important;filter:drop-shadow(0 7px 9px #0008)!important}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-name{font-size:10px!important;min-height:0!important;max-height:28px!important;text-align:center!important}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured>strong{font-size:12px!important}
.skin-rarity-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;max-width:100%!important;width:max-content!important;padding:3px 6px!important;border:1px solid color-mix(in srgb,var(--rarity-color,#4b69ff) 56%,transparent)!important;border-radius:3px!important;background:color-mix(in srgb,var(--rarity-color,#4b69ff) 13%,#101511)!important;color:var(--rarity-color,#4b69ff)!important;font-size:7px!important;font-weight:950!important;line-height:1.15!important;letter-spacing:.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.skin-rarity-badge.compact{padding:2px 5px!important;font-size:6px!important;letter-spacing:.035em!important}
#page-upgrade #source .skin-rarity-badge{align-self:center!important}
#page-upgrade .skin-picker-card .skin-rarity-badge{margin:-2px auto 0!important}
#page-upgrade .candidate .skin-rarity-badge{margin:-1px 0 2px!important;align-self:flex-start!important}
#page-upgrade #target .skin-rarity-badge{margin:0 auto 2px!important}
#page-upgrade #target{min-height:220px!important;height:220px!important;max-height:220px!important;overflow:hidden!important;justify-content:center!important}
#page-upgrade .candidate{min-width:0!important;overflow:hidden!important}
#page-upgrade .candidate-art{flex-shrink:0!important}
#page-upgrade .inventory-item-art{height:128px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,color-mix(in srgb,var(--rarity-color,#4b69ff) 18%,transparent),transparent 74%);border-bottom:3px solid var(--rarity-color,#4b69ff)}
#page-upgrade #page-inventory .inventory-item-art img,#page-inventory .inventory-item-art .skin-fallback{width:100%;height:100%;max-height:128px;object-fit:contain}
#page-inventory .skin-rarity-badge{margin:8px auto 0;display:flex!important}
#page-upgrade #upgrade-balance{touch-action:pan-y;cursor:ew-resize;accent-color:#c9f27a;transition:filter .12s}
#page-upgrade #upgrade-balance:active{filter:drop-shadow(0 0 4px #c9f27a55)}
#page-upgrade #chance,#page-upgrade #chance-center,#page-upgrade #upgrade-balance-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
#page-upgrade #chance{min-width:80px;text-align:right;white-space:nowrap}
#page-upgrade .source-square-featured .source-remove{width:23px!important;height:23px!important;top:7px!important;right:7px!important}
@media(max-width:680px){#page-upgrade #source .fixed-source-grid.one-item{height:204px!important;min-height:204px!important;max-height:204px!important;flex-basis:204px!important}#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-art img,#page-upgrade #source .fixed-source-grid.one-item .source-square-featured .source-square-art .skin-fallback{max-height:105px!important}}

#page-inventory .item .skin-rarity-badge{margin:8px auto 0!important;align-self:center!important}
#page-inventory .item h4{margin-top:7px}
#page-upgrade .target-result .skin-rarity-badge{margin:0 0 5px!important}

/* v49: rarity is communicated by the card surface and border, not text badges, across the upgrader. */
#page-upgrade .skin-rarity-badge{display:none!important}
#page-upgrade #source .source-square:not(.source-square-empty){
  background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 31%,#252a28),color-mix(in srgb,var(--rarity-color,#4b69ff) 15%,#111612))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 66%,#4a4f4a)!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--rarity-color,#4b69ff) 65%,transparent),inset 0 0 20px color-mix(in srgb,var(--rarity-color,#4b69ff) 8%,transparent)!important;
}
#page-upgrade #source .fixed-source-grid.one-item .source-square-featured{
  background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--rarity-color,#4b69ff) 28%,#222822),color-mix(in srgb,var(--rarity-color,#4b69ff) 12%,#151a16) 72%)!important;
}
#page-upgrade #source .source-square-art,#page-upgrade .picker-art,#page-upgrade .candidate-art{
  background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--rarity-color,#4b69ff) 25%,transparent),transparent 73%)!important;
}
#page-upgrade .skin-picker-card{
  background:linear-gradient(155deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 25%,#292e2c),color-mix(in srgb,var(--rarity-color,#4b69ff) 12%,#171b19))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 58%,#535957)!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--rarity-color,#4b69ff) 64%,transparent)!important;
}
#page-upgrade .skin-picker-card:hover,#page-upgrade .skin-picker-card.selected{
  background:linear-gradient(155deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 39%,#343a35),color-mix(in srgb,var(--rarity-color,#4b69ff) 18%,#202621))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 78%,#e4e8df)!important;
}
#page-upgrade .candidate{
  background:linear-gradient(155deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 26%,#2e3431),color-mix(in srgb,var(--rarity-color,#4b69ff) 12%,#171b18))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 62%,#535957)!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--rarity-color,#4b69ff) 64%,transparent)!important;
}
#page-upgrade .candidate:hover,#page-upgrade .candidate.selected{
  background:linear-gradient(155deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 40%,#343a35),color-mix(in srgb,var(--rarity-color,#4b69ff) 19%,#202621))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 82%,#ffffff)!important;
}
#page-upgrade #target.has-rarity{
  background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity-color,#4b69ff) 30%,#292f2b),color-mix(in srgb,var(--rarity-color,#4b69ff) 13%,#151915) 72%)!important;
  border:1px solid color-mix(in srgb,var(--rarity-color,#4b69ff) 75%,#687067)!important;
  box-shadow:inset 0 3px 0 color-mix(in srgb,var(--rarity-color,#4b69ff) 70%,transparent),0 0 24px color-mix(in srgb,var(--rarity-color,#4b69ff) 8%,transparent)!important;
}
#page-upgrade .target-result.rarity-blue,#page-upgrade .target-result.rarity-purple,#page-upgrade .target-result.rarity-pink,#page-upgrade .target-result.rarity-red,#page-upgrade .target-result.rarity-gold{
  background:linear-gradient(115deg,color-mix(in srgb,var(--rarity-color,#4b69ff) 22%,#222725),color-mix(in srgb,var(--rarity-color,#4b69ff) 9%,#111512))!important;
  border-color:color-mix(in srgb,var(--rarity-color,#4b69ff) 58%,#4b504c)!important;
}

/* Inventory image bug fix: size the actual generated img, not just fallback divs. */
#page-inventory .item{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
#page-inventory .item>*{max-width:100%;min-width:0}
#page-inventory .inventory-item-art{position:relative!important;isolation:isolate!important;box-sizing:border-box!important;width:100%!important;height:170px!important;min-height:170px!important;max-height:170px!important;overflow:hidden!important;display:grid!important;place-items:center!important;border-radius:4px 4px 0 0!important}
#page-inventory .inventory-item-art img.skin-art-image,#page-inventory .inventory-item-art img.resolved-skin-image{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:8px!important;margin:0!important;transform:none!important;overflow:hidden!important}
#page-inventory .inventory-item-art .skin-fallback{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}
#page-inventory .item h4{overflow-wrap:anywhere!important;word-break:normal!important}
@media(max-width:650px){#page-inventory .inventory-item-art{height:120px!important;min-height:120px!important;max-height:120px!important}}

/* v50 — unified premium visual pass. Presentation only: no gameplay or server logic changed. */
:root{
  --bg:#101411;--panel:#1a201c;--line:#354139;--text:#f4f7ef;--muted:#9da99b;
  --purple:#ff9d42;--lime:#c9f27a;--red:#f17368;--lf-glow:rgba(201,242,122,.13);
}
html{scroll-padding-top:90px}
body{
  background:
    radial-gradient(ellipse at 78% 6%,rgba(255,151,55,.095),transparent 31%),
    radial-gradient(ellipse at 15% 31%,rgba(109,151,90,.13),transparent 37%),
    radial-gradient(ellipse at 55% 94%,rgba(73,107,81,.09),transparent 34%),
    linear-gradient(145deg,#101411 0%,#1b211d 48%,#101512 100%);
  background-attachment:fixed;
  letter-spacing:.005em;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(217,235,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(217,235,210,.035) 1px,transparent 1px);
  background-size:38px 38px;mask-image:linear-gradient(180deg,#000 0%,transparent 80%);
}
::selection{background:#c9f27a4c;color:#fff}
:focus-visible{outline:2px solid #c9f27a!important;outline-offset:3px!important}
.top{
  height:78px;padding-inline:clamp(16px,3.2vw,50px)!important;gap:clamp(10px,1.5vw,24px)!important;
  background:linear-gradient(100deg,rgba(16,21,17,.97),rgba(25,31,26,.94) 55%,rgba(16,20,17,.97))!important;
  border-bottom:1px solid #53604a!important;box-shadow:0 8px 26px #0002,inset 0 -1px #ffffff08!important;
}
.top:after{content:"";position:absolute;bottom:-1px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,#ff9d426f,#c9f27a65,transparent);pointer-events:none}
.brand{font-size:15px!important;letter-spacing:.1em!important;text-shadow:0 2px 18px #0008}
.brand span,footer span{color:#ff9d42!important}
.brand small{color:#84917f!important;font-size:7px!important;letter-spacing:.24em!important;margin-top:3px}
.top nav{gap:5px!important}
.nav-btn{position:relative;padding:11px 12px!important;border:1px solid transparent!important;border-radius:8px!important;color:#aeb8aa!important;font-size:10px!important;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s!important}
.nav-btn:hover{background:#242c25!important;border-color:#495545!important;color:#f1f5e9!important;transform:translateY(-1px)}
.nav-btn.active{background:linear-gradient(135deg,#303c2d,#202820)!important;border-color:#61754c!important;color:#d9ff9b!important;box-shadow:inset 0 1px #ffffff10,0 4px 16px #0002!important}
.nav-btn.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-4px;height:2px;background:linear-gradient(90deg,#ff9d42,#c9f27a);border-radius:2px;box-shadow:0 0 12px #c9f27a55}
.nav-btn i{color:#ffb05c!important}
.account-area{gap:9px!important}
.balance-pill{background:linear-gradient(140deg,#202820,#131915)!important;border-color:#455340!important;border-radius:9px!important;box-shadow:inset 0 1px #ffffff09!important;padding:7px 9px!important}
.balance-pill small{color:#8e9d87!important}
.balance-pill b{color:#c9f27a!important;font-variant-numeric:tabular-nums}
.balance-pill button{background:linear-gradient(135deg,#d9ff9b,#a9df62)!important;border-color:#d0f68c!important;box-shadow:0 3px 10px #b9ee6820;transition:transform .16s,filter .16s}
.balance-pill button:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.06)}
.steam{background:linear-gradient(145deg,#252e25,#191f1a)!important;border-color:#4a5847!important;border-radius:8px!important;transition:border-color .18s,background .18s,transform .18s!important}
.steam:hover{border-color:#91b36c!important;transform:translateY(-1px)}
.page{max-width:1560px!important;padding:34px clamp(16px,3.2vw,46px) 58px!important}
.page.active{animation:lf-v50-page-in .28s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes lf-v50-page-in{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.page-head{margin-bottom:28px!important;align-items:flex-end!important}
.eyebrow{color:#ffad55!important;font-size:8px!important;letter-spacing:.22em!important}
.page-head h1,.hero-copy h1{letter-spacing:-.065em!important;text-shadow:0 5px 22px #0002}
.page-head h1 em,.hero-copy h1 em,.case-section-heading h2 em{background:linear-gradient(100deg,#ffb960 4%,#ff9535 48%,#c9f27a 110%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.page-head p,.hero-copy p{color:#a9b4a5!important;line-height:1.85!important}
.page-chip{border-radius:9px!important;border-color:#43503f!important;background:linear-gradient(135deg,#242d23b8,#171d18a8)!important;box-shadow:inset 0 1px #ffffff0b!important;backdrop-filter:blur(10px)}
.page-chip span{color:#c9f27a!important}
.panel{background:linear-gradient(145deg,rgba(36,44,37,.94),rgba(22,28,23,.97))!important;border-color:#3b493a!important;border-radius:11px!important;box-shadow:0 14px 34px #0002,inset 0 1px #ffffff08!important}
.button{border-radius:8px!important;border-color:#485445!important;background:linear-gradient(145deg,#293229,#1c241d)!important;color:#e8eee3!important;padding:12px 16px!important;font-weight:850!important;letter-spacing:.015em!important;box-shadow:inset 0 1px #ffffff09!important;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s,color .18s,box-shadow .18s,filter .18s!important}
.button:hover:not(:disabled){border-color:#8ca66d!important;color:#f7fff0!important;background:linear-gradient(145deg,#354333,#222d23)!important;box-shadow:0 7px 20px #0003,inset 0 1px #ffffff12!important;transform:translateY(-2px)!important}
.button:active:not(:disabled){transform:translateY(0) scale(.99)!important}
.button.lime{background:linear-gradient(105deg,#d8ff96,#b8e96a)!important;border-color:#d9ff9b!important;color:#172012!important;box-shadow:0 5px 20px #b6ed6920,inset 0 1px #ffffff8a!important}
.button.lime:hover:not(:disabled){background:linear-gradient(105deg,#e4ffb2,#c8f585)!important;color:#172012!important;box-shadow:0 9px 26px #b6ed6935!important}
input,select,textarea{accent-color:#c9f27a}
input:not([type=checkbox]):not([type=range]),select,textarea{border-color:#414e40!important;background:linear-gradient(180deg,#111713,#171e18)!important;border-radius:8px!important;color:#eef4e9!important;transition:border-color .18s,box-shadow .18s,background .18s!important}
input:not([type=checkbox]):not([type=range]):focus,select:focus,textarea:focus{border-color:#8cae64!important;box-shadow:0 0 0 3px #c9f27a16!important;outline:none!important}
::placeholder{color:#778475!important}
.toolbar{display:flex;justify-content:space-between;padding:13px 15px;margin:0 0 17px;border:1px solid #3d4a3b;border-radius:11px;background:linear-gradient(120deg,#242e23,#171e18);box-shadow:inset 0 1px #ffffff09}
#inv-count{color:#aab6a5;font-size:9px;font-weight:900;letter-spacing:.13em}
#page-inventory #clear{min-width:190px!important;border-radius:8px!important}
#page-inventory .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
#page-inventory .item{position:relative;border:1px solid #41483e!important;border-radius:11px!important;background:linear-gradient(155deg,#242b25,#171d18)!important;box-shadow:0 9px 25px #0002,inset 0 1px #ffffff09!important;transition:transform .22s,border-color .22s,box-shadow .22s!important;padding:0 10px 10px!important}
#page-inventory .item:hover{transform:translateY(-4px)!important;border-color:#7b9a61!important;box-shadow:0 16px 34px #0004,0 0 0 1px #c9f27a13!important}
#page-inventory .inventory-item-art{border:1px solid color-mix(in srgb,var(--rarity-color,#7c9b65) 45%,#364136)!important;border-bottom:3px solid var(--rarity-color,#8eae68)!important;border-radius:8px!important;margin:9px 0 4px!important;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--rarity-color,#7c9b65) 20%,#202a21),#121813 73%)!important}
#page-inventory .item h4{color:#f1f5eb!important;font-size:11px!important;line-height:1.4!important;min-height:29px;margin:10px 0 6px!important}
#page-inventory .item strong,#page-inventory .item .price{color:#c9f27a!important;font-size:12px!important;font-variant-numeric:tabular-nums}
#page-inventory .item .button{width:100%;margin:5px 0 0!important;min-height:34px;font-size:9px!important}
#page-inventory .item .button:not(.lime){background:#202720!important}
/* The live feed is a real event strip, styled as a compact dashboard component. */
#page-cases .case-live-strip{border-radius:12px!important;border-color:#43513f!important;background:linear-gradient(112deg,rgba(21,29,22,.96),rgba(33,43,33,.93) 50%,rgba(18,24,19,.97))!important;box-shadow:0 15px 35px #0003,inset 0 1px #ffffff0a!important}
.case-live-strip-title b{font-size:11px!important;letter-spacing:.2em!important}
.case-live-strip-title small{color:#8d9b89!important}
.case-live-strip-state{padding:8px 10px;border:1px solid #3c5438;border-radius:7px;background:#162018;color:#bce88d!important}
.case-live-feed-horizontal .case-live-item{border-radius:9px!important;border-color:#39463a!important;background:linear-gradient(135deg,#29312a,#171e19)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}
.case-live-feed-horizontal .case-live-item:hover{transform:translateY(-2px)!important;border-color:#849f68!important;box-shadow:0 9px 20px #0003!important}
.case-live-feed-horizontal .case-live-image{border-radius:7px!important;background:radial-gradient(ellipse at center,#70866024,transparent 73%)!important}
.case-section-heading{margin-bottom:20px!important}
.case-section-heading h2{letter-spacing:-.055em!important}
.case-live-count{padding:8px 10px;border:1px solid #3d4b3b;border-radius:7px;background:#1a211b}
.case-live-count b{color:#d9ff9b!important}
#page-cases .catalog-toolbar{border-radius:11px!important;border-color:#3b4939!important;background:linear-gradient(125deg,#232c22,#171e18)!important;box-shadow:0 8px 24px #0002,inset 0 1px #ffffff08!important}
#page-cases .catalog-toolbar input,#page-cases .catalog-select{border-radius:8px!important;background:#121914!important;border-color:#465442!important}
.case-grid{gap:18px!important}
.case.case-card-lf{border-radius:13px!important;border-color:#384437!important;background:linear-gradient(150deg,#252e25,#151b16 84%)!important;box-shadow:0 14px 34px #0003,inset 0 1px #ffffff0b!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s!important}
.case.case-card-lf:hover{border-color:color-mix(in srgb,var(--case-color) 72%,#72806a)!important;box-shadow:0 22px 44px #0005,0 0 0 1px color-mix(in srgb,var(--case-color) 20%,transparent),inset 0 1px #ffffff15!important}
.case-artwork{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--case-color) 25%,#222c23),transparent 61%),linear-gradient(145deg,#252e26,#141a15 78%)!important}
.case-art-gridlines{opacity:.3!important;background-size:32px 32px!important}
.case-art-halo{box-shadow:0 0 40px color-mix(in srgb,var(--case-color) 17%,transparent)!important}
.case-crate-illustration{filter:drop-shadow(0 22px 18px #000a) drop-shadow(0 0 17px color-mix(in srgb,var(--case-color) 15%,transparent))!important}
.case-card-content{padding:16px 16px 15px!important}
.case-card-lf h3{font-size:19px!important;letter-spacing:-.045em!important}
.case-open-card{border-radius:8px!important;background:linear-gradient(105deg,#ffb963,#ff9336)!important;border-color:#ffb963!important;box-shadow:0 7px 20px #ff9b3522,inset 0 1px #ffffff55!important}
.case-open-card:hover{box-shadow:0 11px 26px #ff9b3540!important;filter:saturate(1.08)}
/* Case detail screen: deeper scene, softer edges and clearer controls. */
.case-inside-topbar{margin-bottom:13px!important}
.case-back-link,.case-screen-sound{border:1px solid #43513e!important;border-radius:8px!important;background:linear-gradient(145deg,#273126,#171e18)!important;color:#e5eddf!important;transition:transform .18s,border-color .18s,background .18s!important}
.case-back-link:hover,.case-screen-sound:hover{transform:translateY(-1px);border-color:#8cae64!important;background:#303d2c!important}
.case-opening-panel{border-radius:13px!important;border-color:#3b4939!important;background:linear-gradient(150deg,#232c23,#151b16)!important;box-shadow:0 20px 48px #0003,inset 0 1px #ffffff0a!important}
.case-stage-case{border-radius:10px!important;background:linear-gradient(150deg,#1d261f,#121813)!important}
.case-scene-backdrop{opacity:.96!important}
.case-scene-grid{opacity:.27!important}
.case-stage-caption{border-color:#ffffff12!important}
.case-stage-caption h2{letter-spacing:-.055em!important}
.case-control-dock{border-top-color:#3b4938!important;background:linear-gradient(120deg,#222c22,#171e18)!important;border-radius:0 0 12px 12px!important}
.case-control-identity b{color:#f3f8ed!important}
.case-quantity-control select{border-radius:7px!important}
.case-price-action{border-radius:9px!important;background:linear-gradient(105deg,#ffb963,#ff9233)!important;border-color:#ffc372!important;color:#182013!important;box-shadow:0 8px 22px #ff9b3526,inset 0 1px #ffffff6b!important;transition:transform .2s,box-shadow .2s,filter .2s!important}
.case-price-action:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 12px 28px #ff9b3540!important;filter:brightness(1.05)}
.case-fast-toggle{border:1px solid #465442!important;background:linear-gradient(135deg,#20291f,#151c16)!important;border-radius:8px!important;transition:border-color .18s,background .18s!important}
.case-fast-toggle:has(input:checked){border-color:#8cad67!important;background:linear-gradient(135deg,#293b24,#1a2718)!important;box-shadow:inset 0 0 0 1px #c9f27a10!important}
.case-inside-drops-head{align-items:end!important}
.case-inside-drop-grid{gap:12px!important}
.case-inside-drop-grid .case-drop-card,.case-inside-drop-grid>article,.case-inside-drop-grid>button{border-radius:9px!important;overflow:hidden!important;border-color:#3c4938!important;background:linear-gradient(145deg,#242d24,#151b16)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}
.case-inside-drop-grid .case-drop-card:hover,.case-inside-drop-grid>article:hover,.case-inside-drop-grid>button:hover{transform:translateY(-3px);border-color:#7c9862!important;box-shadow:0 12px 25px #0003!important}
.case-result-banner{background:linear-gradient(110deg,#202d20,#171e18)!important;border-color:#465740!important;border-radius:10px!important}
.case-result-close{border-radius:8px!important;border-color:#58634e!important;background:#1b221b!important;transition:background .18s,border-color .18s,transform .18s!important}
.case-result-close:hover{transform:translateY(-1px);background:#343a2d!important;border-color:#9dbb77!important}
.case-result-value b{color:#d9ff9b!important}
#drop-preview .result-won-card{border-radius:10px!important;box-shadow:0 14px 30px #0003,inset 0 1px #ffffff0a!important}
.case-sell-all{border-radius:8px!important;background:linear-gradient(105deg,#ffb963,#ff9336)!important;border-color:#ffb963!important;color:#1b2117!important;transition:transform .18s,box-shadow .18s!important}
.case-sell-all:hover{transform:translateY(-2px);box-shadow:0 9px 22px #ff9b3538!important}
/* Upgrader: richer panels, cleaner source/target cards, and more intentional depth. */
#page-upgrade .upgrade-layout>.panel:not(.wheel-panel){border-radius:12px!important;background:linear-gradient(150deg,rgba(41,51,41,.96),rgba(24,31,25,.97))!important;border-color:#455341!important;box-shadow:0 14px 32px #0002,inset 0 1px #ffffff0a!important}
#page-upgrade .panel-label{color:#a7b79c!important;letter-spacing:.16em!important}
#page-upgrade .stake-controls,#page-upgrade .target-odds,#page-upgrade .target-range-panel{border-radius:9px!important;background:linear-gradient(140deg,#202920,#151c16)!important;border-color:#3c4a3a!important}
#page-upgrade .upgrade-picker-block{border-top-color:#43513e!important}
#page-upgrade .upgrade-picker-head b{color:#ffb45e!important}
#page-upgrade .skin-picker-card,#page-upgrade .candidate{border-radius:8px!important;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s!important}
#page-upgrade .skin-picker-card:hover,#page-upgrade .candidate:hover{transform:translateY(-2px)!important;box-shadow:0 7px 15px #0003,inset 0 1px #ffffff10!important}
#page-upgrade .skin-picker-card.selected{box-shadow:inset 0 0 0 1px #d9ff724a,0 0 0 1px #c9f27a24!important}
#page-upgrade .odds-buttons button{border-radius:7px!important;min-height:36px!important}
#page-upgrade .target-results{gap:9px!important}
#page-upgrade .target-result{border-radius:9px!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}
#page-upgrade .target-result:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0003!important}
#page-upgrade .wheel-panel{filter:drop-shadow(0 10px 25px #0001)}
#page-upgrade .upgrade-wheel:before{background:radial-gradient(circle at 50% 48%,#35452b 0%,#222e1d 34%,#171f16 57%,#111610 69%,transparent 72%)!important;box-shadow:0 0 48px #9bcf5a21,inset 0 0 22px #d9ff720a!important}
#page-upgrade .wheel-hub{background:radial-gradient(circle at 35% 30%,#333d2e,#171e17 72%)!important;border-color:#b5d477!important;box-shadow:0 0 0 5px #1b211b,0 0 0 6px #6d8750,0 0 34px #9dce582d,inset 0 1px #ffffff1d!important}
#page-upgrade .upgrade-pointer span{border-top-color:#fff8d2!important;filter:drop-shadow(0 0 5px #c9f27a) drop-shadow(0 0 11px #ff9d42)!important}
#page-upgrade .upgrade-wheel.upgrade-win .wheel-hub{box-shadow:0 0 0 5px #1b211b,0 0 0 6px #a9db65,0 0 42px #a9db654d,inset 0 1px #ffffff20!important}
/* Other tabs share the same surfaces and focus treatment. */
#page-battles .battle-create,#page-profile .profile-content,#page-history .history-list,#page-market .search{border-radius:11px!important}
#page-battles .battle-list>*,#page-history .history-list>*,#page-profile .profile-content>*,#page-market .item-grid>*{border-radius:10px!important}
#page-battles .battle-select{border-radius:8px!important;background:#141b15!important;border-color:#455440!important;color:#eff4e8!important}
#page-history .history-list>*,#page-profile .profile-content>*{border-color:#3d4b3a!important;background:linear-gradient(145deg,#222b22,#171e18)!important;box-shadow:0 10px 24px #0002!important}
#page-market .search{padding:12px!important;border:1px solid #3c493a!important;background:linear-gradient(120deg,#222b21,#171e18)!important}
#page-market .item-grid>*{border-color:#3e4b3a!important;background:linear-gradient(150deg,#242d24,#171e18)!important;box-shadow:0 10px 24px #0002!important}
.empty,.picker-empty,.case-feed-empty{border-radius:9px!important;border-color:#455340!important;background:linear-gradient(140deg,#222b22,#171e18)!important;color:#aab7a3!important}
.toast{border:1px solid #718c58!important;border-radius:9px!important;background:linear-gradient(145deg,#263324,#171e18)!important;box-shadow:0 14px 34px #0006!important}
footer{border-top-color:#344032!important;color:#82907e!important}
@media(max-width:1050px){.top{padding-inline:16px!important}.top nav{gap:2px!important}.nav-btn{padding:9px 7px!important;font-size:9px!important}.account-area{gap:6px!important}.page{padding-inline:20px!important}}
@media(max-width:760px){.top{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;padding:10px 14px!important}.top nav{order:3;width:100%;overflow-x:auto;padding:3px 0 6px!important}.nav-btn{flex:0 0 auto!important}.nav-btn.active:after{bottom:-2px}.page{padding:24px 13px 38px!important}.page-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.page-chip{align-self:flex-start}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.case-artwork{height:190px!important}.case-card-content{padding:12px!important}.case-card-lf h3{font-size:16px!important}.case-open-card{min-height:42px!important}.toolbar{align-items:stretch!important}#page-inventory .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.brand{font-size:12px!important}.balance-pill{min-width:0!important}.balance-pill small{font-size:6px!important}.balance-pill b{font-size:10px!important}.page{padding-inline:11px!important}.case-grid{grid-template-columns:1fr!important}.case-artwork{height:225px!important}.case-inside-topbar{gap:6px!important}.case-center-brand{font-size:10px!important}.case-opening-actions{gap:7px!important}.case-fast-toggle{min-width:0!important}.case-price-action{min-width:0!important}#page-inventory .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-inventory .inventory-item-art{height:125px!important;min-height:125px!important;max-height:125px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v51 — Player Vault: profile, lifetime best drop and inventory as one polished surface. */
#page-profile>.page-head{margin-bottom:22px}
#page-profile>.page-head h1{letter-spacing:-.045em}
#page-profile>.page-head p{max-width:620px}
#profile-content{gap:18px!important}
#profile-content .profile-hero{position:relative;isolation:isolate;overflow:hidden;min-height:142px;padding:24px 26px!important;border:1px solid #526248!important;border-radius:16px!important;background:radial-gradient(ellipse at 8% 0%,#c9f27a24,transparent 44%),radial-gradient(ellipse at 92% 100%,#ffad5017,transparent 40%),linear-gradient(120deg,#202b20,#121914 72%)!important;box-shadow:0 18px 48px #0004,inset 0 1px #ffffff0d!important}
#profile-content .profile-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background:repeating-linear-gradient(135deg,transparent 0 22px,#d9ff7210 23px 24px,transparent 25px 46px);mask-image:linear-gradient(90deg,#000,transparent 86%)}
#profile-content .profile-avatar{width:86px;height:86px;flex-basis:86px;border:1px solid #d9ff7252;border-radius:20px;background:linear-gradient(145deg,#bfe87c,#e3a34e);box-shadow:0 0 0 5px #d9ff720b,0 12px 28px #0005;color:#172017}
#profile-content .profile-identity .eyebrow{color:#c9f27a}
#profile-content .profile-identity h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.045em}
#profile-content .profile-identity p{color:#c9f27a}
#profile-content .profile-wallet{position:relative;z-index:1;padding-left:22px;border-left:1px solid #ffffff17;text-align:left;min-width:175px}
#profile-content .profile-wallet b{font-size:clamp(23px,3vw,32px);letter-spacing:-.04em}
.profile-online-pill{display:inline-flex;align-items:center;gap:6px;color:#a5b49d;font-size:9px;letter-spacing:.1em}
.profile-online-pill i{width:6px;height:6px;background:#c9f27a;border-radius:50%;box-shadow:0 0 10px #c9f27a;display:inline-block}
.profile-hero-mark{position:absolute;right:28px;top:4px;z-index:-1;font-size:90px;font-weight:1000;line-height:1;color:#d9ff7208;letter-spacing:-.1em;pointer-events:none}
.profile-hero-mark span{color:#ffad500b}
.profile-topdrop{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:22px;min-height:300px;padding:25px!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 42%,#343b31)!important;background:radial-gradient(ellipse at 82% 48%,color-mix(in srgb,var(--rarity-color,#c9f27a) 22%,transparent),transparent 43%),linear-gradient(115deg,#202820,#111713 78%)!important;box-shadow:0 18px 42px #0003,inset 0 1px #ffffff0c!important}
.profile-topdrop:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff04 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff04 36px 37px);mask-image:linear-gradient(90deg,#000,transparent)}
.profile-topdrop-glow{position:absolute;z-index:-1;width:340px;height:340px;right:12%;top:50%;transform:translate(35%,-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 25%,transparent);box-shadow:0 0 0 24px color-mix(in srgb,var(--rarity-color,#c9f27a) 4%,transparent),0 0 0 55px color-mix(in srgb,var(--rarity-color,#c9f27a) 3%,transparent),0 0 75px color-mix(in srgb,var(--rarity-color,#c9f27a) 14%,transparent);pointer-events:none}
.profile-topdrop-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.profile-topdrop-copy>.eyebrow{color:#c9f27a;font-size:9px;letter-spacing:.2em}
.profile-topdrop-source{display:inline-flex;align-items:center;margin:13px 0 8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 48%,#3a4237);border-radius:5px;background:color-mix(in srgb,var(--rarity-color,#c9f27a) 10%,#151b16);color:#edf3e8;font-size:9px;font-weight:900;letter-spacing:.11em}
.profile-topdrop-copy h2{margin:2px 0 8px;font-size:clamp(25px,3vw,38px);line-height:1;letter-spacing:-.055em}
.profile-topdrop-copy h2 em{color:var(--rarity-color,#c9f27a);font-style:normal}
.profile-topdrop-copy h3{max-width:100%;margin:6px 0 8px;color:#f6f8f0;font-size:clamp(15px,1.8vw,21px);line-height:1.35;overflow-wrap:anywhere}
.profile-topdrop-price{color:var(--rarity-color,#c9f27a);font-size:clamp(28px,3.3vw,42px);line-height:1.1;letter-spacing:-.045em;text-shadow:0 0 28px color-mix(in srgb,var(--rarity-color,#c9f27a) 25%,transparent);font-variant-numeric:tabular-nums}
.profile-topdrop-origin{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:14px;width:100%;border-top:1px solid #ffffff15}
.profile-origin-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 36%,#343b31);background:color-mix(in srgb,var(--rarity-color,#c9f27a) 12%,#111713);color:var(--rarity-color,#c9f27a);font-size:20px}
.profile-topdrop-origin>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.profile-topdrop-origin small{color:#96a391;font-size:8px;letter-spacing:.15em}
.profile-topdrop-origin b{color:#eef2e8;font-size:11px;overflow-wrap:anywhere}
.profile-topdrop-origin time{color:#8e9b89;font-size:9px}
.profile-topdrop-art{position:relative;z-index:1;isolation:isolate;min-width:0;min-height:238px;display:grid;place-items:center;border-radius:13px;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 22%,#303a30);background:radial-gradient(ellipse at 50% 53%,color-mix(in srgb,var(--rarity-color,#c9f27a) 19%,transparent),transparent 56%),linear-gradient(145deg,#242d24a6,#121813c9);overflow:hidden}
.profile-topdrop-orbit{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 22%,transparent);box-shadow:0 0 0 22px color-mix(in srgb,var(--rarity-color,#c9f27a) 4%,transparent),0 0 0 54px color-mix(in srgb,var(--rarity-color,#c9f27a) 3%,transparent)}
.profile-topdrop-art img.skin-art-image{position:relative;z-index:1;width:100%;height:100%;min-height:238px;max-height:300px;object-fit:contain;object-position:center;padding:18px;box-sizing:border-box;filter:drop-shadow(0 18px 26px #000a) drop-shadow(0 0 20px color-mix(in srgb,var(--rarity-color,#c9f27a) 17%,transparent));animation:profileTopDropFloat 5s ease-in-out infinite}
.profile-topdrop-art .skin-fallback{position:relative;z-index:1;width:100%;height:100%;min-height:238px}
.profile-topdrop-corner{position:absolute;right:12px;bottom:10px;color:#8f9c89;font-size:8px;letter-spacing:.15em}
@keyframes profileTopDropFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
.profile-topdrop-empty{grid-template-columns:minmax(0,1fr) 180px;min-height:190px;align-items:center;padding:28px!important}
.profile-topdrop-empty>div:first-child{position:relative;z-index:1}
.profile-topdrop-empty h2{margin:12px 0;font-size:clamp(22px,3vw,34px);letter-spacing:-.05em}
.profile-topdrop-empty h2 em{font-style:normal;color:#c9f27a}
.profile-topdrop-empty p{max-width:500px;color:#a8b3a1;font-size:12px;line-height:1.7}
.profile-topdrop-empty-art{display:grid;place-items:center;width:150px;height:150px;justify-self:center;border:1px solid #c9f27a36;border-radius:50%;color:#c9f27a;font-size:64px;background:radial-gradient(circle,#c9f27a1c,transparent 68%);box-shadow:0 0 0 20px #c9f27a05,0 0 50px #c9f27a10}
#profile-content .profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#profile-content .profile-stat{position:relative;overflow:hidden;min-height:122px;padding:17px 18px!important;border:1px solid #3c4939!important;border-radius:12px!important;background:linear-gradient(145deg,#222b21,#151b15)!important;box-shadow:inset 0 1px #ffffff08,0 10px 25px #0002!important;transition:transform .2s,border-color .2s,box-shadow .2s}
#profile-content .profile-stat:after{content:"";position:absolute;right:-28px;bottom:-40px;width:110px;height:110px;border-radius:50%;border:1px solid #c9f27a12;box-shadow:0 0 0 15px #c9f27a04,0 0 0 33px #c9f27a03}
#profile-content .profile-stat:hover{transform:translateY(-3px);border-color:#73865b!important;box-shadow:inset 0 1px #ffffff0c,0 17px 30px #0003!important}
#profile-content .profile-stat small{color:#9dae95;font-size:9px;letter-spacing:.15em}
#profile-content .profile-stat>b{position:relative;z-index:1;color:#f3f6ee;font-size:30px;letter-spacing:-.045em}
#profile-content .profile-stat span{position:relative;z-index:1;font-size:10px;color:#9caa96}
#profile-content .profile-lower{grid-template-columns:minmax(0,1.65fr) minmax(230px,.8fr);gap:16px}
#profile-content .profile-activity,#profile-content .profile-quick{border:1px solid #3c4939!important;border-radius:13px!important;background:linear-gradient(145deg,#202920,#141a15)!important;padding:20px!important}
#profile-content .profile-section-head h3,#profile-content .profile-quick h3{font-size:19px;letter-spacing:-.03em}
#profile-content .profile-activity-row{padding:13px 0;border-top-color:#ffffff0d}
#profile-content .profile-activity-icon{background:#c9f27a0c;border-color:#71865b66;border-radius:10px}
#profile-content .profile-quick .button{min-height:40px;text-align:left;padding-left:13px}
#profile-content .profile-quick p{margin-top:4px;color:#98a594;font-size:10px}
.profile-inventory{margin-top:20px;padding:22px!important;overflow:hidden;border:1px solid #3b4938!important;border-radius:15px!important;background:radial-gradient(ellipse at 0 0,#c9f27a0b,transparent 35%),linear-gradient(145deg,#1c251c,#121813)!important;box-shadow:0 18px 40px #0002,inset 0 1px #ffffff08!important}
.profile-inventory-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #ffffff12}
.profile-inventory-head h2{margin:7px 0 5px;font-size:clamp(23px,2.5vw,31px);letter-spacing:-.05em}
.profile-inventory-head h2 em{font-style:normal;color:#c9f27a}
.profile-inventory-head p{margin:0;color:#9da998;font-size:11px;line-height:1.6}
.profile-inventory-head .eyebrow{color:#c9f27a;font-size:9px;letter-spacing:.18em}
.profile-inventory-tools{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap}
.profile-inventory-tools #inv-count{color:#a9b99e;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.profile-inventory-tools #clear{min-width:180px;min-height:42px;border-radius:8px;font-size:10px;font-weight:900;box-shadow:0 7px 22px #c9f27a0e}
.profile-inventory-grid.item-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;gap:14px!important}
.profile-inventory-grid .item{position:relative;display:flex;min-width:0;flex-direction:column;align-items:stretch;overflow:hidden;padding:9px 10px 11px!important;border:1px solid #3e4b3a!important;border-radius:12px!important;background:linear-gradient(155deg,#222b22,#131914)!important;box-shadow:0 9px 24px #0002,inset 0 1px #ffffff08!important;transition:transform .22s,border-color .22s,box-shadow .22s!important}
.profile-inventory-grid .item:hover{transform:translateY(-4px);border-color:#829a66!important;box-shadow:0 16px 30px #0004,0 0 24px #c9f27a0a!important}
.profile-inventory-grid .inventory-item-art{position:relative;width:100%;height:155px;min-height:155px;max-height:155px;display:grid;place-items:center;overflow:hidden;margin:0 0 8px;border:1px solid color-mix(in srgb,var(--rarity-color,#c9f27a) 42%,#30392f);border-bottom:3px solid var(--rarity-color,#c9f27a);border-radius:8px;background:radial-gradient(ellipse at 50% 57%,color-mix(in srgb,var(--rarity-color,#c9f27a) 22%,#182018),#111712 74%)}
.profile-inventory-grid .inventory-item-art img.skin-art-image{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:9px;box-sizing:border-box;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 11px #0007)}
.profile-inventory-grid .skin-rarity-badge{align-self:flex-start;margin:0 0 8px!important;padding:4px 7px;border-radius:4px;font-size:8px}
.profile-inventory-grid .item h4{margin:4px 0 7px!important;min-height:30px;overflow-wrap:anywhere;color:#f0f4e9;font-size:11px;line-height:1.45}
.profile-inventory-grid .item-price{min-height:20px;color:#c9f27a;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.profile-inventory-grid .item .button{width:100%;min-height:34px;margin:5px 0 0!important;border-radius:7px;font-size:9px;font-weight:800}
.profile-inventory-grid .item .button:not(.lime){background:#202820!important}
.profile-inventory-grid .item .button.remove{opacity:.82}
@media(max-width:980px){#profile-content .profile-topdrop{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}#profile-content .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#profile-content .profile-lower{grid-template-columns:1fr}}
@media(max-width:650px){#profile-content .profile-hero{align-items:flex-start;flex-wrap:wrap;padding:17px!important}#profile-content .profile-avatar{width:62px;height:62px;flex-basis:62px;border-radius:15px}#profile-content .profile-wallet{width:100%;min-width:0;padding:13px 0 0;border-left:0;border-top:1px solid #ffffff18}#profile-content .profile-hero-mark{right:12px;font-size:65px}#profile-content .profile-topdrop{grid-template-columns:1fr;gap:10px;padding:18px!important}#profile-content .profile-topdrop-art{min-height:190px;grid-row:1}#profile-content .profile-topdrop-art img.skin-art-image,#profile-content .profile-topdrop-art .skin-fallback{min-height:190px;max-height:220px}#profile-content .profile-topdrop-empty{grid-template-columns:1fr}#profile-content .profile-topdrop-empty-art{width:100px;height:100px;font-size:44px}#profile-content .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#profile-content .profile-stat{padding:13px!important;min-height:110px}#profile-content .profile-stat>b{font-size:24px}.profile-inventory{padding:14px!important}.profile-inventory-head{align-items:flex-start;flex-direction:column}.profile-inventory-tools{width:100%;justify-content:space-between}.profile-inventory-tools #clear{min-width:0;flex:1}.profile-inventory-grid.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.profile-inventory-grid .inventory-item-art{height:120px;min-height:120px;max-height:120px}}
@media(prefers-reduced-motion:reduce){.profile-topdrop-art img.skin-art-image{animation:none!important}}

/* v53 — Battle Arena visual rebuild */
#page-battles.battles-page{--arena-orange:#ff9b35;--arena-green:#9be6a8;--arena-dim:#7c897f;position:relative;isolation:isolate;max-width:1420px;padding-top:34px}
#page-battles.battles-page:before{content:"";position:absolute;z-index:-1;inset:0 1% auto;height:650px;pointer-events:none;background:radial-gradient(ellipse at 13% 7%,#ff9b3514,transparent 34%),radial-gradient(ellipse at 85% 6%,#8ed6a31b,transparent 34%),linear-gradient(180deg,#1f282111,transparent 88%)}
#page-battles .battle-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.7fr);gap:12px 24px;padding:clamp(22px,3vw,38px);margin-bottom:18px;overflow:hidden;border:1px solid #788d702f;border-radius:20px;background:radial-gradient(ellipse at 13% 13%,#ff9b3519,transparent 38%),radial-gradient(ellipse at 83% 67%,#9be6a817,transparent 36%),linear-gradient(125deg,#222b23f7,#141a16 62%,#101512);box-shadow:0 25px 65px #0003,inset 0 1px #ffffff0a}
#page-battles .battle-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#c7d1c610 1px,transparent 1px),linear-gradient(90deg,#c7d1c610 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(100deg,#000,transparent 70%)}
#page-battles .battle-hero-copy{position:relative;z-index:2;align-self:center;min-width:0}
#page-battles .battle-overline{display:flex;align-items:center;gap:9px;color:#b6c2b2;font-size:9px;font-weight:900;letter-spacing:.18em;flex-wrap:wrap}
#page-battles .battle-overline>i{color:#667563;font-style:normal}#page-battles .battle-overline>b{margin-left:2px;padding:5px 7px;border:1px solid #ff9b354a;border-radius:5px;color:#ffbc76;background:#ff9b3510;font-size:8px}
#page-battles .battle-live-pulse{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#9be6a8;box-shadow:0 0 0 4px #9be6a815,0 0 15px #9be6a8a0;animation:battleLivePulse 2s ease-out infinite}
#page-battles .battle-hero h1{margin:20px 0 14px;font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.065em;color:#f1f5ef}
#page-battles .battle-hero h1 em{font-style:normal;color:#ffad50;text-shadow:0 0 35px #ff9b3528}
#page-battles .battle-hero-copy>p{max-width:610px;margin:0;color:#a9b5a7;font-size:12px;line-height:1.9}
#page-battles .battle-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
#page-battles .battle-hero-tags span{padding:8px 10px;border:1px solid #91a18a25;border-radius:6px;background:#ffffff04;color:#a9b5a7;font-size:8px;font-weight:900;letter-spacing:.11em}
#page-battles .battle-hero-tags i{margin-right:5px;color:#ffad50;font-style:normal}
#page-battles .battle-hero-art{position:relative;display:grid;place-items:center;min-height:230px;overflow:hidden;isolation:isolate}
#page-battles .battle-art-orbit{position:absolute;width:198px;aspect-ratio:1;border:1px solid #9be6a82c;border-radius:50%;box-shadow:0 0 0 21px #9be6a805,0 0 0 43px #9be6a804,0 0 55px #9be6a80b;transform:rotate(-27deg)}
#page-battles .battle-art-orbit.orbit-b{width:158px;border-color:#ff9b3545;border-style:dashed;transform:rotate(35deg);animation:battleOrbit 24s linear infinite}
#page-battles .battle-art-cross{position:absolute;width:92%;height:1px;background:linear-gradient(90deg,transparent,#9be6a82b,transparent);transform:rotate(-30deg)}
#page-battles .battle-art-emblem{position:relative;z-index:2;width:126px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:30px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(145deg,#334332,#172219 60%,#101512);border:1px solid #9be6a84d;box-shadow:0 25px 50px #0007,inset 0 0 25px #9be6a815;transform:rotate(-7deg);animation:battleEmblemFloat 5s ease-in-out infinite}
#page-battles .battle-art-emblem:before{content:"";position:absolute;inset:8px;clip-path:inherit;border:1px solid #ffad5040;background:linear-gradient(140deg,#ffad5010,transparent)}
#page-battles .battle-art-emblem>span{position:relative;color:#ffad50;font-size:31px;font-weight:1000;letter-spacing:-.1em;text-shadow:0 0 24px #ff9b3566}
#page-battles .battle-art-emblem>b{position:relative;margin-top:-2px;font-size:27px;line-height:1;color:#eff4e7;letter-spacing:.08em}
#page-battles .battle-art-emblem>small{position:relative;margin-top:7px;color:#a9c8a3;font-size:7px;letter-spacing:.36em}
#page-battles .battle-art-side{position:absolute;z-index:3;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffad505c;border-radius:13px;background:linear-gradient(145deg,#34281a,#171b15);color:#ffad50;font-size:24px;box-shadow:0 12px 25px #0005;animation:battleSideFloat 4s ease-in-out infinite}
#page-battles .battle-art-side.side-a{left:10%;top:22%;transform:rotate(-16deg)}#page-battles .battle-art-side.side-b{right:9%;bottom:19%;color:#9be6a8;border-color:#9be6a858;background:linear-gradient(145deg,#1f3327,#121a15);transform:rotate(16deg);animation-delay:-1.5s}
#page-battles .battle-art-caption{position:absolute;bottom:7px;right:0;color:#758474;font-size:8px;letter-spacing:.18em;font-weight:900}.battle-art-caption span{color:#ffad50;margin-left:7px}
#page-battles .battle-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px;position:relative;z-index:2}
#page-battles .battle-hero-stats>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #9ba99620;border-radius:9px;background:#0d130f63}
#page-battles .battle-hero-stats small{color:#849380;font-size:8px;letter-spacing:.15em;font-weight:900}
#page-battles .battle-hero-stats b{color:#edf5e9;font-size:16px;letter-spacing:-.035em;white-space:nowrap}
#page-battles .battle-hero-stats b i{color:#ffad50;font-size:8px;letter-spacing:.08em;font-style:normal}
#page-battles .battle-create{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) minmax(210px,.72fr);align-items:center;gap:clamp(14px,2vw,28px);margin:0 0 13px;padding:20px 22px!important;border:1px solid #75896d38!important;border-radius:15px!important;background:linear-gradient(120deg,#202920,#171e18 62%,#141a15)!important;box-shadow:0 16px 42px #0002,inset 0 1px #ffffff09!important}
#page-battles .battle-create-copy{min-width:0}#page-battles .battle-create-copy .eyebrow{color:#ffad50}
#page-battles .battle-create-copy h2{margin:7px 0;font-size:clamp(18px,2vw,25px);letter-spacing:-.05em}#page-battles .battle-create-copy h2 em{font-style:normal;color:#ffad50}
#page-battles .battle-create-copy p{margin:0;color:#9aa696;font-size:10px;line-height:1.7}
#page-battles .battle-create-control{min-width:0}
#page-battles .battle-create-control>label{display:block;margin-bottom:8px;color:#97a590;font-size:8px;letter-spacing:.16em;font-weight:900}
#page-battles .battle-select-wrap{position:relative;display:flex;align-items:center;border:1px solid #53624f;border-radius:9px;background:linear-gradient(145deg,#111811,#161e16);transition:border-color .2s,box-shadow .2s}
#page-battles .battle-select-wrap:focus-within{border-color:#ffad50;box-shadow:0 0 0 3px #ffad5010}
#page-battles .battle-select-icon{display:grid;place-items:center;width:42px;align-self:stretch;border-right:1px solid #7a8b7025;color:#ffad50;font-size:19px;flex:0 0 42px}
#page-battles .battle-select{width:100%;min-width:0;appearance:none;border:0!important;background:transparent!important;border-radius:9px!important;padding:13px 36px 13px 12px!important;color:#edf2e9!important;font-size:11px!important;font-weight:800!important;outline:none}
#page-battles .battle-select option{background:#172018;color:#eef3e9}
#page-battles .battle-select-chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#ffad50;pointer-events:none;font-size:17px}
#page-battles .battle-entry-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}
#page-battles .battle-entry-foot span{color:#82917e;font-size:7px;letter-spacing:.1em;font-weight:900}
#page-battles .battle-entry-foot b{color:#a8e5ad;font-size:12px;font-variant-numeric:tabular-nums}
#page-battles .battle-create-actions{display:grid;gap:8px;min-width:0}
#page-battles .battle-create-main{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:61px;padding:10px 12px!important;margin:0!important;text-align:left;border-radius:9px!important;background:linear-gradient(110deg,#a1e6ab,#83cf95)!important;border-color:#a1e6ab!important;color:#121b13!important;box-shadow:0 10px 22px #8ed6a319,inset 0 1px #ffffff80!important;transition:transform .2s,box-shadow .2s,filter .2s!important}
#page-battles .battle-create-main:hover{transform:translateY(-2px);filter:saturate(1.07);box-shadow:0 14px 28px #8ed6a333!important;color:#121b13!important}
#page-battles .battle-create-plus{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:#13211618;border:1px solid #1d44251e;font-size:22px}
#page-battles .battle-create-main>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
#page-battles .battle-create-main b{font-size:11px;font-weight:1000}#page-battles .battle-create-main small{font-size:8px;font-weight:700;opacity:.7}
#page-battles .battle-create-main>i{margin-left:auto;font-size:18px;font-style:normal}
#page-battles .battle-refresh{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;margin:0!important;border-radius:8px!important;border-color:#465543!important;background:#ffffff04!important;color:#b8c6b2!important;font-size:9px!important}
#page-battles .battle-refresh:hover{border-color:#ffad50!important;color:#ffbd7c!important;background:#ffad5008!important}
#page-battles .battle-refresh>span{font-size:16px;color:#9be6a8}
#page-battles .battle-demo-note{display:flex;align-items:center;gap:12px;margin:0 0 32px;padding:13px 16px;border:1px solid #8b9a7826;border-radius:10px;background:linear-gradient(90deg,#9be6a80a,#141b15ab);color:#9ba995}
#page-battles .battle-note-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #9be6a839;border-radius:50%;color:#9be6a8;font-family:Georgia,serif;font-size:14px;font-weight:900}
#page-battles .battle-demo-note>div{min-width:0;flex:1}#page-battles .battle-demo-note>div>b{font-size:8px;letter-spacing:.16em;color:#c1d0bb}
#page-battles .battle-demo-note p{margin:4px 0 0;color:#8e9b89;font-size:9px;line-height:1.65}
#page-battles .battle-note-shield{color:#74856f;font-size:7px;letter-spacing:.1em;font-weight:900;white-space:nowrap}
#page-battles .battle-lobby-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 15px}
#page-battles .battle-lobby-heading .eyebrow{color:#ffad50;font-size:8px}
#page-battles .battle-lobby-heading h2{margin:7px 0 6px;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.055em}
#page-battles .battle-lobby-heading h2 em{font-style:normal;color:#a3e6ad}
#page-battles .battle-lobby-heading p{margin:0;color:#8d9a88;font-size:10px}
#page-battles .battle-lobby-key{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #7183692c;border-radius:7px;background:#101711a8;color:#8b9985;font-size:7px;letter-spacing:.12em;font-weight:900;white-space:nowrap}
#page-battles .battle-lobby-key .battle-live-pulse{width:6px;height:6px;flex-basis:6px}
#page-battles .battle-lobby-key b{color:#b0e6b4}
#page-battles .battle-list{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;margin-top:0}
#page-battles .battle-card{position:relative;overflow:hidden;min-width:0;padding:0;border:1px solid #435240;border-radius:15px;background:radial-gradient(ellipse at 50% 0%,#9be6a809,transparent 55%),linear-gradient(145deg,#1d261e,#131914 72%);box-shadow:0 15px 36px #0002,inset 0 1px #ffffff07;transition:border-color .22s,transform .22s,box-shadow .22s}
#page-battles .battle-card:before{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#a9e4a85e,#ffad5061,transparent)}
#page-battles .battle-card:hover{border-color:#6d835f;box-shadow:0 20px 44px #0003,0 0 0 1px #8ed6a30b}
#page-battles .battle-card.battle-complete{border-color:#738a51;animation:battle-card-in .5s cubic-bezier(.2,.8,.2,1) both}
#page-battles .battle-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 21px 15px;border-bottom:1px solid #ffffff0c;background:linear-gradient(90deg,#ffffff04,transparent)}
#page-battles .battle-room-identity{display:flex;align-items:center;gap:12px;min-width:0}
#page-battles .battle-room-mark{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid #ffad5047;border-radius:11px;background:linear-gradient(145deg,#ffad5016,#171e16);color:#ffb66b;font-size:23px;box-shadow:inset 0 1px #ffffff0c}
#page-battles .battle-room-identity>div{min-width:0}
#page-battles .battle-room-identity small{display:block;color:#8d9a87;font-size:7px;letter-spacing:.15em;font-weight:900}
#page-battles .battle-room-identity small i{color:#60705d;font-style:normal}
#page-battles .battle-room-identity h3{margin:5px 0 0;color:#f0f5eb;font-size:18px;letter-spacing:-.035em;overflow-wrap:anywhere}
#page-battles .battle-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #8ed6a32e;border-radius:999px;padding:8px 11px;background:#8ed6a308;color:#a3e6ad;font-size:7px;letter-spacing:.1em;font-weight:1000;white-space:nowrap}
#page-battles .battle-status>i{width:5px;height:5px;border-radius:50%;background:#9be6a8;box-shadow:0 0 9px #9be6a8aa}
#page-battles .battle-status.done{border-color:#ffad5042;background:#ffad500b;color:#ffbd7c}
#page-battles .battle-status.done>i{background:#ffad50;box-shadow:0 0 9px #ffad5099}
#page-battles .battle-status.spinning{border-color:#a7a0fa46;background:#a7a0fa0c;color:#c6c1ff}
#page-battles .battle-status.spinning>i{background:#ada8ff;animation:battleLivePulse 1s infinite}
#page-battles .battle-card-economy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 21px;padding:13px 0;border-bottom:1px solid #ffffff0c}
#page-battles .battle-card-economy>div{display:flex;flex-direction:column;gap:6px;padding:0 14px;border-left:1px solid #ffffff0c;min-width:0}
#page-battles .battle-card-economy>div:first-child{border-left:0;padding-left:0}
#page-battles .battle-card-economy small{font-size:7px;color:#81907b;letter-spacing:.13em;font-weight:900}
#page-battles .battle-card-economy b{font-size:15px;color:#eaf2e6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#page-battles .battle-card-economy>div:nth-child(2) b{color:#a7e8ae}
#page-battles .battle-card-economy b i{color:#ffad50;font-size:8px;font-style:normal}
#page-battles .battle-matchup{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:stretch;gap:10px;padding:18px 21px 19px}
#page-battles .battle-player-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:198px;overflow:hidden;padding:15px 16px 12px;border:1px solid #687a6033;border-radius:12px;background:linear-gradient(140deg,#263126,#171e18 75%);box-shadow:inset 0 1px #ffffff07;transition:border-color .22s,background .22s,box-shadow .22s}
#page-battles .battle-player-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--player-accent,#9be6a8),transparent);opacity:.7}
#page-battles .battle-player-panel.player-side-a{--player-accent:#ffad50;background:radial-gradient(ellipse at 0 0,#ffad5011,transparent 60%),linear-gradient(140deg,#29271f,#171d17 76%)}
#page-battles .battle-player-panel.player-side-b{--player-accent:#93e2ad;background:radial-gradient(ellipse at 100% 0,#93e2ad10,transparent 62%),linear-gradient(140deg,#1e2b23,#151c17 76%)}
#page-battles .battle-player-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}
#page-battles .battle-player-topline>span:first-child{color:#8e9c88;font-size:7px;letter-spacing:.16em;font-weight:1000}
#page-battles .battle-player-state{color:#8b9a85;font-size:7px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#page-battles .battle-player-state.is-winner{color:#c9f27a}
#page-battles .battle-player-identity{display:flex;align-items:center;gap:11px;min-width:0}
#page-battles .battle-avatar{position:relative;display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;border:1px solid color-mix(in srgb,var(--player-accent,#9be6a8) 56%,#263126);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--player-accent,#9be6a8) 22%,#1a2119),#111711);color:var(--player-accent,#9be6a8);font-size:22px;font-weight:1000;box-shadow:inset 0 1px #ffffff13,0 6px 14px #0002}
#page-battles .battle-avatar>i{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border:2px solid #182119;border-radius:50%;background:#9be6a8}
#page-battles .battle-player-names{display:flex;flex-direction:column;gap:6px;min-width:0}
#page-battles .battle-player-names>b{font-size:13px;color:#f0f4ec;overflow-wrap:anywhere}
#page-battles .battle-player-names>small{font-size:7px;color:#8b9b85;letter-spacing:.12em;font-weight:900}
#page-battles .battle-player-statrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;padding:11px 12px;border:1px solid #ffffff0c;border-radius:8px;background:#0c120d59}
#page-battles .battle-player-statrow>span{font-size:7px;color:#899883;letter-spacing:.15em;font-weight:900}
#page-battles .battle-player-statrow>b{font-size:9px;color:#c1cfbb;letter-spacing:.05em}
#page-battles .battle-player-statrow>i{font-style:normal;color:var(--player-accent,#9be6a8);font-size:14px}
#page-battles .battle-player-bottomline{margin-top:auto;padding-top:15px;display:flex;align-items:center;gap:9px}
#page-battles .battle-player-bar{display:block;height:3px;flex:1;overflow:hidden;border-radius:4px;background:#ffffff12}
#page-battles .battle-player-bar>i{display:block;width:42%;height:100%;border-radius:4px;background:var(--player-accent,#9be6a8);box-shadow:0 0 8px var(--player-accent,#9be6a8);opacity:.7}
#page-battles .battle-player-panel.player-side-b .battle-player-bar>i{margin-left:auto}
#page-battles .battle-player-bottomline small{color:#82917c;font-size:6px;letter-spacing:.09em;font-weight:900;white-space:nowrap}
#page-battles .battle-player-panel.battle-winner{border-color:#9ce6a978;background:radial-gradient(ellipse at 50% 100%,#9ce6a81b,transparent 70%),linear-gradient(140deg,#283b28,#182219 76%);box-shadow:inset 0 0 0 1px #9ce6a815,0 0 28px #9be6a80b}
#page-battles .battle-player-panel.battle-winner:before{height:3px;opacity:1}
#page-battles .battle-player-panel.battle-winner .battle-player-bar>i{width:100%;opacity:1}
#page-battles .battle-player-panel.battle-loser{filter:saturate(.67)}
#page-battles .battle-player-drop{display:flex;align-items:center;gap:10px;min-width:0;margin-top:13px;padding:8px;border:1px solid color-mix(in srgb,var(--battle-drop-color,#4b69ff) 30%,#283128);border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--battle-drop-color,#4b69ff) 11%,#111711),#101610b5)}
#page-battles .battle-player-drop-art{width:74px;height:50px;flex:0 0 74px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:radial-gradient(ellipse,color-mix(in srgb,var(--battle-drop-color,#4b69ff) 19%,transparent),transparent 75%)}
#page-battles .battle-player-drop-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}
#page-battles .battle-player-drop-info{display:flex;flex-direction:column;gap:4px;min-width:0}
#page-battles .battle-player-drop-info>small{font-size:6px;color:#8f9e89;letter-spacing:.11em;font-weight:900}
#page-battles .battle-player-drop-info>b{font-size:9px;color:#edf2e9;line-height:1.4;overflow-wrap:anywhere}
#page-battles .battle-player-drop-info>strong{color:#c5f2a4;font-size:11px;font-variant-numeric:tabular-nums}
#page-battles .battle-vs-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;align-self:stretch;min-width:0}
#page-battles .battle-vs-center>span{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid #788a694e;border-radius:50%;background:linear-gradient(145deg,#323b2d,#171e17);box-shadow:0 0 0 7px #9be6a807,0 0 28px #9be6a80e;color:#f0f6e9;font-size:13px;font-weight:1000;font-style:italic}
#page-battles .battle-vs-center>i{position:absolute;top:13%;bottom:13%;width:1px;background:linear-gradient(transparent,#829b7045,#ffad5045,transparent)}
#page-battles .battle-vs-center>small{position:relative;z-index:2;color:#74846e;font-size:6px;letter-spacing:.18em;font-weight:900}
#page-battles .battle-player-open{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:linear-gradient(140deg,#2028209c,#141a15)}
#page-battles .battle-open-slot-art{position:relative;display:grid;place-items:center;width:54px;height:54px;margin:1px auto 10px;border:1px dashed #7d957454;border-radius:16px;color:#a8c39b;font-size:25px;background:#9be6a807}
#page-battles .battle-open-slot-art>i{position:absolute;inset:-8px;border:1px solid #9be6a810;border-radius:22px;animation:battleEmptyPulse 3s ease-out infinite}
#page-battles .battle-open-title{color:#dae5d4;font-size:12px}
#page-battles .battle-player-open>p{max-width:210px;margin:6px 0 0;color:#83917d;font-size:9px;line-height:1.6}
#page-battles .battle-empty-progress{height:3px;width:65%;margin-top:18px;border-radius:4px;background:#ffffff0b;overflow:hidden}
#page-battles .battle-empty-progress>span{display:block;height:100%;width:35%;background:#9be6a8;opacity:.75;animation:battleWaiting 2.8s ease-in-out infinite alternate}
#page-battles .battle-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0;padding:0 21px 18px}
#page-battles .battle-actions .button{display:inline-flex;align-items:center;gap:11px;min-height:42px;margin:0!important;padding:11px 16px!important;border-radius:9px!important;font-size:9px!important}
#page-battles .battle-actions .button.lime{background:linear-gradient(110deg,#a5e9ad,#8bd89c)!important;border-color:#a5e9ad!important;box-shadow:0 8px 19px #9be6a80c}
#page-battles .battle-actions .button.lime:hover{box-shadow:0 10px 23px #9be6a822!important}
#page-battles .battle-actions .button>span{font-size:16px}
#page-battles .battle-actions .button>i{font-style:normal;font-size:13px}
#page-battles .battle-waiting-note{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #8ed6a322;border-radius:8px;background:#0d140e88}
#page-battles .battle-waiting-note>div{display:flex;flex-direction:column;gap:4px}
#page-battles .battle-waiting-note b{color:#c3d3bc;font-size:9px}#page-battles .battle-waiting-note small{color:#82917b;font-size:8px}
#page-battles .battle-finished-foot{display:flex;align-items:center;gap:7px;color:#788a74;font-size:8px}
#page-battles .battle-finished-foot:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#9be6a812;color:#a5e9ad}
#page-battles .battle-spin-stage{position:relative;margin:0 21px 18px;padding:20px 20px 18px;border:1px solid #7387654b;border-radius:13px;background:radial-gradient(ellipse at 50% 48%,#9be6a815,transparent 50%),linear-gradient(145deg,#101711,#182219 53%,#151b16);text-align:center;overflow:hidden}
#page-battles .battle-spin-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#c8d8c31a 1px,transparent 1px),linear-gradient(90deg,#c8d8c31a 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
#page-battles .battle-spin-stage-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;color:#9cab96;font-size:7px;font-weight:900;letter-spacing:.16em}
#page-battles .battle-spin-stage-top>span:last-child{padding:5px 7px;border:1px solid #9be6a81f;border-radius:4px;color:#829b82;font-size:6px}
#page-battles .battle-spin-matchup{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 114px minmax(0,1fr);align-items:center;gap:18px;max-width:670px;margin:18px auto 10px}
#page-battles .battle-spin-name{display:flex;flex-direction:column;gap:7px;min-width:0}
#page-battles .battle-spin-name>small{color:#899b82;font-size:7px;letter-spacing:.16em;font-weight:900}
#page-battles .battle-spin-name>b{color:#f0f5ec;font-size:clamp(11px,1.5vw,17px);overflow-wrap:anywhere}
#page-battles .spin-name-a{text-align:right}.spin-name-a>b{color:#ffbd7c!important}.spin-name-b{text-align:left}.spin-name-b>b{color:#a6e7b0!important}
#page-battles .battle-spin-wheel{position:relative;width:104px;height:104px;margin:0 auto 7px;padding:0;border-radius:50%;isolation:isolate;background:conic-gradient(from 0deg,#ffad50 0deg 170deg,#e6e8c8 180deg 181deg,#9be6a8 190deg 360deg);box-shadow:0 0 0 7px #ffffff04,0 0 0 8px #ffffff0b,0 0 38px #9be6a81b;animation:none!important}
#page-battles .battle-spin-wheel:before{content:"";position:absolute;inset:-9px;border:1px dashed #b0c6a44d;border-radius:50%;animation:battleOrbit 15s linear infinite}
#page-battles .battle-coin-wheel .battle-spin-wheel-inner{position:absolute;inset:23px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border:1px solid #f4f7e9a3;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2f3b2b,#101610 75%);box-shadow:0 3px 12px #0009,inset 0 0 17px #0009;color:#f1f5ec;font-size:19px;font-style:italic;font-weight:1000}
#page-battles .battle-coin-side{width:49%;gap:2px;color:#121a12;text-shadow:none}
#page-battles .battle-coin-side small{font-size:6px;letter-spacing:.1em}
#page-battles .battle-coin-side b{font-size:6px;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#page-battles .battle-pointer-orbit{animation:battle-pointer-stop 6.2s cubic-bezier(.08,.7,.08,1) forwards}
#page-battles .battle-edge-arrow{border-left-width:6px;border-right-width:6px;border-bottom-width:13px;transform:translate(-50%,-51px);transform-origin:50% calc(50% + 51px)}
#page-battles .battle-spin-stage>h4{position:relative;z-index:1;margin:11px 0 6px;color:#dce8d7;font-size:10px;letter-spacing:.2em}
#page-battles .battle-spin-stage>p{position:relative;z-index:1;margin:0;color:#84947f;font-size:8px;line-height:1.6}
#page-battles .battle-spin-slots{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px;margin:18px auto 0}
#page-battles .battle-spin-slot{position:relative;min-width:0;padding:9px 10px 0;border:1px solid #6a7d573d;border-radius:9px;background:#0b100c99;overflow:hidden;text-align:left}
#page-battles .battle-spin-slot.spin-slot-a{border-top:2px solid #ffad50}.battle-spin-slot.spin-slot-b{border-top:2px solid #9be6a8}
#page-battles .battle-reel-label{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}
#page-battles .battle-reel-label>small{min-width:0;color:#b4c1ad;font-size:8px;font-weight:900;overflow-wrap:anywhere}
#page-battles .battle-reel-label>b{color:#74856e;font-size:6px;letter-spacing:.12em;white-space:nowrap}
#page-battles .battle-spin-reel{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;min-width:0;height:49px;margin-top:7px;color:#d4e4ca;font-size:17px;animation:battleReelSlide .95s linear infinite;filter:none}
#page-battles .battle-spin-reel>span{display:grid;place-items:center;width:48px;height:35px;flex:0 0 48px;border:1px solid #9be6a821;border-radius:6px;background:linear-gradient(145deg,#263326,#111811);color:#b1e2a5;font-size:17px;filter:none}
#page-battles .spin-slot-a .battle-spin-reel>span:nth-child(even){color:#ffb770;border-color:#ffad5027}
#page-battles .battle-spin-progress{position:relative;z-index:1;height:2px;max-width:780px;margin:13px auto 0;overflow:hidden;background:#ffffff0b;border-radius:9px}
#page-battles .battle-spin-progress>span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#ffad50,#9be6a8);box-shadow:0 0 10px #9be6a8;animation:battleProgress 6.2s cubic-bezier(.1,.62,.25,1) forwards}
#page-battles .battle-result.battle-reveal{position:relative;margin:0 21px 18px;padding:20px;border:1px solid #9be6a84b;border-radius:13px;background:radial-gradient(ellipse at 0 0,#9be6a814,transparent 40%),linear-gradient(130deg,#18221a,#111812);text-align:left;animation:battle-result-in .7s cubic-bezier(.16,1,.3,1) both;box-shadow:inset 0 1px #ffffff09}
#page-battles .battle-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
#page-battles .battle-result-title{display:flex;align-items:center;gap:13px;min-width:0}
#page-battles .battle-cup{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;margin:0;border:1px solid #c9f27a50;border-radius:15px;background:linear-gradient(145deg,#c9f27a20,#ffad500b);color:#c9f27a;font-size:31px;animation:battle-cup-pop .7s .18s both}
#page-battles .battle-result-title>div{min-width:0}
#page-battles .battle-result-title .eyebrow{color:#9be6a8;font-size:7px}
#page-battles .battle-result-title h4{margin:7px 0 5px;color:#edf5e8;font-size:clamp(13px,2vw,20px);letter-spacing:-.025em}
#page-battles .battle-result-title h4 b{color:#c9f27a}
#page-battles .battle-result-title p{margin:0;color:#8c9c85;font-size:9px;line-height:1.6}
#page-battles .battle-pot-win{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:11px 13px;border:1px solid #a5e9ad40;border-radius:9px;background:linear-gradient(145deg,#9be6a811,#101811);white-space:nowrap}
#page-battles .battle-pot-win>small{color:#8da787;font-size:7px;letter-spacing:.12em;font-weight:900}
#page-battles .battle-pot-win>strong{color:#c9f27a;font-size:24px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
#page-battles .battle-pot-win>span{color:#7d9176;font-size:7px}
#page-battles .battle-result-divider{display:flex;align-items:center;gap:12px;margin:20px 0 11px;color:#83947b;font-size:7px;letter-spacing:.16em;font-weight:900}
#page-battles .battle-result-divider>i{height:1px;flex:1;background:linear-gradient(90deg,#7b906b3c,transparent)}
#page-battles .battle-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:0}
#page-battles .battle-drop{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--battle-drop-color,#4b69ff) 32%,#293428);border-radius:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--battle-drop-color,#4b69ff) 10%,#172018),#101610);overflow:hidden}
#page-battles .battle-drop:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--battle-drop-color,#4b69ff);box-shadow:0 0 15px color-mix(in srgb,var(--battle-drop-color,#4b69ff) 45%,transparent)}
#page-battles .battle-drop.battle-drop-winner{border-color:#a5e9ad70;box-shadow:0 0 22px #9be6a80b,inset 0 1px #ffffff08}
#page-battles .battle-drop-art{display:grid;place-items:center;width:102px;height:66px;flex:0 0 102px;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse,color-mix(in srgb,var(--battle-drop-color,#4b69ff) 19%,transparent),transparent 76%)}
#page-battles .battle-drop-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px #0008);animation:battleDropFloat 4s ease-in-out infinite}
#page-battles .battle-drop-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
#page-battles .battle-drop-main>small{color:#84927d;font-size:6px;letter-spacing:.1em;overflow-wrap:anywhere}
#page-battles .battle-drop-main>b{color:#eef4e9;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
#page-battles .battle-drop-main>strong{color:#c5f2a4;font-size:12px;font-variant-numeric:tabular-nums}
#page-battles .battle-drop-result-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:1px solid #95ac872c;border-radius:8px;color:#9bad92;font-size:13px}
#page-battles .battle-drop-winner .battle-drop-result-icon{color:#c9f27a;border-color:#c9f27a4b;background:#c9f27a0c}
#page-battles .battle-actions:has(.battle-finished-foot){padding-top:0}
@keyframes battleLivePulse{0%{box-shadow:0 0 0 0 #9be6a850}70%{box-shadow:0 0 0 6px #9be6a800}100%{box-shadow:0 0 0 0 #9be6a800}}
@keyframes battleOrbit{to{transform:rotate(335deg)}}
@keyframes battleEmblemFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -7px;rotate:1deg}}
@keyframes battleSideFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes battleEmptyPulse{0%{transform:scale(.88);opacity:.7}100%{transform:scale(1.25);opacity:0}}
@keyframes battleWaiting{from{transform:translateX(-5%)}to{transform:translateX(180%)}}
@keyframes battleReelSlide{from{transform:translateX(0)}to{transform:translateX(-45%)}}
@keyframes battleProgress{0%{width:4%}60%{width:78%}87%{width:92%}100%{width:100%}}
@keyframes battleDropFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1000px){#page-battles .battle-create{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}#page-battles .battle-create-actions{grid-column:1/-1;grid-template-columns:1fr 190px;align-items:center}#page-battles .battle-create-main{min-height:54px}#page-battles .battle-hero{grid-template-columns:minmax(0,1.1fr) minmax(190px,.65fr)}}
@media(max-width:760px){#page-battles.battles-page{padding-top:23px}#page-battles .battle-hero{grid-template-columns:minmax(0,1fr) 145px;gap:10px;padding:21px 18px}#page-battles .battle-hero-art{min-height:180px}#page-battles .battle-art-emblem{width:100px}#page-battles .battle-art-side{width:34px;height:34px;font-size:18px;border-radius:10px}#page-battles .battle-art-side.side-a{left:0}#page-battles .battle-art-side.side-b{right:0}#page-battles .battle-hero-stats>div{align-items:flex-start;flex-direction:column;gap:5px;padding:10px}#page-battles .battle-create{grid-template-columns:1fr 1fr;gap:16px;padding:17px!important}#page-battles .battle-create-actions{grid-column:1/-1;grid-template-columns:1fr 180px}#page-battles .battle-note-shield{display:none}#page-battles .battle-card-top{padding:15px 15px 13px}#page-battles .battle-card-economy{margin:0 15px}#page-battles .battle-matchup{padding:14px 15px 16px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:7px}#page-battles .battle-vs-center>span{width:38px;height:38px;font-size:11px}#page-battles .battle-player-panel{padding:12px 10px;min-height:185px}#page-battles .battle-player-topline{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:13px}#page-battles .battle-player-identity{gap:8px;align-items:flex-start;flex-direction:column}#page-battles .battle-player-names>b{font-size:11px}#page-battles .battle-player-drop{align-items:flex-start;flex-direction:column;gap:6px}#page-battles .battle-player-drop-art{width:100%;height:48px;flex-basis:48px}#page-battles .battle-player-bottomline{align-items:flex-start;flex-direction:column;gap:6px}#page-battles .battle-player-bottomline small{white-space:normal}#page-battles .battle-spin-stage{margin:0 15px 15px;padding:16px 10px}#page-battles .battle-spin-matchup{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:7px}#page-battles .battle-spin-wheel{width:84px;height:84px}#page-battles .battle-coin-wheel .battle-spin-wheel-inner{inset:19px}#page-battles .battle-edge-arrow{transform:translate(-50%,-42px);transform-origin:50% calc(50% + 42px)}#page-battles .battle-actions{padding:0 15px 15px}#page-battles .battle-result.battle-reveal{margin:0 15px 15px;padding:15px}#page-battles .battle-drop-art{width:75px;height:55px;flex-basis:75px}#page-battles .battle-drop{padding:9px;gap:8px}}
@media(max-width:560px){#page-battles .battle-hero{grid-template-columns:1fr;gap:4px}#page-battles .battle-hero-art{min-height:145px;max-height:160px;grid-row:2}#page-battles .battle-art-emblem{width:90px}#page-battles .battle-hero-stats{gap:6px}#page-battles .battle-hero-stats>div{padding:8px}#page-battles .battle-hero-stats small{font-size:6px}#page-battles .battle-hero-stats b{font-size:13px}#page-battles .battle-create{grid-template-columns:1fr;padding:16px!important}#page-battles .battle-create-actions{grid-column:auto;grid-template-columns:1fr}#page-battles .battle-demo-note{align-items:flex-start;padding:12px}#page-battles .battle-demo-note p{font-size:8px}#page-battles .battle-lobby-heading{align-items:flex-start;flex-direction:column}#page-battles .battle-lobby-key{width:100%;justify-content:flex-start}#page-battles .battle-room-identity h3{font-size:15px}#page-battles .battle-status{padding:7px 9px;font-size:6px}#page-battles .battle-card-top{align-items:flex-start;flex-direction:column}#page-battles .battle-card-economy{margin:0 12px;padding:11px 0}#page-battles .battle-card-economy>div{padding:0 8px}#page-battles .battle-card-economy small{font-size:6px;letter-spacing:.06em}#page-battles .battle-card-economy b{font-size:12px}#page-battles .battle-matchup{grid-template-columns:minmax(0,1fr) 31px minmax(0,1fr);gap:5px;padding:12px}#page-battles .battle-vs-center>span{width:29px;height:29px;font-size:8px;box-shadow:0 0 0 3px #9be6a807}#page-battles .battle-vs-center>small{font-size:5px}#page-battles .battle-player-panel{padding:9px 7px;min-height:170px;border-radius:9px}#page-battles .battle-player-topline>span:first-child{font-size:6px}#page-battles .battle-player-state{font-size:6px;white-space:normal}#page-battles .battle-avatar{width:35px;height:35px;flex-basis:35px;border-radius:10px;font-size:17px}#page-battles .battle-player-names>b{font-size:9px}#page-battles .battle-player-names>small{font-size:6px;letter-spacing:.06em}#page-battles .battle-player-statrow{flex-wrap:wrap;margin-top:11px;padding:8px}#page-battles .battle-player-statrow>b{font-size:7px}#page-battles .battle-player-drop{padding:5px}#page-battles .battle-player-drop-info>b{font-size:8px}#page-battles .battle-player-bottomline small{font-size:5px}#page-battles .battle-open-slot-art{width:40px;height:40px;font-size:20px}#page-battles .battle-open-title{font-size:9px}#page-battles .battle-player-open>p{font-size:7px}#page-battles .battle-spin-matchup{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:4px}#page-battles .battle-spin-wheel{width:70px;height:70px}#page-battles .battle-coin-wheel .battle-spin-wheel-inner{inset:16px;font-size:13px}#page-battles .battle-coin-side small,#page-battles .battle-coin-side b{font-size:5px}#page-battles .battle-edge-arrow{transform:translate(-50%,-36px);transform-origin:50% calc(50% + 36px)}#page-battles .battle-spin-name>b{font-size:9px}#page-battles .battle-spin-slots{grid-template-columns:1fr;gap:7px}#page-battles .battle-spin-reel{height:39px;margin-top:5px}#page-battles .battle-reel-label>small{font-size:7px}#page-battles .battle-result-head{align-items:flex-start;flex-direction:column}#page-battles .battle-pot-win{width:100%;align-items:flex-start;display:grid;grid-template-columns:1fr auto;align-items:center}#page-battles .battle-pot-win>small{grid-column:1/-1}#page-battles .battle-pot-win>strong{font-size:20px}#page-battles .battle-drops{grid-template-columns:1fr}#page-battles .battle-drop-art{width:85px;height:58px;flex-basis:85px}#page-battles .battle-actions{padding:0 12px 13px}#page-battles .battle-result.battle-reveal{margin:0 12px 13px;padding:12px}#page-battles .battle-result-title{align-items:flex-start}#page-battles .battle-cup{width:42px;height:42px;flex-basis:42px;font-size:24px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){#page-battles .battle-live-pulse,#page-battles .battle-art-orbit.orbit-b,#page-battles .battle-art-emblem,#page-battles .battle-art-side,#page-battles .battle-player-open .battle-open-slot-art>i,#page-battles .battle-empty-progress>span,#page-battles .battle-spin-reel,#page-battles .battle-spin-progress>span,#page-battles .battle-drop-art img{animation:none!important}}

#page-battles #battle-list>.empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:200px;padding:35px 22px;border:1px dashed #70826854;border-radius:15px;background:radial-gradient(ellipse at 50% 40%,#9be6a80d,transparent 60%),linear-gradient(145deg,#1b241c,#121813);color:#9baa94;text-align:center;font-size:11px;line-height:1.8}
#page-battles #battle-list>.empty:before{content:"◈";display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffad5040;border-radius:16px;background:linear-gradient(145deg,#ffad5016,#111811);color:#ffad50;font-size:27px;box-shadow:0 0 24px #ffad500c}
#page-battles #battle-list>.empty:first-letter{color:#dce9d5}
/* LootForge Arena v54: case-like skin reels and spectator-ready lobby polish */
#page-battles .battle-reel-window{width:100%;overflow:hidden;position:relative;border-radius:9px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#page-battles .battle-spin-reel{height:100px;display:flex;align-items:stretch;gap:8px;width:max-content;min-width:0;margin-top:8px;animation:battleCaseReel 6.1s cubic-bezier(.08,.74,.13,1) forwards;filter:none}
#page-battles .battle-reel-item{width:98px;flex:0 0 98px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:6px 5px 5px;border:1px solid color-mix(in srgb,var(--battle-drop-color,#a5ed73) 45%,transparent);border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--battle-drop-color,#a5ed73) 15%,#141a15),#0a0d0b 75%);box-shadow:inset 0 0 16px color-mix(in srgb,var(--battle-drop-color,#a5ed73) 8%,transparent)}
#page-battles .battle-reel-item>div{height:58px;width:100%;display:grid;place-items:center;overflow:hidden}
#page-battles .battle-reel-item img{max-width:100%;max-height:56px;object-fit:contain;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--battle-drop-color,#a5ed73) 22%,transparent))}
#page-battles .battle-reel-item small{font-size:8px;line-height:1.2;color:#dce8d8;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#page-battles .battle-reel-winner{border-color:var(--lime);box-shadow:0 0 20px #b7f56a32,inset 0 0 20px #b7f56a14}
#page-battles .battle-spectator-count{font-size:9px;letter-spacing:.1em;color:#9bb39a;border:1px solid #9be6a82b;border-radius:999px;padding:8px 11px;background:#9be6a80a}
#page-battles .battle-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}#page-battles .battle-card:hover{transform:translateY(-2px);border-color:#a8ec6b70;box-shadow:0 16px 45px #0005,#a8ec6b08 0 0 30px}
#page-battles .battle-spin-slot{padding-bottom:10px}
@keyframes battleCaseReel{0%{transform:translateX(0);filter:blur(1.2px)}65%{filter:blur(.65px)}88%{filter:blur(0)}100%{transform:translateX(var(--battle-reel-distance,-90%));filter:blur(0)}}
@media(max-width:560px){#page-battles .battle-reel-item{width:76px;flex-basis:76px}#page-battles .battle-spin-reel{height:86px}#page-battles .battle-reel-item>div{height:48px}#page-battles .battle-reel-item img{max-height:46px}#page-battles .battle-spectator-count{font-size:7px}}


/* LootForge v55 — upgraded duel lounge, creator controls and room expiry */
#page-battles .battle-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a8e66b2b;background:radial-gradient(ellipse at 5% 0%,#b6f56a15,transparent 39%),radial-gradient(ellipse at 95% 80%,#46d7bc12,transparent 40%),linear-gradient(125deg,#151d16 0%,#0e1410 54%,#151c16 100%);box-shadow:0 24px 65px #0005,inset 0 1px #e7ffc20a}
#page-battles .battle-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;pointer-events:none;background-image:linear-gradient(#b6f56a0b 1px,transparent 1px),linear-gradient(90deg,#b6f56a0b 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(110deg,#000,transparent 75%)}
#page-battles .battle-hero h1{letter-spacing:-.045em;text-shadow:0 3px 28px #c9f27a0c}
#page-battles .battle-hero-tags span{border:1px solid #b6f56a22;background:linear-gradient(130deg,#b6f56a0d,#fff0);box-shadow:inset 0 1px #fff1}
#page-battles .battle-create{border:1px solid #a8e66b26;background:linear-gradient(135deg,#19221b,#111713 68%,#151c16);box-shadow:0 18px 48px #0003,inset 0 1px #fff1;position:relative;overflow:hidden}
#page-battles .battle-create:before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:2px;background:linear-gradient(transparent,#b6f56a,transparent);box-shadow:0 0 20px #b6f56a54}
#page-battles .battle-card{position:relative;overflow:hidden;border:1px solid #8ca98030;background:radial-gradient(ellipse at 50% 0%,#b6f56a07,transparent 45%),linear-gradient(145deg,#171f19,#101511 65%,#151b16);box-shadow:0 12px 38px #0003,inset 0 1px #ffffff07}
#page-battles .battle-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#b6f56a60,#54dbc455,transparent);opacity:.7;pointer-events:none}
#page-battles .battle-room-mark{box-shadow:0 0 0 5px #b6f56a07,0 0 28px #b6f56a14}
#page-battles .battle-player-panel{background:linear-gradient(155deg,#1c261e,#111713 72%);box-shadow:inset 0 1px #ffffff07,0 8px 20px #0002}
#page-battles .battle-player-panel.battle-winner{border-color:#b6f56a86;box-shadow:0 0 28px #b6f56a18,inset 0 0 35px #b6f56a08}
#page-battles .battle-spin-stage{border:1px solid #b6f56a31;background:radial-gradient(ellipse at 50% 0%,#b6f56a0c,transparent 65%),linear-gradient(140deg,#0d120f,#151d17);box-shadow:inset 0 1px #fff1,0 12px 30px #0003}
#page-battles .battle-reel-window{height:108px;border:1px solid #b6f56a24;background:linear-gradient(90deg,#b6f56a05,transparent 22%,transparent 78%,#b6f56a05);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#page-battles .battle-reel-window:after{content:"";position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:#c9f27a;box-shadow:0 0 8px #c9f27a,0 0 20px #c9f27a70;pointer-events:none}
#page-battles .battle-reel-item{position:relative;border-color:color-mix(in srgb,var(--battle-drop-color,#a5ed73) 52%,#ffffff0a);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--battle-drop-color,#a5ed73) 13%,transparent),transparent 70%),linear-gradient(155deg,#1b241d,#0b100d 78%);box-shadow:inset 0 1px #ffffff08,inset 0 -10px 18px #0002}
#page-battles .battle-reel-winner{outline:1px solid #c9f27a;border-color:#c9f27a;background:radial-gradient(ellipse at 50% 0%,#c9f27a27,transparent 75%),linear-gradient(155deg,#26351e,#10170f);box-shadow:0 0 22px #c9f27a30,inset 0 0 20px #c9f27a10}
#page-battles .battle-waiting-note{border:1px solid #c9f27a28;background:linear-gradient(120deg,#c9f27a0b,#111811);border-radius:12px;padding:11px 13px}
#page-battles .battle-expiry-line{margin-top:3px;color:#d7e7ce}
#page-battles .battle-expiry-countdown{font-variant-numeric:tabular-nums;color:#c9f27a;letter-spacing:.05em}
#page-battles .battle-expiry-countdown.is-expiring{color:#ffb46b;animation:expiryPulse .8s infinite alternate}
#page-battles .battle-cancel-button{min-height:38px;padding:9px 14px;border:1px solid #ff937333;background:linear-gradient(130deg,#ff80620c,#15100f);color:#ffb19d;letter-spacing:.04em;font-size:10px}
#page-battles .battle-cancel-button:hover{border-color:#ff937385;background:#ff806218;color:#ffd1c4}
#page-battles .battle-actions{gap:10px;align-items:center}
#page-battles .battle-spectator-count{white-space:nowrap}
#page-battles .battle-status{box-shadow:inset 0 1px #ffffff08}
@keyframes expiryPulse{to{opacity:.62}}
@media(max-width:560px){#page-battles .battle-cancel-button{width:100%}#page-battles .battle-reel-window{height:94px}#page-battles .battle-actions{align-items:stretch}#page-battles .battle-spectator-count{align-self:flex-start;white-space:normal}}


/* LootForge v56 — Activity Journal, server-live drops and a clean profile inventory */
#page-profile .profile-inventory-grid .profile-inventory-card{gap:0;padding:10px 11px 12px!important;background:radial-gradient(ellipse at 50% 5%,color-mix(in srgb,var(--rarity-color,#c9f27a) 7%,transparent),transparent 65%),linear-gradient(150deg,#222b22,#131914)!important}
#page-profile .profile-inventory-grid .profile-inventory-card .sell{margin-top:auto!important;min-height:38px;border:1px solid #c9f27a44!important;border-radius:7px!important;background:linear-gradient(135deg,#c9f27a,#8ed6a3)!important;color:#122014!important;font-size:10px!important;box-shadow:0 5px 18px #c9f27a12}
#page-profile .profile-inventory-grid .profile-inventory-card .sell:hover{filter:brightness(1.08);transform:translateY(-1px)}
#page-profile .profile-inventory-grid .profile-inventory-card .sell:disabled{opacity:.55;transform:none}
#page-profile .profile-inventory-grid .profile-inventory-card .item-price{padding:5px 0 10px;border-bottom:1px solid #ffffff10;margin-bottom:9px}
#page-cases .case-live-strip{border:1px solid #4a5849!important;background:radial-gradient(ellipse at 2% 0%,#b6f56a0e,transparent 42%),linear-gradient(145deg,#222a23,#141a15)!important;box-shadow:0 14px 36px #0002,inset 0 1px #ffffff0b!important}
#page-cases .case-live-strip-title b{letter-spacing:.15em}
#page-cases .case-live-item{min-width:205px;border:1px solid color-mix(in srgb,var(--rarity-color,#8ed6a3) 25%,#394239)!important;background:linear-gradient(145deg,#232d24,#141a15)!important}
#page-cases .case-live-item.case-live-upgrade{border-color:#c9f27a55!important;background:radial-gradient(ellipse at 10% 0%,#c9f27a14,transparent 55%),linear-gradient(145deg,#283223,#151b15)!important}
#page-cases .case-feed-source{display:block;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;padding:3px 6px;border:1px solid #94a78c2b;border-radius:4px;background:#ffffff06;color:#b5c1ac!important;font-size:7px!important;letter-spacing:.08em}
#page-cases .case-feed-source.upgrade{border-color:#c9f27a4d;background:#c9f27a0c;color:#d6f7ae!important}
#page-cases .case-live-copy>strong{display:block;margin-top:7px;color:#c9f27a;font-variant-numeric:tabular-nums}
.history-page .page-head{align-items:center}
.history-overview{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.history-overview-card{position:relative;display:flex;min-width:0;min-height:140px;flex-direction:column;justify-content:flex-end;gap:7px;overflow:hidden;padding:17px 18px;border:1px solid #414c40;border-radius:12px;background:linear-gradient(145deg,#242c24,#151b16);box-shadow:0 12px 28px #0002,inset 0 1px #ffffff08}
.history-overview-card:after{content:"";position:absolute;right:-27px;top:-45px;width:110px;height:110px;border:1px solid #c9f27a14;border-radius:50%;box-shadow:0 0 0 13px #c9f27a05,0 0 0 27px #c9f27a03;pointer-events:none}
.history-overview-card small{color:#9ca998;font-size:8px;letter-spacing:.13em;font-weight:800}
.history-overview-card>b{color:#f2f7ee;font-size:clamp(22px,2.5vw,31px);line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-overview-card>span:not(.history-overview-icon){color:#a5b29e;font-size:9px;line-height:1.5}
.history-overview-main{justify-content:space-between;background:radial-gradient(ellipse at 0 0,#c9f27a16,transparent 60%),linear-gradient(145deg,#253024,#141b15);border-color:#8ca87659}
.history-overview-main>b{font-size:42px;color:#c9f27a}
.history-overview-main>i{position:absolute;right:14px;bottom:13px;color:#61735b;font-size:8px;font-style:normal;letter-spacing:.15em}
.history-overview-icon{position:absolute;right:15px;top:13px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid #b9d6a01e;background:#b9d6a008;color:#c9f27a;font-size:15px}
.history-overview-icon.upgrade{color:#8de5ff}.history-overview-icon.sale{color:#c9f27a}
.history-journal{overflow:hidden;border:1px solid #414c40!important;border-radius:14px!important;padding:0!important;background:linear-gradient(145deg,#202820,#121713)!important;box-shadow:0 20px 50px #0002,inset 0 1px #ffffff08!important}
.history-journal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:22px 23px 18px;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse at 0 0,#c9f27a0b,transparent 46%),#ffffff01}
.history-journal-head .eyebrow{color:#c9f27a;font-size:8px;letter-spacing:.19em}
.history-journal-head h2{margin:7px 0 5px;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.045em}
.history-journal-head h2 em{color:#c9f27a;font-style:normal}
.history-journal-head p{margin:0;color:#9ba697;font-size:10px;line-height:1.6}
.history-journal-status{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid #c9f27a26;border-radius:7px;background:#c9f27a08;color:#c9f27a;font-size:8px;letter-spacing:.1em}
.history-journal-status i,.history-journal-footer i{width:6px;height:6px;border-radius:50%;background:#9fe0ad;box-shadow:0 0 10px #9fe0ad99}
.history-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;padding:16px 22px 12px}
.history-search{display:flex;align-items:center;gap:10px;min-width:0;padding:0 13px;border:1px solid #404a3e;border-radius:8px;background:#111712;color:#a7b19f}
.history-search>span{font-size:22px;line-height:1}
.history-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#edf2e8;padding:12px 0;font:inherit;font-size:11px}
.history-search input::placeholder{color:#7e8979}
.history-sort-label{display:flex;flex-direction:column;gap:6px;color:#8d9a87;font-size:8px;letter-spacing:.11em}
.history-sort-label select{width:100%;padding:11px;border:1px solid #404a3e;border-radius:8px;background:#111712;color:#e9f0e4;font:inherit;font-size:10px;letter-spacing:0}
.history-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 22px 16px;border-bottom:1px solid #ffffff10}
.history-filter{border:1px solid #3b463a;border-radius:7px;padding:8px 11px;background:#ffffff03;color:#aab5a5;font-size:9px;font-weight:750;transition:background .18s,border-color .18s,color .18s}
.history-filter:hover{border-color:#839775;color:#f0f5eb}
.history-filter.active{border-color:#b4d78b70;background:linear-gradient(135deg,#c9f27a1d,#9fe0ad0c);color:#d7f3b3;box-shadow:inset 0 1px #ffffff0b}
.history-list{display:flex;flex-direction:column;gap:0;padding:0 22px}
.history-event{display:grid;grid-template-columns:43px minmax(0,1fr) minmax(145px,auto);align-items:center;gap:14px;padding:16px 0!important;border:0!important;border-bottom:1px solid #ffffff0d!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background .16s}
.history-event:last-child{border-bottom:0!important}
.history-event:hover{background:linear-gradient(90deg,#c9f27a08,transparent)!important}
.history-event-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b9d6a01c;border-radius:10px;background:#ffffff04;color:#d0f0b1;font-size:18px;font-weight:850}
.history-event-icon.case{border-color:#7da6ff2d;background:#7da6ff0d;color:#9dbbff}
.history-event-icon.upgrade{border-color:#c9f27a36;background:#c9f27a0d;color:#c9f27a}
.history-event-icon.battle{border-color:#bb9bff3b;background:#bb9bff0d;color:#c3a9ff}
.history-event-icon.sale{border-color:#69ddc532;background:#69ddc50c;color:#7be5c7}
.history-event-icon.balance{border-color:#ffbd7236;background:#ffbd720c;color:#ffc77e}
.history-event-main{min-width:0}
.history-event-titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.history-event-titleline>b{color:#f0f4ed;font-size:11px;line-height:1.4}
.history-event-tag{padding:3px 5px;border:1px solid #c9f27a29;border-radius:4px;background:#c9f27a07;color:#c9f27a;font-size:7px;letter-spacing:.08em;font-weight:850}
.history-event-tag.muted{border-color:#ffffff15;background:#ffffff04;color:#9ba596}
.history-event-main p{margin:5px 0 6px;color:#a7b2a1;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.history-event-main time{color:#758170;font-size:8px;letter-spacing:.02em}
.history-event-value{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;color:#b5c1ad;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-event-value.positive{color:#c9f27a}.history-event-value.negative{color:#e4a49b}.history-event-value.neutral{color:#aab4a3}
.history-event-value small{color:#778473;font-size:8px;font-weight:500}
.history-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px;text-align:center;color:#9da995}
.history-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #526348;border-radius:14px;color:#c9f27a;font-size:24px;background:#c9f27a07}
.history-empty>b{color:#e6ede1;font-size:13px}
.history-empty>small{max-width:330px;color:#8e9a88;font-size:10px;line-height:1.7}
.history-journal-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 22px;border-top:1px solid #ffffff0d;color:#73816f;font-size:8px;letter-spacing:.05em;background:#0000000b}
.history-journal-footer span:first-child{display:flex;align-items:center;gap:7px;color:#a9b7a0}
@media(max-width:800px){.history-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.history-overview-card{min-height:120px}.history-overview-main>b{font-size:34px}.history-journal-head{align-items:flex-start;flex-direction:column}.history-toolbar{grid-template-columns:1fr}.history-event{grid-template-columns:39px minmax(0,1fr);gap:11px}.history-event-icon{width:38px;height:38px}.history-event-value{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap;text-align:left;gap:8px;font-size:10px}.history-event-value small{align-self:center}}
@media(max-width:480px){.history-overview{gap:8px}.history-overview-card{padding:13px;min-height:112px}.history-overview-main>b{font-size:30px}.history-overview-card>b{font-size:22px}.history-journal-head{padding:17px 14px 14px}.history-toolbar{padding:13px 13px 10px}.history-filters{padding:0 13px 13px;gap:6px}.history-filter{padding:7px 8px;font-size:8px}.history-list{padding:0 13px}.history-event{grid-template-columns:34px minmax(0,1fr);padding:13px 0!important;gap:9px}.history-event-icon{width:33px;height:33px;font-size:15px}.history-event-titleline>b{font-size:10px}.history-event-main p{font-size:9px}.history-event-value{font-size:9px}.history-journal-footer{padding:12px 13px}}

/* v58 — custom transparent case art + polished case catalogue cards */
#page-cases .case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
#page-cases .case.case-card-lf{border:1px solid #313c32!important;border-radius:15px!important;background:linear-gradient(150deg,#1b241e 0%,#141a16 60%,#101411 100%)!important;box-shadow:0 12px 36px #0004,inset 0 1px #ffffff08!important;overflow:hidden!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .28s!important}
#page-cases .case.case-card-lf:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--case-color) 58%,#53634e)!important;box-shadow:0 25px 52px #0007,0 0 0 1px color-mix(in srgb,var(--case-color) 20%,transparent),0 0 36px color-mix(in srgb,var(--case-color) 8%,transparent),inset 0 1px #ffffff14!important}
#page-cases .case-artwork:not(.case-artwork-large){height:clamp(218px,20vw,274px)!important;min-height:0!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-bottom:1px solid #ffffff0c!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--case-color) 20%,transparent) 0%,transparent 57%),linear-gradient(145deg,#202923 0%,#151c17 56%,#101511 100%)!important;box-shadow:inset 0 1px #ffffff0a!important}
#page-cases .case-artwork:before{content:"";position:absolute;inset:8px;z-index:1;pointer-events:none;border:1px solid color-mix(in srgb,var(--case-color) 14%,transparent);border-radius:9px;opacity:.65}
#page-cases .case-artwork:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#070a0808 0%,transparent 55%,#0f1411b8 100%),radial-gradient(ellipse at center,transparent 38%,#070a0838 100%)}
#page-cases .case-art-glow{display:block!important;z-index:0!important;inset:17% 20% 13%!important;background:var(--case-color)!important;filter:blur(54px)!important;opacity:.18!important;transform:scale(.82)!important;transition:opacity .3s,transform .3s!important}
#page-cases .case-card-lf:hover .case-art-glow{opacity:.29!important;transform:scale(1)!important}
#page-cases .case-art-gridlines{z-index:1!important;opacity:.16!important;background-size:30px 30px!important;mask-image:linear-gradient(180deg,#000 0%,#0008 45%,transparent 100%)!important}
#page-cases .case-art-halo{z-index:1!important;left:calc(50% - 112px)!important;top:calc(50% - 85px)!important;width:224px!important;height:224px!important;opacity:.2!important;transform:rotateX(65deg) rotateZ(-25deg)!important;box-shadow:0 0 42px color-mix(in srgb,var(--case-color) 17%,transparent)!important}
#page-cases .case-art-halo.halo-two{left:calc(50% - 145px)!important;top:calc(50% - 98px)!important;width:290px!important;height:290px!important;opacity:.12!important;transform:rotateX(65deg) rotateZ(17deg)!important}
#page-cases .case-art-scanline{z-index:5!important;height:1px!important;opacity:.35!important;animation:case-scan 7s linear infinite!important}
#page-cases .case-hero-photo{position:absolute!important;z-index:3!important;left:50%!important;top:51%!important;width:88%!important;height:80%!important;max-width:470px!important;object-fit:contain!important;object-position:center!important;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 20px 18px #0009) var(--case-photo-filter,none)!important;animation:lf-case-photo-float 5.2s ease-in-out infinite!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .35s!important}
#page-cases .case-card-lf:hover .case-hero-photo{animation:none!important;transform:translate(-50%,-53%) scale(1.045)!important;filter:drop-shadow(0 26px 22px #000b) var(--case-photo-filter,none) saturate(1.08)!important}
#page-cases .case-artwork-large .case-hero-photo{width:86%!important;height:82%!important;max-width:700px!important;top:51%!important;animation-duration:6s!important}
#page-cases .case-art-meta{top:17px!important;left:18px!important;right:18px!important;align-items:center!important;color:#9aa799!important;font-size:8px!important;font-weight:800!important;letter-spacing:.13em!important;text-shadow:0 1px 8px #000!important}
#page-cases .case-art-meta>span{display:flex!important;align-items:center!important;gap:7px!important}
#page-cases .case-art-brand-mark{display:grid!important;place-items:center!important;width:21px!important;height:21px!important;border:1px solid color-mix(in srgb,var(--case-color) 48%,#556154)!important;border-radius:6px!important;background:#111913c9!important;color:var(--case-color)!important;font-size:8px!important;font-style:normal!important;font-weight:950!important;letter-spacing:-.07em!important;box-shadow:0 2px 12px #0004!important}
#page-cases .case-art-meta b{padding:6px 8px!important;border:1px solid color-mix(in srgb,var(--case-color) 25%,#303b31)!important;border-radius:6px!important;background:#111713bf!important;color:#dfe9dc!important;font-size:7px!important;letter-spacing:.1em!important;backdrop-filter:blur(8px)!important}
#page-cases .case-art-meta b i{color:var(--case-color)!important}
#page-cases .case-art-bottomline{left:19px!important;right:19px!important;bottom:14px!important;z-index:5!important;align-items:center!important;color:#8a9888!important;font-size:7px!important;letter-spacing:.16em!important}
#page-cases .case-art-bottomline b{color:#d7e4d2!important;font-size:8px!important;letter-spacing:.12em!important}
#page-cases .case-art-sticker{top:auto!important;right:17px!important;bottom:37px!important;z-index:5!important;padding:6px 8px!important;border:1px solid color-mix(in srgb,var(--case-color) 40%,#39463a)!important;border-radius:5px!important;background:#111713c9!important;color:color-mix(in srgb,var(--case-color) 82%,white)!important;font-size:7px!important;letter-spacing:.09em!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 16px #0003!important}
#page-cases .case-card-content{display:flex!important;flex-direction:column!important;gap:0!important;padding:16px 17px 17px!important;background:linear-gradient(180deg,#18201a,#141a16)!important}
#page-cases .case-card-title-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:53px!important;margin:0!important}
#page-cases .case-card-title-copy{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
#page-cases .case-series-label{color:#82917f!important;font-size:8px!important;letter-spacing:.16em!important;font-weight:850!important}
#page-cases .case-card-lf h3{margin:0!important;color:#f2f5ec!important;font-size:clamp(17px,1.35vw,21px)!important;font-weight:850!important;letter-spacing:-.045em!important;line-height:1.1!important;overflow-wrap:anywhere!important}
#page-cases .case-drop-total{flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:53px!important;min-height:49px!important;padding:5px 7px!important;border:1px solid #3c4a39!important;border-radius:9px!important;background:linear-gradient(145deg,#202b21,#171e18)!important;box-shadow:inset 0 1px #ffffff08!important}
#page-cases .case-drop-total>b{color:var(--case-color)!important;font-size:19px!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
#page-cases .case-drop-total>small{color:#869481!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important}
#page-cases .case-card-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:12px!important;padding:10px 0 11px!important;border-top:1px solid #ffffff0e!important;color:#7f8d7c!important;font-size:7px!important;letter-spacing:.12em!important;font-weight:850!important}
#page-cases .case-card-meta-row>span{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;white-space:nowrap!important}
#page-cases .case-card-meta-row>span:last-child{color:#71806e!important}
#page-cases .case-card-meta-row b{color:#566451!important}
#page-cases .case-status-light{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--case-color)!important;box-shadow:0 0 10px color-mix(in srgb,var(--case-color) 60%,transparent)!important}
#page-cases .case-card-footer{margin:0!important;padding:0!important}
#page-cases .case-card-footer .case-open-card{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 15px!important;border:1px solid #b4df76!important;border-radius:8px!important;background:linear-gradient(135deg,#d4ff8a 0%,#a6e16b 56%,#8dc956 100%)!important;color:#172012!important;box-shadow:0 6px 19px #9fe16c15,inset 0 1px #ffffffa6!important;transition:filter .18s,transform .18s,box-shadow .18s!important}
#page-cases .case-card-footer .case-open-card:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important;box-shadow:0 10px 26px #9fe16c28,inset 0 1px #ffffffc9!important}
#page-cases .case-card-footer .case-open-card>span{font-size:9px!important;font-weight:950!important;letter-spacing:.1em!important}
#page-cases .case-card-footer .case-open-card>strong{display:flex!important;align-items:center!important;gap:7px!important;color:#182013!important;font-size:18px!important;font-weight:950!important;letter-spacing:-.04em!important;white-space:nowrap!important}
#page-cases .case-card-footer .case-open-card i{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;margin:0!important;border-radius:6px!important;background:#18301812!important;font-size:16px!important;font-style:normal!important}
@keyframes lf-case-photo-float{0%,100%{transform:translate(-50%,-50%) translateY(1px)}50%{transform:translate(-50%,-50%) translateY(-6px)}}
@media(max-width:1050px){#page-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}#page-cases .case-artwork:not(.case-artwork-large){height:clamp(215px,27vw,270px)!important}}
@media(max-width:600px){#page-cases .case-grid{grid-template-columns:1fr!important;gap:14px!important}#page-cases .case-artwork:not(.case-artwork-large){height:clamp(220px,62vw,280px)!important}#page-cases .case-card-content{padding:14px!important}#page-cases .case-card-lf h3{font-size:19px!important}#page-cases .case-card-footer .case-open-card{min-height:46px!important}}
@media(prefers-reduced-motion:reduce){#page-cases .case-hero-photo{animation:none!important;transition:none!important}#page-cases .case-card-lf{transition:none!important}}

#page-cases .case-stage-case .case-screen-art .case-artwork-large{width:100%!important;height:100%!important;min-height:clamp(335px,45vh,470px)!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--case-color) 18%,transparent),transparent 60%),linear-gradient(145deg,#202923,#101511)!important}
@media(max-width:900px){#page-cases .case-stage-case .case-screen-art .case-artwork-large{min-height:310px!important}}
@media(max-width:650px){#page-cases .case-stage-case .case-screen-art .case-artwork-large{min-height:230px!important}}

/* LootForge v59 performance pass: preserve the visual style without dozens of perpetual effects. */
#page-cases .case-card-lf .case-hero-photo{animation:none!important;will-change:auto!important;transform:translate(-50%,-50%)!important}
#page-cases .case-card-lf .case-art-scanline{animation:none!important;opacity:.16!important;transform:none!important}
#page-cases .case-card-lf .case-art-glow{filter:blur(30px)!important;opacity:.13!important;transition:opacity .2s,transform .2s!important}
#page-cases .case-card-lf:hover .case-art-glow{opacity:.21!important;transform:scale(.9)!important}
#page-cases .case-live-image img,#page-cases .case-live-image .skin-fallback{animation:none!important;will-change:auto!important;filter:drop-shadow(0 3px 3px #0006)!important}
#page-cases .case-live-item{transition:border-color .16s,background-color .16s!important}
#page-cases .case-live-item:hover{transform:none!important;box-shadow:none!important}
#page-battles .battle-spin-reel{filter:none!important}
@media(max-width:900px){#page-cases .case-art-glow{filter:blur(22px)!important}}
@media(prefers-reduced-motion:reduce){#page-cases .case-art-glow,#page-cases .case-hero-photo,#page-cases .case-art-scanline{animation:none!important;transition:none!important}}

/* LootForge v60 — mobile polish, settings, loading and empty states */
:root{--lf-motion-fast:160ms;--lf-motion-page:260ms;--lf-skeleton-a:#252a27;--lf-skeleton-b:#30392f}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{overflow-x:clip}
button,a,input,select{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime,#c9f27a);outline-offset:3px}
.nav-btn{transition:background var(--lf-motion-fast) ease,border-color var(--lf-motion-fast) ease,color var(--lf-motion-fast) ease,transform var(--lf-motion-fast) ease!important}
.nav-btn:active,.button:active{transform:translateY(1px)}
.page.active{animation:lf-polished-page-in var(--lf-motion-page) cubic-bezier(.2,.78,.22,1) both!important}
@keyframes lf-polished-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.footer-controls{display:flex;align-items:center;gap:8px}
.sound-settings-open{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #46513e;border-radius:8px;background:#191f19;color:#c9f27a;font-size:9px;font-weight:900;letter-spacing:.08em;transition:background .18s,border-color .18s,transform .18s}
.sound-settings-open:hover{border-color:#c9f27a;background:#242d22;transform:translateY(-1px)}
.sound-toggle{transition:color .18s,background .18s,border-color .18s}
.sound-settings-modal{position:relative;width:min(490px,100%);padding:28px!important;border:1px solid #43503f!important;background:radial-gradient(ellipse at 0 0,#c9f27a12,transparent 55%),linear-gradient(145deg,#202620,#111512)!important;box-shadow:0 30px 90px #000a!important}
.sound-settings-modal h2{margin:9px 0 10px;font-size:clamp(24px,4vw,31px);letter-spacing:-.04em}
.sound-settings-modal>p{max-width:370px;margin:0 0 22px;color:#a6b0a0;font-size:12px;line-height:1.7}
.sound-settings-switch{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:15px 14px;border:1px solid #384435;border-radius:11px;background:#0f1510;cursor:pointer}
.sound-settings-switch>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.sound-settings-switch b{color:#edf5e8;font-size:12px}
.sound-settings-switch small{color:#8e9b88;font-size:10px;line-height:1.5}
.sound-settings-switch input{position:absolute;right:13px;width:42px;height:24px;margin:0;opacity:0;cursor:pointer;z-index:2}
.sound-settings-switch>i{position:relative;width:42px;height:24px;flex:0 0 42px;border:1px solid #4d584a;border-radius:20px;background:#2a3029;transition:background .18s,border-color .18s}
.sound-settings-switch>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#a1aa9c;transition:transform .18s,background .18s}
.sound-settings-switch input:checked+i{background:#c9f27a;border-color:#c9f27a}
.sound-settings-switch input:checked+i:after{transform:translateX(18px);background:#1a2416}
.sound-settings-switch input:focus-visible+i{outline:2px solid #c9f27a;outline-offset:4px}
.sound-volume-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 11px}
.sound-volume-head label{margin:0!important;font-size:9px!important;font-weight:900;letter-spacing:.14em;color:#aab5a3!important}
.sound-volume-head>b{color:#c9f27a;font-size:13px;font-variant-numeric:tabular-nums}
.sound-volume-range{width:100%;height:6px;margin:0;accent-color:#c9f27a;cursor:pointer}
.sound-volume-scale{display:flex;justify-content:space-between;margin-top:8px;color:#7f8a7a;font-size:8px;font-weight:800;letter-spacing:.12em}
.sound-settings-actions{display:flex;gap:10px;margin-top:24px}
.sound-settings-actions .button{flex:1;min-width:0;min-height:43px;margin:0;border-radius:8px;font-size:10px}
.inventory-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:330px;padding:28px 22px;border:1px dashed #45543f;border-radius:15px;background:radial-gradient(ellipse at 50% 24%,#c9f27a12,transparent 44%),linear-gradient(145deg,#1d241d,#121713);text-align:center;overflow:hidden}
.inventory-empty-art{position:relative;display:grid;place-items:center;width:100px;height:100px;margin-bottom:16px;border:1px solid #70866055;border-radius:27px;background:linear-gradient(145deg,#2b3728,#151d16);box-shadow:inset 0 0 25px #c9f27a0a,0 18px 40px #0003;transform:rotate(-6deg)}
.inventory-empty-art:before,.inventory-empty-art:after{content:"";position:absolute;border:1px solid #c9f27a38;border-radius:50%;inset:-10px}
.inventory-empty-art:after{inset:-19px;border-color:#c9f27a17}
.inventory-empty-art span{color:#c9f27a;font-size:42px;text-shadow:0 0 30px #c9f27a55}
.inventory-empty-art i{position:absolute;right:8px;bottom:8px;width:12px;height:12px;border-radius:50%;background:#c9f27a;box-shadow:0 0 18px #c9f27a}
.inventory-empty-state>.eyebrow{color:#a2b695;font-size:8px;letter-spacing:.17em}
.inventory-empty-state h3{max-width:560px;margin:10px 0 8px;color:#eff4e9;font-size:clamp(19px,3vw,27px);letter-spacing:-.035em;line-height:1.22}
.inventory-empty-state h3 em{color:#c9f27a;font-style:normal}
.inventory-empty-state p{max-width:440px;margin:0 auto 18px;color:#929d8c;font-size:11px;line-height:1.8}
.inventory-empty-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;margin:0!important;padding:0 18px;border-radius:8px;font-size:10px}
.inventory-empty-cta span{font-size:15px}
.lf-skeleton{position:relative;display:block;overflow:hidden;border-radius:8px;background:linear-gradient(100deg,var(--lf-skeleton-a),var(--lf-skeleton-b) 38%,var(--lf-skeleton-a) 72%);background-size:220% 100%;animation:lf-skeleton-shimmer 1.35s ease-in-out infinite}
@keyframes lf-skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-120% 0}}
.profile-loading-hero{display:flex;align-items:center;gap:18px;min-width:0;padding:23px;border:1px solid #353d33;border-radius:12px;background:linear-gradient(135deg,#1b211b,#121612)}
.lf-skeleton-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:18px}
.profile-loading-identity{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}
.lf-skeleton-line{width:58%;height:10px;border-radius:5px}.lf-skeleton-line.wide{width:82%;height:17px}.lf-skeleton-line.short{width:36%}
.lf-skeleton-wallet{width:125px;height:50px;flex:0 0 125px;border-radius:8px}
.profile-loading-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.profile-loading-stats>.panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid #30372f;border-radius:10px;background:#141914}
.lf-skeleton-stat{height:30px;width:64%;border-radius:5px}
.loading-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin:17px 0;color:#94a28e;font-size:10px}
.loading-spinner{display:inline-block;width:14px;height:14px;flex:0 0 14px;border:2px solid #c9f27a30;border-top-color:#c9f27a;border-radius:50%;animation:lf-spin .75s linear infinite}
@keyframes lf-spin{to{transform:rotate(360deg)}}
.list-loading-state{display:flex;flex-direction:column;align-items:center;gap:13px;padding:15px 0 20px;color:#a5b29b;font-size:10px}
.loading-placeholder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:5px}
.loading-placeholder-card{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:106px;padding:13px;border:1px solid #343c31;border-radius:9px;background:#141914}
.loading-placeholder-card>i{display:block;width:34px;height:34px;border-radius:9px;background:linear-gradient(100deg,#252c24,#34402f,#252c24);background-size:200% 100%;animation:lf-skeleton-shimmer 1.35s ease-in-out infinite}
.loading-placeholder-card>span{display:block;width:76%;height:8px;border-radius:5px;background:linear-gradient(100deg,#252c24,#34402f,#252c24);background-size:200% 100%;animation:lf-skeleton-shimmer 1.35s ease-in-out infinite}
.loading-placeholder-card>span:last-child{width:48%}
.lf-error-state{gap:9px!important}
.lf-error-state>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffad5044;border-radius:10px;background:#ffad5010;color:#ffbd6b;font-size:18px;font-weight:900}
.lf-error-state>b{color:#e8eee3;font-size:12px}
.lf-error-state>small{max-width:420px;color:#9ca795;font-size:10px}
.lf-error-state>.button{min-height:36px;margin-top:5px;padding:0 15px;border-radius:7px;font-size:10px}
@media(max-width:900px){.profile-loading-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .top{height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:9px 12px!important;padding:10px 13px!important;backdrop-filter:blur(12px)}
 .brand{order:0;flex:0 0 auto;font-size:15px;line-height:1.1}
 .account-area{order:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;max-width:calc(100% - 125px);margin-left:auto!important}
 .balance-pill{display:grid;grid-template-columns:auto auto;gap:2px 5px;min-width:0;max-width:114px;padding:5px 7px;border-radius:8px}
 .balance-pill small{font-size:6px;letter-spacing:.07em}.balance-pill b{font-size:10px}.balance-pill button{width:21px;height:21px}
 #account{min-width:0;max-width:100%}.account-user{gap:6px;max-width:100%;padding:0;border:0;background:transparent}.account-user>img{width:28px;height:28px;flex-basis:28px}.account-user>span{max-width:88px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-user>span small{font-size:6px}.account-user>.button{padding:7px 8px;font-size:8px}
 #account>div{gap:5px!important}#account .steam{padding:7px 8px!important;font-size:8px;white-space:nowrap}
 #account form{gap:5px!important;min-width:0;flex-wrap:wrap}#account form input{width:118px!important;max-width:118px!important;min-width:0;padding:8px!important;font-size:10px!important}#account form button{padding:8px 9px!important;font-size:8px!important}
 .top nav{order:2;display:flex!important;width:100%!important;max-width:100%;gap:5px!important;margin:0!important;padding:3px 0 4px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .top nav::-webkit-scrollbar{display:none}.nav-btn{flex:0 0 auto!important;min-height:37px;padding:9px 12px!important;font-size:10px!important;scroll-snap-align:start}.nav-btn.active{box-shadow:inset 0 0 0 1px #c9f27a18,0 4px 15px #0002}.nav-btn:after{bottom:-3px!important}
 .page{min-height:calc(100svh - 142px);padding:24px 13px 38px!important;scroll-margin-top:110px}
 .page-head{gap:8px!important;margin-bottom:19px}.page-head h1{font-size:clamp(27px,7vw,38px)!important;line-height:1.05}.page-head p{max-width:100%;font-size:11px!important;line-height:1.65!important}.page-chip{font-size:8px!important}
 .panel{min-width:0}.case-live-strip-head{align-items:flex-start;gap:10px}.case-live-strip-state{font-size:7px;white-space:normal;text-align:right}
 .catalog-toolbar{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important}.catalog-search{grid-column:1/-1}.catalog-toolbar input,.catalog-select{min-height:43px;font-size:12px!important}.catalog-count{white-space:normal;align-self:center}.catalog-count small{line-height:1.5}
 .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.case-card-lf{min-width:0}.case-artwork{height:clamp(135px,29vw,205px)!important}.case-card-content{padding:10px!important}.case-card-title-line{gap:6px}.case-card-title-copy h3,.case-card-lf h3{font-size:clamp(12px,3.2vw,16px)!important;overflow-wrap:anywhere}.case-series-label{font-size:6px!important}.case-drop-total{padding:5px!important}.case-drop-total b{font-size:11px!important}.case-card-meta-row{font-size:6px!important;gap:4px}.case-card-footer .case-open-card{min-height:43px!important;padding:7px!important;font-size:8px!important}.case-price-action strong{font-size:11px!important}
 .case-control-dock{gap:12px!important}.case-opening-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.case-quantity-control,.case-fast-toggle{min-width:0}.case-open-inline{grid-column:1/-1;width:100%}.case-stage-caption{gap:12px!important}.case-stage-caption h2{font-size:clamp(24px,7vw,38px)!important}.case-result-banner{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important}.case-result-value{grid-column:2;align-items:flex-start!important}.case-result-close{top:8px!important;right:8px!important}
 .upgrade-layout{grid-template-columns:minmax(0,1fr)!important;gap:13px!important}.upgrade-layout>.panel:first-child,.upgrade-layout>.panel:nth-of-type(3),.wheel-panel{grid-column:1!important;grid-row:auto!important}.upgrade-wheel{width:min(230px,68vw)!important;height:min(230px,68vw)!important}.upgrade-picker-block{min-width:0}.upgrade-source-picker,.target-candidates{max-height:360px!important}.target-picker-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.source-square{min-width:0}.stake-controls{min-width:0}.upgrade-main-actions{flex-wrap:wrap}.upgrade-main-actions>.button{flex:1}
 .history-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.history-overview-card{min-width:0}.history-journal-head{gap:10px}.history-journal-status{white-space:nowrap}.history-toolbar{grid-template-columns:minmax(0,1fr)!important}.history-sort-label{width:100%}.history-sort-label select{width:100%;min-height:40px}.history-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.history-filters::-webkit-scrollbar{display:none}.history-filter{flex:0 0 auto}.history-event{min-width:0}.history-event-titleline{flex-wrap:wrap}.history-event-value{min-width:0;overflow-wrap:anywhere}
 #page-battles .battle-create{grid-template-columns:1fr!important}.battle-create-actions{grid-template-columns:1fr!important}.battle-matchup{min-width:0}.battle-player-panel{min-width:0}.battle-player-names{min-width:0}.battle-player-names>b{overflow-wrap:anywhere}.battle-room-card,.battle-room{min-width:0;max-width:100%}.battle-card-top{gap:9px}
 #profile-content .profile-hero{gap:12px}.profile-inventory-head{gap:10px}.profile-inventory-tools{gap:8px}.profile-loading-hero{padding:15px;gap:11px}.lf-skeleton-avatar{width:52px;height:52px;flex-basis:52px;border-radius:14px}.lf-skeleton-wallet{display:none}.profile-loading-stats>.panel{padding:13px}
 footer{gap:10px!important}footer .footer-controls{width:100%;justify-content:flex-start;order:4}footer .sound-toggle,footer .sound-settings-open{min-height:39px}
}
@media(max-width:520px){
 #page-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #page-cases .case-artwork:not(.case-artwork-large){height:clamp(126px,34vw,175px)!important}
 .brand{font-size:13px;letter-spacing:.04em}.brand small{font-size:6px!important}
 .account-area{max-width:calc(100% - 112px);gap:5px}.balance-pill{max-width:98px;padding:4px 5px}.balance-pill small{font-size:5px}.balance-pill b{font-size:9px}.balance-pill button{height:19px;width:19px}
 #account .steam{max-width:100px;white-space:normal;text-align:center;font-size:7px!important;padding:6px!important}
 #account form input{width:105px!important;max-width:105px!important;font-size:9px!important}
 .top nav{gap:4px!important}.nav-btn{padding:8px 10px!important;min-height:35px;font-size:9px!important}
 .case-grid{gap:8px!important}.case-artwork{height:clamp(126px,34vw,175px)!important}.case-card-content{padding:8px!important}.case-card-meta-row{display:none!important}.case-card-title-line{align-items:flex-start}.case-drop-total{display:none!important}.case-card-title-copy{width:100%}.case-card-lf h3{font-size:12px!important;line-height:1.3!important}.case-open-card{font-size:7px!important;gap:5px!important}.case-price-action strong{font-size:10px!important}
 .case-live-strip{padding:12px!important}.case-live-strip-head{display:flex;flex-direction:column}.case-live-strip-state{align-self:flex-start;text-align:left}.case-live-feed-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .case-opening-actions{grid-template-columns:minmax(0,1fr)!important}.case-open-inline{grid-column:auto}.case-fast-toggle{padding:9px 0}.case-result-banner{padding-right:34px!important}.case-result-total{font-size:18px!important}.case-result-bottom{align-items:stretch!important;flex-direction:column!important}.case-result-bottom .case-sell-all{width:100%}
 .history-overview{gap:7px!important}.history-overview-card{padding:11px!important;min-height:105px!important}.history-overview-main>b{font-size:clamp(23px,7vw,30px)!important}.history-overview-card>b{font-size:20px!important}.history-event{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important}.history-event-icon{width:30px!important;height:30px!important}.history-event-value{grid-column:2!important;font-size:10px!important}
 .profile-inventory-grid.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inventory-empty-state{min-height:285px;padding:23px 14px}.inventory-empty-art{width:76px;height:76px;border-radius:22px}.inventory-empty-art span{font-size:34px}.inventory-empty-state h3{font-size:19px}.inventory-empty-state p{font-size:10px}
 .sound-settings-modal{padding:22px 17px!important}.sound-settings-actions{flex-direction:column}.sound-settings-actions .button{width:100%}.loading-placeholder-list{grid-template-columns:1fr}.profile-loading-stats{gap:8px}.lf-skeleton-stat{height:24px}
}
@media(max-width:380px){#page-cases .case-grid{grid-template-columns:1fr!important;gap:12px!important}#page-cases .case-artwork:not(.case-artwork-large){height:clamp(190px,58vw,230px)!important}.top{padding:9px!important;gap:7px!important}.brand{font-size:12px}.brand small{letter-spacing:.1em}.account-area{max-width:calc(100% - 100px);gap:4px}.balance-pill{max-width:88px}.balance-pill button{display:none}#account .steam{max-width:83px;font-size:6px!important}#account form input{width:94px!important;max-width:94px!important}.case-card-title-copy h3{font-size:11px!important}.case-open-card{padding:6px 4px!important}.page{padding-inline:10px!important}.case-live-feed-horizontal{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-snap-type:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* LootForge v62 — mobile layout inspired by the supplied phone references */
.mobile-menu-toggle{display:none}
.upgrade-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 0;border:1px solid #393d34;border-radius:7px;overflow:hidden;background:#1b1f1a}
@media(max-width:760px){
  .top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand account menu";align-items:center;justify-content:initial;position:sticky;top:0;min-height:62px;height:auto;flex-wrap:nowrap!important;gap:8px!important;padding:9px 12px!important;z-index:30}
  .top>.brand{grid-area:brand;min-width:0;margin:0!important;font-size:14px;letter-spacing:.04em;line-height:1.05;white-space:nowrap}
  .top>.brand small{font-size:6px!important;margin-top:3px}
  .top>.account-area{grid-area:account;max-width:150px!important;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0!important}
  .top .balance-pill{grid-template-columns:auto auto;gap:2px 5px;max-width:94px;min-width:0;padding:4px 6px;border-radius:6px}
  .top .balance-pill small{grid-column:1/-1;font-size:5px;line-height:1.1;letter-spacing:.08em}
  .top .balance-pill b{font-size:10px;white-space:nowrap}
  .top .balance-pill button{width:20px;height:20px;min-width:20px;padding:0}
  .top #account{min-width:0;max-width:30px;overflow:hidden}
  .top #account .steam{display:flex;align-items:center;justify-content:center;width:28px;height:28px;max-width:28px;padding:0!important;overflow:hidden;white-space:nowrap;font-size:0!important;border-radius:6px}
  .top #account .steam::first-letter{font-size:14px}
  .top #account .account-user{max-width:30px;overflow:hidden}
  .top #account .account-user>span,.top #account .account-user>.button{display:none}
  .top #account .account-user>img{width:27px;height:27px;flex-basis:27px}
  .mobile-menu-toggle{grid-area:menu;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;padding:0;border:1px solid #44483d;border-radius:7px;background:linear-gradient(145deg,#20261e,#111510);color:var(--lime);box-shadow:inset 0 0 0 1px #d9ff7210}
  .mobile-menu-toggle span{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}
  .top.mobile-nav-open .mobile-menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}
  .top.mobile-nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .top.mobile-nav-open .mobile-menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
  .top nav{display:none!important;position:absolute!important;top:100%;left:0;right:0;width:100%!important;max-width:none!important;order:initial;grid-area:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;margin:0!important;padding:12px!important;overflow:visible!important;border-top:1px solid #30342c;border-bottom:1px solid #393d31;background:#11140ff7;backdrop-filter:blur(20px);box-shadow:0 18px 32px #0008}
  .top.mobile-nav-open nav{display:grid!important}
  .top nav .nav-btn{min-height:42px;width:100%;padding:10px 11px!important;text-align:left;font-size:11px!important;border:1px solid #30342f;border-radius:6px;white-space:normal;background:#1a1d18}
  .top nav .nav-btn.active{border-color:#8fb94b;background:#252d1b;color:var(--lime)}
  .page{min-height:calc(100svh - 70px);padding:17px 12px 34px!important;scroll-margin-top:72px}
  #page-cases>.page-head,#page-upgrade>.page-head{display:none!important}
  #page-cases #case-catalog-view{display:flex;flex-direction:column;gap:0}
  #page-cases .catalog-toolbar{order:0;display:block;flex:none;margin:0 0 11px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #page-cases .catalog-search{position:relative;width:100%;margin:0}
  #page-cases .catalog-search label{display:none!important}
  #page-cases .catalog-search:before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-53%);font-size:27px;line-height:1;color:#d6d9d1;z-index:1;pointer-events:none}
  #page-cases .catalog-toolbar input{width:100%;height:46px;min-height:46px;padding:0 14px 0 44px!important;border:1px solid #393d36;border-radius:8px;background:#1b1e1beF;color:#f2f4ed;font-size:13px!important;box-shadow:0 8px 20px #0002}
  #page-cases .catalog-toolbar>div:not(.catalog-search){display:none!important}
  #page-cases .case-live-strip{order:1;position:relative;display:block;overflow:hidden;margin:0 0 16px!important;padding:11px 12px!important;border-radius:7px;border:1px solid #3d4935;background:linear-gradient(105deg,#263824 0%,#22291e 48%,#34261c 100%);box-shadow:inset 3px 0 0 #d9ff72,0 8px 20px #0002}
  #page-cases .case-live-strip:after{content:"LOOTFORGE  /  LIVE DROPS";display:block;position:absolute;right:11px;top:13px;color:#d9ff72;font-size:7px;font-weight:900;letter-spacing:.12em;opacity:.9}
  #page-cases .case-live-strip-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 8px;padding:0;border:0}
  #page-cases .case-live-strip-title{display:flex;align-items:center;gap:8px}
  #page-cases .case-live-strip-title b{font-size:10px;letter-spacing:.12em;color:#f2f6e9}
  #page-cases .case-live-strip-title small{display:none!important}
  #page-cases .case-live-strip-state{display:none!important}
  #page-cases .case-live-feed-horizontal{display:flex!important;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 2px}
  #page-cases .case-live-feed-horizontal::-webkit-scrollbar{display:none}
  #page-cases .case-live-feed-horizontal>*{flex:0 0 150px;min-width:0}
  #page-cases .case-feed-empty{display:flex;align-items:center;flex-direction:row;gap:8px;min-height:35px;padding:5px 0;border:0;background:transparent;text-align:left}
  #page-cases .case-feed-empty>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#d9ff7215;color:var(--lime);font-size:15px}
  #page-cases .case-feed-empty>b{font-size:8px;letter-spacing:.05em;color:#e0e5d7}
  #page-cases .case-feed-empty>small{display:none}
  #page-cases .case-section-heading{order:2;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:0 0 10px!important;padding:0}
  #page-cases .case-section-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--lime)}
  #page-cases .case-section-heading h2{font-size:19px;line-height:1.1;margin:4px 0 0;letter-spacing:-.03em}
  #page-cases .case-section-heading p,#page-cases .case-live-count{display:none!important}
  #page-cases .case-grid{order:3;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%;align-items:stretch}
  #page-cases .case-card-lf{display:flex;flex-direction:column;min-width:0;border-radius:7px;border:1px solid #3d413a;background:linear-gradient(180deg,#2a2e2b 0%,#202421 65%,#191d1a 100%);box-shadow:0 7px 18px #0003;overflow:hidden;transform:none!important}
  #page-cases .case-artwork:not(.case-artwork-large){height:clamp(116px,37vw,158px)!important;min-height:0!important;background:linear-gradient(145deg,#353936,#252a27 80%);}
  #page-cases .case-art-glow{filter:blur(28px)!important;opacity:.19}
  #page-cases .case-art-gridlines{opacity:.12;background-size:22px 22px}
  #page-cases .case-art-halo{opacity:.28;transform:scale(.66)}
  #page-cases .case-art-meta,#page-cases .case-art-bottomline,#page-cases .case-art-sticker,#page-cases .case-art-scanline{display:none!important}
  #page-cases .case-hero-photo{position:absolute;inset:6% 4%;width:92%;height:88%;object-fit:contain;filter:drop-shadow(0 10px 9px #0005);animation:none!important;transition:transform .2s ease}
  #page-cases .case-card-lf:active .case-hero-photo{transform:scale(.97)}
  #page-cases .case-card-content{flex:1;display:flex;flex-direction:column;gap:0;padding:10px 10px 9px!important;min-width:0;background:linear-gradient(180deg,#282c29,#202421)}
  #page-cases .case-card-title-line{display:block;min-width:0}
  #page-cases .case-card-title-copy{min-width:0;width:100%}
  #page-cases .case-series-label{display:none!important}
  #page-cases .case-card-title-copy h3{margin:0;color:#f1f3ec;font-size:clamp(12px,3.4vw,14px)!important;line-height:1.25!important;font-weight:750;overflow-wrap:anywhere;min-height:2.5em}
  #page-cases .case-drop-total,#page-cases .case-card-meta-row{display:none!important}
  #page-cases .case-card-footer{margin-top:auto;padding-top:5px;border-top:1px solid #ffffff0c}
  #page-cases .case-card-footer .case-open-card{display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:27px!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;color:var(--lime)!important;box-shadow:none!important;text-align:left;font-size:10px!important;transform:none!important}
  #page-cases .case-open-card>span{display:none!important}
  #page-cases .case-open-card>strong{font-size:13px!important;color:var(--lime)!important;font-weight:900;white-space:nowrap}
  #page-cases .case-open-card>strong i{display:none}
  #page-upgrade .upgrade-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:start}
  #page-upgrade .upgrade-layout>article:first-child,#page-upgrade .upgrade-layout>article:nth-of-type(3){display:contents!important}
  #page-upgrade .upgrade-layout>.wheel-panel{display:flex!important;flex-direction:column;align-items:stretch;grid-column:1/-1!important;grid-row:auto!important;order:0!important;min-width:0;padding:4px 0 9px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
  #page-upgrade .wheel-panel .chance-line{display:none!important}
  #page-upgrade .wheel-panel .upgrade-wheel{order:1;width:min(92vw,390px)!important;height:min(92vw,390px)!important;max-width:100%!important;aspect-ratio:1/1;margin:0 auto 8px!important;padding:0!important}
  #page-upgrade .wheel-svg{display:block;width:100%;height:100%}
  #page-upgrade .wheel-hub{width:clamp(72px,22vw,104px);height:clamp(72px,22vw,104px);font-size:clamp(17px,5.7vw,28px)}
  #page-upgrade .wheel-hub-kicker{font-size:6px!important;letter-spacing:.1em}
  #page-upgrade .wheel-hub small{font-size:6px!important;letter-spacing:.08em}
  #page-upgrade .wheel-panel .upgrade-speed{order:2;align-self:flex-start;margin:2px 0 7px!important;padding:7px 10px!important;border:1px solid #373c32;border-radius:5px;background:#191d18;font-size:9px}
  #page-upgrade .wheel-panel .upgrade-msg{order:3;margin:0 0 7px!important;font-size:10px;min-height:15px}
  #page-upgrade .wheel-panel #upgrade-btn{order:4;min-height:45px;width:100%;margin:0!important;border-radius:5px;font-size:12px;letter-spacing:.04em;box-shadow:0 5px 16px #9fe16c24}
  #page-upgrade .upgrade-layout>.panel:first-child>.panel-label,#page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.panel-label{display:none!important}
  #page-upgrade #source,#page-upgrade #target{position:relative;order:1;grid-column:auto!important;min-width:0;width:100%;min-height:139px!important;height:139px;margin:0!important;padding:26px 7px 8px!important;border:1px solid #40443c;border-radius:5px;background:linear-gradient(160deg,#333733,#252925);box-shadow:inset 0 1px #ffffff0b;gap:5px;font-size:9px;line-height:1.35}
  #page-upgrade #source{order:1;grid-column:1!important}
  #page-upgrade #target{order:2;grid-column:2!important}
  #page-upgrade #source:before,#page-upgrade #target:before{position:absolute;left:8px;right:8px;top:8px;text-align:left;color:#d0d5cb;font-size:7px;font-weight:900;letter-spacing:.09em}
  #page-upgrade #source:before{content:"МОЙ ПРЕДМЕТ"}
  #page-upgrade #target:before{content:"ЦЕЛЬ АПГРЕЙДА"}
  #page-upgrade #source img,#page-upgrade #source .skin-fallback,#page-upgrade #target img,#page-upgrade #target .skin-fallback{width:min(100%,108px)!important;height:70px!important;max-height:70px!important;object-fit:contain}
  #page-upgrade #source b,#page-upgrade #target b{font-size:8px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
  #page-upgrade #source strong,#page-upgrade #target strong{font-size:10px}
  #page-upgrade .upgrade-layout>.panel:first-child>.stake-controls{order:3;grid-column:1/-1!important;min-width:0;margin:0!important;padding:11px 12px!important;border:1px solid #3c4038;border-radius:5px;background:#20241f}
  #page-upgrade .stake-controls>label{display:block;margin-bottom:9px;font-size:11px;font-weight:800;color:#e3e7dc}
  #page-upgrade .stake-controls input[type=range]{width:100%;margin:0;accent-color:var(--lime);min-height:18px}
  #page-upgrade .stake-range-values{display:flex;justify-content:space-between;gap:8px;margin-top:3px;font-size:8px;color:#a5ab9e}
  #page-upgrade .stake-range-values b{font-size:10px;color:#f1f4e8}
  #page-upgrade #upgrade-stake-note{display:block;margin-top:6px;font-size:8px;line-height:1.4;color:#a0a697}
  #page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.target-odds{order:4;grid-column:1/-1!important;min-width:0;margin:0!important;padding:9px!important;border:1px solid #3b4036;border-radius:5px;background:#20241f}
  #page-upgrade .target-odds>small{display:none!important}
  #page-upgrade .odds-buttons{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px}
  #page-upgrade .odds-buttons button{min-width:0;min-height:43px;padding:7px 2px!important;border-radius:5px;background:#2b3029;border-color:#454a3e;color:#d0d5cb;font-size:12px!important}
  #page-upgrade .odds-buttons button.active{background:#9fe16c;color:#10150d;border-color:#c3f991;box-shadow:0 0 14px #9fe16c24}
  #page-upgrade .target-budget{margin-top:7px;font-size:8px;line-height:1.4}
  #page-upgrade .upgrade-mobile-tabs{order:5;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:3px 0 0;border:1px solid #393d34;border-radius:5px 5px 0 0;overflow:hidden;background:#1b1f1a}
  #page-upgrade .upgrade-mobile-tab{min-width:0;min-height:48px;padding:10px 5px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb4a8;font-size:11px;font-weight:850;white-space:normal}
  #page-upgrade .upgrade-mobile-tab+ .upgrade-mobile-tab{border-left:1px solid #34382f}
  #page-upgrade .upgrade-mobile-tab.active{background:#282e23;border-bottom-color:var(--lime);color:#f2f6eb}
  #page-upgrade .upgrade-layout>.panel:first-child>.upgrade-picker-block{order:6;grid-column:1/-1!important;margin:0!important;padding:12px!important;border:1px solid #393d34;border-top:0;border-radius:0 0 5px 5px;background:#191d18;min-width:0}
  #page-upgrade .upgrade-picker-head{gap:8px;margin-bottom:10px}
  #page-upgrade .upgrade-picker-title>b{font-size:10px}
  #page-upgrade .upgrade-picker-head>small{font-size:8px;line-height:1.45}
  #page-upgrade .upgrade-source-picker{max-height:none!important;min-height:120px;overflow:visible!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  #page-upgrade .source-grid,#page-upgrade .target-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-upgrade .skin-picker-card{min-width:0}
  #page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.search{order:6;grid-column:1/-1!important;margin:0!important;padding:12px 12px 7px!important;border-left:1px solid #393d34;border-right:1px solid #393d34;background:#191d18}
  #page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.search input{height:42px;font-size:12px!important}
  #page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.target-results{order:7;grid-column:1/-1!important;max-height:240px;margin:0!important;padding:0 12px 8px!important;border-left:1px solid #393d34;border-right:1px solid #393d34;background:#191d18}
  #page-upgrade .upgrade-layout>.panel:nth-of-type(3)>.target-range-panel{order:8;grid-column:1/-1!important;min-width:0;margin:0!important;padding:12px!important;border:1px solid #393d34;border-top:0;border-radius:0 0 5px 5px;background:#191d18}
  #page-upgrade:not(.upgrade-target-tab) .upgrade-layout>.panel:nth-of-type(3)>.search,#page-upgrade:not(.upgrade-target-tab) .upgrade-layout>.panel:nth-of-type(3)>.target-results,#page-upgrade:not(.upgrade-target-tab) .upgrade-layout>.panel:nth-of-type(3)>.target-range-panel{display:none!important}
  #page-upgrade:not(.upgrade-target-tab) .upgrade-layout>.panel:first-child>.upgrade-picker-block{display:block!important}
  #page-upgrade.upgrade-target-tab .upgrade-layout>.panel:first-child>.upgrade-picker-block{display:none!important}
  #page-upgrade.upgrade-target-tab .upgrade-layout>.panel:nth-of-type(3)>.search,#page-upgrade.upgrade-target-tab .upgrade-layout>.panel:nth-of-type(3)>.target-range-panel{display:block!important}
  #page-upgrade .target-price-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #page-upgrade .target-price-controls label{min-width:0;font-size:8px}
  #page-upgrade .target-price-controls input{width:100%;min-width:0;min-height:39px;padding:8px;font-size:11px}
  #page-upgrade .target-price-controls #target-sort{grid-column:1/-1;min-height:37px}
  #page-upgrade .target-candidates{max-height:none!important;overflow:visible!important;margin-top:9px}
  #page-upgrade .hint{margin-top:13px;font-size:8px;line-height:1.5}
}
@media(max-width:380px){
  #page-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #page-cases .case-artwork:not(.case-artwork-large){height:clamp(105px,36vw,135px)!important}
  #page-cases .case-card-content{padding:8px 8px 7px!important}
  #page-cases .case-card-title-copy h3{font-size:11px!important;min-height:2.5em}
  #page-cases .case-open-card>strong{font-size:12px!important}
  #page-upgrade #source,#page-upgrade #target{min-height:126px!important;height:126px;padding-top:24px!important}
  #page-upgrade .upgrade-mobile-tab{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span{transition:none!important}#page-cases .case-hero-photo{transition:none!important}}
@media(max-width:760px){
  #page-cases .case-live-strip{min-height:0!important;height:auto!important;padding-bottom:9px!important}
  #page-cases .case-live-feed-horizontal{min-height:130px!important;height:auto!important;max-height:none!important;padding:0 0 4px!important;overflow-x:auto!important;overflow-y:hidden!important}
  #page-cases .case-feed-empty{min-height:35px!important;height:auto!important;max-height:42px!important;padding:3px 0!important;overflow:hidden}
  #page-cases .case-live-feed-horizontal>*{flex-basis:125px}
  #page-upgrade #source{min-height:139px!important;height:139px!important;overflow:hidden!important;align-self:stretch}
  #page-upgrade #target{min-height:139px!important;height:139px!important;overflow:hidden!important;align-self:stretch}
  #page-upgrade .source-mobile-empty,#page-upgrade .source-mobile-summary{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;padding:4px 3px;text-align:center}
  #page-upgrade .source-mobile-empty>span{width:34px;height:34px;display:grid;place-items:center;border:1px dashed #707867;border-radius:50%;font-size:20px;color:#b9c2b0;background:#ffffff06}
  #page-upgrade .source-mobile-empty>b{font-size:9px;color:#e3e8dd}
  #page-upgrade .source-mobile-empty>small{font-size:8px;color:#9da597}
  #page-upgrade .source-mobile-art{width:100%;height:63px;display:grid;place-items:center;overflow:hidden}
  #page-upgrade .source-mobile-art img,#page-upgrade .source-mobile-art .skin-fallback{width:100%;height:100%;max-width:104px;max-height:63px;object-fit:contain}
  #page-upgrade .source-mobile-copy{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}
  #page-upgrade .source-mobile-copy>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8px;line-height:1.25;overflow-wrap:anywhere;color:#eef2e8}
  #page-upgrade .source-mobile-copy>strong{font-size:10px;color:var(--lime)}
  #page-upgrade .source-mobile-copy>small{font-size:7px;color:#adb4a4}
  #page-upgrade .source-mobile-remove{position:absolute;right:0;top:0;width:22px;height:22px;display:grid;place-items:center;border:1px solid #59614d;border-radius:5px;background:#151a13;color:#f4a5a5;font-size:16px;line-height:1}
}

@media(max-width:760px){#page-cases .case-open-card,#page-cases .case-open-card>strong{color:#d9ff72!important;opacity:1!important;text-shadow:0 0 10px #d9ff7215}#page-cases .case-open-card{filter:none!important}}
@media(max-width:760px){
  #page-upgrade .odds-buttons button.active{background:linear-gradient(135deg,#d4ff8a,#9fe16c)!important;border-color:#c7f99a!important;color:#172012!important;box-shadow:0 0 14px #9fe16c24!important}
  #page-cases .case-card-footer .case-open-card>strong{color:#d9ff72!important;font-size:13px!important;text-shadow:0 0 10px #d9ff7215}
  #page-cases .case-card-footer .case-open-card{background:transparent!important;border-color:transparent!important}
}

/* LootForge v63 — profile account access, desktop + mobile */
.account-login-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px!important;white-space:nowrap;cursor:pointer;font:inherit;font-size:11px!important;font-weight:850!important}
.account-login-mobile{display:none}
.account-avatar-fallback{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #566c45;border-radius:9px;background:linear-gradient(135deg,#d9ff96,#9fcb5b);color:#152012;font-style:normal;font-size:18px;font-weight:950}
.profile-auth-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 0 18px;padding:clamp(16px,2.6vw,28px)!important;background:radial-gradient(ellipse at 0 0,#c9f27a0d,transparent 48%),linear-gradient(145deg,rgba(34,43,34,.96),rgba(18,24,20,.98))!important}
.profile-auth-panel:after{content:"LF";position:absolute;right:13px;bottom:-24px;z-index:-1;font-size:clamp(90px,13vw,180px);font-weight:1000;letter-spacing:-.1em;line-height:1;color:#d9ff7206;pointer-events:none}
.profile-auth-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.profile-auth-titlebar h2{margin:6px 0;font-size:clamp(19px,2.4vw,27px);letter-spacing:-.04em}
.profile-auth-titlebar h2 em{color:var(--lime);font-style:normal}
.profile-auth-titlebar p{max-width:600px;margin:0;color:#aeb8aa;font-size:11px;line-height:1.7}
.profile-auth-secure{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #4b5d41;border-radius:7px;background:#182219;color:#b9d99a;font-size:8px;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.profile-auth-secure i,.profile-auth-connected i{width:7px;height:7px;display:inline-block;flex:0 0 7px;border-radius:50%;background:#c9f27a;box-shadow:0 0 10px #c9f27a77}
.profile-auth-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profile-auth-method{display:flex;flex-direction:column;min-width:0;padding:clamp(14px,2vw,21px);border:1px solid #424d3e;border-radius:10px;background:linear-gradient(145deg,#202920eF,#141a15f7);box-shadow:inset 0 1px #ffffff08;}
.profile-auth-steam{background:radial-gradient(ellipse at 0 0,#84a8d40a,transparent 60%),linear-gradient(145deg,#202721,#141915)}
.profile-auth-demo{background:radial-gradient(ellipse at 100% 0,#c9f27a0b,transparent 60%),linear-gradient(145deg,#242b20,#151a15)}
.profile-auth-method-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0}
.profile-auth-method-icon,.profile-auth-current-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:11px;font-size:20px;font-weight:1000}
.profile-auth-method-icon.steam,.profile-auth-current-icon.steam{border:1px solid #61768e;background:linear-gradient(145deg,#30445a,#1a2531);color:#d9e9ff}
.profile-auth-method-icon.demo,.profile-auth-current-icon.demo{border:1px solid #71864f;background:linear-gradient(145deg,#d9ff96,#8ac65d);color:#172014;font-size:13px;letter-spacing:-.08em}
.profile-auth-method-head h3{margin:0 0 4px;color:#f0f4eb;font-size:clamp(13px,1.4vw,16px);line-height:1.25}
.profile-auth-method-head p{margin:0;color:#8e9b8a;font-size:9px;line-height:1.5}
.profile-auth-method-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 7px;border:1px solid #43533b;border-radius:5px;background:#182219;color:#b8d58e;font-size:7px;font-weight:950;letter-spacing:.07em;white-space:nowrap}
.profile-auth-method-tag.setup{border-color:#574b35;background:#241f16;color:#e4b26a}
.profile-auth-description{min-height:38px;margin:16px 0;color:#aab4a4;font-size:10px;line-height:1.7}
.profile-auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;margin-top:auto;text-align:center;text-decoration:none;font-size:11px!important}
.profile-auth-submit>span{font-size:17px}.profile-auth-submit>b{margin-left:auto;font-size:15px}
.profile-auth-steam-submit{border-color:#586e87!important;background:linear-gradient(120deg,#2f4254,#202d3b)!important;color:#edf5ff!important}
.profile-auth-steam-submit:hover:not(:disabled){border-color:#91b4d9!important;background:linear-gradient(120deg,#3a526a,#263b4d)!important}
.profile-auth-config-note,.profile-auth-method-note{display:block;margin-top:10px;color:#8c9788;font-size:9px;line-height:1.65}
.profile-demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0}
.profile-demo-form label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#a7b59e;font-size:8px;font-weight:900;letter-spacing:.1em}
.profile-demo-form input{display:block;width:100%;min-width:0;min-height:43px;margin:0;padding:10px 11px!important;font-size:12px!important;letter-spacing:normal}
.profile-demo-form .profile-auth-submit,.profile-demo-form .profile-auth-method-note{grid-column:1/-1}
.profile-demo-form .profile-auth-submit{margin-top:0}
.profile-auth-disabled{display:grid;gap:10px;margin-top:auto}.profile-auth-disabled small{color:#8c9788;font-size:9px;line-height:1.7}.profile-auth-disabled code{color:#d9ff96;font-size:9px}
.profile-auth-footnote{margin:15px 0 0;color:#899587;font-size:9px;line-height:1.7}
.profile-auth-loading{display:flex;align-items:center;gap:10px;min-height:42px;color:#aab4a4;font-size:11px}
.profile-auth-current{display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;border:1px solid #4b5e3c;border-radius:9px;background:linear-gradient(100deg,#202b1e,#151b15)}
.profile-auth-current-icon{width:48px;height:48px}
.profile-auth-current-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.profile-auth-current-copy small{color:#95a28f;font-size:8px;font-weight:900;letter-spacing:.1em}
.profile-auth-current-copy b{overflow-wrap:anywhere;color:#f2f5ec;font-size:14px}
.profile-auth-current-copy span{color:#a8b49f;font-size:10px}
.profile-auth-connected{display:inline-flex;align-items:center;gap:7px;color:#c9f27a;font-size:8px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
.profile-auth-current form{margin:0}
.profile-auth-logout{white-space:nowrap;font-size:10px!important}
@media(max-width:900px){.profile-auth-current{grid-template-columns:48px minmax(0,1fr) auto;gap:11px}.profile-auth-current form{grid-column:2/-1}.profile-auth-logout{width:100%}}
@media(max-width:760px){
 .account-login-cta{width:30px;height:30px;min-height:30px;padding:0!important;border-radius:7px!important;font-size:0!important}
 .account-login-desktop{display:none!important}.account-login-mobile{display:inline!important;font-size:16px!important;line-height:1}
 .account-avatar-fallback{width:27px;height:27px;flex-basis:27px;border-radius:7px;font-size:15px}
 .profile-auth-panel{padding:15px!important;border-radius:10px!important;margin-bottom:15px}
 .profile-auth-titlebar{flex-direction:column;gap:10px;margin-bottom:14px}
 .profile-auth-titlebar h2{font-size:21px}.profile-auth-titlebar p{font-size:10px}
 .profile-auth-secure{align-self:flex-start;font-size:7px}
 .profile-auth-methods{grid-template-columns:minmax(0,1fr);gap:10px}
 .profile-auth-method{padding:14px;border-radius:9px}
 .profile-auth-method-head{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}
 .profile-auth-method-icon{width:40px;height:40px;flex-basis:40px;border-radius:9px}
 .profile-auth-method-head h3{font-size:14px}.profile-auth-method-head p{font-size:9px}
 .profile-auth-method-tag{font-size:6px;padding:5px 6px}
 .profile-auth-description{min-height:0;margin:11px 0 13px;font-size:10px}
 .profile-auth-submit{min-height:46px;font-size:11px!important}
 .profile-demo-form{grid-template-columns:minmax(0,1fr);gap:10px}
 .profile-demo-form .profile-auth-submit,.profile-demo-form .profile-auth-method-note{grid-column:auto}
 .profile-demo-form label{font-size:8px}.profile-demo-form input{min-height:45px;font-size:14px!important}
 .profile-auth-config-note,.profile-auth-method-note{font-size:9px}
 .profile-auth-current{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px}
 .profile-auth-current-icon{width:42px;height:42px;font-size:18px}
 .profile-auth-current-copy b{font-size:12px}.profile-auth-current-copy span{font-size:9px;line-height:1.5}
 .profile-auth-connected{grid-column:2;justify-self:start}
 .profile-auth-current form{grid-column:1/-1}
 .profile-auth-logout{min-height:44px!important}
 .profile-auth-footnote{font-size:9px;margin-top:12px}
}
@media(max-width:380px){
 .profile-auth-method-head{grid-template-columns:36px minmax(0,1fr);gap:8px}
 .profile-auth-method-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}
 .profile-auth-method-tag{grid-column:2;justify-self:start;margin-top:1px}
 .profile-auth-titlebar h2{font-size:19px}
 .profile-auth-submit{font-size:10px!important;gap:6px}
}

/* v64: upgrade catalog tabs work on desktop and mobile; selected items use the same six-slot grid. */
#page-upgrade .upgrade-mobile-tab{min-width:0;min-height:44px;padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb4a8;font-weight:850;cursor:pointer}
#page-upgrade .upgrade-mobile-tab.active{background:#282e23;border-bottom-color:var(--lime);color:#f2f6eb}
#page-upgrade .upgrade-mobile-tab + .upgrade-mobile-tab{border-left:1px solid #34382f}
/* v67: remove legacy desktop tab-gating; desktop source and target catalogs remain visible side by side. */
#page-upgrade .source-square-art img,#page-upgrade .picker-art img,#page-upgrade .candidate-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){#page-cases .case-live-feed-horizontal>*{flex:0 0 165px!important;min-width:165px!important}#page-upgrade .source-grid.fixed-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}#page-upgrade .source-square-featured{grid-column:1/-1!important}#page-upgrade .source-square-art{height:clamp(72px,22vw,120px)!important}#page-upgrade .source-square-art img{object-fit:contain!important;width:100%!important;height:100%!important}}

/* LootForge v65 — restore mobile demo-balance control and keep upgrade stake reachable above iOS browser chrome */
@media(max-width:760px){
  .top .balance-pill{grid-template-columns:minmax(0,1fr) 22px!important;column-gap:5px!important;max-width:124px!important;min-width:0!important;overflow:visible!important}
  .top .balance-pill small{grid-column:1/-1!important}
  .top .balance-pill b{grid-column:1!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important}
  .top .balance-pill button{display:grid!important;place-items:center!important;grid-column:2!important;grid-row:2!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;font-size:16px!important;line-height:1!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  #page-upgrade.page{padding-bottom:calc(245px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(245px + env(safe-area-inset-bottom, 0px))!important}
  #page-upgrade .stake-controls{position:relative!important;z-index:2!important;margin-bottom:16px!important;scroll-margin-bottom:calc(170px + env(safe-area-inset-bottom, 0px))!important}
  #page-upgrade .stake-controls input[type=range]{display:block!important;width:100%!important;min-height:36px!important;padding:0!important;position:relative!important;z-index:3!important;touch-action:pan-y!important;cursor:pointer}
  #page-upgrade .upgrade-layout>.panel:first-child>.stake-controls{padding:12px 13px 14px!important}
  #balance-modal{align-items:flex-start!important;overflow-y:auto!important;padding:calc(18px + env(safe-area-inset-top, 0px)) 12px calc(28px + env(safe-area-inset-bottom, 0px))!important;-webkit-overflow-scrolling:touch}
  #balance-modal .settings-modal{width:100%!important;max-width:440px!important;max-height:calc(100dvh - 54px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;overflow-y:auto!important;margin:auto!important;overscroll-behavior:contain}
  #balance-add{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}
@media(max-width:380px){
  .top .balance-pill{max-width:118px!important;padding:4px 5px!important}
  .top .balance-pill b{font-size:9px!important}
  .top .balance-pill button{display:grid!important;width:20px!important;height:20px!important;min-width:20px!important}
}


/* LootForge v66 — desktop upgrader restored to the original three-panel layout; mobile tabs remain unchanged. */
@media (min-width: 761px) {
  #page-upgrade .upgrade-mobile-tabs { display: none !important; }
  #page-upgrade .upgrade-layout > .panel:first-child > .upgrade-picker-block { display: block !important; }
  #page-upgrade .upgrade-layout > .panel:nth-of-type(3) > .search { display: flex !important; }
  #page-upgrade .upgrade-layout > .panel:nth-of-type(3) > .target-results { display: grid !important; }
  #page-upgrade .upgrade-layout > .panel:nth-of-type(3) > .target-range-panel { display: block !important; }
}


/* LootForge v74 — live online presence indicator. */
.online-pill{display:flex;align-items:center;gap:6px;min-height:31px;padding:0 9px;border:1px solid #343b31;border-radius:5px;background:#121810;color:#cbd5c0;white-space:nowrap;font-size:9px;letter-spacing:.08em;font-weight:800}
.online-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#9fe16c;box-shadow:0 0 8px #9fe16c88}
.online-pill b{font-size:11px;color:#d9ff72;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.online-pill{gap:4px;padding:0 6px}.online-label{font-size:7px}}
@media(max-width:650px){.account-area{gap:5px}.online-pill{min-height:28px;padding:0 6px;gap:4px}.online-label{display:none}.online-pill b{font-size:10px}}