/* GiftSpin: compact controls, quiet surfaces, one purple accent. */
:root{--control39:#a77bef;--surface39:#19171e;--muted39:#77727f}
button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #cdb5ff;outline-offset:3px}
body .primary,body .deposit-button,body .profile-deposit,body .ref-invite38 button:first-child{background:#b58bf5;border:0;color:#21142f;border-radius:22px;box-shadow:none;font-weight:750}
body .secondary{background:#242129;border:0;border-radius:22px;box-shadow:none;color:#cfc7dd}
body .primary:not(:disabled):hover,body .upgrade-play38:not(:disabled):hover{background:#c8a5ff}
body .primary:active,body .upgrade-play38:active{transform:scale(.985)}
.upgrade-v39{max-width:500px;margin:auto;padding:0 0 26px}.upgrade-title39{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.upgrade-title39 h1{font-size:17px;letter-spacing:-.4px;margin:0}.upgrade-title39>span{color:#776d85;font-size:10px}
.upgrade-dial39{position:relative;width:230px;height:230px;margin:23px auto 28px;padding:8px;border:2px solid #25222b;border-radius:50%}.upgrade-ring39{height:100%;padding:20px;border-radius:50%;background:conic-gradient(from 0deg,#b586f4 0deg,#a274e9 var(--arc),#211e27 var(--arc),#211e27 360deg)}.upgrade-center39{height:100%;border-radius:50%;background:#141218;box-shadow:inset 0 0 0 6px #111015;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.upgrade-center39 strong{color:#fff;font-size:30px;font-weight:800;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}.upgrade-center39>span{color:#78717f;font-size:10px}.upgrade-dial39>span{position:absolute;font-size:8px;color:#625a6c}.dial-top39{top:-15px;left:50%;transform:translateX(-50%)}.dial-bottom39{bottom:-17px;left:50%;transform:translateX(-50%)}.dial-left39{left:-26px;top:49%}.dial-right39{right:-26px;top:49%}
.upgrade-dial39 .upgrade-needle38{inset:-4px;z-index:3}.upgrade-dial39 .upgrade-needle38 svg{fill:none;stroke:#c29aff;stroke-width:2.8;filter:none;width:25px;height:25px;left:calc(50% - 12.5px);top:-2px}
.upgrade-pair39{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 10px}.upgrade-choice39{position:relative;min-width:0;min-height:180px;border:0;border-radius:26px;background:radial-gradient(ellipse at 50% 70%,#a36dec14,transparent 68%),#1b181f;padding:9px;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.upgrade-target39{cursor:pointer}.upgrade-caption39{display:block;width:100%;border-radius:18px;background:#121015;padding:12px 6px;color:#ddd6e8;font-size:10px;line-height:1.3;text-align:center;font-weight:650}.upgrade-mode39{display:flex;width:100%;padding:3px;border-radius:20px;background:#121015}.upgrade-mode39 button{flex:1;border:0;background:none;color:#7e7489;font-size:10px;font-weight:650;border-radius:17px;padding:6px 2px}.upgrade-mode39 [aria-pressed=true]{background:#30263e;color:#d9bcff}
.upgrade-balance39{display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 0}.upgrade-balance39>svg{height:25px;width:25px;color:#a77bef}.upgrade-balance39 label{display:flex;align-items:center;justify-content:center;gap:4px}.upgrade-balance39 input{width:83px;max-width:100%;padding:0;background:transparent;border:0;text-align:right;color:#f2eafa;font-size:27px;font-weight:750;appearance:textfield}.upgrade-balance39 input::-webkit-inner-spin-button{appearance:none}.upgrade-balance39 label>span{font-size:9px;color:#91869f}.upgrade-balance39>div{display:flex;gap:12px}.upgrade-balance39 button{border:0;background:none;color:#9787a9;font-weight:600;font-size:11px;padding:3px 8px}
.upgrade-choice39>.gift-media,.upgrade-select39>.gift-media{width:130px;height:130px;max-width:100%;margin:0;flex:1}.upgrade-select39{border:0;background:none;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%;flex:1;padding:0}.upgrade-select39>span:last-child{font-size:10px;font-weight:650;padding:11px 5px;border-radius:20px;background:#121015;width:100%}.upgrade-empty39{height:130px;display:grid;place-items:center;flex:1;color:#5d496f}.upgrade-empty39 svg{height:60px;width:60px;stroke-width:1.1;opacity:.65}
.upgrade-actions39{display:flex;gap:7px;align-items:center}.icon-button39{flex:0 0 39px;width:39px;height:39px;border:0;border-radius:50%;background:#211d28;color:#8e809d;display:grid;place-items:center;padding:10px}.icon-button39 svg{width:20px;height:20px}.icon-button39[aria-pressed=true]{color:#d0afff;background:#3a2951}.upgrade-actions39 .upgrade-play38{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border-radius:24px;background:#b88af8;color:#251236;box-shadow:none;padding:10px 8px;font-size:13px}.upgrade-play38 svg{height:21px;width:21px}.upgrade-actions39 .upgrade-play38:disabled{opacity:1;background:#211d28;color:#62586e}.upgrade-presets39{display:flex;gap:6px;margin-top:9px}.upgrade-presets39 button{flex:1;border:1px solid transparent;border-radius:19px;background:#211d28;color:#a398b3;padding:7px 1px;font-weight:750;font-size:12px}.upgrade-presets39 [data-upgrade-chance="20"]{border-color:#8668a2}.upgrade-presets39 [data-upgrade-chance="35"]{border-color:#a57ed3}.upgrade-presets39 [data-upgrade-chance="55"]{border-color:#c9a9f8}.upgrade-presets39 button:disabled{opacity:.35}.upgrade-presets39 [aria-pressed=true]{color:#d7b9ff;background:#39294c}.upgrade-feedback39{min-height:14px;text-align:center;font-size:10px;color:#86778f;margin:9px 0 17px}
.upgrade-tabs39{display:flex;background:#1b181f;border-radius:24px;padding:4px;margin-bottom:10px}.upgrade-tabs39 button{width:50%;padding:10px 3px;border-radius:22px;background:none;border:0;color:#867b91;font-size:11px;font-weight:700}.upgrade-tabs39 [aria-pressed=true]{background:#2d2637;color:#f1e8ff}.upgrade-browser39{padding:9px;border-radius:26px;background:#19161e}.upgrade-filter39{display:flex;gap:7px;align-items:center;margin-bottom:9px}.upgrade-filter39 label{display:flex;align-items:center;gap:7px;min-width:0;flex:1;background:#25202d;border-radius:22px;padding:0 11px}.upgrade-filter39 label svg{width:17px;height:17px;flex:0 0 17px;color:#7c708b}.upgrade-filter39 input{background:none;border:0;padding:11px 0;min-width:0;width:100%;font-size:11px;color:#e7dcef}.upgrade-filter39>span{font-size:11px;font-weight:650;display:flex;align-items:center;gap:4px;color:#b9abc9}.upgrade-filter39>span svg{height:14px;width:14px}
.upgrade-v39 .upgrade-grid38{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-v39 .upgrade-grid38>button{position:relative;border:1px solid #ffffff04;background:#24202b;padding:16px 0 0;gap:0;border-radius:16px;overflow:hidden}.upgrade-v39 .upgrade-grid38>button.selected{border-color:#c29aff;background:#352545}.upgrade-v39 .upgrade-grid38 .gift-media{width:100%;height:auto;aspect-ratio:1}.upgrade-price39{position:absolute;top:8px;left:7px;z-index:2;display:flex;align-items:center;gap:3px;border-radius:12px;background:#100c168c;padding:3px 5px;color:#fff;font-size:9px!important;line-height:1}.upgrade-price39 img{width:12px;height:12px}.upgrade-card-name39{background:#17131e;width:100%;padding:9px 6px;min-height:36px;border-radius:14px 14px 0 0;text-align:left;font-size:10px!important;color:#ede4f8!important;font-weight:650}.upgrade-target39 .upgrade-price39{top:12px;left:12px}.upgrade-v39 .upgrade-more38{background:#2b2335;border-radius:20px;font-size:12px;padding:10px}.upgrade-no-gifts39{padding:35px 16px;text-align:center;color:#9887aa}.upgrade-no-gifts39>svg{width:42px;height:42px;color:#a77bef}.upgrade-no-gifts39 h3{font-size:15px;color:#e5d8f3}.upgrade-no-gifts39 p{font-size:12px;line-height:1.5}.upgrade-no-gifts39 button{padding:11px 23px;font-size:12px}.upgrade-catalog39{scroll-margin-top:15px}
/* Real activity, presented as a compact horizontal strip. */
body .live-strip{height:104px;min-height:104px;padding:5px 0 8px;border:0;background:none;margin:3px auto 10px;gap:9px;max-width:1000px;overflow:hidden}body .live-badge{width:33px;min-width:33px;align-self:center;background:none;border:0;box-shadow:none;padding:0;gap:5px}body .live-badge b{font-size:9px;color:#bda6d9;writing-mode:vertical-rl;letter-spacing:2px}body .live-badge i{background:#b98bf8;box-shadow:0 0 7px #a978ee88}body .live-track{gap:8px;padding:3px 6px 8px;align-items:flex-start;height:96px;scrollbar-width:none}body .live-drop{position:relative;display:block;flex:0 0 76px;width:76px;min-width:76px;height:80px;min-height:80px;padding:0;border:0;border-radius:19px;background:linear-gradient(150deg,var(--rarity-wash),#21182d);overflow:visible;box-shadow:none}body .live-drop:after{content:"";position:absolute;width:22px;height:2px;background:var(--rarity-color);bottom:-6px;left:27px;border-radius:3px}body .live-drop .live-tile{width:76px;height:73px;min-width:0;border:0;background:none;border-radius:19px;overflow:hidden;display:block;padding:5px 4px 12px}body .live-tile .gift-media{width:100%;height:100%;margin:0}body .live-tile>img{width:44px;height:44px;object-fit:contain;margin:12px auto 0;display:block}body .live-tile>b{display:none}body .live-name{position:absolute;top:5px;left:5px;max-width:66px;border-radius:10px;background:#17101dad;font-size:8px;padding:2px 4px;display:flex;align-items:center;gap:3px;line-height:12px;color:#fff}body .live-name img{width:10px;height:10px}body .live-user{position:absolute;bottom:4px;left:5px;right:5px;margin:0;color:#e0cfef;background:#17101d9c;border-radius:9px;font-size:7px;line-height:13px;text-align:center;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .live-empty{min-height:73px;background:#19151e;border-radius:18px;border:0;padding:12px 15px}body .live-empty b{font-size:11px}body .live-empty span{font-size:10px}
@media(max-width:700px){body[data-view=upgrade]{background:#121015}body[data-view=upgrade] header{margin-bottom:0}body[data-view=upgrade] .mobile-wordmark,body[data-view=upgrade] .subbar{display:none!important}body[data-view=upgrade] #main{padding:0 16px 100px!important}.upgrade-title39{display:none}.upgrade-dial39{width:210px;height:210px;margin-top:18px;margin-bottom:29px}.upgrade-choice39{min-height:175px}.upgrade-choice39>.gift-media,.upgrade-select39>.gift-media{width:120px;height:120px}.upgrade-empty39{height:115px}.upgrade-center39 strong{font-size:27px}body .live-strip{margin:0 12px 10px;width:calc(100% - 24px)}body .live-empty{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){.upgrade-v39 *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){body[data-view=upgrade]{padding-top:var(--tg-content-safe-top,0px)!important}body[data-view=upgrade]>.live-strip{display:flex!important}body[data-view=upgrade] header{padding:10px 16px 4px!important;min-height:0!important}body[data-view=upgrade] header .account{height:44px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}body[data-view=upgrade] .balance-label{display:none!important}body[data-view=upgrade] .wallet-balance{margin-left:auto}body[data-view=upgrade] .deposit-button{height:34px;min-height:34px;padding:0 13px;font-size:11px}body[data-view=upgrade] .avatar{width:36px!important;height:36px!important}body[data-view=upgrade] .live-strip{height:91px;min-height:91px;margin-bottom:0}body[data-view=upgrade] .upgrade-dial39{width:190px;height:190px;margin-top:19px;margin-bottom:26px}body[data-view=upgrade] .upgrade-choice39{min-height:164px}}
