:root{--bg:#08090c;--card:#14161d;--card2:#191d27;--line:#232a3d;--txt:#eef1f6;--mut:#8b94a7;--yel:#ffdb00;--olive:#4d4a12;--ease:cubic-bezier(.22,.9,.28,1);--spring:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font-family:inherit;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .18s var(--ease),opacity .25s var(--ease)}
button:active{transform:scale(.95)}
:focus-visible{outline:2px solid rgba(255,219,0,.7);outline-offset:2px}
::selection{background:rgba(255,219,0,.3)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2a3348;border-radius:8px}
.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:10px 22px;background:rgba(9,10,14,.94);border-bottom:1px solid #222634;backdrop-filter:blur(18px)}
.top-left{display:flex;align-items:center;gap:16px}
.logo-mark{display:flex;flex-direction:column;gap:4px}.logo-mark span{display:block;width:30px;height:12px;background:linear-gradient(180deg,var(--yel),#7a6a00);clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%)}.logo-mark.small span{width:26px;height:10px}
.brand{display:flex;align-items:center;gap:14px;background:none;border:0;color:#fff;padding:0 18px 0 0;cursor:pointer}.logo-text{font-weight:900;font-size:24px;letter-spacing:.5px}
.hstat{display:flex;align-items:center;gap:8px}.h-ico{font-size:14px}.h-ico.y{color:var(--yel)}.h-col{display:flex;flex-direction:column;line-height:1.1}.h-col em{font-style:normal;font-size:12px;color:var(--mut)}.h-col b{font-size:14px}
.top-right{display:flex;align-items:center;gap:10px}.soc{width:34px;height:34px;border-radius:50%;background:#1e2536;display:grid;place-items:center;font-size:12px;font-weight:800;color:#aeb7cc}
.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;transition:transform .16s var(--spring),box-shadow .3s var(--ease),background .3s var(--ease),filter .25s var(--ease)}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.94)}.btn.yellow{background:linear-gradient(180deg,var(--yel),#f5b800);color:#111;box-shadow:0 6px 22px rgba(255,219,0,.28)}.btn.yellow:hover{box-shadow:0 8px 30px rgba(255,219,0,.45);transform:translateY(-1px)}.btn.big-login{padding:10px 22px}.btn.ghost{background:#1e2536;color:#fff}.btn.ghost:hover{background:#26314a}.btn.sm{padding:8px 12px;font-size:13px}.btn.full{width:100%}.btn.outline{background:transparent;border:1px solid var(--yel);color:var(--yel)}.btn.outline:hover{background:rgba(255,219,0,.12)}
.btn.upgrade{width:100%;padding:15px;font-size:17px;border-radius:14px;background:linear-gradient(180deg,var(--yel),#e6b800);color:#111;position:relative;overflow:hidden}.btn.upgrade::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}.btn.upgrade:not(:disabled):hover::after{left:130%}.btn.upgrade:disabled{background:#3a3a26;color:#8b8a6a;opacity:.9;box-shadow:none;cursor:not-allowed}.btn.upgrade:not(:disabled){box-shadow:0 8px 28px rgba(255,219,0,.35);animation:upPulse 2.4s ease-in-out infinite}
@keyframes upPulse{0%,100%{box-shadow:0 8px 28px rgba(255,219,0,.35)}50%{box-shadow:0 8px 40px rgba(255,219,0,.6)}}
.user-bar{display:flex;align-items:center;gap:10px}.bal-pill{background:#1c2333;border:1px solid #2c3650;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.bal-pill em{font-style:normal;color:var(--mut)}.avatar-top{width:36px;height:36px;border-radius:50%;border:0;font-weight:900;cursor:pointer}
.layout{display:grid;grid-template-columns:212px 1fr;min-height:calc(100vh - 72px)}.layout.feedless{grid-template-columns:1fr}.layout.feedless .live{display:none}
.live{background:#0a0c11;border-right:1px solid #141926;padding:10px}#feed{display:flex;flex-direction:column;gap:8px}
.feed-card{position:relative;border-radius:10px;padding:10px 10px 10px 12px;min-height:86px;background:linear-gradient(135deg,#232a40,#141926);border:1px solid #222c44;overflow:hidden;display:flex;align-items:center}.feed-card.gold{background:linear-gradient(135deg,#8a7a00,#3a3405 60%,#151507);border-color:#6b6200}.feed-card .fn{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.feed-card .fw{font-size:10px;color:#aeb7cc}.feed-card .fi{margin-left:auto;font-size:44px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
main{padding:8px 20px 40px;max-width:1560px;width:100%;margin:0 auto}
.home-view{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:clamp(30px,6vw,96px);padding:clamp(42px,8vw,112px) clamp(10px,5vw,76px);overflow:hidden}.home-copy{position:relative;z-index:2}.home-kicker{display:flex;align-items:center;gap:9px;color:#aeb7cc;font-size:13px;font-weight:900;letter-spacing:2.4px}.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--yel);box-shadow:0 0 14px rgba(255,219,0,.85)}.home-copy h1{margin:20px 0 18px;max-width:780px;font-size:clamp(46px,6.2vw,92px);line-height:.98;letter-spacing:-4px}.home-copy h1 span{color:var(--yel)}.home-copy p{max-width:590px;margin:0;color:#8f98aa;font-size:18px;line-height:1.65}.home-actions{display:flex;align-items:center;gap:16px;margin-top:34px}.home-upgrade-btn{min-width:330px;display:flex;align-items:center;gap:14px;border:1px solid #fff06a;background:linear-gradient(135deg,#ffe11a,#eeb500);color:#101116;padding:14px 17px;text-align:left;box-shadow:0 14px 40px rgba(255,211,0,.2)}.home-upgrade-btn:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(255,211,0,.36)}.home-upgrade-btn>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.home-upgrade-btn b{font-size:16px}.home-upgrade-btn small{font-size:11px;color:#514700;font-weight:700}.home-upgrade-btn i{margin-left:auto;font-size:24px;font-style:normal}.home-btn-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#121318;color:var(--yel);font-size:16px}.home-profile-btn{background:transparent;border:1px solid #2c3242;color:#c4cad6;border-radius:10px;padding:16px 20px;font-weight:800;cursor:pointer}.home-profile-btn:hover{border-color:#777f91;color:#fff}.home-visual{position:relative;min-height:520px;display:grid;place-items:center}.home-visual::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,219,0,.1),transparent 67%);filter:blur(4px)}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.orbit-one{width:470px;height:470px}.orbit-two{width:360px;height:360px;border-style:dashed;animation:tickSpin 34s linear infinite}.hero-wheel{position:relative;width:270px;height:270px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#242b3f,#0c0f17 68%);border:20px solid #1c2335;box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 0 1px #343d57,0 0 60px rgba(255,219,0,.1)}.hero-wheel-ring{position:absolute;inset:-13px;border-radius:50%;background:conic-gradient(var(--yel) 0 69%,#283048 69% 100%);-webkit-mask:radial-gradient(circle,transparent 68%,#000 69%);mask:radial-gradient(circle,transparent 68%,#000 69%)}.hero-wheel-core{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,219,0,.35);background:#121621;box-shadow:inset 0 0 28px rgba(255,219,0,.04)}.hero-wheel-core strong{font-size:36px;letter-spacing:-2px}.hero-wheel-core span{color:var(--yel);font-size:13px;font-weight:900}.hero-wheel>i{position:absolute;top:-31px;width:18px;height:20px;background:#fff;clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 8px rgba(255,255,255,.45))}.hero-card{position:absolute;min-width:170px;padding:15px 16px;border:1px solid #293149;border-radius:13px;background:rgba(20,24,35,.86);box-shadow:0 18px 38px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.hero-card span{display:block;color:#727c92;font-size:10px;font-weight:900;letter-spacing:1px}.hero-card b{display:block;margin-top:5px;color:var(--yel);font-size:18px;font-variant-numeric:tabular-nums}.hero-card-left{left:0;top:28%}.hero-card-right{right:0;bottom:24%}
.home-emblem{position:relative;width:min(420px,82vw);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #242a3a;background:radial-gradient(circle at 50% 40%,#1a1e2a,#0b0d12 70%);clip-path:polygon(50% 0,95% 24%,88% 80%,50% 100%,12% 80%,5% 24%);box-shadow:0 40px 110px rgba(0,0,0,.55)}.home-emblem::before{content:"";position:absolute;inset:12px;background:linear-gradient(135deg,rgba(255,219,0,.14),transparent 34% 66%,rgba(255,219,0,.08));clip-path:inherit;pointer-events:none}.hero-mark{position:relative;gap:8px;margin-bottom:22px}.hero-mark span{width:82px;height:31px}.home-emblem strong{position:relative;font-size:clamp(42px,5vw,66px);letter-spacing:-3px}.home-emblem small{position:relative;margin-top:10px;color:#8b94a7;font-size:11px;font-weight:900;letter-spacing:2.6px}
.stage-head{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}.stage-title{font-weight:900;font-size:24px;letter-spacing:1px}
/* ===== UPGRADE (ref layout: drops on sides, wheel center) ===== */
.up-stage{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px 22px;position:relative;overflow:hidden}
.up-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 46% at 50% 28%,rgba(255,219,0,.06),transparent 70%);pointer-events:none}
.up-title{margin:0 0 12px;font-size:30px;font-weight:900;letter-spacing:.5px;position:relative}
.up-circles{display:grid;grid-template-columns:204px 300px 204px;justify-content:center;align-items:center;gap:36px;width:100%;position:relative}
.up-circles>*{min-width:0}
/* страховка порядка: всё лишнее в ряду (кнопка и контролы) — всегда на всю ширину следующей строкой по центру */
.up-circles>*:nth-child(n+4){grid-column:1/-1;justify-self:center}
.drop-side{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.drop-circle{position:relative;width:204px;height:204px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#161b29,#0b0e16 76%);border:1px solid #232b42;display:grid;place-items:center;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--spring)}
.drop-circle:hover{transform:scale(1.02)}
.drop-circle.filled{border-color:rgba(255,219,0,.55);box-shadow:0 0 34px rgba(255,219,0,.16),inset 0 0 30px rgba(255,219,0,.05)}
.drop-ticks{position:absolute;inset:13px;border-radius:50%;border:3px dashed transparent;border-top-color:#39435c;border-bottom-color:#39435c;opacity:.9;pointer-events:none}
.drop-circle.filled .drop-ticks{border-top-color:rgba(255,219,0,.5);border-bottom-color:rgba(255,219,0,.5);animation:tickSpin 24s linear infinite}
.drop-item{width:68%;height:68%;display:flex;align-items:center;justify-content:center}
.drop-item img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.7));animation:cardIn .4s var(--ease) both}
.drop-item svg{width:92px;height:60px}
.drop-ghost{font-size:46px;font-weight:300;color:#2c3650;line-height:1}
.drop-price{background:#1a2030;border:1px solid #2a3a5a;color:var(--yel);font-weight:800;font-size:13px;border-radius:999px;padding:5px 16px;font-variant-numeric:tabular-nums;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drop-name{font-size:12px;color:var(--mut);max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.up-btn{width:min(420px,100%);margin-top:16px;position:relative}
.up-btn:disabled{background:#262c3d;color:#8f97ab;box-shadow:none;opacity:1;cursor:not-allowed;animation:none}
.fast-row{display:flex;align-items:center;gap:10px;margin-top:12px;background:#141824;border:1px solid #20263a;border-radius:12px;padding:9px 18px;font-weight:800;font-size:14px;position:relative}
.switch{position:relative;width:52px;height:28px;border-radius:999px;background:#262c3d;border:1px solid #333c55;cursor:pointer;padding:0;transition:background .3s var(--ease),border-color .3s}
.switch i{position:absolute;top:2px;left:3px;width:22px;height:22px;border-radius:6px;background:#7d8aa3;transition:left .25s var(--spring),background .25s}
.switch.on{background:rgba(255,219,0,.22);border-color:var(--yel)}
.switch.on i{left:25px;background:var(--yel);box-shadow:0 0 10px rgba(255,219,0,.6)}
.up-stage .bal-line{width:min(420px,100%);margin-top:10px;position:relative}
.up-mults{display:flex;gap:8px;margin-top:12px;position:relative}
.up-mults button{flex:1;background:#141824;border:1px solid #20263a;color:#aeb7cc;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}
.up-mults button:hover{border-color:var(--yel);color:#fff;transform:translateY(-2px)}
.up-mults button.pick{border-color:var(--yel);color:var(--yel);animation:tierPop .35s var(--spring)}
.up-mults.shake{animation:resShake .4s var(--ease)}
@keyframes resShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.edit-link{background:none;border:0;color:var(--mut);font-size:12px;margin-top:10px;cursor:pointer;position:relative}
.edit-link:hover{color:#fff}
.up-stage .result{margin-top:6px}
.center{display:flex;flex-direction:column;gap:12px;align-items:stretch}
/* ===== NEW ROULETTE ===== */
.wheel-wrap{display:flex;justify-content:center;perspective:900px}
.wheel{position:relative;width:300px;height:300px;flex-shrink:0;transition:transform .5s var(--ease);animation:wheelIn .7s var(--spring) both}
@keyframes wheelIn{from{opacity:0;transform:scale(.85) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}
.wheel:hover{transform:scale(1.015)}
.wheel-glow{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 50% 65%,rgba(255,219,0,.22),rgba(255,122,0,.08) 45%,transparent 70%);filter:blur(6px);opacity:.9;transition:opacity .5s var(--ease),background .5s var(--ease);pointer-events:none}
.wheel.win .wheel-glow{background:radial-gradient(circle at 50% 65%,rgba(74,222,128,.4),rgba(74,222,128,.12) 50%,transparent 72%)}
.wheel.lose .wheel-glow{background:radial-gradient(circle at 50% 65%,rgba(255,45,85,.35),rgba(255,45,85,.1) 50%,transparent 72%)}
.wheel.spinning .wheel-glow{opacity:1;animation:glowPulse .8s ease-in-out infinite alternate}
@keyframes glowPulse{from{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}
.ring-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(148,163,184,.55) 0 1deg,transparent 1deg 9deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 65%,#000 65%,#000 69.5%,transparent 69.5%);mask:radial-gradient(circle at 50% 50%,transparent 65%,#000 65%,#000 69.5%,transparent 69.5%);opacity:.32;animation:tickSpin 90s linear infinite}
@keyframes tickSpin{to{transform:rotate(360deg)}}
.ring-base{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#212a44 0%,#131929 45%,#0a0d15 80%);border:1px solid #2b3550;box-shadow:inset 0 2px 14px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.45)}
.ring-base::after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(139,148,167,.16)}
.ring-inner{position:absolute;inset:52px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#1b2236,#0c101b 70%);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 8px 26px rgba(0,0,0,.65)}
.ring-ticks-in{position:absolute;inset:44px;border-radius:50%;background:repeating-conic-gradient(rgba(148,163,184,.5) 0 1.5deg,transparent 1.5deg 12deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 58%,#000 58%,#000 65%,transparent 65%);mask:radial-gradient(circle at 50% 50%,transparent 58%,#000 58%,#000 65%,transparent 65%);opacity:.45;pointer-events:none}
.wheel-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
#gaugeArc{transition:stroke-dashoffset 1s var(--ease),opacity .3s;stroke-linecap:round}
#needle{transition:transform 1.4s cubic-bezier(.15,.85,.2,1.15),opacity .3s;opacity:0;transform-box:view-box;filter:drop-shadow(0 0 6px rgba(255,219,0,.8))}
.wheel.spinning #needle{transition:transform 2.2s cubic-bezier(.1,.7,.15,1)}
.wheel.fast.spinning #needle{transition-duration:.7s}
.wheel.fast #gaugeArc{transition-duration:.5s}
.wheel-pointer{position:absolute;left:50%;top:-4px;transform:translateX(-50%);z-index:5;filter:drop-shadow(0 3px 8px rgba(255,255,255,.35))}
.wheel-pointer span{display:block;width:18px;height:17px;background:linear-gradient(180deg,#ffffff,#c3cbdd);clip-path:polygon(50% 100%,0 0,100% 0);animation:pointerBob 1.6s ease-in-out infinite}
.wheel-dot{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#ff2d55;box-shadow:0 0 12px #ff2d55;z-index:5;transition:background .3s,box-shadow .3s}
.wheel.win .wheel-dot{background:#4ade80;box-shadow:0 0 12px #4ade80}
@keyframes pointerBob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.wheel.spinning .wheel-pointer span{animation:pointerShake .25s linear infinite}
@keyframes pointerShake{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(3px) rotate(6deg)}}
.wheel-hub{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:146px;height:146px;display:grid;place-items:center;text-align:center;z-index:4}
.hub-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.01));border:1px solid rgba(255,219,0,.3);box-shadow:0 6px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.wheel-pct{position:relative;padding:0 10px;max-width:100%}
.wheel-pct div{font-size:26px;font-weight:900;letter-spacing:.3px;line-height:1.15;min-height:30px;white-space:nowrap;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#8b94a7);-webkit-background-clip:text;background-clip:text;color:transparent;transition:all .4s var(--ease)}
.wheel.st-low #chanceText{background-image:linear-gradient(180deg,#fff,#ff3b5c)}
.wheel.st-mid #chanceText{background-image:linear-gradient(180deg,#fff,#ffdb00)}
.wheel.st-high #chanceText{background-image:linear-gradient(180deg,#fff,#4ade80)}
.wheel-pct span{font-size:13px;color:#dfe4ee;font-weight:700;display:block;margin-top:4px;line-height:1.35}
.wheel-chev{display:none}
.bal-line{background:var(--card);border-radius:12px;padding:10px}.bal-line span{font-size:13px;color:var(--mut)}.bal-line b{color:#fff}
input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--yel) var(--p,0%),#2a3348 var(--p,0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--yel);cursor:pointer}
.mults{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.mults button{background:#1a2234;border:1px solid #2a3450;color:#fff;border-radius:8px;padding:7px 0;font-weight:800;cursor:pointer;font-size:12px}
.result{min-height:22px;text-align:center;font-weight:800;transition:all .35s var(--ease)}.result.win{color:#4ade80;animation:resPop .5s var(--spring);text-shadow:0 0 18px rgba(74,222,128,.6)}.result.lose{color:#f87171;animation:resPop .5s var(--spring)}.result.spin{color:var(--yel);animation:resBlink .7s ease-in-out infinite}
@keyframes resPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes resBlink{0%,100%{opacity:1}50%{opacity:.4}}
.panel,.p-card,.feed-card,.mbox{transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.panel:hover,.p-card:hover{border-color:#2e3a58}
.feed-card{animation:feedIn .5s var(--ease) both}
@keyframes feedIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
.modal{animation:modalBg .3s var(--ease)}.mbox{animation:modalIn .4s var(--spring) both}
@keyframes modalBg{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}
input[type=range]{cursor:pointer}
input[type=range]::-webkit-slider-thumb{transition:transform .2s var(--spring),box-shadow .25s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 12px rgba(255,219,0,.7)}
.mults button{transition:all .2s var(--spring)}.mults button:hover{background:#26314a;border-color:var(--yel);transform:translateY(-2px)}.mults button:active{transform:scale(.9)}
.hstat b{display:inline-block;transition:all .3s var(--ease)}
.hstat b.tick{animation:statTick .5s var(--spring);color:var(--yel)}
@keyframes statTick{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
.dep-btns button{transition:all .2s var(--spring)}.dep-btns button:hover{border-color:var(--yel);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;margin-top:16px;align-items:start}
.panel{background:#10131a;border:1px solid #1e2638;border-radius:16px;overflow:hidden;min-height:460px;max-height:660px;display:flex;flex-direction:column}
.panel .grid{flex:1;min-height:0;overflow-y:auto}
.p-head{display:flex;align-items:center;gap:8px;padding:12px;background:#161b26;border-bottom:1px solid #1e2638;flex-shrink:0}.shop-head{flex-direction:column;align-items:stretch;gap:10px}
.shop-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shop-filters{display:flex;gap:8px;align-items:stretch}
.price-filter-caption{display:flex;align-items:center;flex:0 0 auto;padding:0 13px;min-height:36px;border:1px solid #303239;border-radius:9px;background:#1c1e22;color:#a6a8af;font-size:12px}
body .drop-item :is(.idle-obsidian,.idle-gold)>img{filter:blur(2px) drop-shadow(0 8px 14px #0006);opacity:.8}
.price{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);font-weight:700;background:#0b0e15;border:1px solid #232c44;border-radius:10px;padding:0 6px 0 10px;flex-shrink:0;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.price:focus-within{border-color:var(--yel);box-shadow:0 0 0 3px rgba(255,219,0,.15)}
.price-in{background:transparent;border:0;color:#fff;width:78px;min-width:0;font-weight:800;font-size:13px;text-align:center;font-variant-numeric:tabular-nums;padding:9px 2px;outline:none}
/* убираем спиннеры number — из-за них цифры и резались */
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
.search-box{flex:1;min-width:140px;display:flex;align-items:center;background:#0d1119;border:1px solid #2a3a5a;border-radius:10px;padding-right:4px;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.search-box:focus-within{border-color:var(--yel);box-shadow:0 0 0 3px rgba(255,219,0,.15)}
.search-in{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-size:13px;padding:9px 10px;outline:none}
.search-in::-webkit-search-cancel-button{-webkit-appearance:none}
/* ===== TIER TABS with animations ===== */
.tier-btns{display:flex;gap:6px;flex-wrap:wrap;background:#0b0e15;border:1px solid #232c44;border-radius:12px;padding:4px}
.tier{position:relative;background:transparent;border:0;color:#aeb7cc;border-radius:9px;padding:8px 14px;font-weight:800;font-size:12px;cursor:pointer;overflow:hidden;transition:color .25s var(--ease),background .25s var(--ease),transform .18s var(--spring),box-shadow .25s var(--ease)}
.tier:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateY(-1px)}
.tier:active{transform:scale(.92)}
.tier.active{background:linear-gradient(180deg,var(--yel),#f5b800);border-color:transparent;color:#111;box-shadow:0 4px 16px rgba(255,219,0,.4);animation:tierPop .35s var(--spring)}
@keyframes tierPop{0%{transform:scale(.85)}55%{transform:scale(1.08)}100%{transform:scale(1)}}
.tier .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ripple .55s var(--ease) forwards;pointer-events:none}
@keyframes ripple{to{transform:scale(3);opacity:0}}
.tier.flash{animation:tierFlash .5s var(--ease)}
@keyframes tierFlash{0%{box-shadow:0 0 0 0 rgba(255,219,0,.7)}100%{box-shadow:0 0 0 14px rgba(255,219,0,0)}}
.ptab{background:var(--yel);border-radius:8px;min-width:30px;height:30px;display:grid;place-items:center;font-weight:900;color:#111;transition:transform .2s var(--spring)}.ptab:hover{transform:scale(1.1) rotate(-6deg)}.ptab.dim{background:#232b40;color:#fff}.caret{color:#5b6a8a;transition:transform .3s var(--ease)}.p-head.wrap:hover .caret{transform:rotate(90deg)}
.f{background:#0d1119;border:1px solid #2a3a5a;color:#fff;border-radius:10px;padding:9px 10px;font-variant-numeric:tabular-nums;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}.f:focus{border-color:var(--yel);box-shadow:0 0 0 3px rgba(255,219,0,.18);outline:none}.f.grow{flex:1;min-width:120px}.search{background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;transition:transform .2s var(--spring),color .25s,background .25s}.search:hover{color:var(--yel);background:rgba(255,219,0,.08);transform:scale(1.15)}.search:active{transform:scale(.9)}
.grid{display:grid;gap:12px;padding:14px;align-content:start}.grid.left{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid.right{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));scroll-behavior:smooth}.grid.pad{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.grid.flash{animation:gridFlash .45s var(--ease)}
@keyframes gridFlash{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.shop-count{grid-column:1/-1;text-align:center;font-size:11px;color:var(--mut);padding:2px}
.more-btn{grid-column:1/-1;background:#1a2234;border:1px solid var(--yel);color:var(--yel);border-radius:10px;padding:10px;font-weight:800;cursor:pointer}
.skin{position:relative;background:linear-gradient(180deg,#1d2434,#121724);border:1px solid #28334e;border-radius:12px;padding:8px;min-height:122px;display:flex;flex-direction:column;text-align:center;cursor:pointer;overflow:hidden;transition:transform .25s var(--spring),border-color .25s var(--ease),box-shadow .25s var(--ease);animation:cardIn .45s var(--ease) both}
@keyframes cardIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.skin:hover{transform:translateY(-4px) scale(1.02);border-color:var(--yel);box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(255,219,0,.35)}.skin:active{transform:scale(.96)}.skin.sel{border-color:var(--yel);box-shadow:0 0 0 1px var(--yel),0 0 22px rgba(255,219,0,.35);animation:selPop .3s var(--spring)}
@keyframes selPop{0%{transform:scale(.94)}60%{transform:scale(1.04)}100%{transform:scale(1)}}.skin .top-r{display:flex;justify-content:space-between;font-size:11px;color:var(--yel);font-weight:800;font-variant-numeric:tabular-nums;min-height:14px}.skin .top-r em{font-style:normal;color:#7d8aa3;font-size:10px}.skin .im{margin:8px 0 6px;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.skin .im svg{width:92px;height:48px;display:block;flex-shrink:0}.skin .im img{max-width:100px;max-height:58px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
/* двуслойная картинка: прозрачный фон, svg-плейсхолдер держит размер, фото проявляется поверх */
.im-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:58px;flex-shrink:0;background:transparent;overflow:hidden}
.im-wrap>svg{width:92px;height:48px;display:block;flex-shrink:0}
.im-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s var(--ease);filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
.im-wrap img.ld{opacity:1}
.skin .nm{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;min-height:14px}.skin .check{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,219,0,.14);font-size:26px;color:var(--yel);border-radius:12px}
select.f{appearance:auto}select.f option{background:#0d1119}
.wicon-rifle{fill:#3a4358}.wicon-accent{fill:var(--c,#ff5a5a)}.feed-card .fi{margin-left:auto;width:66px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-card .fi svg{width:66px;height:40px;display:block}.feed-card .fi img{width:60px;height:44px;object-fit:contain}
.guest{text-align:center;padding:70px 20px}.g-t{font-weight:900;font-size:20px}.g-s{color:var(--mut);margin:8px 0 16px}
.profile-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.p-card{background:var(--card);border-radius:14px;padding:14px}.avatar{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:26px;color:#111}.row{display:flex;gap:8px;margin-top:8px}.row input{flex:1;min-width:0;background:#0d1119;border:1px solid #2a3a5a;color:#fff;border-radius:8px;padding:8px;font-variant-numeric:tabular-nums}.p-bal{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}
/* ===== player profiles (ref style) ===== */
.back-link{background:rgba(255,255,255,.05);border:1px solid #232c44;color:#dfe4ee;border-radius:10px;padding:8px 16px;font-weight:800;cursor:pointer;margin:14px 0 12px;transition:all .2s var(--ease)}
.back-link:hover{border-color:var(--yel);color:var(--yel)}
.u-head{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:12px}
.u-card{background:#151a27;border:1px solid #232c44;border-radius:14px;padding:16px;min-width:0;animation:cardIn .45s var(--ease) both}
.u-card .muted{font-size:12px;margin-bottom:6px}
.u-user{display:flex;align-items:center;gap:14px}
.u-avatar{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:30px;color:#111;flex-shrink:0}
.u-name{font-weight:900;font-size:18px;word-break:break-word}
.u-id{display:inline-block;margin-top:6px;font-size:12px;color:#aeb7cc;border:1px solid #2c3650;border-radius:8px;padding:3px 10px;font-variant-numeric:tabular-nums}
.u-big{font-size:22px;font-weight:900}
.u-big.y{color:var(--yel)}
.u-sub{color:var(--yel);font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}
.u-best-img{height:74px;display:flex;align-items:center;justify-content:center}
.u-best-img img{max-width:130px;max-height:74px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}
.u-best-img svg{width:110px;height:56px}
.u-best-name{font-weight:800;font-size:13px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-best-price{color:var(--yel);font-weight:800;font-variant-numeric:tabular-nums}
.u-best-empty{color:var(--mut);font-size:12px;margin-top:8px}
.u-tabs{display:flex;align-items:center;gap:8px;background:#10131a;border:1px solid #1e2638;border-radius:14px;padding:8px;margin:14px 0 0}
.utab{flex:1;background:transparent;border:0;color:#aeb7cc;border-radius:9px;padding:11px;font-weight:800;font-size:13px;cursor:pointer;transition:all .25s var(--ease)}
.utab:hover{color:#fff;background:rgba(255,255,255,.05)}
.utab.active{background:linear-gradient(180deg,var(--yel),#f5b800);color:#111;box-shadow:0 4px 16px rgba(255,219,0,.35)}
.u-tools{margin-left:auto;display:flex;gap:8px}
/* history cards */
.hcard{position:relative;background:linear-gradient(180deg,#1d2434,#121724);border:2px solid #28334e;border-radius:12px;padding:8px;min-height:150px;display:flex;flex-direction:column;text-align:center;overflow:hidden;animation:cardIn .45s var(--ease) both}
.h-price{font-size:12px;color:var(--yel);font-weight:800;font-variant-numeric:tabular-nums;min-height:15px}
.h-wear{font-size:10px;color:#7d8aa3;font-weight:700}
.h-im{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:6px 0}
.h-im img{max-width:110px;max-height:62px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
.h-nm{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;min-height:14px}
.h-badge{margin-top:6px;font-size:11px;font-weight:900;border-radius:7px;padding:4px}
.h-badge.won{background:rgba(74,222,128,.15);color:#4ade80}
.h-badge.lost{background:rgba(248,113,113,.13);color:#f87171}
.empty-note{grid-column:1/-1;text-align:center;color:var(--mut);padding:34px 10px}
/* ===== v12: upgrader workspace ===== */
body{background:radial-gradient(circle at 50% 18%,rgba(255,218,0,.035),transparent 34%),linear-gradient(135deg,#101116 0%,#08090c 58%,#0b0c0f 100%)}
main{max-width:1500px;padding:10px 24px 48px}
#view-upgrade{width:100%}
#view-upgrade .stage-head{margin:20px 0 10px;gap:11px}
#view-upgrade .stage-title{font-size:23px;letter-spacing:-.7px}
#view-upgrade .logo-mark.small span{width:27px;height:11px;background:linear-gradient(180deg,#ffe221,#9e8100)}
.up-stage{gap:0;padding:8px 4px 0;overflow:visible}
.up-stage::before{display:none}
.upgrade-tools{width:100%;max-width:1200px;display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#8e929b;font-size:13px}
.upgrade-tools span:nth-child(3){color:var(--yel)}
.drop-side{position:relative;height:330px;background:linear-gradient(145deg,#181a20,#131419);border:1px solid #1d2028;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.drop-side::after{content:"";position:absolute;inset:auto 8% -34% 8%;height:72%;background:radial-gradient(ellipse,rgba(255,219,0,.16),transparent 68%);filter:blur(14px);pointer-events:none}
.drop-heading{position:absolute;z-index:4;top:24px;left:18px;right:18px;text-align:center;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.drop-heading b{font-size:14px;color:#f0f1f4}.drop-heading span{font-size:11px;color:#777d89}
.drop-circle{position:absolute!important;inset:0;background:transparent;border:0;box-shadow:none;display:grid;place-items:center;overflow:hidden}
.drop-circle:hover{transform:none}.drop-circle.filled{border:0;box-shadow:inset 0 0 70px rgba(255,219,0,.045)}
.drop-ticks{display:none}
.drop-item{width:76%;height:62%;margin-top:38px;position:relative;z-index:2}
.drop-item img{max-width:92%;max-height:78%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.8))}
.drop-item svg{width:76%;height:55%;opacity:.24}
.drop-ghost{display:flex!important;flex-direction:column;gap:0;width:74px;height:76px;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(255,219,0,.16))}
.drop-ghost i{display:block;width:58px;height:24px;background:var(--yel);clip-path:polygon(50% 44%,100% 0,100% 48%,50% 94%,0 48%,0 0)}
.drop-ghost i:first-child{opacity:.35}.drop-ghost i:nth-child(2){opacity:.62}.drop-ghost i:last-child{opacity:1}
.drop-meta{position:absolute;z-index:4;left:18px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.drop-name{max-width:66%;font-size:12px;color:#9298a5;text-align:left}.drop-price{max-width:38%;padding:5px 11px;background:#111319;border-color:#272b35;font-size:12px;text-align:right}
.center{height:350px;display:grid;place-items:center}.wheel-wrap{width:100%;height:100%;align-items:center}
#view-upgrade .wheel{width:350px;height:350px}.wheel-glow{inset:24px;background:radial-gradient(circle at 50% 65%,rgba(255,219,0,.12),transparent 66%);filter:blur(10px)}
.ring-ticks{opacity:.22;-webkit-mask:radial-gradient(circle,transparent 69%,#000 69%,#000 72%,transparent 72%);mask:radial-gradient(circle,transparent 69%,#000 69%,#000 72%,transparent 72%)}
.ring-base{inset:30px;background:radial-gradient(circle at 50% 38%,#23252b,#15171c 64%);border:12px solid #22242a;box-shadow:0 0 0 1px #34363d,inset 0 0 35px rgba(0,0,0,.7)}
.ring-inner{inset:72px;background:radial-gradient(circle at 50% 35%,#22252b,#14161a 70%);border-color:#292c33;clip-path:polygon(50% 0,61% 31%,96% 31%,68% 51%,79% 88%,50% 66%,21% 88%,32% 51%,4% 31%,39% 31%)}
.ring-ticks-in{inset:45px;opacity:.3}.wheel-svg{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
#needle{display:none}.wheel-pointer{top:auto;bottom:8px;filter:drop-shadow(0 0 8px rgba(255,219,0,.9))}
.wheel-pointer span{width:20px;height:28px;background:var(--yel);clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%)}
.wheel-dot{display:none}.wheel-hub{top:50%;width:166px;height:166px}.hub-ring{border-color:rgba(255,255,255,.03);background:rgba(11,12,15,.32)}
.wheel-pct div{font-size:38px;background:linear-gradient(180deg,#f0ff3d,#90d822);-webkit-background-clip:text;background-clip:text}.wheel-pct span{font-size:13px;color:#a5cf42}
.wheel-scale{position:absolute;z-index:6;color:#7f838b;font-size:10px;font-weight:800;line-height:1;pointer-events:none;font-variant-numeric:tabular-nums}
.scale-100{top:43px;left:50%;transform:translateX(-50%)}.scale-50-left{left:30px;top:50%;transform:translateY(-50%)}.scale-50-right{right:30px;top:50%;transform:translateY(-50%)}.scale-0{bottom:25px;left:50%;transform:translateX(-50%);color:#d8be10}

.up-action-row{margin-top:16px;align-items:stretch!important}
.up-action-row>.bal-line{grid-column:1}.up-action-row>.up-btn{grid-column:2}.up-action-row>.action-options{grid-column:3}
.up-action-row .bal-line{width:100%;margin:0;padding:13px 14px;background:#14161b;border:1px solid #1d2027;border-radius:8px}
.up-action-row .bal-line span{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.up-action-row .bal-line b{margin-left:auto;color:var(--yel)}
.up-btn{min-height:56px;margin:0;padding:14px 20px;border-radius:11px!important;font-size:18px!important}.up-btn>span{margin-right:8px}
.action-options{display:flex;align-items:center;gap:8px;min-width:0}.action-options .up-mults{display:grid;grid-template-columns:repeat(6,minmax(42px,1fr));gap:5px;flex:1;margin:0}
.action-options .up-mults button{padding:11px 5px;border-color:#242832;border-radius:8px;color:#8b919d;background:#14161b;font-size:13px}
.action-options .up-mults button:nth-child(4){border-color:#713838}.action-options .up-mults button:nth-child(5){border-color:#736716}.action-options .up-mults button:nth-child(6){border-color:#285d35}
.action-options .fast-row{margin:0;padding:8px;background:#14161b;border-color:#242832}.action-options .fast-row>span{display:none}.action-options .switch{width:42px;height:26px}.action-options .switch i{width:20px;height:20px}.action-options .switch.on i{left:18px}
.edit-link{margin-top:9px}.up-stage .result{min-height:24px;margin-top:0}
.bottom{width:100%;max-width:1200px;margin:12px auto 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.panel{min-height:390px;max-height:620px;border-color:#1f222a;border-radius:12px;background:#111318}.p-head{min-height:60px;padding:10px 14px;background:#191b20;border-bottom-color:#272a32}.p-head>b{font-size:15px}
.ptab{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--yel);color:#111;font-weight:900}.ptab.dim{background:#24272e;color:#a2a7b0}
.grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:6px;padding:7px}.skin{min-height:120px;border-radius:8px;background:linear-gradient(160deg,#1c212d,#12151b);border-color:#343945;padding:7px}.skin .top-r{color:var(--yel)}
.shop-head{gap:7px}.shop-filters{gap:6px}.price,.search-box{border-radius:8px;background:#15171c}
@media(max-width:1100px){.drop-side{height:270px}.center{height:300px}#view-upgrade .wheel{width:300px;height:300px}.wheel-hub{width:146px;height:146px}.wheel-pct div{font-size:32px}.scale-100{top:37px}.scale-50-left{left:26px}.scale-50-right{right:26px}.scale-0{bottom:21px}.action-options{flex-wrap:wrap}.action-options .fast-row{display:none}}
@media(max-width:820px){main{padding-inline:12px}.up-circles{align-items:stretch!important}.drop-side{height:260px}.center{height:310px}.up-action-row{margin-top:4px}.up-action-row .bal-line{grid-column:1;grid-row:2}.up-action-row .up-btn{grid-column:1;grid-row:1}.up-action-row .action-options{grid-column:1;grid-row:3}.bottom{grid-template-columns:1fr}.upgrade-tools{display:none}}

/* live feed clickable */
.feed-card{cursor:pointer}
.feed-card:hover{border-color:var(--yel);transform:translateX(3px)}
.fc-chance{position:absolute;top:6px;left:8px;font-size:10px;font-weight:900;color:var(--yel);font-variant-numeric:tabular-nums}
.fu{font-size:10px;color:#7d8aa3;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.help{position:fixed;right:16px;bottom:16px;width:54px;height:54px;border-radius:50%;background:var(--yel);border:0;font-size:26px;cursor:pointer}
.build-tag{position:fixed;left:10px;bottom:8px;font-size:10px;color:#4a5468;font-weight:700;z-index:40;user-select:none}
.stale-banner{position:sticky;top:0;z-index:99;background:#ff2d55;color:#fff;font-weight:800;text-align:center;padding:12px;font-size:14px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;z-index:50}.mbox{background:#151b29;border:1px solid #2a3a5a;border-radius:16px;padding:18px;min-width:330px;display:flex;flex-direction:column;gap:10px}.m-head{display:flex;justify-content:space-between;align-items:center}.m-head h3{margin:0}.xbtn{background:#232b40;color:#fff;border:0;border-radius:8px;width:30px;height:30px;cursor:pointer}.mbox input{background:#0d1119;border:1px solid #2a3a5a;color:#fff;border-radius:8px;padding:11px}.muted{color:var(--mut)}.small{font-size:12px}.dep-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dep-btns button{background:#1e2536;color:#fff;border:1px solid #2c3a5a;border-radius:8px;padding:8px;cursor:pointer}
.hidden{display:none!important}#noticeBox .notice{border-radius:10px;padding:10px;font-weight:700;font-size:13px}.notice.red{background:#ff2d2d;color:#fff}
/* ===== v13: live drops and working toolbar ===== */
.live{position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;padding-top:0}
.live-title{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:7px;padding:13px 5px 11px;background:#0a0c11;color:#c8ceda;font-size:12px;font-weight:900;letter-spacing:.5px}
.live-title i{width:7px;height:7px;border-radius:50%;background:var(--yel);box-shadow:0 0 10px rgba(255,219,0,.8)}
.upgrade-tools{position:relative;z-index:20;pointer-events:auto}
.tool-btn{position:relative;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#9298a5;font-size:14px;line-height:1;cursor:pointer;pointer-events:auto}
.tool-btn:hover,.tool-btn:focus-visible{background:#202229;border-color:#30343e;color:#fff}.tool-btn.active{color:var(--yel)}
.tool-btn::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);z-index:90;width:max-content;max-width:220px;padding:8px 12px;border-radius:6px;background:#202126;color:#f1f2f5;font-size:12px;font-weight:700;line-height:1.25;box-shadow:0 8px 24px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.tool-btn:hover::after,.tool-btn:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.action-options,.up-btn,.up-mults,.fast-row{position:relative;z-index:8;pointer-events:auto}.up-mults button,.fast-row button{pointer-events:auto}
.info-box,.settings-box{width:min(650px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;background:#16171b;border-color:#24272e;box-shadow:0 28px 90px rgba(0,0,0,.7)}
.info-box .m-head,.settings-box .m-head{padding-bottom:14px;border-bottom:1px solid #25272e}.info-box .m-head h3,.settings-box .m-head h3{font-size:18px}
.guide-steps{display:flex;flex-direction:column;gap:4px;padding-top:5px}.guide-steps>div{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:10px 0}.guide-steps b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#202227;color:#fff;font-size:16px}.guide-steps p{margin:8px 0 0;color:#9a9fa9;font-size:13px;line-height:1.55}.guide-steps em{color:var(--yel);font-style:normal;font-weight:900}
.settings-box{width:min(580px,calc(100vw - 28px));padding:0!important;border-radius:24px!important}.settings-box .m-head{padding:24px}.settings-box>section{padding:20px 24px 0}.settings-section-title{display:flex;align-items:center;justify-content:space-between}.settings-section-title b,.settings-box h4{font-size:16px}.settings-section-title span{color:var(--yel);font-size:12px;font-weight:800}.settings-box h4{margin:0 0 12px}
.settings-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.settings-quick>div{padding:14px;border-radius:8px;background:#1d1f24}.settings-quick p{min-height:34px;margin:0 0 10px;color:#8d929c;font-size:12px;font-weight:700;line-height:1.45}.mini-choice{display:inline-grid;place-items:center;min-width:52px;height:40px;margin-right:5px;border:1px solid #30333c;border-radius:7px;color:#c4c8d0;font-size:15px;font-weight:800}
.setting-radio{display:flex;align-items:flex-start;gap:10px;margin:11px 0;cursor:pointer}.setting-radio input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--yel)}.setting-radio>span{font-size:14px;font-weight:800}.setting-radio small{display:block;margin-top:7px;color:#858a94;font-size:12px;font-weight:500;line-height:1.5}.settings-save{display:block;margin:24px auto;padding-inline:28px}
@media(max-width:650px){.settings-quick{grid-template-columns:1fr}.settings-box .m-head,.settings-box>section{padding-left:16px;padding-right:16px}.tool-btn::after{display:none}}
/* ===== v14: public player profile ===== */
.public-profile{width:100%;max-width:1160px;margin:0 auto;padding:34px 0 48px}
.public-back{margin:0 0 20px;background:transparent;border-color:transparent;color:#8f949d;font-size:14px}.public-back:hover{background:#191b20;border-color:#292c34}
.public-summary{display:grid;grid-template-columns:1.35fr .68fr .68fr 1.18fr;gap:12px;padding:16px;border:1px solid #3a3d43;border-radius:24px;background:linear-gradient(145deg,#2b2d31,#222428);box-shadow:0 24px 60px rgba(0,0,0,.26)}
.pub-card{position:relative;min-width:0;min-height:142px;padding:17px;border-radius:13px;background:#292b2f;overflow:hidden}
.pub-user-card{display:flex;align-items:center;gap:16px}.pub-user-card .pub-avatar{width:92px;height:92px;border:4px solid #15161a;border-radius:13px;color:#111;font-size:38px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.pub-user-card h2{max-width:180px;margin:0 0 10px;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-user-card span{display:inline-block;padding:4px 8px;border:1px solid #777b82;border-radius:6px;color:#e8e9ec;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.pub-stat{display:flex;flex-direction:column}.pub-stat>i{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#3a3c40;color:#9da2aa;font-style:normal}.pub-stat>b{font-size:15px}.pub-stat>span{margin-top:auto;color:#a1a5ad;font-size:13px}.pub-stat>strong{margin-top:5px;color:var(--yel);font-size:18px;font-variant-numeric:tabular-nums}
.pub-best{display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(120deg,#2b3038,#2d455f);isolation:isolate}.pub-best::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(99,138,196,.28));z-index:-1}.pub-best>img{order:2;max-width:48%;max-height:110px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.65))}.pub-best>svg{order:2;width:46%;height:84px}.pub-best-copy{margin-right:auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.pub-best-copy small{color:#9ca3ad;font-size:11px}.pub-best-copy b{max-width:150px;margin-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-best-copy strong{margin-top:16px;color:var(--yel);font-size:16px;font-variant-numeric:tabular-nums}
.public-tabs{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 0;padding:10px;border-color:#24272e;border-radius:15px 15px 0 0;background:#1a1c21}.public-tabs .utab{padding:11px 18px}.public-tabs .utab.active{background:var(--yel);box-shadow:none}
#view-user #userItems,#view-user #userGames{min-height:390px;margin:0;padding:18px 12px;border:1px solid #24272e;border-top:0;border-radius:0 0 15px 15px;background:#14161a;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start}
#view-user .hcard{min-height:165px;background:linear-gradient(160deg,#202530,#13161c)}
@media(max-width:1150px){.public-summary{grid-template-columns:1.3fr 1fr 1fr}.pub-best{grid-column:1/-1;min-height:130px}.public-profile{padding-inline:8px}}
@media(max-width:760px){.public-summary{grid-template-columns:1fr 1fr;padding:10px;border-radius:17px}.pub-user-card,.pub-best{grid-column:1/-1}.pub-card{min-height:120px}.pub-user-card .pub-avatar{width:74px;height:74px}.public-tabs{grid-template-columns:1fr}.public-tabs .utab{width:100%}}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.live{display:none}.hstat{display:none}.home-view{grid-template-columns:1fr;padding-top:70px}.home-copy{text-align:center}.home-kicker,.home-actions{justify-content:center}.home-copy p{margin-inline:auto}.home-visual{min-height:430px}.bottom{grid-template-columns:minmax(0,1fr)}.shop-filters{flex-wrap:wrap}.up-circles{grid-template-columns:138px 250px 138px;gap:12px}.drop-circle{width:138px;height:138px}.drop-price,.drop-name{max-width:140px}.wheel{width:250px;height:250px}.u-head{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.top{padding:9px 12px}.brand{padding-right:0}.brand .logo-mark span{width:24px;height:10px}.logo-text{font-size:20px}.soc{display:none}.btn.big-login{padding:9px 15px}.home-view{display:block;min-height:auto;padding:62px 10px 28px}.home-copy h1{font-size:clamp(40px,13vw,62px);letter-spacing:-2.5px}.home-copy p{font-size:16px}.home-actions{flex-direction:column}.home-upgrade-btn,.home-profile-btn{width:100%;min-width:0}.home-visual{min-height:380px;transform:scale(.82);margin:-16px -40px}.hero-card-left{left:4%}.hero-card-right{right:4%}.up-circles{grid-template-columns:1fr!important;gap:22px!important}.up-circles>*{grid-column:1!important}.up-circles .center{grid-row:1}.drop-circle{width:170px!important;height:170px!important}.u-head{grid-template-columns:1fr}.u-tabs{flex-wrap:wrap}.utab{min-width:45%}.u-tools{width:100%;margin-left:0}.u-tools .btn{width:100%}}

/* ===== v15: animated roulette needle and polished tool controls ===== */
#needle{display:block;opacity:1;transform:rotate(0deg);transform-box:view-box;transform-origin:110px 110px;transition:transform 1.15s cubic-bezier(.2,.8,.18,1);filter:drop-shadow(0 0 4px #ffdb00) drop-shadow(0 0 10px rgba(255,140,0,.72))}
#needle .needle-stem{fill:none;stroke:#fff3a0;stroke-width:2.4;stroke-linecap:round}
#needle .needle-head{fill:#ffdb00;stroke:#fff3a0;stroke-width:1;stroke-linejoin:round}
#needle .needle-pin{fill:#ffdb00;stroke:#fff3a0;stroke-width:1.5}
.wheel.spinning #needle{transition-duration:2.05s;transition-timing-function:cubic-bezier(.08,.72,.18,1)}
.wheel.fast.spinning #needle{transition-duration:.65s}
.wheel-pointer{display:none}
.upgrade-tools{width:max-content;max-width:none;gap:4px;margin:0 0 12px;padding:5px;border:1px solid #252a35;border-radius:12px;background:linear-gradient(180deg,rgba(30,33,41,.96),rgba(18,20,27,.96));box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}
.tool-btn{width:36px;height:34px;border:1px solid #2a303c;border-radius:9px;background:linear-gradient(180deg,#20242d,#171a21);color:#aeb5c3;font-size:15px;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.24);transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}
.tool-btn:hover,.tool-btn:focus-visible{transform:translateY(-1px);border-color:#6e6419;background:linear-gradient(180deg,#292b27,#1c1e1b);color:#ffdf22;outline:none;box-shadow:0 5px 13px rgba(0,0,0,.34),0 0 0 2px rgba(255,219,0,.07)}
.tool-btn:active{transform:translateY(0) scale(.96)}
.tool-btn.active{border-color:rgba(255,219,0,.5);background:linear-gradient(180deg,rgba(255,219,0,.17),rgba(255,219,0,.06));color:#ffdb00;box-shadow:inset 0 0 14px rgba(255,219,0,.08),0 0 10px rgba(255,219,0,.08)}
.tool-btn::after{bottom:calc(100% + 10px);border:1px solid #30343d;background:#202228;box-shadow:0 10px 30px rgba(0,0,0,.55)}

/* ===== v16: roulette label position and safe sticky-header layering ===== */
.top{z-index:40}
.upgrade-tools{z-index:10}
.wheel-hub{top:50%}
.wheel-pct{transform:translateY(8px)}

/* ===== v19: inventory empty state and item store ===== */
.inventory-panel{position:relative}
.inventory-head{min-height:55px}
.inventory-shop-link{margin-left:auto;padding:8px 12px;border:1px solid #343945;border-radius:9px;background:#20232a;color:#f5f6f8;font-weight:800;cursor:pointer;transition:.18s ease}
.inventory-shop-link:hover{border-color:var(--yel);color:var(--yel);transform:translateY(-1px)}
.empty-inventory{position:absolute;z-index:6;inset:55px 0 0;display:grid;place-items:center;overflow:hidden;background:rgba(12,14,18,.38)}
.empty-inventory-preview{position:absolute;inset:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-content:start;filter:blur(5px);opacity:.3;transform:scale(1.02);pointer-events:none}
.empty-preview-card{min-width:0;min-height:122px;animation:none!important}
.empty-inventory-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;padding:24px 28px;border:1px solid #2b2f39;border-radius:13px;background:linear-gradient(180deg,#202229,#17191e);box-shadow:0 18px 48px rgba(0,0,0,.65);text-align:center}
.empty-inventory-card b{font-size:15px}.empty-inventory-card .btn{min-width:130px}
.empty-bag{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--yel);color:#111;font-size:20px;box-shadow:0 8px 22px rgba(255,219,0,.18)}
.store-box{width:min(1120px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));padding:0!important;border-radius:18px!important;background:#15171c;border-color:#292d36;overflow:hidden!important}
.store-title{padding:15px 18px;border-bottom:1px solid #292d36;background:#1c1e24;gap:14px}
.store-title h3{display:flex;align-items:center;gap:10px}.store-title h3 span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--yel);color:#111;font-size:17px}
.store-balance{margin-left:auto;padding:9px 12px;border:1px solid #323640;border-radius:9px;background:#14161a;color:#aeb3bd;font-size:13px;font-weight:700}.store-balance b{color:var(--yel);font-size:15px;font-variant-numeric:tabular-nums}
.store-toolbar{display:flex;gap:9px;padding:12px 16px 2px}.store-toolbar .price{height:42px}.store-toolbar .search-box{height:42px}.store-search-icon{width:38px;text-align:center;color:#e4e6ea;font-size:20px}
.store-status{min-height:27px;padding:7px 18px 0;color:#aeb3bd;font-size:13px;font-weight:800}.store-status.success{color:#4ade80}.store-status.error{color:#f87171}
.store-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:8px 16px 12px;overflow-y:auto;align-content:start}
.store-card{position:relative;min-width:0;min-height:190px;padding:10px;border:1px solid color-mix(in srgb,var(--store-color) 65%,#252a35);border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,var(--store-color) 13%,#191c23),#111319 72%);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.store-card:hover{transform:translateY(-2px);border-color:var(--yel);box-shadow:0 10px 22px rgba(0,0,0,.38)}
.store-card-price{align-self:flex-end;color:var(--yel);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.store-card .im,.store-card .im-wrap{height:72px;margin:4px 0}.store-card .im-wrap img{max-height:70px}
.store-card-name{width:100%;margin-top:2px;color:#f4f5f7;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card-meta{width:100%;margin:3px 0 8px;color:#858b96;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-buy{width:100%;margin-top:auto;padding:8px;border:1px solid #5b5318;border-radius:8px;background:linear-gradient(180deg,#ffdf22,#eebd00);color:#111;font-size:12px;font-weight:900;cursor:pointer;transition:.16s ease}.store-buy:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.store-buy:disabled{border-color:#2d3038;background:#24262c;color:#777c85;cursor:not-allowed}
.store-empty{grid-column:1/-1;display:grid;place-items:center;min-height:280px;color:#8d929c;font-weight:800}
.store-pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px 15px;border-top:1px solid #272a32}.store-pager button{width:38px;height:38px;border:1px solid #30343e;border-radius:9px;background:#202229;color:#fff;font-size:25px;cursor:pointer}.store-pager button:hover:not(:disabled){border-color:var(--yel);color:var(--yel)}.store-pager button:disabled{opacity:.35;cursor:default}.store-pager span{min-width:68px;text-align:center;color:#aeb3bd;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:900px){.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-inventory-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.store-box{width:calc(100vw - 16px);height:calc(100vh - 16px)}.store-title{padding:10px}.store-balance{order:3;width:100%;margin:0}.store-toolbar{flex-wrap:wrap;padding-inline:10px}.store-toolbar .price{flex:1}.store-toolbar .search-box{flex-basis:100%}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:10px}.empty-inventory-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-shop-link{font-size:0}.inventory-shop-link::after{content:"🛒";font-size:16px}}

/* ===== v20: external roulette pointer and clean PNG cards ===== */
.im-wrap>svg{transition:opacity .18s ease,visibility .18s ease}
.im-wrap.has-image>svg{opacity:0;visibility:hidden}
#needle{filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 4px rgba(255,220,0,.9)) drop-shadow(0 0 10px rgba(255,145,0,.68))}
#needle .needle-stem,#needle .needle-pin{display:none}
#needle .needle-shadow{fill:#392700;stroke:#ffb800;stroke-width:3.6;stroke-linejoin:round;opacity:.82}
#needle .needle-head{fill:url(#needleGradient);stroke:#fff6ad;stroke-width:1.1;stroke-linejoin:round}
#needle .needle-core{fill:#fffbd2;opacity:.9}
.scale-0{bottom:-14px}
.center{height:368px}
@media(max-width:1100px){.center{height:318px}.scale-0{bottom:-13px}}

/* ===== v21: modern login and registration ===== */
.auth-modal{padding:16px;background:rgba(3,4,7,.78);backdrop-filter:blur(10px)}
.auth-box{position:relative;width:min(460px,calc(100vw - 28px));min-width:0;max-height:calc(100vh - 28px);overflow-y:auto;padding:32px 34px 26px;border:1px solid #303541;border-radius:24px;background:linear-gradient(155deg,#1b1e25,#101217 72%);box-shadow:0 30px 100px rgba(0,0,0,.8),0 0 0 1px rgba(255,219,0,.035);isolation:isolate}
.auth-box::before{content:"";position:absolute;z-index:-1;left:50%;top:-150px;width:420px;height:320px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,219,0,.18),rgba(255,159,0,.055) 42%,transparent 70%);pointer-events:none}
.auth-close{position:absolute;z-index:3;right:16px;top:16px;width:36px;height:36px;border:1px solid #30343e;border-radius:10px;background:#20232a;color:#949ba7;font-size:15px}.auth-close:hover{border-color:#605817;color:#ffdf22;background:#282921}
.auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-brand-mark{position:relative;width:70px;height:70px;display:grid;place-items:center;border:1px solid #3a3d36;border-radius:19px;background:linear-gradient(145deg,#292c32,#17191e);box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055)}
.auth-brand-mark .logo-mark{gap:5px}.auth-brand-mark .logo-mark span{width:39px;height:15px}.auth-brand-mark>i{position:absolute;right:-10px;bottom:-7px;min-width:34px;height:24px;display:grid;place-items:center;padding:0 6px;border:2px solid #17191e;border-radius:8px;background:var(--yel);color:#111;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 5px 15px rgba(255,219,0,.25)}
.auth-brand>strong{margin-top:9px;font-size:27px;letter-spacing:.8px}.auth-brand>small{margin-top:4px;color:#747b89;font-size:9px;font-weight:900;letter-spacing:2.5px}
.auth-heading{margin:25px 0 20px;text-align:center}.auth-heading h3{margin:0;color:#f5f6f8;font-size:24px;letter-spacing:-.4px}.auth-heading p{margin:7px 0 0;color:#89909d;font-size:13px;line-height:1.5}
.auth-form{display:flex;flex-direction:column;gap:14px}.auth-label{display:flex;flex-direction:column;gap:7px}.auth-label>span{color:#c7cbd2;font-size:13px;font-weight:800}
.auth-input{height:50px;display:flex;align-items:center;border:1px solid #303541;border-radius:12px;background:#0d0f14;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-input:focus-within{border-color:#9b8810;background:#10120f;box-shadow:0 0 0 3px rgba(255,219,0,.1)}
.auth-input>i{width:44px;display:grid;place-items:center;color:#6f7684;font-size:14px;font-style:normal;font-weight:900}.auth-input:focus-within>i{color:var(--yel)}
.auth-box .auth-input input{flex:1;min-width:0;height:100%;padding:0 10px 0 0;border:0;background:transparent;color:#fff;font-size:14px;outline:0;box-shadow:none}.auth-box .auth-input input::placeholder{color:#565d69}
.password-toggle{width:42px;height:42px;margin-right:4px;border:0;border-radius:9px;background:transparent;color:#747b88;font-size:17px;cursor:pointer}.password-toggle:hover{background:#20232a;color:#ffdd1a}
.auth-consents{display:flex;flex-direction:column;gap:10px;margin-top:2px;padding:13px;border:1px solid #2a2e37;border-radius:12px;background:#13151a}
.auth-check{position:relative;display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;color:#9da3ae;font-size:12px;line-height:1.45;cursor:pointer}.auth-check input{position:absolute!important;opacity:0;width:1px!important;height:1px!important;padding:0!important}.check-ui{width:20px;height:20px;display:grid;place-items:center;border:1px solid #484e59;border-radius:6px;background:#0d0f13;color:transparent;font-size:12px;font-weight:900;transition:.18s ease}.auth-check:hover .check-ui{border-color:#8f7f12}.auth-check input:focus-visible+.check-ui{outline:2px solid rgba(255,219,0,.65);outline-offset:2px}.auth-check input:checked+.check-ui{border-color:var(--yel);background:var(--yel);color:#101115;box-shadow:0 0 12px rgba(255,219,0,.2)}.auth-check b{color:#f4f5f7}
.auth-error{padding:10px 12px;border:1px solid rgba(248,113,113,.34);border-radius:10px;background:rgba(127,29,29,.2);color:#ff9b9b;font-size:12px;font-weight:800;line-height:1.4;animation:authErrorIn .2s ease both}@keyframes authErrorIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.auth-submit{position:relative;min-height:50px;margin-top:2px;border-radius:12px;font-size:14px;overflow:hidden}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-submit.loading::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);transform:translateX(-100%);animation:authLoading 1s linear infinite}@keyframes authLoading{to{transform:translateX(100%)}}
.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:#7f8693;font-size:13px}.auth-switch button{padding:4px;border:0;background:transparent;color:var(--yel);font-size:13px;font-weight:900;cursor:pointer}.auth-switch button:hover{text-decoration:underline}
.auth-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding-top:16px;border-top:1px solid #252932;color:#646b78;font-size:10px;line-height:1.4;text-align:center}.auth-secure span{color:#8fae32;font-weight:900}
@media(max-width:520px){.auth-box{padding:27px 18px 22px;border-radius:19px}.auth-brand-mark{width:62px;height:62px}.auth-brand-mark .logo-mark span{width:34px;height:13px}.auth-heading{margin:21px 0 17px}.auth-heading h3{font-size:21px}}

/* ===== v24: account profile ===== */
.profile-page{width:100%;max-width:1280px;margin:0 auto;padding:30px 0 54px}
.profile-pagebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.profile-pagebar>div{display:flex;align-items:baseline;gap:9px}.profile-pagebar>div span{color:#707784;font-size:12px;font-weight:700}.profile-pagebar>div b{font-size:18px}
.profile-back{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #2a2e37;border-radius:9px;background:#15171c;color:#c9cdd5;font-size:13px;font-weight:800;cursor:pointer}.profile-back:hover{border-color:#5c5f67;background:#1b1d22;color:#fff}
.profile-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);gap:14px}
.profile-account-card,.profile-wallet-card,.profile-best-card,.profile-library{border:1px solid #292d35;background:#15171c;box-shadow:0 14px 38px rgba(0,0,0,.2)}
.profile-account-card{position:relative;min-height:282px;border-radius:16px;overflow:hidden}.profile-account-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--yel),#b89700 38%,transparent 82%)}
.profile-person-row{display:flex;align-items:center;gap:18px;min-height:176px;padding:28px}
.profile-avatar-wrap{position:relative;flex:0 0 auto}.profile-avatar{width:82px;height:82px;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#101114;font-size:36px;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.profile-avatar-wrap>i{position:absolute;right:-2px;bottom:2px;width:15px;height:15px;border:3px solid #15171c;border-radius:50%;background:#35c66a}
.profile-eyebrow{display:block;margin-bottom:7px;color:#8c929d;font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.profile-person-copy{min-width:0}.profile-person-copy h1{max-width:500px;margin:0;color:#f5f6f8;font-size:30px;line-height:1.15;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-meta>span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid #30343d;border-radius:7px;background:#111318;color:#aeb3bd;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.profile-meta .profile-online{border-color:rgba(53,198,106,.18);background:rgba(53,198,106,.065);color:#9edbb4}.profile-online i{width:6px;height:6px;border-radius:50%;background:#35c66a}
.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292d35;background:#121419}.profile-metrics>div{min-width:0;padding:18px 22px;border-right:1px solid #292d35}.profile-metrics>div:last-child{border-right:0}.profile-metrics span{display:block;color:#7e8591;font-size:12px;font-weight:700}.profile-metrics strong{display:block;margin-top:5px;color:#f3f4f6;font-size:22px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.profile-metrics small{display:block;margin-top:3px;color:#676e79;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-side-stack{display:grid;grid-template-rows:auto 1fr;gap:14px}.profile-wallet-card{padding:20px;border-radius:16px}.profile-wallet-label{display:flex;align-items:center;justify-content:space-between;color:#8c929d;font-size:12px;font-weight:700}.profile-wallet-label i{width:30px;height:24px;display:grid;place-items:center;border-radius:6px;background:#24272d;color:var(--yel);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.5px}
.profile-balance{display:flex;align-items:center;gap:8px;margin:9px 0 15px}.profile-balance strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.profile-balance span{font-size:16px}
.profile-deposit{width:100%;height:42px;border:1px solid #f2cf00;border-radius:9px;background:var(--yel);color:#111318;font-size:13px;font-weight:900;cursor:pointer}.profile-deposit:hover{background:#ffe536;box-shadow:0 8px 20px rgba(255,219,0,.13)}
.profile-coupon{display:flex;gap:7px;margin-top:9px}.profile-coupon input{min-width:0;flex:1;height:36px;padding:0 10px;border:1px solid #2d3139;border-radius:8px;background:#0f1115;color:#e5e7eb;font-size:12px;outline:0}.profile-coupon input:focus{border-color:#6f641d}.profile-coupon button{height:36px;padding:0 11px;border:1px solid #343841;border-radius:8px;background:#22252b;color:#cdd1d8;font-size:11px;font-weight:800;cursor:pointer}.profile-coupon button:hover{border-color:#706617;color:var(--yel)}
.profile-best-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;min-height:112px;padding:17px 18px;border-radius:16px;overflow:hidden}.profile-best-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.profile-best-copy>span{color:#7f8691;font-size:11px;font-weight:700}.profile-best-copy>b{max-width:100%;margin-top:6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-best-copy>strong{margin-top:9px;color:var(--yel);font-size:16px;font-variant-numeric:tabular-nums}.profile-best-copy>small{margin-top:7px;color:#666d78;font-size:11px}.profile-best-visual{height:78px;display:flex;align-items:center;justify-content:center}.profile-best-visual .u-best-img{height:64px}.profile-best-visual .u-best-img img{max-width:105px;max-height:64px}.profile-best-visual>.u-best-name,.profile-best-visual>.u-best-price{display:none}.profile-best-placeholder{color:#393d45;font-size:42px}
.profile-library{margin-top:18px;border-radius:16px;overflow:hidden}.profile-library-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 16px}.profile-library-head h2{margin:0;color:#f3f4f6;font-size:20px;letter-spacing:-.25px}.profile-library-head p{margin:5px 0 0;color:#767d88;font-size:12px}.profile-library-head .profile-eyebrow{margin-bottom:5px}
.profile-sell{padding:9px 13px;border:1px solid #524b16;border-radius:8px;background:transparent;color:#e5c800;font-size:12px;font-weight:800;cursor:pointer}.profile-sell:hover:not(:disabled){border-color:var(--yel);background:rgba(255,219,0,.06)}.profile-sell:disabled{border-color:#2b2e34;color:#555b65;cursor:not-allowed}
.profile-tabs{gap:3px;margin:0;padding:0 18px;border:0;border-bottom:1px solid #292d35;border-radius:0;background:transparent}.profile-tabs .utab{flex:0 1 auto;min-width:150px;padding:12px 14px;border-radius:0;border-bottom:2px solid transparent;color:#858c98;font-size:13px;text-align:left}.profile-tabs .utab:hover{background:transparent;color:#d7d9de}.profile-tabs .utab.active{border-bottom-color:var(--yel);background:transparent;color:#f3f4f6;box-shadow:none}.profile-tabs .utab b{display:inline-grid;place-items:center;min-width:22px;height:19px;margin-left:6px;padding:0 6px;border-radius:10px;background:#25282e;color:#9096a1;font-size:10px}.profile-tabs .utab.active b{background:rgba(255,219,0,.12);color:var(--yel)}
.profile-content-panel{min-height:310px;background:#111318}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;align-content:start;min-height:310px;padding:16px!important}
.profile-item{position:relative;min-width:0;height:205px;display:flex;flex-direction:column;padding:11px;border:1px solid color-mix(in srgb,var(--item-color) 52%,#30343d);border-radius:10px;background:#191c22;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-item::before{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,color-mix(in srgb,var(--item-color) 11%,transparent),transparent);pointer-events:none}.profile-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--item-color) 82%,#858b95);background:#1c1f25}
.profile-item-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:7px}.profile-item-top span{color:#777e89;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.profile-item-top b{color:var(--yel);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.profile-item-image{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.profile-item-image .im-wrap{height:104px}.profile-item-image .im-wrap img{max-height:96px;filter:drop-shadow(0 10px 17px rgba(0,0,0,.6))}.profile-item-image .im-wrap svg{width:130px;height:72px}.profile-item-copy{position:relative;z-index:1;min-width:0}.profile-item-copy strong,.profile-item-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-item-copy strong{font-size:12px}.profile-item-copy small{margin-top:4px;color:#757c87;font-size:10px}
#view-profile .hcard{min-height:190px;border-width:1px;border-radius:10px;background:#191c22;text-align:left}#view-profile .h-price{text-align:right}#view-profile .h-im{height:78px}#view-profile .h-im img{max-height:76px}#view-profile .h-nm{font-size:12px}#view-profile .h-badge{text-align:center}
.profile-empty{grid-column:1/-1;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-empty>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #30343c;border-radius:12px;background:#191c21;color:#666d78;font-size:21px}.profile-empty>b{margin-top:14px;font-size:15px}.profile-empty>p{max-width:340px;margin:7px 0 0;color:#717884;font-size:12px;line-height:1.5}.profile-empty>button{margin-top:14px;padding:9px 13px;border:1px solid #5b5217;border-radius:8px;background:#202119;color:var(--yel);font-size:12px;font-weight:800;cursor:pointer}.profile-empty>button:hover{border-color:var(--yel)}
@media(max-width:900px){.profile-page{padding-top:20px}.profile-overview{grid-template-columns:1fr}.profile-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.profile-wallet-card,.profile-best-card{min-height:190px}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:620px){.profile-page{padding:14px 0 36px}.profile-pagebar>div{display:none}.profile-person-row{min-height:150px;padding:20px}.profile-avatar{width:68px;height:68px;border-radius:17px;font-size:30px}.profile-person-copy h1{font-size:24px}.profile-metrics>div{padding:14px 12px}.profile-metrics strong{font-size:18px}.profile-metrics small{font-size:9px}.profile-side-stack{grid-template-columns:1fr}.profile-wallet-card,.profile-best-card{min-height:0}.profile-library-head{align-items:flex-start;padding:17px 15px 13px}.profile-library-head p{max-width:230px}.profile-tabs{padding:0 8px;overflow-x:auto}.profile-tabs .utab{min-width:max-content;padding:11px 12px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px!important}.profile-item{height:185px}.profile-item-top span{display:none}}

/* ===== v25: deep black theme and reactive ambient background ===== */
:root{--bg:#030406;--card:#0b0d11;--card2:#0f1217;--line:#191e27;--cursor-x:50vw;--cursor-y:28vh}
body{position:relative;isolation:isolate;min-height:100vh;background:#030406}
body::before,body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}
body::before{background:radial-gradient(520px circle at var(--cursor-x) var(--cursor-y),rgba(255,214,0,.075),rgba(255,168,0,.022) 32%,transparent 68%),radial-gradient(650px circle at 12% 112%,rgba(31,79,150,.09),transparent 66%),radial-gradient(560px circle at 90% -12%,rgba(255,208,0,.055),transparent 62%);opacity:.62;transition:opacity .35s ease}
body.cursor-active::before{opacity:1}
body::after{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(circle,rgba(255,219,0,.13) 0 1px,transparent 1.5px);background-size:54px 54px,54px 54px,150px 150px;background-position:0 0,0 0,20px 30px;mask-image:radial-gradient(ellipse 88% 70% at 50% 35%,#000 0,transparent 78%);opacity:.42;animation:ambientGrid 34s linear infinite}
.layout{position:relative;z-index:1}.top{position:sticky;z-index:40;background:rgba(3,4,7,.92);border-bottom-color:#171b22;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.live{background:rgba(4,5,8,.96);border-right-color:#141820}.live-title{color:#858b96}.feed-card{background:linear-gradient(145deg,#11151d,#090b10 72%);border-color:#1b2230}.feed-card.gold{background:linear-gradient(145deg,#433b02,#191702 64%,#08090b);border-color:#625800}
.up-stage::before{background:radial-gradient(ellipse 56% 44% at 50% 28%,rgba(255,219,0,.055),transparent 72%)}
.drop-side{background:linear-gradient(150deg,#0d0f13,#07080b 72%);border-color:#1b1f26;box-shadow:0 22px 54px rgba(0,0,0,.4)}
.drop-side::before{background:radial-gradient(circle at 50% 90%,rgba(255,219,0,.065),transparent 54%)}
.upgrade-tools{border-color:#20242b;background:linear-gradient(180deg,rgba(14,16,20,.98),rgba(7,8,11,.98));box-shadow:0 14px 34px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025)}
.tool-btn{border-color:#222731;background:linear-gradient(180deg,#11141a,#090b0f);color:#929aa8}.tool-btn:hover,.tool-btn:focus-visible{background:#15170f;border-color:#625a18}
.panel{background:#080a0e;border-color:#1a1f27;box-shadow:0 18px 50px rgba(0,0,0,.32)}.p-head{background:#0d1015;border-bottom-color:#1a1f27}.price,.search-box{background:#090b0f;border-color:#1c222b}.price-in,.search-in{color:#d9dce2}
.skin{background:linear-gradient(155deg,#10141b,#080a0e 72%);border-color:#232a35}.skin:hover{background:linear-gradient(155deg,#151a22,#0a0c10 72%);box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(255,219,0,.06)}
.up-action-row .bal-line,.action-options .up-mults button,.action-options .fast-row{background:#090b0f;border-color:#1d222a}.action-options .up-mults button:hover{background:#11140e}
.store-box{background:#080a0d;border-color:#1d2229}.store-title{background:#0d0f13;border-bottom-color:#1c2027}.store-toolbar .price,.store-toolbar .search-box,.store-balance{background:#07090c}.store-card{background:linear-gradient(155deg,color-mix(in srgb,var(--store-color) 9%,#0e1116),#07090c 72%)}
.info-box,.settings-box,.auth-box,.mbox{background:linear-gradient(155deg,#0e1014,#07080b 74%);border-color:#222730}.settings-box>section{border-color:#1d2128}.settings-quick>div,.auth-consents{background:#0a0c10;border-color:#1c2027}.auth-input,.mbox input{background:#06080b;border-color:#20252e}
.profile-account-card,.profile-wallet-card,.profile-best-card,.profile-library{background:#090b0f;border-color:#1c2128;box-shadow:0 20px 54px rgba(0,0,0,.34)}.profile-metrics,.profile-content-panel{background:#07090c}.profile-metrics,.profile-metrics>div,.profile-tabs{border-color:#1b2027}.profile-item,#view-profile .hcard{background:#0e1116}.profile-item:hover{background:#12161c}.profile-meta>span,.profile-coupon input{background:#06080b}.profile-empty>span{background:#0d1014;border-color:#242932}
.public-summary{background:linear-gradient(145deg,#111318,#090b0e);border-color:#242830}.pub-card{background:#0d1014}.pub-best{background:linear-gradient(120deg,#0e1116,#101923)}.public-tabs{background:#0b0d11}#view-user #userItems,#view-user #userGames{background:#07090c;border-color:#1b2027}
.cursor-ripple{position:fixed;z-index:1000;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid rgba(255,219,0,.72);border-radius:50%;pointer-events:none;animation:cursorRipple .55s ease-out forwards;box-shadow:0 0 12px rgba(255,219,0,.2)}
@keyframes ambientGrid{to{background-position:54px 54px,54px 54px,170px 180px}}
@keyframes cursorRipple{0%{opacity:.9;transform:scale(.55)}100%{opacity:0;transform:scale(4.8)}}
@media(pointer:coarse){body::before{background:radial-gradient(600px circle at 50% 18%,rgba(255,214,0,.055),transparent 70%),radial-gradient(620px circle at 10% 110%,rgba(31,79,150,.08),transparent 66%)}}
@media(prefers-reduced-motion:reduce){body::after{animation:none}.cursor-ripple{display:none}}

/* ===== v26: layered ambient motion ===== */
.ambient-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-scene::before{content:"";position:absolute;left:50%;top:44%;width:min(1050px,92vw);height:min(1050px,92vw);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 20deg,transparent 0 19%,rgba(255,215,0,.032) 24%,transparent 31% 58%,rgba(40,92,170,.035) 64%,transparent 72%);filter:blur(18px);animation:ambientHalo 38s linear infinite}
.ambient-scene::after{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0 110px,rgba(255,219,0,.013) 112px,transparent 116px 220px);transform:translate3d(-6%,0,0);animation:ambientLines 20s ease-in-out infinite alternate}
.ambient-orb{position:absolute;display:block;border-radius:50%;filter:blur(70px);will-change:transform}
.ambient-orb-a{left:-12vw;top:18vh;width:38vw;height:38vw;background:radial-gradient(circle,rgba(35,80,160,.12),rgba(22,52,110,.04) 43%,transparent 72%);animation:ambientFloatA 24s ease-in-out infinite alternate}
.ambient-orb-b{right:-10vw;bottom:-24vh;width:42vw;height:42vw;background:radial-gradient(circle,rgba(255,201,0,.085),rgba(138,84,0,.025) 48%,transparent 72%);animation:ambientFloatB 29s ease-in-out infinite alternate}
.ambient-beam{position:absolute;left:-22vw;top:13vh;width:145vw;height:16vh;display:block;background:linear-gradient(90deg,transparent,rgba(255,219,0,.022) 42%,rgba(255,244,169,.035) 50%,rgba(255,219,0,.014) 58%,transparent);filter:blur(18px);transform:rotate(-13deg);transform-origin:center;animation:ambientBeam 17s ease-in-out infinite alternate}
.ambient-dust{position:absolute;inset:0;display:block;background-image:radial-gradient(circle at 8% 24%,rgba(255,235,119,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 78%,rgba(101,146,220,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 63% 17%,rgba(255,225,74,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 67%,rgba(255,240,145,.34) 0 1px,transparent 1.5px),radial-gradient(circle at 48% 49%,rgba(91,135,205,.28) 0 1px,transparent 1.5px);background-size:310px 270px,370px 340px,430px 390px,510px 460px,590px 540px;opacity:.34;animation:ambientDust 46s linear infinite}
@keyframes ambientHalo{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ambientLines{0%{transform:translate3d(-7%,-2%,0)}100%{transform:translate3d(7%,3%,0)}}
@keyframes ambientFloatA{0%{transform:translate3d(0,-5vh,0) scale(.9)}100%{transform:translate3d(17vw,10vh,0) scale(1.16)}}
@keyframes ambientFloatB{0%{transform:translate3d(0,0,0) scale(.92)}100%{transform:translate3d(-15vw,-12vh,0) scale(1.12)}}
@keyframes ambientBeam{0%{opacity:.28;transform:translate3d(-6vw,-4vh,0) rotate(-13deg)}100%{opacity:.8;transform:translate3d(8vw,12vh,0) rotate(-9deg)}}
@keyframes ambientDust{to{background-position:310px -280px,-370px -340px,430px -390px,-510px -460px,590px -540px}}
@media(max-width:700px){.ambient-scene::before{width:125vw;height:125vw}.ambient-orb{filter:blur(54px)}.ambient-orb-a{width:72vw;height:72vw}.ambient-orb-b{width:78vw;height:78vw}.ambient-beam{opacity:.45}}
@media(prefers-reduced-motion:reduce){.ambient-scene::before,.ambient-scene::after,.ambient-orb,.ambient-beam,.ambient-dust{animation:none!important}}

/* ===== v27: generated header stat icons ===== */
.hstat{min-height:44px;gap:9px}.h-ico-png{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}.h-ico-png::before{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(255,210,0,.08);filter:blur(7px);opacity:.6;transition:opacity .2s ease,transform .2s ease}.h-ico-png img{position:relative;width:34px;height:34px;display:block;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.72));transition:transform .22s ease,filter .22s ease}.hstat:hover .h-ico-png::before{opacity:1;transform:scale(1.25)}.hstat:hover .h-ico-png img{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 4px 6px rgba(0,0,0,.78)) drop-shadow(0 0 5px rgba(255,213,0,.22))}.h-col em{font-size:12px}.h-col b{color:#f6d900;font-variant-numeric:tabular-nums}

/* ===== v29: modern item store ===== */
#storeModal{padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}
.store-box{width:min(1220px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));gap:0!important;border:1px solid #242a33!important;border-radius:18px!important;background:#080a0d!important;box-shadow:0 34px 110px rgba(0,0,0,.82),0 0 0 1px rgba(255,255,255,.018);overflow:hidden!important}
.store-title{min-height:74px;padding:13px 17px!important;border-bottom:1px solid #1e242c;background:#0c0f13!important}.store-heading,.store-title-actions{display:flex;align-items:center;gap:12px}.store-heading-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #605713;border-radius:11px;background:linear-gradient(145deg,#1e1d0d,#0c0e0e);box-shadow:inset 0 1px rgba(255,255,255,.04)}.store-heading-icon img{width:38px;height:38px;object-fit:contain}.store-heading h3{margin:0;color:#f3f4f6;font-size:19px}.store-heading p{margin:4px 0 0;color:#6e7580;font-size:11px}.store-title-actions{margin-left:auto}.store-balance{height:42px;display:flex;align-items:center;gap:7px;margin:0!important;padding:0 13px!important;border:1px solid #2b313b!important;border-radius:9px!important;background:#080a0d!important}.store-balance span{color:#7d8490;font-size:11px}.store-balance b{color:#f3d600;font-size:14px}.store-close{width:38px;height:38px;border:1px solid #282e37;background:#151922;color:#aeb4bf}.store-close:hover{border-color:#585f6b;background:#202530;color:#fff}
.store-toolbar{display:grid!important;grid-template-columns:165px 165px minmax(240px,1fr) 190px;gap:9px!important;padding:14px 16px 10px!important;border-bottom:0;background:#090b0f}.store-field,.store-search-field,.store-sort-field{display:flex;flex-direction:column;gap:6px;min-width:0}.store-field>span,.store-search-field>span,.store-sort-field>span{color:#777e89;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.store-field>div,.store-search-field>div{height:43px;display:flex;align-items:center;border:1px solid #242a33;border-radius:9px;background:#06080b;transition:border-color .18s ease,box-shadow .18s ease}.store-field>div:focus-within,.store-search-field>div:focus-within{border-color:#766b19;box-shadow:0 0 0 3px rgba(255,219,0,.055)}.store-field i,.store-search-field i{width:38px;display:grid;place-items:center;color:#6f7682;font-size:13px;font-style:normal}.store-field input,.store-search-field input{min-width:0;flex:1;height:100%;padding:0 11px 0 0;border:0;background:transparent;color:#e8eaed;font-size:13px;outline:0}.store-search-field input::placeholder{color:#4f5661}.store-sort-field select{height:43px;padding:0 34px 0 11px;border:1px solid #242a33;border-radius:9px;background:#06080b;color:#d5d8de;font-size:12px;outline:0;cursor:pointer}.store-sort-field select:focus{border-color:#766b19}
.store-subbar{min-height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #1d222a;background:#090b0f}.store-subbar span{color:#858c97;font-size:11px;font-weight:700}.store-subbar button{border:0;background:transparent;color:#777e89;font-size:11px;font-weight:700;cursor:pointer}.store-subbar button:hover{color:var(--yel)}
.store-status{min-height:0;padding:0}.store-status:empty{display:none}.store-status:not(:empty){margin:10px 16px 0;padding:9px 12px;border:1px solid #303641;border-radius:8px;background:#11151b}.store-status.success{border-color:rgba(74,222,128,.26);background:rgba(74,222,128,.07)}.store-status.error{border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.07)}
.store-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 16px!important;overflow-y:auto;align-content:start;background:#07090c;scrollbar-gutter:stable}.store-grid::-webkit-scrollbar-thumb{background:#303744;border:2px solid #07090c}
.store-card{position:relative;min-width:0;min-height:242px;padding:11px;border:1px solid color-mix(in srgb,var(--store-color) 44%,#303641);border-radius:11px;background:linear-gradient(155deg,color-mix(in srgb,var(--store-color) 8%,#11151a),#0b0e12 70%);display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.store-card::before{content:"";position:absolute;inset:22% -20% auto;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--store-color) 13%,transparent),transparent 70%);filter:blur(10px);pointer-events:none}.store-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--store-color) 72%,#8f96a1);box-shadow:0 15px 28px rgba(0,0,0,.48)}
.store-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:7px}.store-card-top>b{color:#f6d900;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.store-stock{display:inline-flex;align-items:center;gap:5px;color:#717985;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.store-stock i{width:5px;height:5px;border-radius:50%;background:#46c875;box-shadow:0 0 6px rgba(70,200,117,.42)}
.store-card-art{position:relative;z-index:1;height:116px;display:flex;align-items:center;justify-content:center}.store-card-art .im,.store-card-art .im-wrap{width:100%;height:108px;margin:0}.store-card-art .im-wrap img{max-height:102px;filter:drop-shadow(0 13px 18px rgba(0,0,0,.68))}.store-card-art .im-wrap svg{width:135px;height:76px}
.store-card-copy{position:relative;z-index:1;min-width:0;margin-top:1px}.store-card-copy strong,.store-card-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card-copy strong{color:#f2f3f5;font-size:12px;line-height:1.3}.store-card-copy small{margin-top:3px;color:#6f7681;font-size:10px}
.store-buy{position:relative;z-index:1;width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:8px 10px;border:1px solid #e3bf00;border-radius:8px;background:linear-gradient(180deg,#ffdf1e,#efbe00);color:#111318;font-size:11px;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.store-buy i{font-size:15px;font-style:normal;transition:transform .16s ease}.store-buy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,211,0,.16);filter:brightness(1.06)}.store-buy:hover:not(:disabled) i{transform:translateX(3px)}.store-buy:disabled{border-color:#292e36;background:#191c22;color:#656c77;cursor:not-allowed}.store-buy:disabled i{display:none}
.store-empty{grid-column:1/-1;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.store-empty>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #272d36;border-radius:12px;background:#0e1116;color:#777e89;font-size:22px}.store-empty>b{margin-top:13px;color:#e4e6e9;font-size:14px}.store-empty>p{margin:6px 0 0;color:#6f7681;font-size:11px}
.store-pager{min-height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 17px!important;border-top:1px solid #1f242c;background:#0b0e12}.store-range{justify-self:start;color:#717884;font-size:11px;font-weight:700}.store-page-controls{display:flex;align-items:center;gap:10px}.store-page-controls button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #2b313b;border-radius:9px;background:#151922;color:#eef0f3;font-size:22px;line-height:1;cursor:pointer}.store-page-controls button:hover:not(:disabled){border-color:#6c6218;background:#1b1d16;color:var(--yel)}.store-page-controls button:disabled{opacity:.32;cursor:default}.store-page-controls span{min-width:58px;text-align:center;color:#bdc1c9;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.store-safe{justify-self:end;color:#69717c;font-size:10px;font-weight:700}.store-safe::before{content:"✓";margin-right:5px;color:#46c875}
@media(max-width:1050px){.store-toolbar{grid-template-columns:140px 140px minmax(210px,1fr) 170px}.store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){#storeModal{padding:8px}.store-box{width:calc(100vw - 16px);height:calc(100vh - 16px)}.store-heading p{display:none}.store-toolbar{grid-template-columns:1fr 1fr}.store-search-field{grid-column:1/-1}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-safe{display:none}}
@media(max-width:560px){.store-title{min-height:64px;padding:10px!important}.store-heading-icon{width:38px;height:38px}.store-heading-icon img{width:34px;height:34px}.store-heading h3{font-size:17px}.store-balance{height:36px;padding:0 9px!important}.store-balance span{display:none}.store-balance b{font-size:12px}.store-close{width:34px;height:34px}.store-toolbar{padding:10px!important}.store-sort-field{grid-column:1/-1}.store-subbar{padding-inline:10px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px!important}.store-card{min-height:220px;padding:9px}.store-card-art{height:100px}.store-card-art .im,.store-card-art .im-wrap{height:94px}.store-stock{display:none}.store-pager{grid-template-columns:1fr auto}.store-safe{display:none}.store-page-controls{justify-self:end}}

/* ===== v28: UPMINER pickaxe brand ===== */
.brand-pickaxe{display:block;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 7px rgba(0,0,0,.72)) drop-shadow(0 0 5px rgba(255,205,0,.12))}.brand-pickaxe-top{width:42px;height:42px;margin:-5px -3px -5px -5px}.brand:hover .brand-pickaxe-top{transform:rotate(-4deg) scale(1.05);filter:drop-shadow(0 4px 7px rgba(0,0,0,.75)) drop-shadow(0 0 7px rgba(255,210,0,.26))}.brand-pickaxe-stage{width:46px;height:46px;margin:-10px -7px -10px -7px}.stage-head .stage-title{letter-spacing:.5px}.brand-pickaxe-hero{position:relative;width:116px;height:116px;margin-bottom:4px}.brand-pickaxe-auth{width:58px;height:58px}.auth-brand-mark .brand-pickaxe-auth{filter:drop-shadow(0 5px 8px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(255,208,0,.18))}

/* ===== v30: interactive profile, generated PNG icons and page motion ===== */
button{touch-action:manipulation}.top button,.up-stage button,.inventory-panel button,.profile-page button,.public-profile button,.modal button{position:relative;z-index:2;pointer-events:auto}
.inventory-icon-btn{width:36px;height:36px;min-width:36px;padding:0;border:1px solid #262c36;background:#11151b;color:#7f8794;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.inventory-icon-btn img{width:31px;height:31px;display:block;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.62))}.inventory-icon-btn:hover,.inventory-icon-btn.active{transform:translateY(-1px);border-color:#756916;background:#1c1b10;color:var(--yel);box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 0 2px rgba(255,219,0,.05)}.inventory-icon-btn:active{transform:scale(.94)}
.profile-pagebar{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr}.profile-pagebar>.profile-back{justify-self:start}.profile-page-title{justify-self:center}.profile-settings-btn{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #2a3039;border-radius:9px;background:#101318;color:#d4d7dc;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.profile-settings-btn span{color:#9ca3ae;font-size:15px}.profile-settings-btn:hover{transform:translateY(-1px);border-color:#6d631a;background:#171911;color:#ffdd18}.profile-settings-btn:hover span{color:#ffdd18}.profile-settings-btn:active{transform:scale(.96)}
.profile-metrics>button{position:relative;min-width:0;min-height:108px;padding:17px 17px 15px 77px;border:0;border-right:1px solid #292d35;background:transparent;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .2s ease,box-shadow .2s ease}.profile-metrics>button:last-child{border-right:0}.profile-metrics>button::after{content:"";position:absolute;inset:auto 12px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,219,0,.7),transparent);transform:scaleX(0);transition:transform .25s ease}.profile-metrics>button:hover{background:linear-gradient(120deg,rgba(255,219,0,.055),rgba(255,255,255,.01))}.profile-metrics>button:hover::after{transform:scaleX(1)}.profile-metric>img{position:absolute;left:13px;top:17px;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.7));transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s ease}.profile-metric:hover>img{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 10px 15px rgba(0,0,0,.75)) drop-shadow(0 0 7px rgba(255,213,0,.2))}.profile-metric span{display:block;color:#8c939f;font-size:13px;font-weight:700}.profile-metric strong{display:block;margin-top:4px;color:#f3f4f6;font-size:22px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.profile-metric small{display:block;max-width:100%;margin-top:3px;color:#6c7480;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-metric>i{display:block;margin-top:8px;color:#8e8420;font-size:11px;font-style:normal;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.profile-metric:hover>i,.profile-metric:focus-visible>i{opacity:1;transform:none}
.profile-tabs .utab{display:inline-flex;align-items:center;gap:8px;cursor:pointer;pointer-events:auto}.profile-tabs .utab>img{width:29px;height:29px;flex:0 0 29px;object-fit:contain;filter:grayscale(.35) brightness(.76) drop-shadow(0 4px 6px rgba(0,0,0,.65));transition:filter .2s ease,transform .2s ease}.profile-tabs .utab:hover>img,.profile-tabs .utab.active>img{transform:translateY(-2px);filter:grayscale(0) brightness(1) drop-shadow(0 5px 8px rgba(0,0,0,.7)) drop-shadow(0 0 5px rgba(255,215,0,.14))}
.pub-stat-button{appearance:none;width:auto;font:inherit;color:inherit;text-align:left;cursor:pointer}.pub-stat-button>img{position:absolute;right:12px;top:50%;width:62px;height:62px;object-fit:contain;transform:translateY(-50%);opacity:.72;filter:drop-shadow(0 9px 14px rgba(0,0,0,.72));transition:opacity .2s ease,transform .24s ease,filter .24s ease}.pub-stat-button>*:not(img){position:relative;z-index:1}.pub-stat-button>em{margin-top:auto;color:#797f89;font-size:11px;font-style:normal;font-weight:700;opacity:0;transform:translateY(3px);transition:.18s ease}.pub-stat-button:hover{border-color:#5d571e;background:linear-gradient(135deg,#15160f,#0d1014)}.pub-stat-button:hover>img{opacity:1;transform:translateY(-53%) scale(1.08);filter:drop-shadow(0 11px 17px rgba(0,0,0,.78)) drop-shadow(0 0 7px rgba(255,215,0,.18))}.pub-stat-button:hover>em{opacity:1;transform:none}
.settings-account{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:16px 24px!important;background:linear-gradient(100deg,rgba(255,219,0,.045),transparent);border-bottom:1px solid #1d2128}.settings-account.hidden{display:none!important}.settings-account-user{display:flex;align-items:center;gap:12px;min-width:0}.settings-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#090b0e;font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.35)}.settings-account-user>div{display:flex;min-width:0;flex-direction:column}.settings-account-user small{color:#747c88;font-size:11px;font-weight:700}.settings-account-user b{max-width:260px;margin-top:2px;color:#f2f3f5;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-account-user em{margin-top:2px;color:#686f7a;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.settings-logout{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(248,113,113,.32);border-radius:9px;background:rgba(127,29,29,.12);color:#ff9696;font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.settings-logout:hover{transform:translateY(-1px);border-color:rgba(248,113,113,.66);background:rgba(127,29,29,.25)}.settings-logout:active{transform:scale(.95)}
.view-enter{animation:viewEnter .48s cubic-bezier(.16,.82,.24,1) both}@keyframes viewEnter{0%{opacity:0;transform:translateY(16px) scale(.992);filter:blur(5px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}.profile-content-panel>.grid:not(.hidden){animation:profilePanelIn .36s ease both}@keyframes profilePanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:760px){.profile-pagebar{grid-template-columns:1fr auto}.profile-page-title{display:none!important}.profile-metrics{grid-template-columns:1fr}.profile-metrics>button{border-right:0;border-bottom:1px solid #242932}.profile-metrics>button:last-child{border-bottom:0}.pub-stat-button>img{width:54px;height:54px}.profile-settings-btn{padding-inline:11px}.profile-settings-btn>span{font-size:14px}}
@media(max-width:520px){.profile-settings-btn{font-size:0}.profile-settings-btn>span{font-size:17px}.profile-tabs .utab>img{width:24px;height:24px;flex-basis:24px}.profile-tabs .utab{gap:5px}.settings-account{align-items:flex-start;padding:14px 18px!important}.settings-logout{font-size:0;width:38px;padding:0;justify-content:center}.settings-logout span{font-size:17px}}
@media(prefers-reduced-motion:reduce){.view-enter,.profile-content-panel>.grid:not(.hidden){animation:none!important}}

/* ===== v31: notification center and account preferences ===== */
.top-right{position:relative}.top-icon-btn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;padding:0;border:1px solid #242a34;border-radius:12px;background:linear-gradient(180deg,#151922,#0d1015);cursor:pointer;overflow:visible;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.top-icon-btn>img{width:28px;height:28px;display:block;object-fit:contain;filter:grayscale(.35) brightness(.88) drop-shadow(0 4px 7px rgba(0,0,0,.72));transition:filter .18s ease,transform .18s ease}.top-icon-btn:hover{transform:translateY(-2px);border-color:#5e5a34;background:#191b18;box-shadow:0 8px 18px rgba(0,0,0,.38)}.top-icon-btn:hover>img{transform:scale(1.08);filter:grayscale(0) brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.75))}.telegram-btn{border-color:#24313b}.telegram-btn:hover{border-color:#287399}.notification-wrap{position:relative;display:flex}.notification-btn{position:relative}.notification-btn[aria-expanded="true"]{border-color:#6d641b;background:#1c1c12}.notification-btn.notify-pop{animation:notificationPop .48s cubic-bezier(.2,.9,.25,1.4)}@keyframes notificationPop{35%{transform:translateY(-2px) rotate(-7deg) scale(1.12)}}

/* ===== v31: notifications, account controls and extended settings ===== */
.profile-settings-btn>img{width:25px;height:25px;object-fit:contain;filter:grayscale(1) brightness(.92) drop-shadow(0 3px 5px rgba(0,0,0,.6))}
.topup-btn img{filter:drop-shadow(0 3px 5px rgba(0,0,0,.46))}
.top-icon-btn{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;padding:0;border:1px solid #242a34;border-radius:11px;background:#11151b;color:#aeb4bf;cursor:pointer;overflow:visible;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.top-icon-btn>img{width:29px;height:29px;display:block;object-fit:contain;filter:grayscale(.25) brightness(.88) drop-shadow(0 4px 5px rgba(0,0,0,.68));transition:transform .2s ease,filter .2s ease}.top-icon-btn:hover{transform:translateY(-2px);border-color:#5b626e;background:#191e26;box-shadow:0 8px 18px rgba(0,0,0,.34)}.top-icon-btn:hover>img{transform:scale(1.08);filter:grayscale(0) brightness(1.05) drop-shadow(0 5px 7px rgba(0,0,0,.72))}.telegram-btn{text-decoration:none}.telegram-btn:hover{border-color:#387c9d;background:#101b22}.telegram-btn>img{width:30px;height:30px}
.topup-btn{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:8px 14px!important}.topup-btn img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.46))}.notification-wrap{position:relative;z-index:70}.notification-btn{position:relative!important}.notification-btn>img{width:27px;height:27px}.notification-btn>i{position:absolute;z-index:3;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #080a0d;border-radius:9px;background:#ff4058;color:#fff;font-size:9px;font-style:normal;font-weight:900;box-shadow:0 3px 9px rgba(0,0,0,.5)}.notification-btn.notify-pop{animation:notifyPop .48s cubic-bezier(.2,.9,.25,1.35)}@keyframes notifyPop{0%,100%{transform:none}40%{transform:translateY(-2px) rotate(-9deg) scale(1.1)}70%{transform:rotate(7deg)}}
.notification-panel{position:absolute;z-index:100;right:0;top:calc(100% + 12px);width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 92px));display:flex;flex-direction:column;border:1px solid #292e37;border-radius:15px;background:#0c0f13;box-shadow:0 28px 80px rgba(0,0,0,.76),0 0 0 1px rgba(255,255,255,.02);overflow:hidden;animation:notificationIn .26s cubic-bezier(.2,.82,.25,1) both}.notification-panel::before{content:"";position:absolute;right:13px;top:-6px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid #292e37;border-top:1px solid #292e37;background:#111419}.notification-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:17px 18px 14px;border-bottom:1px solid #20252d;background:#111419}.notification-head>div>span{display:block;color:#777f8b;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.notification-head h3{margin:3px 0 0;color:#f1f2f4;font-size:18px}.notification-head>button{width:31px;height:31px;padding:0;border:1px solid #2a3039;border-radius:8px;background:#171b21;color:#8d949f;cursor:pointer}.notification-head>button:hover{border-color:#555d69;color:#fff}.notification-actions{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 18px;border-bottom:1px solid #1b2027;background:#0b0e12}.notification-actions>span{color:#777e89;font-size:11px;font-weight:700}.notification-actions>button{padding:6px;border:0;background:transparent;color:#d4ba13;font-size:11px;font-weight:800;cursor:pointer}.notification-actions>button:hover{color:#ffdc00}.notification-list{min-height:180px;overflow-y:auto;scrollbar-width:thin}.notification-item{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 25px;gap:11px;padding:15px 14px;border-bottom:1px solid #1d2229;background:#0c0f13;transition:background .18s ease}.notification-item.unread{background:linear-gradient(90deg,rgba(255,219,0,.055),transparent 62%)}.notification-item.unread::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:#f0cf00}.notification-item>img{width:44px;height:44px;object-fit:contain;filter:grayscale(.18) drop-shadow(0 7px 9px rgba(0,0,0,.65))}.notification-item>div{min-width:0;display:flex;flex-direction:column}.notification-item time{color:#656d78;font-size:10px;font-weight:700}.notification-item b{margin-top:4px;color:#e8e9ec;font-size:13px}.notification-item p{margin:5px 0 0;color:#969da8;font-size:12px;line-height:1.45}.notification-item>button{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#555d68;cursor:pointer}.notification-item>button:hover{background:#1b2027;color:#cfd2d7}.notification-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.notification-empty>img{width:70px;height:70px;object-fit:contain;opacity:.46;filter:grayscale(.35)}.notification-empty>b{margin-top:8px;color:#d8dbe0;font-size:14px}.notification-empty>span{max-width:290px;margin-top:6px;color:#747c88;font-size:12px;line-height:1.45}@keyframes notificationIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.profile-meta{align-items:center}.profile-quick-actions{display:inline-flex;align-items:center;gap:5px}.profile-quick-actions>button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #303640;border-radius:8px;background:#181c22;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease}.profile-quick-actions>button:hover{transform:translateY(-1px);border-color:#5d6571;background:#222730}.profile-quick-actions img{width:24px;height:24px;object-fit:contain;filter:grayscale(1) brightness(.9) drop-shadow(0 3px 4px rgba(0,0,0,.65))}.profile-notification-manage{width:100%;max-width:420px;min-height:42px;display:flex;align-items:center;gap:9px;margin-top:15px;padding:7px 10px;border:1px solid #292f38;border-radius:10px;background:#15191f;color:#e1e3e6;font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-notification-manage>img{width:29px;height:29px;object-fit:contain;filter:grayscale(.45) brightness(.84)}.profile-notification-manage>span{flex:1;text-align:left}.profile-notification-manage>i{color:#68717d;font-size:16px;font-style:normal}.profile-notification-manage:hover{transform:translateY(-1px);border-color:#635b1b;background:#1a1b14}.profile-notification-manage:hover>img{filter:grayscale(0) brightness(1)}.profile-notification-manage:hover>i{color:#ffda00}
.settings-box-wide{width:min(720px,calc(100vw - 28px))!important;max-height:calc(100vh - 28px);gap:0!important;background:#090b0f!important}.settings-box-wide>.m-head{padding:20px 24px!important;background:#0e1115}.settings-kicker{display:block;margin-bottom:3px;color:#777f8a;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.settings-box-wide>.m-head h3{font-size:21px}.settings-box-wide>section{padding:18px 24px 0}.settings-box-wide>section+section{margin-top:1px}.settings-box-wide h4{margin-bottom:11px;color:#e7e9ec;font-size:14px}.settings-box-wide .settings-account{padding:15px 24px!important}.settings-logout img{width:27px;height:27px;object-fit:contain;filter:grayscale(1) brightness(.9)}.settings-logout{border-color:#303640;background:#171b21;color:#b7bec8}.settings-logout:hover{border-color:#555e6a;background:#20252c;color:#fff}
.settings-profile{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.settings-profile>h4{grid-column:1/-1}.settings-field{display:flex;flex-direction:column;gap:7px}.settings-field>span{display:flex;justify-content:space-between;color:#989faa;font-size:12px;font-weight:800}.settings-field>span small{color:#606873;font-size:10px;font-weight:700}.settings-box .settings-field input{height:44px;padding:0 12px;border:1px solid #282e37;border-radius:9px;background:#080a0d;color:#dfe2e6;font-size:13px;outline:0}.settings-box .settings-field input:focus{border-color:#716716;box-shadow:0 0 0 3px rgba(255,219,0,.055)}.settings-box .settings-field input[readonly]{color:#7c838e;cursor:not-allowed}
.currency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.currency-options label{position:relative}.currency-options input{position:absolute;opacity:0}.currency-options span{min-height:43px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #282e37;border-radius:9px;background:#11151a;color:#b9bec6;font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}.currency-options span>b{color:#f1ce00}.currency-options span>i{width:13px;height:13px;margin-left:auto;border:1px solid #454c56;border-radius:50%}.currency-options input:checked+span{border-color:#d2b900;background:rgba(255,219,0,.075);color:#fff}.currency-options input:checked+span>i{border:4px solid #f0cf00;background:#151810}.settings-switches{display:flex;flex-direction:column;gap:3px}.settings-switches>label{display:flex;align-items:center;gap:14px;min-height:58px;cursor:pointer}.settings-switches>label>span{display:flex;min-width:0;flex:1;flex-direction:column}.settings-switches b{color:#dfe2e6;font-size:13px}.settings-switches small{margin-top:4px;color:#737b87;font-size:11px}.settings-switches input{position:absolute;opacity:0}.settings-switches>label>i{position:relative;width:40px;height:23px;flex:0 0 40px;border:1px solid #353c46;border-radius:14px;background:#232831;transition:.2s ease}.settings-switches>label>i::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#777f8c;transition:.2s ease}.settings-switches input:checked+i{border-color:#817716;background:rgba(255,219,0,.18)}.settings-switches input:checked+i::after{left:20px;background:#f0cf00;box-shadow:0 0 9px rgba(255,219,0,.28)}.settings-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.setting-radio.compact{min-height:42px;margin:0;padding:9px 10px;border:1px solid #292f38;border-radius:9px;background:#11151a}.setting-radio.compact span{font-size:11px}.settings-box-wide .settings-save{position:sticky;bottom:0;z-index:3;width:calc(100% - 48px);min-height:46px;margin:20px 24px 22px;border-radius:10px;box-shadow:0 -15px 28px #090b0f,0 10px 24px rgba(255,210,0,.12)}
.streamer-mode #balance{font-size:0}.streamer-mode #balance::after{content:"••••";font-size:13px}.streamer-mode .profile-person-copy h1,.streamer-mode .profile-meta>span:first-child,.streamer-mode #settingsAccountName,.streamer-mode #settingsAccountId{filter:blur(6px);user-select:none}.streamer-mode .profile-balance strong{font-size:0}.streamer-mode .profile-balance strong::after{content:"••••";font-size:30px}
@media(max-width:900px){.top-left .hstat{display:none}.notification-panel{position:fixed;right:12px;top:70px}.settings-inline{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top{padding-inline:9px}.top-right{gap:6px}.telegram-btn{display:none}.topup-btn{width:40px;padding:0!important;font-size:0}.topup-btn img{width:29px;height:29px}.user-bar{gap:6px}.bal-pill{padding-inline:9px}.notification-panel{right:8px;top:64px;width:calc(100vw - 16px)}.settings-profile,.currency-options{grid-template-columns:1fr}.settings-box-wide>section{padding-inline:16px}.settings-box-wide>.m-head,.settings-box-wide .settings-account{padding-inline:16px!important}.settings-box-wide .settings-save{width:calc(100% - 32px);margin-inline:16px}.profile-notification-manage{max-width:none}}

/* ===== v32: minimal roulette and separate profile / upgrade settings ===== */
#view-upgrade .wheel{width:332px;height:332px}
.wheel{filter:drop-shadow(0 20px 34px rgba(0,0,0,.42))}
.wheel:hover{transform:scale(1.008)}
.wheel-glow{inset:28px;background:radial-gradient(circle,rgba(255,219,0,.1),transparent 68%);filter:blur(15px);opacity:.55}
.wheel.win .wheel-glow{background:radial-gradient(circle,rgba(74,222,128,.16),transparent 68%)}
.wheel.lose .wheel-glow{background:radial-gradient(circle,rgba(255,45,85,.14),transparent 68%)}
.ring-ticks{inset:4px;background:repeating-conic-gradient(rgba(174,181,194,.35) 0 1deg,transparent 1deg 15deg);-webkit-mask:radial-gradient(circle,transparent 70%,#000 70%,#000 71.7%,transparent 71.7%);mask:radial-gradient(circle,transparent 70%,#000 70%,#000 71.7%,transparent 71.7%);opacity:.28;animation:none}
.ring-base{inset:27px;background:linear-gradient(145deg,#1d2026,#111318 68%);border:8px solid #252930;box-shadow:0 0 0 1px #363a42,0 16px 38px rgba(0,0,0,.48),inset 0 0 28px rgba(0,0,0,.46)}
.ring-base::after{inset:12px;border:1px solid rgba(255,255,255,.055)}
.ring-inner{inset:68px;clip-path:none;background:radial-gradient(circle at 50% 34%,#1b1e24,#0e1014 72%);border:1px solid #292d34;box-shadow:inset 0 12px 32px rgba(0,0,0,.52)}
.ring-ticks-in{inset:42px;background:repeating-conic-gradient(rgba(187,193,204,.5) 0 1.2deg,transparent 1.2deg 12deg);-webkit-mask:radial-gradient(circle,transparent 61%,#000 61%,#000 66%,transparent 66%);mask:radial-gradient(circle,transparent 61%,#000 61%,#000 66%,transparent 66%);opacity:.38}
.wheel-svg{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
#gaugeArc{filter:none;transition:stroke-dashoffset .7s var(--ease),opacity .25s}
#needle{filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 5px rgba(255,204,0,.48))}
.wheel[data-pointer="minecraft-trident"] #needle{filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 5px rgba(62,224,190,.48))}
.wheel[data-pointer="crystal"] #needle{filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 6px rgba(98,218,255,.55))}
.hub-ring{background:rgba(9,11,14,.52);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035)}
.wheel-hub{width:152px;height:152px}
.wheel-pct{transform:none}
.wheel-pct div{font-size:36px;letter-spacing:-1px;background:linear-gradient(180deg,#f7f8fa,#aeb4be);-webkit-background-clip:text;background-clip:text}
.wheel.st-low #chanceText{background-image:linear-gradient(180deg,#fff,#ff5570)}
.wheel.st-mid #chanceText{background-image:linear-gradient(180deg,#fff9b3,#ffcc18)}
.wheel.st-high #chanceText{background-image:linear-gradient(180deg,#d9ffe5,#48db7d)}
.wheel-scale{color:#747a84;font-size:9px;letter-spacing:.15px}
.scale-100{top:37px}.scale-50-left{left:27px}.scale-50-right{right:27px}.scale-0{bottom:-12px;color:#d2b814}

.settings-box-wide{overflow:hidden!important}
.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px 24px;border-bottom:1px solid #1d2128;background:#0e1115}
.settings-tabs button{min-height:42px;border:0;border-radius:8px;background:transparent;color:#737b87;font-size:12px;font-weight:900;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.settings-tabs button span{margin-right:7px;color:#555d68}
.settings-tabs button:hover{color:#cbd0d7;background:#15191e}
.settings-tabs button.active{background:#1a1d1b;color:#f4f5f7;box-shadow:inset 0 0 0 1px #5b551e}
.settings-tabs button.active span{color:var(--yel)}
.settings-panel{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343943 transparent}
.settings-panel>section{padding:18px 24px 0}
.settings-panel>section+section{margin-top:1px}
.settings-panel .settings-account{padding:15px 24px!important}
.settings-section-title h4{margin-bottom:3px}
.settings-section-title p{margin:0;color:#737b87;font-size:11px;line-height:1.4}
.settings-section-title>span{padding:5px 8px;border:1px solid #37351f;border-radius:999px;background:#181810;color:#d0b916;font-size:10px;font-weight:900}
.pointer-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:13px}
.pointer-options label{position:relative;min-width:0}
.pointer-options input{position:absolute;opacity:0;pointer-events:none}
.pointer-options label>span{position:relative;min-height:138px;display:flex;align-items:center;flex-direction:column;padding:11px 7px 10px;border:1px solid #282e37;border-radius:11px;background:#101318;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.pointer-options label>span::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(255,219,0,.07),transparent 50%);opacity:0;transition:opacity .18s ease}
.pointer-options img{position:relative;width:48px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.6));transition:transform .2s var(--spring)}
.pointer-options b{position:relative;margin-top:5px;color:#dfe2e6;font-size:11px;white-space:nowrap}
.pointer-options small{position:relative;margin-top:3px;color:#676f7b;font-size:9px;line-height:1.2;text-align:center}
.pointer-options i{position:absolute;right:7px;top:7px;width:13px;height:13px;border:1px solid #434a55;border-radius:50%;background:#0c0f13}
.pointer-options label:hover>span{transform:translateY(-2px);border-color:#4d5158;background:#15191e}
.pointer-options label:hover img{transform:scale(1.08)}
.pointer-options input:checked+span{border-color:#c3ad16;background:#191910;box-shadow:0 0 0 2px rgba(255,219,0,.055),inset 0 0 24px rgba(255,219,0,.035)}
.pointer-options input:checked+span::before{opacity:1}
.pointer-options input:checked+span i{border:4px solid var(--yel);background:#1a1a10}
.settings-box-wide .settings-save{flex:0 0 auto}
@media(max-width:1100px){#view-upgrade .wheel{width:298px;height:298px}.wheel-hub{width:142px;height:142px}.wheel-pct div{font-size:32px}.scale-100{top:33px}.scale-50-left{left:24px}.scale-50-right{right:24px}}
@media(max-width:820px){.upgrade-tools{display:flex;margin-inline:auto}}
@media(max-width:650px){.settings-tabs{padding-inline:16px}.settings-panel>section{padding-inline:16px}.pointer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pointer-options label>span{min-height:125px}.pointer-options img{height:48px}.settings-section-title{align-items:flex-start}.settings-section-title>span{display:none}}

/* ===== v33: dual gauge, smoother controls and spin timing ===== */
#gaugeArc,#gaugeArcAccent{transition:stroke-dashoffset .85s var(--ease),opacity .25s;stroke-linecap:round}
#gaugeArcAccent{opacity:.8;filter:drop-shadow(0 0 2px rgba(255,255,255,.32))}
.wheel.fast #gaugeArc,.wheel.fast #gaugeArcAccent{transition-duration:.58s}
.wheel.spinning #needle{transition-duration:2.95s;transition-timing-function:cubic-bezier(.08,.68,.14,1)}
.wheel.fast.spinning #needle{transition-duration:1s;transition-timing-function:cubic-bezier(.1,.72,.18,1)}
.wheel[data-pointer="blade"] #needle{filter:drop-shadow(0 3px 2px rgba(0,0,0,.88)) drop-shadow(0 0 5px rgba(224,235,255,.5))}

.settings-inline .setting-radio.compact{position:relative;min-height:66px;display:block;margin:0;padding:0;border:1px solid #292f38;border-radius:12px;background:linear-gradient(145deg,#151920,#0d1014);overflow:hidden;transition:transform .24s var(--spring),border-color .24s ease,background .24s ease,box-shadow .24s ease}
.settings-inline .setting-radio.compact:hover{transform:translateY(-2px);border-color:#505762;background:linear-gradient(145deg,#1a1f27,#11151a);box-shadow:0 8px 20px rgba(0,0,0,.24)}
.settings-inline .setting-radio.compact:active{transform:scale(.975)}
.settings-inline .setting-radio.compact>input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.settings-inline .setting-radio.compact>span{position:relative;min-height:66px;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:10px;padding:9px 28px 9px 10px;color:#c9ced5;cursor:pointer}
.settings-inline .setting-radio.compact>span::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,219,0,.1),transparent 58%);opacity:0;transition:opacity .24s ease}
.settings-inline .setting-radio.compact>span::after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;transform:translateY(-50%);border:1px solid #525a66;border-radius:50%;background:#0a0d10;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
.settings-choice-icon{position:relative;z-index:1;grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;align-self:center;border:1px solid #333a45;border-radius:10px;background:#0b0e12;color:#8f98a6;font-size:17px;font-style:normal;line-height:1;transition:transform .24s var(--spring),color .24s ease,border-color .24s ease,background .24s ease}
.settings-inline .setting-radio.compact b{position:relative;z-index:1;align-self:end;color:#e2e5e9;font-size:11px;line-height:1.2}
.settings-inline .setting-radio.compact small{position:relative;z-index:1;align-self:start;margin:3px 0 0;color:#68717d;font-size:9px;font-weight:700;line-height:1.2;white-space:nowrap}
.settings-inline .setting-radio.compact:hover .settings-choice-icon{transform:scale(1.06);color:#dce1e8;border-color:#4d5663}
.settings-inline .setting-radio.compact>input:focus-visible+span{outline:2px solid rgba(255,219,0,.72);outline-offset:-2px;border-radius:11px}
.settings-inline .setting-radio.compact>input:checked+span::before{opacity:1}
.settings-inline .setting-radio.compact>input:checked+span::after{border:3px solid #ffdc12;background:#19190f;box-shadow:0 0 10px rgba(255,219,0,.34)}
.settings-inline .setting-radio.compact:has(input:checked){border-color:#827617;background:linear-gradient(145deg,#202013,#11140f);box-shadow:inset 0 0 20px rgba(255,219,0,.04),0 8px 22px rgba(0,0,0,.2)}
.settings-inline .setting-radio.compact:has(input:checked) .settings-choice-icon{border-color:#7a701b;background:#211f0e;color:#ffdc12;box-shadow:inset 0 0 12px rgba(255,219,0,.06)}
@media(max-width:650px){.settings-inline .setting-radio.compact>span{padding-right:25px}.settings-inline .setting-radio.compact small{white-space:normal}}

/* ===== v34: segmented controls, detailed roulette track and win reveal ===== */
#gaugeTrackSegments{filter:drop-shadow(0 0 1.5px rgba(174,190,210,.18));transition:opacity .3s ease}
.wheel.spinning #gaugeTrackSegments{opacity:1;animation:trackShimmer 1.8s linear infinite}
@keyframes trackShimmer{50%{stroke-dashoffset:-7.4;filter:drop-shadow(0 0 3px rgba(210,224,242,.38))}}

.settings-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-segment{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0;padding:4px;border:1px solid #272d35;border-radius:12px;background:#0b0e12;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.settings-segment legend{margin-left:7px;padding:0 5px;color:#656e7a;font-size:9px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}
.settings-segment label{position:relative;min-width:0;cursor:pointer}
.settings-segment input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.settings-segment span{position:relative;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:#7e8793;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;transition:color .24s ease,background .24s ease,border-color .24s ease,transform .24s var(--spring),box-shadow .24s ease}
.settings-segment span::after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--yel),transparent);opacity:0;transform:scaleX(.25);transition:opacity .25s ease,transform .3s var(--spring)}
.settings-segment i{color:#626c78;font-size:14px;font-style:normal;line-height:1;transition:color .24s ease,transform .24s var(--spring)}
.settings-segment label:hover span{background:#12161b;color:#c9ced5;transform:translateY(-1px)}
.settings-segment label:hover i{color:#aab2bd;transform:scale(1.08)}
.settings-segment input:checked+span{border-color:#514c23;background:linear-gradient(180deg,#1d1d16,#151711);color:#f5f6f7;box-shadow:inset 0 1px rgba(255,238,108,.055),0 4px 13px rgba(0,0,0,.2)}
.settings-segment input:checked+span::after{opacity:1;transform:scaleX(1)}
.settings-segment input:checked+span i{color:#ffda12;text-shadow:0 0 10px rgba(255,219,0,.28)}
.settings-segment input:focus-visible+span{outline:2px solid rgba(255,219,0,.65);outline-offset:1px}

.win-celebration{--win-color:#ffdb00;position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,5,8,.82);backdrop-filter:blur(10px);opacity:0;overflow:hidden;transition:opacity .32s ease}
.win-celebration.show{opacity:1}
.win-celebration-glow{position:absolute;left:50%;top:50%;width:min(760px,90vw);height:min(760px,90vw);transform:translate(-50%,-50%) scale(.45);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--win-color) 24%,transparent),rgba(255,219,0,.06) 35%,transparent 69%);opacity:0;filter:blur(8px);pointer-events:none}
.win-celebration.show .win-celebration-glow{animation:winGlowIn 1.15s .18s var(--spring) forwards,winGlowBreathe 2.3s 1.4s ease-in-out infinite alternate}
.win-celebration-content{position:relative;z-index:3;width:min(540px,100%);display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:auto}
.win-kicker{padding:7px 12px;border:1px solid color-mix(in srgb,var(--win-color) 45%,#353b45);border-radius:999px;background:rgba(10,13,17,.7);color:color-mix(in srgb,var(--win-color) 75%,#fff);font-size:10px;font-weight:900;letter-spacing:2.1px;opacity:0;transform:translateY(-12px)}
.win-item-stage{position:relative;width:250px;height:250px;display:grid;place-items:center;margin:12px 0 2px}
.win-item-stage::before,.win-item-stage::after{content:"";position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--win-color) 65%,#fff);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);pointer-events:none}
.win-item-stage::before{width:128px;height:128px}.win-item-stage::after{width:174px;height:174px}
.win-item-halo{position:absolute;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--win-color) 30%,transparent),transparent 70%);filter:blur(8px);opacity:0;transform:scale(.4)}
.win-celebration-item{position:relative;z-index:3;width:190px;height:190px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(150px) scale(.14) rotate(-12deg);filter:drop-shadow(0 22px 26px rgba(0,0,0,.75)) drop-shadow(0 0 0 transparent)}
.win-celebration-item img{max-width:190px;max-height:190px;object-fit:contain}
.win-celebration-item svg{width:180px;height:110px}
.win-celebration h2{max-width:100%;margin:0;color:#f7f8fa;font-size:clamp(25px,4vw,39px);line-height:1.08;letter-spacing:-1.2px;opacity:0;transform:translateY(13px);text-shadow:0 5px 22px #000}
.win-celebration p{margin:9px 0 0;color:#9ba3ae;font-size:13px;font-weight:750;opacity:0;transform:translateY(10px)}
.win-celebration-content>button{min-width:210px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;padding:0 18px;border:1px solid color-mix(in srgb,var(--win-color) 58%,#303640);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--win-color) 88%,#fff),color-mix(in srgb,var(--win-color) 78%,#bc8d00));color:#0d0f11;font-size:12px;font-weight:900;cursor:pointer;opacity:0;transform:translateY(12px);box-shadow:0 12px 34px color-mix(in srgb,var(--win-color) 17%,transparent);transition:filter .18s ease,transform .18s ease}
.win-celebration-content>button:hover{filter:brightness(1.08);transform:translateY(-2px)!important}.win-celebration-content>button span{font-size:17px}
.win-particles{position:absolute;z-index:2;left:50%;top:50%;width:1px;height:1px;pointer-events:none}
.win-particles i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);border-radius:1px;background:var(--win-color);box-shadow:0 0 8px var(--win-color);opacity:0;transform:translate(-50%,-50%) scale(.2)}
.win-celebration.show .win-kicker{animation:winTextIn .48s .12s var(--spring) forwards}
.win-celebration.show .win-celebration-item{animation:winItemBurst 1.25s .16s cubic-bezier(.12,.74,.16,1) forwards}
.win-celebration.show .win-item-halo{animation:winHalo 1s .62s ease-out forwards}
.win-celebration.show .win-item-stage::before{animation:winRing 1s .72s ease-out forwards}
.win-celebration.show .win-item-stage::after{animation:winRing 1.15s .8s ease-out forwards}
.win-celebration.show .win-particles i{animation:winParticle .9s calc(.72s + var(--d)) cubic-bezier(.12,.7,.2,1) forwards}
.win-celebration.show h2{animation:winTextIn .58s 1.03s var(--spring) forwards}
.win-celebration.show p{animation:winTextIn .5s 1.13s ease-out forwards}
.win-celebration.show .win-celebration-content>button{animation:winTextIn .55s 1.28s var(--spring) forwards}
@keyframes winItemBurst{0%{opacity:0;transform:translateY(150px) scale(.14) rotate(-12deg)}38%{opacity:1}62%{opacity:1;transform:translateY(-8px) scale(1.24) rotate(2deg);filter:drop-shadow(0 25px 32px rgba(0,0,0,.8)) drop-shadow(0 0 28px var(--win-color))}75%{transform:translateY(3px) scale(.92) rotate(-1deg)}100%{opacity:1;transform:none;filter:drop-shadow(0 20px 28px rgba(0,0,0,.76)) drop-shadow(0 0 16px color-mix(in srgb,var(--win-color) 54%,transparent))}}
@keyframes winRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
@keyframes winParticle{0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}52%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(180deg) scale(1)}}
@keyframes winGlowIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes winGlowBreathe{to{transform:translate(-50%,-50%) scale(1.08);opacity:.78}}
@keyframes winHalo{0%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.15)}100%{opacity:.55;transform:scale(1)}}
@keyframes winTextIn{to{opacity:1;transform:none}}
@media(max-width:650px){.settings-control-grid{grid-template-columns:1fr}.win-item-stage{width:210px;height:210px}.win-celebration-item{width:160px;height:160px}.win-celebration-item img{max-width:160px;max-height:160px}.win-celebration h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.win-celebration.show *{animation-duration:.01ms!important;animation-delay:0ms!important}.wheel.spinning #gaugeTrackSegments{animation:none}}


/* Single SVG dial: all radii, labels and pointer share the same center. */
#view-upgrade .wheel-wrap{transform:none}
#view-upgrade .reference-wheel{width:344px;height:344px;filter:none;animation:none;transition:none}
#view-upgrade .reference-wheel:hover{transform:none}
.reference-wheel .wheel-svg{inset:0;width:100%;height:100%;overflow:visible}
.reference-wheel #gaugeArc,.reference-wheel #gaugeArcAccent{filter:none;stroke-linecap:butt}
.reference-wheel #gaugeTrackSegments{filter:none;opacity:1;animation:none}
.reference-wheel .dial-scale{fill:#888;font:700 6.4px Arial,sans-serif}
.reference-wheel .dial-zero{fill:#eac25b}
#wheel.reference-wheel #chanceText{fill:url(#dialText);font:700 23.3px Arial,sans-serif;letter-spacing:0;background:none;color:inherit;-webkit-text-fill-color:initial;text-shadow:none}
#wheel.reference-wheel #chanceLabel{fill:#b1e329;font:400 9px Arial,sans-serif;letter-spacing:0}
.reference-wheel #needle{filter:drop-shadow(0 0 1px rgba(255,221,0,.3))}
@media(max-width:1100px){#view-upgrade .reference-wheel{width:314px;height:314px}}
@media(max-width:650px){#view-upgrade .reference-wheel{width:min(344px,88vw);height:auto;aspect-ratio:1}.reference-wheel .wheel-svg{position:relative}}

/* Inventory toolbar and locally pausable drop stream. */
.inventory-head{display:flex;gap:10px;min-height:64px;padding:12px 15px;background:#202022;border:0;border-radius:13px 13px 0 0}
.inventory-switch{display:flex;gap:3px;padding:3px;background:#171719;border-radius:9px}
.inventory-head .inventory-icon-btn{width:31px;height:31px;min-width:31px;padding:6px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center}
.inventory-head .inventory-icon-btn.active{background:#ffda00;box-shadow:none}
.inventory-head .inventory-icon-btn img{width:21px;height:21px;object-fit:contain;filter:none}
.inventory-head>b{font-size:14px;white-space:nowrap}.inventory-sort{margin-left:auto;width:38px;height:38px;border:0;border-radius:10px;background:#303033;cursor:pointer}
.inventory-sort img{width:20px;height:20px;transition:transform .3s}.inventory-sort.descending img{transform:rotate(180deg)}
.inventory-sort:hover{background:#3b3b3f}.inventory-total{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:10px;background:#29292c;font-size:12px;white-space:nowrap}.inventory-total>span{color:#89898e}.inventory-total img{width:15px;height:15px}
.live{padding:8px 7px;background:#101012}.live #feed{gap:7px}.live .feed-card{width:100%;min-height:78px;height:78px;border:0;border-left:2px solid var(--drop-color);border-radius:0 5px 5px 0;padding:0;text-align:left;color:#eee;background:linear-gradient(100deg,color-mix(in srgb,var(--drop-color) 27%,#141419),#202024);display:block;isolation:isolate;animation:dropSpring .65s both}
.live .feed-card:hover,.live .feed-card:focus-visible{transform:none;box-shadow:inset 0 0 0 1px #ffffff18}
.live .feed-card .fi{position:absolute;right:-5px;top:5px;width:98px;height:65px;z-index:-1;margin:0;opacity:.85;transition:transform .4s,opacity .4s}.live .feed-card .fi img{width:90px;height:66px}.live .feed-card .fi svg{width:85px;height:50px}
.live .feed-card .fn{position:absolute;left:7px;bottom:9px;max-width:125px;font-size:10px;font-weight:900;text-transform:uppercase;transition:transform .3s,opacity .3s}
.live .feed-card .fc-chance{position:absolute;left:6px;top:6px;font-size:9px;background:#101012b3;border-radius:8px;padding:2px 4px;color:#eee}
.live .feed-card .fw{position:absolute;right:6px;top:7px;color:#eee;font-size:9px;font-weight:800}
.live .feed-card .fu{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:9px 8px;background:linear-gradient(transparent,#0a0a0cee 25%);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}
.live .feed-card:hover .fu,.live .feed-card:focus-visible .fu{transform:translateY(0);opacity:1}.live .feed-card:hover .fn,.live .feed-card:focus-visible .fn{transform:translateY(-18px);opacity:.35}.live .feed-card:hover .fi{transform:translateY(-3px) scale(1.05)}
#dailyDrop{margin-bottom:11px}.live .daily-best{height:104px;border-left-color:#ffda00;background:linear-gradient(125deg,#554719,#24210f);box-shadow:inset 0 0 0 1px #97833155}.daily-caption{position:absolute;top:8px;left:8px;color:#e7cf64;font-size:9px;font-weight:800}.live .daily-best .fc-chance{top:27px}.live .daily-best .fw{top:29px}.live .daily-best .fi{top:20px;height:80px}.live .daily-best .fi img{height:80px}.daily-empty{padding:12px 8px;background:linear-gradient(130deg,#2c2819,#171717);border:1px solid #554b26;border-radius:6px;display:grid;grid-template-columns:29px 1fr;gap:4px;color:#e2cb74;font-size:10px}.daily-empty img{width:24px;height:24px;grid-row:span 2}.daily-empty span{font-size:9px;color:#8c887c}
.skin:not(.sel),.store-card,.profile-item,.hcard{animation:dropSpring .6s both}
@keyframes dropSpring{0%{opacity:0;transform:translateY(19px) scale(.93)}62%{opacity:1;transform:translateY(-4px) scale(1.015)}82%{transform:translateY(2px) scale(.995)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.live .feed-card,.skin,.store-card,.profile-item,.hcard{animation:none!important}.live .feed-card .fu{transition:none}}
@media(max-width:480px){.inventory-head{gap:6px;padding:10px}.inventory-head>b{font-size:12px}.inventory-total{padding:0 7px;gap:4px}.inventory-total>span{display:none}}

/* Compact drop faces: the item stays in place while the player slides in. */
.live .feed-card{overflow:hidden;background:linear-gradient(105deg,color-mix(in srgb,var(--drop-color) 48%,#24232b),#303034);transition:background .3s,box-shadow .3s}
.live .feed-card .fi{z-index:1;right:0;opacity:1;pointer-events:none}
.live .feed-card .fn{z-index:2;max-width:112px;bottom:12px;text-shadow:0 1px 4px #15151b}
.live .feed-card .fc-chance{z-index:3;font-size:8px}
.live .feed-card:not(.daily-best) .fw{display:none}
.live .feed-card .fu{z-index:3;left:7px;right:auto;bottom:8px;padding:0;width:115px;background:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:10px;transform:translateY(12px)}
.live .feed-card .fu>span:last-child{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(140deg,#f0eaff,#a394c9);border:1px solid #ffffffb0;color:#302646;font-size:12px;font-weight:900}
.live .feed-card:hover .fn,.live .feed-card:focus-visible .fn{opacity:0;transform:translateY(-8px)}
.live .feed-card:hover .fi,.live .feed-card:focus-visible .fi{transform:translateX(-2px) scale(1.04)}
.feed-mob{position:absolute;z-index:2;right:-7px;bottom:-12px;width:49px;height:62px;opacity:0;transform:translate(38px,25px) rotate(-16deg);transform-origin:bottom right;transition:opacity .2s,transform .55s cubic-bezier(.2,1.4,.4,1);pointer-events:none;filter:drop-shadow(-3px 1px 3px #0a0a0a88)}
.feed-mob img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.feed-card:hover .feed-mob,.feed-card:focus-visible .feed-mob{opacity:1;transform:translate(0,0) rotate(-10deg)}
.live .daily-best .fw{top:25px;right:7px;z-index:5;display:flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #f4d45440;border-radius:6px;background:#1b191af2;color:#ffde49;line-height:12px;white-space:nowrap;box-shadow:0 2px 6px #0004}
.live .daily-best .fw img{width:12px;height:12px;object-fit:contain}
.live .daily-best .fi{top:43px;right:14px;height:59px;width:79px}
.live .daily-best .fi img{width:72px;height:59px;object-fit:contain}
.live .daily-best .fi svg{width:72px;height:55px}

/* Result effects are independent of the server outcome and wheel timing. */
.win-celebration-content{transform:translateY(-38px)}
.win-celebration-glow,.win-particles{top:calc(50% - 65px)}
.win-celebration.show[data-effect="orbit"] .win-celebration-item{animation:winOrbit 1.6s .12s cubic-bezier(.16,1,.3,1) forwards}
.win-celebration.show[data-effect="orbit"] .win-item-stage::after{border-style:dashed;animation:winOrbitRing 1.8s .1s ease-out forwards}
.win-celebration.show[data-effect="orbit"] .win-particles i{border-radius:50%;animation-duration:1.7s}
@keyframes winOrbit{0%{opacity:0;transform:translate(100px,65px) rotate(-45deg) scale(.15)}45%{opacity:1;transform:translate(-20px,-35px) rotate(12deg) scale(1.15)}75%{transform:translate(0,6px) rotate(-3deg) scale(.97)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 25px var(--win-color))}}
@keyframes winOrbitRing{0%{opacity:0;transform:translate(-50%,-50%) rotate(-100deg) scale(.3)}40%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) rotate(100deg) scale(2)}}
.loss-celebration{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#48233166,transparent 60%),#05070ce8;backdrop-filter:blur(10px);opacity:0;transition:opacity .32s;overflow:auto}
.loss-celebration.show{opacity:1}
.loss-content{width:min(760px,100%);text-align:center;position:relative;margin:auto;transform:translateY(-30px)}
.loss-kicker{font-size:10px;letter-spacing:2px;color:#c9a8ae;border:1px solid #80505a66;border-radius:30px;padding:8px 14px;display:inline-block}
.loss-items{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:55px auto 36px;max-width:640px}
.loss-object{width:130px;height:155px;position:relative;animation:lossArrive .65s var(--delay) both}
.loss-fragments{position:relative;width:130px;height:130px}
.loss-shard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:shardBurst 1.55s calc(.95s + var(--delay) + var(--lag)) ease-out forwards;will-change:transform,opacity}
.loss-shard img,.loss-shard svg{width:110px;height:110px;max-width:110px;max-height:110px;object-fit:contain}
.loss-style-1 .loss-shard{animation-name:shardFall;animation-timing-function:cubic-bezier(.55,.02,.85,.5)}
.loss-style-2 .loss-shard{animation-name:shardPixels}
.loss-style-3 .loss-shard{animation-name:shardVortex;animation-duration:1.9s}
.loss-style-4 .loss-shard{animation-name:shardSplit;animation-duration:1.6s}
.loss-style-1 .loss-fragments{animation:collapseShake .45s calc(.7s + var(--delay)) both}
.loss-style-2 .loss-shard{animation-timing-function:steps(12);animation-duration:1.9s}
.loss-style-3 .loss-fragments::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#020104;box-shadow:0 0 15px #b16bdb,0 0 45px #7134a877;animation:blackHole 2.6s calc(.6s + var(--delay)) both}
.loss-style-4 .loss-fragments::after{content:"";position:absolute;left:49%;top:-10%;height:120%;width:2px;background:#fff;box-shadow:0 0 14px #fa8d92;animation:splitSlash .5s calc(.85s + var(--delay)) both;transform:rotate(24deg)}
@keyframes collapseShake{0%,100%{transform:none}20%,60%{transform:translateX(-5px) rotate(-3deg)}40%,80%{transform:translateX(5px) rotate(3deg)}}
@keyframes shardVortex{0%{opacity:1;transform:none}35%{opacity:1;transform:translate(calc(var(--dx)*.3),calc(var(--dy)*.3)) rotate(90deg) scale(.8)}80%{opacity:.7;transform:rotate(480deg) scale(.08)}100%{opacity:0;transform:rotate(600deg) scale(0)}}
@keyframes blackHole{0%{opacity:0;transform:scale(0)}30%,65%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0)}}
@keyframes splitSlash{0%{opacity:0;clip-path:inset(0 0 100%)}40%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes shardSplit{0%,18%{opacity:1;transform:none}50%{opacity:1;transform:translate(var(--dx),0) rotate(calc(var(--rot)*.1))}100%{opacity:0;transform:translate(calc(var(--dx)*1.6),160px) rotate(calc(var(--rot)*.25))}}

.result-effect-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}
.result-effect-options>div{display:grid;gap:10px;background:#15171c;border:1px solid #2a2e37;border-radius:12px;padding:15px}
.result-effect-options label{font-size:12px;font-weight:800;color:#dce0e6}
.result-effect-options select{width:100%;min-width:0;padding:11px 9px;background:#20232a;color:#eee;border:1px solid #383d49;border-radius:8px;font:inherit;font-size:12px;color-scheme:dark}
.result-effect-options button{padding:9px;background:transparent;color:#dfcb6e;border:1px solid #645b3144;border-radius:8px;cursor:pointer;transition:background .2s}
.result-effect-options button:hover{background:#f5d22a13}.result-effect-options select:focus-visible,.result-effect-options button:focus-visible{outline:2px solid #d9c239;outline-offset:2px}
.win-celebration[data-effect="portal"] .win-item-stage::before{width:230px;height:230px;border:5px double #ad80ff;box-shadow:0 0 45px #734aff,inset 0 0 30px #734aff}
.win-celebration.show[data-effect="portal"] .win-item-stage::before{animation:portalGate 2s ease-out forwards}
.win-celebration.show[data-effect="portal"] .win-celebration-item{animation:portalItem 1.9s cubic-bezier(.2,.8,.2,1) forwards}
.win-celebration[data-effect="portal"] .win-celebration-glow{background:radial-gradient(circle,#692dbc66,transparent 65%)}
.win-celebration.show[data-effect="portal"] .win-particles i{animation:none}
@keyframes portalGate{0%{opacity:0;transform:translate(-50%,-50%) rotateX(65deg) scale(.05)}35%{opacity:1;transform:translate(-50%,-50%) rotateX(35deg) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotateX(0) scale(1.5)}}
@keyframes portalItem{0%,25%{opacity:0;transform:scale(0) rotateY(180deg);filter:blur(15px)}65%{opacity:1;transform:scale(1.18) rotateY(0);filter:blur(0) drop-shadow(0 0 25px #9870ff)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 16px #9870ff)}}
.win-celebration[data-effect="hologram"] .win-item-stage{background:repeating-linear-gradient(0deg,transparent 0 9px,#6ef5ff0a 10px 11px)}
.win-celebration.show[data-effect="hologram"] .win-celebration-item{animation:hologramItem 2s steps(16) forwards}
.win-celebration.show[data-effect="hologram"] .win-item-stage::before{width:230px;height:2px;border:0;border-radius:0;background:#acffff;box-shadow:0 0 25px 5px #56eaff;animation:hologramScan 1.9s ease-in-out forwards}
.win-celebration.show[data-effect="hologram"] .win-item-stage::after,.win-celebration.show[data-effect="hologram"] .win-particles i{animation:none}
@keyframes hologramItem{0%{opacity:0;transform:none;clip-path:inset(100% 0 0);filter:brightness(3) hue-rotate(100deg)}25%{opacity:.6}55%{opacity:1;clip-path:inset(35% 0 0);filter:brightness(2)}85%{clip-path:inset(0);filter:brightness(1.5)}100%{opacity:1;transform:none;clip-path:inset(0);filter:drop-shadow(0 0 16px #65eaff)}}
@keyframes hologramScan{0%{opacity:0;transform:translate(-50%,110px)}15%,80%{opacity:1}100%{opacity:0;transform:translate(-50%,-115px)}}
.win-celebration.show[data-effect="assembly"] .win-celebration-item{animation:none;opacity:1;transform:none;filter:drop-shadow(0 0 15px var(--win-color))}
.assembly-shard{position:absolute;inset:0;display:grid;place-items:center;animation:assemblePiece 1.65s var(--ad) cubic-bezier(.16,1,.3,1) both}
.assembly-shard img{width:100%;height:100%;object-fit:contain}
.win-celebration.show[data-effect="assembly"] .win-item-stage::before,.win-celebration.show[data-effect="assembly"] .win-item-stage::after{animation-delay:1.7s}
.win-celebration.show[data-effect="assembly"] .win-particles i{animation-delay:calc(1.7s + var(--d))}
.win-celebration.show[data-effect="assembly"] h2{animation-delay:1.8s}
.win-celebration.show[data-effect="assembly"] p,.win-celebration.show[data-effect="assembly"] .win-celebration-content>button{animation-delay:2s}
@keyframes assemblePiece{0%{opacity:0;transform:translate(var(--ax),var(--ay)) rotate(var(--ar)) scale(.25);filter:brightness(2)}25%{opacity:1}85%{filter:brightness(1.4)}100%{opacity:1;transform:none;filter:none}}
@keyframes prizeDrop{0%{opacity:0;transform:translateY(-260px) rotate(-15deg)}45%{opacity:1;transform:translateY(25px) scale(1.12,.85)}68%{transform:translateY(-20px) scale(.97,1.05)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 20px #e9c63d)}}
@keyframes goldRain{0%{opacity:0;transform:translateY(-100px) rotate(0)}12%,70%{opacity:1}100%{opacity:0;transform:translate(calc(var(--tx)*.3),65vh) rotate(650deg)}}
@media(max-width:550px){.result-effect-options{grid-template-columns:1fr}}
/* Shop and inventory share the same left panel and navigation. */
.inventory-panel.store-active>:is(#myGrid,#emptyInv,#guestBox){display:none!important}
.store-active .inventory-head>:is(#inventorySort,.inventory-total,#inventoryShopBtn){display:none!important}
.store-active .inventory-head{border-radius:13px 13px 0 0;min-height:58px}
#storeInline{min-width:0;background:#101216;border-radius:0 0 13px 13px;container-type:inline-size}
#storeInline .store-box{display:block;width:100%;min-width:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#storeInline .store-title{display:none}
#storeInline .store-toolbar{display:grid;grid-template-columns:1fr 1fr 1.5fr 1.4fr;gap:7px!important;padding:10px 12px!important;background:#191c21;border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff06}
#storeInline .store-toolbar label{min-width:0;grid-column:auto}
#storeInline .store-toolbar label>span{font-size:10px;font-weight:500;letter-spacing:0;text-transform:none;color:#9298a4;margin:0 0 2px 3px}
#storeInline .store-toolbar input,#storeInline .store-toolbar select{min-width:0;width:100%;font-size:11px;height:35px;padding:6px;background:transparent}
#storeInline .store-toolbar select{border-color:#30353f;background:#22262d;color:#d2d6de;border-radius:9px;color-scheme:dark}
#storeInline .store-toolbar label>div{height:35px;min-height:35px;padding:0 7px;gap:4px;border-color:#30353f;background:#22262d;border-radius:9px}
#storeInline .store-toolbar i{width:16px;flex:0 0 16px;font-size:12px}#storeInline .store-toolbar i img{width:13px;height:13px;object-fit:contain}
#storeInline .store-subbar{padding:10px 13px 4px;font-size:10px;background:transparent;color:#717b8c}#storeInline .store-subbar button{color:#909aa9;font-size:10px}
#storeInline .store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:11px!important;max-height:none;overflow:visible}
#storeInline .store-card{min-height:172px;padding:9px;border-radius:12px;text-align:left;border-color:color-mix(in srgb,var(--store-color) 27%,#252a33);background:linear-gradient(155deg,#1c222c,#12161c 80%);box-shadow:inset 0 1px #ffffff04;transition:transform .2s,border-color .2s,box-shadow .2s}
#storeInline .store-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--store-color) 65%,#687080);box-shadow:0 8px 20px #0004}
#storeInline .store-stock{display:none}
#storeInline .store-card-top{justify-content:flex-end;font-size:10px}
#storeInline .store-card-top b{font-size:11px;color:#efd875;display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}#storeInline .store-card-top b img{width:12px;height:12px}
#storeInline .store-card-art{height:70px}
#storeInline .store-card-art .im-wrap{height:68px}
#storeInline .store-card-art .im-wrap img{max-height:66px}
#storeInline .store-card-art .im-wrap svg{width:75px;height:49px}
#storeInline .store-card-copy{margin:3px 0 8px;min-height:28px}
#storeInline .store-card-copy strong{font-size:10px;line-height:14px;font-weight:650;color:#d9dee6;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#storeInline .store-buy{min-height:29px;margin-top:auto;padding:5px 8px;border-radius:7px;font-size:10px;border:1px solid #b298412e;background:linear-gradient(180deg,#383321,#29271d);color:#eed782;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
#storeInline .store-buy:hover:not(:disabled){background:#4b4122;border-color:#d4b84c80;transform:none;filter:none}
#storeInline .store-buy:disabled{font-size:9px;color:#6f7885;background:#22262e;border-color:#313641;opacity:.8}
#storeInline .store-pager{display:flex;flex-wrap:wrap;justify-content:center;padding:12px 8px;background:transparent;border:0;gap:10px}
#storeInline .store-safe{display:none}#storeInline .store-range{font-size:10px}
#storeInline .store-status:empty{display:none}#storeInline .store-status{margin:0 8px;font-size:11px}
@media(min-width:821px) and (max-width:1350px){#storeInline .store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){#storeInline .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#storeInline .store-toolbar{grid-template-columns:1fr 1fr}}
@container(max-width:450px){#storeInline .store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#storeInline .store-toolbar{grid-template-columns:1fr 1fr}}
@container(max-width:320px){#storeInline .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.store-active .inventory-head{background:#191c21}.store-active .inventory-switch{background:#101318}.store-active .inventory-head>b{font-size:14px;font-weight:650}
.action-options .up-mults button{transition:background .2s,border-color .2s,color .2s,transform .2s;position:relative}
.action-options .up-mults button.pick{color:#ffe174;border-color:#9f893e;background:linear-gradient(180deg,#302a17,#19180f);box-shadow:inset 0 1px #fff3af12;animation:multSelect .28s ease-out}
.action-options .up-mults button:active{transform:scale(.96)}
@keyframes multSelect{0%{transform:scale(.96)}55%{transform:scale(1.025)}100%{transform:scale(1)}}
.up-action-row #balBlock{padding:12px 15px 15px;border-radius:13px;border:1px solid #34312a;background:radial-gradient(ellipse at top right,#d2ac2110,transparent 70%),linear-gradient(145deg,#14171c,#0c0e12);box-shadow:inset 0 1px #ffffff05}
.balance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.balance-heading label{font-size:12px;font-weight:600;color:#a8afbb}
.balance-amount{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:#f5d04509;border:1px solid #f5d04518;min-width:65px;justify-content:center}
.balance-amount img{width:14px;height:14px}.balance-amount b{font-size:12px;font-variant-numeric:tabular-nums}
#balRange{display:block;width:100%;height:6px;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:20px;background:linear-gradient(to right,#e7bb32 0%,#ffdf63 var(--p,0%),#2b303c var(--p,0%),#2b303c 100%);cursor:pointer}
#balRange::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:3px solid #ffe893;border-radius:50%;background:#d6a822;box-shadow:0 0 0 4px #f5cf2410,0 2px 5px #0006;transition:box-shadow .2s}
#balRange::-moz-range-thumb{width:10px;height:10px;border:3px solid #ffe893;border-radius:50%;background:#d6a822;box-shadow:0 0 0 4px #f5cf2410}
#balRange:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #f5cf241b,0 2px 5px #0006}
#balRange:focus-visible{outline:2px solid #dfc466;outline-offset:7px}#balRange:disabled{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.action-options .up-mults button.pick{animation:none}}
/* Rarity light is behind the artwork, not behind labels or selected markers. */
.skin{isolation:isolate}
.skin::before{content:"";position:absolute;z-index:-1;inset:5% -8% 8%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--rarity-color,#8294b8) 42%,transparent) 0%,color-mix(in srgb,var(--rarity-color,#8294b8) 20%,transparent) 36%,transparent 72%);filter:blur(9px);opacity:.85;transition:opacity .25s,scale .35s}
.skin:hover::before,.skin.sel::before{opacity:1;scale:1.12}
.skin .top-r,.skin .nm{position:relative;z-index:2}
.store-card::before{background:radial-gradient(ellipse,color-mix(in srgb,var(--store-color) 35%,transparent),transparent 72%);opacity:.9}
.profile-item::before{inset:10% -10% 15%;height:auto;background:radial-gradient(ellipse,color-mix(in srgb,var(--item-color) 32%,transparent),transparent 70%);filter:blur(10px)}
.drop-item .idle-obsidian{--pet-tint:#b061ff}.drop-item .idle-gold{--pet-tint:#ffd658}
.drop-item :is(.idle-obsidian,.idle-gold)>img{animation:idleItemFloat 5s ease-in-out infinite;filter:drop-shadow(0 8px 14px #0006) drop-shadow(0 0 9px color-mix(in srgb,var(--pet-tint) 22%,transparent))}
.idle-particles{position:absolute;inset:0;z-index:2;pointer-events:none}
.idle-particles i{position:absolute;left:20%;top:42%;width:3px;height:8px;background:#b778ff;box-shadow:0 0 9px #a64bf5;opacity:0;animation:obsidianTear 3s ease-in infinite}
.idle-particles i:nth-child(2){left:40%;top:55%;animation-delay:-.6s}.idle-particles i:nth-child(3){left:65%;top:45%;animation-delay:-1.2s}.idle-particles i:nth-child(4){left:76%;top:34%;animation-delay:-1.8s}.idle-particles i:nth-child(5){left:32%;top:33%;animation-delay:-2.4s}
.idle-gold .idle-particles i{top:35%;width:10px;height:10px;background:#fff2a5;box-shadow:none;filter:drop-shadow(0 0 5px #ffd448);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:goldGlimmer 3.4s ease-in-out infinite}
.idle-gold .idle-particles i:nth-child(2){top:55%;animation-delay:-.7s}.idle-gold .idle-particles i:nth-child(3){top:28%;animation-delay:-1.4s}.idle-gold .idle-particles i:nth-child(4){top:46%;animation-delay:-2.1s}.idle-gold .idle-particles i:nth-child(5){top:63%;animation-delay:-2.8s}
@keyframes idleItemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes obsidianTear{0%{opacity:0;transform:translateY(-4px) scaleY(.5)}20%{opacity:.85}75%{opacity:.6}100%{opacity:0;transform:translateY(43px) scaleY(1.3)}}
@keyframes goldGlimmer{0%,100%{opacity:0;transform:translateY(4px) scale(.2) rotate(0)}40%{opacity:.95;transform:translateY(-5px) scale(1) rotate(40deg)}80%{opacity:0;transform:translateY(-20px) scale(.3) rotate(80deg)}}
@media(prefers-reduced-motion:reduce){.drop-item :is(.idle-obsidian,.idle-gold)>img,.idle-particles i{animation:none!important}.idle-particles i{opacity:.5}}
/* Friendly empty slots: pets never cover an actual selected drop. */
.drop-item .empty-pet{--pet-tint:#ffb7bd;position:relative;display:block;width:145px;height:154px;isolation:isolate;pointer-events:none}
.drop-item .pet-kitten{--pet-tint:#ffe2a6}
.drop-item .empty-pet::before{content:"";position:absolute;inset:18% -12% -8%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--pet-tint) 13%,transparent),transparent 70%);filter:blur(10px)}
.drop-item .empty-pet>img{display:block;width:145px!important;height:154px!important;max-width:none!important;max-height:none!important;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 10px #0005);animation:petBreathe 4.5s ease-in-out infinite;transform-origin:50% 95%}
.drop-item .pet-kitten>img{animation-delay:-2s}
.pet-sparkles{position:absolute;inset:-22px 0 0;pointer-events:none;z-index:2}
.pet-sparkles i{position:absolute;left:20%;top:35px;color:var(--pet-tint);font-size:13px;font-style:normal;opacity:0;text-shadow:0 0 9px color-mix(in srgb,var(--pet-tint) 50%,transparent);animation:petSparkle 3.8s ease-out infinite}
.pet-sparkles i:nth-child(2){left:70%;top:42px;font-size:11px;animation-delay:-.8s}.pet-sparkles i:nth-child(3){left:44%;top:25px;font-size:10px;animation-delay:-1.6s}.pet-sparkles i:nth-child(4){left:84%;top:57px;animation-delay:-2.4s}.pet-sparkles i:nth-child(5){left:9%;top:60px;font-size:9px;animation-delay:-3.2s}
@keyframes petBreathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes petSparkle{0%{opacity:0;transform:translateY(8px) scale(.5)}25%{opacity:.85}75%{opacity:.5}100%{opacity:0;transform:translateY(-38px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.drop-item .empty-pet>img,.pet-sparkles i{animation:none!important}.pet-sparkles i{opacity:.55}}
#settingsProfileTab img,#settingsUpgradeTab img{width:23px;height:23px;object-fit:contain;vertical-align:middle;margin-right:7px;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s,transform .25s}
#settingsProfileTab.active img,#settingsUpgradeTab.active img{filter:drop-shadow(0 0 7px #efd55744);opacity:1;transform:translateY(-1px)}
/* Sixth effects retain stored IDs so existing preferences continue working. */
.win-celebration[data-effect="supernova"] .win-celebration-glow{background:radial-gradient(circle,#40db9240,transparent 65%)}
.win-celebration.show[data-effect="supernova"] .win-celebration-item{animation:none;opacity:1;transform:none;filter:drop-shadow(0 0 15px #64df9c)}
.crafted-prize{position:absolute;inset:0;display:grid;place-items:center;animation:craftedReveal .65s 1.45s both}
.craft-cubes{position:absolute;inset:0}
.craft-cubes i{position:absolute;width:19%;height:19%;border:1px solid #a3ffd8;background:linear-gradient(135deg,#99ffd1,#24ac71 55%,#147d52);box-shadow:inset -6px -5px #075d4b66,inset 4px 4px #d2ffe64d,0 0 12px #45d99f66;animation:craftCube 1.8s var(--cd) cubic-bezier(.18,.85,.25,1) both}
.win-celebration.show[data-effect="supernova"] .win-item-stage::before,.win-celebration.show[data-effect="supernova"] .win-item-stage::after{animation:none;opacity:0}
.win-celebration[data-effect="supernova"] .win-particles i{background:#77ffc2;box-shadow:0 0 8px #32d68b;border-radius:0;width:6px;height:6px}
.win-celebration.show[data-effect="supernova"] .win-particles i{animation:winParticle 1.1s calc(1.8s + var(--d)) ease-out forwards}
.win-celebration.show[data-effect="supernova"] h2,.win-celebration.show[data-effect="supernova"] p,.win-celebration.show[data-effect="supernova"] .win-celebration-content>button{animation-delay:2s}
@keyframes craftCube{0%{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(100deg) scale(.35)}20%{opacity:1}65%,78%{opacity:1;transform:none}100%{opacity:0;transform:scale(.4)}}
@keyframes craftedReveal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.loss-style-5 .loss-shard{animation:stoneCollapse 1.4s calc(1.45s + var(--delay) + var(--lag)) cubic-bezier(.55,.04,.8,.5) forwards}
.loss-style-5 .loss-fragments::before,.loss-style-5 .loss-fragments::after{content:none}
.stone-cracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;animation:stoneCracks 1.1s calc(.55s + var(--delay)) both}
.stone-cracks path{fill:none;stroke:#17151d;stroke-width:3;stroke-linejoin:bevel;stroke-dasharray:240;stroke-dashoffset:240;filter:drop-shadow(1px 0 #e6dedcaa);animation:crackDraw .7s calc(.55s + var(--delay)) forwards}
.stone-dust{position:absolute;left:0;right:0;bottom:-45px;height:70px;border-radius:50%;background:radial-gradient(ellipse,#aa9b8570,transparent 65%);filter:blur(8px);opacity:0;animation:stoneDust 1.5s calc(1.8s + var(--delay)) ease-out both}
@keyframes stoneCollapse{0%{opacity:1;transform:none}18%{opacity:1;transform:translate(calc(var(--dx)*.08),-4px)}75%{opacity:.85}100%{opacity:0;transform:translate(calc(var(--dx)*.4),var(--dy)) rotate(calc(var(--rot)*.45)) scale(.8)}}
@keyframes crackDraw{to{stroke-dashoffset:0}}
@keyframes stoneCracks{0%{opacity:0}20%,75%{opacity:1}100%{opacity:0}}
@keyframes stoneDust{0%{opacity:0;transform:scale(.2)}35%{opacity:.8}100%{opacity:0;transform:translateY(12px) scale(2.4,.7)}}
@media(prefers-reduced-motion:reduce){.loss-style-5 .loss-shard{animation:none!important}.stone-cracks,.stone-dust{display:none}.win-celebration.show[data-effect="supernova"] *{animation-duration:.01ms!important;animation-delay:0s!important}}
/* Rotate only artwork, leaving prices and hit targets stationary. */
.drop-item,.skin,.store-card-art,.profile-item-image,.fi{perspective:none}
.drop-rotation-enabled .drop-item>img,.drop-rotation-enabled .drop-item>svg{animation:dropArtFloat 5s ease-in-out infinite;--float-distance:-6px;rotate:none}
.drop-rotation-enabled :is(.skin,.store-card,.profile-item):hover .im-wrap,
.drop-rotation-enabled :is(.skin,.store-card,.profile-item):focus-within .im-wrap,
.drop-rotation-enabled .feed-card:hover .fi>img,.drop-rotation-enabled .feed-card:hover .fi>svg,
.drop-rotation-enabled .feed-card:focus-visible .fi>img,.drop-rotation-enabled .feed-card:focus-visible .fi>svg{animation:dropArtFloat 4.5s ease-in-out infinite;--float-distance:-3px;rotate:none}
@keyframes dropArtFloat{0%,100%{translate:0 0}50%{translate:0 var(--float-distance,-4px)}}
@media(prefers-reduced-motion:reduce){.drop-rotation-enabled .drop-item>img,.drop-rotation-enabled .drop-item>svg,.drop-rotation-enabled .im-wrap,.drop-rotation-enabled .fi>img,.drop-rotation-enabled .fi>svg{animation:none!important;rotate:none!important}}
/* Quiet, stacked event cards; hover/focus pauses the dismissal countdown. */
#notificationToasts{position:fixed;left:20px;bottom:20px;z-index:160;width:min(355px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;pointer-events:none}
.event-toast{--event-accent:#e1c45d;position:relative;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;padding:17px 14px 19px;overflow:hidden;border:1px solid #ffffff19;border-radius:15px;background:radial-gradient(ellipse at 0 0,#c4a94219,transparent 70%),#15181ff5;box-shadow:0 12px 35px #0007,inset 0 1px #ffffff08;backdrop-filter:blur(18px);pointer-events:auto;animation:toastArrive .45s cubic-bezier(.2,1.3,.4,1) both}
.event-toast[data-kind="upgrade"]{--event-accent:#a6dd85}.event-toast[data-kind="deposit"]{--event-accent:#80c9f3}
.toast-icon{width:42px;height:42px;object-fit:contain;padding:4px;border-radius:11px;background:#ffffff06}
.event-toast small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#818a9c;display:block;margin-bottom:5px}.event-toast b{font-size:13px;color:#f1f2f6;display:block}.event-toast p{font-size:12px;line-height:1.5;color:#aeb6c4;margin:6px 0 0;overflow-wrap:anywhere}
.event-toast button{align-self:start;border:0;background:transparent;color:#8390a2;font-size:20px;cursor:pointer;line-height:20px;padding:0}.event-toast button:hover{color:#fff}
.toast-life{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--event-accent);transform-origin:left;animation:toastLifetime 7s linear forwards}
.event-toast:hover .toast-life,.event-toast:focus-within .toast-life{animation-play-state:paused}.event-toast.leaving{animation:toastLeave .25s ease forwards;pointer-events:none}
@keyframes toastArrive{from{opacity:0;transform:translate(-35px,15px) scale(.94)}to{opacity:1;transform:none}}
@keyframes toastLeave{to{opacity:0;transform:translateX(-30px) scale(.97)}}
@keyframes toastLifetime{to{transform:scaleX(0)}}
#notificationPanel{border-color:#ffffff18;border-radius:20px;background:radial-gradient(ellipse at top left,#99862d15,transparent 55%),#101319;box-shadow:0 25px 80px #0009;overflow:hidden}
#notificationList{padding:10px;scrollbar-width:thin;scrollbar-color:#494c52 transparent}
#notificationList .notification-item{margin-bottom:8px;border:1px solid #ffffff08;border-radius:12px;background:#ffffff03;padding:14px;gap:12px;transition:background .2s,border-color .2s}
#notificationList .notification-item.unread{border-color:#c5a63630;background:linear-gradient(115deg,#ac923515,#ffffff03)}
#notificationList .notification-item:hover{background:#ffffff07;border-color:#ffffff20}
#notificationList .notification-item>img{padding:5px;border-radius:10px;background:#ffffff05}
#notificationList .notification-item p{line-height:1.55;font-size:12px}#notificationList .notification-item time{font-size:10px;letter-spacing:.2px}
.upgrade-guide{position:relative;isolation:isolate;padding:26px!important;background:radial-gradient(ellipse at 95% 0,#ada03b20,transparent 52%),linear-gradient(145deg,#151a21,#0b0e13)!important;border:1px solid #ffffff1c!important;border-radius:22px!important;box-shadow:0 30px 100px #000a!important}
.upgrade-guide .m-head{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #ffffff0d}.guide-eyebrow{font-size:9px;letter-spacing:1.7px;color:#a9a071}.upgrade-guide .m-head h3{margin-top:8px;font-size:23px;letter-spacing:-.5px}
.guide-intro{display:flex;align-items:center;gap:18px;padding:15px 18px;margin:10px 0 8px;border:1px solid #dfcd6120;border-radius:14px;background:linear-gradient(100deg,#d2b83d0d,transparent)}
.guide-intro img{width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 0 15px #e6c73325)}.guide-intro p{font-size:13px;line-height:1.7;color:#a4acb9;margin:0}.guide-intro strong{color:#e5dec3;font-weight:600}
.upgrade-guide .guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.upgrade-guide .guide-steps>div{align-items:flex-start;gap:12px;padding:16px 12px;background:#ffffff03;border:1px solid #ffffff09;border-radius:13px}
.upgrade-guide .guide-steps>div>b{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#d3bc4210;border:1px solid #d3bc4224;color:#d9c75f;font-size:11px;display:grid;place-items:center}
.upgrade-guide .guide-steps p{margin:0;font-size:12px;line-height:1.6;color:#949faf}.upgrade-guide .guide-steps p>strong{display:block;color:#e7e9ed;font-size:13px;margin-bottom:6px}
.guide-risk{margin:10px 0 0;padding:12px 14px;border-left:2px solid #b39354;background:#b3935408;border-radius:0 8px 8px 0;color:#b5a68c;font-size:11px;line-height:1.6}
@media(max-width:550px){.upgrade-guide .guide-steps{grid-template-columns:1fr}.upgrade-guide{padding:18px!important}.upgrade-guide .m-head h3{font-size:19px}#notificationToasts{left:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.event-toast{animation:none}.event-toast.leaving{animation:none;opacity:0}.assembly-shard{animation-duration:.01ms!important;animation-delay:0s!important}}
@media(prefers-reduced-motion:reduce){.loss-fragments,.loss-fragments::before,.loss-fragments::after{animation:none!important}.loss-fragments::before,.loss-fragments::after{display:none}.win-celebration.show *{animation-duration:.01ms!important;animation-delay:0s!important}}
.loss-item-name{display:block;position:relative;margin-top:10px;color:#95838d;font-size:11px}
.loss-content h2{font-size:28px;color:#eee7e9;margin:0 0 10px}.loss-content p{color:#a79ca2;font-size:13px}
.loss-content>button{margin-top:20px;border:1px solid #62545c;background:#29232a;color:#f5eef3;border-radius:10px;padding:13px 30px;font-weight:700;cursor:pointer;transition:background .2s}.loss-content>button:hover{background:#40313c}
@keyframes lossArrive{from{opacity:0;transform:translateY(80px) scale(.25)}to{opacity:1;transform:none}}
@keyframes shardBurst{0%{opacity:1;transform:none}25%{filter:brightness(1.5)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.35)}}
@keyframes shardFall{0%{opacity:1;transform:none}20%{transform:translateY(-12px)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.65)}}
@keyframes shardPixels{0%{opacity:1;transform:none}30%{filter:brightness(1.9)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}
@media(max-height:650px){.win-celebration-content,.loss-content{transform:none}.loss-items{margin:24px auto}.win-item-stage{height:190px}}
@media(prefers-reduced-motion:reduce){.loss-object{animation:none}.loss-shard{animation:none;opacity:1}.feed-mob,.live .feed-card .fn,.live .feed-card .fi{transition:none}.win-celebration.show[data-effect="orbit"] *{animation-duration:.01ms!important;animation-delay:0s!important}}
/* Reference layout: 5 × 4 catalogue, controls in the shared header. */
.inventory-panel.inventory-is-empty:not(.store-active){min-height:580px}
.inventory-is-empty:not(.store-active) :is(#myGrid,#inventorySort,.inventory-total,#inventoryShopBtn){display:none!important}
.inventory-panel #emptyInv{position:relative;inset:auto;min-height:515px;background:#17191c;border-radius:0 0 13px 13px}
#emptyInv .empty-inventory-preview{inset:8px 5px 50px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;filter:blur(4px);opacity:.55;transform:none}
#emptyInv .empty-preview-card{min-height:105px;height:105px;padding:6px}
#emptyInv .empty-inventory-card{padding:31px 19px;gap:9px;border:1px solid #ffffff06;border-radius:9px;background:#17191d;box-shadow:0 12px 30px #0006}
#emptyInv .empty-inventory-card b{font-size:13px}#emptyInv .empty-inventory-card .btn{display:flex;align-items:center;justify-content:center;gap:9px;min-width:110px;border:1px solid #ddc700;border-radius:8px;background:#1b211d;color:#f4f4f4;padding:10px;font-size:13px;box-shadow:none}
#emptyInv .empty-inventory-card .btn img{width:15px;height:15px;filter:brightness(0) saturate(100%) invert(87%) sepia(91%) saturate(2200%) hue-rotate(355deg)}
.inventory-head>.store-toolbar{display:none!important}
.store-active .inventory-head{padding:11px;gap:8px;flex-wrap:nowrap;background:#202022}
.store-active .inventory-head>b{font-size:13px;flex:none}
.store-active .inventory-head>.store-toolbar{display:flex!important;align-items:center;flex:1;min-width:0;gap:6px!important;padding:0!important;background:none;border:0}
.inventory-head .store-toolbar .store-field{flex:1;min-width:0}
.inventory-head .store-toolbar .store-field>div{height:38px;border-radius:9px;background:#202123;border:1px solid #353638;gap:3px;padding:0 6px}
.inventory-head .store-toolbar input{width:100%;height:36px;font-size:11px;padding:0;appearance:textfield}.inventory-head .store-toolbar input::-webkit-inner-spin-button{appearance:none}
.inventory-head .store-toolbar .store-field i{width:13px;flex:0 0 13px}.inventory-head .store-toolbar i img{width:13px;height:13px}
.inventory-head .store-toolbar button{height:38px;width:36px;flex:0 0 36px;border:0;border-radius:10px;background:#292a2d;display:grid;place-items:center;cursor:pointer;color:#a4a5a7;padding:8px}
.inventory-head .store-toolbar button>img{width:18px;height:18px}.store-toolbar svg{width:20px;height:20px}.store-search-toggle svg{fill:none;stroke:currentColor;stroke-width:2}
.store-price-caption{display:flex;align-items:center;height:38px;padding:0 10px;flex:0 0 49px;border:1px solid #353638;border-radius:9px;color:#87888c;font-size:11px}
.inventory-head .store-toolbar .store-cart-toggle{position:relative;background:#ffdb09;color:#141414}.store-cart-toggle b{position:absolute;top:-4px;right:-3px;font-size:10px;background:#ffdb09;border:2px solid #202022;border-radius:50%;min-width:15px;height:15px;line-height:11px}
#storeInline .store-subbar,#storeInline .store-range,#storeInline #storePageLabel{display:none}
#storeInline .store-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px!important}
#storeInline .store-card{height:108px;min-height:108px;padding:6px 5px 4px;border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--store-color) 12%,#202229),#13161b);border-color:color-mix(in srgb,var(--store-color) 85%,#555);cursor:pointer}
#storeInline .store-card-art{height:62px}#storeInline .store-card-art .im-wrap{height:60px}#storeInline .store-card-art .im-wrap img{max-height:58px}
#storeInline .store-card-copy{min-height:0;margin:1px 0 0;width:100%}#storeInline .store-card-copy strong{display:block;white-space:nowrap;font-size:10px;font-weight:800;line-height:14px;text-align:center}
#storeInline .store-card-top b{font-size:10px;color:#ffdf35}#storeInline .store-card-top b img{width:10px;height:10px}
#storeInline .store-card.in-cart{border-color:#ffda00;box-shadow:inset 0 0 0 1px #ffda00,0 0 12px #ffda0015}
.cart-selected{position:absolute;top:25px;left:5px;background:#ffda00;color:#111;border-radius:4px;width:17px;height:17px;font-size:12px;z-index:3}
#storeInline .store-pager{padding:12px 0 14px;min-height:58px}#storeInline .store-page-controls{gap:7px}#storeInline .store-page-controls button{border:0;border-radius:10px;background:#232528;width:37px;height:38px;color:#e5e5e5}#storeInline .store-page-controls button:disabled{opacity:.3}
#storeSearchRow{padding:8px}#storeSearchRow input{width:100%;padding:10px;background:#24262b;border:1px solid #3b3e46;border-radius:8px;color:#eee}
#storeCartPanel{margin:8px;padding:13px;background:#1d2025;border:1px solid #45412b;border-radius:10px}.store-cart-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px}#storeCartPanel button{cursor:pointer}.store-cart-heading button,#storeCartItems button{background:none;border:0;color:#aaa;font-size:20px}
#storeCartItems{max-height:200px;overflow:auto;font-size:12px}#storeCartItems>div{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #ffffff09}#storeCartItems span{flex:1}#storeCartItems b{white-space:nowrap;font-size:11px}#storeCartBuy{margin-top:10px;width:100%;padding:10px;border:0;border-radius:7px;background:#ffda00;color:#111;font-weight:800}#storeCartBuy:disabled{opacity:.4}
@media(max-width:1150px) and (min-width:821px){.store-active .inventory-head{flex-wrap:wrap}.store-active .inventory-head>.store-toolbar{flex-basis:100%}}
@media(max-width:520px){.store-active .inventory-head{flex-wrap:wrap}.store-active .inventory-head>.store-toolbar{flex-basis:100%}#storeInline .store-grid,#emptyInv .empty-inventory-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-panel #emptyInv{min-height:515px}}
/* Basket dialog, separate from the catalogue; selection uses a drawn check. */
#storeInline .cart-selected{top:28px;left:6px;width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#ffdb00;box-shadow:0 1px 4px #0003}
.cart-selected svg{width:13px;height:13px;display:block;fill:none;stroke:#20221c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#storeCartPanel.cart-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;margin:0;padding:24px;background:#06080ba6;backdrop-filter:blur(9px);border:0;border-radius:0;overflow:auto}
.cart-dialog{width:min(650px,100%);min-height:470px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#17181c;border:1px solid #ffffff04;border-radius:13px;padding:16px 12px 12px;box-shadow:0 30px 90px #0006;animation:cartReveal .22s ease-out}
.cart-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.cart-modal-head h3{display:flex;align-items:center;gap:7px;font-size:16px;margin:0;color:#eee}
.cart-modal-head h3 svg{width:19px;height:19px;color:#999;fill:#999}
#storeCartClose{width:23px;height:23px;border:0;border-radius:50%;background:#ffffff04;color:#858589;font-size:22px;line-height:20px;padding:0}
.cart-modal-sub{display:flex;align-items:center;justify-content:space-between;color:#939397;font-size:12px;margin-bottom:7px}
#storeCartClear{display:flex;align-items:center;gap:5px;border:0;background:none;color:#9c9ca1;font-size:12px;padding:0}
#storeCartClear svg,.cart-remove svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#storeCartPanel #storeCartItems{max-height:none;min-height:100px;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#46464b transparent}
#storeCartItems .cart-product{display:grid;grid-template-columns:130px minmax(0,1fr) auto 40px;gap:16px;min-height:110px;padding:14px 12px;margin-bottom:8px;border:0;border-radius:12px;background:#222225;align-items:center}
.cart-product-art{display:flex;align-items:center;justify-content:center;height:80px}
.cart-product-art img{width:100px;height:80px;object-fit:contain;filter:drop-shadow(0 6px 10px #0005)}.cart-product-art svg{width:110px;height:65px}
.cart-product-copy{min-width:0}.cart-product-copy small{display:block;color:#8d8d93;font-size:11px;margin-bottom:5px}.cart-product-copy strong{display:block;font-size:15px;line-height:1.35;color:#f4f4f6;overflow-wrap:anywhere}
#storeCartItems .cart-product-price{font-size:15px;color:#ffdb00;display:flex;gap:4px;align-items:center;white-space:nowrap}
.cart-product-price img{width:15px;height:15px}
#storeCartItems .cart-remove{display:grid;place-items:center;width:40px;height:40px;border:1px solid #929296;border-radius:7px;color:#a6a6aa;background:#19191b;padding:0}
#storeCartItems .cart-remove:hover{background:#302429;border-color:#c88a94;color:#eaa3ae}
.cart-modal-footer{padding:23px 74px 0;margin-top:auto}.cart-total-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px;font-size:15px;color:#f3f3f4}.cart-total-row>b:last-child{display:flex;align-items:center;gap:4px}.cart-total-row img{width:15px;height:15px}
.cart-modal-actions{display:flex;justify-content:center;gap:5px}
.cart-modal-actions .cart-cancel{border:1px solid #ffdc00;background:#1d2020;color:#ffdc00;border-radius:7px;padding:11px 15px;font-size:18px}
#storeCartPanel #storeCartBuy{width:242px;min-height:48px;margin:0;border-radius:10px;background:#ffdc00;color:#111;font-size:18px;box-shadow:0 4px 19px #ffda002b;padding:10px}
#storeCartPanel button:disabled{opacity:.4;cursor:not-allowed}
#storeCartStatus{font-size:12px;line-height:1.4;color:#d9c894;margin:5px 5px 0}
#storeCartStatus:empty{display:none}.cart-empty-message{text-align:center;color:#ccc;margin:36px 0}.cart-empty-message small{display:block;margin-top:8px;color:#858590}
#storeCartPanel button:focus-visible{outline:2px solid #fff0a8;outline-offset:3px}
@keyframes cartReveal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){#storeCartPanel.cart-modal{padding:12px}.cart-dialog{max-height:calc(100dvh - 24px);min-height:400px}.cart-modal-footer{padding:20px 10px 0}#storeCartItems .cart-product{grid-template-columns:65px minmax(0,1fr) 32px;gap:10px}.cart-product-art{grid-row:span 2}.cart-product-art img{width:64px;height:64px}.cart-product-copy strong{font-size:13px}#storeCartItems .cart-product-price{grid-column:2;font-size:13px}#storeCartItems .cart-remove{grid-column:3;grid-row:1 / span 2;width:32px;height:36px}.cart-modal-actions .cart-cancel,#storeCartPanel #storeCartBuy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cart-dialog{animation:none}}
#storeInline .store-card-select{position:absolute;inset:0;width:100%;height:100%;z-index:2;border:0;background:transparent;padding:0;border-radius:inherit;cursor:pointer}
#storeInline .store-card-select:focus-visible{outline:2px solid #fff0a3;outline-offset:-3px}
#storeInline .store-card-top,#storeInline .store-card-art,#storeInline .store-card-copy{pointer-events:none}
#storeInline .store-card.in-cart{background:radial-gradient(ellipse at 50% 100%,#ffdc0066,transparent 80%),linear-gradient(145deg,#302b14,#171819);border-color:#ffdc00}
#storeInline .store-card.in-cart .store-card-copy{visibility:hidden}
#storeInline .store-quantity{position:absolute;z-index:4;bottom:5px;left:5px;right:5px;height:28px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 4px;background:#ffdd16;color:#151717;border-radius:20px;box-shadow:0 0 12px #ffdb0025;font-size:12px}
#storeInline .store-quantity button{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;background:#20251d;border:0;border-radius:50%;color:#ffdd16;font-size:18px;line-height:1;padding:0;cursor:pointer}
#storeInline .store-quantity button:hover{background:#3c432b}
#storeInline .store-quantity button:focus-visible{outline:2px solid #fff;outline-offset:1px}
#storeInline .store-quantity button:disabled{opacity:.45;cursor:wait}
#storeInline .store-pager{justify-content:space-between;padding:12px 10px 14px}
.store-footer-cart{display:flex;gap:6px;align-items:center}
.store-footer-cart button{height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;cursor:pointer}
#storeFooterClear{width:36px;background:#25272b;color:#909396}#storeFooterClear:disabled{opacity:.35}
.store-footer-cart svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.store-footer-cart .store-footer-checkout{position:relative;gap:5px;padding:0 12px;background:#ffdb00;color:#131610;min-width:108px;font-size:12px}
.store-footer-checkout>img{width:14px;height:14px;filter:brightness(.25)}.store-footer-checkout>svg{margin-left:7px}
#storeFooterCount{position:absolute;right:-2px;top:-6px;min-width:17px;padding:1px 3px;border-radius:20px;background:#ffdc00;border:2px solid #17191c;font-size:10px;font-weight:800}
.store-active .inventory-head .store-cart-toggle{display:none}

/* Four staged destruction scenes: heat, slicing, ice, and a mechanical press. */
.special-loss{isolation:isolate}
.loss-whole,.laser-slices,.laser-slices>span{position:absolute;inset:0;display:grid;place-items:center}
.loss-whole>img,.laser-slices img{width:110px;height:110px;object-fit:contain}.loss-whole>svg,.laser-slices svg{width:110px;height:80px}
.fire-bed,.burn-embers,.laser-sparks,.frost-snow,.crusher-rubble{position:absolute;inset:0;pointer-events:none}
.burn-prize{animation:burnAway 2.5s calc(.6s + var(--delay)) linear both}
.fire-bed i{position:absolute;left:var(--x);bottom:5%;width:28px;height:65px;border-radius:70% 15% 60% 25%;background:linear-gradient(0deg,#ffea91,#ff8e26 42%,#ed482b99 75%,transparent);mix-blend-mode:screen;filter:blur(2px);transform-origin:50% 100%;animation:fireRise 2.3s calc(.6s + var(--delay) + var(--t)) both}
.burn-embers i{position:absolute;left:var(--x);top:60%;width:3px;height:5px;background:#ffba55;box-shadow:0 0 7px #ee6d29;animation:emberLift 2s calc(1s + var(--delay) + var(--t)) both}
@keyframes burnAway{0%{opacity:1;clip-path:inset(0);filter:none}30%{filter:sepia(.7) brightness(.8) drop-shadow(0 6px 9px #f67b22)}75%{opacity:1;clip-path:inset(0 0 75%);filter:brightness(.25)}100%{opacity:0;clip-path:inset(0 0 100%)}}
@keyframes fireRise{0%{opacity:0;transform:scale(.3,.1)}25%{opacity:.85;transform:rotate(-8deg) scale(.8,1)}55%{opacity:.75;transform:translateY(-15px) rotate(9deg) scale(.65,1.3)}100%{opacity:0;transform:translateY(-75px) scale(.1,.4)}}
@keyframes emberLift{0%{opacity:0;transform:none}20%{opacity:1}100%{opacity:0;transform:translate(var(--px),calc(var(--py)*1.5)) rotate(var(--r)) scale(.2)}}
.laser-slices>span{animation:laserSeparate 1.6s calc(1.8s + var(--delay) + var(--t)) cubic-bezier(.3,.05,.7,.6) both}
.laser-head{position:absolute;left:-15%;width:130%;top:0;height:2px;background:#fff2f7;box-shadow:0 0 8px 2px #ff2d78,0 0 20px #d925a0;animation:laserCut 1.5s calc(.5s + var(--delay)) linear both}
.laser-head::before,.laser-head::after{content:"";position:absolute;top:-4px;width:6px;height:10px;background:#ffa7c7;box-shadow:0 0 14px #ff346d}.laser-head::after{right:0}
.laser-sparks i{position:absolute;left:var(--x);top:50%;height:2px;width:8px;background:#ffd5ec;animation:laserSpark .6s calc(.9s + var(--delay) + var(--t)) both}
@keyframes laserCut{0%{opacity:0;transform:translateY(0)}10%,90%{opacity:1}100%{opacity:0;transform:translateY(128px)}}
@keyframes laserSeparate{0%{opacity:1;transform:none}35%{opacity:1;transform:translateX(calc(var(--side)*25px))}100%{opacity:0;transform:translate(calc(var(--side)*100px),90px) rotate(calc(var(--side)*12deg))}}
@keyframes laserSpark{0%{opacity:0;transform:none}15%{opacity:1}100%{opacity:0;transform:translate(var(--px),var(--py)) rotate(var(--r)) scale(.1)}}
.frost-prize{animation:freezePrize 2.2s calc(.4s + var(--delay)) both}
.ice-shell{position:absolute;inset:0;pointer-events:none}
.ice-shell i{position:absolute;inset:0;background:linear-gradient(140deg,#e3fbffbb,#76cbea99 50%,#d5f9ffaa);border:1px solid #d9fbff;animation:iceShatter 2.5s calc(.4s + var(--delay)) both}
.frost-snow i{position:absolute;left:var(--x);top:10%;width:4px;height:4px;background:#c9f8ff;box-shadow:0 0 5px #9be0f5;animation:snowFall 2.5s calc(.4s + var(--delay) + var(--t)) both}
@keyframes freezePrize{0%{opacity:1;filter:none}55%,80%{opacity:1;filter:grayscale(1) brightness(1.8) drop-shadow(0 0 10px #80d8f6)}100%{opacity:0;transform:scale(.8);filter:grayscale(1) brightness(2)}}
@keyframes iceShatter{0%{opacity:0;transform:scale(.8)}45%,68%{opacity:.9;transform:none}75%{opacity:1;transform:translate(2px,-2px)}100%{opacity:0;transform:translate(var(--px),var(--py)) rotate(var(--r)) scale(.3)}}
@keyframes snowFall{0%{opacity:0;transform:translateY(-35px)}30%{opacity:.9}100%{opacity:0;transform:translate(calc(var(--px)*.3),115px) rotate(180deg)}}
.crushed-prize{animation:pressItem 2.5s calc(.4s + var(--delay)) both}
.crusher-jaw{position:absolute;left:-12%;width:124%;height:30px;z-index:3;border:2px solid #737b80;border-radius:3px;background:repeating-linear-gradient(135deg,#b4932d 0 8px,#25292c 8px 16px);box-shadow:inset 0 5px #ffffff18,inset 0 -6px #0008;animation:pressJaw 2.6s calc(.4s + var(--delay)) both}
.jaw-top{top:-35px;--press:83px}.jaw-bottom{bottom:-35px;--press:-83px}
.crusher-rubble i{position:absolute;left:var(--x);top:50%;width:8px;height:8px;border:1px solid #a29787;background:#665f55;animation:pressDebris 1.1s calc(1.6s + var(--delay) + var(--t)) both}
.crusher-smoke{position:absolute;inset:20% -30%;background:radial-gradient(ellipse,#b2a18b66,transparent 65%);filter:blur(8px);animation:pressSmoke 1.4s calc(1.5s + var(--delay)) both}
@keyframes pressJaw{0%{opacity:0;transform:translateY(0)}15%{opacity:1}42%,60%{opacity:1;transform:translateY(var(--press))}100%{opacity:0;transform:none}}
@keyframes pressItem{0%,30%{opacity:1;transform:none}48%,65%{opacity:1;transform:scale(1.2,.08);filter:brightness(.6)}75%,100%{opacity:0;transform:scale(1.3,0)}}
@keyframes pressDebris{0%{opacity:0;transform:none}15%{opacity:1}100%{opacity:0;transform:translate(calc(var(--px)*1.7),110px) rotate(var(--r)) scale(.4)}}
@keyframes pressSmoke{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(2.2,.6)}}

/* Victory scenes use props and different paths, not just recoloured bursts. */
.win-celebration.show:is([data-effect="treasure"],[data-effect="forge"],[data-effect="comet"],[data-effect="blossom"]) .win-celebration-item{animation:none;opacity:1;transform:none;filter:none;isolation:isolate}
.scene-prize{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.scene-prize img{width:180px;height:180px;object-fit:contain}
.win-celebration.show:is([data-effect="treasure"],[data-effect="forge"],[data-effect="comet"],[data-effect="blossom"]) :is(h2,p,.win-celebration-content>button){animation-delay:2s}
.win-celebration.show:is([data-effect="treasure"],[data-effect="forge"],[data-effect="comet"],[data-effect="blossom"]) .win-item-stage::before,.win-celebration.show:is([data-effect="treasure"],[data-effect="forge"],[data-effect="comet"],[data-effect="blossom"]) .win-item-stage::after{animation:none}
.loot-chest{position:absolute;left:20px;right:20px;bottom:0;height:90px;animation:chestFade 3s both}
.chest-box,.chest-lid{position:absolute;left:0;right:0;display:block;border:5px solid #3f2819;background:repeating-linear-gradient(0deg,#a26a2e 0 12px,#895321 12px 15px);box-shadow:inset 8px 0 #d4a151,inset -8px 0 #d4a151}
.chest-box{height:60px;bottom:0}.chest-box::after{content:"";position:absolute;left:45%;top:-8px;width:16px;height:23px;background:#ffe3a0;border:3px solid #715221}
.chest-lid{height:32px;top:0;transform-origin:50% 100%;animation:chestOpen 1.3s .35s both}
.chest-light{position:absolute;bottom:35px;left:5%;width:90%;height:180px;background:linear-gradient(0deg,#ffe27799,transparent);clip-path:polygon(25% 100%,75% 100%,100% 0,0 0);animation:chestBeam 2s .6s both}
[data-effect="treasure"] .scene-prize{animation:treasureRise 2s .45s both}
.win-celebration.show[data-effect="treasure"] .win-particles i{animation-delay:calc(1.7s + var(--d))}
@keyframes chestOpen{0%,15%{transform:none}100%{transform:translateY(-25px) rotateX(65deg)}}
@keyframes chestFade{0%{opacity:0;transform:translateY(30px)}20%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(20px)}}
@keyframes chestBeam{0%{opacity:0;transform:scaleY(.2)}35%{opacity:1}100%{opacity:0;transform:scaleY(1.3)}}
@keyframes treasureRise{0%,20%{opacity:0;transform:translateY(65px) scale(.2)}65%{opacity:1;transform:translateY(-20px) scale(.95)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 18px #ffdd76)}}
.forge-anvil{position:absolute;left:5%;bottom:0;width:90%;height:64px;background:linear-gradient(135deg,#a1adb4,#424d59 45%,#1a242f);clip-path:polygon(0 0,100% 0,82% 28%,61% 28%,61% 66%,85% 80%,85% 100%,20% 100%,20% 80%,41% 66%,41% 28%,10% 20%);animation:forgeProp 2.8s both}
.forge-hammer{position:absolute;left:50%;top:-45px;width:22px;height:135px;background:linear-gradient(90deg,#704520,#d59b51,#6f4220);transform-origin:50% 100%;z-index:4;animation:hammerStrike 1.8s .1s both}
.forge-hammer::before{content:"";position:absolute;left:-30px;top:-5px;width:80px;height:43px;background:linear-gradient(135deg,#d3dee3,#4e5e6c);border:4px solid #303e49;border-radius:5px}
.forge-impact{position:absolute;inset:30% -15%;background:radial-gradient(ellipse,#ffe5a0aa,transparent 65%);animation:forgeFlash 1s 1s both}
[data-effect="forge"] .scene-prize{animation:forgedPrize 2.6s both}
.win-celebration.show[data-effect="forge"] .win-particles i{animation-delay:calc(1.1s + var(--d));background:#ffc166}
@keyframes hammerStrike{0%{opacity:0;transform:rotate(-70deg) translateY(-60px)}35%{opacity:1;transform:rotate(-45deg) translateY(-50px)}60%{opacity:1;transform:rotate(8deg) translateY(40px)}75%{opacity:1;transform:rotate(-20deg) translateY(-15px)}100%{opacity:0;transform:translateY(-100px)}}
@keyframes forgeProp{0%{opacity:0;transform:translateY(30px)}20%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(40px)}}
@keyframes forgeFlash{0%{opacity:0;transform:scale(.2)}25%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
@keyframes forgedPrize{0%{opacity:0;transform:translateY(40px) scale(.45);filter:grayscale(1)}30%,45%{opacity:1;transform:translateY(40px) scale(.45);filter:grayscale(1)}55%{filter:sepia(1) brightness(1.8)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 16px #f3ac54)}}
[data-effect="comet"] .scene-prize{animation:cometPrize 2s cubic-bezier(.2,.8,.2,1) both}
.comet-tail{position:absolute;inset:-70px -170px -10px -70px;background:linear-gradient(135deg,transparent 20%,#62e8ff66 65%,#d7f9ffcc);clip-path:polygon(0 0,100% 72%,80% 100%);animation:cometTrail 1.7s both;filter:blur(6px)}
.comet-orbit{position:absolute;inset:-20%;border:2px solid #80dfff;border-radius:50%;animation:cometOrbit 2s .2s both}
.win-celebration.show[data-effect="comet"] .win-particles i{animation-delay:calc(1.3s + var(--d));background:#8be8ff}
@keyframes cometPrize{0%{opacity:0;transform:translate(-350px,-250px) rotate(-35deg) scale(.3)}55%{opacity:1;transform:translate(20px,15px) rotate(8deg) scale(1.08)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 22px #7fe7ff)}}
@keyframes cometTrail{0%{opacity:0;transform:translate(-350px,-250px) scale(.5)}35%{opacity:.8}80%,100%{opacity:0;transform:none}}
@keyframes cometOrbit{0%{opacity:0;transform:rotate(-40deg) rotateX(65deg) scale(.3)}45%{opacity:.8}100%{opacity:0;transform:rotate(140deg) rotateX(65deg) scale(1.6)}}
.prize-blossom{position:absolute;inset:0}
.prize-blossom i{position:absolute;left:50%;top:50%;width:58px;height:140px;border-radius:80% 15% 80% 15%;transform-origin:0 0;background:linear-gradient(30deg,transparent,var(--petal));animation:petalUnfold 2.8s var(--t) both;box-shadow:inset 0 0 18px #ffffff25}
[data-effect="blossom"] .scene-prize{animation:blossomPrize 2.5s both}
.win-celebration.show[data-effect="blossom"] .win-particles i{animation-delay:calc(1.8s + var(--d));border-radius:50%;background:#d7adff}
@keyframes petalUnfold{0%{opacity:0;transform:rotate(var(--angle)) scale(.05)}40%,65%{opacity:.75;transform:rotate(var(--angle)) scale(1)}100%{opacity:0;transform:rotate(calc(var(--angle) + 15deg)) scale(1.4)}}
@keyframes blossomPrize{0%,15%{opacity:0;transform:scale(.1)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 20px #d2a7ef)}}
@media(prefers-reduced-motion:reduce){.special-loss *{animation:none!important}.special-loss .loss-whole{opacity:1;transform:none;filter:none}.special-loss :is(.fire-bed,.burn-embers,.laser-head,.laser-sparks,.ice-shell,.frost-snow,.crusher-jaw,.crusher-rubble,.crusher-smoke){display:none}.win-celebration.show :is(.scene-prize,.loot-chest,.loot-chest *,.forge-anvil,.forge-hammer,.forge-impact,.comet-tail,.comet-orbit,.prize-blossom i){animation-duration:.01ms!important;animation-delay:0s!important}}
/* Account avatars and one shared display unit for every price icon. */
.user-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.u-avatar,.settings-avatar,.avatar-top{overflow:hidden}
.avatar-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px dashed #6f6634;border-radius:10px;background:#d9c24b08;color:#e8d784;font-size:12px}
.avatar-upload input{font-size:11px;max-width:100%;color:#afb6c2}.avatar-upload input::file-selector-button{border:1px solid #62572e;border-radius:6px;background:#302c1d;color:#ead883;padding:7px 10px;cursor:pointer;margin-right:8px}
.avatar-upload-hint,.currency-explanation{display:block;color:#818a97;font-size:11px;line-height:1.6;margin:8px 0 0}
#avatarUploadStatus{font-size:12px;color:#dacc8f}
body .currency-unit{display:inline-grid!important;place-items:center;flex:0 0 auto;width:14px;height:14px;margin:0;line-height:1;vertical-align:-2px;color:inherit;font-style:normal;font-size:13px;font-weight:800}
body .currency-unit>img{width:100%!important;height:100%!important;object-fit:contain}
body .currency-unit>img{display:block}
body .bal-pill .currency-unit{width:22px;height:22px}
.profile-balance .currency-unit{width:24px;height:24px;font-size:24px}

/* Giveaway card beside the upgrade counter. */
.giveaway-banner{position:relative;isolation:isolate;display:flex;align-items:center;flex:0 0 190px;width:190px;height:64px;padding:0 13px 0 88px;overflow:hidden;border:1px solid #65502a;border-radius:9px;background:radial-gradient(ellipse at 18% 80%,#97701f 0,transparent 65%),linear-gradient(110deg,#59401f,#34231c);color:#fbe6a3;cursor:pointer;text-align:center;box-shadow:inset 0 1px 0 #ffffff0d}
.giveaway-banner>img{position:absolute;left:0;bottom:-15px;width:100px;height:100px;filter:drop-shadow(0 3px 5px #17110c80);transition:transform .25s ease}
.giveaway-banner>span{position:relative;display:grid;gap:2px;font-size:11px;line-height:1.2}
.giveaway-banner b{font-size:12px;font-weight:600;letter-spacing:.5px}
.giveaway-banner:hover{border-color:#b48b3e;background-color:#765221;box-shadow:0 0 20px #dca52b18}
.giveaway-banner:hover>img{transform:translateY(-3px) rotate(-5deg)}
.giveaway-dialog{width:min(420px,calc(100% - 32px));padding:28px;border:1px solid #67512d;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#493719,transparent 65%),#111319;color:#eef1f6;text-align:center;box-shadow:0 24px 90px #0009}
.giveaway-dialog::backdrop{background:#030409c9;backdrop-filter:blur(6px)}
.giveaway-dialog>form:first-child{display:flex;justify-content:flex-end}
.giveaway-dialog>img{display:block;width:136px;height:126px;margin:-12px auto 4px}
.giveaway-dialog .giveaway-eyebrow{color:#ecd089;font-size:11px;letter-spacing:3px;margin:0 0 8px}
.giveaway-dialog h2{margin:0;font-size:28px}
.giveaway-dialog p{color:#aeb2bf;font-size:14px;line-height:1.7;margin:16px 0 24px}
@media(max-width:720px){.top{flex-wrap:wrap;gap:10px}.top-left{display:contents}.top .brand{order:0}.top-right{order:1;margin-left:auto}.giveaway-banner{order:2;flex-basis:100%;width:100%;height:54px;justify-content:center;padding-left:88px}.giveaway-banner>img{left:calc(50% - 100px);bottom:-21px}.giveaway-banner>span{font-size:11px}.giveaway-banner b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.giveaway-banner,.giveaway-banner>img{transition:none}}

/* Six-prize bonus wheel. */
.bonus-dialog{width:min(1180px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px 34px 30px;border:1px solid #45414d;border-radius:24px;color:#f7f5fa;background:radial-gradient(ellipse at 21% 48%,#4d356940,transparent 48%),radial-gradient(ellipse at 68% 95%,#95622a26,transparent 40%),#111219;box-shadow:0 30px 110px #000b;scrollbar-width:thin}
.bonus-dialog::backdrop{background:#04050ae6;backdrop-filter:blur(10px)}
.bonus-topbar,.bonus-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.bonus-topbar>span{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#b9b4c7}.bonus-topbar i{color:#625870;margin:0 12px;font-style:normal}.bonus-topbar form{margin:0}.bonus-intro{text-align:center;margin:6px 0 10px}.bonus-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b79868}.bonus-intro h2{margin:8px 0;font-size:36px;letter-spacing:-1px}.bonus-intro h2 em{font-style:normal;color:#eabc78}.bonus-intro p{font-size:12px;color:#9b97a8;margin:0;line-height:1.6}
.bonus-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);align-items:center;gap:30px}.bonus-stage{min-width:0}.bonus-wheel{--radius:194px;position:relative;width:100%;max-width:580px;aspect-ratio:1;margin:auto;isolation:isolate;border:9px solid #33323f;border-radius:50%;background:repeating-conic-gradient(from calc(var(--sector-angle,60deg) / 2),#30303e 0deg,#272733 calc(var(--sector-angle,60deg) - 1deg),#454250 var(--sector-angle,60deg));box-shadow:inset 0 0 0 3px #565363,inset 0 0 45px #05050b,0 18px 0 #080910,0 22px 48px #0007}
.bonus-wheel::before{content:'';position:absolute;inset:14px;border:1px dashed #8b7e6959;border-radius:50%;z-index:-1}.bonus-orbit{position:absolute;inset:0}.bonus-slot{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radius))) rotate(var(--counter-angle));border:5px solid #41414e;background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--prize-color) 20%,#14151e),#11121b 65%);box-shadow:inset 0 0 0 3px #080910,inset 0 0 20px #000b,0 4px 0 #14141e;transition:border-color .15s,box-shadow .15s}
.bonus-slot-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:9px;text-align:center;gap:4px}.bonus-slot img{width:65%;height:64%;object-fit:contain;filter:drop-shadow(0 6px 5px #0009)}.bonus-slot b{font-size:10px;line-height:1.25;max-width:105px;color:#dcd7e3}.bonus-slot.is-active,.bonus-slot.is-winner{border-color:#edbe71;box-shadow:0 0 26px #e6aa4a77,inset 0 0 25px #ab702744}.bonus-slot.is-winner img{filter:drop-shadow(0 0 12px #f1c45e88)}
.bonus-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43%;aspect-ratio:1;border:6px solid #3c3b49;border-radius:50%;background:radial-gradient(circle at 50% 20%,#383543,#1b1c26 80%);box-shadow:0 0 0 5px #1b1b26,0 6px 15px #0008,inset 0 2px 5px #7c758d38;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14px 5px}.bonus-hub>span{font-size:8px;letter-spacing:3px;color:#a89eaf}.bonus-hub h3{font-size:clamp(19px,2.6vw,30px);line-height:1.05;margin:9px 0 14px;text-align:center;letter-spacing:-.6px}.bonus-spin{width:94%;min-height:43px;padding:8px 3px;border:1px solid #f4c481;border-radius:8px;background:linear-gradient(#edb674,#d5944c);color:#352418;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 5px 18px #09080b66}.bonus-spin:disabled{cursor:default;filter:saturate(.5);opacity:.7}.bonus-skip{display:flex;align-items:center;gap:5px;font-size:9px;color:#aca7b7;margin-top:11px;cursor:pointer}.bonus-skip input{accent-color:#eab573;width:12px;height:12px;margin:0}.bonus-pointer{position:absolute;left:50%;top:-11px;transform:translateX(-50%);width:22px;height:22px;background:linear-gradient(#fff2cc,#dba85b);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 4px 3px #000)}.bonus-status{min-height:38px;text-align:center;font-size:12px;line-height:1.6;color:#edc88d;margin:22px 0 0}
.bonus-details{background:#15151f99;border:1px solid #32303e;border-radius:16px;padding:22px}.bonus-details h3{font-size:21px;margin:9px 0 15px}.bonus-legend-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff09}.bonus-legend-row>img{width:38px;height:38px;object-fit:contain}.bonus-legend-row>div{flex:1;min-width:0}.bonus-legend-row b{font-size:12px}.bonus-legend-row p{color:#9994a7;font-size:10px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}.bonus-legend-row>span{color:#d9bb8a;font-size:11px;white-space:nowrap}.bonus-footnote{font-size:10px;color:#797584;line-height:1.7;margin:15px 0 0}.bonus-history{border-top:1px solid #36313f;padding-top:20px;margin-top:12px}.bonus-history-heading h3{font-size:17px;margin:0}.bonus-history-heading>span{font-size:10px;color:#888290}.bonus-empty{padding:20px;border:1px dashed #3a3445;border-radius:10px;font-size:12px;color:#9e96ab;text-align:center}.bonus-reward{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #ffffff0b}.bonus-reward>img{width:45px;height:45px;object-fit:contain}.bonus-reward>div{flex:1;min-width:0}.bonus-reward b{font-size:13px}.bonus-reward p{margin:5px 0;font-size:11px;color:#a39aaf;line-height:1.5;overflow-wrap:anywhere}.bonus-reward strong{font-size:11px;color:#e6c084}.bonus-reward .btn{font-size:11px;flex-shrink:0}.bonus-claimed{font-size:11px;color:#9dc6af}
@media(max-width:1100px){.bonus-wheel{--radius:clamp(128px,17.2vw,194px)}.bonus-layout{gap:20px}.bonus-dialog{padding:20px}.bonus-hub h3{font-size:23px}.bonus-slot b{font-size:9px}.bonus-hub{padding:7px 3px}.bonus-spin{min-height:34px;font-size:10px}.bonus-hub h3{margin:5px 0 9px}}
@media(max-width:800px){.bonus-layout{grid-template-columns:1fr}.bonus-wheel{width:min(580px,100%);--radius:clamp(98px,31vw,194px);margin-top:24px}.bonus-details{padding:20px}.bonus-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px 12px}.bonus-intro h2{font-size:30px}.bonus-intro p{font-size:11px}.bonus-history-heading{align-items:flex-start;flex-direction:column;gap:6px}.bonus-reward{flex-wrap:wrap}.bonus-reward>div{flex-basis:70%}.bonus-reward .btn,.bonus-claimed{margin-left:59px}.bonus-slot b{font-size:clamp(7px,2vw,11px)}.bonus-hub h3{font-size:clamp(17px,4.6vw,30px)}.bonus-hub>span{font-size:7px}.bonus-skip{font-size:8px;margin-top:7px}.bonus-slot-content{padding:5px;gap:0}.bonus-hub{border-width:4px}.bonus-slot{border-width:3px}.bonus-wheel{border-width:6px}}
@media(max-width:380px){.bonus-wheel{--radius:96px}.bonus-hub h3{font-size:16px;margin:4px 0}.bonus-hub>span{display:none}.bonus-spin{min-height:30px;font-size:9px}.bonus-skip{font-size:7px}.bonus-topbar>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bonus-slot{transition:none}}
.bonus-slot-content{position:relative}.bonus-percent-tag{position:absolute;right:16%;top:37%;display:grid;place-items:center;width:27%;aspect-ratio:1;transform:rotate(14deg);border:1px solid #f4a293;border-radius:5px;background:linear-gradient(#c76a61,#913c3d);color:#fff0df;font-size:clamp(13px,2vw,25px);font-weight:900;box-shadow:0 3px 8px #0008}

/* Telegram promo entry points and account rewards. */
.promo-banner{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 0 160px;width:160px;height:64px;padding:0 16px 0 78px;border:1px solid #383740;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 12% 80%,#6f4c3b77,transparent 64%),linear-gradient(120deg,#28242c,#1d1d25);color:#c8bcc1;cursor:pointer;font-size:11px;letter-spacing:.5px}.promo-banner>img{position:absolute;left:-8px;bottom:-27px;width:110px;height:110px;transform:rotate(-18deg);filter:saturate(.65) drop-shadow(0 5px 8px #0008);transition:transform .25s ease}.promo-banner>span{position:relative}.promo-banner:hover{border-color:#a68868;color:#ffe0b4}.promo-banner:hover>img{transform:rotate(-10deg) translateY(-4px)}
.promo-dialog{width:min(660px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:25px 30px;border:1px solid #49404c;border-radius:23px;background:radial-gradient(ellipse at 92% 19%,#8c64472e,transparent 40%),#15141d;color:#f5f1f4;box-shadow:0 30px 100px #000a}.promo-dialog::backdrop{background:#04050bda;backdrop-filter:blur(9px)}.promo-dialog-top{display:flex;align-items:center;justify-content:space-between}.promo-dialog-top>span{font-size:10px;font-weight:700;letter-spacing:2px;color:#a69ba9}.promo-dialog-top form{margin:0}.promo-hero{position:relative;isolation:isolate;padding:26px 0 12px}.promo-hero>img{position:absolute;right:-3px;top:9px;width:220px;height:220px;z-index:-1;transform:rotate(-15deg);filter:saturate(.7) drop-shadow(0 18px 25px #0009)}.promo-hero>span{font-size:9px;letter-spacing:2.2px;color:#bb9d77}.promo-hero h2{font-size:43px;line-height:1.07;letter-spacing:-1.4px;margin:14px 0}.promo-hero em{font-style:normal;color:#edc18d}.promo-hero p{font-size:12px;line-height:1.7;color:#a99fac;max-width:340px}.promo-form{margin-top:15px}.promo-form>label,.profile-promo-label{display:block;font-size:11px;color:#b0a4b7;margin-bottom:9px}.promo-form>div,.profile-promo-card form>div{display:flex;gap:8px}.promo-form input,.profile-promo-card input{width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid #45404b;border-radius:9px;background:#0b0c12;color:#f6f0e8;font-size:13px}.promo-form input::placeholder,.profile-promo-card input::placeholder{color:#796f82}.promo-form .btn,.profile-promo-card .btn{background:linear-gradient(#edc08a,#c99259);color:#2b1c13;box-shadow:0 4px 14px #b37d3520;font-size:12px}.promo-message{min-height:20px;margin:14px 0;font-size:12px;line-height:1.6;color:#cbe0b6}.promo-message.is-error{color:#f3a79d}.promo-perks{display:flex;gap:24px;padding-bottom:20px;border-bottom:1px solid #34303a}.promo-perks>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a69daa}.promo-perks img{width:25px;height:25px;object-fit:contain}.promo-saved h3{font-size:16px;margin:22px 0 14px}.promo-empty{font-size:12px;line-height:1.7;color:#938799;padding:15px;border:1px dashed #39323f;border-radius:9px}.promo-reward{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #342e39}.promo-reward>img{width:44px;height:44px;object-fit:contain}.promo-reward>div{flex:1;min-width:0}.promo-reward small{display:block;font-size:9px;color:#c49d72;letter-spacing:1px;overflow-wrap:anywhere}.promo-reward b{display:block;font-size:12px;margin-top:5px}.promo-reward p{font-size:11px;line-height:1.6;color:#a99dae;margin:5px 0;overflow-wrap:anywhere}.promo-reward strong{font-size:11px;color:#dcca9c}.promo-reward .btn{font-size:10px;flex-shrink:0}.profile-promo-card{display:flex;align-items:center;gap:20px;margin:20px 0;padding:24px;border:1px solid #40353b;border-radius:15px;background:radial-gradient(ellipse at 0 100%,#6e4b2b33,transparent 60%),#101016}.profile-promo-card>img{width:90px;height:90px;object-fit:contain;transform:rotate(-12deg)}.profile-promo-card>div{flex:1}.profile-promo-card>div>span{font-size:9px;color:#b99b72;letter-spacing:2px}.profile-promo-card h2{font-size:22px;margin:6px 0}.profile-promo-card p{font-size:11px;line-height:1.6;color:#a99dab;margin:0}.profile-promo-card form{width:340px;max-width:100%}.profile-promo-link{display:inline-block;padding:0;margin-top:12px;border:0;background:none;color:#d9b786;font-size:11px;cursor:pointer}.profile-promo-link:hover{color:#ffe2a9}
@media(max-width:1280px){.top-left .hstat{display:none}}
@media(min-width:721px) and (max-width:1100px){.top-left{gap:10px}.giveaway-banner{width:160px;flex-basis:160px;padding-left:70px;padding-right:7px}.giveaway-banner>img{left:-12px}.promo-banner{width:120px;flex-basis:120px;padding-right:9px;padding-left:56px}.promo-banner>img{left:-30px}.top{padding-inline:12px;gap:10px}}
@media(max-width:900px){.profile-promo-card{flex-wrap:wrap}.profile-promo-card form{width:100%}.profile-promo-card>img{width:64px;height:64px}}
@media(max-width:720px){.giveaway-banner{flex-basis:calc(50% - 5px);width:calc(50% - 5px);padding-left:65px}.giveaway-banner>img{left:-12px}.promo-banner{order:3;flex-basis:calc(50% - 5px);width:calc(50% - 5px);height:54px;padding-left:65px}.promo-banner>img{left:-16px;bottom:-32px}}
@media(max-width:480px){.promo-dialog{padding:18px}.promo-hero h2{font-size:33px}.promo-hero>img{width:145px;height:145px;right:-16px;top:30px;opacity:.8}.promo-hero p{font-size:11px;max-width:220px}.promo-hero>span{font-size:8px}.promo-form>div,.profile-promo-card form>div{flex-direction:column}.promo-form .btn,.profile-promo-card .btn{min-height:44px}.promo-perks{gap:14px}.promo-perks>span{font-size:9px;gap:5px}.promo-reward{flex-wrap:wrap}.promo-reward>div{flex-basis:70%}.promo-reward .btn,.promo-reward>.bonus-claimed{margin-left:56px}.profile-promo-card{padding:18px;gap:12px}.giveaway-banner>span{font-size:9px}.giveaway-banner b{font-size:10px}.promo-banner{font-size:10px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.promo-banner>img{transition:none}}
@media(max-width:900px){.top{flex-wrap:wrap;gap:10px}.top-left{display:contents}.top .brand{order:0}.top-right{order:1;margin-left:auto}.giveaway-banner{order:2;flex-basis:calc(50% - 5px);width:calc(50% - 5px);height:54px;padding-left:65px;justify-content:center}.giveaway-banner>img{left:calc(50% - 90px);bottom:-21px}.promo-banner{order:3;flex-basis:calc(50% - 5px);width:calc(50% - 5px);height:54px;justify-content:center;padding-left:65px}.promo-banner>img{left:calc(50% - 100px);bottom:-32px}}
@media(max-width:480px){.promo-hero>img{right:12px}}

/* Avatars keep their original proportions, including wide and tall uploads. */
.u-avatar,.settings-avatar,.avatar-top{position:relative;overflow:hidden;padding:0;box-sizing:border-box;flex-shrink:0;aspect-ratio:1}
.avatar-top{flex:0 0 36px;min-width:36px;display:grid;place-items:center}
.u-avatar>.user-avatar-image,.settings-avatar>.user-avatar-image,.avatar-top>.user-avatar-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;border-radius:inherit}
/* Keep account actions reachable when staff role buttons take extra space. */
.top .top-right{min-width:0;flex-wrap:wrap;justify-content:flex-end}.top .user-bar{flex-shrink:0}.top .notification-wrap{display:flex;flex-shrink:0}
@media(max-width:720px){.top .top-right{width:100%;margin-left:0;justify-content:flex-start}.top .user-bar{margin-left:auto;gap:6px}.top .notification-panel{top:145px}}