.raffle-winners-settings{max-width:640px;margin:0 auto}.raffle-winner-count-row input{max-width:5rem;text-align:right;font-weight:700;font-size:1.05rem}.raffle-winners-settings .raffle-v2-input-row input{min-width:0;color:var(--text-primary,#f5f4fb);background:transparent;border:0;outline:0;text-align:right}.raffle-winners-settings .raffle-v2-input-row input::placeholder{color:var(--text-secondary,#a9a6b7)}.raffle-feature-settings,.raffle-security-settings,.raffle-mascot-settings{max-width:640px;margin:0 auto}.raffle-security-try{width:100%;margin-top:4px}.raffle-mascot-gallery{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;align-items:center}.raffle-mascot-gallery>button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:32px;line-height:1}.raffle-mascot-gallery>button:disabled{opacity:.35}.raffle-mascot-card{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04);text-align:center}.raffle-mascot-art{font-size:92px;line-height:1;margin-bottom:12px}.raffle-mascot-card strong{font-size:18px}.raffle-mascot-card p{max-width:250px;margin:10px 0 0;color:#aaa0b5;line-height:1.45}.raffle-promotion-settings{max-width:640px;margin:0 auto}.raffle-review{max-width:760px;margin:0 auto 50px}.raffle-review-card{display:grid;gap:10px}.raffle-review-section{padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.04)}.raffle-review-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.raffle-review-section h3{margin:0;font-size:16px}.raffle-review-section-head button{border:0;background:transparent;color:#c397ff;font-size:13px;font-weight:700}.raffle-review-section dl{display:grid;gap:8px;margin:0}.raffle-review-section dl div{display:flex;justify-content:space-between;gap:14px}.raffle-review-section dt{color:#aaa0b5}.raffle-review-section dd{margin:0;text-align:right;overflow-wrap:anywhere}.raffle-review-muted{margin:0;color:#aaa0b5;line-height:1.45}.raffle-review-channels{display:grid;gap:8px}.raffle-review-channel{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04)}.raffle-review-channel small{color:#aaa0b5}.raffle-review-status{margin:0;font-weight:700}.raffle-review-create,.raffle-review-cancel{width:100%;margin-top:8px}
:root{color-scheme:dark;--bg:#0d0b18;--panel:#191625;--panel-2:#211b31;--text:#faf8ff;--muted:#a9a2bb;--line:rgba(222,204,255,.12);--accent:#753bc4;--accent-light:#bc86ff;--success:#75e2b1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.hidden{display:none!important}img{display:block;max-width:100%}
.app-shell{max-width:1020px;min-height:100dvh;margin:auto;padding:0 clamp(16px,3.7vw,42px) calc(110px + env(safe-area-inset-bottom));background:radial-gradient(circle at 48% -12%,rgba(117,59,196,.2),transparent 36%),var(--bg)}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:var(--text);font-weight:850;font-size:19px;letter-spacing:-.7px;text-align:left}.brand small{display:block;margin-top:4px;color:#9a90af;font-size:10px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7f45ca,#3d1c6c);box-shadow:0 7px 22px rgba(118,57,200,.3)}.brand-mark img{width:27px;height:27px}.avatar{display:grid;place-items:center;overflow:hidden;flex:none;background:linear-gradient(135deg,#549fe6 0%,#3882e0 100%);color:#fff;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:40px;height:40px;border:2px solid rgba(201,162,252,.5);border-radius:50%;font-size:16px}.avatar-large{width:65px;height:65px;border-radius:20px;font-size:26px}.avatar-recipient{width:46px;height:46px;border:1px solid rgba(208,170,255,.35);border-radius:15px;font-size:19px}
.screen{display:none;animation:rise .28s ease}.screen.active{display:block}.screen:not(.active){display:none!important}@keyframes rise{from{transform:translateY(10px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d2a9ff;font-size:10px;font-weight:850;letter-spacing:1.6px}.eyebrow.muted{color:#a882da}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 14px var(--success)}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;min-height:450px;padding:clamp(28px,5vw,56px);border-radius:30px;border:1px solid rgba(188,134,255,.31);background:linear-gradient(117deg,#302052 0%,#211936 52%,#171529 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 37%,rgba(158,91,245,.38),transparent 28%),radial-gradient(circle at 99% 0%,rgba(77,56,159,.25),transparent 40%);z-index:-2}.hero h1{position:relative;z-index:2;font-size:clamp(40px,6vw,66px);line-height:1.05;letter-spacing:-3px;margin:22px 0 19px;max-width:610px}.hero h1 em{font-style:normal;color:#c998ff}.hero p{position:relative;z-index:2;max-width:435px;margin:0;color:#d4c8e0;font-size:15px;line-height:1.65}.hero-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:30px;margin-top:29px;padding:15px 19px;border:1px solid rgba(229,211,255,.2);border-radius:14px;color:#fff;background:#8b4dd8;font-weight:800;box-shadow:0 13px 28px rgba(63,23,113,.32)}.hero-button span{font-size:19px}.hero-art{position:absolute;right:8%;top:18%;width:295px;height:295px;pointer-events:none}.hero-art-core{position:absolute;top:26%;left:26%;width:48%;height:48%;display:grid;place-items:center;border-radius:40px;border:1px solid rgba(255,255,255,.35);background:radial-gradient(circle at 30% 22%,#aa78f0,#602caa 65%,#402266);box-shadow:0 0 60px rgba(184,114,255,.42),inset 0 0 26px rgba(255,255,255,.17);animation:float 5s ease-in-out infinite}.hero-art-core img{width:75%;filter:drop-shadow(0 8px 12px rgba(14,7,22,.3))}.hero-orbit{position:absolute;right:8%;top:18%;width:295px;height:295px;border:1px solid rgba(224,183,255,.17);border-radius:50%;pointer-events:none}.orbit-two{transform:scale(1.32);opacity:.56}.orbit-emoji{position:absolute;width:59px;height:59px;filter:drop-shadow(0 10px 16px rgba(15,4,29,.4));animation:float 5.7s ease-in-out infinite}.orbit-gift{top:4%;right:4%}.orbit-ton{bottom:7%;left:2%;animation-delay:-1.5s}.orbit-premium{bottom:1%;right:0%;width:52px;height:52px;animation-delay:-3s}.hero-light{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(65px);opacity:.27;pointer-events:none;animation:drift 9s ease-in-out infinite alternate}.light-one{right:5%;top:0;background:#c776ff}.light-two{right:27%;bottom:-10%;background:#6743ff;animation-delay:-4s}@keyframes float{50%{transform:translateY(-13px)}}@keyframes drift{to{transform:translate(60px,25px)}}
.notice{border-radius:15px;padding:13px 16px;margin-top:17px;background:#28203b;border:1px solid rgba(188,143,250,.18);color:#e0cff6;font-size:12px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:34px 2px 16px}.section-heading h2{font-size:26px;letter-spacing:-.9px;margin:6px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{min-height:188px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1e192c,#181523)}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#302446}.feature-icon img{width:31px}.feature-card strong{display:block;margin-top:18px;font-size:14px}.feature-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.home-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:23px;border:1px solid rgba(171,113,244,.2);border-radius:20px;background:linear-gradient(105deg,#261938,#1a182a)}.home-cta h2{margin:6px 0 0;font-size:17px;letter-spacing:-.4px}.home-cta button{flex:none;padding:12px 15px;border:1px solid #a774e6;border-radius:12px;background:#3d285c;color:#f5e9ff;font-weight:750;font-size:12px}.home-cta button span{margin-left:7px}
.page-heading{padding:30px 2px 22px}.page-heading h1{margin:8px 0;font-size:clamp(32px,5vw,42px);letter-spacing:-1.5px}.page-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.product-switcher{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}.product-switcher::-webkit-scrollbar{display:none}.product-tab{flex:1;min-width:135px;display:flex;align-items:center;justify-content:center;gap:8px;height:57px;border:1px solid var(--line);border-radius:15px;background:#1c1929;color:#b5aec3;font-weight:800;font-size:13px;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.product-tab img{width:28px;height:28px}.product-tab.active{border-color:#9f65ed;background:linear-gradient(135deg,#4d2b75,#302149);color:#fff;box-shadow:inset 0 0 18px rgba(152,83,239,.13)}
.catalog-layout,.payment-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(265px,1fr);align-items:start;gap:15px;margin-top:6px}.form-panel,.summary-panel,.payment-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel)}.form-panel{padding:clamp(19px,3vw,29px)}.form-title{display:flex;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid var(--line)}.form-product-icon{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,#4e3172,#272039)}.form-product-icon img{width:42px;height:42px}.form-title h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.7px}.form-title p{margin:0;color:var(--muted);font-size:12px}.field-group,.product-controls{margin-top:25px}.field-group label,.product-controls label,.topup-sheet label{display:block;margin-bottom:10px;font-size:13px;font-weight:800}.recipient-input-wrap,.amount-wrap{display:flex;align-items:center;height:54px;border:1px solid #3b3550;border-radius:13px;background:#211d2f;transition:border-color .2s}.recipient-input-wrap:focus-within,.amount-wrap:focus-within,.stepper:focus-within{border-color:#a467ed}.recipient-input-wrap>span{margin-left:16px;color:#bd87fb;font-weight:850;font-size:18px}.recipient-input-wrap input,.amount-wrap input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 13px}.amount-wrap input{font-size:19px;font-weight:800}.amount-wrap>span{margin-right:15px;color:#b59ecb;font-size:12px;font-weight:800}.field-hint{color:#827c96;font-size:11px;margin:9px 2px 0;line-height:1.4}.recipient-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid rgba(128,214,169,.36);border-radius:16px;background:rgba(60,119,93,.11)}.recipient-info{min-width:0;flex:1}.recipient-info strong,.payment-summary strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipient-info span,.payment-summary span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.recipient-verified{flex:none;color:#91e8bd;font-size:10px;font-weight:800}.recipient-status{min-height:15px;margin:9px 3px 0;color:#cfa9f7;font-size:11px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.choice,.duration,.stepper button,.topup-amounts button{border:1px solid #464057;border-radius:12px;background:#272235;color:#d7cbe5;padding:11px 15px;font-size:12px;font-weight:800;white-space:nowrap}.choice.selected,.duration.selected,.topup-amounts button.selected{border-color:#b37af7;background:#593383;color:#fff}.amount-wrap{margin-top:12px}.duration-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.duration{white-space:normal;padding:14px 7px}.stepper{display:flex;align-items:center;gap:6px;border:1px solid #3b3550;border-radius:13px;background:#211d2f;padding:6px}.stepper button{flex:none;min-width:38px;padding:10px 6px;background:#342b47}.stepper input{min-width:0;width:100%;border:0;outline:0;background:none;text-align:center;color:#fff;font-size:17px;font-weight:850}.gift-message{display:flex;gap:14px;margin-top:25px;padding:18px;border:1px solid rgba(166,118,235,.25);border-radius:16px;background:#2a2039}.gift-message>img{flex:none;width:52px;height:52px}.gift-message strong{font-size:14px}.gift-message p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 10px}.text-button{border:0;background:none;color:#c998ff;padding:0;font-size:12px;font-weight:800;text-decoration:none}
.summary-panel{padding:24px;position:sticky;top:15px;background:linear-gradient(145deg,#231a34,#1b1829)}.summary-product{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;font-size:12px}.summary-product span,.summary-price span{color:var(--muted)}.summary-product strong{font-size:13px;text-align:right}.summary-divider{height:1px;background:var(--line);margin:21px 0}.summary-price{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary-price strong{font-size:23px;letter-spacing:-.6px;text-align:right}.summary-panel p{color:var(--muted);font-size:11px;line-height:1.5;margin:17px 0}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:13px;padding:15px 17px;background:linear-gradient(110deg,#8f4bdf,#6e37b8);color:#fff;font-size:13px;font-weight:850;box-shadow:0 12px 30px rgba(103,45,174,.3)}.primary-button span{font-size:20px;line-height:1}.primary-button:disabled{opacity:.5;box-shadow:none}.secure-caption{text-align:center;margin:11px 0 0!important;font-size:10px!important}.form-error{margin-top:16px;padding:12px 14px;border:1px solid rgba(244,123,141,.2);border-radius:12px;background:#422332;color:#ffb9c7;font-size:12px;line-height:1.45}
.payment-panel{padding:26px}.back-link{display:block;margin-bottom:22px;padding:0;border:0;background:none;color:#c39bea;font-size:12px;font-weight:800}.payment-panel h2{margin:6px 0 7px;font-size:28px;letter-spacing:-1px}.payment-intro{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 21px}.payment-summary{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#211c2d}.payment-summary>div:nth-child(2){min-width:0;flex:1}.payment-summary b{font-size:11px;text-align:right;color:#d7b8fb}.payment-methods{display:grid;gap:9px;margin-top:19px}.payment-method{display:flex;align-items:center;gap:11px;width:100%;padding:11px;text-align:left;border:1px solid #433952;border-radius:14px;background:#252035;color:var(--text)}.payment-method>span:nth-child(2){min-width:0;flex:1}.payment-method strong,.payment-method small{display:block}.payment-method strong{font-size:12px}.payment-method small{margin-top:4px;color:#a79eb7;font-size:10px}.method-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#382c51;color:#dec2ff;font-size:21px;font-weight:900}.method-icon img{width:26px}.payment-method i{flex:none;color:#9385a6;font-size:10px;font-style:normal;font-weight:800}.payment-method.unavailable{opacity:.56}.payment-method.admin-method{border-color:#7753a7;background:#302441}.payment-method.admin-method.selected{border-color:#c188ff;background:#422a61}.radio-dot{width:16px;height:16px;border:2px solid #b57bfa;border-radius:50%}.payment-method.selected .radio-dot{background:#b57bfa;box-shadow:inset 0 0 0 3px #422a61}.spend-ack{display:flex;gap:10px;align-items:start;margin-top:18px;color:#d2bfe6;font-size:11px;line-height:1.5}.spend-ack input{accent-color:#a363ee;margin-top:2px}.payment-total>strong{display:block;margin:20px 0;font-size:31px;letter-spacing:-1px}.payment-total p{margin-bottom:24px}.order-result{max-width:570px;margin:40px auto;text-align:center;padding:35px 30px;border:1px solid #5b4380;border-radius:24px;background:radial-gradient(circle at 50% 0%,#3c2659,#1c172a 68%)}.result-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:20px;background:#2f654f;color:#b0ffd2;font-size:29px}.order-result h2{font-size:30px;margin:9px 0}.order-result p{color:var(--muted);font-size:13px;line-height:1.6}.order-result>strong{display:block;margin:18px 0;color:#d6b2ff;font-size:14px;word-break:break-all}.result-actions{display:flex;gap:9px}.result-actions>*{flex:1}.ghost-button{border:1px solid #68409c;border-radius:12px;background:#2c2142;color:#dfc5ff;padding:12px 15px;font-size:12px;font-weight:800}
.profile-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.profile-identity{flex:1;min-width:0}.profile-identity strong{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-identity span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.admin-badge{flex:none;border:1px solid #7756a2;border-radius:8px;padding:6px 8px;color:#d5b4ff;font-size:9px;font-weight:850;letter-spacing:1px}.balance-card{position:relative;overflow:hidden;margin-top:13px;padding:24px;border:1px solid #7550a4;border-radius:20px;background:linear-gradient(125deg,#4b267b,#2c204c 68%,#231c38)}.balance-card>div{position:relative;z-index:1}.balance-card strong{display:block;margin:11px 0 5px;font-size:32px;letter-spacing:-1px}.balance-card p{position:relative;z-index:1;margin:0 0 19px;max-width:410px;color:#d3c1e6;font-size:11px;line-height:1.5}.balance-card>img{position:absolute;right:28px;top:25px;width:103px;opacity:.36;transform:rotate(-20deg)}.balance-button{position:relative;z-index:1;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(255,255,255,.12);color:#fff;padding:11px 14px;font-size:12px;font-weight:800}.balance-button span{margin-left:10px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.profile-stats>div{padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.profile-stats strong{display:block;font-size:25px}.profile-stats span{color:var(--muted);font-size:11px}.profile-heading{margin-top:28px}.orders-list{display:grid;gap:10px}.order-card,.empty-card,.admin-panel{border:1px solid var(--line);border-radius:17px;background:var(--panel)}.order-card{padding:16px}.order-top{display:flex;justify-content:space-between;gap:12px}.order-top strong{font-size:14px}.order-status{max-width:50%;text-align:right;color:#c9a9ef;font-size:11px;line-height:1.3}.order-meta{display:flex;justify-content:space-between;gap:9px;margin-top:13px;color:var(--muted);font-size:11px}.order-code{margin-top:7px;color:#80788f;font-size:10px}.empty-card{padding:28px;text-align:center}.empty-card img{width:40px;margin:0 auto 10px}.empty-card strong,.empty-card span{display:block}.empty-card strong{font-size:13px}.empty-card span{margin-top:5px;color:var(--muted);font-size:11px}.admin-panel{margin-top:18px;padding:19px}.admin-panel strong{display:block;margin-top:9px;font-size:13px}.admin-panel p{color:var(--muted);font-size:11px;line-height:1.5}.support-link{display:flex;justify-content:space-between;margin-top:15px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);text-decoration:none;font-size:13px}.support-link span{color:#c38dff}
.bottom-nav{position:fixed;z-index:5;left:50%;bottom:0;transform:translateX(-50%);width:min(1020px,100%);height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;border-top:1px solid var(--line);background:rgba(20,16,32,.95);backdrop-filter:blur(18px)}.nav-item{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:none;color:#827890}.nav-item span{font-size:25px;line-height:1}.nav-item small{font-size:10px;font-weight:800}.nav-item.selected{color:#c697ff}.sheet-backdrop{position:fixed;z-index:10;inset:0;background:rgba(5,3,11,.72);backdrop-filter:blur(3px)}.topup-sheet{position:fixed;z-index:11;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);max-height:90dvh;overflow:auto;padding:12px 22px calc(26px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:24px 24px 0 0;background:#1d192a}.sheet-handle{width:38px;height:4px;margin:0 auto 20px;border-radius:5px;background:#6a5e7b}.sheet-heading{display:flex;align-items:center;justify-content:space-between}.sheet-heading h2{margin:6px 0 0;font-size:23px}.close-button{width:36px;height:36px;border:0;border-radius:11px;background:#312940;color:#ddd0eb;font-size:22px}.topup-sheet>p{color:var(--muted);font-size:12px;line-height:1.5}.topup-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0}.topup-amounts button{padding:12px 5px}.topup-sheet input{width:100%;height:48px;border:1px solid #4d415e;border-radius:12px;background:#292236;color:#fff;padding:0 14px;outline:0}.topup-methods{display:grid;gap:8px;margin-top:21px}.topup-methods span{padding:13px;border:1px solid var(--line);border-radius:12px;color:#81768e;font-size:12px}.toast{position:fixed;z-index:20;left:50%;bottom:calc(83px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(420px,calc(100% - 32px));padding:13px 16px;border:1px solid #745297;border-radius:13px;background:#302440;color:#fff;text-align:center;font-size:12px;box-shadow:0 16px 38px #0007}
@media(max-width:750px){.hero{min-height:400px}.hero-art{right:-6%;top:30%;width:235px;height:235px;opacity:.55}.hero-orbit{right:-6%;top:30%;width:235px;height:235px}.hero h1{max-width:500px}.hero p{max-width:360px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2;min-height:140px}.catalog-layout,.payment-layout{grid-template-columns:1fr}.summary-panel{position:static}}
@media(max-width:480px){.app-shell{padding-left:15px;padding-right:15px}.topbar{height:67px}.hero{min-height:410px;padding:27px 22px}.hero h1{font-size:39px;letter-spacing:-2px;max-width:330px}.hero p{font-size:13px;max-width:270px}.hero-art{right:-23%;top:35%;opacity:.38}.hero-orbit{right:-23%;top:35%;opacity:.4}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:0;padding:17px}.feature-card strong{margin-top:9px}.home-cta{align-items:stretch;flex-direction:column}.home-cta button{align-self:start}.product-tab{min-width:118px;height:53px;font-size:12px}.product-tab img{width:25px;height:25px}.page-heading{padding-top:25px}.form-panel,.payment-panel{padding:19px}.summary-panel{padding:21px}.duration{font-size:11px}.recipient-verified{font-size:9px}.payment-summary b{max-width:105px}.topup-amounts{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Shared compact notification: clear of Telegram's native controls, swipeable, and split-dissolves. */
.toast.toast-case-notification{
  top:max(12px,env(safe-area-inset-top));bottom:auto;z-index:40;overflow:hidden;
  width:fit-content;max-width:min(360px,calc(100vw - 28px));padding:9px 13px;border:1px solid rgba(198,151,255,.38);border-radius:14px;
  background:linear-gradient(110deg,rgba(43,31,61,.98),rgba(31,31,49,.98));
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 18px rgba(155,91,217,.09);
  font-size:12px;font-weight:700;font-variant-caps:normal;letter-spacing:0;line-height:1.35;text-align:center;overflow-wrap:anywhere;
  transform:translate(-50%,-150%);opacity:0;
  transition:transform .34s cubic-bezier(.2,.85,.25,1),opacity .26s ease,border-color .22s ease,background .22s ease;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;
}
.toast.toast-case-notification.is-entered{transform:translate(-50%,0);opacity:1}
.toast.toast-case-notification[data-variant="success"]{border-color:rgba(91,207,151,.58);background:linear-gradient(110deg,rgba(21,61,51,.98),rgba(29,42,50,.98));box-shadow:0 12px 32px rgba(0,0,0,.34),0 0 22px rgba(73,190,133,.15)}
.toast.toast-case-notification[data-variant="neutral"]{border-color:rgba(166,151,190,.42)}
.toast.toast-case-notification[data-variant="error"]{border-color:rgba(240,91,116,.62);background:linear-gradient(110deg,rgba(76,31,47,.98),rgba(43,31,49,.98));box-shadow:0 12px 32px rgba(0,0,0,.34),0 0 22px rgba(220,68,99,.14)}
.toast.toast-case-notification.is-dismissing{opacity:0;filter:blur(1.5px);transform:translate(-50%,-8px) scale(.97);transition:opacity .48s ease,filter .48s ease,transform .48s ease}
.toast.toast-case-notification.is-dismissing::before,.toast.toast-case-notification.is-dismissing::after{content:"";position:absolute;inset:0;border:inherit;border-radius:inherit;background:inherit;pointer-events:none}
.toast.toast-case-notification.is-dismissing::before{clip-path:polygon(0 0,52% 0,44% 22%,55% 39%,43% 58%,52% 76%,42% 100%,0 100%);animation:case-toast-split-left .48s ease forwards}
.toast.toast-case-notification.is-dismissing::after{clip-path:polygon(52% 0,100% 0,100% 100%,42% 100%,53% 77%,43% 58%,56% 39%,45% 22%);animation:case-toast-split-right .48s ease forwards}
@keyframes case-toast-split-left{to{transform:translate(-20px,-9px) rotate(-2deg);opacity:0;filter:blur(3px)}}
@keyframes case-toast-split-right{to{transform:translate(20px,9px) rotate(2deg);opacity:0;filter:blur(3px)}}
@media(max-width:600px){.toast.toast-case-notification{width:fit-content;max-width:calc(100vw - 28px);padding:9px 13px;font-size:12px}}
@media(max-width:600px){body.telegram-miniapp .toast.toast-case-notification{top:max(176px,calc(var(--telegram-header-offset,56px) + 120px))}}
@media(prefers-reduced-motion:reduce){.toast.toast-case-notification,.toast.toast-case-notification.is-entered,.toast.toast-case-notification.is-dismissing{transition-duration:.01ms}.toast.toast-case-notification.is-dismissing::before,.toast.toast-case-notification.is-dismissing::after{animation-duration:.01ms}}

/* Keep every product tab fully inside the phone viewport. */
@media(max-width:600px){
  #screen-catalog .catalog-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:stretch}
  #screen-catalog .catalog-intro .product-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;height:auto;min-width:0;overflow:visible;padding:4px;border-radius:14px;scroll-snap-type:none}
  #screen-catalog .catalog-intro .product-tab{width:100%;min-width:0;min-height:42px;height:42px;justify-content:center;gap:5px;padding:0 6px;font-size:clamp(9px,2.8vw,11px);letter-spacing:-.1px;white-space:nowrap}
  #screen-catalog .catalog-intro .product-tab img{width:19px;height:19px}
}

/* Clear order steps and comfortably tappable amount controls. */
.form-progress{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:16px 0 0;scrollbar-width:none}
.form-progress span{flex:none;padding:7px 10px;border-radius:9px;background:#272135;color:#9287a5;font-size:10px;font-weight:800;white-space:nowrap}
.form-progress .current{background:#553181;color:#f6eaff}
.field-number{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;border-radius:8px;background:#512d78;color:#dfbdff;font-size:11px}
.chip-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}
.choice{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 5px;font-size:12px}
.choice img{width:21px;height:21px;flex:none}
.amount-editor{display:flex;gap:6px;align-items:stretch;margin-top:12px}
.amount-editor>button{flex:none;min-width:41px;border:1px solid #4d405f;border-radius:11px;background:#342841;color:#e6cffd;font-size:13px;font-weight:800}
.amount-editor .amount-wrap{flex:1;min-width:0;margin-top:0}
.amount-editor .amount-wrap input{min-width:0;width:100%;padding:0 8px;text-align:center}
.amount-editor .amount-wrap>span{margin-right:9px}
.gram-choices .choice{min-height:46px}
.summary-product+.summary-product{margin-top:13px}
.summary-product strong{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.summary-panel .summary-divider{margin:18px 0}
.recipient-preview{box-shadow:inset 3px 0 rgba(117,226,177,.8)}
.inline-estimate{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding:14px 16px;border:1px solid rgba(179,122,247,.3);border-radius:14px;background:#2c2040}
.inline-estimate span{font-size:11px;color:#c6b5d8}.inline-estimate strong{font-size:18px;white-space:nowrap}
.payment-total .summary-product{margin-top:17px}
.payment-total .summary-price strong{font-size:26px}
.profile-card{background:linear-gradient(125deg,#251b37,#191625)}
@media(max-width:480px){
  .form-progress{gap:5px}.form-progress span{font-size:9px;padding:7px 8px}
  .chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choice{min-height:45px}
  .amount-editor{gap:4px}.amount-editor>button{min-width:35px;font-size:11px}
  .amount-editor .amount-wrap>span{font-size:10px}
  .stepper{gap:3px}.stepper button{min-width:33px;font-size:11px}
}

/* Earlier mobile fallback; the final mobile polish is defined at the end. */
@media(max-width:899px){
  .account-pill{gap:0!important}
  .account-pill .header-topup{width:26px!important;margin-right:-1px!important}
  .account-pill .header-balance{width:122px!important;min-width:122px!important;height:39px!important;grid-template-columns:1fr!important;grid-template-rows:9px 16px 10px!important;gap:1px!important;overflow:hidden!important;text-align:center!important}
  .account-pill .header-balance small,.account-pill .header-balance strong,.account-pill .header-balance i{width:122px!important;max-width:122px!important;text-align:center!important}
  .account-pill .header-balance strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
  .account-pill .header-balance i{min-height:10px}
}

/* Promo entry is a dedicated sheet so the checkout stays compact and the
   mobile keyboard never competes with the order summary. */
.promo-backdrop{position:fixed;z-index:108;inset:0;background:rgba(5,4,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.promo-dialog{position:fixed;z-index:109;left:50%;bottom:50%;transform:translate(-50%,50%);display:flex;flex-direction:column;gap:12px;width:min(460px,calc(100% - 28px));max-height:min(82dvh,var(--visual-height,82dvh));overflow:hidden;padding:23px;border:1px solid rgba(196,160,225,.25);border-radius:24px;background:linear-gradient(155deg,#241c32,#17141f 78%);box-shadow:0 24px 80px #000a;color:#f6f2f9}
.promo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:38px}
.promo-dialog-head h2{margin:5px 0 0;font-size:24px;letter-spacing:-.04em}
.promo-dialog-hint{margin:0;color:#aaa1b5;font-size:12px;line-height:1.45}
.promo-offers{display:grid;gap:7px;max-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#69507f transparent}
.promo-offer{display:flex;align-items:center;gap:10px;min-height:60px;padding:9px 11px;border:1px solid rgba(200,177,218,.14);border-radius:14px;background:rgba(255,255,255,.045);color:#f6f2fa;text-align:left;transition:border-color .16s ease,background .16s ease}
.promo-offer:hover,.promo-offer:focus-visible{border-color:#a97ad0;background:rgba(142,91,183,.16);outline:none}
.promo-offer-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#714194,#38264d);color:#f3dfff;font-size:18px;font-weight:900}
.promo-offer-copy{display:grid;gap:3px;min-width:0;flex:1}
.promo-offer-copy strong{font-size:12px;letter-spacing:.03em}
.promo-offer-copy small{overflow:hidden;color:#aaa0b4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.promo-offer>b{flex:none;color:#bdeacb;font-size:11px;white-space:nowrap}
.promo-offer.inventory-offer .promo-offer-mark{background:linear-gradient(145deg,#387e62,#25483e)}
.promo-offers-loading,.promo-offers-empty{padding:12px 3px;color:#a9a0b3;font-size:11px;line-height:1.45}
.promo-dialog-label{margin-top:2px;color:#d3c8dc;font-size:11px;font-weight:750}
.promo-dialog-input{display:flex;align-items:center;gap:9px;min-height:49px;padding:4px 5px 4px 14px;border:1px solid rgba(196,160,225,.18);border-radius:14px;background:rgba(255,255,255,.055)}
.promo-dialog-input:focus-within{border-color:#a474c9;box-shadow:0 0 0 3px rgba(164,116,201,.12)}
.promo-dialog-input input{width:0;min-width:0;flex:1;height:40px;padding:0;border:0;outline:0;background:transparent;color:#f6f2f9;font-size:16px;text-transform:uppercase}
.promo-dialog-input input::placeholder{color:#81798b;text-transform:none}
.promo-dialog-input button{flex:none;min-height:38px;padding:0 13px;border:0;border-radius:11px;background:linear-gradient(110deg,#438b5c,#287646);color:#f3fff5;font-size:11px;font-weight:800}
.promo-modal-message{min-height:15px;margin:0;color:#b9d9c2;font-size:10px;line-height:1.4}
.promo-dialog-open .promo-dialog{overscroll-behavior:contain}
@media(max-width:600px){
  .promo-dialog{top:max(10px,env(safe-area-inset-top));bottom:auto;transform:translateX(-50%);width:calc(100% - 20px);max-height:min(82dvh,680px);padding:18px 17px 15px;border-radius:23px;overflow:hidden;overscroll-behavior:contain}
  .promo-dialog-head,.promo-dialog-hint,.promo-dialog-label,.promo-dialog-input,.promo-modal-message{flex:none}
  .promo-dialog-head h2{font-size:22px}
  .promo-offers{flex:1 1 auto;min-height:36px;max-height:min(28dvh,190px)}
  .checkout-keyboard-open .promo-dialog{top:max(8px,env(safe-area-inset-top));bottom:auto;max-height:min(62dvh,440px);padding-bottom:12px;transition:none!important}
  .checkout-keyboard-open .promo-offers{max-height:min(12dvh,88px)}
  .checkout-keyboard-open .promo-dialog-input input{font-size:16px!important}
}
@keyframes balance-swap{0%{opacity:.18;filter:blur(2px)}100%{opacity:1;filter:none}}
.bonus-spin-card{border:1px solid #ffffff1c!important;border-radius:24px!important;background:radial-gradient(circle at 0 0,#3b2b6650,transparent 48%),linear-gradient(150deg,#201831,#12101c 72%)!important;box-shadow:0 20px 50px #0005!important}
.bonus-spin-card[data-case-source="referral"]{background:radial-gradient(circle at 0 0,#7b31523d,transparent 50%),linear-gradient(150deg,#281827,#15111d 72%)!important}
.bonus-spin-head{align-items:center!important}.bonus-spin-head h2{font-size:25px!important;letter-spacing:-.04em}.bonus-demo-badge{border:1px solid #ffffff20;background:#ffffff0b!important;color:#d9c5ed!important;font-weight:850}.bonus-spin-card>p{max-width:600px!important;color:#aaa0b6!important}
.bonus-spin-button,.bonus-spin-button.secondary{min-height:70px!important;border:1px solid #ffffff24!important;border-radius:17px!important;background:linear-gradient(110deg,#7046ab,#4e2a78 58%,#6a3c9c)!important;color:#fff!important;box-shadow:0 12px 26px #12091f66,inset 0 1px #ffffff35!important}.bonus-spin-button.secondary{background:linear-gradient(110deg,#b86467,#81355f 58%,#69318c)!important}
.bonus-button-mark{display:grid!important;place-items:center!important;flex:none!important;width:44px!important;height:44px!important;border:1px solid #ffffff40!important;border-radius:14px!important;background:#ffffff17!important;color:#fff!important;font-size:24px!important;font-weight:950!important;line-height:1!important;box-shadow:inset 0 1px #ffffff4a!important}.bonus-button-mark.referral{color:#ffe0c6;transform:rotate(-8deg)}
.bonus-spin-button>span:not(.bonus-button-mark){display:grid!important;gap:4px!important;min-width:0!important;flex:1!important}.bonus-spin-button b{font-size:14px!important;letter-spacing:-.02em!important}.bonus-spin-button small{font-size:9px!important;opacity:.78!important}.bonus-spin-button>i{width:34px!important;height:34px!important;border:1px solid #ffffff25;background:#ffffff16!important}
.bonus-spin-status{border-color:#ffffff18!important;background:#ffffff08!important}.bonus-spin-card[data-case-source="referral"] .bonus-case-window{border-color:#ff9cbb44;background:linear-gradient(180deg,#190e1ce6,#221329e8);box-shadow:inset 0 0 34px #000b,0 14px 34px #0005}.bonus-spin-card[data-case-source="referral"] .bonus-case-window>i{background:linear-gradient(180deg,#fff0,#ffc1de 20%,#ffc1de 80%,#fff0);box-shadow:0 0 12px #ff86bd}.referral-box{border-color:#ffffff18!important;background:#ffffff07!important}/* legacy-case-rules */
@media(max-width:899px){
  #screen-cases .cases-lobby{grid-template-columns:1fr!important;gap:14px!important}
  #screen-cases .cases-ready-banner{margin-bottom:16px!important;border-radius:18px!important;background:#171521!important}
  #screen-cases .cases-inventory-open{margin-top:14px!important;border-radius:18px!important}
}

/* Mobile-first storefront refinement. */
.app-shell{padding-bottom:calc(165px + env(safe-area-inset-bottom))}
.topbar{height:72px;gap:10px}
.brand{gap:8px;font-size:17px;letter-spacing:-.5px;white-space:nowrap}
.brand small{font-size:9px;letter-spacing:.8px}
.brand-mark{width:35px;height:35px;border-radius:11px;background:#30213f;box-shadow:none;color:#d6a7ff}
.brand-mark svg{width:26px;height:26px}
.account-pill{display:flex;align-items:center;gap:2px;flex:none;height:43px;padding:3px;border:1px solid #514166;border-radius:24px;background:#231c33}
.header-balance{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:56px;padding:0 5px 0 8px;border:0;background:none;color:#fff;text-align:left}
.header-balance small{font-size:8px;color:#b2a4c4;line-height:1.1}.header-balance strong{font-size:12px;line-height:1.3;white-space:nowrap}
.header-topup{width:27px;height:27px;border:0;border-radius:50%;background:#694198;color:#fff;font-size:19px;line-height:1;font-weight:500}
.account-pill .avatar-small{width:34px;height:34px;border:0;border-radius:50%;font-size:14px}
.avatar{display:flex;align-items:center;justify-content:center;padding:0}
.avatar img{display:block;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center}
.hero{min-height:360px;background:linear-gradient(140deg,#271b3c,#161324 72%);box-shadow:none}
.hero h1{max-width:520px;font-size:clamp(34px,5vw,54px);letter-spacing:-2px;line-height:1.1}
.hero h1 em{color:#cda6f2}.hero p{max-width:430px}
.hero-button{min-width:180px;justify-content:space-between;margin-top:25px;padding:12px 15px;border-color:#8f65bb;background:#39264e;box-shadow:none;font-size:13px}
.hero-button span{font-size:18px}
.hero-art{opacity:.33;right:-3%;top:25%}.hero-orbit{opacity:.27}
.feature-card{min-height:156px;background:#1a1626}
.feature-number{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#bc8bf3}
.feature-card strong{margin-top:12px;font-size:15px}.feature-card p{font-size:12px}
.faq-heading{margin-top:35px}.faq-list{display:grid;gap:9px}
.faq-list details{border:1px solid var(--line);border-radius:15px;background:#1a1626;padding:0 16px}
.faq-list summary{position:relative;padding:17px 26px 17px 0;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:1px;top:12px;font-size:22px;color:#c9a1f4;font-weight:400}
.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}
.product-switcher{scrollbar-width:none;overscroll-behavior-inline:contain}.product-tab{flex:0 0 137px;background:#1c1828}.product-tab.active{background:#322249;box-shadow:none}
.catalog-layout{display:block;max-width:680px;margin:6px auto 0}.form-panel{background:#1a1626}
.form-title{padding-bottom:17px}.form-title h2{font-size:21px}.form-title p{font-size:12px}
.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-heading label{margin:0 0 10px}
.self-link{padding:0 0 10px;border:0;background:none;color:#cda3fb;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.recipient-input-wrap{padding-right:6px}.recipient-input-wrap input{font-size:16px}.recipient-clear{flex:none;width:34px;height:34px;border:0;border-radius:9px;background:#3a304b;color:#cdb8e4;font-size:23px;line-height:1}
.stars-input{margin-top:0}.stars-input input{font-size:22px;font-weight:850}.popular-caption{margin:18px 0 10px;color:#a8a0b8;font-size:11px;font-weight:750}
.stars-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.stars-choices .choice{min-height:49px}
.stars-choices .choice img{width:19px;height:19px}
.floating-checkout{position:fixed;z-index:6;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;width:min(500px,calc(100% - 30px));min-height:64px;display:flex;align-items:center;gap:14px;padding:11px 15px;border:1px solid #a874e9;border-radius:18px;background:#7944b8;color:#fff;text-align:left;box-shadow:0 16px 35px #080414a6;transition:transform .32s ease,opacity .32s ease}
.floating-checkout.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.floating-checkout>span:first-child{display:flex;flex-direction:column;gap:3px;flex:1;font-size:14px;font-weight:850}.floating-checkout small{color:#e4d3f5;font-size:10px;font-weight:500}.floating-checkout strong{font-size:15px;white-space:nowrap}.floating-arrow{font-size:22px;line-height:1}
.checkout-open{overflow:hidden}.checkout-backdrop{position:fixed;z-index:10;inset:0;background:#060410c9;backdrop-filter:blur(4px)}
.checkout-sheet{position:fixed;z-index:11;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);max-height:94dvh;overflow:auto;padding:16px 22px calc(28px + env(safe-area-inset-bottom));border:1px solid #504061;border-radius:25px 25px 0 0;background:#1c1729;box-shadow:0 -20px 50px #0008}
.checkout-handle{width:36px;height:4px;margin:0 auto 13px;border-radius:3px;background:#716080}.checkout-close{position:absolute;right:17px;top:16px;width:31px;height:31px;border:0;border-radius:9px;background:#30283e;color:#eee0ff;font-size:22px}
.checkout-sheet h2{margin:7px 0 17px;font-size:26px;letter-spacing:-.8px}.checkout-draft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px;color:#a9a0b7;font-size:11px}.checkout-draft strong{color:#e7d6f5;font-size:12px}.checkout-draft small{flex:0 0 100%;color:#80778e;font-size:10px}
.payment-summary{margin-bottom:20px}.payment-heading{margin:0 0 11px;font-size:13px}
.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
.payment-method{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;min-height:91px;padding:9px 5px;border-color:#4c405e;border-radius:13px;background:#272134;text-align:center}
.payment-method.selected{border-color:#b17cfc;background:#3c2955;box-shadow:inset 0 0 0 1px #9c65de}.payment-method strong{font-size:11px}.payment-method small{margin:0;font-size:10px;color:#bc9bdb}
.method-icon{width:29px;height:29px;border-radius:9px;font-size:18px}.method-icon img{width:23px}
.payment-availability{margin:11px 0 18px;color:#b6abc5;font-size:11px;line-height:1.5}
.checkout-prices{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.checkout-prices>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:#aaa0ba;font-size:12px}.checkout-prices strong{color:#f5eaff;font-size:13px;white-space:nowrap}.checkout-prices .checkout-total{align-items:center;margin-top:6px;padding-top:14px;border-top:1px dashed #554866;color:#fff;font-weight:800}.checkout-prices .checkout-total strong{font-size:22px}
.checkout-sheet .spend-ack{margin:15px 0}.checkout-sheet>.primary-button{margin-top:16px}
@media(min-width:700px){.checkout-sheet{bottom:50%;transform:translate(-50%,50%);border-radius:25px;max-height:88dvh}}
@media(max-width:600px){.hero-art{display:none}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:0}}
@media(max-width:480px){
  .topbar{height:64px}.brand{font-size:15px}.brand-mark{width:32px;height:32px}.brand-mark svg{width:23px;height:23px}
  .hero{min-height:345px;padding:25px 21px}.hero h1{font-size:33px;max-width:290px}.hero p{max-width:300px;font-size:12px}
  .hero-art{display:none}.hero-orbit{right:-23%;top:35%;opacity:.18}
  .feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:0;padding:18px}
  .product-tab{flex:0 0 125px}.stars-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .checkout-sheet{padding-left:17px;padding-right:17px}
}
@media(max-width:340px){.brand small{display:none}.header-balance{min-width:49px}.account-pill{height:40px}.account-pill .avatar-small{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.floating-checkout{transition:none}}

/* Storefront polish: the header follows the page, while controls stay one unit. */
.topbar{position:sticky;top:0;z-index:7;margin:0 -10px;padding:0 10px;background:rgba(13,11,24,.78);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:background .25s,box-shadow .25s}
.topbar.is-scrolled{background:rgba(21,16,33,.94);box-shadow:0 12px 28px #08051259}
.account-pill{gap:4px;padding:3px 4px 3px 6px}
.header-topup{display:grid;place-items:center;flex:none;width:29px;height:34px;padding:0;border:0;border-radius:12px;background:transparent;color:#d7afff;transition:color .2s,transform .2s}
.header-topup svg{display:block;width:20px;height:20px}
.header-topup:hover,.header-topup:focus-visible{color:#fff;transform:scale(1.1)}
.header-balance{padding:0 6px 0 0;min-width:59px}
.account-pill .avatar-small{margin-left:2px}
.hero .eyebrow{color:#d9bbfb;font-size:10px;letter-spacing:1.15px}
.hero h1{font-weight:850}
.hero-button{isolation:isolate;overflow:hidden;min-width:208px;min-height:49px;gap:22px;padding:12px 16px;border:1px solid #c59bf4;border-radius:14px;background:linear-gradient(105deg,#8649c7 0%,#5e328f 58%,#8546c6 100%);box-shadow:0 10px 27px #431c7880,inset 0 1px 0 #ffffff50;font-size:14px;font-weight:850;letter-spacing:-.1px;transition:transform .22s,box-shadow .22s}
.hero-button:before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -90%;width:46%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff52,transparent);animation:cta-sheen 5.5s ease-in-out infinite;pointer-events:none}
.hero-button:hover,.hero-button:focus-visible{transform:translateY(-2px);box-shadow:0 15px 34px #52238c9e,inset 0 1px 0 #ffffff70}
.hero-button:active{transform:translateY(0) scale(.98)}
.hero-button .hero-button-label{position:relative;font-size:14px;line-height:1.25}
.hero-button .hero-button-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff26;font-size:17px;line-height:1}
@keyframes cta-sheen{0%,58%{left:-90%}82%,100%{left:140%}}
.feature-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#241b34,#191624 72%)}
.feature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#bc86ff,transparent 78%)}
.feature-number{display:inline-grid;place-items:center;min-width:33px;height:27px;border:1px solid #765497;border-radius:9px;background:#382750;font-size:11px;letter-spacing:.4px}
.feature-card strong{font-size:16px;letter-spacing:-.3px}
.feature-card p{font-size:12px;line-height:1.6}
.faq-list details{transition:border-color .2s,background .2s}
.faq-list details[open]{border-color:#72539c;background:#211a30}
.bottom-nav{isolation:isolate;overflow:hidden;padding-left:6px;padding-right:6px;background:rgba(21,16,32,.83);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}
.bottom-nav:before{content:"";position:absolute;z-index:0;left:6px;top:6px;width:calc((100% - 12px)/3);height:57px;border:1px solid #c297f077;border-radius:18px;background:linear-gradient(140deg,#ad7bdd47,#5b348671);box-shadow:inset 0 1px 0 #ffffff44,0 5px 18px #864dc62e;-webkit-backdrop-filter:blur(14px) saturate(155%);backdrop-filter:blur(14px) saturate(155%);transform:translateX(0);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.bottom-nav[data-active="catalog"]:before{transform:translateX(100%)}
.bottom-nav[data-active="profile"]:before{transform:translateX(200%)}
.nav-item{position:relative;z-index:1;min-width:0;transition:color .25s,transform .3s}
.nav-item .nav-icon{display:grid;place-items:center;width:25px;height:25px}
.nav-item .nav-icon svg{width:23px;height:23px;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.nav-item.selected{color:#f4e8ff}
.nav-item.selected .nav-icon svg{transform:translateY(-2px)}
.nav-item small{font-size:10px;letter-spacing:.1px}
@media(max-width:480px){.topbar{margin:0 -8px;padding:0 8px}.hero-button{min-width:195px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-button:before{animation:none}.bottom-nav:before,.nav-item,.topbar,.header-topup{transition:none}}

/* Catalog: compact product selector and cleaner, more deliberate typography. */
:root{font-family:Arial,"Helvetica Neue",sans-serif}
.brand,.hero h1,.page-heading h1,.section-heading h2,.form-title h2,.checkout-sheet h2,.order-result h2{font-family:"Arial Black",Arial,"Helvetica Neue",sans-serif;font-weight:900;letter-spacing:-.045em}
.eyebrow{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:900;letter-spacing:.14em}
.eyebrow.muted{background:linear-gradient(100deg,#a775d8,#e4c4ff 47%,#a278d0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-heading{padding-bottom:17px}
.page-heading h1{font-size:clamp(30px,6vw,42px);line-height:1.05}
.page-heading p{font-size:13px;line-height:1.45}
.product-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;overflow:visible;padding:4px;border:1px solid #41364e;border-radius:15px;background:#1a1625}
.product-tab{min-width:0;min-height:48px;height:48px;flex:none;gap:5px;padding:0 5px;border:0;border-radius:11px;background:transparent;color:#a89cb6;font-size:clamp(10px,2.9vw,12px);font-weight:900;transition:background .24s,color .24s,transform .24s,box-shadow .24s}
.product-tab img{width:21px;height:21px;flex:none;object-fit:contain}
.product-tab.active{border:0;background:linear-gradient(125deg,#7545b0,#3e2859);color:#fff;box-shadow:inset 0 1px 0 #ffffff35,0 4px 12px #12082280}
.product-tab:active{transform:scale(.97)}
.product-tab:focus-visible{outline:2px solid #c295fb;outline-offset:2px}
.catalog-layout{margin-top:16px}
.form-panel{padding:5px 1px 22px;border:0;border-radius:0;background:transparent}
.form-title{position:relative;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:17px;border-bottom:1px solid #ffffff1d}
.form-title>div:first-child{min-width:0}
.form-title h2{font-size:clamp(19px,4.3vw,23px);line-height:1.08}
.form-title p{font-size:11px;line-height:1.45}
.speed-wrap{position:relative;flex:none;align-self:center}
.speed-badge{display:flex;align-items:center;justify-content:center;gap:5px;max-width:146px;min-height:31px;padding:5px 7px;border:1px solid #6b567d;border-radius:10px;background:#2a2237;color:#cbb8d9;font-size:10px;font-weight:800;line-height:1.1;text-align:left;transition:box-shadow .2s,transform .2s}
.speed-badge:hover,.speed-badge:focus-visible{transform:translateY(-1px)}
.speed-badge svg{width:12px;height:12px;flex:none;opacity:.8}
.speed-spark{font-size:13px;line-height:1}
.speed-very-fast{border-color:#58c6a4;background:linear-gradient(125deg,#1e5f53,#25382e);color:#c4ffe3;box-shadow:0 0 18px #45d29e45,inset 0 1px 0 #ffffff30}
.speed-fast{border-color:#55aac7;background:#203e4e;color:#d2f4ff;box-shadow:0 0 14px #39a7d241}
.speed-normal{border-color:#a98554;background:#42362c;color:#ffe2ac}
.speed-busy{border-color:#ae6670;background:#4a2936;color:#ffd3d6}
.recipient-input-wrap{position:relative;height:60px;padding:0 45px 0 14px;border-radius:14px;gap:0}
.recipient-input-wrap .recipient-prefix{display:grid;place-items:center;flex:none;width:23px;height:30px;margin:0;color:#ca98ff;font-size:20px;line-height:1}
.recipient-input-wrap input{padding:0 8px;font-size:16px;font-weight:700;line-height:1.2;transition:opacity .16s}
.recipient-input-wrap.resolved{border-color:#68b995;background:#1d302b}
.recipient-input-wrap.resolved input,.recipient-input-wrap.resolved .recipient-prefix{opacity:0}
.recipient-inline{position:absolute;inset:0 45px 0 11px;display:flex;align-items:center;gap:9px;min-width:0;pointer-events:none;animation:inline-user .23s ease-out}
.recipient-inline .avatar-recipient{width:36px;height:36px;border-radius:50%!important;overflow:hidden;flex-shrink:0;font-size:13.5px;font-weight:700;display:grid;place-items:center}
.recipient-inline .recipient-info strong{font-size:12px;line-height:1.15}
.recipient-inline .recipient-info span{font-size:10px;margin-top:3px}
.recipient-verified{display:grid;place-items:center;flex:none;width:20px;height:20px;color:#64dbaa}
.recipient-verified svg{width:20px;height:20px}
.recipient-checking{position:absolute;right:45px;top:50%;transform:translateY(-50%);color:#c6a5e5;font-size:10px;font-weight:700}
.recipient-clear{position:absolute;right:7px;top:50%;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:#d898aa;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.82);transition:opacity .18s,transform .18s,color .18s}
.recipient-clear.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.recipient-clear:hover,.recipient-clear:focus-visible{color:#ffb1c2}
.recipient-clear svg{width:19px;height:19px}
.recipient-status:empty{display:none}
.recipient-status:not(:empty){margin:8px 2px 0;min-height:0;color:#efafc4}
@keyframes inline-user{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.stars-input{height:62px;margin-top:0;padding:0 14px;gap:10px;border-radius:14px}
.stars-input .amount-icon{width:27px;height:27px;flex:none;object-fit:contain}
.stars-input input{flex:1;min-width:35px;padding:0;font-family:"Arial Black",Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1.2}
.stars-input .amount-range{flex:none;margin:0;color:#a99abc;font-size:10px;font-weight:700;white-space:nowrap}
.popular-caption{margin:19px 0 10px;color:#d8cae6;font-size:12px;font-weight:800}
.stars-packages{display:grid;gap:6px;max-height:none;overflow:hidden;padding:1px;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#6c4c91 transparent}
.stars-packages .star-package:nth-child(n+4){display:none}
.stars-packages.expanded{max-height:220px;overflow-y:auto;padding-right:5px}
.stars-packages.expanded .star-package:nth-child(n+4){display:flex}
.star-package{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:8px 12px;border:1px solid #3d354b;border-radius:12px;background:#211c2e;color:#eee4f7;text-align:left;scroll-snap-align:start;transition:background .18s,border-color .18s,transform .18s}
.star-package:hover,.star-package:focus-visible{border-color:#9e72cf;background:#2d2341}
.star-package:active{transform:scale(.99)}
.star-package.selected{border-color:#b481f1;background:linear-gradient(110deg,#3e285b,#2b223b);box-shadow:inset 0 0 0 1px #9c6bc367}
.pack-radio{display:grid;place-items:center;flex:none;width:17px;height:17px;border:2px solid #8f7ca7;border-radius:50%}
.star-package.selected .pack-radio{border-color:#c698ff}
.star-package.selected .pack-radio:after{content:"";width:7px;height:7px;border-radius:50%;background:#c698ff}
.star-package img{width:23px;height:23px;flex:none;object-fit:contain}
.star-package strong{flex:1;min-width:0;font-size:13px;font-weight:900;letter-spacing:-.2px}
.pack-price{flex:none;color:#e6caff;font-size:13px;font-weight:900;white-space:nowrap}
.packages-more{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;margin:7px auto 0;padding:4px 9px;border:0;border-radius:8px;background:transparent;color:#a995ba;font:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:color .18s,background .18s}
.packages-more:hover,.packages-more:focus-visible{color:#e3caf8;background:#ffffff08}.packages-more span{font-size:13px;line-height:1}
.catalog-guide{max-width:680px;margin:9px auto 0}
.catalog-guide .section-heading{margin:24px 2px 13px}
.catalog-guide .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.catalog-guide .feature-card,.catalog-guide .feature-card:last-child{grid-column:auto;min-height:0;padding:16px;border:0;border-radius:15px;background:#1c1828}
.catalog-guide .feature-card:before{display:none}
.catalog-guide .feature-card strong{margin-top:10px;font-size:13px}
.catalog-guide .feature-card p{font-size:11px;line-height:1.5}
@media(max-width:600px){.catalog-guide .feature-grid{grid-template-columns:1fr}.catalog-guide .feature-card,.catalog-guide .feature-card:last-child{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:13px}.catalog-guide .feature-card strong{margin-top:1px}.catalog-guide .feature-card p{grid-column:2;margin-top:3px}}
@media(max-width:360px){.product-tab{flex-direction:column;gap:2px;height:57px;font-size:10px}.product-tab img{width:19px;height:19px}.speed-badge{max-width:116px;font-size:9px}.stars-input .amount-range{font-size:9px}}
@media(prefers-reduced-motion:reduce){.recipient-inline{animation:none}.product-tab,.star-package,.speed-badge,.recipient-clear{transition:none}}

/* Catalog follow-up: genuine Telegram emoji previews and quieter input surfaces. */
.eyebrow,.eyebrow.muted{background:linear-gradient(100deg,#aa79d9 5%,#f1daff 34%,#b88be7 57%,#865ac2 82%,#e0baff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:eyebrow-flow 8s ease-in-out infinite alternate}
@keyframes eyebrow-flow{from{background-position:0 50%}to{background-position:100% 50%}}
.product-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.product-tab{height:42px;min-height:42px;justify-content:flex-start;padding:0 10px;font-size:11px;letter-spacing:-.15px}
.product-tab img{width:23px;height:23px}
.product-tab.active{background:linear-gradient(110deg,#5f347e,#9b61d1,#613890,#7f4bb4);background-size:260% 100%;animation:tab-flow 7s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 #ffffff50,0 5px 15px #652e9b38}
@keyframes tab-flow{from{background-position:0 50%}to{background-position:100% 50%}}
.form-heading-line{display:flex;align-items:center;gap:5px;margin-top:4px}
.form-heading-line img{width:21px;height:21px;flex:none;object-fit:contain}
.form-heading-line h2{margin:0}
.form-title p{margin-top:4px}
.recipient-input-wrap,.amount-wrap,.stepper,.topup-sheet input{border-color:#4c4655;box-shadow:none}
.recipient-input-wrap:focus-within,.amount-wrap:focus-within,.stepper:focus-within,.topup-sheet input:focus{border-color:#807987;box-shadow:none;outline:none}
.recipient-input-wrap.resolved,.recipient-input-wrap.resolved:focus-within{border-color:#68b995}
.recipient-input-wrap .recipient-prefix{width:23px;height:23px;object-fit:contain;filter:brightness(0) saturate(100%) invert(79%) sepia(28%) saturate(931%) hue-rotate(214deg) brightness(100%) contrast(98%)}
.recipient-handle-row,.recipient-inline .recipient-info .recipient-handle-row{display:flex;align-items:center;gap:4px;margin-top:2px}
.recipient-inline .recipient-info #recipient-handle{display:inline;margin:0;color:#b7abbf;font-size:10px}
.recipient-inline .recipient-info strong{font-size:12px}
.recipient-premium-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:17px;height:17px;vertical-align:middle}
.recipient-premium-badge img{width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(184,107,255,.45))}
.stars-input,.gram-input{height:53px;margin-top:0;padding:0 12px;gap:9px;border-radius:12px}
.stars-input .amount-icon,.gram-input .amount-icon{width:25px;height:25px;object-fit:contain}
.stars-input input,.gram-input input{min-width:0;padding:0;font-family:Arial,"Helvetica Neue",sans-serif;font-size:19px;font-weight:800;letter-spacing:-.02em}
.stars-input input::placeholder,.gram-input input::placeholder{color:#a095aa;font-size:11px;font-weight:600;letter-spacing:0;opacity:1}
.stars-input:focus-within input::placeholder,.gram-input:focus-within input::placeholder{color:transparent}
.amount-price{flex:0 1 58%;min-width:0;max-width:58%;overflow:hidden;color:#e4c8fa;font-size:11px;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em}
.stars-packages{padding-right:1px;scrollbar-width:none}
.stars-packages::-webkit-scrollbar{display:none}
@media(max-width:360px){.product-tab{flex-direction:row;height:43px;min-height:43px;gap:4px;padding:0 6px;font-size:10px}.product-tab img{width:20px;height:20px}.amount-price{max-width:86px;font-size:11px}.stars-input input::placeholder,.gram-input input::placeholder{font-size:10px}}
@media(prefers-reduced-motion:reduce){.eyebrow,.eyebrow.muted,.product-tab.active{animation:none}}

/* Compact forms, inline guidance, and a calmer recipient confirmation. */
.catalog-layout{max-width:490px}
.form-panel{width:min(100%,410px);margin-inline:auto}
.field-heading label,.product-controls>label{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.2}
.field-number{flex:none;width:23px;height:23px;margin-right:4px;border-radius:8px;background:#5a347d;color:#f3d9ff;font-size:11px;font-weight:900}
.recipient-input-wrap>.recipient-checking{display:flex;align-items:center;gap:6px;right:43px;margin-left:0;color:#cbbbd8;font-size:11px;font-weight:700;letter-spacing:-.1px;white-space:nowrap}
.checking-spinner{width:13px;height:13px;border:2px solid #aa83d84d;border-top-color:#dcb8ff;border-radius:50%;animation:checking-spin .8s linear infinite}
.recipient-input-wrap.is-checking .recipient-clear{opacity:0;pointer-events:none}
@keyframes checking-spin{to{transform:rotate(360deg)}}
.recipient-name-row,.recipient-inline .recipient-info .recipient-name-row{display:flex;align-items:center;gap:4px;min-width:0;margin:0}
.recipient-name-row strong{min-width:0}
.recipient-inline .recipient-info #recipient-handle{display:block;margin-top:2px}
.recipient-verified{display:none!important}
.helper-line{display:flex;align-items:flex-start;gap:5px;min-height:15px;margin:8px 1px 0;color:#91869e;font-size:10px;line-height:1.4}
.helper-line img{flex:none;width:13px;height:13px;object-fit:contain;opacity:.7;filter:brightness(0) saturate(100%) invert(75%) sepia(14%) saturate(288%) hue-rotate(230deg) brightness(88%) contrast(90%)}
.helper-line.is-error{color:#eaa5b4}
.helper-line.is-error img{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(1150%) hue-rotate(301deg) brightness(102%) contrast(91%)}
.recipient-input-wrap.resolved+.helper-line{display:none}
.product-controls .popular-caption{margin-top:16px}
.ton-emoji{filter:brightness(0) saturate(100%) invert(61%) sepia(93%) saturate(1304%) hue-rotate(162deg) brightness(106%) contrast(101%)}
.gram-input input::placeholder{font-size:11px}
.duration-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.duration{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:4px;min-height:95px;padding:10px 9px;border-color:#494052;border-radius:13px;background:linear-gradient(150deg,#25202f,#1d1b27);text-align:left;font-size:11px}
.duration span{color:#d7c9e5;font-weight:800}
.duration .duration-product{display:flex;align-items:center;gap:3px;color:#f2e3ff;font-size:10px}
.duration-product img{width:15px;height:15px;object-fit:contain}
.duration .duration-months{color:#a99db7;font-size:10px}
.duration strong{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-width:0;margin-top:auto;color:#f4e9ff;font-size:13px;font-weight:900;letter-spacing:-.3px;white-space:normal}
.duration strong s{color:#a89eb5;font-size:9px;font-weight:650;letter-spacing:0;line-height:1.2}
.duration strong b{font-size:12px;font-weight:900;letter-spacing:-.2px;line-height:1.25;white-space:nowrap}
.duration.selected{border-color:#b282e9;background:linear-gradient(145deg,#583583,#392747);box-shadow:inset 0 1px 0 #ffffff2b}
.duration.selected strong{color:#fff}
.gift-message .gift-step{display:flex;align-items:center;gap:7px;margin-top:11px;color:#eadff4;font-size:11px;font-weight:800}
.gift-message .gift-step .field-number{display:grid;place-items:center;margin:0}
@media(max-width:480px){.form-panel{width:min(100%,325px)}.catalog-layout{max-width:100%}.duration{min-height:90px;padding:9px 7px}.duration strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.checking-spinner,.recipient-verified,.recipient-verified.show-coach img{animation:none}.recipient-verified{opacity:1;transform:none}}

/* Orders and the admin-only, auditable internal balance. */
.amount-price:empty,#floating-price:empty{display:none}
.recipient-name-row,.recipient-inline .recipient-info .recipient-name-row{align-items:center;line-height:17px}

.all-orders-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:11px;padding:14px 16px;border:1px solid #6f4a96;border-radius:14px;background:linear-gradient(115deg,#342146,#282036);color:#f1ddff;font-size:12px;font-weight:850;cursor:pointer}
.all-orders-button span{font-size:18px}
#screen-orders{max-width:740px;margin-inline:auto}
#screen-orders .page-heading{margin-bottom:17px}
.orders-filters{padding:13px;border:1px solid #3f3652;border-radius:16px;background:#1e1a2a}
.filter-main{display:grid;grid-template-columns:minmax(0,1fr) 117px 113px;gap:7px}
.orders-filters input,.orders-filters select{min-width:0;width:100%;height:39px;padding:0 9px;border:1px solid #4e455e;border-radius:9px;outline:0;background:#292438;color:#f1e8fa;font-size:11px}
.orders-filters input:focus,.orders-filters select:focus{border-color:#ae7ee0}
.orders-filters details{margin-top:10px;color:#b8a7c7;font-size:11px}
.orders-filters summary{cursor:pointer}
.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.filter-grid label{display:grid;gap:5px;color:#bdafcc;font-size:10px}
.orders-count-label{margin:17px 2px 9px;color:#a99db8;font-size:11px}
.orders-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:15px 0 30px}
.orders-pager button,.order-actions button{padding:8px 11px;border:1px solid #59466d;border-radius:9px;background:#292039;color:#e4cff7;font-size:11px;font-weight:800;cursor:pointer}
.orders-pager button:disabled{opacity:.4;cursor:default}
.orders-pager span{color:#ad9dbd;font-size:11px}
.order-detail{padding:0;overflow:hidden}
.order-detail summary{display:block;padding:16px;cursor:pointer;list-style:none}
.order-detail summary::-webkit-details-marker{display:none}
.order-more{display:block;margin-top:9px;color:#bd90eb;font-size:10px;font-weight:800}
.order-detail[open] .order-more{display:none}
.order-detail-body{padding:0 16px 16px;border-top:1px solid #393047}
.order-detail-body p{color:#c8bdd4;font-size:11px;line-height:1.5}
.order-detail-body dl{margin:12px 0;display:grid;gap:7px}
.order-detail-body dl div{display:flex;justify-content:space-between;gap:12px;font-size:10px}
.order-detail-body dt{color:#9489a3}.order-detail-body dd{margin:0;color:#eadff5;text-align:right;overflow-wrap:anywhere}
.order-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.topup-method-label{display:block;margin-top:19px;color:#e7d8f1;font-size:12px;font-weight:800}
.topup-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.topup-methods button{padding:12px 8px;border:1px solid #4e435d;border-radius:10px;background:#272233;color:#c6bbd1;text-align:left;font-size:11px;font-weight:800;cursor:pointer}
.topup-methods button.selected{border-color:#b083db;background:#4c3169;color:#fff}
.topup-sheet #topup-notice{margin:13px 0;color:#b7a9c5;font-size:11px}
.topup-sheet #topup-submit{width:100%;margin-top:10px}
.promo-box{margin:14px 0;padding:12px;border:1px solid #3f3650;border-radius:12px;background:#201b2b}
.promo-box label{display:block;margin-bottom:8px;color:#c5b6d2;font-size:11px;font-weight:800}
.promo-input-row{display:flex;gap:7px}
.promo-input-row input{min-width:0;flex:1;height:36px;padding:0 10px;border:1px solid #514260;border-radius:8px;outline:0;background:#292137;color:#fff;font-size:11px}
.promo-input-row button{padding:0 10px;border:1px solid #855daf;border-radius:8px;background:#4b306a;color:#f7eafa;font-size:11px;font-weight:800}
.promo-box p{min-height:14px;margin:7px 0 0;color:#c6a9e7;font-size:10px}
@media(max-width:480px){.filter-main{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-main input{grid-column:1/-1}}

/* Checkout polish: compact promo disclosure, clearer payment marks, green payment actions. */
.checkout-sheet .payment-summary{gap:11px;background:rgba(30,27,39,.82)}
.payment-recipient-copy{display:block;min-width:0;flex:1}
.payment-recipient-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px 7px 4px 0;border-radius:12px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.checkout-sheet .payment-summary .payment-recipient-link{display:flex;width:auto;height:auto;min-width:0;flex:1;margin:0;border:0;border-radius:12px;background:transparent;color:inherit;box-shadow:none}
.checkout-sheet .payment-summary .payment-recipient-link[href]:hover,
.checkout-sheet .payment-summary .payment-recipient-link[href]:active,
.checkout-sheet .payment-summary .payment-recipient-link[href]:focus,
.checkout-sheet .payment-summary .payment-recipient-link[href]:focus-visible{background:transparent!important;transform:none!important;box-shadow:none!important;outline:none!important;-webkit-tap-highlight-color:transparent}
.payment-recipient-link .avatar-recipient{flex:none;width:34px;height:34px;border-radius:50%!important;overflow:hidden;font-size:13px;font-weight:700;display:grid;place-items:center}
.payment-recipient-copy strong{display:block;overflow:hidden;color:#f3eef8;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.payment-recipient-copy>span{display:block;overflow:hidden;margin-top:3px;color:#aba2b5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.payment-recipient-link>svg{flex:none;width:29px;height:29px;padding:7px;border-radius:50%;background:#168bd0;color:#fff;fill:currentColor}
.checkout-sheet .payment-summary .payment-recipient-link>svg{width:29px;height:29px}
.payment-recipient-link.is-unavailable{cursor:default}
.payment-recipient-link.is-unavailable>svg{opacity:.35}
.checkout-sheet .payment-summary>b{max-width:84px;color:#e8e4ed}
.checkout-sheet .payment-method{border-color:rgba(110,195,144,.25);background:linear-gradient(155deg,rgba(35,52,44,.92),rgba(28,31,37,.96));transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.checkout-sheet .payment-method:active{transform:scale(.985)}
.checkout-sheet .payment-method.selected{border-color:#6bd69b;background:linear-gradient(145deg,rgba(35,112,72,.64),rgba(34,62,52,.96));box-shadow:inset 0 0 0 1px rgba(128,239,177,.34),0 5px 20px rgba(37,161,92,.12)}
.checkout-sheet .payment-method small{color:#a9d9ba;font-size:9px;line-height:1.25}
.checkout-sheet .method-icon{background:rgba(39,60,49,.88);color:#b8f1cf}
.checkout-sheet .method-logo{width:31px;height:31px;border-radius:10px}
.checkout-sheet .method-logo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.checkout-sheet .method-logo-sbp{background:#fff;color:#19864a}
.checkout-sheet .method-logo-sbp img{width:28px;height:18px;object-fit:contain}
.checkout-sheet .method-logo-crypto{overflow:hidden;background:#168ce5}
.checkout-sheet .method-logo-crypto img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.checkout-sheet .method-logo-ton{background:linear-gradient(145deg,#e4fff0,#b8f3d0)}
.checkout-sheet .method-logo-ton img{width:22px;height:22px;object-fit:contain}
.checkout-sheet .payment-method.selected .method-icon{color:#e6ffef}
.checkout-sheet .payment-availability{padding:9px 11px;border:1px solid rgba(112,189,141,.16);border-radius:12px;background:rgba(35,53,43,.34)}
.checkout-sheet .checkout-pay-dock .primary-button:not(:disabled){border-color:#67d695;background:linear-gradient(110deg,#20834a,#29a65e 48%,#187743);color:#f5fff8;box-shadow:0 8px 22px rgba(28,154,81,.24)}
.checkout-sheet .checkout-pay-dock .primary-button:not(:disabled)::after{background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.34) 46%,transparent 68%)}
.checkout-sheet .checkout-pay-dock .primary-button.is-wallet-connect:not(:disabled){border-color:#68b9ff;background:linear-gradient(110deg,#168be3,#32a8f2 52%,#167bd0);color:#f7fcff;box-shadow:0 8px 24px rgba(31,143,224,.28)}
.checkout-sheet .checkout-pay-dock .primary-button.is-wallet-connect:not(:disabled)::after{background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.32) 46%,transparent 68%)}
body.checkout-wallet-link-open #finance-backdrop{z-index:92!important}
body.checkout-wallet-link-open #finance-sheet{z-index:93!important}
.checkout-prices>.promo-box{display:block;margin:2px 0 3px;padding:2px 0 7px;border:0;border-radius:0;background:transparent}
.promo-reveal{display:inline-flex;align-items:center;width:auto;padding:4px 1px;border:0;background:transparent;color:#a9d8b6;text-align:left;font-size:10px;font-weight:650;cursor:pointer}
.promo-reveal.has-promo{color:#d4f8df}
.promo-entry{margin-top:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.promo-entry.hidden{display:none}
.promo-entry label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.promo-entry .promo-input-row{display:flex;gap:0;align-items:center;padding:0 8px 0 12px;border:0;border-radius:13px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.promo-entry .promo-input-row input{min-width:0;height:40px;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#f3f1f5;font-size:14px}
.promo-entry .promo-input-row input:focus{border:0;box-shadow:none}
.promo-entry .promo-input-row button{flex:none;min-width:auto;padding:8px 4px;border:0;border-radius:0;background:transparent;color:#c7c2cc;font-size:10px;font-weight:700;white-space:nowrap}
.promo-entry .promo-input-row button:hover{background:transparent;color:#fff}
.promo-entry p{min-height:0;margin:5px 2px 0;color:#b9d9c2;font-size:10px}
.promo-applied-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 1px;color:#abcbb5;font-size:10px;line-height:1.35}
.promo-applied-status>span{min-width:0;flex:1}
.promo-applied-status>button{flex:none;padding:2px 0;border:0;background:transparent;color:#b9b2c2;font-size:10px;line-height:1.35;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.promo-applied-status>button:hover{color:#fff}
@media(max-width:390px){.checkout-sheet .payment-methods{gap:6px}.checkout-sheet .payment-method{min-height:88px}.checkout-sheet .payment-method strong{font-size:10px}.checkout-sheet .payment-method small{font-size:8px}.promo-entry .promo-input-row button{min-width:78px;padding-inline:8px}}

/* Mobile Telegram viewport: keep the form and action in view while typing. */
.checkout-sheet{display:flex;flex-direction:column;overflow:hidden}
.checkout-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.checkout-content::-webkit-scrollbar{display:none}
.checkout-pay-dock{flex:none;padding-top:12px;background:#1c1729}
.checkout-pay-dock .primary-button{min-height:48px}
.telegram-fullscreen .app-shell{padding-top:var(--tg-content-safe-area-inset-top,env(safe-area-inset-top))}
.telegram-fullscreen .topbar{top:var(--tg-content-safe-area-inset-top,env(safe-area-inset-top))}
@media(max-width:600px){
  html,body{overscroll-behavior-y:none}
  .app-shell{padding-inline:20px}
  .topbar{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px}
  .catalog-intro{display:flex;align-items:center;gap:9px;margin-top:11px}
  #screen-catalog .catalog-intro .page-heading{flex:none;padding:0;margin:0}
  #screen-catalog .catalog-intro .page-heading h1,
  #screen-catalog .catalog-intro .page-heading p{display:none}
  #screen-catalog .catalog-intro .eyebrow{font-size:10px;letter-spacing:.08em}
  #screen-catalog .product-switcher{display:flex;flex:1;min-width:0;width:auto;height:47px;gap:5px;overflow-x:auto;overflow-y:hidden;padding:3px;border:1px solid #41364e;border-radius:13px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #screen-catalog .product-tab{flex:0 0 139px;min-width:139px;height:39px;min-height:39px;flex-direction:row;gap:5px;padding:0 7px;font-size:11px;scroll-snap-align:start}
  #screen-catalog .product-tab img{width:20px;height:20px}
  .catalog-layout{margin-top:5px}
  .form-panel{width:100%;padding:4px 3px 18px}
  .form-title{padding-bottom:12px}
  .field-group,.product-controls{margin-top:15px}
  .recipient-input-wrap{height:53px}
  .stars-input,.gram-input{height:51px}
  .product-controls .popular-caption{margin-top:12px}
  .stars-packages{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
  .bottom-nav{height:calc(62px + env(safe-area-inset-bottom))}
  .floating-checkout{bottom:calc(69px + env(safe-area-inset-bottom));width:calc(100% - 40px);min-height:55px;padding:9px 14px;border-radius:14px}
  .checkout-sheet{bottom:var(--keyboard-bottom,0px);max-height:min(92dvh,var(--visual-height,92dvh));padding:14px 19px calc(16px + env(safe-area-inset-bottom))}
  .checkout-pay-dock{padding-top:10px}
  .promo-input-row input,.orders-filters input,.orders-filters select,.topup-sheet input{font-size:16px}
  .promo-input-row input{height:45px}
  .promo-input-row button{font-size:12px}
  .topup-sheet{bottom:var(--keyboard-bottom,0px);max-height:min(90dvh,var(--visual-height,90dvh))}
  .keyboard-open:not(.checkout-keyboard-open) .topbar{position:sticky}
  .checkout-keyboard-open .topbar{position:sticky}
  .keyboard-open .bottom-nav,.keyboard-open .floating-checkout,.keyboard-open .checkout-pay-dock{display:none!important}
  .keyboard-open .catalog-actions{display:none!important}
  .keyboard-open .checkout-sheet{max-height:min(88dvh,var(--visual-height,88dvh));padding-bottom:12px}
  .checkout-keyboard-open .checkout-sheet{transition:none!important;scroll-behavior:auto!important}
  .checkout-keyboard-open .checkout-content{scroll-behavior:auto!important;overflow-anchor:none}
  .promo-entry .promo-input-row input{font-size:16px!important;touch-action:manipulation}
}

/* Storefront v4: a real desktop storefront, complete gifts and consistent controls. */
.gift-shop{display:grid;gap:14px}
.gift-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#7956a1 transparent}
.gift-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"emoji copy" "emoji price";align-items:center;gap:2px 9px;min-height:72px;padding:10px;border:1px solid #40354e;border-radius:15px;background:linear-gradient(145deg,#231d30,#191620);color:#f8f3fd;text-align:left;transition:.2s ease}
.gift-card:hover{border-color:#76569a;transform:translateY(-1px)}.gift-card.selected{border-color:#ba82f4;background:linear-gradient(145deg,#4a2c68,#272039);box-shadow:0 8px 22px #4e29733d,inset 0 1px #ffffff1a}
.gift-card-emoji{grid-area:emoji;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ffffff0a;font-size:25px}.gift-card>span:nth-child(2){grid-area:copy;min-width:0}.gift-card strong,.gift-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-card strong{font-size:10px}.gift-card small{margin-top:2px;color:#95899f;font-size:8px}.gift-card b{grid-area:price;color:#d8b5ff;font-size:10px}.gift-catalog-loading,.gift-catalog-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:90px;padding:15px;border:1px dashed #4a3b59;border-radius:14px;color:#9d91a9;font-size:11px;text-align:center}.gift-catalog-loading span{width:14px;height:14px;border:2px solid #795497;border-top-color:#dab7ff;border-radius:50%;animation:spin .8s linear infinite}
.gift-options{margin-top:2px}.gift-details{display:grid;gap:9px}.gift-toggle{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #473951;border-radius:14px;background:#1d1826;color:#eee7f5;text-align:left}.gift-toggle-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#302440;color:#d8b8f8;font-size:20px}.gift-toggle>span:nth-child(2){flex:1}.gift-toggle strong,.gift-toggle small{display:block}.gift-toggle strong{font-size:11px}.gift-toggle small{margin-top:4px;color:#8e8299;font-size:8px;line-height:1.35}.gift-toggle>i{position:relative;width:35px;height:20px;border-radius:999px;background:#4b4057}.gift-toggle>i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#a89caf;transition:.2s}.gift-toggle.selected>i{background:#7d43b6}.gift-toggle.selected>i:after{transform:translateX(15px);background:#fff}.gift-comment{position:relative;display:grid!important;gap:6px;margin:0!important;padding:12px;border:1px solid #40344c;border-radius:14px;background:#1c1725}.gift-comment>span{font-size:10px}.gift-comment textarea{resize:vertical;min-height:54px;border:0;outline:0;background:transparent;color:#fff;font:12px/1.45 inherit}.gift-comment small{position:absolute;right:11px;bottom:8px;color:#776b83;font-size:8px}
.packages-more{width:max-content!important;margin:9px auto 0!important;justify-content:center!important;text-align:center!important}

/* Buttons share one tactile visual language instead of looking like empty labels. */
.all-orders-button,.support-link,.ghost-button,.balance-button,.admin-action,.orders-pager button,.topup-methods button,.promo-input-row button,.result-actions a,.result-actions button{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.all-orders-button:hover,.support-link:hover,.ghost-button:hover,.balance-button:hover,.admin-action:hover,.orders-pager button:hover,.topup-methods button:hover,.promo-input-row button:hover,.result-actions a:hover,.result-actions button:hover{transform:translateY(-1px);border-color:#a875dc;box-shadow:0 9px 22px #0004,inset 0 1px #ffffff18}
.primary-button,.hero-button,.floating-checkout,.bonus-spin-button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.primary-button:not(:disabled):hover,.hero-button:hover,.floating-checkout:hover,.bonus-spin-button:not(:disabled):hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.06);box-shadow:0 16px 34px #5f2e9a55}

@media(min-width:900px){
  body{background:radial-gradient(circle at 10% 0,#26183b 0,transparent 32%),radial-gradient(circle at 90% 10%,#1a2448 0,transparent 30%),#0b0912}
  .app-shell{display:flex;flex-direction:column;width:100%;max-width:none;min-height:100dvh;padding:0 clamp(32px,5vw,92px) 88px;background:transparent}
  .topbar{order:1;position:sticky;z-index:9;top:0;width:min(1520px,100%);height:84px;margin:0 auto;border-bottom:0;background:rgba(11,9,18,.82);backdrop-filter:blur(24px) saturate(145%)}
  .topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff1c 15%,#b87cff3d 50%,#ffffff1c 85%,transparent)}
  .brand{font-size:21px}.brand-mark{width:44px;height:44px}.account-pill{min-width:224px;justify-content:flex-end}
  .bottom-nav{order:2;position:sticky;z-index:8;top:84px;left:auto;bottom:auto;transform:none;width:min(1520px,100%);height:62px;margin:0 auto;padding:8px 0;border:0;background:rgba(11,9,18,.9);backdrop-filter:blur(24px)}
  .bottom-nav:before{display:none}.nav-item{flex:0 0 auto;min-width:145px;height:46px;padding:0 18px;flex-direction:row;gap:9px;border:1px solid transparent;border-radius:14px;color:#95899f;transition:.18s}.nav-item span{font-size:0}.nav-item .nav-icon svg{width:19px;height:19px}.nav-item small{font-size:11px}.nav-item:hover{color:#e8dcf2;background:#ffffff08}.nav-item.selected{border-color:#875bb55e;background:linear-gradient(135deg,#6c3c9d4d,#39244f57);color:#e6caff;box-shadow:inset 0 1px #ffffff12}
  .app-shell>main{order:3;width:min(1520px,100%);margin:0 auto}
  #screen-home .hero{min-height:520px;padding:70px 72px;border-radius:34px}#screen-home .hero h1{font-size:72px;max-width:760px}#screen-home .hero p{max-width:560px;font-size:17px}#screen-home .hero-art,#screen-home .hero-orbit{right:9%;top:17%;width:360px;height:360px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.faq-list details{height:max-content;margin:0}
  #screen-catalog.active{display:grid;grid-template-columns:minmax(720px,1.65fr) minmax(360px,.72fr);grid-template-areas:"intro intro" "form guide";column-gap:30px;max-width:none;width:100%;margin:0}
  #screen-catalog .catalog-intro{grid-area:intro;display:grid;grid-template-columns:minmax(280px,.52fr) minmax(700px,1.48fr);align-items:end;gap:35px;width:100%;margin:0;padding-top:16px}
  #screen-catalog .catalog-intro .page-heading{padding:24px 2px 12px}#screen-catalog .catalog-intro .page-heading h1{font-size:40px}
  #screen-catalog .product-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:9px;padding:0 0 12px}.product-tab{min-width:0;height:64px;border-radius:18px;font-size:13px}.product-tab img{width:31px;height:31px}
  #screen-catalog .catalog-layout{grid-area:form;width:100%;max-width:none;margin:18px 0 0}
  #screen-catalog .form-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;align-items:start;width:100%;margin:0;padding:30px 34px 36px;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(145deg,#1c1728 0%,#15121e 72%);box-shadow:0 25px 70px #0005,inset 0 1px #ffffff0d}
  #screen-catalog .form-title,#screen-catalog .form-error{grid-column:1/-1}#screen-catalog .field-group{grid-column:1}#screen-catalog .product-controls{grid-column:2}.form-title h2{font-size:26px}.recipient-input-wrap,.amount-wrap{height:58px!important;border-radius:15px}.stars-packages{max-height:218px}.duration-row{gap:10px}.duration{min-height:102px;border-radius:16px}
  #screen-catalog .catalog-guide{grid-area:guide;position:sticky;top:164px;width:100%;max-width:none;margin:18px 0 0;padding:24px;border:1px solid #ffffff12;border-radius:28px;background:linear-gradient(150deg,#191522,#121019);box-shadow:0 25px 70px #0004}
  #screen-catalog .catalog-guide .section-heading{margin:0 0 15px}#screen-catalog .catalog-guide .section-heading h2{font-size:22px}#screen-catalog .catalog-guide .feature-grid{grid-template-columns:1fr;gap:9px}#screen-catalog .catalog-guide .feature-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;min-height:0;padding:17px;border-radius:16px}#screen-catalog .catalog-guide .feature-card strong{margin:1px 0 0}#screen-catalog .catalog-guide .feature-card p{grid-column:2;margin-top:4px}
  .gift-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
  #screen-profile,#screen-orders,#screen-cases{width:min(1280px,100%);margin-inline:auto}#screen-profile.active{padding-top:16px}.profile-card{padding:25px}.profile-stats{grid-template-columns:repeat(4,1fr)}.orders-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-delivery{width:100%}
  #screen-cases{padding-top:16px}.cases-lobby{max-width:none}
  .floating-checkout{left:auto;right:clamp(32px,5vw,92px);bottom:28px;width:390px;transform:translateY(calc(100% + 50px))}.floating-checkout.is-visible{transform:translateY(0)}
  .toast{bottom:30px}.support-fab:not(.support-dragged){right:32px;bottom:112px}
}

@media(max-width:600px){
  .floating-checkout{display:flex!important}.floating-checkout:not(.is-visible){display:flex!important;opacity:0;pointer-events:none}
  .keyboard-open .floating-checkout{display:none!important}
  .gift-catalog{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-bottom:5px}.gift-card{flex:0 0 165px;scroll-snap-align:start}
}

/* Floating support: draggable launcher, compact conversation and operator inbox. */
.support-fab{position:fixed;z-index:24;right:max(20px,env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));display:grid;place-items:center;width:55px;height:55px;padding:0;border:0;background:transparent;color:#fff;filter:drop-shadow(0 7px 12px #32185599);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.support-fab:active{cursor:grabbing}.support-fab img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;pointer-events:none}.support-badge{position:absolute;z-index:2;top:-6px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--bg);border-radius:11px;background:#f34b62;color:white;font-size:10px;font-weight:900;box-shadow:0 3px 9px #0008}
body:has(#screen-catalog.active) .support-fab:not(.support-dragged){bottom:calc(146px + env(safe-area-inset-bottom))}
.keyboard-open .support-fab{display:none}.support-backdrop{position:fixed;z-index:28;inset:0;background:#08050bbf;backdrop-filter:blur(4px)}
.support-panel{position:fixed;z-index:29;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;width:min(430px,calc(100vw - 36px));height:min(660px,calc(100dvh - 36px));overflow:hidden;border:1px solid #6b4b8d;border-radius:22px;background:#191525;box-shadow:0 28px 75px #000b}
.support-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:75px;padding:14px 16px;border-bottom:1px solid #3c304a;background:radial-gradient(circle at 20% 0,#3e255e,#211a31 72%)}.support-header h2{margin:4px 0 0;font-size:19px;letter-spacing:-.5px}.support-header-actions{display:flex;align-items:center;gap:7px}.support-small-button{padding:7px 9px;border:1px solid #6d4c91;border-radius:8px;background:#392749;color:#ead6ff;font-size:11px;font-weight:800}.support-close{width:33px;height:33px;border:0;border-radius:9px;background:#3c2d4d;color:#fff;font-size:22px;line-height:1}
.support-chat{display:flex;flex:1;flex-direction:column;min-height:0}.support-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 15px 9px;scrollbar-width:thin;scrollbar-color:#6b4b8d transparent}.support-empty{max-width:290px;margin:50px auto;text-align:center;color:#b6a7c5;font-size:12px;line-height:1.5}.support-empty strong{display:block;margin-bottom:8px;color:#fff;font-size:15px}.support-message{max-width:85%;width:max-content;margin:0 0 10px;padding:10px 12px;border:1px solid #453955;border-radius:14px 14px 14px 5px;background:#292237;overflow-wrap:anywhere}.support-message.mine{margin-left:auto;border-color:#7650a3;border-radius:14px 14px 5px 14px;background:#4c2e71}.support-message p{margin:0;color:#f9f2ff;white-space:pre-wrap;font-size:12px;line-height:1.45}.support-message small{display:block;margin-top:5px;color:#c7b6d6;font-size:9px}.support-message .support-msg-order{display:inline-block;margin-bottom:5px;color:#e0baff;font-size:10px;font-weight:800}
.support-composer{flex:none;padding:9px 13px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #3b304a;background:#201a2e}.support-composer form{display:flex;align-items:flex-end;gap:8px}.support-composer textarea{flex:1;min-width:0;max-height:110px;min-height:43px;resize:none;padding:11px 12px;border:1px solid #514263;border-radius:12px;outline:0;background:#2b2339;color:#fff;font-size:16px;line-height:1.3}.support-composer textarea:focus{border-color:#a671e1}.support-composer form button{flex:none;width:43px;height:43px;border:0;border-radius:12px;background:#8749cf;color:white;font-size:25px;font-weight:800}.support-call-operator{margin-bottom:9px;padding:6px 0;border:0;background:transparent;color:#cca2fb;font-size:11px;font-weight:800}.support-error{margin:7px 0 0;color:#ff9caf;font-size:11px}
.support-typing{display:flex;align-items:center;gap:7px;min-height:27px;padding:0 17px 8px;color:#bfa9d5;font-size:10px}.support-typing.hidden{display:none}.support-typing-dots{display:flex;align-items:center;gap:3px}.support-typing-dots i{width:4px;height:4px;border-radius:50%;background:#d5aeff;animation:support-typing 1s ease-in-out infinite}.support-typing-dots i:nth-child(2){animation-delay:.15s}.support-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes support-typing{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.support-order-chip{flex:none;margin:10px 14px 0;padding:8px 10px;border:1px solid #614b77;border-radius:10px;background:#2c223d;color:#eedaff;font-size:11px}.support-order-chip button{float:right;border:0;background:none;color:#ffd3dc;font-size:17px;line-height:12px}
.support-inbox{flex:1;min-height:0;overflow-y:auto;padding:10px}.support-inbox-item{display:block;width:100%;margin-bottom:7px;padding:12px;border:1px solid #3f3451;border-radius:13px;background:#282136;color:#fff;text-align:left}.support-inbox-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.support-inbox-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-inbox-top small{color:#ab9bbd}.support-inbox-item p{margin:6px 0 0;color:#a99bb7;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-inbox-alert{color:#ffa5bc!important}.support-inbox-unread{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#eb4b66;color:#fff;font-size:10px}
.support-order-context{flex:none;max-height:150px;overflow:auto;margin:0 12px 8px;padding:10px;border:1px solid #493955;border-radius:11px;background:#241d31}.support-order-context>strong{display:block;margin-bottom:7px;font-size:11px}.support-order-context details{padding:6px 0;border-top:1px solid #3c3249;font-size:11px}.support-order-context summary{cursor:pointer;color:#d6c2ea}.support-order-context p{margin:6px 0;color:#a99bb7;line-height:1.35}.support-order-context button,.support-retry-confirm button{padding:7px 9px;border:1px solid #8b59bc;border-radius:8px;background:#52326f;color:#fff;font-size:10px;font-weight:800}
.support-retry-confirm{flex:none;margin:0 12px 8px;padding:10px;border:1px solid #a46e72;border-radius:11px;background:#39212c;font-size:11px}.support-retry-confirm p{margin:4px 0 8px;color:#e4c8ce;line-height:1.4}.support-retry-confirm input[type=text]{width:100%;height:33px;margin-bottom:7px;padding:0 8px;border:1px solid #8c657e;border-radius:7px;background:#251b2e;color:white;font-size:13px}.support-retry-confirm label{display:flex;gap:5px;align-items:flex-start;margin-bottom:8px;color:#efd7dc}.support-retry-confirm .support-retry-cancel{margin-left:7px;border-color:#54435c;background:#302637}
.support-payment-review{margin-top:8px;padding:10px;border:1px solid #5f4772;border-radius:12px;background:linear-gradient(145deg,#241d31,#1d1828);font-size:10px}.support-payment-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.support-payment-title span{padding:3px 6px;border-radius:99px;background:#8f61b82b;color:#cba7e8;font-size:8px;font-weight:850;letter-spacing:.08em}.support-payment-review dl{display:grid;gap:5px;margin:0}.support-payment-review dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff0a;padding-bottom:4px}.support-payment-review dt{color:#9f91ad}.support-payment-review dd{margin:0;text-align:right;color:#f1e9f7;font-weight:700}.support-payment-warning{margin:8px 0 0;padding:8px;border:1px solid #d9748066;border-radius:9px;background:#8a30402b;color:#ffc2ca}.support-payment-warning p{margin:3px 0!important;padding:0!important;background:none!important}.support-payment-missing{color:#e8bd88!important}.support-payment-success{color:#9fe1b0!important}.support-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.support-payment-actions button{min-height:34px;border:1px solid #75558e;border-radius:9px;background:#3b2a49;color:#fff;font-size:9px;font-weight:800}.support-payment-actions .danger{border-color:#b66a73;background:#5b303d}.support-retry-confirm>label:not(.support-confirm-check){display:grid;gap:4px}.support-retry-confirm>label input[type=text]{margin:0}.support-confirm-check{margin-top:9px}
.support-link{width:100%;cursor:pointer}
.support-call-operator:disabled{color:#91cbb0;cursor:default}
.support-msg-sender{display:block;margin:0 0 5px;color:#d4aaff;font-size:9px;font-weight:850;letter-spacing:.3px}.support-message.support-auto-reply{border-color:#59416f;background:linear-gradient(145deg,#30243f,#282136)}
.support-order-options{flex:none;max-height:132px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px;border-top:1px solid #392e46;background:#201a2e}.support-order-options>span{grid-column:1/-1;color:#c4b2d4;font-size:10px;font-weight:750}.support-order-options button{min-width:0;padding:7px 9px;border:1px solid #544066;border-radius:9px;background:#2c233a;color:#f5eaff;text-align:left}.support-order-options button strong,.support-order-options button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-order-options button strong{font-size:10px}.support-order-options button small{margin-top:3px;color:#b5a4c4;font-size:9px}.support-order-options.hidden{display:none}
.support-profile-main{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #493955;border-radius:11px;background:#241d31}.support-customer-profile{flex:none;max-height:170px;overflow:auto;margin:0 12px 8px}.support-profile-main>div{display:grid;gap:3px;min-width:0;flex:1}.support-profile-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.support-profile-main span:not(.support-profile-avatar),.support-profile-main small{color:#b5a5c4;font-size:10px}.support-profile-main>a{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#382749;color:#e3c3ff;text-decoration:none}.support-profile-avatar{width:39px;height:39px;flex:none;display:grid;place-items:center;object-fit:cover;border-radius:50%;background:#65418a;color:#fff;font-weight:800}.support-profile-ticket{padding:7px 3px 0;color:#d8c1eb;font-size:10px}.support-ticket-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 13px;border-bottom:1px solid #3b3048;background:#211a2d;color:#d6c2e8;font-size:10px}.support-ticket-bar button{padding:6px 9px;border:1px solid #78558f;border-radius:8px;background:#392747;color:#f0e5f8;font-size:10px;font-weight:750}.support-ticket-bar.hidden{display:none}.support-inbox-ticket{color:#c49bed!important;font-size:9px!important;font-weight:750}.support-file-link{display:block;margin:7px 0 2px;padding:7px 9px;border:1px solid #604775;border-radius:8px;background:#332641;color:#e4cdf7;font-size:10px}.support-attachment-label{display:grid;place-items:center;flex:none;align-self:center;padding:0 8px;color:#c9a7e6;font-size:10px;cursor:pointer}.support-attachment-label.uploading{opacity:.55;pointer-events:none}
.support-chat-list{flex:1;min-height:0;overflow:auto;padding:12px}.support-chat-list>p{margin:3px 4px 15px;color:#aa9bb9;font-size:11px}.support-chat-row{display:flex;align-items:center;gap:11px;width:100%;min-height:73px;margin-bottom:7px;padding:10px;border:1px solid #41364f;border-radius:13px;background:#282137;color:#fff;text-align:left}.support-chat-row:active{background:#382a4b}.support-chat-avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,#9557d3,#563190);font-size:21px}.support-chat-avatar.administration{background:linear-gradient(145deg,#7687cb,#4153a0);font-size:25px}.support-chat-copy{display:grid;gap:5px;min-width:0;flex:1}.support-chat-copy strong{display:flex;align-items:center;gap:5px;font-size:13px}.support-chat-copy small{overflow:hidden;color:#ad9fbc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.support-official-check{display:block;flex:none;width:18px;height:18px;object-fit:contain}.support-chat-unread{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ed5577;color:#fff;font-size:10px;font-weight:850}
@media(max-width:600px){.support-fab{right:18px;bottom:calc(82px + env(safe-area-inset-bottom));width:52px;height:52px}.support-panel{right:0;left:0;bottom:var(--keyboard-bottom,0px);width:100%;height:min(84dvh,var(--visual-height,84dvh));max-height:calc(100dvh - var(--tg-content-safe-area-inset-top,0px));border-radius:20px 20px 0 0}.keyboard-open .support-panel{height:min(76dvh,var(--visual-height,76dvh))}.support-messages{padding-bottom:12px}}

/* Admin-only delivery control center. */
.admin-delivery{position:relative;overflow:hidden;margin-top:24px;padding:18px;border:1px solid rgba(170,120,255,.34);border-radius:22px;background:linear-gradient(145deg,rgba(37,27,58,.96),rgba(20,17,31,.98) 55%,rgba(28,20,43,.98));box-shadow:0 18px 55px rgba(5,3,12,.3)}
.admin-delivery:before{content:"";position:absolute;inset:-90px auto auto -70px;width:210px;height:210px;border-radius:50%;background:rgba(133,73,231,.13);filter:blur(20px);pointer-events:none}
.admin-center-head,.admin-worker-line,.admin-orders-head,.admin-wallet{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-center-head h2{margin:5px 0 0;font-size:21px;letter-spacing:-.5px}.admin-refresh{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:#e4d3ff;font-size:20px}
.admin-worker-line{margin-top:15px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035)}.admin-worker-line>div{flex:1;min-width:0}.admin-worker-line strong,.admin-worker-line span{display:block}.admin-worker-line strong{font-size:12px}.admin-worker-line span{margin-top:3px;color:var(--muted);font-size:9px}.admin-state-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#6e6878;box-shadow:0 0 0 5px rgba(110,104,120,.1)}.admin-state-dot.online{background:#43dd8b;box-shadow:0 0 0 5px rgba(67,221,139,.1),0 0 15px rgba(67,221,139,.5)}.admin-state-dot.warning{background:#ffbb55;box-shadow:0 0 0 5px rgba(255,187,85,.1)}.admin-state-dot.offline{background:#ff607a;box-shadow:0 0 0 5px rgba(255,96,122,.1)}.admin-worker-line .admin-updated{flex:none;margin:0;color:#7e758a;font-variant-numeric:tabular-nums}
.admin-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.admin-metrics article{min-width:0;padding:13px 11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.admin-metrics span,.admin-metrics small,.admin-wallet span{display:block;color:var(--muted);font-size:9px}.admin-metrics strong{display:block;margin:7px 0 3px;font-size:23px;line-height:1;font-variant-numeric:tabular-nums}.admin-metrics small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.admin-wallet{margin-top:8px;padding:13px 14px;border:1px solid rgba(169,119,255,.16);border-radius:14px;background:rgba(130,76,211,.07)}.admin-wallet>div:last-child{text-align:right}.admin-wallet strong{display:block;margin-top:5px;font-size:12px;font-variant-numeric:tabular-nums}
.admin-alerts{position:relative;display:grid;gap:6px;margin-top:10px}.admin-alert{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025);font-size:10px;line-height:1.4}.admin-alert i{flex:none;width:6px;height:6px;border-radius:50%;background:#ffbb55}.admin-alert.critical{color:#ffb5c1;border-color:rgba(255,96,122,.18);background:rgba(255,96,122,.06)}.admin-alert.critical i{background:#ff607a}.admin-alert.success{color:#bcebd1;border-color:rgba(67,221,139,.13);background:rgba(67,221,139,.04)}.admin-alert.success i{background:#43dd8b}
.admin-orders-head{margin:20px 1px 9px}.admin-orders-head h3{margin:4px 0 0;font-size:15px}.admin-orders-head>span{color:#746d80;font-size:8px}.admin-system-orders{position:relative;display:grid;gap:7px}.admin-order{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03)}.admin-order.problem{border-color:rgba(255,117,137,.22)}.admin-order summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;list-style:none;cursor:pointer}.admin-order summary::-webkit-details-marker{display:none}.admin-order-main,.admin-order-side{min-width:0}.admin-order-main strong,.admin-order-main span,.admin-order-side b,.admin-order-side small{display:block}.admin-order-main strong{font-size:11px}.admin-order-main span{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-order-side{max-width:48%;text-align:right}.admin-order-side b{color:#d5b5f9;font-size:9px;line-height:1.3}.admin-order-side small{margin-top:4px;color:#82798d;font-size:8px}.admin-order-body{padding:0 13px 13px;border-top:1px solid rgba(255,255,255,.05)}.admin-proofs{display:flex;flex-wrap:wrap;gap:5px;padding-top:11px}.admin-proof{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:#777080;font-size:8px}.admin-proof.ready{background:rgba(67,221,139,.09);color:#86e9b1}.admin-hashes{display:grid;gap:5px;margin-top:10px}.admin-hashes div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:8px}.admin-hashes code{overflow:hidden;color:#c9bdd6;text-overflow:ellipsis}.admin-order-body p{margin:10px 0 0;color:#afa5bb;font-size:9px;line-height:1.5}.admin-order-body p.admin-error{color:#ff99aa}.admin-order-body>small{display:block;margin-top:10px;color:#716a79;font-size:8px}.admin-loading{padding:24px;text-align:center;color:var(--muted);font-size:10px}.admin-loading.error{color:#ff9bad}
@media(max-width:600px){.admin-delivery{margin-left:0;margin-right:0;padding:14px;border-radius:19px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article{padding:12px}.admin-metrics strong{font-size:21px}.admin-order summary{padding:12px}.admin-worker-line .admin-updated{display:none}}
.admin-tabs{position:relative;display:flex;gap:6px;margin:15px -4px 2px;padding:4px;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{flex:none;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#94899f;font-size:9px;font-weight:800}.admin-tabs button.active{border-color:rgba(183,131,255,.28);background:rgba(145,82,227,.16);color:#eadcff}.admin-view{display:none;position:relative}.admin-view.active{display:block}.admin-tool-head{display:flex;align-items:center;justify-content:space-between;margin:17px 1px 11px}.admin-tool-head h3{margin:4px 0 0;font-size:16px}.admin-search{display:flex;gap:7px}.admin-search input,.admin-field input,.admin-field textarea,.admin-broadcast-buttons input{min-width:0;border:1px solid rgba(255,255,255,.09);outline:0;background:rgba(255,255,255,.045);color:#fff;font-size:12px}.admin-search input{flex:1;height:41px;padding:0 12px;border-radius:11px}.admin-search button,.admin-action{border:1px solid rgba(169,111,244,.32);border-radius:11px;background:rgba(125,69,197,.16);color:#ead9ff;font-size:10px;font-weight:800}.admin-search button{padding:0 13px}.admin-users-list{display:grid;gap:6px;margin-top:9px;max-height:350px;overflow:auto}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.admin-user-row.blocked{border-color:rgba(255,94,120,.2);opacity:.68}.admin-user-row span{min-width:0}.admin-user-row strong,.admin-user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-row strong{font-size:11px}.admin-user-row small{margin-top:4px;color:var(--muted);font-size:8px}.admin-user-row>b{flex:none;color:#d7bbf8;font-size:10px}.admin-user-detail{margin-top:10px;padding:13px;border:1px solid rgba(179,123,248,.25);border-radius:15px;background:#1b1627}.admin-user-detail-head{display:flex;align-items:center;justify-content:space-between}.admin-user-detail-head strong,.admin-user-detail-head span{display:block}.admin-user-detail-head strong{font-size:13px}.admin-user-detail-head span{margin-top:3px;color:var(--muted);font-size:9px}.admin-user-detail-head button{border:0;background:transparent;color:#e6d7f6;font-size:21px}.admin-user-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.admin-user-metrics>div{padding:9px;border-radius:10px;background:rgba(255,255,255,.04)}.admin-user-metrics span,.admin-user-metrics strong{display:block}.admin-user-metrics span{color:var(--muted);font-size:8px}.admin-user-metrics strong{margin-top:4px;font-size:11px}.admin-field{display:grid;gap:6px;margin-top:10px;color:#b7a9c4;font-size:9px}.admin-field input{height:40px;padding:0 11px;border-radius:10px}.admin-field textarea{padding:10px 11px;border-radius:11px;resize:vertical;line-height:1.45}.admin-action{margin-top:9px;padding:10px 12px}.admin-action.primary{border-color:#8f54d2;background:linear-gradient(135deg,#8d4dd0,#623092);color:#fff}.admin-action.subtle{border-style:dashed;background:transparent}.admin-action.danger{border-color:rgba(255,92,120,.32);background:rgba(255,76,106,.09);color:#ff9eb0}.admin-user-detail>.admin-action{margin-right:5px}.admin-user-orders{display:grid;gap:5px;margin-top:13px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.admin-user-orders>strong{font-size:10px}.admin-user-orders>div{display:flex;justify-content:space-between;gap:8px;font-size:8px}.admin-user-orders small{color:var(--muted)}.admin-pricing-facts,.admin-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-pricing-facts>div,.admin-stat-grid>article{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.03)}.admin-pricing-facts span,.admin-pricing-facts strong,.admin-stat-grid span,.admin-stat-grid strong{display:block}.admin-pricing-facts span,.admin-stat-grid span{color:var(--muted);font-size:8px}.admin-pricing-facts strong,.admin-stat-grid strong{margin-top:6px;font-size:16px}.admin-help{color:#8f849a;font-size:9px;line-height:1.5}.admin-product-stats{display:grid;gap:6px;margin-top:9px}.admin-product-stats>div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);font-size:10px}.admin-broadcast-buttons{display:grid;gap:6px;margin-top:10px}.admin-broadcast-buttons>div{display:grid;grid-template-columns:.8fr 1.2fr 30px;gap:5px}.admin-broadcast-buttons input{height:38px;padding:0 9px;border-radius:9px}.admin-broadcast-buttons button{border:0;background:transparent;color:#ff93a8;font-size:18px}.admin-broadcast-actions{display:flex;gap:7px}.admin-broadcast-history{display:grid;gap:6px;margin-top:14px}.admin-broadcast-history>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:10px;border-radius:10px;background:rgba(255,255,255,.035);font-size:9px}.admin-broadcast-history small{grid-column:1/-1;color:var(--muted)}.admin-order-action{margin-top:10px;padding:9px 11px;border:1px solid rgba(118,224,168,.28);border-radius:9px;background:rgba(66,196,126,.09);color:#a7edc6;font-size:9px;font-weight:800}.admin-action-reason{padding:8px;border-radius:8px;background:rgba(255,176,80,.06);color:#d8ba8e!important}
@media(max-width:600px){.admin-tabs{margin-right:-14px}.admin-search input,.admin-field input,.admin-field textarea,.admin-broadcast-buttons input{font-size:16px}.admin-user-metrics{grid-template-columns:1fr 1fr}.admin-user-metrics>div:last-child{grid-column:1/-1}.admin-broadcast-actions{display:grid;grid-template-columns:1fr 1fr}.admin-broadcast-actions .admin-action{margin-top:9px}}
.admin-format-toolbar{display:flex;gap:5px}.admin-format-toolbar button{min-width:31px;height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.04);color:#d9c8ea;font-size:10px}
.bonus-spin-card{margin:18px 0;padding:17px;border:1px solid rgba(113,214,255,.22);border-radius:20px;background:radial-gradient(circle at 90% 0%,rgba(86,194,255,.18),transparent 42%),linear-gradient(145deg,rgba(18,38,59,.98),rgba(10,21,34,.98));box-shadow:0 14px 35px rgba(0,0,0,.16)}.bonus-spin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bonus-spin-head h2{margin:3px 0 0;font-size:21px}.bonus-spin-card>p{margin:8px 0 14px;color:#9cafc1;font-size:12px;line-height:1.45;max-width:520px}.bonus-demo-badge{padding:5px 7px;border-radius:8px;background:rgba(80,203,255,.13);color:#8ddcff;font-size:9px;letter-spacing:.12em}.bonus-spin-actions{display:flex;flex-wrap:wrap;gap:8px}.bonus-spin-button,.bonus-demo-referral{border:0;border-radius:11px;padding:10px 13px;background:linear-gradient(135deg,#68d4ff,#2c8cf0);color:#061625;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s,filter .18s}.bonus-spin-button:hover:not(:disabled),.bonus-demo-referral:hover{transform:translateY(-1px);filter:brightness(1.08)}.bonus-spin-button:disabled{opacity:.45;cursor:not-allowed}.bonus-spin-button.secondary{background:rgba(255,255,255,.08);color:#d8eaff;border:1px solid rgba(255,255,255,.1)}.bonus-demo-referral{background:transparent;color:#87d9ff;border:1px dashed rgba(135,217,255,.45);font-size:11px}.bonus-spin-status{margin-top:11px;color:#8299ae;font-size:11px}.bonus-spin-result{display:flex;flex-direction:column;gap:3px;margin-top:11px;padding:10px 12px;border-radius:12px;background:rgba(102,220,160,.1);border:1px solid rgba(102,220,160,.22);color:#d9ffe9}.bonus-spin-result strong{font-size:14px}.bonus-spin-result span{font-size:10px;color:#99cbb0}@media(max-width:600px){.bonus-spin-actions{display:grid;grid-template-columns:1fr 1fr}.bonus-demo-referral{grid-column:1/-1}}
.admin-order-detail-button{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(94,190,255,.28);border-radius:10px;background:rgba(94,190,255,.08);color:#9edcff;padding:0 11px;font:inherit;font-size:12px;cursor:pointer}.admin-order-detail-button:hover{background:rgba(94,190,255,.16)}
.bonus-spin-card.is-spinning{animation:bonusSpinGlow .72s ease-in-out infinite alternate}@keyframes bonusSpinGlow{from{transform:scale(1);box-shadow:0 14px 35px rgba(0,0,0,.16),0 0 0 rgba(79,193,255,0)}to{transform:scale(1.008);box-shadow:0 16px 38px rgba(0,0,0,.2),0 0 26px rgba(79,193,255,.28)}}

/* Persistent bonus case and inventory. */
.bonus-case-window{position:relative;height:116px;margin:12px -5px 15px;overflow:hidden;border:1px solid rgba(139,204,255,.16);border-radius:15px;background:linear-gradient(180deg,#081525,#0d1c2d);box-shadow:inset 0 0 34px #0008}
.bonus-case-window:before,.bonus-case-window:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:44px;pointer-events:none}.bonus-case-window:before{left:0;background:linear-gradient(90deg,#091625,transparent)}.bonus-case-window:after{right:0;background:linear-gradient(-90deg,#091625,transparent)}
.bonus-case-window>i{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,#fff0,#fff 20%,#fff 80%,#fff0);box-shadow:0 0 12px #8edfff;transform:translateX(-50%);pointer-events:none}.bonus-case-window>i:before,.bonus-case-window>i:after{content:"";position:absolute;left:50%;border:6px solid transparent;transform:translateX(-50%)}.bonus-case-window>i:before{top:0;border-top-color:#dff7ff}.bonus-case-window>i:after{bottom:0;border-bottom-color:#dff7ff}
.bonus-case-track{display:flex;gap:8px;align-items:stretch;height:100%;padding:9px 0;will-change:transform}
.case-item{position:relative;display:flex;flex:0 0 116px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff16;border-radius:11px;background:linear-gradient(160deg,#172336,#101b2b);text-align:center;box-shadow:inset 0 -24px 34px #0003}.case-item:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--rarity,#718093);box-shadow:0 -4px 17px var(--rarity,#718093)}.case-item>span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:5px;border-radius:9px;background:color-mix(in srgb,var(--rarity,#718093) 19%,transparent);color:var(--rarity,#aeb8c4);font-size:18px;font-weight:950}.case-item strong{display:-webkit-box;max-width:102px;overflow:hidden;color:#eaf4ff;font-size:10px;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.case-item small{margin-top:4px;color:var(--rarity,#9aabba);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.case-item.won{animation:caseWon .7s ease-in-out 2 alternate}@keyframes caseWon{to{filter:brightness(1.35);box-shadow:0 0 28px color-mix(in srgb,var(--rarity) 50%,transparent)}}
.rarity-common{--rarity:#8996a5}.rarity-uncommon{--rarity:#54cf82}.rarity-rare{--rarity:#4e9cff}.rarity-epic{--rarity:#b469ff}.rarity-legendary{--rarity:#ffb43d}
.referral-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff07}.referral-box strong,.referral-box span{display:block}.referral-box strong{font-size:11px}.referral-box span{margin-top:3px;color:#839aad;font-size:9px}.referral-box button{flex:none;border:1px solid #69cffa42;border-radius:9px;padding:7px 9px;background:#58c5f40d;color:#8bdcff;font:inherit;font-size:9px;font-weight:800;cursor:pointer}
.bonus-inventory{margin:13px 0 20px;padding:17px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.bonus-inventory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bonus-inventory-head h2{margin:3px 0 0;font-size:18px}.bonus-inventory-head>span{color:#8e839b;font-size:10px}.bonus-inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;max-height:255px;overflow-y:auto}.inventory-item{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--rarity) 34%,#332c3d);border-radius:11px;background:linear-gradient(140deg,color-mix(in srgb,var(--rarity) 9%,#181522),#181522)}.inventory-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:8px;background:color-mix(in srgb,var(--rarity) 16%,transparent);color:var(--rarity);font-weight:950}.inventory-item>div{min-width:0}.inventory-item strong,.inventory-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-item strong{font-size:10px}.inventory-item small{margin-top:3px;color:var(--rarity);font-size:8px}.inventory-item em{position:absolute;right:7px;top:6px;color:#8c8294;font-size:7px;font-style:normal}.inventory-empty{grid-column:1/-1;padding:18px;border:1px dashed #3e3748;border-radius:11px;color:#877d91;font-size:10px;text-align:center}.bonus-inventory-note{margin:10px 0 0;color:#716879;font-size:9px;line-height:1.4}
@media(max-width:420px){.bonus-inventory-list{grid-template-columns:1fr}.referral-box{align-items:flex-start;flex-direction:column}.referral-box button{width:100%}.bonus-case-window{margin-inline:-7px}}
@media(prefers-reduced-motion:reduce){.case-item.won,.bonus-spin-card.is-spinning{animation:none}.bonus-case-track{transition-duration:.01ms!important}}

/* Dedicated cases lobby. */
.bottom-nav:before{width:calc((100% - 12px)/4)}
/* translateX superseded by design-system.css left/spring coords */
.cases-nav-icon{position:relative}.cases-available-badge{position:absolute;top:-5px;right:-14px;display:grid;min-width:27px;height:15px;padding:0 4px;place-items:center;border:1px solid #142b28;border-radius:999px;background:#b8f2d7;color:#15362d;font:800 7px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.035em;box-shadow:0 1px 4px #0005;white-space:nowrap;pointer-events:none}.cases-available-badge.hidden{display:none}
.cases-heading{margin-bottom:15px}.cases-ready-banner{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid #42384e;border-radius:14px;background:#1b1724}.cases-ready-banner>i{width:10px;height:10px;border-radius:50%;background:#716a79}.cases-ready-banner.ready>i{background:#55e691;box-shadow:0 0 13px #55e691}.cases-ready-banner>div{flex:1;min-width:0}.cases-ready-banner strong,.cases-ready-banner span{display:block}.cases-ready-banner strong{font-size:12px}.cases-ready-banner span{margin-top:2px;color:#91879c;font-size:9px}.cases-ready-banner button{border:1px solid #69547e;border-radius:9px;padding:7px 9px;background:#2a2136;color:#d5c2e7;font:inherit;font-size:9px;font-weight:800}.cases-ready-banner button.enabled{border-color:#4baf7b;color:#8cf0ba;background:#173326}
.cases-lobby{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 16px}
#cases-content .bonus-spin-card{scroll-margin-top:82px;margin-top:0}#cases-content .bonus-inventory{margin-bottom:5px}.bonus-case-track.idle{animation:caseIdle 28s linear infinite}@keyframes caseIdle{from{transform:translate3d(var(--case-idle-start,-42px),0,0)}to{transform:translate3d(calc(var(--case-idle-start,-42px) - var(--case-idle-distance,992px)),0,0)}}
.cases-terms-backdrop{position:fixed;z-index:40;inset:0;background:#08050bd9;backdrop-filter:blur(6px)}.cases-terms{position:fixed;z-index:41;left:50%;top:50%;width:min(430px,calc(100% - 28px));padding:21px;border:1px solid #6f5485;border-radius:21px;background:linear-gradient(150deg,#282033,#17131f);box-shadow:0 28px 80px #000b;transform:translate(-50%,-50%)}.cases-terms h2{margin:8px 0 9px;font-size:21px;line-height:1.08}.cases-terms>p{margin:0 0 15px;color:#aaa0b2;font-size:11px;line-height:1.55}.cases-terms>label{display:flex;align-items:flex-start;gap:9px;margin-top:8px;padding:10px;border:1px solid #403649;border-radius:11px;background:#ffffff05;color:#d9cde3;font-size:10px;line-height:1.4}.cases-terms input{width:17px;height:17px;margin:0;accent-color:#a26bd2}.cases-terms-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:16px}.cases-terms-actions button{height:42px;border:1px solid #4b3f56;border-radius:11px;background:#221b2b;color:#c9bbd4;font:inherit;font-size:11px;font-weight:800}.cases-terms-actions button:last-child{border:0;background:linear-gradient(135deg,#b476e8,#7142a0);color:#fff}.cases-terms-actions button:disabled{opacity:.4}
@media(max-width:430px){.cases-lobby{grid-template-columns:1fr}.cases-heading h1{font-size:27px}.nav-item small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bonus-case-track.idle,.cases-available-badge{animation:none}}
.admin-order-detail{margin:0 0 12px;padding:14px;border:1px solid rgba(94,190,255,.26);border-radius:16px;background:linear-gradient(145deg,rgba(19,35,54,.98),rgba(12,22,35,.98));box-shadow:0 12px 30px rgba(0,0,0,.18)}.admin-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-detail-head h4{margin:3px 0;font-size:18px}.admin-detail-head strong{color:#fff;font-size:13px}.admin-detail-head button{border:0;background:transparent;color:#9aaabe;font-size:24px;line-height:1;cursor:pointer}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.admin-detail-grid>div{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.04)}.admin-detail-grid span,.admin-detail-facts dt{display:block;color:#8293a8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.admin-detail-grid strong{display:block;margin-top:3px;color:#ecf5ff;font-size:12px;overflow-wrap:anywhere}.admin-detail-note{margin:12px 0 0;color:#d4dfeb;font-size:12px;line-height:1.45}.admin-detail-section{margin-top:14px}.admin-detail-section>b{display:block;color:#d9eaff;font-size:12px;margin-bottom:8px}.admin-detail-links{display:flex;flex-wrap:wrap;gap:7px}.admin-detail-links a{padding:7px 9px;border-radius:9px;background:rgba(75,173,245,.12);color:#9edcff;text-decoration:none;font-size:11px}.admin-detail-links span{color:#8495a9;font-size:12px}.admin-detail-facts{display:grid;gap:7px;margin:10px 0 0}.admin-detail-facts div{display:grid;grid-template-columns:120px 1fr;gap:8px}.admin-detail-facts dd{margin:0;color:#cad7e6;font-size:11px;overflow-wrap:anywhere}.admin-detail-events{list-style:none;padding:0;margin:0;display:grid;gap:7px}.admin-detail-events li{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-left:2px solid rgba(94,190,255,.5);background:rgba(255,255,255,.03);font-size:11px}.admin-detail-events time{color:#8293a8;white-space:nowrap}.admin-detail-actions{margin-top:14px}@media(max-width:600px){.admin-detail-grid{grid-template-columns:1fr}.admin-detail-facts div{grid-template-columns:100px 1fr}.admin-detail-events li{display:grid;gap:2px}.admin-detail-events time{white-space:normal}}

/* Cases v2: distinct destinations, reward reveal and actionable inventory. */
#cases-content{display:none;scroll-margin-top:80px}
#screen-cases.case-detail-active #cases-content{display:block}
#screen-cases.case-detail-active .cases-heading,
#screen-cases.case-detail-active .cases-ready-banner,
#screen-cases.case-detail-active .cases-lobby,
#screen-cases.case-detail-active .cases-inventory-open{display:none}
#screen-cases[data-detail="case"] .bonus-inventory,
#screen-cases[data-detail="inventory"] .bonus-spin-card{display:none}
#screen-cases[data-detail="inventory"] .bonus-inventory{display:block;margin-top:0}
.bonus-spin-card[data-case-source="daily"] #bonus-referral-spin,
.bonus-spin-card[data-case-source="referral"] #bonus-daily-spin{display:none}
.cases-lobby{grid-template-columns:1fr;gap:12px}
.cases-inventory-open{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1px solid #4b4059;border-radius:17px;background:linear-gradient(125deg,#221b2e,#191521);color:#eee4f7;text-align:left}
.cases-inventory-open>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#7041a55c;color:#d9b2ff;font-size:18px}.cases-inventory-open>div{flex:1;min-width:0}.cases-inventory-open strong,.cases-inventory-open small{display:block}.cases-inventory-open strong{font-size:12px}.cases-inventory-open small{margin-top:3px;color:#92879e;font-size:9px}.cases-inventory-open>b{font-size:18px;color:#a992bc}
.cases-ready-banner button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:4px 9px;border-color:#7d628f;background:linear-gradient(145deg,#342443,#241b30);box-shadow:inset 0 1px 0 #ffffff1b}.cases-ready-banner button span{display:grid;place-items:center;width:18px;height:18px;margin:0;border-radius:6px;background:#ffffff0d;font-size:11px}.cases-ready-banner button b{font-size:8px}.cases-ready-banner button.enabled span{background:#44d5861b;color:#9ff3c2}
.inventory-item{min-height:74px;padding:11px 10px 38px}.inventory-item em{top:7px}.inventory-item button{position:absolute;left:10px;right:10px;bottom:8px;height:25px;border:1px solid color-mix(in srgb,var(--rarity) 42%,#4e435b);border-radius:8px;background:color-mix(in srgb,var(--rarity) 12%,#211a2d);color:#eee7f6;font:inherit;font-size:8px;font-weight:850}
.case-win-backdrop{position:fixed;z-index:60;inset:0;background:#05030bd9;backdrop-filter:blur(9px)}
.case-win{position:fixed;z-index:61;left:50%;top:50%;isolation:isolate;overflow:hidden;width:min(410px,calc(100% - 28px));padding:25px 22px 20px;border:1px solid color-mix(in srgb,var(--rarity) 54%,#fff0);border-radius:26px;background:radial-gradient(circle at 50% 14%,color-mix(in srgb,var(--rarity) 32%,transparent),transparent 42%),linear-gradient(155deg,#261e32,#12101a 72%);box-shadow:0 28px 90px #000d,0 0 55px color-mix(in srgb,var(--rarity) 22%,transparent);text-align:center;transform:translate(-50%,-50%);animation:caseReveal .38s cubic-bezier(.18,.86,.3,1.25)}
.case-win:before{content:"";position:absolute;z-index:-1;inset:-80% -50%;background:conic-gradient(from 0deg,transparent,#ffffff08,transparent 25%,#ffffff0d,transparent 52%);animation:caseRays 16s linear infinite}
.case-win-close{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:10px;background:#ffffff0b;color:#d7c9df;font-size:22px}.case-win-rarity{display:inline-flex;padding:5px 9px;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--rarity) 12%,transparent);color:var(--rarity);font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.case-win-art{display:grid;place-items:center;width:116px;height:116px;margin:19px auto 13px;border:1px solid color-mix(in srgb,var(--rarity) 52%,transparent);border-radius:34px;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--rarity) 78%,#fff),color-mix(in srgb,var(--rarity) 18%,#17121f) 68%);color:#fff;font-size:54px;font-weight:950;box-shadow:0 20px 42px #0008,0 0 36px color-mix(in srgb,var(--rarity) 34%,transparent);text-shadow:0 5px 15px #0006;transform:rotate(-4deg)}.case-win>small{color:#8f859a;font-size:8px;font-weight:900;letter-spacing:.16em}.case-win h2{margin:7px 0 5px;font-family:"Arial Black",Arial,sans-serif;font-size:23px;letter-spacing:-.04em}.case-win>p{margin:0 auto;color:#aaa0b3;font-size:10px;line-height:1.5;max-width:320px}.case-win-recipient{display:grid;gap:6px;margin-top:14px;color:#ac9eb7;font-size:9px;text-align:left}.case-win-recipient input{width:100%;height:42px;padding:0 12px;border:1px solid #554660;border-radius:11px;outline:0;background:#211b2a;color:#fff;font-size:16px}.case-win-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:7px;margin-top:17px}.case-win-actions button{min-height:43px;padding:9px;border:1px solid #574563;border-radius:11px;background:#251e30;color:#d9cce3;font:inherit;font-size:10px;font-weight:850}.case-win-actions button:first-child{border-color:color-mix(in srgb,var(--rarity) 52%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--rarity) 35%,#342244),#43285a);color:#fff}
@keyframes caseReveal{from{opacity:0;transform:translate(-50%,-46%) scale(.83)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes caseRays{to{transform:rotate(360deg)}}

/* Precise controls: no sticky hover on touch, aligned labels and navigation. */
.packages-more{display:inline-flex;min-height:25px;line-height:1}.packages-more span{display:inline-grid;place-items:center;width:14px;height:14px;font-size:13px;line-height:1;transform:translateY(-1px)}
.form-title{align-items:center}.form-title>div:first-child{align-self:center}.speed-wrap{display:flex;align-items:center;min-height:36px}.speed-badge{align-self:center;margin:0;line-height:1}
@media(hover:none),(pointer:coarse){.star-package:hover:not(.selected),.star-package:focus:not(.selected){border-color:#3d354b;background:#211c2e}.star-package:active:not(.selected){border-color:#6b527f;background:#282033}}

/* Desktop gets more air and two-column case cards without changing phone forms. */
@media(min-width:900px){
  #screen-catalog .catalog-intro,.catalog-layout,.catalog-guide{max-width:790px;margin-left:auto;margin-right:auto}
  #screen-catalog .product-switcher{grid-template-columns:repeat(4,minmax(0,1fr))}
  #screen-catalog .product-tab{justify-content:center;height:48px}
  #screen-catalog .form-panel{padding:21px 26px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#1b1727,#16131f)}
  #screen-cases{max-width:900px;margin-inline:auto}.cases-lobby{grid-template-columns:1fr 1fr}.cases-ready-banner,.cases-inventory-open{max-width:720px;margin-inline:auto}.cases-lobby{margin-top:20px}
  #cases-content{max-width:760px;margin-inline:auto}.bonus-case-window{height:146px}.case-item{flex-basis:138px}.bonus-inventory-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:420px}
}

@media(max-width:600px){
  .app-shell{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
  .bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);height:60px;padding:4px;border:1px solid #ffffff1c;border-radius:22px;background:rgba(25,19,37,.88);box-shadow:0 12px 32px #0009;overflow:hidden}
  .bottom-nav:before{left:4px;top:4px;width:calc((100% - 8px)/4);height:50px;border-radius:18px}
  .nav-item{height:50px}.nav-item .nav-icon{height:23px}.nav-item .nav-icon svg{width:21px;height:21px}.nav-item small{font-size:8px}
  .floating-checkout{bottom:calc(78px + env(safe-area-inset-bottom))}.toast{bottom:calc(78px + env(safe-area-inset-bottom))}
  .case-win{max-height:calc(100dvh - 28px);overflow-y:auto}.case-win-actions{grid-template-columns:1fr}.case-win-art{width:100px;height:100px;margin-top:15px}.cases-ready-banner button b{display:none}.cases-ready-banner button{width:34px;padding:3px}.cases-ready-banner button span{background:transparent}
}
@media(max-width:360px){.cases-ready-banner{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.case-win,.case-win:before{animation:none}}

/* Final mobile polish: Telegram's native chrome must not cover the app. */
.hero-button-arrow svg{width:17px;height:17px;display:block}.case-win-art img{width:72px;height:72px}
.case-item>span{display:grid;place-items:center}.inventory-icon{display:grid;place-items:center}
.packages-more{align-items:center!important;vertical-align:middle}
.packages-more span{position:relative;top:-1px;transform:none!important}
.catalog-guide{padding-bottom:104px}
.stars-input input{font-family:"Trebuchet MS","Arial Black",Arial,sans-serif!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.025em!important}
.speed-wrap{align-self:center!important;transform:translateY(5px)}
.pack-price s,.amount-price s{display:inline-block;margin-right:4px;color:#978aa5;font-size:.78em;font-weight:600;text-decoration-thickness:1px}
.pack-price b,.amount-price b{color:#f0d5ff;font-weight:950}
@media(max-width:600px){
  .telegram-fullscreen .app-shell{padding-top:calc(var(--tg-content-safe-area-inset-top,env(safe-area-inset-top)) + 4px)}
  .telegram-fullscreen .topbar{top:var(--tg-content-safe-area-inset-top,env(safe-area-inset-top));margin-top:0}
  .topbar{margin-top:0!important}
  .speed-wrap{transform:translateY(6px)}
  .catalog-guide{padding-bottom:124px}
  .floating-checkout{bottom:calc(78px + env(safe-area-inset-bottom));}
  #support-fab:not(.support-dragged){position:fixed!important;top:auto!important;right:18px!important;bottom:calc(145px + env(safe-area-inset-bottom))!important;}
}
.bonus-spin-card{position:relative;isolation:isolate;overflow:hidden;padding:20px;background:linear-gradient(145deg,#142944,#0b1728 62%,#111222)}
.bonus-spin-card[data-case-source="referral"]{background:linear-gradient(145deg,#321932,#1b1428 62%,#13111e)}
.bonus-spin-card:before{content:"";position:absolute;z-index:-1;right:-30px;top:-30px;width:190px;height:190px;background:radial-gradient(circle at 38% 40%,#7bdcff45 0 8%,transparent 9%),radial-gradient(circle at 58% 62%,#816bff38 0 2%,transparent 3%),conic-gradient(from 30deg,transparent,#59cfff20,transparent 35%,#a982ff22,transparent 70%);opacity:.75;filter:blur(.2px);transform:rotate(8deg);pointer-events:none}
.bonus-spin-card[data-case-source="referral"]:before{background:radial-gradient(circle at 38% 40%,#ffb36c52 0 8%,transparent 9%),radial-gradient(circle at 58% 62%,#ff68bb42 0 2%,transparent 3%),conic-gradient(from 30deg,transparent,#ff9d5d25,transparent 35%,#d65fff25,transparent 70%);opacity:.8}
.bonus-spin-head,.bonus-spin-card>p,.bonus-case-window,.bonus-spin-actions,.bonus-spin-status,.bonus-spin-result,.referral-box{position:relative;z-index:1}
.bonus-case-window{border:1px solid #ffffff24;background:linear-gradient(180deg,#090e18e6,#111626e8);box-shadow:inset 0 0 34px #000b,0 14px 34px #0005}
.bonus-case-window:before,.bonus-case-window:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:52px;pointer-events:none}
.bonus-case-window:before{left:0;background:linear-gradient(90deg,#080d17,transparent)}
.bonus-case-window:after{right:0;background:linear-gradient(-90deg,#080d17,transparent)}
.bonus-case-window>i{z-index:4;filter:drop-shadow(0 0 8px #b7efff)}
.bonus-spin-actions{display:block;margin-top:13px}
.bonus-spin-button,.bonus-spin-button.secondary{display:flex;align-items:center;gap:11px;width:100%;min-height:64px;padding:8px 13px;border:1px solid #95e6ff5e;border-radius:17px;background:linear-gradient(105deg,#62d8ff,#328fea 54%,#5265eb);color:#061526;box-shadow:0 12px 28px #157ed23d,inset 0 1px 0 #ffffff9c;overflow:hidden;text-align:left}
.bonus-spin-button.secondary{border-color:#ffb6dc66;background:linear-gradient(105deg,#ffb068,#ed5f9a 52%,#8648cf);color:#26101e;box-shadow:0 12px 28px #b42f7c3d,inset 0 1px 0 #ffffff7a}
.bonus-spin-button>img{flex:none;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 7px 8px #17355f75);transform:scale(1.25) rotate(-5deg)}
.bonus-spin-button>span{display:grid;gap:3px;min-width:0;flex:1}.bonus-spin-button b{font:900 15px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.035em}.bonus-spin-button small{font-size:9px;font-weight:750;opacity:.72}.bonus-spin-button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffffff36;font-size:17px;font-style:normal}
.bonus-spin-button:disabled{filter:saturate(.55);opacity:.62}.bonus-spin-button:disabled>i{opacity:.7}
.bonus-spin-status{display:grid;gap:4px;margin-top:12px;padding:11px 12px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff08}.bonus-spin-status strong{color:#edf7ff;font-size:11px}.bonus-spin-status span{color:#96a7b9;font-size:9px;line-height:1.45}
.bonus-demo-referral{width:100%;margin-top:8px}
.cases-ready-banner button{width:auto;min-width:145px;padding:5px 10px}.cases-ready-banner button b{font-size:8px;white-space:nowrap}
.inventory-item{min-height:82px;border-radius:14px;background:linear-gradient(140deg,color-mix(in srgb,var(--rarity) 11%,#201a2a),#15121c);box-shadow:inset 0 1px 0 #ffffff0b}
.inventory-stars-group{grid-column:1/-1;min-height:112px;padding-bottom:45px}.inventory-stars-group>div{flex:1}.inventory-stars-group strong{font-size:13px}.inventory-stars-group small{white-space:normal;line-height:1.35}.inventory-progress{display:block;height:5px;margin-top:9px;border-radius:999px;background:#ffffff12;overflow:hidden}.inventory-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d8ff,#ba83ff);box-shadow:0 0 10px #7edcff}
.inventory-star-actions{position:absolute;left:10px;right:10px;bottom:8px;display:flex;gap:6px}.inventory-star-actions button,.inventory-item .inventory-star-actions button{position:static;flex:1;height:29px}
.inventory-stars-withdraw-hint{top:auto!important;right:13px;bottom:12px;color:#aaa2b2;font-size:9px;font-style:normal}
.bonus-inventory-note{padding:9px 11px;border-radius:10px;background:#ffffff05;color:#95899e}
.recipient-input-wrap:has(input:placeholder-shown),.amount-wrap:has(input:placeholder-shown){border-color:#5b4b6e;background:linear-gradient(110deg,#211a2b,#191622 68%,#251d31);box-shadow:inset 0 1px 0 #ffffff09,0 0 0 1px #8c69aa0a}
.recipient-input-wrap input::placeholder,.amount-wrap input::placeholder{color:#887b94;font-weight:650;opacity:1}
.recipient-input-wrap>.recipient-checking{right:12px!important}
/* Recipient lookup is a quiet inline state, never a second framed control. */
.recipient-input-wrap>.recipient-checking{right:12px!important;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
/* Give the delivery-speed action its own line on phones so the label never clips. */
@media(max-width:600px){
  .form-title{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
  .form-title>div:first-child{width:100%;min-width:0}
  .speed-wrap{justify-self:start;align-self:start;min-height:0;margin-top:1px}
  .speed-badge{width:max-content;max-width:calc(100vw - 48px);min-height:36px;padding:7px 12px;gap:7px;font-size:11px;line-height:1;white-space:nowrap}
  .speed-badge>span{overflow:visible;text-overflow:clip;white-space:nowrap}
}
@media(max-width:600px){
  .cases-ready-banner{align-items:center}.cases-ready-banner button{width:auto;min-width:154px;padding:5px 9px}.cases-ready-banner button b{display:block;font-size:8px}.cases-ready-banner button span{background:#ffffff0d}
  .bonus-spin-card{padding:16px 13px}.bonus-spin-card:before{width:128px;height:128px;right:-25px;top:-20px}.bonus-spin-button{min-height:61px}
  .bonus-inventory-list{grid-template-columns:1fr}.inventory-stars-group{min-height:116px}
}

/* Support center v3: responsive chat feedback and an operator workspace. */
.support-message-pending{opacity:.72}.support-message-pending small{display:flex;align-items:center;gap:5px}.support-message-pending small:before{content:"";width:6px;height:6px;border-radius:50%;background:#d2a6ff;box-shadow:0 0 9px #ae69ef;animation:supportPending 1s ease-in-out infinite}
@keyframes supportPending{50%{opacity:.35;transform:scale(.7)}}
.support-typing{padding:6px 17px 10px;background:linear-gradient(90deg,#241b32,transparent);border-top:1px solid #ffffff08}.support-typing>span:first-child{font-weight:750}
.support-inbox-item{position:relative;transition:border-color .18s,transform .18s;background:linear-gradient(145deg,#2a2239,#211b2c)}.support-inbox-item:hover{border-color:#79599a;transform:translateY(-1px)}.support-inbox-item.severity-high{border-color:#9f5268;box-shadow:inset 3px 0 #ef6686}.support-inbox-top>span{display:flex;align-items:center;gap:6px}.support-inbox-top em{padding:3px 5px;border-radius:5px;background:#ec577521;color:#ff9db3;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.08em}.support-inbox-item>small{display:block;margin-top:7px;color:#7f718d;font-size:8px}
.support-customer-profile{max-height:235px}.support-profile-warning{margin-top:7px;padding:8px 10px;border:1px solid #a64f6370;border-radius:9px;background:#7e2c3b26;color:#ffb8c6;font-size:9px;line-height:1.4}.support-profile-ticket{padding:9px 4px 2px;line-height:1.45}.support-profile-ticket>p{margin:7px 0 0;padding:7px 8px;border-radius:8px;background:#ffffff06;color:#cabbda}.support-profile-ticket .support-ai-summary{border:1px solid #76549366;background:#5a397326;color:#e6d1f8;white-space:pre-wrap}
.support-order-context{max-height:min(270px,34dvh);padding:11px}.support-order-context details{margin-top:5px;padding:8px;border:1px solid #463752;border-radius:9px;background:#ffffff04}.support-order-context details:first-of-type{border-top:1px solid #463752}.support-order-context summary{line-height:1.4}.support-order-context details[open]{border-color:#765398;background:#51376b1f}
.support-operator-actions{display:flex;gap:5px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.support-operator-actions.hidden{display:none}.support-operator-actions button{flex:none;padding:6px 9px;border:1px solid #59446c;border-radius:999px;background:#2c223a;color:#d8c3e9;font:inherit;font-size:8px;font-weight:800}
.support-composer textarea{transition:border-color .16s,box-shadow .16s}.support-composer textarea:focus{box-shadow:0 0 0 3px #9860ce18}
@media(max-width:600px){
  .support-panel{height:min(92dvh,var(--visual-height,92dvh));border-radius:18px 18px 0 0}.keyboard-open .support-panel{height:var(--visual-height,72dvh)}
  .support-header{padding-top:max(12px,var(--tg-content-safe-area-inset-top,12px))}.support-messages{padding:14px 11px 10px}.support-message{max-width:89%;padding:9px 11px}.support-customer-profile{max-height:205px;margin-inline:9px}.support-order-context{margin-inline:9px;max-height:27dvh}
  .support-composer{padding-inline:10px}.support-operator-actions{margin-inline:-1px}.support-chat-list{padding:9px}.support-chat-row{min-height:68px}
}

/* Operator inbox: fast filtering and explicit ticket workflow. */
.support-inbox-tools{flex:none;display:grid;gap:8px;padding:9px 10px 7px;border-bottom:1px solid #352a42;background:#191522}.support-inbox-tools.hidden{display:none}.support-inbox-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.support-inbox-filters button{flex:none;min-height:29px;padding:5px 10px;border:1px solid #433550;border-radius:999px;background:#241d2e;color:#998ba6;font:inherit;font-size:8px;font-weight:850}.support-inbox-filters button.selected{border-color:#8b63aa;background:linear-gradient(135deg,#60417a,#3d2a50);color:#fff;box-shadow:inset 0 1px #ffffff25}.support-inbox-search{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #40324d;border-radius:10px;background:#211b2a;color:#887794}.support-inbox-search:focus-within{border-color:#79599a;box-shadow:0 0 0 3px #9860ce15}.support-inbox-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f5eff8;font:inherit;font-size:10px}.support-inbox-search input::placeholder{color:#756a7f}.support-ticket-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.support-ticket-actions [data-ticket-action="claim"]{border-color:#3d8b73;background:#1e4a3c;color:#baf5dc}.support-ticket-actions [data-ticket-action="request_payment_details"]{border-color:#806238;background:#49381f;color:#f1d3a1}.support-ticket-actions #support-ticket-close{border-color:#7b4858;background:#472630;color:#ffc0cd}
@media(max-width:600px){.support-ticket-bar{align-items:flex-start;flex-direction:column}.support-ticket-actions{width:100%;justify-content:flex-start}.support-ticket-actions button{flex:1;min-width:max-content}.support-inbox-tools{padding-inline:9px}.support-inbox-search{height:38px}}

/* Telegram-like customer chat on mobile. Admin inbox keeps the compact sheet. */
@media(max-width:600px){
  body:not(.support-admin-open).support-open .support-panel{
    inset:0; width:100%; height:100dvh; max-height:none; border:0; border-radius:0;
    background:#100d18; box-shadow:none;
  }
  .support-title-block{display:flex;align-items:center;gap:10px;min-width:0}
  .support-header-avatar{width:43px;height:43px;flex:none;border-radius:50%;object-fit:cover;background:#684493;box-shadow:0 3px 14px #0005}
  .support-online-status{display:flex;align-items:center;gap:4px;margin-top:2px;color:#9ddbb6;font-size:9px}
  .support-online-status i{width:6px;height:6px;border-radius:50%;background:#48d48a;box-shadow:0 0 7px #48d48a}
  body:not(.support-admin-open).support-open .support-header{min-height:76px;padding:12px 14px 10px;background:#21172f;border-bottom:1px solid #3c2b4d}
  body:not(.support-admin-open).support-open .support-header h2{font-size:16px;margin-top:2px}
  body:not(.support-admin-open).support-open .support-header .eyebrow{font-size:8px}
  body:not(.support-admin-open).support-open .support-messages{padding:14px 10px 12px;background:#100d18}
  body:not(.support-admin-open).support-open .support-message{max-width:84%;margin-bottom:7px;padding:9px 12px;border:0;border-radius:17px 17px 17px 5px;background:#262034;box-shadow:0 1px 1px #0003}
  body:not(.support-admin-open).support-open .support-message.mine{border-radius:17px 17px 5px 17px;background:#68409a}
  body:not(.support-admin-open).support-open .support-message p{font-size:15px;line-height:1.35}
  body:not(.support-admin-open).support-open .support-message small{margin-top:4px;font-size:9px;color:#c6b7d4}
  body:not(.support-admin-open).support-open .support-msg-sender{font-size:9px;color:#d9aaff}
  body:not(.support-admin-open).support-open .support-composer{padding:8px 9px calc(9px + env(safe-area-inset-bottom));background:#100d18;border-top:1px solid #2b2138}
  body:not(.support-admin-open).support-open .support-composer form{align-items:flex-end;gap:7px}
  body:not(.support-admin-open).support-open .support-composer textarea{min-height:44px;max-height:120px;padding:11px 16px;border:1px solid #4b3960;border-radius:23px;background:#241d31;font-size:16px;line-height:1.25}
  body:not(.support-admin-open).support-open .support-composer form button{width:44px;height:44px;border-radius:50%;font-size:24px;background:#8b4bd2;box-shadow:0 4px 12px #53217c66}
  body:not(.support-admin-open).support-open .support-typing{padding:5px 16px 8px;background:#100d18;font-size:11px}
}

/* Telegram's native Mini App controls occupy the upper part of the screen.
   Keep the customer chat below them instead of drawing underneath them. */
.support-messages{scroll-behavior:auto}
@media(max-width:600px){
  /* Telegram's native chrome is outside the web app. Anchor the customer chat
     below the measured native safe area and the app's 64px top bar. The old
     fixed 132px offset broke on devices with a different Telegram inset. */
  body:not(.support-admin-open).support-open .support-panel{
    bottom:0!important;
    height:100dvh!important;
    transition:none!important;
  }
  body.telegram-miniapp:not(.support-admin-open).support-open .support-panel{
    top:calc(var(--app-safe-top, 0px) + 64px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:calc(100dvh - var(--app-safe-top, 0px) - 64px)!important;
    max-height:none!important;
    border-radius:20px 20px 0 0!important;
  }
  body.telegram-miniapp:not(.support-admin-open).support-open .support-header{
    padding-top:12px;
  }
  body:not(.support-admin-open).support-open .support-composer{
    position:fixed!important;
    z-index:4;
    right:0;
    bottom:0!important;
    left:0;
    width:100%;
    transform:none!important;
    will-change:auto;
    transition:none!important;
    flex:none!important;
  }
  body:not(.support-admin-open).support-open .support-chat{min-height:0;overflow:hidden;padding-bottom:82px}
  body:not(.support-admin-open).support-open .support-messages{min-height:0;flex:1 1 auto;overflow-y:auto}
  body:not(.support-admin-open).support-open .support-messages{
    padding-bottom:12px;
  }
  body:not(.support-admin-open).support-open .support-messages{
    overflow-anchor:auto;
  }
}

/* Release storefront: native-safe header, customer-first copy and a real desktop layout. */
.hero-trust{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.hero-trust span{padding:7px 10px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff0a;color:#d8cce5;font-size:10px;font-weight:750}
.recipient-input-wrap input::placeholder,.amount-wrap input::placeholder{color:#9488a1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important}
.stars-input input{font-size:20px!important}
.packages-more{min-height:29px;padding-inline:12px;font-size:10px;line-height:1.2}
.form-title{z-index:3}.field-group,.product-controls{position:relative;z-index:1}

@media(min-width:900px){
  #screen-catalog.active{display:grid;grid-template-columns:minmax(0,610px) minmax(270px,1fr);grid-template-areas:"intro intro" "form guide";column-gap:24px;align-items:start;max-width:950px;margin-inline:auto}
  #screen-catalog .catalog-intro{grid-area:intro;max-width:none;width:100%;margin:0}
  #screen-catalog .catalog-layout{grid-area:form;max-width:none;width:100%;margin:16px 0 0}
  #screen-catalog .form-panel{width:100%;margin:0;padding:25px 28px 30px}
  #screen-catalog .catalog-guide{grid-area:guide;position:sticky;top:96px;max-width:none;width:100%;margin:16px 0 0;padding-bottom:95px}
  #screen-catalog .catalog-guide .section-heading{margin-top:0}
  #screen-catalog .catalog-guide .feature-grid{grid-template-columns:1fr}
  #screen-catalog .catalog-guide .feature-card{display:grid;grid-template-columns:34px 1fr;column-gap:9px;padding:14px}
  #screen-catalog .catalog-guide .feature-card strong{margin-top:1px}
  #screen-catalog .catalog-guide .feature-card p{grid-column:2;margin-top:3px}
  #screen-catalog .product-switcher{max-width:none}
  #screen-catalog .recipient-input-wrap,#screen-catalog .amount-wrap{height:56px}
  #screen-catalog .floating-checkout{left:auto;right:max(28px,calc((100vw - 1020px)/2 + 42px));bottom:88px;width:min(340px,calc(100vw - 56px));transform:translateY(calc(100% + 40px))}
  #screen-catalog .floating-checkout.is-visible{transform:translateY(0)}
}

@media(max-width:600px){
  .app-shell,.telegram-fullscreen .app-shell{padding-top:0!important}
  .topbar,.telegram-fullscreen .topbar{top:0!important;height:calc(64px + var(--app-safe-top,env(safe-area-inset-top)));padding-top:var(--app-safe-top,env(safe-area-inset-top));margin-top:0!important;background:rgba(13,11,24,.96)}
  .hero{margin-top:12px}
  .hero-trust{max-width:260px;gap:5px}.hero-trust span{padding:6px 8px;font-size:9px}
}

/* Keep desktop storefront rules last so legacy Mini App overrides cannot narrow it. */
@media(min-width:900px){
  .app-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;padding:0 clamp(32px,5vw,92px) 88px!important;background:transparent!important}
  .topbar{order:1!important;position:sticky!important;top:0!important;width:min(1520px,100%)!important;height:84px!important;margin:0 auto!important;background:rgba(11,9,18,.86)!important}
  .bottom-nav{order:2!important;position:sticky!important;top:84px!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(1520px,100%)!important;height:62px!important;margin:0 auto!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:rgba(11,9,18,.92)!important}
  .bottom-nav:before{display:none!important}.nav-item{flex:0 0 auto!important;min-width:145px!important;height:46px!important;padding:0 18px!important;flex-direction:row!important;gap:9px!important;border:1px solid transparent!important;border-radius:14px!important}.nav-item.selected{border-color:#875bb55e!important;background:linear-gradient(135deg,#6c3c9d4d,#39244f57)!important}.nav-item small{font-size:11px!important}.nav-item .nav-icon svg{width:19px!important;height:19px!important}
  .app-shell>main{order:3!important;width:min(1520px,100%)!important;margin:0 auto!important}
  #screen-catalog.active{display:grid!important;grid-template-columns:minmax(720px,1.65fr) minmax(360px,.72fr)!important;grid-template-areas:"intro intro" "form guide"!important;column-gap:30px!important;max-width:none!important;width:100%!important;margin:0!important}
  #screen-catalog .catalog-intro{grid-area:intro!important;display:grid!important;grid-template-columns:minmax(280px,.52fr) minmax(700px,1.48fr)!important;align-items:end!important;gap:35px!important;max-width:none!important;width:100%!important;margin:0!important;padding-top:16px!important}
  #screen-catalog .catalog-layout{grid-area:form!important;width:100%!important;max-width:none!important;margin:18px 0 0!important}
  #screen-catalog .form-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:30px!important;width:100%!important;margin:0!important;padding:30px 34px 36px!important}
  #screen-catalog .form-title,#screen-catalog .form-error{grid-column:1/-1!important}#screen-catalog .field-group{grid-column:1!important}#screen-catalog .product-controls{grid-column:2!important}
  #screen-catalog .catalog-guide{grid-area:guide!important;position:sticky!important;top:164px!important;width:100%!important;max-width:none!important;margin:18px 0 0!important;padding:24px!important}
  #screen-catalog .product-switcher{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important}.product-tab{min-width:0!important;height:64px!important}
  .floating-checkout{left:auto!important;right:clamp(32px,5vw,92px)!important;bottom:28px!important;width:390px!important;transform:translateY(calc(100% + 50px))!important}.floating-checkout.is-visible{transform:translateY(0)!important}
}

/* Desktop storefront v5: use the actual window, not a centered phone canvas. */
@media(min-width:900px){
  .app-shell{padding-inline:28px!important}
  .topbar,.bottom-nav,.app-shell>main{width:100%!important;max-width:none!important}
  .topbar{padding-inline:12px 88px!important}.bottom-nav{padding-inline:4px!important}
  #screen-catalog.active{grid-template-columns:minmax(680px,1fr) 400px!important;column-gap:24px!important}
  #screen-catalog .catalog-intro{grid-template-columns:360px minmax(680px,1fr)!important;gap:28px!important}
  #screen-catalog .form-panel{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;column-gap:34px!important;min-height:570px!important;padding:36px 40px 38px!important}
  #screen-catalog .form-title{padding-bottom:27px!important}.form-title h2{font-size:30px!important}.form-title p{font-size:13px!important}
  #screen-catalog .field-heading label,#screen-catalog .product-controls>label{font-size:15px!important}#screen-catalog .field-number{width:25px!important;height:25px!important;font-size:11px!important}
  #screen-catalog .recipient-input-wrap,#screen-catalog .amount-wrap{height:64px!important}.recipient-input-wrap input,.amount-wrap input{font-size:15px!important}.stars-input input{font-size:23px!important}
  #screen-catalog .field-hint{font-size:11px!important}.popular-caption{font-size:13px!important}.star-package{min-height:58px!important;padding:10px 14px!important}.star-package strong,.star-package .pack-price{font-size:13px!important}
  #screen-catalog .product-tab{font-size:14px!important}.product-tab img{width:32px!important;height:32px!important}
  #screen-catalog .field-group,#screen-catalog .product-controls{grid-row:2!important}
  #screen-catalog .catalog-guide{top:164px!important;padding:27px!important;border-radius:28px!important}#screen-catalog .catalog-guide .feature-card{padding:18px!important}#screen-catalog .catalog-guide .feature-card strong{font-size:13px!important}#screen-catalog .catalog-guide .feature-card p{font-size:11px!important;line-height:1.5!important}
}

/* Gift checkout: one clear flow, with every item visible and no nested scroller. */
#screen-catalog .gift-shop{min-width:0;gap:18px}
#screen-catalog .gift-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;padding:0;scroll-snap-type:none}
#screen-catalog .gift-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-width:0;min-height:142px;padding:14px;border:1px solid #4a3b59;border-radius:17px;background:linear-gradient(145deg,#292135,#1a1624);color:#f8f3fd;text-align:left;box-shadow:inset 0 1px #ffffff0b;touch-action:manipulation}
#screen-catalog .gift-card:hover{border-color:#ac78de}
#screen-catalog .gift-card.selected{border-color:#c998fa;background:linear-gradient(150deg,#443057,#251c34);box-shadow:0 0 0 2px #a16ada30,inset 0 1px #ffffff30}
#screen-catalog .gift-card.selected:after{content:'✓';position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#b57de9;color:#1a1026;font-size:13px;font-weight:900}
#screen-catalog .gift-card-emoji{display:grid;place-items:center;width:50px;height:50px;flex:none;margin-bottom:10px;border-radius:15px;background:radial-gradient(circle at 35% 22%,#ffffff27,#ffffff07 70%);font-size:31px;line-height:1;overflow:hidden}
#screen-catalog .gift-card-copy{display:block;width:100%;min-width:0}
#screen-catalog .gift-card strong{display:-webkit-box;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;font-weight:800}
#screen-catalog .gift-card.is-new .gift-card-copy{padding-right:28px}
#screen-catalog .gift-card small{display:block;margin-top:4px;color:#ac9db9;font-size:10px;line-height:1.2}
#screen-catalog .gift-card b{display:block;margin-top:auto;padding-top:11px;color:#e8caff;font-size:14px;font-weight:850;line-height:1.1}
#screen-catalog .gift-options{min-width:0;margin-top:2px}
#screen-catalog .gift-quantity-input{display:flex;align-items:center;gap:11px;overflow:hidden}
#screen-catalog .gift-quantity-input{padding-inline:14px;gap:10px}
#screen-catalog .gift-quantity-input .gift-quantity-mark{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin:0;color:#c6a2e8;line-height:0}
#screen-catalog .gift-quantity-input .gift-quantity-mark svg{display:block;width:23px;height:23px}
#screen-catalog .gift-quantity-input .amount-icon{display:block;width:29px!important;height:29px!important;min-width:29px;max-width:29px;object-fit:contain;flex:none}
#screen-catalog .gift-quantity-input input{min-width:0;width:100%;font-size:19px!important;font-weight:800}
#screen-catalog .gift-quantity-input .amount-price{flex:none;max-width:45%;font-size:13px;text-align:right}
#screen-catalog .gift-details{min-width:0;gap:11px}
#screen-catalog .gift-toggle{min-height:66px;padding:12px 15px}
#screen-catalog .gift-toggle strong{font-size:13px}
#screen-catalog .gift-toggle small{font-size:10px;line-height:1.35}
#screen-catalog .gift-conversion-note{margin:0 2px;color:#aaa1b2;font-size:10px;line-height:1.45}
#screen-catalog .gift-comment{min-height:90px;padding:13px 15px}
#screen-catalog .gift-comment>span{font-size:12px;font-weight:800}
#screen-catalog .gift-comment textarea{min-height:42px;font-size:14px;line-height:1.4}
#screen-catalog .gift-comment small{font-size:10px}
#screen-catalog .gift-catalog-empty{min-height:124px;font-size:13px}
#screen-catalog .gift-catalog-empty{flex-direction:column}
#screen-catalog .gift-catalog-empty button{padding:10px 15px;border:1px solid #a674d1;border-radius:11px;background:#39264c;color:#f3e7ff;font:inherit;font-weight:800;cursor:pointer}

@media(min-width:900px){
  .topbar:after{display:none!important}
  .topbar{border:0!important;background:transparent!important;box-shadow:none!important}
  .account-pill{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #screen-catalog.active:has(#gift-controls:not(.hidden)){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"intro" "form"!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .catalog-guide{display:none!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .form-panel{display:block!important;min-height:0!important;padding:32px 38px 120px!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .form-title{margin-bottom:26px}
  #screen-catalog:has(#gift-controls:not(.hidden)) .field-group{max-width:680px;margin-bottom:28px}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-shop{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:22px;row-gap:16px}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-shop>label,#screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-column:1/-1}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card{min-height:158px;padding:16px}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card-emoji{width:55px;height:55px;font-size:35px}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-options,#screen-catalog:has(#gift-controls:not(.hidden)) .gift-details{grid-column:auto;align-self:start}
  .floating-checkout{left:50%!important;right:auto!important;bottom:28px!important;width:min(460px,calc(100% - 48px))!important;min-height:70px!important;padding:13px 19px!important;border-radius:19px!important;background:linear-gradient(115deg,#8d4cc5,#663baf)!important;transform:translate(-50%,calc(100% + 48px))!important}
  .floating-checkout.is-visible{transform:translate(-50%,0)!important}
}

@media(max-width:899px){
  #screen-catalog:has(#gift-controls:not(.hidden)) .catalog-guide{display:none}
  #screen-catalog:has(#gift-controls:not(.hidden)){padding-bottom:105px}
  #screen-catalog .gift-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #screen-catalog .gift-card{min-height:137px;padding:12px}
  #screen-catalog .gift-card-emoji{width:46px;height:46px;font-size:29px}
  #screen-catalog .gift-card strong{font-size:12px}
  #screen-catalog .gift-card b{font-size:13px}
  #screen-catalog .gift-options,#screen-catalog .gift-details{width:100%}
}

/* Mobile polish: stable balance geometry and a cleaner case presentation. */
@media(max-width:899px){
  .account-pill .header-balance{width:136px!important;min-width:136px!important;height:39px!important;grid-template-rows:9px 16px 10px!important;overflow:hidden!important}
  .account-pill .header-balance small,.account-pill .header-balance strong,.account-pill .header-balance i{width:136px!important;max-width:136px!important;text-align:center!important}
  .account-pill .header-balance strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
  .account-pill .header-balance i{min-height:10px}
}
@keyframes balance-swap{0%{opacity:.18;filter:blur(2px)}100%{opacity:1;filter:none}}
.bonus-spin-card{border:1px solid #ffffff1c!important;border-radius:24px!important;background:radial-gradient(circle at 0 0,#3b2b6650,transparent 48%),linear-gradient(150deg,#201831,#12101c 72%)!important;box-shadow:0 20px 50px #0005!important}
.bonus-spin-card[data-case-source="referral"]{background:radial-gradient(circle at 0 0,#7b31523d,transparent 50%),linear-gradient(150deg,#281827,#15111d 72%)!important}
.bonus-spin-head{align-items:center!important}
.bonus-spin-head h2{font-size:25px!important;letter-spacing:-.04em}
.bonus-demo-badge{border:1px solid #ffffff20;background:#ffffff0b!important;color:#d9c5ed!important;font-weight:850}
.bonus-spin-card>p{max-width:600px!important;color:#aaa0b6!important}
.bonus-spin-button,.bonus-spin-button.secondary{min-height:70px!important;border:1px solid #ffffff24!important;border-radius:17px!important;background:linear-gradient(110deg,#7046ab,#4e2a78 58%,#6a3c9c)!important;color:#fff!important;box-shadow:0 12px 26px #12091f66,inset 0 1px #ffffff35!important}
.bonus-spin-button.secondary{background:linear-gradient(110deg,#b86467,#81355f 58%,#69318c)!important}
.bonus-button-mark{display:grid!important;place-items:center!important;flex:none!important;width:44px!important;height:44px!important;border:1px solid #ffffff40!important;border-radius:14px!important;background:#ffffff17!important;color:#fff!important;font-size:24px!important;font-weight:950!important;line-height:1!important;box-shadow:inset 0 1px #ffffff4a!important}
.bonus-button-mark.referral{color:#ffe0c6;transform:rotate(-8deg)}
.bonus-spin-button>span:not(.bonus-button-mark){display:grid!important;gap:4px!important;min-width:0!important;flex:1!important}
.bonus-spin-button b{font-size:14px!important;letter-spacing:-.02em!important}
.bonus-spin-button small{font-size:9px!important;opacity:.78!important}
.bonus-spin-button>i{width:34px!important;height:34px!important;border:1px solid #ffffff25;background:#ffffff16!important}
.bonus-spin-status{border-color:#ffffff18!important;background:#ffffff08!important}
.bonus-spin-card[data-case-source="referral"] .bonus-case-window{border-color:#ff9cbb44;background:linear-gradient(180deg,#190e1ce6,#221329e8);box-shadow:inset 0 0 34px #000b,0 14px 34px #0005}
.bonus-spin-card[data-case-source="referral"] .bonus-case-window>i{background:linear-gradient(180deg,#fff0,#ffc1de 20%,#ffc1de 80%,#fff0);box-shadow:0 0 12px #ff86bd}
.referral-box{border-color:#ffffff18!important;background:#ffffff07!important}

@media(min-width:900px) and (max-width:1199px){
  #screen-catalog.active{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"intro" "form" "guide"!important}
  #screen-catalog .catalog-intro{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  #screen-catalog .form-panel{min-height:0!important}
  #screen-catalog .catalog-guide{position:relative!important;top:auto!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Desktop purchase flow: a product form paired with the actual order review. */
@media(min-width:900px){
  .app-shell{padding-inline:clamp(24px,3vw,56px)!important}
  .topbar{height:70px!important;padding-inline:4px 6px!important}
  .topbar:after{display:none!important}
  .bottom-nav{top:70px!important;height:58px!important;padding:5px 0!important;background:transparent!important;box-shadow:none!important}
  .bottom-nav .nav-item{min-width:132px!important}
  #screen-catalog.active,
  #screen-catalog.active:has(#gift-controls:not(.hidden)){
    grid-template-columns:minmax(0,1fr) clamp(300px,25vw,370px)!important;
    grid-template-areas:"intro intro" "form guide"!important;
    column-gap:22px!important;
    align-items:start!important;
  }
  #screen-catalog .catalog-intro{grid-template-columns:minmax(250px,.4fr) minmax(0,1fr)!important;gap:24px!important;padding-top:18px!important}
  #screen-catalog .catalog-intro .page-heading{padding:18px 0 8px!important}
  #screen-catalog .catalog-intro .page-heading h1{font-size:clamp(29px,2.5vw,39px)!important}
  #screen-catalog .product-switcher{padding-bottom:8px!important;gap:7px!important}
  #screen-catalog .product-tab{height:58px!important;font-size:13px!important}
  #screen-catalog .product-tab img{width:28px!important;height:28px!important}
  #screen-catalog .catalog-layout{margin-top:16px!important}
  #screen-catalog .form-panel,
  #screen-catalog:has(#gift-controls:not(.hidden)) .form-panel{display:block!important;min-height:0!important;padding:29px clamp(26px,2.5vw,38px) 34px!important;border-radius:26px!important}
  #screen-catalog .form-title{margin:0 0 28px!important;padding-bottom:22px!important}
  #screen-catalog .form-title h2{font-size:27px!important}
  #screen-catalog .field-group,
  #screen-catalog:has(#gift-controls:not(.hidden)) .field-group{max-width:660px;margin:0 0 28px!important}
  #screen-catalog .product-controls{margin:0!important}
  #screen-catalog .recipient-input-wrap{max-width:660px}
  #screen-catalog .stars-input,#screen-catalog .gram-input{max-width:500px}
  #screen-catalog .stars-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none!important;overflow:visible!important}
  #screen-catalog .stars-packages.expanded{max-height:none!important;overflow:visible!important;padding-right:1px!important}
  #screen-catalog .stars-packages .star-package{display:grid!important;grid-template-columns:18px 26px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:10px;row-gap:4px;min-width:0;min-height:76px!important;padding:11px 13px!important}
  #screen-catalog .stars-packages:not(.expanded) .star-package:nth-child(n+4){display:none!important}
  #screen-catalog .star-package .pack-radio{grid-column:1;grid-row:1/3;align-self:center}
  #screen-catalog .star-package img{grid-column:2;grid-row:1/3;align-self:center;width:26px;height:26px;object-fit:contain}
  #screen-catalog .star-package strong{grid-column:3;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #screen-catalog .star-package .pack-price{grid-column:3;grid-row:2;overflow:hidden;color:#d4b6ec;font-size:12px!important;white-space:nowrap;text-overflow:ellipsis}
  #screen-catalog .duration-row{gap:12px}
  #screen-catalog .duration{min-height:116px}
  #screen-catalog .gift-shop,
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-shop{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:15px 18px!important}
  #screen-catalog .gift-catalog,
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  #screen-catalog .gift-card,
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card{min-height:150px;padding:12px}
  #screen-catalog .gift-card-emoji{width:50px;height:50px;font-size:30px}
  #screen-catalog .catalog-guide,
  #screen-catalog:has(#gift-controls:not(.hidden)) .catalog-guide{
    display:flex!important;flex-direction:column;grid-area:guide!important;position:sticky!important;top:145px!important;
    min-height:380px;width:100%!important;margin:16px 0 0!important;padding:25px!important;
    border:1px solid #6650786e;border-radius:26px!important;
    background:radial-gradient(circle at 100% 0,#52336d4a,transparent 49%),linear-gradient(155deg,#21192e,#17131f 74%);
    box-shadow:0 22px 62px #0004,inset 0 1px #ffffff12;
  }
  .review-product{display:flex;align-items:center;gap:13px;margin-top:22px}
  .review-icon{display:grid;place-items:center;flex:none;width:62px;height:62px;border:1px solid #9a72be54;border-radius:19px;background:linear-gradient(145deg,#51346d,#2a203d)}
  .review-icon img{width:38px;height:38px;object-fit:contain}
  .review-product h2{margin:0;color:#fbf5ff;font-size:20px;line-height:1.15;letter-spacing:-.5px}
  .review-product p{margin:6px 0 0;color:#a99ab8;font-size:11px;line-height:1.35}
  .review-rows{display:grid;gap:0;margin-top:27px;border-top:1px solid #ffffff16}
  .review-rows>div{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff13}
  .review-rows span{flex:none;color:#aa9ab8;font-size:11px}
  .review-rows strong{min-width:0;max-width:66%;color:#f6eaff;font-size:12px;line-height:1.35;text-align:right;overflow-wrap:anywhere}
  .review-rows .review-total{align-items:center;margin-top:5px;padding-bottom:12px;border:0}
  .review-total strong{font-size:22px;letter-spacing:-.6px;color:#e9c5ff}
  .review-note{min-height:32px;margin:0 0 20px;color:#a99ab8;font-size:11px;line-height:1.45}
  .order-review .floating-checkout{position:relative!important;z-index:1!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-height:62px!important;margin:auto 0 0!important;padding:11px 14px!important;transform:none!important;border-radius:15px!important;box-shadow:0 12px 24px #4a28755e!important}
  .order-review .floating-checkout.is-visible{transform:none!important}
  .order-review .floating-checkout:disabled{background:#44364e!important;border-color:#63516c!important;color:#c7b8d0!important;box-shadow:none!important;filter:none!important;cursor:default;transform:none!important}
  .order-review .floating-checkout:disabled .floating-arrow{opacity:.45}
  .order-review .floating-checkout small{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(min-width:900px) and (max-width:1260px){
  #screen-catalog .gift-catalog,
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #screen-catalog .stars-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:899px){
  #screen-catalog .order-review{display:none!important}
  #screen-catalog{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
}

@media(min-width:1600px){
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .form-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:clamp(24px,3vw,52px)!important;
    align-items:start!important;
  }
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .form-title{grid-column:1/-1!important}
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .field-group{grid-column:1!important;grid-row:2!important;max-width:none;margin:0!important}
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .product-controls{grid-column:2!important;grid-row:2!important;min-width:0}
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .recipient-input-wrap,
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .stars-input,
  #screen-catalog:not(:has(#gift-controls:not(.hidden))) .gram-input{max-width:none}
  #screen-catalog .stars-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1650px){
  #screen-catalog .stars-packages{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Storefront navigation lives in a real desktop sidebar; Mini App tabs stay unchanged. */
.sidebar-head,.desktop-page-title{display:none}
.catalog-how{display:none}
@media(max-width:899px){
  #screen-catalog{padding-bottom:calc(190px + env(safe-area-inset-bottom))!important}
  #screen-catalog .catalog-how{display:block;margin:18px 0 0;padding:20px 18px;border:1px solid #5d47744d;border-radius:21px;background:linear-gradient(145deg,#211a2d,#171420)}
  .catalog-how h2{margin:8px 0 17px;font-size:19px;letter-spacing:-.5px}
  .catalog-how-steps{display:grid;gap:0}
  .catalog-how-steps>div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:11px;padding:12px 0;border-top:1px solid #ffffff14}
  .catalog-how-steps>div>span{grid-row:1/3;color:#bd92ea;font-size:11px;font-weight:850}
  .catalog-how-steps strong{font-size:12px;line-height:1.3}
  .catalog-how-steps p{grid-column:2;margin:4px 0 0;color:#a99bb9;font-size:11px;line-height:1.45}
  body:not(.keyboard-open) .floating-checkout.is-visible{bottom:calc(78px + env(safe-area-inset-bottom));opacity:1;pointer-events:auto}
}
@media(min-width:900px){
  body{--desktop-menu-width:220px;background-color:#0c0a15;background-image:radial-gradient(ellipse at 7% 24%,#65358938,transparent 36%),radial-gradient(ellipse at 89% 68%,#2361a137,transparent 39%),linear-gradient(145deg,#100d1c,#0c0a15 58%,#101629);background-size:140% 140%,150% 150%,auto;background-attachment:fixed;animation:desktop-ambient 24s ease-in-out infinite alternate}
  body.desktop-menu-compact{--desktop-menu-width:76px}
  .app-shell{padding-left:calc(var(--desktop-menu-width) + 28px)!important;padding-right:28px!important;transition:padding-left .3s ease}
  .sidebar-head{position:fixed;z-index:10;top:0;left:0;display:flex;align-items:center;gap:10px;width:var(--desktop-menu-width);height:82px;padding:0 13px;border-right:1px solid #ffffff14;background:rgba(18,14,28,.88);backdrop-filter:blur(22px);transition:width .3s ease}
  .sidebar-logo{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#814cba,#513079);color:#fff;font-size:23px;box-shadow:0 8px 24px #8848bd35}
  .sidebar-head strong{min-width:0;overflow:hidden;white-space:nowrap;color:#f6ecff;font-size:16px;letter-spacing:-.4px}
  #sidebar-toggle{display:grid;place-items:center;flex:none;width:29px;height:29px;margin-left:auto;border:1px solid #ffffff20;border-radius:9px;background:#ffffff09;color:#d5bee8;font-size:23px;line-height:1}
  .bottom-nav{position:fixed!important;z-index:9!important;top:82px!important;left:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:var(--desktop-menu-width)!important;height:calc(100dvh - 82px)!important;margin:0!important;padding:16px 9px!important;transform:none!important;border:0!important;border-right:1px solid #ffffff14!important;background:rgba(18,14,28,.88)!important;backdrop-filter:blur(22px);transition:width .3s ease}
  .bottom-nav .nav-item{flex:0 0 auto!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;height:47px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#aa9bb9!important}
  .bottom-nav .nav-item:hover{background:#ffffff0d!important;color:#f6e9ff!important}
  .bottom-nav .nav-item.selected{border-color:#aa78d34d!important;background:linear-gradient(100deg,#7d4aab55,#6f4c9129)!important;color:#f9eaff!important;box-shadow:inset 0 1px #ffffff16}
  .bottom-nav .nav-item .nav-icon{flex:none;width:26px;height:26px}
  .bottom-nav .nav-item small{font-size:13px!important;font-weight:750}
  .topbar{height:70px!important;justify-content:space-between!important;padding:0!important}
  .topbar .brand{display:none!important}
  .desktop-page-title{display:block;color:#d1bdde;font-size:13px;font-weight:750;letter-spacing:.1px}
  .topbar .account-pill{margin-left:auto}
  body.desktop-menu-compact .sidebar-head{justify-content:center;padding:0 8px}
  body.desktop-menu-compact .sidebar-head strong,body.desktop-menu-compact .bottom-nav .nav-item small{display:none}
  body.desktop-menu-compact #sidebar-toggle{position:absolute;right:-12px;top:27px;width:25px;height:25px;background:#2f2140}
  body.desktop-menu-compact .bottom-nav .nav-item{justify-content:center!important;padding:0!important}
}
@media(min-width:900px) and (max-width:1199px){
  body{--desktop-menu-width:76px}
  .sidebar-head{justify-content:center;padding:0 8px}
  .sidebar-head strong,.bottom-nav .nav-item small{display:none!important}
  #sidebar-toggle{display:none!important}
  .bottom-nav .nav-item{justify-content:center!important;padding:0!important}
}
@keyframes desktop-ambient{from{background-position:0 20%,100% 0,center}to{background-position:100% 60%,0 100%,center}}
@media(prefers-reduced-motion:reduce){body{animation:none!important}.app-shell,.sidebar-head,.bottom-nav{transition:none!important}}

/* Shop polish: a stable phone checkout, quieter pricing and clearer rewards. */
.avatar-recipient,.recipient-inline .avatar-recipient{border:0!important;box-shadow:none!important}
.amount-price,.pack-price,.gift-card b,#review-price,.review-total strong{color:#f2d9aa!important}
.amount-price b,.pack-price b{color:#d3f4de!important}
.gift-card.selected b{color:#ffe6b9!important}
.catalog-how-steps p{color:#c1b5ce}
.support-fab,.support-fab.support-dragged{left:auto!important;top:86px!important;right:18px!important;bottom:auto!important;cursor:grab;touch-action:none}
.support-fab .support-badge{display:none!important}
body[data-screen="catalog"] .support-fab{display:none!important}
@media(max-width:899px){
  #screen-catalog{padding-bottom:calc(136px + env(safe-area-inset-bottom))!important}
  body:not(.keyboard-open) .floating-checkout{
    position:fixed!important;left:16px!important;right:16px!important;width:auto!important;
    max-width:none!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;
    transform:translate3d(0,calc(100% + 24px),0)!important;
    transition:transform .25s ease,opacity .25s ease!important;
  }
  body:not(.keyboard-open) .floating-checkout.is-visible,
  body:not(.keyboard-open) .floating-checkout.is-visible:hover{
    transform:translate3d(0,0,0)!important;
  }
  #support-fab:not(.support-dragged),#support-fab.support-dragged{top:auto!important;right:16px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}
  body[data-screen="catalog"] #support-fab:not(.support-dragged){bottom:calc(151px + env(safe-area-inset-bottom))!important}
  #screen-catalog .catalog-how{margin-top:13px}
}
@media(min-width:900px){
  #screen-cases{max-width:1340px!important;margin-inline:auto}
  #screen-cases .cases-heading{margin:18px 0 25px}
  #screen-cases .cases-heading h1{font-size:clamp(34px,3.2vw,48px)}
  #screen-cases .cases-heading p{font-size:14px}
  #screen-cases .cases-ready-banner{max-width:none;min-height:70px;padding:16px 21px}
  #screen-cases .cases-lobby{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}
  #screen-cases .cases-inventory-open{max-width:none;min-height:80px;padding:17px 20px}
  #screen-cases .cases-inventory-open strong{font-size:16px}
  #screen-cases .cases-inventory-open small{font-size:11px}
  #screen-cases #cases-content{max-width:1040px}
  #screen-cases .bonus-spin-card{max-width:1040px;margin-inline:auto;padding:30px 34px;border-radius:25px}
  #screen-cases .bonus-spin-head h2{font-size:30px}
  #screen-cases .bonus-spin-card>p{font-size:14px}
  #screen-cases .bonus-case-window{height:180px;margin:22px 0}
  #screen-cases .case-item{flex-basis:150px}
  #screen-cases .bonus-spin-actions{max-width:390px;margin:20px auto 0}
  #screen-cases .bonus-spin-button{min-height:72px}
  #screen-cases .bonus-spin-status{max-width:500px;margin:16px auto 0;padding:14px 17px;text-align:center}
  #screen-cases .bonus-inventory{padding:28px 32px}
  #screen-cases .bonus-inventory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:540px}
}
.case-detail-intro{margin:0 0 16px;padding:0 3px}
.case-detail-intro h2{margin:5px 0 5px;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.04em}
.case-detail-intro p{margin:0;max-width:650px;color:#b3a8bf;font-size:12px;line-height:1.5}
.bonus-spin-card.is-spinning{animation:none!important;transform:none!important;box-shadow:0 18px 38px #0005,0 0 27px #70cfff22!important}
.bonus-spin-button,.bonus-spin-button.secondary{border-radius:16px;box-shadow:0 10px 22px #0004,inset 0 1px 0 #ffffff7a}
.bonus-spin-button b{font-size:16px;line-height:1.15}
.bonus-spin-button small{font-size:10px}
.bonus-inventory{background:linear-gradient(155deg,#211b2d,#17141e 70%)}
.bonus-inventory-head h2{font-size:23px;letter-spacing:-.035em}
.inventory-item{min-height:94px;padding:14px 13px 40px;border-radius:16px}
.inventory-icon{width:38px;height:38px;border-radius:11px}
.inventory-item strong{font-size:12px}
.inventory-item small{font-size:10px}
.inventory-item button{left:13px;right:13px;bottom:10px;height:29px;font-size:10px}
.inventory-star-actions{left:13px;right:13px;bottom:10px}
.inventory-stars-group{min-height:125px}
.inventory-empty{padding:30px 18px;font-size:12px}
.inventory-empty{display:grid;justify-items:center;gap:6px;min-height:190px;align-content:center;background:radial-gradient(circle at 50% 0%,#68408b36,transparent 65%),#1a1521}
.inventory-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:1px solid #af7ed144;border-radius:13px;background:#a368ca24;color:#dfb6ff;font-size:23px}
.inventory-empty strong{color:#f5eafe;font-size:16px}
.inventory-empty p{margin:0;color:#9f92ad;font-size:11px}
.inventory-empty button{margin-top:8px;padding:9px 14px;border:1px solid #a071ca80;border-radius:10px;background:#7a45a655;color:#f2ddff;font:inherit;font-size:11px;font-weight:850}
@media(max-width:600px){
  .case-detail-intro{padding:0 3px 2px}
  .case-detail-intro p{font-size:11px}
  .bonus-inventory{padding:18px 15px}
  .bonus-inventory-list{gap:9px}
}
body.keyboard-open #support-fab,body #support-fab.hidden{display:none!important}
body.support-open{position:fixed;top:var(--support-lock-top,0px);right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body.support-open .support-panel{bottom:0;inset-inline-start:0;inset-inline-end:0}
body.support-open .support-messages{overflow-anchor:none}
@media(max-width:600px){
  /* Keep the sheet anchored to the Telegram viewport. Do not resize it from
     visualViewport events: iOS otherwise moves and zooms the whole page while
     the composer is focused. */
  body.support-open .support-panel,
  body.support-open.keyboard-open .support-panel{height:min(92dvh,calc(100dvh - env(safe-area-inset-top)));max-height:none;bottom:0}
  body.support-open .support-composer textarea{font-size:16px;transform:none}
}

/* Checkout clarity and a live order card. */
.amount-price,.pack-price,.gift-card b,#review-price,.review-total strong{color:#f3edf9!important}
.amount-price b,.pack-price b,.gift-card.selected b{color:#d6b6f4!important}
.recipient-input-wrap.resolved,.recipient-input-wrap.resolved:focus-within{border-color:#52465e!important;background:#211d2f!important}
.ton-wallet-card{display:flex;align-items:center;gap:13px;margin:13px 0 16px;padding:15px;border:1px solid #59476a;border-radius:19px;background:linear-gradient(115deg,#211a30,#191623);box-shadow:inset 0 1px #ffffff10}
.ton-wallet-mark{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:#24699d35}
.ton-wallet-mark img{width:28px;height:28px;object-fit:contain}
.ton-wallet-copy{display:grid;gap:3px;min-width:0;flex:1}
.ton-wallet-copy strong{overflow:hidden;color:#f7f2fa;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.ton-wallet-copy small{color:#a99cb7;font-size:10px;line-height:1.4}
.ton-wallet-card button{flex:none;min-height:36px;padding:7px 12px;border:1px solid #8358aa;border-radius:10px;background:#663c8c;color:#fff;font-size:11px;font-weight:800}
.ton-wallet-card #ton-wallet-disconnect{min-width:31px;padding:3px;background:transparent;color:#bfa9ce;font-size:19px}
.ton-wallet-card .hidden{display:none!important}
.order-result{max-width:680px;margin:30px auto;padding:30px;text-align:left;background:radial-gradient(circle at 9% 0%,#52346a55,transparent 42%),linear-gradient(150deg,#211a30,#15121e 78%)}
.order-result .result-icon{margin:0 0 17px;width:53px;height:53px;font-size:28px}
.result-icon.working{background:#72459450;color:#dec7f9;animation:result-pulse 1.6s ease-in-out infinite}
.result-icon.completed{background:#2f654f;color:#b0ffd2}
.result-icon.problem{background:#823e525c;color:#ffd1dc}
@keyframes result-pulse{50%{box-shadow:0 0 0 9px #b778e622;transform:rotate(40deg)}}
.result-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:25px 0 15px}
.result-timeline>div{display:flex;gap:9px;align-items:flex-start;min-width:0;padding:13px 10px;border:1px solid #493b56;border-radius:14px;background:#ffffff06;opacity:.65}
.result-timeline>div.current,.result-timeline>div.done{opacity:1}
.result-timeline>div.current{border-color:#a176c5;background:#7953a323}
.result-timeline>div.done{border-color:#6eaa8c66;background:#4a9c7150}
.result-timeline>div.issue{border-color:#d0809566;background:#a4506c26;opacity:1}
.result-timeline i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#8a61ae33;color:#ddb8fa;font-size:11px;font-style:normal;font-weight:900}
.result-timeline strong,.result-timeline small{display:block}
.result-timeline strong{font-size:11px}
.result-timeline small{margin-top:4px;color:#ad9fba;font-size:9px;line-height:1.35}
.result-updated{margin:2px 0 17px!important;color:#9f8fb1!important;font-size:10px!important}
.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.result-actions>.hidden{display:none!important}
.result-actions .primary-button{grid-column:1/-1}
@media(min-width:900px){
  #screen-catalog .catalog-how{display:block;grid-column:1;grid-row:3;align-self:start;margin:14px 0 0;padding:20px 22px;border:1px solid #ffffff17;border-radius:20px;background:#1b1625}
  #screen-catalog .catalog-how h2{margin:5px 0 17px;font-size:19px}
  #screen-catalog .catalog-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  #screen-catalog .catalog-how-steps>div{display:grid;grid-template-columns:24px 1fr;gap:3px 7px;align-content:start;padding:12px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff06}
  #screen-catalog .catalog-how-steps>div>span{grid-row:1/3;color:#c69fe7;font-size:10px}
  #screen-catalog .catalog-how-steps strong{font-size:11px}
  #screen-catalog .catalog-how-steps p{grid-column:2;margin:0;color:#b3a6c0;font-size:10px;line-height:1.45}
}
@media(max-width:899px){
  body[data-screen="catalog"] .app-shell{padding-bottom:calc(55px + env(safe-area-inset-bottom))!important}
  #screen-catalog{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  #screen-catalog .catalog-how{margin-bottom:0!important}
}
@media(max-width:600px){
  .order-result{margin:16px 0;padding:23px 18px;border-radius:21px}
  .order-result h2{font-size:24px}
  .result-timeline{gap:5px}
  .result-timeline>div{display:block;padding:9px 7px}
  .result-timeline i{margin-bottom:7px}
  .result-timeline strong{font-size:10px}
  .result-timeline small{font-size:9px}
  .ton-wallet-card{gap:9px;padding:12px}
  .ton-wallet-copy small{font-size:9px}
  .ton-wallet-card button{padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){.result-icon.working{animation:none}}

/* Payment status: the live state must lead, while the detailed guide stays below. */
.order-result{display:flex;flex-direction:column;gap:0}
.order-result .result-icon{order:1}
.order-result>.eyebrow{order:2}
.order-result>#result-heading{order:3}
.order-result>#result-description{order:4;margin-bottom:4px}
.order-result>#result-updated{order:5}
.order-result>.result-timeline{order:10}
.order-result>.result-actions{order:20}
.order-result>.result-timeline:before{content:'КАК ПРОХОДИТ ЗАКАЗ';display:block;grid-column:1/-1;margin:0 0 1px;color:#a996b9;font-size:9px;font-weight:850;letter-spacing:.16em}
.result-actions a,.result-actions button{min-height:44px;border-radius:13px;font-size:11px;font-weight:850}
.result-actions .primary-button{background:linear-gradient(135deg,#9b60e0,#67329c);box-shadow:0 10px 22px #30184c66}
.result-actions .ghost-button{border-color:#554266;background:#211a2f;color:#e7d7f4}

/* Compact financial hub used from the profile instead of three unrelated cards. */
.legacy-balance-card{display:none!important}
.finance-card{position:relative;overflow:hidden;margin-top:14px;padding:20px;border:1px solid #5a4672;border-radius:21px;background:radial-gradient(circle at 100% 0%,#7846a444,transparent 44%),linear-gradient(135deg,#211830,#171321);box-shadow:inset 0 1px #ffffff12}
.finance-card-top{display:flex;justify-content:space-between;gap:15px}.finance-card h2{margin:4px 0 5px;font-size:19px}.finance-card p{margin:0;max-width:420px;color:#a99bb8;font-size:11px;line-height:1.45}.finance-card-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:13px;background:#7948a83a;color:#d8b9fa;font-size:21px}
.finance-glance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 12px}.finance-glance>div{padding:11px 12px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff06}.finance-glance small{display:block;color:#9789a6;font-size:9px}.finance-glance strong{display:block;margin-top:5px;overflow:hidden;color:#f5edfa;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.finance-open{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 13px;border:1px solid #8556ae;border-radius:12px;background:#673a8b;color:#fff;font-size:11px;font-weight:850}.finance-open span{font-size:17px}.finance-sheet{position:fixed;z-index:80;left:50%;bottom:18px;width:min(520px,calc(100% - 24px));max-height:min(82dvh,680px);overflow:auto;transform:translateX(-50%);padding:20px;border:1px solid #624b7a;border-radius:24px;background:linear-gradient(155deg,#211730,#15111e);box-shadow:0 24px 80px #000b}.finance-sheet.hidden{display:none}.finance-sheet .ton-wallet-card{margin:13px 0 16px}.finance-history{margin-top:17px;padding:14px;border:1px solid #ffffff0e;border-radius:14px;background:#ffffff05}.finance-history strong{display:block;margin-top:6px;font-size:13px}.finance-history p{margin:8px 0 0;color:#968ba2;font-size:10px;line-height:1.45}
.header-balance-center{position:absolute;left:50%;top:50%;display:grid;min-width:145px;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;text-align:center;cursor:pointer}.header-balance-center span,.header-balance-center small{display:block;color:#9f91ad;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.header-balance-center strong{display:block;margin:2px 0;font-size:15px}.header-balance-center small{color:#c39be2;font-size:8px;letter-spacing:0;text-transform:none}.topbar>.brand{opacity:.0;pointer-events:none}.topbar>.desktop-page-title{display:none}.account-pill .header-balance{display:none}
.header-balance-center strong.balance-swap{animation:balance-swap .48s ease both}@keyframes balance-swap{0%{opacity:.25;transform:translateY(4px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
.profile-stats>div{position:relative;overflow:hidden;background:linear-gradient(145deg,#20182d,#17131f)}.profile-stats>div:after{content:'✦';position:absolute;right:13px;top:10px;color:#a872d04a;font-size:24px}.profile-stats strong{font-variant-numeric:tabular-nums}.orders-list{gap:9px}.order-card{padding:15px 16px;background:linear-gradient(145deg,#211a2d,#17131f);box-shadow:inset 0 1px #ffffff08}.order-top{align-items:center}.order-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.order-title-wrap strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-product-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#c28af3;box-shadow:0 0 0 4px #9e5ed31c}.order-status{padding:5px 7px;border:1px solid #7754a055;border-radius:999px;background:#6d43a51c;color:#d7b9f4;font-size:9px;font-weight:800}.order-meta{align-items:end;margin-top:14px}.order-meta span{color:#92859f;font-size:10px}.order-meta span b{display:block;margin-top:4px;color:#e2d6eb;font-size:11px;font-weight:700}.order-meta>strong{color:#e0c1fa;font-size:14px}.order-code{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:9px;border-top:1px solid #ffffff0b;color:#776d82;font-size:9px}.order-detail summary{cursor:pointer}.order-more{color:#be8be2;font-size:10px;font-weight:800}.order-detail-body{margin-top:13px}.order-actions button{background:#261d36}.support-link{background:linear-gradient(145deg,#21182f,#17131f)}
@media(max-width:600px){.finance-card{padding:17px;border-radius:18px}.finance-glance{gap:6px}.finance-sheet{bottom:8px;width:calc(100% - 16px);padding:17px;border-radius:21px}.header-balance-center{min-width:132px}.header-balance-center strong{font-size:14px}.order-result{padding:20px 16px}.order-result>.result-timeline{grid-template-columns:1fr;gap:7px}.order-result>.result-timeline>div{display:flex;padding:11px 10px}.order-result>.result-timeline i{margin:0}.result-actions{grid-template-columns:1fr!important}.result-actions .primary-button{grid-column:1/-1}}

/* The live status is the first thing a buyer sees on a phone. The longer
   explanation follows it, while the action row remains compact and calm. */
@media(max-width:600px){
  #screen-catalog.active{display:flex;flex-direction:column}
  #screen-catalog .catalog-intro{order:1}
  #screen-catalog .catalog-layout{order:2}
  #screen-catalog #order-result{order:3}
  #screen-catalog .catalog-how{order:4}
  #screen-catalog .order-review{order:5}
  #screen-catalog #floating-checkout{order:6}
}

/* Full-screen TON wallet view: balances are read-only and sourced from the
   linked wallet. The page behind it stays locked while the asset list scrolls. */
#finance-backdrop{position:fixed;z-index:90;inset:0;background:rgba(9,12,19,.96);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
#finance-sheet.finance-sheet{position:fixed;z-index:91;inset:0;display:flex;width:100%;height:100vh;height:100dvh;max-height:none;left:0;bottom:auto;transform:none;overflow:hidden;flex-direction:column;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 20%,rgba(48,72,108,.26),transparent 45%),#10141c;box-shadow:none;color:#f5f6fa}
#finance-sheet.hidden{display:none}
.wallet-screen-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;flex:none;padding:calc(env(safe-area-inset-top,0px) + 11px) max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(185,198,219,.1)}
/* Keep the centered title clear of Telegram's native controls without adding
   a second oversized toolbar below them. */
@media(max-width:700px){body.telegram-miniapp #finance-sheet .wallet-screen-top{padding-top:max(76px,calc(var(--telegram-device-safe-top,0px) + 30px))}}
.wallet-screen-top h2{margin:0;color:#f5f6fa;font-size:17px;font-weight:750;letter-spacing:.01em;text-align:center}
.wallet-screen-back,.wallet-screen-icon{display:inline-flex;align-items:center;justify-self:start;gap:4px;min-height:38px;padding:0;border:0;background:transparent;color:#aeb9c9;font-size:12px;font-weight:650;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wallet-screen-back span:first-child{font-size:23px;line-height:1}
.wallet-screen-icon{justify-self:end;width:38px;justify-content:center;border-radius:50%;background:rgba(130,154,188,.12);font-size:19px}
.wallet-screen-icon:disabled{opacity:.28;cursor:default}
.wallet-screen-scroll{width:min(100%,680px);flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 auto;padding:clamp(34px,8vh,72px) max(22px,env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));touch-action:pan-y}
.wallet-total{display:flex;align-items:center;flex-direction:column;text-align:center}
.wallet-total>.eyebrow{font-size:10px;letter-spacing:.17em}
.wallet-total>strong{display:block;margin-top:12px;color:#f8f9fc;font-size:clamp(42px,12vw,60px);font-weight:650;letter-spacing:-.055em;line-height:1.05;font-variant-numeric:tabular-nums}
.wallet-total-asset{display:flex;align-items:center;gap:8px;margin-top:10px;color:#b7c3d2;font-size:14px;font-variant-numeric:tabular-nums}
.wallet-total-asset span+span{color:#7f8a9c;font-size:12px}
.wallet-address-copy{max-width:100%;margin-top:10px;padding:6px 10px;overflow:hidden;border:0;border-radius:999px;background:transparent;color:#8191a8;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:none}
.wallet-address-copy.is-connected:active{background:transparent}
.wallet-address-copy:focus,.wallet-address-copy:focus-visible,.wallet-screen-icon:focus,.wallet-screen-icon:focus-visible{outline:none!important;box-shadow:none!important}
.wallet-quick-actions{display:flex;justify-content:center;gap:clamp(22px,9vw,46px);margin:26px 0 38px}
.wallet-quick-actions button{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:64px;padding:0;border:0;background:transparent;color:#dfe8f4;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wallet-quick-actions button>span{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#1d2938;color:#9ccaff;font-size:24px;font-weight:700}
.wallet-quick-actions button:first-child>span{background:linear-gradient(145deg,#1d4c69,#20334b);color:#a4e5ff}
.wallet-quick-actions button:last-child>span{background:#342331;color:#f3a2b0}
.wallet-quick-actions button small{color:#aab5c4;font-size:11px;font-weight:600}
.wallet-assets{border-top:1px solid rgba(180,194,215,.13);padding-top:21px}
.wallet-assets-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.wallet-assets-heading h3{margin:0;color:#f1f4f8;font-size:18px;font-weight:700}
.wallet-assets-heading>span{color:#8794a6;font-size:12px;font-variant-numeric:tabular-nums}
.wallet-assets-list{overflow:hidden;border:1px solid rgba(161,181,205,.09);border-radius:20px;background:linear-gradient(145deg,rgba(32,43,57,.86),rgba(24,32,43,.88))}
.wallet-asset-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:78px;padding:12px 15px;border-bottom:1px solid rgba(170,189,212,.06)}
.wallet-asset-row:last-child{border-bottom:0}
.wallet-asset-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#218fd3,#17699c);color:#fff;font-size:15px;font-weight:800}
.wallet-asset-mark img{width:27px;height:27px;object-fit:contain}
.wallet-asset-row:not(:first-child) .wallet-asset-mark{background:linear-gradient(145deg,#36455a,#283344);color:#c7d5e6}
.wallet-asset-name,.wallet-asset-amount{display:flex;min-width:0;flex-direction:column;gap:4px}
.wallet-asset-name strong,.wallet-asset-amount strong{overflow:hidden;color:#f3f5f8;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.wallet-asset-name small,.wallet-asset-amount small{overflow:hidden;color:#8290a2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.wallet-asset-amount{text-align:right}
.wallet-asset-empty{padding:22px 18px;color:#9aa7b7;font-size:13px;line-height:1.5}
.wallet-assets-note{margin:12px 4px;color:#78869a;font-size:11px;line-height:1.45}
#finance-wallet-connect-card.ton-wallet-card{margin:22px 0 0;padding:16px;border-color:rgba(90,169,218,.2);background:rgba(26,43,59,.7)}
#finance-wallet-connect-card .ton-wallet-copy strong{color:#eef5fc}
#finance-wallet-connect-card .ton-wallet-copy small{color:#9baabd}
#finance-wallet-connect-card .ton-wallet-mark{background:rgba(32,145,190,.2)}
.wallet-screen-top{grid-template-columns:1fr auto 1fr;padding-bottom:12px}
.wallet-screen-top h2{grid-column:2;text-align:center}
body.finance-sheet-open .bottom-nav{z-index:92!important}
.wallet-screen-scroll{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.wallet-address-copy{width:100%;max-width:min(100%,560px);overflow:hidden;text-overflow:ellipsis}
.wallet-address-copy.is-expanded{overflow-wrap:anywhere;white-space:normal;word-break:break-all}
.wallet-address-copy:disabled{cursor:default}
.wallet-quick-actions button#ton-wallet-open>span{background:linear-gradient(145deg,#245487,#26374e);color:#b4d8ff}
/* Consistent action alignment with a distinct color for each action. */
.wallet-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(66px,86px));justify-content:center;align-items:start;gap:clamp(18px,7vw,38px);margin:24px 0 34px}
#finance-sheet:not(.wallet-connected) .wallet-quick-actions{grid-template-columns:86px}
.wallet-quick-actions button{width:100%;min-width:0;min-height:82px;gap:7px;justify-self:center}
.wallet-quick-actions button>span{width:56px;height:56px;flex:none;transition:transform .18s ease,filter .18s ease}
.wallet-quick-actions button:active>span{transform:scale(.94);filter:brightness(1.12)}
.wallet-quick-actions button small{min-height:16px;color:#aeb8c7;font-size:11px;font-weight:750;line-height:16px;white-space:nowrap}
.wallet-quick-actions #ton-wallet-connect>span{background:linear-gradient(145deg,#245987,#263c5d);color:#b9ddff}
.wallet-quick-actions #ton-wallet-connect.is-switching>span{background:linear-gradient(145deg,#80632f,#554322);color:#ffe5a5}
.wallet-quick-actions #ton-wallet-open>span{background:linear-gradient(145deg,#176b59,#1e493f);color:#a7f0d4}
.wallet-quick-actions #ton-wallet-disconnect>span{background:linear-gradient(145deg,#6b3040,#432533);color:#ffb4c0}
body.finance-sheet-open #toast.toast-case-notification{z-index:120!important;top:max(132px,calc(var(--telegram-header-offset,56px) + 72px));bottom:auto!important}
.wallet-action-confirm{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:22px;background:rgba(5,8,14,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wallet-action-confirm.hidden{display:none}
.wallet-action-confirm-card{width:min(420px,100%);padding:24px;border:1px solid rgba(152,174,207,.2);border-radius:24px;background:linear-gradient(150deg,#1c2635,#171923 72%);box-shadow:0 26px 75px #0009;text-align:center;animation:wallet-confirm-in .22s cubic-bezier(.2,.8,.2,1) both}
.wallet-action-confirm-mark{display:grid;width:44px;height:44px;margin:0 auto 15px;place-items:center;border-radius:50%;background:rgba(93,166,220,.16);color:#9bd5ff;font-size:23px;font-weight:800}
.wallet-action-confirm-card h2{margin:0;color:#f7f8fb;font-size:20px;font-weight:800}
.wallet-action-confirm-card p{margin:11px 0 22px;color:#a8b2c2;font-size:14px;line-height:1.5}
.wallet-action-confirm-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-action-confirm-card button{min-height:46px;padding:10px 14px;border:1px solid rgba(166,184,210,.18);border-radius:14px;background:#ffffff08;color:#e4eaf3;font-size:13px;font-weight:800;-webkit-tap-highlight-color:transparent}
.wallet-action-confirm-card button:last-child{border-color:#59a9df55;background:linear-gradient(115deg,#24628c,#3d4385);color:#fff}
.wallet-action-confirm-card button:focus,.wallet-action-confirm-card button:focus-visible{outline:none;box-shadow:none}
@keyframes wallet-confirm-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){
  .wallet-screen-top{padding-bottom:10px}
  .wallet-screen-scroll{padding-top:clamp(30px,6vh,48px);padding-left:20px;padding-right:20px;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .wallet-quick-actions{margin:24px 0 32px}
  .wallet-asset-row{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:11px 12px}
  .wallet-asset-mark{width:40px;height:40px}
  .wallet-asset-name strong,.wallet-asset-amount strong{font-size:12px}
}
.result-actions{align-items:stretch}
.result-actions .ghost-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 12px;border:1px solid #604775;border-radius:14px;background:linear-gradient(145deg,#2a2040,#201a2f);color:#f0e3fa;line-height:1.2;white-space:normal}
.result-actions #result-support{border-color:#8255ad;background:linear-gradient(135deg,#513072,#342148);color:#fff;box-shadow:0 9px 20px #33144f55}
.result-actions #result-support:before{content:'✦';color:#e1bfff;font-size:14px}
.result-actions #result-orders:before{content:'▦';color:#cda2ef;font-size:14px}
.result-actions #result-new:before{content:'＋';color:#cda2ef;font-size:15px}
.result-actions a.primary-button,.result-actions button.primary-button{display:flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:15px;text-decoration:none}
.order-result>#result-updated{padding:8px 10px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff05}
.result-timeline{margin-top:15px;padding-top:13px;border-top:1px solid #ffffff10}
.result-timeline>div{min-height:78px;transition:border-color .2s,background .2s,transform .2s}
.result-timeline>div.current{box-shadow:0 0 0 1px #b985e940,inset 0 1px #ffffff16}
/* Finance history rows are populated from the authenticated account only. */
.finance-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #ffffff0b}.finance-history-row:first-child{margin-top:9px}.finance-history-row b{color:#bff1d4;font-size:11px}.finance-history-row small{color:#968ba2;font-size:9px}

/* Mobile account bar: keep it centered below Telegram's native controls. */
@media(max-width:899px){
  .app-shell{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}
  .topbar,.telegram-fullscreen .topbar{position:relative!important;width:calc(100% + 28px)!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:12px!important;padding-right:12px!important;height:calc(66px + max(var(--app-safe-top,0px),env(safe-area-inset-top)))!important;box-sizing:border-box!important;justify-content:center!important}
  body.telegram-miniapp{--telegram-top-offset:56px}
  body.telegram-miniapp .topbar{height:calc(66px + var(--telegram-top-offset))!important;padding-top:var(--telegram-top-offset)!important}
  .topbar .brand,.topbar .desktop-page-title,.header-balance-center{display:none!important}
  .account-pill{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;gap:2px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.telegram-miniapp .account-pill{top:calc(var(--telegram-top-offset) + 33px)!important}
  .account-pill .header-topup{display:grid!important;place-items:center!important;width:32px!important;height:34px!important;border-radius:50%!important;background:transparent!important;color:#d9b4ff!important}
  .account-pill .header-balance{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center!important;column-gap:6px!important;min-width:105px!important;padding:0 4px!important;text-align:left!important}
  .account-pill .header-balance{min-width:128px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:1px!important;padding:0 3px!important;text-align:center!important}
  .account-pill .header-balance small{grid-column:1;color:#a99ab9!important;font-size:7px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.09em!important;white-space:nowrap!important}
  .account-pill .header-balance strong{grid-column:1;color:#fff!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important}
  .account-pill .header-balance i{grid-column:1;grid-row:3;max-width:128px!important;overflow:hidden;color:#c9a1e9!important;font-size:7px!important;font-style:normal!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .account-pill .avatar-small{width:32px!important;height:32px!important;margin-left:0!important;border:0!important;border-radius:50%!important}
  .account-pill .header-balance strong.balance-swap{animation:balance-swap .72s ease both}
  #screen-catalog .catalog-layout{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  #screen-catalog .form-panel{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  #screen-catalog .field-group,#screen-catalog .product-controls{width:100%!important;max-width:none!important}
}

@media(max-width:899px){
  .account-pill{gap:0!important}
  .account-pill .header-topup{width:26px!important;margin-right:-1px!important}
  .account-pill .header-balance{width:122px!important;min-width:122px!important}
  .account-pill .header-balance small,.account-pill .header-balance strong,.account-pill .header-balance i{width:122px!important;max-width:122px!important}
}

@media(max-width:899px){
  #screen-cases .cases-lobby{grid-template-columns:1fr!important;gap:14px!important}
  #screen-cases .cases-ready-banner{margin-bottom:16px!important;border-radius:18px!important;background:#171521!important}
  #screen-cases .cases-inventory-open{margin-top:14px!important;border-radius:18px!important}
}

/* Final mobile polish overrides (kept last so the case and header styles win
   over the earlier desktop and legacy mobile rules). */
@media(max-width:899px){
  .account-pill{gap:0!important}
  .account-pill .header-topup{width:26px!important;margin-right:-1px!important}
  .account-pill .header-balance{width:122px!important;min-width:122px!important;height:39px!important;grid-template-columns:1fr!important;grid-template-rows:9px 16px 10px!important;gap:1px!important;overflow:hidden!important;text-align:center!important}
  .account-pill .header-balance small,.account-pill .header-balance strong,.account-pill .header-balance i{width:122px!important;max-width:122px!important;text-align:center!important}
  .account-pill .header-balance strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
  .account-pill .header-balance i{min-height:10px}
}
@keyframes balance-swap{0%{opacity:.18;filter:blur(2px)}100%{opacity:1;filter:none}}
.bonus-spin-card{border:1px solid #ffffff1c!important;border-radius:24px!important;background:radial-gradient(circle at 0 0,#3b2b6650,transparent 48%),linear-gradient(150deg,#201831,#12101c 72%)!important;box-shadow:0 20px 50px #0005!important}.bonus-spin-card[data-case-source="referral"]{background:radial-gradient(circle at 0 0,#7b31523d,transparent 50%),linear-gradient(150deg,#281827,#15111d 72%)!important}
.bonus-spin-head{align-items:center!important}.bonus-spin-head h2{font-size:25px!important;letter-spacing:-.04em}.bonus-demo-badge{border:1px solid #ffffff20;background:#ffffff0b!important;color:#d9c5ed!important;font-weight:850}.bonus-spin-card>p{max-width:600px!important;color:#aaa0b6!important}
.bonus-spin-button,.bonus-spin-button.secondary{min-height:70px!important;border:1px solid #ffffff24!important;border-radius:17px!important;background:linear-gradient(110deg,#7046ab,#4e2a78 58%,#6a3c9c)!important;color:#fff!important;box-shadow:0 12px 26px #12091f66,inset 0 1px #ffffff35!important}.bonus-spin-button.secondary{background:linear-gradient(110deg,#b86467,#81355f 58%,#69318c)!important}
.bonus-button-mark{display:grid!important;place-items:center!important;flex:none!important;width:44px!important;height:44px!important;border:1px solid #ffffff40!important;border-radius:14px!important;background:#ffffff17!important;color:#fff!important;font-size:24px!important;font-weight:950!important;line-height:1!important;box-shadow:inset 0 1px #ffffff4a!important}.bonus-button-mark.referral{color:#ffe0c6;transform:rotate(-8deg)}
.bonus-spin-button>span:not(.bonus-button-mark){display:grid!important;gap:4px!important;min-width:0!important;flex:1!important}.bonus-spin-button b{font-size:14px!important;letter-spacing:-.02em!important}.bonus-spin-button small{font-size:9px!important;opacity:.78!important}.bonus-spin-button>i{width:34px!important;height:34px!important;border:1px solid #ffffff25;background:#ffffff16!important}
.bonus-spin-status{border-color:#ffffff18!important;background:#ffffff08!important}.bonus-spin-card[data-case-source="referral"] .bonus-case-window{border-color:#ff9cbb44;background:linear-gradient(180deg,#190e1ce6,#221329e8);box-shadow:inset 0 0 34px #000b,0 14px 34px #0005}.bonus-spin-card[data-case-source="referral"] .bonus-case-window>i{background:linear-gradient(180deg,#fff0,#ffc1de 20%,#ffc1de 80%,#fff0);box-shadow:0 0 12px #ff86bd}.referral-box{border-color:#ffffff18!important;background:#ffffff07!important}

/* Final storefront direction: large showcase cards, clear wallet action and
   a balanced layout matching the mobile references. */
.finance-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-top:12px}.finance-wallet-action{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border:1px solid #65d9ff55;border-radius:13px;background:linear-gradient(115deg,#275c8e,#3b2b77);color:#e9f8ff;font-size:11px;font-weight:850;box-shadow:inset 0 1px #ffffff2a}.finance-wallet-action.connected{border-color:#6fe3b077;background:linear-gradient(115deg,#285d58,#3b2b77);color:#d8ffed}.finance-actions .finance-open{width:auto;min-width:155px;margin:0}
.header-balance strong,.header-balance-center strong{transition:opacity .28s ease}.header-balance strong.balance-fading,.header-balance-center strong.balance-fading{opacity:0}
.cases-lobby{gap:14px!important}
.bonus-spin-card{border-radius:28px!important;padding:24px!important;background:radial-gradient(circle at 92% 5%,#8a52bf44,transparent 35%),linear-gradient(145deg,#221836,#13111d 72%)!important}.bonus-spin-card[data-case-source="referral"]{background:radial-gradient(circle at 92% 5%,#ce4e803b,transparent 35%),linear-gradient(145deg,#2c182e,#15111d 72%)!important}.bonus-spin-head h2{font-size:30px!important}.bonus-case-window{height:142px!important;margin:20px 0 18px!important;border-radius:20px!important}.bonus-spin-button{min-height:76px!important;border-radius:19px!important}.bonus-spin-actions{gap:10px!important}.bonus-spin-status{margin-top:15px!important;padding:14px!important;border-radius:15px!important}.cases-ready-banner{border-radius:18px!important;padding:14px 16px!important}.cases-inventory-open{border-radius:18px!important;min-height:70px!important}
@media(max-width:899px){
  .finance-actions{grid-template-columns:1fr;gap:7px}.finance-actions .finance-open{width:100%;min-width:0}
  #screen-cases .cases-lobby{grid-template-columns:1fr!important;gap:15px!important}
  #screen-cases .bonus-spin-card{padding:18px!important;border-radius:24px!important}
}

/* Keep modal actions above the persistent Telegram navigation. */
.checkout-backdrop{z-index:90!important}
.checkout-sheet{z-index:91!important}
body.checkout-open .bottom-nav,
body.checkout-open #support-fab{display:none!important}

/* A calm, stable balance capsule beneath Telegram's native controls. */
@media(max-width:899px){
  .account-pill{
    height:48px!important;
    gap:5px!important;
    padding:4px 7px!important;
    border:1px solid rgba(190,177,221,.16)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(32,34,48,.97),rgba(17,19,29,.97))!important;
    box-shadow:0 5px 18px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.07)!important;
    box-sizing:border-box!important;
  }
  .account-pill .header-topup{
    flex:none!important;
    width:34px!important;height:34px!important;margin:0!important;
    border:1px solid rgba(171,147,255,.26)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#34314b,#242436)!important;
    color:#d9c8ff!important;
  }
  .account-pill .header-topup svg{width:18px!important;height:18px!important}
  .account-pill .header-balance{
    width:126px!important;min-width:126px!important;height:38px!important;
    grid-template-rows:9px 17px 10px!important;gap:1px!important;
    padding:0 2px!important;
  }
  .account-pill .header-balance small{
    color:#aaa4ba!important;font-size:7px!important;letter-spacing:.1em!important;
  }
  .account-pill .header-balance strong{
    color:#fff!important;font-size:15px!important;font-weight:850!important;
    letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;
  }
  .account-pill .header-balance i{
    color:#b9a6dc!important;font-size:8px!important;letter-spacing:.01em!important;
  }
  .account-pill .avatar-small{
    flex:none!important;width:32px!important;height:32px!important;margin:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
  }
}

/* Keep long inventories on the page scroll instead of trapping touch scroll in a card. */
.bonus-inventory-list{max-height:none!important;overflow:visible!important;scrollbar-width:none!important}
.bonus-inventory-list::-webkit-scrollbar{display:none!important}

/* The support launcher belongs in the safe gutter, not on top of page content. */
@media(max-width:899px){
  .app-shell{padding-bottom:calc(142px + env(safe-area-inset-bottom))!important}
  .bonus-inventory-list{grid-template-columns:minmax(0,1fr)!important}
  #support-fab,
  #support-fab.support-dragged{
    top:auto!important;
    right:16px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    left:auto!important;
    width:42px!important;
    height:42px!important;
    border:1px solid #ffffff24!important;
    border-radius:50%!important;
    background:rgba(24,27,38,.94)!important;
    box-shadow:0 5px 16px #0007!important;
    filter:none!important;
  }
  #support-fab img{width:29px!important;height:29px!important}
}

/* Account redesign: compact, stable header and a useful profile dashboard. */
.topbar{position:sticky;z-index:40;top:0;height:68px;gap:16px;border:0;border-bottom:1px solid rgba(213,194,237,.09);background:rgba(13,11,24,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.account-pill{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid rgba(194,166,223,.14);border-radius:999px;background:rgba(255,255,255,.035)}
.account-pill .header-topup{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#d9b4ff}
.account-pill .header-topup svg{width:18px;height:18px}
.account-pill .header-balance{width:126px;min-width:126px;padding:0 4px;align-items:center;text-align:center}
.account-pill .header-balance small{font-size:7px;letter-spacing:.08em;line-height:1.1;color:#a99ab9;white-space:nowrap}
.account-pill .header-balance strong{font-size:13px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.account-pill .header-balance i{max-width:126px;overflow:hidden;color:#c5a4df;font-size:7px;font-style:normal;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.account-pill .avatar-small{width:31px;height:31px;border:1px solid rgba(255,255,255,.16)}
.header-balance-center{min-width:150px}
.topbar.balance-transitioning .header-balance strong,.topbar.balance-transitioning .header-balance-center strong{opacity:0;transform:translateY(2px);filter:blur(2px)}
.header-balance strong,.header-balance-center strong{transition:opacity .16s ease,transform .16s ease,filter .16s ease;will-change:opacity,transform}

/* Cases lobby: compact cards and a single, tidy tools menu. */
#screen-cases .cases-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
#screen-cases .cases-heading>div:first-child{min-width:0}
.cases-tools-wrap{position:relative;z-index:30;flex:0 0 auto;margin-top:3px}
.cases-tools-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0b;color:#eee5f6;font-size:23px;font-weight:800;line-height:1;letter-spacing:1px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.cases-tools-toggle:hover,.cases-tools-toggle[aria-expanded="true"]{background:#ffffff17;border-color:#bb8be866;transform:translateY(-1px)}
.cases-tools-menu{position:absolute;top:calc(100% + 9px);right:0;width:min(300px,calc(100vw - 44px));padding:7px;border:1px solid #ffffff20;border-radius:17px;background:rgba(24,21,32,.97);box-shadow:0 18px 48px #0008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cases-tools-menu.hidden{display:none!important}
.cases-tools-menu button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:11px 10px;border:0;border-radius:12px;background:transparent;color:#f5f1fa;text-align:left;cursor:pointer}
.cases-tools-menu button+button{border-top:1px solid #ffffff0e}
.cases-tools-menu button:hover{background:#ffffff0c}
.cases-tools-menu button>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff0b;color:#d1a2fa;font-size:16px}
.cases-tools-menu button>b{font-size:13px;line-height:1.25}
.cases-tools-menu button>small{margin-top:3px;color:#a49baa;font-size:10px;line-height:1.25}
#cases-notifications.enabled>span{color:#70dfae}
#cases-ready-banner{min-height:58px!important;margin:0 0 14px!important;padding:10px 15px!important;border-radius:15px!important;background:linear-gradient(100deg,#ffffff08,#ffffff03)!important;box-shadow:none!important}
#cases-ready-banner>i{display:none!important}
#cases-ready-banner>div{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
#cases-ready-banner strong{font-size:12px!important}
#cases-ready-banner span{font-size:11px!important}
#screen-cases .cases-lobby{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin:14px 0 20px!important}
#screen-cases .cases-inventory-open{display:none!important}
@media(max-width:620px){
  #screen-cases .cases-heading{margin:10px 0 17px!important}
  #screen-cases .cases-heading h1{font-size:clamp(27px,7vw,34px)!important}
  #screen-cases .cases-heading p{max-width:34ch;font-size:13px!important;line-height:1.4!important}
  .cases-tools-toggle{width:38px;height:38px;border-radius:13px}
  #screen-cases .cases-lobby{grid-template-columns:1fr!important;gap:10px!important}
}
/* Case detail polish: source odds, focused reward sheet and a clean reel stage. */
#screen-cases.case-detail-active #cases-content .bonus-spin-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding:14px 0 32px!important}
#screen-cases.case-detail-active #cases-content .bonus-spin-card::before{display:none!important}
#screen-cases.case-detail-active #cases-content .bonus-spin-card .case-reward-list{display:none!important}
.bonus-head-meta{display:flex;align-items:center;gap:8px}
.case-rewards-open{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0a;color:#f5efff;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}
button.case-rewards-open b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#8950c7;color:#fff;font-size:12px}
.bonus-spin-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px}
.bonus-spin-button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:74px!important;padding:13px 16px 13px 19px!important;border:1px solid #ffffff28!important;border-radius:19px!important;background:linear-gradient(105deg,#27232e,#34313a)!important;color:#fff!important;text-align:left!important;box-shadow:0 10px 24px #0003,inset 0 1px #ffffff16!important}
.bonus-spin-button:not(:disabled){background:linear-gradient(105deg,#137c79,#1a918c 53%,#227f9b)!important;border-color:#64dbd184!important;box-shadow:0 8px 28px #168d852d,inset 0 1px #ffffff38!important}
.bonus-spin-button:disabled{opacity:1!important;color:#aaa5b1!important;cursor:not-allowed}
.bonus-button-copy{display:grid;gap:4px;min-width:0}
.bonus-button-copy b{font-size:16px;font-weight:850;letter-spacing:.015em}
.bonus-button-copy small{font-size:11px;line-height:1.35;color:#d0cbd7;opacity:.82}
.bonus-button-action{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#091c2480;color:#eaffff;font-size:22px;font-style:normal}
.bonus-spin-button:disabled .bonus-button-action{background:#ffffff12;color:#c0b8c8;font-size:18px}
.bonus-spin-card[data-case-source="referral"] .bonus-spin-button:not(:disabled){background:linear-gradient(105deg,#8d315f,#b23f73 53%,#8544a0)!important;border-color:#ffb4d184!important;box-shadow:0 8px 28px #ad32612d,inset 0 1px #ffffff38!important}
.case-rewards-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:#08070dcc;backdrop-filter:blur(12px);overscroll-behavior:contain;touch-action:pan-y}
.case-rewards-overlay.hidden{display:none}
.case-rewards-dialog{width:min(100%,520px);max-height:min(82dvh,760px);display:flex;flex-direction:column;padding:22px;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(155deg,#211a2c,#14131b 78%);box-shadow:0 28px 90px #0009;overflow:hidden;animation:caseRewardsEnter .22s ease-out}
@keyframes caseRewardsEnter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.case-rewards-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.case-rewards-dialog-head h2{margin:5px 0 0;font-size:23px;letter-spacing:-.035em}
.case-rewards-dialog-head button{width:38px;height:38px;border:0;border-radius:13px;background:#ffffff12;color:#eee7f3;font-size:25px;cursor:pointer}
.case-rewards-subtitle{max-width:100%;margin:10px 0 15px;color:#aaa2b2;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.case-rewards-items{display:grid;gap:8px;overflow:auto;overscroll-behavior:contain;padding:1px 4px 2px 1px;scrollbar-width:none;-ms-overflow-style:none}
.case-rewards-items::-webkit-scrollbar{display:none;width:0;height:0}
.case-odds-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:8px 12px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff08;color:#f4eff7;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
@media(hover:hover) and (pointer:fine){.case-odds-row:hover{border-color:#a775d899;background:#7545a22b;transform:translateY(-1px)}}
.case-odds-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ffffff0d;font-size:22px}
.case-odds-icon img{width:26px;height:26px;object-fit:contain}
.case-odds-copy{display:grid;gap:3px;min-width:0}
.case-odds-copy b{font-size:13px;line-height:1.2}
.case-odds-copy small{color:#a39aaa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.case-odds-row>strong{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.case-odds-row.rarity-common{--odds-color:#9da3b0}.case-odds-row.rarity-uncommon{--odds-color:#50c68a}.case-odds-row.rarity-rare{--odds-color:#53a8ff}.case-odds-row.rarity-epic{--odds-color:#bc78ff}.case-odds-row.rarity-legendary{--odds-color:#ffbb55}
.case-odds-row{box-shadow:inset 3px 0 var(--odds-color,#9da3b0)}
.case-reward-detail{display:flex;flex:1;min-width:0;min-height:0;width:100%;max-width:100%;flex-direction:column;gap:12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51405e transparent;box-sizing:border-box}
.case-prize-page{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;width:100%;min-width:0;max-width:100%;padding-bottom:5px;box-sizing:border-box}
.case-prize-standard-hero{display:grid;justify-items:center;gap:9px;width:100%;min-width:0;max-width:100%;padding:22px 18px;border:1px solid #ffffff15;border-radius:21px;background:radial-gradient(ellipse at 50% 0,#8c5ab82c,transparent 65%),linear-gradient(160deg,#211c2a,#17151c);text-align:center;box-sizing:border-box}
.case-prize-standard-art{display:grid;place-items:center;width:104px;height:104px;border:1px solid #ffffff1c;border-radius:28px;background:#ffffff0a}
.case-prize-standard-art>img{width:72px;height:72px;object-fit:contain}
.case-prize-standard-art>.bonus-reward-emoji{font-size:72px}
.case-prize-standard-art .case-prize-animation{width:96px;height:96px}
.case-prize-standard-art .case-prize-animation .bonus-reward-emoji{font-size:72px}
.case-prize-rarity{color:#b7a8c4;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.case-prize-standard-hero h3,.case-prize-nft-hero h3{margin:0;color:#fff;font-size:21px;letter-spacing:-.025em}
.case-prize-standard-hero p{width:min(100%,370px);max-width:100%;margin:0;color:#bcb3c4;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.case-prize-page-odds{display:flex;min-width:0;width:100%;max-width:100%;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff08;color:#b7adbf;font-size:12px;box-sizing:border-box}
.case-prize-page-odds b{color:#fff;font-size:13px}
.case-prize-page-nft{grid-template-columns:minmax(0,1fr);gap:0;min-width:0;max-width:100%;overflow:hidden;border:1px solid #ffffff17;border-radius:21px;background:#19191b;box-sizing:border-box}
.case-prize-nft-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;width:100%;min-width:0;max-width:100%;padding:18px 16px 20px;background:radial-gradient(circle at 50% 26%,#f5ed9e55,transparent 12%),radial-gradient(ellipse at 50% 0,#c0dd85,#77985e 70%,#587846);text-align:center;color:#f9fff0;box-sizing:border-box}
.case-prize-nft-background{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.96}
.case-prize-nft-background svg{display:block;width:100%;height:100%}
.case-prize-nft-hero>:not(.case-prize-nft-background){position:relative;z-index:1}
.case-prize-nft-model{position:relative;z-index:1;width:min(170px,48vw);height:142px;pointer-events:none;opacity:0;transition:opacity .15s ease-out}
.case-prize-nft-model.is-animated{opacity:1}
.case-prize-nft-hero h3 small{color:#f0f3d7;font-size:.68em;font-weight:650}
.case-prize-nft-hero p{margin:0;color:#e5ebd1;font-size:13px}
.case-prize-telegram-link{margin-top:3px;padding:10px 14px;border:1px solid #ffffff65;border-radius:13px;background:#ffffff22;color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.case-prize-nft-traits{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:calc(100% - 24px);margin:0 12px 12px;overflow:hidden;border:1px solid #ffffff18;border-radius:14px;box-sizing:border-box}
.case-prize-nft-traits>div{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.45fr);min-width:0;min-height:43px;border-bottom:1px solid #ffffff16}
.case-prize-nft-traits>div:last-child{border-bottom:0}
.case-prize-nft-traits dt,.case-prize-nft-traits dd{display:flex;align-items:center;margin:0;padding:8px 10px;font-size:12px;line-height:1.35}
.case-prize-nft-traits dt{background:#ffffff0a;color:#c8c1cc}
.case-prize-nft-traits dd{gap:7px;min-width:0;color:#f3eff6;overflow-wrap:anywhere}
.case-prize-nft-traits dd small{padding:2px 6px;border-radius:999px;background:#387bdd27;color:#77aaff;font-size:10px;white-space:nowrap}
.case-prize-nft-traits .is-value dd{color:#a6cbff;font-size:13px;font-weight:850;flex-wrap:wrap}
.case-prize-nft-traits .is-odds{grid-template-columns:minmax(0,1fr)}
.case-prize-nft-traits .is-odds dt{border-bottom:1px solid #ffffff0d}
.case-prize-nft-traits .is-odds dd{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
.case-prize-nft-traits .is-odds dd b{color:#fff;font-size:13px}
.case-prize-nft-traits .is-odds dd small{background:#ffffff0d;color:#bdb4c5}
.rarity-mythic{--rarity:#ff4e60}
.case-odds-row.rarity-mythic{--odds-color:#ff4e60}
@property --case-rarity-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.case-prize-rarity-flow{display:inline-block;background-image:conic-gradient(from var(--case-rarity-angle) at 50% 50%,var(--rarity,#b469ff) 0deg,var(--rarity-glint,#e0c6f4) 40deg,var(--rarity,#b469ff) 95deg,var(--rarity-glint,#e0c6f4) 160deg,var(--rarity,#b469ff) 220deg,var(--rarity-glint,#e0c6f4) 290deg,var(--rarity,#b469ff) 360deg);background-size:220% 360%;background-position:50% 50%;background-clip:text;-webkit-background-clip:text;color:var(--rarity,#b469ff)!important;-webkit-text-fill-color:transparent;animation:caseRaritySpin var(--rarity-spin-duration,5.4s) linear infinite;animation-delay:var(--rarity-spin-delay,0s);animation-direction:var(--rarity-spin-direction,normal)}
.case-prize-rarity-flow.rarity-common{--rarity:#c7cbd3;--rarity-glint:#e0e2e7}.case-prize-rarity-flow.rarity-rare{--rarity:#60b8ff;--rarity-glint:#9bd6ff}.case-prize-rarity-flow.rarity-epic{--rarity:#c47aff;--rarity-glint:#dbadff}.case-prize-rarity-flow.rarity-mythic{--rarity:#ff4e60;--rarity-glint:#ff929c}.case-prize-rarity-flow.rarity-legendary{--rarity:#ffc04d;--rarity-glint:#ffdc91}
@keyframes caseRaritySpin{from{--case-rarity-angle:0deg}to{--case-rarity-angle:360deg}}
.case-prize-animation{display:inline-grid;place-items:center;width:100%;height:100%;overflow:visible}
.case-prize-animation svg{display:block;width:100%;height:100%;overflow:visible}
.case-prize-nft-hero>.case-prize-animation.case-prize-nft-model{width:min(170px,48vw);height:142px;max-width:100%;box-sizing:border-box}
.case-prize-animation.is-animated>.bonus-reward-emoji{display:none}
.case-item>span .case-prize-animation{width:32px;height:32px}
.case-odds-icon .case-prize-animation{width:30px;height:30px}
.case-win-art .case-prize-animation{width:88px;height:88px}
.inventory-icon .case-prize-animation{width:28px;height:28px}
.case-discount-icon{display:grid;place-items:center;width:100%;height:100%;border:1px solid #ffffff35;border-radius:32%;background:linear-gradient(145deg,#b56cff,#7446e8 58%,#4269d7);box-shadow:inset 0 1px 0 #ffffff50,0 3px 9px #6f40db45}
.case-discount-icon>img{display:block;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 1px 2px #38206070)}
.case-odds-empty{color:#aaa2b2;font-size:13px;text-align:center}
.admin-nft-case-manager{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid #a96ff043;border-radius:18px;background:linear-gradient(145deg,#211932,#15131d)}
.admin-nft-case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-nft-case-head h2{margin:3px 0 5px;font-size:20px}
.admin-nft-case-head p{margin:0;color:#aaa2b2;font-size:12px;line-height:1.4}
.admin-nft-case-head>button,.admin-nft-case-controls>button{min-height:38px;padding:0 12px;border:1px solid #a96ff05c;border-radius:12px;background:#8f55ca25;color:#f5eaff;font:inherit;font-size:12px;font-weight:800}
.admin-nft-case-head>button:disabled,.admin-nft-case-controls>button:disabled{opacity:.55}
.admin-nft-status{min-height:17px;margin:0;color:#b9aec5;font-size:11px}
.admin-nft-list{display:grid;gap:8px}
.admin-nft-case-card{display:grid;gap:10px;padding:12px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff07}
.admin-nft-case-copy{display:grid;gap:3px;min-width:0}
.admin-nft-case-copy strong{color:#fff;font-size:14px;overflow-wrap:anywhere}
.admin-nft-case-copy span,.admin-nft-case-copy small{color:#b7adbf;font-size:11px;overflow-wrap:anywhere}
.admin-nft-case-copy small{color:#cfb8ec}
.admin-nft-case-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) auto;align-items:end;gap:8px}
.admin-nft-case-controls select,.admin-nft-case-controls input{width:100%;min-width:0;height:38px;padding:0 9px;border:1px solid #ffffff20;border-radius:10px;background:#14121b;color:#f8f4fb;font:inherit;font-size:12px;box-sizing:border-box}
.admin-nft-case-controls label{display:grid;gap:4px;color:#aaa2b2;font-size:10px}
.admin-nft-empty{margin:0;color:#aaa2b2;font-size:12px}
body.case-rewards-open{overflow:hidden}
@media(max-width:600px){.admin-nft-case-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.admin-nft-case-controls{grid-template-columns:minmax(0,1fr) minmax(72px,.6fr)}.admin-nft-case-controls>button{grid-column:1/-1;width:100%}.case-rewards-overlay{align-items:end;padding:0}.case-rewards-dialog{gap:12px;width:100%;min-width:0;max-height:84dvh;padding:20px 17px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;box-sizing:border-box}.case-rewards-dialog-head{flex:0 0 auto}.case-rewards-dialog-head h2{font-size:21px}.case-odds-row{min-height:58px}.bonus-head-meta{gap:6px}.bonus-demo-badge{font-size:8px!important;padding:5px 7px!important}.case-rewards-open{min-height:32px;padding:0 9px;font-size:11px}.case-reward-detail{min-width:0;width:100%;max-width:100%}.case-prize-page,.case-prize-standard-hero,.case-prize-page-nft,.case-prize-nft-hero{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%;box-sizing:border-box}.case-prize-standard-hero p{width:100%;max-width:100%;overflow-wrap:anywhere}.case-prize-page-odds{min-width:0;width:100%;max-width:100%;align-items:flex-start}.case-prize-page-odds span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.case-prize-page-odds b{max-width:46%;text-align:right;white-space:normal;overflow-wrap:anywhere}.case-prize-nft-hero{gap:6px;padding:10px 12px 13px}.case-prize-nft-native-spacer{height:142px}.case-prize-telegram-link{margin-top:1px;padding:8px 12px}.case-prize-nft-traits{grid-template-columns:minmax(0,1fr);min-width:0;width:calc(100% - 24px);max-width:calc(100% - 24px);box-sizing:border-box}.case-prize-nft-traits dd{min-width:0;overflow-wrap:anywhere}}

/* Prize motion is limited to the open rewards, win, and inventory views. */
.bonus-reward-emoji{display:inline-grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;line-height:1}
.case-item>span .bonus-reward-emoji{font-size:30px}
.case-odds-icon .bonus-reward-emoji{font-size:25px}
.case-win-art .bonus-reward-emoji{font-size:76px}
.inventory-icon .bonus-reward-emoji{font-size:24px}
.case-reward-detail:not(.hidden) .case-prize-standard-art .bonus-reward-emoji,
#case-win:not(.hidden) .bonus-reward-emoji,#case-win:not(.hidden) .case-win-art img{animation:bonusPrizeMotion 2.15s ease-in-out infinite;transform-origin:50% 65%;will-change:transform,filter}

/* Mobile-first case controls: steady numeric timers and a centered free action. */
.case-button-centered{display:grid;place-items:center;width:100%;min-width:0;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1}
.case-button-centered.is-countdown{font-size:clamp(25px,7vw,34px);font-weight:900;letter-spacing:.12em;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;text-shadow:0 2px 10px #0003}
.case-button-centered.is-ready{font-size:16px;font-weight:900;letter-spacing:.01em}
#screen-cases .bonus-spin-button.case-spin-button-centered{display:grid!important;place-items:center!important;padding:12px!important;text-align:center!important}
.cases-countdown-time{display:inline-block;min-width:8ch;text-align:right;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:.025em;white-space:nowrap}
#screen-cases #cases-ready-text{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.cases-detail-note{display:none}
#screen-cases[data-detail="case"] .cases-detail-note{display:grid;gap:4px;max-width:760px;margin:0 auto 20px;padding:12px 4px 0;border-top:1px solid #ffffff12;color:#91899b;font-size:9px;line-height:1.45}
.cases-detail-note-kicker{color:#716b7a;font-size:8px;font-weight:900;letter-spacing:.14em}
.cases-detail-note>strong{color:#a39aaa;font-size:10px;font-weight:850}
.cases-detail-note ul{display:grid;gap:4px;margin:2px 0 0;padding:0;list-style:none}
.cases-detail-note li{position:relative;padding-left:10px;color:#898291;font-size:9px;line-height:1.45}
.cases-detail-note li::before{position:absolute;left:1px;content:"•";color:#84699b}
@media(max-width:620px){
  #screen-cases .cases-ready-banner{min-height:48px!important;margin-bottom:9px!important;padding:8px 11px!important}
  #screen-cases .cases-ready-banner>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  #screen-cases .cases-ready-banner strong{flex:0 0 auto;font-size:11px!important;white-space:nowrap}
  #screen-cases #cases-ready-text{gap:5px;font-size:9px!important}
  #screen-cases .cases-countdown-time{min-width:8ch;font-size:10px}
  #screen-cases .case-detail-intro{margin-bottom:8px}
}
@keyframes bonusPrizeMotion{0%,100%{transform:translateY(0) rotate(-2deg) scale(1);filter:drop-shadow(0 2px 3px #0004)}50%{transform:translateY(-3px) rotate(2deg) scale(1.045);filter:drop-shadow(0 5px 7px #a866ff66)}}
.case-nft-link{display:inline-flex;margin-top:9px;color:#bda0ff;font-size:12px;font-weight:750;text-decoration:none}
.case-nft-link:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.bonus-reward-emoji,.case-rewards-overlay .case-odds-icon img,.case-win-art img,.inventory-icon img{animation:none!important}}
@media(prefers-reduced-motion:reduce){.case-prize-rarity-flow{animation:none;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;color:var(--rarity,#b469ff)!important;-webkit-text-fill-color:currentColor}}

.profile-subsection{max-width:900px;margin-inline:auto;padding-top:0}

@media(max-width:600px){.profile-subsection .page-heading{padding-top:0}}

/* Channel giveaways Mini App */
.raffles-app{display:grid;gap:18px;margin:0 0 28px;color:var(--text,#f4f2f7)}
.raffle-welcome,.raffle-help,.raffle-no-channels{padding:18px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(145deg,#1b1920,#141318)}
.raffle-welcome h2,.raffle-view-heading h2{margin:7px 0;color:#f4f2f7;font-size:22px;letter-spacing:-.035em}
.raffle-welcome p,.raffle-view-heading p,.raffle-help p{margin:7px 0 0;color:#a5a1ad;font-size:13px;line-height:1.5}
.raffle-summary{display:flex;align-items:center;gap:8px;margin-top:16px;color:#aaa5b2;font-size:11px}.raffle-summary b{color:#e7d0ff;font-size:19px}.raffle-summary i{width:1px;height:20px;margin-inline:6px;background:#ffffff20}
.raffle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.raffle-actions button,.raffle-secondary,.raffle-card-actions button{min-height:44px;padding:10px 12px;border:1px solid #ffffff16;border-radius:12px;background:#1a191f;color:#e9e5ed;font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.raffle-actions button:first-child{border-color:#a975dc55;background:linear-gradient(130deg,#512f702e,#241c30);color:#e2c4ff}.raffle-actions .raffle-action-disabled{color:#918d97}
.raffle-list-section{display:grid;gap:10px}.raffle-section-heading{display:flex;align-items:center;justify-content:space-between}.raffle-section-heading h2{margin:0;font-size:16px}.raffle-section-heading .text-button{padding:4px;color:#cba3f4}
.raffle-view-heading{margin-bottom:14px}.raffle-back{margin:0 0 14px;padding:0;border:0;background:none;color:#b99bd5;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.raffle-channel-list,.raffle-cards{display:grid;gap:9px}.raffle-channel,.raffle-card,.raffle-preview-card{padding:14px;border:1px solid #ffffff14;border-radius:15px;background:#18171d}.raffle-channel{display:flex;align-items:center;gap:11px}.raffle-channel-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#8d54c322;color:#d1a8fc;font-size:20px;overflow:hidden}.raffle-channel-icon img{width:100%;height:100%;object-fit:cover}.raffle-channel-icon>span{grid-area:1/1}.raffle-channel-icon img{grid-area:1/1}.raffle-channel>div{display:grid;gap:3px;min-width:0;flex:1}.raffle-channel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.raffle-channel small,.raffle-card small{color:#96919e;font-size:10px}.raffle-channel-check{color:#87d7a6}
.raffle-primary,.raffle-secondary{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;text-align:center;text-decoration:none}.raffle-primary{min-height:46px;padding:12px 15px;border:1px solid #c394ec55;border-radius:12px;background:linear-gradient(135deg,#8549b9,#633493);color:white;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.raffle-help{margin-top:12px;padding:14px}.raffle-help strong{font-size:12px}.raffle-help p{font-size:11px}.raffle-empty,.raffle-loading{margin:0;padding:16px;border:1px dashed #ffffff1c;border-radius:13px;color:#96919e;font-size:12px}.raffle-form{display:grid;gap:14px;padding:16px;border:1px solid #ffffff13;border-radius:16px;background:#18171d}.raffle-form label{display:grid;gap:7px;color:#c8c3ce;font-size:12px;font-weight:700}.raffle-form input,.raffle-form textarea,.raffle-form select{width:100%;min-height:44px;padding:11px 12px;border:1px solid #ffffff20;border-radius:10px;background:#100f14;color:#f3f0f5;font:inherit;font-size:13px}.raffle-form textarea{min-height:118px;resize:vertical;line-height:1.45}.raffle-form label small{color:#8f8a97;font-size:10px;font-weight:400}.raffle-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.raffle-form input[type="datetime-local"]{padding-inline:8px;font-size:11px}.raffle-form .raffle-primary{border:0}.raffle-error{min-height:0;margin:0;color:#ff9b9b;font-size:12px}.raffle-error:empty{display:none}.raffle-preview-card small{display:block}.raffle-preview-card p{margin:12px 0 0;color:#eeeaf2;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.raffle-preview-times{display:grid;gap:8px;margin:12px 0}.raffle-preview-times>div{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:10px;background:#ffffff08;font-size:11px}.raffle-preview-times dt{color:#9d98a4}.raffle-preview-times dd{margin:0;color:#e7e2ec;text-align:right}.raffle-secondary{background:#ffffff08;text-align:center}.raffle-secondary:disabled,.raffle-primary:disabled,.raffle-card-actions button:disabled{opacity:.55;cursor:wait}.raffle-card-top,.raffle-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.raffle-card-top{color:#96919e;font-size:10px}.raffle-card h3{margin:11px 0 4px;font-size:15px}.raffle-card>p{margin:0;color:#9f9aa6;font-size:11px}.raffle-card-meta{justify-content:flex-start;margin:13px 0 9px;color:#9e99a5;font-size:10px}.raffle-card-meta span{padding:6px 8px;border-radius:8px;background:#ffffff08}.raffle-card-meta b{margin-left:4px;color:#e5d5f4}.raffle-status{padding:5px 8px;border-radius:999px;background:#ffffff10;color:#c9c3cf}.raffle-status.active{background:#49ad6c20;color:#8bd5a1}.raffle-status.scheduled{background:#d6a33720;color:#e7c978}.raffle-status.finished{background:#8e65b221;color:#d0b3ee}.raffle-card-actions{display:flex;gap:7px;margin-top:12px}.raffle-card-actions button{flex:1;min-height:38px;padding:8px;font-size:10px;text-align:center}.raffle-card-actions button:last-child{color:#f39b9d}
@media(max-width:600px){.profile-subsection{padding-top:0}.profile-subsection .page-heading{padding-top:0}.raffles-app{gap:14px;margin-bottom:22px}.raffle-welcome{padding:15px}.raffle-welcome h2{font-size:19px}.raffle-form{padding:13px}.raffle-time-grid{grid-template-columns:1fr}.raffle-form input[type="datetime-local"]{font-size:13px}.raffle-actions{grid-template-columns:1fr 1fr}.raffle-actions button{min-height:46px;padding:9px;font-size:11px}}
.offers-screen{max-width:720px;margin-inline:auto;padding-top:0}
.offers-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.promo-banner-preference{flex:none;max-width:170px;padding:7px 9px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff08;color:#aaa3b3;font-size:9px;line-height:1.25;text-align:center}.promo-banner-preference:hover,.promo-banner-preference:focus-visible{border-color:#b47bdd88;color:#f0dfff;outline:none}.promo-banner-preference[aria-pressed="true"]{border-color:#77c39b66;background:#77c39b15;color:#a8e8bf}
.offers-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 16px;padding:2px 2px 8px;scrollbar-width:none}
.offers-tabs::-webkit-scrollbar{display:none}
.offers-tabs button{flex:none;border:0;border-radius:999px;padding:9px 17px;background:#ffffff0b;color:#bcb3c7;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.offers-tabs button.is-active{background:#564b61;color:#fff}
.offers-empty{display:flex;width:min(100%,560px);min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:clamp(24px,6vh,58px) auto 0;padding:20px 16px 34px;text-align:center}
.offers-empty-art{position:relative;display:grid;width:190px;height:155px;flex:none;place-items:center;contain:layout paint}
.offers-empty-orbit{position:absolute;width:152px;height:152px;border:1px dashed #a58aac55;border-radius:50%;animation:offers-empty-orbit 18s linear infinite}
.offers-empty-ticket{position:relative;display:flex;width:126px;height:92px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #c9a9d877;border-radius:18px;background:linear-gradient(135deg,#51375f,#292236 72%);box-shadow:0 14px 28px #0005;transform:rotate(-10deg);animation:offers-empty-float 4.5s ease-in-out infinite}
.offers-empty-ticket:after{position:absolute;top:9px;bottom:9px;right:23px;border-left:1px dashed #d6bad866;content:""}
.offers-empty-ticket>b{margin-right:18px;color:#f1d7f7;font-size:42px;font-weight:900;line-height:1}
.offers-empty-ticket>i{position:absolute;right:9px;width:8px;height:8px;border:1px solid #cdaed7;border-radius:50%;background:#30273b}
.offers-empty-ticket>i:nth-of-type(1){top:14px}.offers-empty-ticket>i:nth-of-type(2){bottom:14px}
.offers-empty-pip{position:absolute;width:7px;height:7px;border-radius:50%;background:#bb9bcf;animation:offers-empty-pulse 3.5s ease-in-out infinite}
.offers-empty-pip-one{top:20px;right:24px}.offers-empty-pip-two{bottom:25px;left:16px;width:5px;height:5px;animation-delay:1.4s}
.offers-empty-copy{max-width:370px}.offers-empty-copy h2{margin:0;color:#f4eff7;font-size:clamp(18px,5vw,23px);font-weight:800;line-height:1.2;letter-spacing:-.03em}.offers-empty-copy p{margin:9px 0 0;color:#aaa3b1;font-size:13px;line-height:1.5}
@keyframes offers-empty-orbit{to{transform:rotate(360deg)}}
@keyframes offers-empty-float{50%{transform:translateY(-6px) rotate(-7deg)}}
@keyframes offers-empty-pulse{50%{opacity:.3;transform:scale(.7)}}
@media(max-width:360px){.offers-empty{min-height:265px;gap:8px;padding-inline:10px}.offers-empty-art{transform:scale(.86)}.offers-empty-copy p{font-size:12px}}
@media(orientation:portrait) and (max-height:650px){.offers-empty{min-height:225px;gap:0;margin-top:8px;padding:0 10px 12px}.offers-empty-art{height:125px;transform:scale(.78)}.offers-empty-copy h2{font-size:17px}.offers-empty-copy p{font-size:11px}}
@media(orientation:landscape) and (max-height:600px){#offers-list-view.is-empty .offers-heading{margin-bottom:4px;padding:8px 2px 4px}#offers-list-view.is-empty .offers-heading h1{margin:2px 0;font-size:25px}#offers-list-view.is-empty .offers-tabs{margin-bottom:0;padding-bottom:4px}.offers-empty{min-height:130px;flex-direction:row;gap:4px;margin-top:4px;padding:4px 12px 12px;text-align:left}.offers-empty-art{width:126px;height:108px;transform:scale(.66)}.offers-empty-copy{flex:1;min-width:0}.offers-empty-copy h2{font-size:17px}.offers-empty-copy p{margin-top:5px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.offers-empty-orbit,.offers-empty-ticket,.offers-empty-pip{animation:none}}
.offer-card{overflow:hidden;border:1px solid #ffffff12;border-radius:20px;background:#19181f;box-shadow:0 12px 30px #0003}
.offer-poster{position:relative;display:grid;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:7px;min-height:172px;padding:20px;background:radial-gradient(circle at 77% 45%,#ffd57847,transparent 24%),radial-gradient(circle at 20% 120%,#db4d5d55,transparent 40%),linear-gradient(118deg,#311f42,#6d314a 50%,#261d37);overflow:hidden}
.offer-poster:before,.offer-poster:after{content:"✦";position:absolute;color:#ffe8ae99;font-size:42px;text-shadow:0 0 24px #ffd578;animation:offer-twinkle 3.2s ease-in-out infinite alternate}
.offer-poster:before{top:18px;right:24%;font-size:28px}.offer-poster:after{bottom:13px;left:8%;font-size:20px}
.offer-poster-kicker{position:absolute;top:15px;left:17px;color:#f4d9ff;font-size:8px;font-weight:900;letter-spacing:.14em}
.offer-poster>strong{z-index:1;color:#fff;font-size:clamp(19px,6vw,34px);line-height:.98;font-weight:950;letter-spacing:-.04em;text-shadow:0 2px 12px #1c102a}
.offer-poster>b{z-index:1;color:#ffd47d;font-size:27px}
.offer-poster-stars{position:absolute;right:15px;bottom:12px;color:#fff2c9aa;letter-spacing:8px}
@keyframes offer-twinkle{from{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}
.offer-card-copy{padding:15px 17px 12px}
.offer-card-copy h2{margin:0;color:#faf8ff;font-size:17px}
.offer-card-copy p{margin:7px 0 0;color:#b4adba;font-size:13px;line-height:1.45}
.offer-details{margin:0 12px 12px;padding:14px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff05}
.offer-details h3{margin:0 0 8px;font-size:14px}
.offer-details ol{display:grid;gap:6px;margin:0;padding-left:20px;color:#d6cfdd;font-size:12px;line-height:1.4}
.offer-details>p{margin:11px 0;color:#9d95a5;font-size:11px;line-height:1.45}
.offer-copy-link{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 14px;border:1px solid #bd90e74a;border-radius:12px;background:linear-gradient(110deg,#71449a,#543875);color:white;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.cases-detail-note{padding:14px!important;border:1px solid #ffffff12!important;border-radius:14px;background:#ffffff05}
.cases-detail-note-kicker{color:#b79dc9!important;font-size:9px!important}
.cases-detail-note>strong{color:#f1eaf5!important;font-size:13px!important}
.cases-detail-note li{color:#aaa2b1!important;font-size:11px!important}
@media(max-width:480px){.offer-poster{min-height:150px;padding:15px}.offer-details{margin-inline:9px;padding:12px}}
.offer-link-label{display:block;margin:12px 0 5px;color:#a79cad;font-size:10px;font-weight:750}
.offer-referral-url{display:block;width:100%;height:40px;padding:0 10px;border:1px solid #ffffff16;border-radius:10px;outline:none;background:#0f0d14;color:#ddd2e5;font:inherit;font-size:10px;letter-spacing:.01em}
.offer-referral-url::placeholder{color:#79717f}

/* Giveaways dashboard: creator-first layout, tuned for Telegram Mini Apps. */
#screen-giveaways.profile-subsection{width:min(100%,980px);padding-top:8px}
#screen-giveaways>.page-heading{padding:8px 0 18px}
#screen-giveaways>.page-heading .eyebrow{color:#aa8bd1;font-size:9px;letter-spacing:.17em}
#screen-giveaways>.page-heading h1{font-size:clamp(26px,4vw,34px);letter-spacing:-.045em}
.raffles-app{gap:20px;margin-bottom:32px;color:#f4f2f8}
.raffle-dashboard-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:4px;border:1px solid #ffffff0d;border-radius:14px;background:#101015;scrollbar-width:none}
.raffle-dashboard-tabs::-webkit-scrollbar{display:none}
.raffle-dashboard-tabs button{flex:1;min-width:max-content;padding:10px 16px;border:0;border-radius:10px;background:transparent;color:#9995a1;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,color .16s}
.raffle-dashboard-tabs button:hover{background:#ffffff08;color:#e9e3ef}
.raffle-dashboard-tabs button.active{background:#26202f;color:#d9b8fb;box-shadow:inset 0 0 0 1px #a971d92b}
.raffle-dashboard-header{display:flex;align-items:center;gap:13px;padding:3px 2px}
.raffle-brand-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #b886e730;border-radius:15px;background:linear-gradient(145deg,#9b5bd426,#58327c1c);color:#d7b1ff;font-size:24px}
.raffle-dashboard-header>div:last-child>span{color:#8d8797;font-size:9px;font-weight:800;letter-spacing:.15em}
.raffle-dashboard-header h2{margin:3px 0 0;font-size:21px;font-weight:760;letter-spacing:-.035em}
.raffle-dashboard-header p{margin:3px 0 0;color:#8e8996;font-size:11px}
.raffle-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;min-height:235px;overflow:hidden;padding:28px 32px;border:1px solid #ffffff15;border-radius:23px;background:radial-gradient(ellipse at 84% 48%,#9855bd30,transparent 39%),linear-gradient(120deg,#211a2b,#17151d 62%,#211827);box-shadow:0 20px 60px #0002}
.raffle-hero:after{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#d5a5fb66,transparent);content:""}
.raffle-hero-copy{position:relative;z-index:1;max-width:550px}
.raffle-hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#d0a8f5;font-size:9px;font-weight:900;letter-spacing:.18em}
.raffle-hero-kicker:before{width:6px;height:6px;border-radius:50%;background:#c28bea;box-shadow:0 0 12px #c28bea;content:""}
.raffle-hero-copy h3{margin:11px 0 7px;color:#f8f3fb;font-size:clamp(23px,3vw,31px);font-weight:820;letter-spacing:-.045em;line-height:1.12}
.raffle-hero-copy p{max-width:430px;margin:0;color:#aba4b4;font-size:12px;line-height:1.55}
.raffle-hero-copy>button{display:inline-flex;align-items:center;gap:17px;min-height:43px;margin-top:18px;padding:0 16px;border:1px solid #d2a3f054;border-radius:11px;background:linear-gradient(135deg,#a35fc4,#70449a);color:#fff;font:inherit;font-size:12px;font-weight:800;box-shadow:0 7px 22px #6b347838;cursor:pointer;transition:transform .16s,filter .16s}
.raffle-hero-copy>button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.raffle-hero-copy>button span{font-size:17px;line-height:1}
.raffle-hero-art{position:relative;display:grid;place-items:center;width:166px;height:166px;justify-self:center;border:1px solid #d5b0f21f;border-radius:50%;background:radial-gradient(circle,#b078d52a 0,#75499d17 43%,transparent 70%);box-shadow:inset 0 0 50px #c998f50d}
.raffle-hero-art:before,.raffle-hero-art:after{position:absolute;inset:13px;border:1px solid #e4c4ff16;border-radius:50%;content:""}
.raffle-hero-art:after{inset:-10px;border-color:#e4c4ff0b}
.raffle-hero-art>b{display:grid;place-items:center;width:91px;height:91px;border:1px solid #ffffff19;border-radius:27px;background:linear-gradient(145deg,#362542,#211a2a);font-size:47px;transform:rotate(-7deg);filter:drop-shadow(0 11px 15px #0007)}
.raffle-hero-art>i,.raffle-hero-art>small{position:absolute;color:#d8b1ff;font-style:normal;text-shadow:0 0 12px #c58dec}
.raffle-hero-art>i{top:12px;right:24px;font-size:18px}.raffle-hero-art>small{bottom:25px;left:13px;font-size:15px}
.raffle-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.raffle-metric-grid button{position:relative;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;min-height:77px;padding:12px 14px;border:1px solid #ffffff11;border-radius:15px;background:linear-gradient(145deg,#1b1a20,#151419);color:#eeeaf2;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s}
.raffle-metric-grid button:hover{transform:translateY(-1px);border-color:#bd88e94a}
.raffle-metric-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #b58add1e;border-radius:11px;background:#a46dc11a;color:#cca5ef;font-size:19px}
.raffle-metric-grid strong{align-self:end;font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.raffle-metric-grid small{align-self:start;color:#96919d;font-size:10px}
.raffle-metric-grid i{grid-column:3;grid-row:1/3;color:#77717e;font-size:14px;font-style:normal}
.raffle-list-section{gap:12px}
.raffle-section-heading{align-items:end}
.raffle-section-heading h2{margin:3px 0 0;font-size:18px;letter-spacing:-.025em}
.raffle-section-heading .text-button{font-size:11px}
.raffle-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.raffle-card{padding:16px;border-color:#ffffff12;border-radius:16px;background:linear-gradient(145deg,#1b1a20,#141318);transition:border-color .16s,transform .16s}
.raffle-card:hover{transform:translateY(-1px);border-color:#bc86e935}
.raffle-card h3{font-size:14px}
.raffle-card-meta{flex-wrap:wrap;justify-content:flex-start;gap:5px;margin:12px 0 10px}
.raffle-card-meta span{padding:6px 7px;border:1px solid #ffffff08;background:#ffffff05;font-size:9px}
.raffle-card>small{display:block;padding-top:9px;border-top:1px solid #ffffff0b;font-size:9px;line-height:1.4}
.raffle-status{font-size:9px;font-weight:800}
.raffle-empty-card{display:grid;justify-items:center;padding:25px 18px;border:1px dashed #ffffff1c;border-radius:17px;background:linear-gradient(145deg,#17151d,#121116);text-align:center}
.raffle-empty-card>span{display:grid;place-items:center;width:43px;height:43px;margin-bottom:10px;border-radius:14px;background:#a774d31e;color:#d5b2f8;font-size:22px}
.raffle-empty-card>strong{font-size:13px}
.raffle-empty-card>p{max-width:340px;margin:6px 0 0;color:#918b98;font-size:11px;line-height:1.45}
.raffle-empty-card>button{min-height:38px;margin-top:14px;padding:0 13px;border:1px solid #b77be540;border-radius:10px;background:#6c43852b;color:#d9b8f4;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.raffle-paid-note{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #ffffff0d;border-radius:13px;background:#121116}
.raffle-paid-note>span{color:#ab83c9;font-size:18px}.raffle-paid-note>div{display:grid;gap:3px;min-width:0;flex:1}.raffle-paid-note strong{font-size:11px}.raffle-paid-note small{color:#89838e;font-size:9px}.raffle-paid-note>i{padding:5px 8px;border:1px solid #ffffff12;border-radius:999px;color:#948d9a;font-size:8px;font-style:normal;font-weight:800}
.raffle-view-heading{margin:0 0 4px}.raffle-view-heading h2{font-size:23px}.raffle-view-heading p{max-width:560px}
.raffle-channel-list{gap:9px}.raffle-channel{padding:13px 15px;border-color:#ffffff10;border-radius:14px;background:linear-gradient(145deg,#1b1a20,#151419)}
.raffle-primary{border:0;background:linear-gradient(135deg,#a35fc4,#70449a);box-shadow:0 7px 20px #6b34782b}
.raffle-form{gap:16px;max-width:760px;padding:20px;border-color:#ffffff12;border-radius:18px;background:linear-gradient(145deg,#1b1a20,#141318)}
.raffle-form label{gap:8px;font-size:11px;font-weight:750}.raffle-form input,.raffle-form textarea,.raffle-form select{min-height:47px;border-color:#ffffff16;border-radius:11px;background:#111015}.raffle-form textarea{min-height:135px}.raffle-form label small{font-size:10px}.raffle-time-grid{gap:14px}.raffle-form input[type="datetime-local"]{font-size:12px}.raffle-form .raffle-primary{margin-top:2px}
.raffle-preview-card{padding:19px;border-color:#ffffff14;border-radius:16px;background:linear-gradient(145deg,#211d28,#17151b)}
.raffle-preview-times>div{border:1px solid #ffffff0a;border-radius:11px;background:#17151b}
@media(max-width:700px){
 #screen-giveaways.profile-subsection{padding:0!important}
 #screen-giveaways>.page-heading{padding:4px 0 12px!important}
 .raffles-app{gap:15px;margin-bottom:24px}
 .raffle-dashboard-tabs{gap:2px;padding:3px;border-radius:12px}
 .raffle-dashboard-tabs button{padding:10px 11px;font-size:11px}
 .raffle-dashboard-header{gap:10px}.raffle-brand-mark{width:41px;height:41px;border-radius:13px;font-size:20px}
 .raffle-dashboard-header h2{font-size:18px}.raffle-dashboard-header p{font-size:10px}
 .raffle-hero{grid-template-columns:minmax(0,1fr) 84px;min-height:204px;padding:19px 16px;border-radius:19px}
 .raffle-hero-copy h3{font-size:22px}.raffle-hero-copy p{max-width:310px;font-size:10px}
 .raffle-hero-copy>button{min-height:40px;gap:9px;margin-top:14px;padding-inline:12px;font-size:10px}
 .raffle-hero-art{width:82px;height:82px}.raffle-hero-art:before{inset:7px}.raffle-hero-art:after{inset:-7px}.raffle-hero-art>b{width:49px;height:49px;border-radius:16px;font-size:25px}.raffle-hero-art>i{top:2px;right:7px;font-size:13px}.raffle-hero-art>small{bottom:6px;left:0;font-size:11px}
 .raffle-metric-grid{gap:7px}.raffle-metric-grid button{grid-template-columns:29px 1fr;column-gap:7px;min-height:69px;padding:9px 8px;border-radius:12px}.raffle-metric-icon{width:28px;height:28px;border-radius:9px;font-size:15px}.raffle-metric-grid strong{font-size:16px}.raffle-metric-grid small{font-size:8px}.raffle-metric-grid i{display:none}
 .raffle-cards{grid-template-columns:1fr;gap:8px}.raffle-card{padding:13px}
 .raffle-section-heading h2{font-size:16px}.raffle-empty-card{padding:22px 15px}
 .raffle-time-grid{grid-template-columns:1fr}.raffle-form{gap:13px;padding:15px}.raffle-form input[type="datetime-local"]{font-size:12px}
}
@media(max-width:360px){.raffle-hero{grid-template-columns:minmax(0,1fr) 58px;padding-inline:12px}.raffle-hero-art{width:58px;height:58px}.raffle-hero-art>b{width:39px;height:39px;border-radius:12px;font-size:20px}.raffle-dashboard-tabs button{padding-inline:8px;font-size:10px}.raffle-metric-grid button{grid-template-columns:25px 1fr;gap:6px;padding-inline:6px}.raffle-metric-icon{width:25px;height:25px}}

.raffle-paid-note{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.raffle-paid-note:hover{border-color:#b688cf35;background:#17141c}

.raffle-editor-group{display:grid;gap:9px;min-width:0}
.raffle-editor-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e8e2ed;font-size:11px;font-weight:750}
.raffle-editor-label small{color:#8f8798;font-size:10px;font-variant-numeric:tabular-nums}
.raffle-editor-toolbar{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;padding:5px;border:1px solid #ffffff12;border-radius:11px;background:#111015;scrollbar-width:none}
.raffle-editor-toolbar::-webkit-scrollbar{display:none}
.raffle-editor-toolbar button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:32px;border:0;border-radius:8px;background:transparent;color:#d4cbdc;font:inherit;font-size:14px;cursor:pointer}
.raffle-editor-toolbar button:hover,.raffle-editor-toolbar button:focus-visible{outline:none;background:#a56bc12b;color:#ecd8ff}
.raffle-editor-toolbar button b{font-size:15px}.raffle-editor-toolbar button i{font-size:15px}.raffle-editor-toolbar button u,.raffle-editor-toolbar button s{font-size:13px}
.raffle-editor-divider{flex:0 0 1px;height:20px;margin:0 3px;background:#ffffff18}
.raffle-rich-editor{min-height:170px;max-height:420px;overflow:auto;padding:14px;border:1px solid #ffffff17;border-radius:12px;outline:none;background:#111015;color:#eee9f2;font-size:14px;font-weight:450;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain}
.raffle-rich-editor:focus{border-color:#b97ce56b;box-shadow:0 0 0 3px #a46ac21a}
.raffle-rich-editor:empty:before{color:#716a79;content:attr(data-placeholder);pointer-events:none}
.raffle-rich-editor p,.raffle-rich-editor div{margin:0}
.raffle-rich-editor blockquote{margin:5px 0;padding:2px 0 2px 11px;border-left:2px solid #b180d2;color:#c9b7d8}
.raffle-rich-editor pre,.raffle-rich-editor code{border-radius:5px;background:#ffffff0d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}
.raffle-rich-editor pre{margin:5px 0;padding:8px;white-space:pre-wrap}
.raffle-rich-editor span[data-tg-type="spoiler"]{border-radius:3px;background:#746d78;color:transparent;user-select:none}
.raffle-rich-editor .raffle-custom-emoji{display:inline-grid;place-items:center;min-width:1.25em;height:1.3em;margin:0 1px;border:1px solid #b386d04a;border-radius:5px;background:#a169c01b;color:#e3c5ff;vertical-align:-.17em;user-select:none}
.raffle-rich-editor a{color:#d1a3fa;text-decoration:underline;text-underline-offset:2px}
.raffle-editor-hint,.raffle-editor-footnote{margin:0;color:#948c9d;font-size:10px;line-height:1.45;font-weight:450}
.raffle-telegram-edit{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 13px;border:1px solid #b988dd45;border-radius:11px;background:linear-gradient(110deg,#71449a,#543875);color:white;font:inherit;font-size:11px;font-weight:800;text-align:left;cursor:pointer}
.raffle-telegram-edit span{font-size:17px}
.raffle-telegram-edit:disabled{opacity:.6;cursor:wait}
.raffle-form .raffle-editor-group .raffle-error:empty{display:none}
.raffle-preview-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.raffle-preview-card blockquote{margin:5px 0;padding:2px 0 2px 11px;border-left:2px solid #b180d2;color:#d0bfdc}
.raffle-preview-card pre,.raffle-preview-card code{border-radius:4px;background:#ffffff12;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.raffle-preview-card a{color:#d4a7fb;text-decoration:underline}
.raffle-preview-card .raffle-custom-emoji{display:inline-grid;place-items:center;min-width:1.25em;height:1.3em;border:1px solid #b386d04a;border-radius:5px;background:#a169c01b;color:#e3c5ff;vertical-align:-.17em}
.raffle-options{display:grid;gap:8px;margin-top:5px;padding:14px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff04}.raffle-options>h3{margin:0 0 2px;font-size:12px}.raffle-option{display:flex!important;align-items:flex-start;gap:10px;padding:10px;border:1px solid #ffffff0c;border-radius:11px;background:#ffffff03;cursor:pointer}.raffle-option>input,.raffle-entry-task input{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:#a86bd6}.raffle-option>span{display:grid;gap:3px}.raffle-option strong{color:#eee7f3;font-size:11px}.raffle-option small,.raffle-options-note{margin:0;color:#93899d;font-size:9px;line-height:1.4}.raffle-task-field[hidden]{display:none}.raffle-task-field{display:grid;gap:6px;padding:2px 3px 0;color:#c8bbd2;font-size:10px}.raffle-task-field textarea{width:100%;padding:10px;border:1px solid #ffffff16;border-radius:10px;outline:0;background:#111015;color:#f4eff7;font:inherit;font-size:12px;line-height:1.45;resize:vertical}.raffle-task-field textarea:focus{border-color:#b97ce56b}.raffle-options-note{padding:0 3px}.raffle-preview-options{margin-top:12px;padding:12px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff04}.raffle-preview-options strong{font-size:11px}.raffle-preview-options p{margin:5px 0 0;color:#aaa0b1;font-size:10px;line-height:1.45}
.raffle-entry-card{width:min(100%,680px);margin:0 auto;padding:clamp(18px,4vw,30px);border:1px solid #ffffff14;border-radius:22px;background:radial-gradient(ellipse at 15% 0%,#a66bc21b,transparent 40%),linear-gradient(145deg,#1c1921,#141318);box-shadow:0 18px 60px #0003}
.raffle-entry-kicker{display:flex;align-items:center;gap:8px;color:#caa3e9;font-size:9px;font-weight:850;letter-spacing:.14em}
.raffle-entry-kicker>span{font-size:15px}
.raffle-entry-card>h2{margin:12px 0 8px;font-size:clamp(22px,5vw,30px);letter-spacing:-.04em;line-height:1.15}
.raffle-entry-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
.raffle-entry-meta span{padding:7px 10px;border:1px solid #ffffff0e;border-radius:999px;background:#ffffff06;color:#bdb5c5;font-size:10px}
.raffle-entry-post{padding:16px;border:1px solid #ffffff0e;border-radius:14px;background:#100f13;color:#eee9f2;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.raffle-entry-post blockquote{margin:5px 0;padding:2px 0 2px 11px;border-left:2px solid #b180d2;color:#d0bfdc}
.raffle-entry-post pre,.raffle-entry-post code{border-radius:4px;background:#ffffff12;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.raffle-entry-post a{color:#d4a7fb;text-decoration:underline;text-underline-offset:2px}
.raffle-entry-post .raffle-custom-emoji{display:inline-grid;place-items:center;min-width:1.25em;height:1.3em;border:1px solid #b386d04a;border-radius:5px;background:#a169c01b;color:#e3c5ff;vertical-align:-.17em}
.raffle-entry-footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:0 2px;color:#928b99;font-size:10px}
.raffle-entry-footer strong{color:#d7cfdf;font-weight:700;text-align:right}
.raffle-captcha{display:grid;gap:11px;margin-top:19px;padding:15px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff04}
.raffle-captcha-title{display:grid;gap:3px}.raffle-captcha-title>span{color:#e9e2ef;font-size:12px;font-weight:800}.raffle-captcha-title small{color:#938b9a;font-size:10px}
.raffle-captcha-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,100px) minmax(115px,auto);gap:8px;align-items:center}
.raffle-captcha-row>strong{font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center}
.raffle-captcha-row>input{width:100%;min-width:0;height:42px;padding:0 10px;border:1px solid #ffffff17;border-radius:10px;outline:none;background:#111015;color:#f4eff7;font:inherit;font-size:14px;text-align:center}
.raffle-captcha-row>input:focus{border-color:#b97ce56b;box-shadow:0 0 0 3px #a46ac21a}
.raffle-captcha-row>button,.raffle-entry-error>button{min-height:42px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,#a35fc4,#70449a);color:white;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.raffle-captcha-row>button:disabled{opacity:.55;cursor:wait}
.raffle-entry-message{margin:0;color:#f0a7b1;font-size:10px;line-height:1.5}.raffle-entry-message:empty{display:none}.raffle-entry-message a{display:inline-block;margin-top:4px;color:#d7b1f5}
.raffle-captcha-refresh{justify-self:start;padding:2px 0;border:0;background:transparent;color:#aaa0b1;font:inherit;font-size:10px;cursor:pointer}
.raffle-entry-success{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px;border:1px solid #71d1a52b;border-radius:13px;background:#57bd8520}
.raffle-entry-success>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#4caa7427;color:#8fe2ae;font-size:18px;font-weight:900}
.raffle-entry-success>div{display:grid;gap:3px}.raffle-entry-success strong{color:#c6f1d5;font-size:12px}.raffle-entry-success small{color:#9bc9ab;font-size:10px}
.raffle-entry-error{display:grid;justify-items:center;gap:7px;padding:32px 20px;text-align:center}.raffle-entry-error>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#a774d31e;color:#e2c5f9;font-size:23px}.raffle-entry-error h2{margin:3px 0;font-size:19px}.raffle-entry-error p{margin:0 0 8px;color:#a29aa9;font-size:12px}
.raffle-entry-task{display:grid;gap:8px;margin-top:15px;padding:13px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff04}.raffle-entry-task>strong{font-size:11px}.raffle-entry-task p{margin:0;color:#c7bdce;font-size:11px;line-height:1.5;white-space:pre-wrap}.raffle-entry-task label{display:flex;align-items:center;gap:8px;color:#e4ddeb;font-size:10px}.raffle-entry-card>[data-raffle-entry-join]{width:100%;margin-top:13px}
.raffle-joined-page{position:relative;display:flex;min-height:min(780px,calc(100dvh - 30px));flex-direction:column;align-items:center;overflow:hidden;padding:24px 20px 17px;border:1px solid #ffffff18;border-radius:24px;background:radial-gradient(ellipse at 50% 46%,#8d53b32b,transparent 37%),linear-gradient(160deg,#21192c,#15121c 72%);box-shadow:0 20px 65px #0005;text-align:center}.raffle-joined-top{display:flex;width:100%;align-items:center;justify-content:space-between}.raffle-joined-brand{display:flex;align-items:center;gap:7px;color:#f5effa;font-size:11px;font-weight:850;letter-spacing:.04em}.raffle-joined-brand i{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#a36dd426;color:#d9b4fb;font-size:15px;font-style:normal}.raffle-joined-status{padding:6px 9px;border:1px solid #b583d72e;border-radius:999px;color:#cbb0df;font-size:8px;font-weight:850;letter-spacing:.1em}.raffle-joined-page>header{display:grid;justify-items:center;gap:8px;margin:27px 0 0}.raffle-joined-ticket{color:#bb9bd5;font-size:8px;font-weight:850;letter-spacing:.12em}.raffle-joined-page>header h1{max-width:100%;margin:0;color:#f7effc;font-size:20px;line-height:1.2;letter-spacing:-.035em}.raffle-joined-page>header small{color:#8f849b;font-size:9px}.raffle-joined-countdown{display:grid;gap:7px;margin-top:19px}.raffle-joined-countdown>span{color:#9587a2;font-size:8px;font-weight:850;letter-spacing:.14em}.raffle-joined-countdown>strong{color:#f0e4fc;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.raffle-joined-art{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:auto 0 12px;border:1px solid #d49dfa27;border-radius:38%;background:linear-gradient(145deg,#945ac52a,#65408224);box-shadow:inset 0 0 35px #c477f410,0 16px 55px #0003}.raffle-joined-art:before{position:absolute;inset:15px;border:1px solid #c99be91f;border-radius:34%;content:'';transform:rotate(10deg)}.raffle-joined-art b{z-index:1;display:grid;place-items:center;width:124px;height:124px;border:1px solid #d3a8f44d;border-radius:35px;background:radial-gradient(circle at 35% 30%,#d9b3ff,#9161bd 60%,#60417d);box-shadow:0 14px 32px #0005;font-size:61px;transform:rotate(-5deg)}.raffle-joined-art>span,.raffle-joined-art>i{position:absolute;color:#f4c66e;font-size:18px;font-style:normal}.raffle-joined-art>span{top:24px;left:28px}.raffle-joined-art>i{right:26px;bottom:28px}.raffle-joined-copy{margin:0 0 auto}.raffle-joined-copy h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.04em}.raffle-joined-copy p{margin:7px 0 0;color:#d0c3da;font-size:12px;line-height:1.45}.raffle-joined-home{width:100%;min-height:48px;margin-top:23px;border:0;border-radius:14px;background:linear-gradient(135deg,#9655d0,#7041a0);box-shadow:0 8px 24px #7843a43b;color:#fff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.raffle-joined-foot{margin-top:13px;color:#786e82;font-size:8px;font-weight:800;letter-spacing:.12em}
.raffle-channel-remove{flex:none;padding:7px 10px;border:1px solid #e1878730;border-radius:9px;background:#b6464610;color:#e6a2a2;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.raffle-channel-remove:hover{border-color:#e1878760;background:#b6464620}.raffle-channel-remove:disabled{opacity:.55;cursor:wait}
.raffle-entry-mode .topbar,.raffle-entry-mode .bottom-nav,.raffle-entry-mode #support-fab,.raffle-entry-mode #screen-giveaways>.page-heading{display:none!important}
.raffle-entry-mode #screen-giveaways.profile-subsection{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:clamp(18px,5vw,46px) 16px!important}
@media(max-width:700px){.raffle-rich-editor{min-height:155px;padding:12px;font-size:14px}.raffle-editor-toolbar button{flex-basis:32px;width:32px;height:31px}.raffle-telegram-edit{min-height:46px;font-size:10px}}
@media(max-width:460px){.raffle-entry-card{padding:16px;border-radius:18px}.raffle-entry-post{padding:13px;font-size:13px}.raffle-captcha-row{grid-template-columns:1fr 78px}.raffle-captcha-row>button{grid-column:1/-1}.raffle-captcha-row>strong{text-align:left;padding-left:4px}}
.bonus-case-track.idle{animation-duration:var(--case-idle-duration,28s)!important}

/* Mobile-first public raffle entry flow */
.raffle-conditions{display:grid;gap:9px;margin-top:16px}.raffle-conditions>h3{margin:0 0 1px;color:#eee6f3;font-size:13px}.raffle-condition{position:relative;margin-top:0}.raffle-condition-number{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #b987db44;border-radius:50%;background:#a36ac21c;color:#dcb9f5;font-size:10px;font-weight:850}.raffle-captcha{grid-template-columns:23px minmax(0,1fr);align-items:start}.raffle-captcha-title{grid-column:2}.raffle-captcha-row{grid-column:2;grid-template-columns:minmax(0,1fr) 82px}.raffle-captcha-row>button{grid-column:1/-1;min-height:46px;font-size:13px}.raffle-captcha-row>strong{text-align:left;padding-left:3px}.raffle-captcha-refresh{grid-column:2}.raffle-entry-task{grid-template-columns:23px minmax(0,1fr);align-items:start}.raffle-entry-task>.raffle-condition-number{grid-row:span 3}.raffle-entry-task>strong,.raffle-entry-task>p,.raffle-entry-task>label{grid-column:2}.raffle-subscription-condition{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff04}.raffle-subscription-condition>div{display:grid;flex:1;gap:3px}.raffle-subscription-condition strong{font-size:11px}.raffle-subscription-condition small{color:#a69bac;font-size:10px;line-height:1.4}.raffle-condition-state{color:#bca0d2;font-size:8px;font-weight:850;letter-spacing:.06em}.raffle-entry-details{margin-top:14px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff03}.raffle-entry-details summary{padding:11px 13px;color:#bdb2c7;font-size:11px;cursor:pointer;list-style:none}.raffle-entry-details summary::-webkit-details-marker{display:none}.raffle-entry-details summary:after{float:right;content:'+';color:#c99ce9}.raffle-entry-details[open] summary:after{content:'−'}.raffle-entry-details .raffle-entry-post{margin:0 9px 9px;padding:12px;font-size:12px}.raffle-entry-card>.raffle-entry-footer{margin-top:12px}
.raffle-joined-page{animation:raffle-success-in .55s cubic-bezier(.2,.8,.2,1) both}.raffle-joined-art{animation:raffle-success-float 3.2s ease-in-out infinite}.raffle-joined-copy h2:before{content:'✓';display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:50%;background:#4caa7427;color:#91e6b1;font-size:16px;vertical-align:2px;animation:raffle-check-pop .5s .25s both}.raffle-entry-card[data-submitting="1"]{opacity:.84;pointer-events:none}.raffle-entry-card[data-submitting="1"]:after{display:block;content:'Проверяем условия…';margin-top:12px;color:#cfafe5;font-size:12px;text-align:center;animation:raffle-pulse 1s infinite alternate}
@keyframes raffle-success-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes raffle-success-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes raffle-check-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes raffle-pulse{to{opacity:.55}}
@media(max-width:600px){.raffle-entry-mode #screen-giveaways.profile-subsection{width:100%;min-height:100dvh;margin:0;padding:calc(max(12px,var(--tg-content-safe-area-inset-top,env(safe-area-inset-top))) + 10px) 12px calc(14px + env(safe-area-inset-bottom))!important;box-sizing:border-box}.raffle-entry-card{width:100%;margin:0;padding:17px 15px 16px;border-radius:20px}.raffle-entry-card>h2{margin:8px 0;font-size:23px}.raffle-entry-meta{margin-bottom:8px}.raffle-entry-meta span{padding:6px 9px;font-size:9px}.raffle-entry-footer{font-size:10px}.raffle-conditions{margin-top:13px}.raffle-captcha{padding:12px;gap:8px}.raffle-captcha-row>input{height:45px;font-size:16px}.raffle-captcha-title>span{font-size:12px}.raffle-captcha-title small{font-size:10px}.raffle-entry-task{margin-top:0}.raffle-joined-page{min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px 17px 15px;border-radius:22px}.raffle-joined-art{width:min(42vw,170px);height:min(42vw,170px)}.raffle-joined-art b{width:min(28vw,118px);height:min(28vw,118px);font-size:54px}.raffle-entry-message{font-size:12px}}
@media(prefers-reduced-motion:reduce){.raffle-joined-page,.raffle-joined-art,.raffle-joined-copy h2:before{animation:none!important}}

/* Referral program cards and admin controls */
.referral-program-cards{display:grid;gap:14px;margin:18px 0 34px}
.referral-program-balance{display:grid;gap:6px;padding:18px;border:1px solid var(--surface-border,#ffffff18);border-radius:20px;background:var(--surface-card,#17171e)}
.referral-program-balance strong{font-size:30px;letter-spacing:-.04em}
.referral-program-balance small{color:var(--text-muted,#918a9a);font-size:11px;line-height:1.45}
.referral-program-card{display:grid;gap:15px;padding:18px;border:1px solid var(--surface-border,#ffffff18);border-radius:20px;background:var(--surface-card,#17171e)}
.referral-program-card h2{margin:5px 0 7px;font-size:20px;letter-spacing:-.03em}
.referral-program-card p{margin:0;color:var(--text-secondary,#aaa4b2);font-size:13px;line-height:1.5}
.referral-program-card small{display:block;margin-top:10px;color:var(--text-muted,#918a9a);font-size:11px}
.referral-program-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.referral-program-link input{min-width:0;height:42px;padding:0 10px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff06;color:var(--text-secondary,#c7c1ce);font:inherit;font-size:10px}
.referral-program-link button{padding:0 13px;border:1px solid #ffffff22;border-radius:11px;background:#ffffff0d;color:var(--text-primary,#f4f0f7);font:inherit;font-size:11px;font-weight:750}
.referral-captcha-card{display:grid;grid-template-columns:minmax(0,1fr) 74px auto;gap:10px;align-items:center;padding:16px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(140deg,#20202a,#15151c)}
.referral-entry-gate{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px;background:#08070dcc;backdrop-filter:blur(14px)}
.support-call-operator{display:none!important}
.referral-entry-gate.hidden{display:none}
.referral-entry-gate-card{width:min(100%,390px);padding:28px 22px 23px;border:1px solid #c994ed55;border-radius:26px;background:linear-gradient(145deg,#26202f,#14131b);box-shadow:0 24px 80px #000b;text-align:center}
.referral-entry-gate-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border:1px solid #79d9aa66;border-radius:18px;background:#55bd8525;color:#9ce8be;font-size:28px;font-weight:900}
.referral-entry-gate-card h2{margin:8px 0 9px;font-size:23px;line-height:1.1}.referral-entry-gate-card>p{margin:0;color:#aaa2b3;font-size:12px;line-height:1.5}
.referral-entry-gate-captcha{display:grid;gap:10px;margin-top:20px;padding:15px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff08;text-align:left}
.referral-entry-gate-captcha strong{font-size:20px;text-align:center;letter-spacing:.04em}.referral-entry-gate-captcha input{height:45px;width:100%;padding:0 12px;border:1px solid #ffffff22;border-radius:11px;background:#100f16;color:#fff;font:inherit;font-size:17px;text-align:center}.referral-entry-gate-captcha button{height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,#b66de0,#7540a5);color:#fff;font:inherit;font-weight:850;cursor:pointer}.referral-entry-gate-captcha button:disabled{opacity:.55;cursor:wait}.referral-entry-gate-error{min-height:18px;margin-top:11px!important;color:#f4a6b2!important;font-size:11px!important}
body.referral-gate-open .app-shell{pointer-events:none;user-select:none}
.referral-captcha-card h2{margin:5px 0;font-size:16px}
.referral-captcha-card p{margin:0 0 8px;color:var(--text-secondary,#aaa4b2);font-size:11px;line-height:1.4}
.referral-captcha-card strong{color:var(--text-primary,#f4f0f7);font-size:16px;letter-spacing:.06em}
.referral-captcha-card input{width:100%;height:42px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff08;color:var(--text-primary,#f4f0f7);font:inherit;font-size:16px;text-align:center}
.referral-captcha-card button{height:42px;padding:0 12px;border:0;border-radius:10px;background:#8c55be;color:white;font:inherit;font-size:11px;font-weight:800}
.admin-referral-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.admin-referral-settings>label{display:grid;gap:7px;color:var(--text-secondary,#aaa4b2);font-size:11px}
.admin-referral-settings input:not([type=checkbox]){width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff08;color:var(--text-primary,#f4f0f7);font:inherit;font-size:14px}
.admin-referral-settings .admin-referral-check{display:flex;grid-column:1/-1;align-items:center;gap:9px;padding:12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}
.admin-referral-summary{display:flex;gap:12px;margin-top:16px}
.admin-referral-summary>div{display:grid;flex:1;gap:5px;padding:13px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff06}
.admin-referral-summary span{color:var(--text-muted,#918a9a);font-size:10px}
.admin-referral-summary strong{font-size:17px}
@media(max-width:460px){.referral-program-card{padding:15px}.referral-program-link{grid-template-columns:minmax(0,1fr)}.referral-program-link button{min-height:42px}.admin-referral-settings{grid-template-columns:1fr}.admin-referral-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-referral-summary>div{padding:9px}.admin-referral-summary span{font-size:9px}.admin-referral-summary strong{font-size:13px}.referral-captcha-card{grid-template-columns:minmax(0,1fr) 64px}.referral-captcha-card>button{grid-column:1/-1}}

/* Referral links presented as tappable campaign posters */
.referral-program-card{gap:0;padding:0;overflow:hidden;border:0;background:transparent}
.referral-program-poster{position:relative;isolation:isolate;display:flex;width:100%;min-height:202px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:22px 44px 19px;border:1px solid #ffffff30;border-radius:23px;background:linear-gradient(118deg,#3c2251,#663277 50%,#382746);color:#fff;text-align:center;box-shadow:0 15px 40px #0003;cursor:pointer}
.referral-program-poster:before,.referral-program-poster:after{position:absolute;z-index:-1;content:"";pointer-events:none}
.referral-program-poster:before{inset:-45% -10%;background:radial-gradient(ellipse at 72% 30%,#fff2,transparent 32%),radial-gradient(ellipse at 16% 72%,#f3a5ff20,transparent 34%);transform:rotate(-9deg)}
.referral-program-poster:after{top:-62px;right:-27px;width:190px;height:190px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 18px #ffffff08,0 0 0 42px #ffffff05}
.referral-poster-kicker{position:relative;margin-bottom:10px;color:#f5e5ffdc;font-size:9px;font-weight:900;letter-spacing:2px}
.referral-poster-headline{position:relative;max-width:100%;font-size:clamp(26px,7vw,37px);font-weight:950;line-height:.98;letter-spacing:-1.4px;text-transform:uppercase;text-shadow:0 3px 16px #0003}
.referral-poster-reward{position:relative;margin-top:9px;padding:5px 12px 6px;border-radius:7px;background:linear-gradient(105deg,#ef4763,#d72e59);font-size:clamp(15px,4.3vw,22px);font-weight:950;line-height:1;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 6px 16px #ca16423d}
.referral-poster-subline{position:relative;margin-top:8px;color:#fffdf0e8;font-size:10px;font-weight:750;letter-spacing:.07em}
.referral-poster-cta{position:relative;display:flex;align-items:center;gap:6px;margin-top:12px;color:#ffffffbf;font-size:8px;font-weight:900;letter-spacing:1.3px}
.referral-poster-cta i{font-size:13px;font-style:normal}
.referral-poster-side{position:absolute;top:50%;z-index:1;color:#f2caff;font-size:8px;font-style:normal;font-weight:950;letter-spacing:1px;text-shadow:0 1px 8px #0005}
.referral-poster-side-left{left:9px;transform:translateY(-50%) rotate(-76deg)}
.referral-poster-side-right{right:8px;color:#ffd780;transform:translateY(-50%) rotate(76deg)}
.referral-poster-spark{position:absolute;color:#ffe2aa;font-size:20px;font-style:normal;opacity:.8}
.referral-poster-spark-one{left:9%;bottom:13%}.referral-poster-spark-two{right:13%;top:13%;font-size:15px}
.referral-program-card-profit .referral-program-poster{background:linear-gradient(118deg,#49233c,#992e4d 52%,#47223d)}
.referral-program-card-profit .referral-poster-reward{background:linear-gradient(105deg,#e84558,#b72b48)}
.referral-program-card-stars .referral-program-poster{background:linear-gradient(118deg,#263967,#315ba0 53%,#30274f)}
.referral-program-card-stars .referral-poster-reward{background:linear-gradient(105deg,#4d83eb,#704bd0)}
.referral-program-card-case .referral-program-poster{background:linear-gradient(118deg,#402054,#812e81 53%,#472644)}
.referral-program-card-case .referral-poster-headline{font-size:clamp(23px,6vw,33px)}
.referral-program-card-giveaway .referral-program-poster{background:linear-gradient(118deg,#53351c,#a85836 53%,#502845)}
.referral-program-card-giveaway .referral-poster-reward{background:linear-gradient(105deg,#e66d49,#bd3e59)}
.referral-program-details{display:grid;gap:7px;margin:8px 3px 0;padding:14px 12px 10px;border-bottom:1px solid var(--surface-border,#ffffff16)}
.referral-program-details h2{margin:0;font-size:16px;letter-spacing:-.3px}
.referral-program-details p{margin:0;color:var(--text-secondary,#aaa4b2);font-size:11px;line-height:1.5}
.referral-program-details>small{margin:0;color:var(--text-muted,#918a9a);font-size:10px}
.referral-program-details .referral-program-link{margin-top:3px}
.referral-program-details .referral-program-link input{font-size:9px}
@media(max-width:460px){.referral-program-poster{min-height:190px;padding:19px 36px 16px;border-radius:21px}.referral-poster-kicker{font-size:8px;letter-spacing:1.5px}.referral-poster-headline{font-size:clamp(24px,7vw,32px)}.referral-poster-reward{font-size:clamp(14px,4.1vw,19px)}.referral-poster-subline{max-width:100%;font-size:8px}.referral-program-details{padding:12px 8px 9px}.referral-program-details h2{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.referral-program-poster{transition:transform .18s ease,filter .18s ease}.referral-program-poster:active{transform:scale(.985);filter:brightness(1.08)}}

/* Campaign list cards open an editorial offer detail page */
.offers-list{display:grid;gap:14px;padding-bottom:28px}
.offer-list-card{display:block;width:100%;overflow:hidden;padding:0;border:1px solid #ffffff12;border-radius:20px;background:#191b20;color:var(--text);text-align:left;box-shadow:0 12px 28px #0003;cursor:pointer;transition:transform .17s ease,border-color .17s ease}
.offer-list-card[hidden]{display:none!important}
.offer-list-card:active{transform:scale(.99)}
.offer-list-poster{position:relative;isolation:isolate;display:flex;min-height:178px;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:22px 24px;background:radial-gradient(ellipse at 81% 28%,#ffffff22,transparent 31%),linear-gradient(115deg,#422254,#833574 50%,#382749);color:#fff}
.offer-list-poster:after{position:absolute;z-index:-1;top:-76px;right:-38px;width:220px;height:220px;border:1px solid #ffffff1e;border-radius:50%;content:"";box-shadow:0 0 0 22px #ffffff08,0 0 0 49px #ffffff05}
.offer-list-kicker{position:relative;margin-bottom:10px;color:#f7eaffd9;font-size:8px;font-weight:900;letter-spacing:1.7px}
.offer-list-poster>strong{position:relative;max-width:90%;font-size:clamp(28px,8vw,42px);font-weight:950;line-height:.95;letter-spacing:-1.6px;text-shadow:0 4px 18px #0005;text-transform:uppercase}
.offer-list-poster>b{position:relative;margin-top:8px;padding:5px 9px;border-radius:5px;background:linear-gradient(105deg,#f03e59,#d52c50);font-size:clamp(13px,4vw,20px);font-weight:950;line-height:1.05;letter-spacing:.03em;text-transform:uppercase}
.offer-list-spark{position:absolute;right:15px;bottom:12px;color:#ffdda69c;font-size:20px;letter-spacing:7px;transform:rotate(-12deg)}
.offer-list-copy{display:grid;gap:6px;padding:15px 16px 16px}
.offer-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.offer-list-heading>strong{min-width:0;font-size:16px;letter-spacing:-.3px}
.offer-status{flex:none;padding:5px 9px;border:1px solid;border-radius:999px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}
.offer-status-active{border-color:#66d59c88;background:#66d59c12;color:#87e3ad}
.offer-status-completed{border-color:#a4a5ae88;background:#a4a5ae12;color:#b9bac3}
.offer-status-timer{font-variant-numeric:tabular-nums;transition:color .25s,border-color .25s,background .25s}
.offer-status-timer.is-safe,.offer-detail-countdown.is-safe{border-color:#66d59c70;background:#66d59c12;color:#87e3ad}
.offer-status-timer.is-warning,.offer-detail-countdown.is-warning{border-color:#e9b85d70;background:#e9b85d12;color:#f0ca78}
.offer-status-timer.is-urgent,.offer-detail-countdown.is-urgent{border-color:#ed758070;background:#ed758014;color:#ff9aa2}
.offer-detail-countdown{display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:7px 12px;border:1px solid;border-radius:999px;background:#ffffff08;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}
.offer-detail-date-ended{color:#aaa7b2}
.offers-tabs .offers-top-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid #eacb7852;background:linear-gradient(120deg,#3a3021,#292331);color:#f5d892;box-shadow:0 0 16px #edc65c13}
.offers-tabs .offers-top-tab.is-active{border-color:#f0d47c;background:linear-gradient(120deg,#765822,#684b69);color:#fff8df}
.offers-top-spark{display:inline-block;color:#ffdc78;font-size:15px;line-height:1;text-shadow:0 0 9px #ffdc7880;animation:offersTopTwinkle 2.4s ease-in-out infinite}
@keyframes offersTopTwinkle{0%,100%{transform:scale(.88) rotate(-8deg);opacity:.78}50%{transform:scale(1.12) rotate(8deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.offers-top-spark{animation:none}}
.offer-list-copy>small{color:#a9a5ad;font-size:12px;line-height:1.45}
.offer-list-card-profit .offer-list-poster{background:radial-gradient(ellipse at 80% 26%,#ffcc8740,transparent 32%),linear-gradient(115deg,#411f37,#9b3151 54%,#48233c)}
.offer-list-card-stars .offer-list-poster{background:radial-gradient(ellipse at 80% 26%,#b5cbff50,transparent 32%),linear-gradient(115deg,#223a70,#315f9b 55%,#392c67)}
.offer-list-card-stars .offer-list-poster>b{background:linear-gradient(105deg,#487fe3,#7451d1)}
.offer-list-card-case .offer-list-poster{background:radial-gradient(ellipse at 80% 26%,#ffdd9a42,transparent 32%),linear-gradient(115deg,#492255,#8a347f 55%,#4d2947)}
.offer-list-card-giveaway .offer-list-poster{background:radial-gradient(ellipse at 80% 26%,#ffcb9140,transparent 32%),linear-gradient(115deg,#57351f,#a55539 55%,#562b44)}
.offer-list-card-giveaway .offer-list-poster>b{background:linear-gradient(105deg,#e76a48,#bb3c58)}
.offer-list-card-first-order .offer-list-poster{background:radial-gradient(ellipse at 80% 25%,#ffd98950,transparent 34%),linear-gradient(115deg,#68421e,#bd7330 52%,#71334c)}
.offer-list-card-first-order .offer-list-poster>b{background:linear-gradient(105deg,#f04a61,#d92e54)}
.offer-detail-view{padding-bottom:34px}
.offer-detail-hero{position:relative;isolation:isolate;display:flex;min-height:clamp(260px,68vw,370px);flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:52px 24px 27px;border-radius:0 0 20px 20px;background:radial-gradient(ellipse at 80% 30%,#ffffff24,transparent 33%),linear-gradient(120deg,#422254,#833574 52%,#382749);color:#fff}
.offer-detail-hero:after{position:absolute;z-index:-1;top:-85px;right:-45px;width:285px;height:285px;border:1px solid #ffffff20;border-radius:50%;content:"";box-shadow:0 0 0 24px #ffffff08,0 0 0 54px #ffffff05}
.offer-detail-back{position:absolute;top:13px;left:12px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#0003;color:white;font:inherit;font-size:30px;line-height:1;cursor:pointer}
.offer-detail-kicker{margin-bottom:12px;color:#f7eaffd9;font-size:9px;font-weight:900;letter-spacing:1.7px}
.offer-detail-hero>strong{max-width:95%;font-size:clamp(36px,10vw,62px);font-weight:950;line-height:.94;letter-spacing:-2px;text-shadow:0 4px 20px #0005;text-transform:uppercase}
.offer-detail-hero>b{margin-top:12px;padding:7px 12px;border-radius:6px;background:linear-gradient(105deg,#f03e59,#d52c50);font-size:clamp(17px,5vw,26px);font-weight:950;line-height:1.05;text-transform:uppercase}
.offer-detail-hero>small{margin-top:10px;color:#fffdf0e8;font-size:10px;font-weight:800;letter-spacing:.08em}
.offer-detail-spark{position:absolute;right:16px;bottom:15px;color:#ffdda69c;font-size:27px;letter-spacing:9px;transform:rotate(-12deg)}
.offer-detail-hero-profit{background:radial-gradient(ellipse at 80% 30%,#ffcc8740,transparent 32%),linear-gradient(120deg,#411f37,#9b3151 54%,#48233c)}
.offer-detail-hero-stars{background:radial-gradient(ellipse at 80% 30%,#b5cbff50,transparent 32%),linear-gradient(120deg,#223a70,#315f9b 55%,#392c67)}
.offer-detail-hero-stars>b{background:linear-gradient(105deg,#487fe3,#7451d1)}
.offer-detail-hero-case{background:radial-gradient(ellipse at 80% 30%,#ffdd9a42,transparent 32%),linear-gradient(120deg,#492255,#8a347f 55%,#4d2947)}
.offer-detail-hero-giveaway{background:radial-gradient(ellipse at 80% 30%,#ffcb9140,transparent 32%),linear-gradient(120deg,#57351f,#a55539 55%,#562b44)}
.offer-detail-hero-giveaway>b{background:linear-gradient(105deg,#e76a48,#bb3c58)}
.offer-detail-hero-first-order{background:radial-gradient(ellipse at 80% 28%,#ffd98945,transparent 34%),linear-gradient(120deg,#68421e,#bd7330 52%,#71334c)}
.offer-detail-hero-first-order>b{background:linear-gradient(105deg,#f04a61,#d92e54)}
.offer-detail-summary{display:grid;gap:10px;padding:19px 18px 16px;border-radius:0 0 19px 19px;background:#191b20;text-align:center}
.offer-detail-date{color:#79d2a5;font-size:12px;font-weight:850;letter-spacing:.04em}
.offer-detail-summary h2{margin:0;color:#f7f5f8;font-size:clamp(23px,6vw,30px);letter-spacing:-.8px}
.offer-detail-summary>p{margin:0;color:#b0adb5;font-size:13px;line-height:1.6}
.offer-detail-summary .offer-detail-terms{margin-top:5px;color:#a4a1a9;font-size:11px}
.offer-detail-link{display:grid;gap:7px;margin-top:4px;text-align:left}
.offer-detail-link>span{color:#c9c4ce;font-size:11px;font-weight:750}
.offer-detail-link>input{width:100%;height:44px;padding:0 12px;border:1px solid #ffffff16;border-radius:11px;background:#111216;color:#e7e2ea;font:inherit;font-size:11px;user-select:all}
.offer-detail-link>small{color:#89858e;font-size:10px}
.offer-detail-stats{color:#a5a0aa;font-size:10px}
.offer-completed-status{display:flex;min-height:48px;align-items:center;justify-content:center;margin-top:8px;padding:10px 14px;border:1px solid #65c99a35;border-radius:13px;background:#65c99a12;color:#8bd8b0;font-size:13px;font-weight:800;text-align:center}
.offer-first-order-action{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:0 18px;border:1px solid #ffcf7655;border-radius:13px;background:linear-gradient(105deg,#a85c2c,#d33c53);color:#fff;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 8px 24px #d34b3e25}
.offer-first-order-action:disabled{border-color:#ffffff18;background:#ffffff0b;color:#a7a2ab;box-shadow:none;cursor:not-allowed}
.first-order-draw-overlay{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;overflow:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 42%,#a35b2c65,transparent 48%),#08090df2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:first-order-overlay-in .24s ease-out both}
.first-order-draw-card{display:grid;width:min(100%,420px);justify-items:center;gap:10px;text-align:center;color:#fff}
.first-order-draw-kicker{color:#f1c28f;font-size:10px;font-weight:900;letter-spacing:.2em}
.first-order-gift-animation{width:min(82vw,340px);height:min(42vh,260px);min-height:190px;overflow:visible;animation:first-order-gift-drop .72s cubic-bezier(.18,.8,.22,1.08) both}
.first-order-gift-animation svg{width:100%;height:100%;overflow:visible}
.first-order-gift-fallback{display:block;font-size:110px;animation:first-order-gift-fallback 1.8s cubic-bezier(.2,.75,.25,1) both}
.first-order-draw-card h2{margin:0;font-size:clamp(23px,7vw,32px);font-weight:900;letter-spacing:-.04em}
.first-order-draw-card p{max-width:300px;margin:0;color:#c5bec8;font-size:14px;line-height:1.5}
.first-order-draw-result{margin:4px 0;padding:2px 24px;color:#ffe29d;font-size:clamp(58px,18vw,88px);font-weight:1000;line-height:1;text-shadow:0 0 35px #ffca6a75;animation:first-order-result-pop .45s cubic-bezier(.2,1.5,.4,1) both}
.first-order-draw-continue,.first-order-draw-secondary{width:min(100%,340px);min-height:50px;border:0;border-radius:14px;color:#fff;font:inherit;font-weight:850;cursor:pointer}
.first-order-draw-continue{margin-top:8px;background:linear-gradient(105deg,#bd7032,#df405a);box-shadow:0 8px 30px #d9484550}
.first-order-draw-secondary{background:#ffffff12}
.first-order-draw-overlay.is-revealed .first-order-gift-animation{height:100px;min-height:100px;animation:first-order-gift-shrink .3s ease both}
@keyframes first-order-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes first-order-gift-fallback{0%{transform:translateY(-90px) rotate(-18deg);opacity:0}60%{transform:translateY(8px) rotate(4deg);opacity:1}78%{transform:translateY(-5px) rotate(-2deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes first-order-gift-drop{0%{transform:translateY(-34vh) rotate(-10deg);opacity:0}72%{transform:translateY(7px) rotate(2deg);opacity:1}86%{transform:translateY(-4px) rotate(-1deg)}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes first-order-result-pop{from{transform:scale(.45);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes first-order-gift-shrink{to{transform:scale(.6);opacity:.55}}
@media(prefers-reduced-motion:reduce){.first-order-gift-animation{animation:none}}
.offer-detail-how{display:grid;gap:9px;margin-top:22px}
.offer-detail-how>h3{margin:0 0 2px;text-align:center;font-size:20px;letter-spacing:-.4px}
.offer-detail-how>article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px solid #ffffff0e;border-radius:14px;background:#191b20}
.offer-detail-how>article>b{color:#60c99a;font-size:12px}
.offer-detail-how>article>p{margin:0;color:#b9b5bd;font-size:12px;line-height:1.5}
#offers-referral-balance:empty,#offers-referral-captcha:empty{display:none}
@media(max-width:480px){.offer-list-poster{min-height:155px;padding:18px}.offer-list-copy{padding:13px 14px 14px}.offer-list-copy>strong{font-size:15px}.offer-list-copy>small{font-size:11px}.offer-detail-hero{min-height:258px;padding:51px 20px 22px}.offer-detail-summary{padding:17px 14px 15px}.offer-detail-how{margin-top:19px}.offer-detail-how>h3{font-size:18px}.offer-detail-how>article{padding:12px}}
@media(max-width:600px){
  .offers-screen{width:calc(100% + 28px);max-width:none;min-width:0;margin-inline:-14px;padding-inline:12px}
  .offer-detail-view{width:100%;min-width:0;padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .offer-detail-hero{min-height:clamp(255px,70vw,320px);padding:58px 20px 24px;border-radius:20px 20px 18px 18px}
  .offer-detail-hero>strong{max-width:100%;font-size:clamp(32px,9vw,46px);letter-spacing:-1.4px;overflow-wrap:anywhere}
  .offer-detail-hero>b{max-width:100%;font-size:clamp(15px,4.3vw,21px);overflow-wrap:anywhere}
  .offer-detail-hero>small{max-width:100%;font-size:9px;line-height:1.4}
  .offer-detail-summary{min-width:0;margin-top:10px;padding:17px 14px 15px;border:1px solid #ffffff0b;border-radius:17px}
  .offer-detail-summary h2,.offer-detail-summary>p,.offer-detail-summary>small{min-width:0;overflow-wrap:anywhere}
  .offer-detail-summary>p{font-size:13px;line-height:1.5}
  .offer-detail-link{width:100%;min-width:0}
  .offer-detail-link>input{box-sizing:border-box;min-width:0;padding-inline:10px;font-size:10px;text-overflow:ellipsis}
  .offer-detail-how{min-width:0;margin-top:20px}
  .offer-detail-how>article{min-width:0;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:12px}
  .offer-detail-how>article>p{overflow-wrap:anywhere}
  body.offer-detail-open #support-fab{display:none!important}
}

/* Fast presets for the web raffle constructor */
.raffle-time-presets{display:grid;gap:12px;padding:14px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff04}.raffle-time-presets>div{display:grid;gap:8px}.raffle-time-presets strong{font-size:11px;color:#e8e0ec}.raffle-preset-row{display:flex;flex-wrap:wrap;gap:7px}.raffle-preset-row button{min-height:36px;padding:7px 11px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff06;color:#c9c0d0;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.raffle-preset-row button:hover,.raffle-preset-row button.selected{border-color:#b87ce866;background:#9f63c425;color:#f0defe}.raffle-form .raffle-time-grid{margin-top:-4px}.raffle-form .raffle-time-grid label{font-size:10px}
@media(max-width:600px){.raffle-time-presets{padding:12px}.raffle-preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.raffle-preset-row button{padding:6px 5px;font-size:9px;line-height:1.25}}

/* Creator dashboard and giveaway detail */
.raffle-role-switch,.raffle-filter-switch,.raffle-detail-tabs{display:flex;gap:6px;padding:5px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff06}.raffle-role-switch button,.raffle-filter-switch button,.raffle-detail-tabs button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary,#aaa4b2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.raffle-role-switch button.active,.raffle-filter-switch button.active,.raffle-detail-tabs button.active{background:#ffffff12;color:var(--text-primary,#fff)}.raffle-filter-switch{margin:18px 0}.raffle-filter-switch b{margin-left:5px;color:#9e87b7}.raffle-create-banner{display:flex;align-items:center;gap:13px;width:100%;min-height:76px;margin-top:14px;padding:14px 17px;border:1px solid #c68bff35;border-radius:16px;background:linear-gradient(110deg,#9f63c428,#ffffff07);color:inherit;text-align:left;cursor:pointer}.raffle-create-banner>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#a36ad52b;font-size:25px;color:#dab8ff}.raffle-create-banner>span:nth-child(2){display:grid;gap:4px;flex:1}.raffle-create-banner strong{font-size:14px}.raffle-create-banner small{color:var(--text-muted,#918a9a);font-size:11px}.raffle-create-banner>b{font-size:20px;color:#d4b1f3}.raffle-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.raffle-card-actions button,.raffle-additional-winners button{min-height:38px;padding:8px 12px;border:1px solid #ffffff17;border-radius:10px;background:#ffffff08;color:var(--text-primary,#fff);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.raffle-detail-tabs{margin:18px 0 14px}.raffle-detail-tabs button{font-size:11px}.raffle-participant-list{display:grid;gap:8px}.raffle-participant-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:center;padding:11px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05}.raffle-participant-list>div>span{grid-row:span 2;color:#c7a1e6}.raffle-participant-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.raffle-participant-list small{color:var(--text-muted,#918a9a);font-size:10px}.raffle-additional-winners{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin-top:14px}.raffle-additional-winners label{display:grid;gap:5px;color:var(--text-secondary,#aaa4b2);font-size:11px}.raffle-additional-winners input{width:110px;min-height:38px;padding:7px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff08;color:inherit;font:inherit}.raffle-secondary[data-raffle-export]{width:100%;margin-top:12px}
@media(max-width:600px){.raffle-role-switch{position:sticky;top:6px;z-index:2;backdrop-filter:blur(16px)}.raffle-dashboard-header{margin-top:10px}.raffle-dashboard-header h2{font-size:21px}.raffle-create-banner{min-height:68px;padding:11px}.raffle-filter-switch{margin:14px 0 10px}.raffle-detail-tabs{gap:2px;padding:3px}.raffle-detail-tabs button{min-height:38px;padding:4px;font-size:9px}.raffle-card-actions button{flex:1}.raffle-participant-list>div{padding:9px}.raffle-additional-winners{align-items:stretch}.raffle-additional-winners label{flex:1}.raffle-additional-winners input{width:100%}}

/* Mobile-first storefront home and shared Stars promotion */
#screen-home{padding-top:10px}
.home-welcome{padding:20px 2px 4px}
.home-welcome h1{margin:9px 0 6px;font-size:clamp(34px,8vw,48px);letter-spacing:-1.8px}
.home-welcome p{max-width:520px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.home-promo-section{margin-top:2px}
#screen-home .home-promo-section{padding-top:14px}
.home-promo-section .section-heading,.home-shortcut-section .section-heading,.home-news-section .section-heading{margin-top:22px}
.home-promo-viewport{overflow:hidden;border-radius:20px;touch-action:pan-y;position:relative}
.home-promo-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:0}
.home-promo-track::-webkit-scrollbar{display:none}
.home-promo-card{position:relative;isolation:isolate;display:flex;min-width:100%;min-height:114px;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:12px 14px 10px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(118deg,#263b58,#182231 76%);scroll-snap-align:start;transition:border-color .25s ease,transform .2s ease;cursor:pointer}
.home-promo-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
/* Decorative background layers */
.home-promo-card::before{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;z-index:0}
.home-promo-card::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.home-promo-card>*{position:relative;z-index:1}

/* Stars promo — deep purple with radial glow and grid */
.home-promo-stars{background:linear-gradient(135deg,#231633 0%,#431a54 45%,#201530 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 8px 24px rgba(35,22,51,.35)}
.home-promo-stars::before{background:radial-gradient(ellipse at 85% 15%,rgba(160,80,240,.2),transparent 50%),radial-gradient(ellipse at 15% 85%,rgba(100,40,180,.12),transparent 40%)}
.home-promo-stars::after{width:130px;height:130px;top:-30px;right:-20px;background:radial-gradient(circle,rgba(160,80,240,.18),transparent 65%)}

/* Referral promo — blue-teal with orbital rings */
.home-promo-referral{background:linear-gradient(135deg,#13283f 0%,#184b73 48%,#122438 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 8px 24px rgba(19,40,63,.35)}
.home-promo-referral::before{background:radial-gradient(ellipse at 82% 18%,rgba(80,160,230,.18),transparent 48%),radial-gradient(ellipse at 20% 80%,rgba(50,120,180,.1),transparent 35%)}
.home-promo-referral::after{width:130px;height:130px;top:-30px;right:-20px;background:radial-gradient(circle,rgba(80,160,230,.16),transparent 65%)}

/* Cases promo — warm amber with subtle pattern */
.home-promo-cases{background:linear-gradient(135deg,#2c2012 0%,#573b18 50%,#291a13 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 8px 24px rgba(44,32,18,.35)}
.home-promo-cases::before{background:radial-gradient(ellipse at 80% 20%,rgba(240,180,60,.16),transparent 46%),radial-gradient(ellipse at 18% 78%,rgba(180,120,40,.1),transparent 35%)}
.home-promo-cases::after{width:130px;height:130px;top:-30px;right:-20px;background:radial-gradient(circle,rgba(240,180,60,.15),transparent 65%)}

/* First-order promo — golden warm glow */
.home-promo-first-order{background:linear-gradient(135deg,#3c191a 0%,#692728 48%,#301725 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 8px 24px rgba(60,25,26,.35)}
.home-promo-first-order::before{background:radial-gradient(ellipse at 78% 16%,rgba(255,200,80,.2),transparent 44%),radial-gradient(ellipse at 22% 82%,rgba(200,120,40,.1),transparent 32%)}
.home-promo-first-order::after{width:130px;height:130px;top:-30px;right:-20px;background:radial-gradient(circle,rgba(255,200,80,.18),transparent 65%)}

/* Topline with eyebrow and tags */
.home-promo-topline{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;z-index:3}
.home-promo-tags{display:inline-flex;align-items:center;gap:5px}
.home-promo-timer{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.45);border:1px solid rgba(255,201,102,.3);font-size:9.5px;font-weight:750;color:#ffc966;line-height:1;font-variant-numeric:tabular-nums}
.home-promo-timer svg{width:10px;height:10px;color:#ffb833;flex-shrink:0}
.home-promo-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:rgba(255,120,60,.22);color:#ffbb88;border:1px solid rgba(255,120,60,.18);line-height:1}

.home-promo-card .eyebrow{color:rgba(233,237,247,.75);font-size:8.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.home-promo-card h3{max-width:68%;margin:2px 0 2px;font-size:16px;font-weight:850;line-height:1.15;letter-spacing:-0.4px}
.home-promo-card h3 i{color:#e8c46a;font-style:normal}
.home-promo-card p{max-width:68%;margin:0;color:rgba(225,231,241,.6);font-size:10px;line-height:1.3}

.home-promo-art{position:absolute;top:50%;transform:translateY(-50%);right:12px;width:66px;height:66px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.home-promo-art img.home-promo-3d-asset{position:relative;z-index:2;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));animation:homePromoFloat 3.8s ease-in-out infinite;transform-origin:center bottom}
.home-promo-art img{position:relative;z-index:1;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 8px #0007)}
.home-promo-glow{position:absolute;inset:-8px;border-radius:50%;filter:blur(14px);opacity:.8;pointer-events:none;z-index:1}
.glow-purple{background:radial-gradient(circle,rgba(168,85,247,.45) 0%,rgba(139,92,246,.15) 55%,transparent 70%)}
.glow-amber{background:radial-gradient(circle,rgba(245,158,11,.5) 0%,rgba(217,119,6,.15) 55%,transparent 70%)}
.glow-cyan{background:radial-gradient(circle,rgba(14,165,233,.5) 0%,rgba(99,102,241,.15) 55%,transparent 70%)}
.glow-rose{background:radial-gradient(circle,rgba(244,63,94,.5) 0%,rgba(251,146,60,.15) 55%,transparent 70%)}

@keyframes homePromoFloat{
  0%,100%{transform:translateY(0px) rotate(0deg)}
  50%{transform:translateY(-5px) rotate(2deg)}
}

.home-promo-discount-badge{position:absolute;bottom:-1px;right:-1px;z-index:3;padding:2px 6px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,#ff3b69,#ff5722);box-shadow:0 3px 8px rgba(255,59,105,.45),inset 0 1px 1px rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.35);transform:rotate(-3deg)}
.home-promo-badge-pill{position:absolute;bottom:-1px;right:-1px;z-index:3;padding:2px 6px;border-radius:999px;font-size:8.5px;font-weight:900;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#00b4db,#0083b0);box-shadow:0 3px 8px rgba(0,180,219,.45),inset 0 1px 1px rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.35)}
.home-promo-badge-pill.badge-gold{background:linear-gradient(135deg,#f6d365,#fda085);color:#2b1300;box-shadow:0 3px 8px rgba(253,160,133,.45),inset 0 1px 1px rgba(255,255,255,.6)}

.home-promo-bottom{display:flex;width:100%;align-items:center;margin-top:5px;padding-top:0}
.home-promo-bottom>strong{font-size:12px;font-weight:850;color:#fff;letter-spacing:-0.2px}
.home-promo-bottom>strong small{display:inline;margin-left:3px;color:rgba(227,232,241,.65);font-size:9.5px;font-weight:600}
.home-promo-dots{display:flex;justify-content:center;gap:5px;padding:8px 0 0}
.home-promo-dots button{width:5px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.2);transition:width .25s ease,background .25s}
.home-promo-dots button:hover{background:rgba(255,255,255,.35)}
.home-promo-dots button[aria-current=true]{width:18px;background:#c4a8e8}
/* ==========================================================================
   Главная: Витрина товаров, События, Плюсы сервиса и FAQ
   ========================================================================== */

/* 1. Сетка товаров */
.home-shortcuts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.home-product-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 122px;
  padding: 13px 13px 11px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: linear-gradient(145deg, #181523, #110f18);
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.home-product-card:hover,
.home-product-card:active {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}
.home-product-card.card-stars {
  grid-column: 1 / -1;
  min-height: 98px;
  background: linear-gradient(135deg, #271a10 0%, #1c1424 55%, #14111d 100%);
  border-color: rgba(255, 184, 51, 0.28);
  box-shadow: 0 6px 20px rgba(255, 160, 0, 0.08);
}
.home-product-card.card-premium {
  background: linear-gradient(135deg, #281238 0%, #1a1228 65%, #13101d 100%);
  border-color: rgba(196, 115, 255, 0.25);
}
.home-product-card.card-gift {
  background: linear-gradient(135deg, #2c1226 0%, #1a1122 65%, #13101c 100%);
  border-color: rgba(255, 107, 181, 0.25);
}
.home-product-card.card-boost {
  background: linear-gradient(135deg, #101c38 0%, #111425 65%, #10111a 100%);
  border-color: rgba(72, 149, 255, 0.25);
}
.home-product-card.card-ton {
  background: linear-gradient(135deg, #0e2329 0%, #111a24 65%, #0f131a 100%);
  border-color: rgba(56, 195, 224, 0.25);
}

.home-product-aura {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(28px);
  opacity: 0.55;
  z-index: 1;
}
.card-stars .home-product-aura { background: radial-gradient(circle, #ffb300, transparent 70%); }
.card-premium .home-product-aura { background: radial-gradient(circle, #b84dff, transparent 70%); }
.card-gift .home-product-aura { background: radial-gradient(circle, #ff4785, transparent 70%); }
.card-boost .home-product-aura { background: radial-gradient(circle, #3388ff, transparent 70%); }
.card-ton .home-product-aura { background: radial-gradient(circle, #00d2d3, transparent 70%); }

.home-product-topline {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.home-product-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.card-stars .home-product-icon {
  width: 38px;
  height: 38px;
}
.home-product-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
}
.card-stars .home-product-icon img {
  width: 28px;
  height: 28px;
}

.home-product-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 7px;
  border-radius: 99px;
  font-size: 8.5px;
  font-weight: 850;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.badge-gold { background: rgba(255, 179, 0, 0.16); color: #ffbe26; border: 1px solid rgba(255, 179, 0, 0.35); }
.badge-purple { background: rgba(184, 77, 255, 0.16); color: #d687ff; border: 1px solid rgba(184, 77, 255, 0.35); }
.badge-rose { background: rgba(255, 71, 133, 0.16); color: #ff75a7; border: 1px solid rgba(255, 71, 133, 0.35); }
.badge-blue { background: rgba(51, 136, 255, 0.16); color: #6bb0ff; border: 1px solid rgba(51, 136, 255, 0.35); }
.badge-teal { background: rgba(0, 210, 211, 0.16); color: #48e5e6; border: 1px solid rgba(0, 210, 211, 0.35); }

.home-product-body {
  position: relative;
  z-index: 2;
  margin-top: 4px;
}
.home-product-body strong {
  display: block;
  font-size: 13px;
  font-weight: 850;
  color: #fff;
  line-height: 1.2;
}
.card-stars .home-product-body strong {
  font-size: 14.5px;
}
.home-product-body p {
  margin: 3px 0 0;
  color: rgba(225, 228, 240, 0.62);
  font-size: 9.5px;
  line-height: 1.35;
}

.home-product-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
  padding-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.home-product-price {
  font-size: 11.5px;
  font-weight: 800;
  color: #f3ecff;
}
.home-product-arrow {
  font-size: 14px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.35);
  transition: transform .2s ease, color .2s ease;
}
.home-product-card:hover .home-product-arrow {
  transform: translateX(2px);
  color: #fff;
}

/* 2. Новости и акции */
.home-news-grid {
  display: grid;
  gap: 10px;
}
.home-news-card {
  position: relative;
  padding: 13px 14px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 17px;
  background: linear-gradient(150deg, #181523 0%, #110e19 100%);
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease;
}
.home-news-card:hover {
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.home-news-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.home-news-tag {
  display: inline-flex;
  align-items: center;
  padding: 2.5px 7px;
  border-radius: 99px;
  font-size: 8.5px;
  font-weight: 850;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.tag-green { background: rgba(46, 213, 115, 0.14); color: #2ed573; border: 1px solid rgba(46, 213, 115, 0.3); }
.tag-blue { background: rgba(70, 160, 255, 0.14); color: #5dade2; border: 1px solid rgba(70, 160, 255, 0.3); }
.tag-gold { background: rgba(255, 195, 18, 0.14); color: #f1c40f; border: 1px solid rgba(255, 195, 18, 0.3); }

.home-news-date {
  font-size: 9.5px;
  color: rgba(225, 228, 240, 0.45);
  font-weight: 600;
}
.home-news-content {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.home-news-art {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.home-news-art img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.35));
}
.home-news-info {
  flex: 1;
  min-width: 0;
}
.home-news-info h3 {
  margin: 0 0 3px;
  font-size: 13px;
  font-weight: 850;
  color: #fff;
  line-height: 1.25;
}
.home-news-info p {
  margin: 0 0 6px;
  color: rgba(225, 228, 240, 0.65);
  font-size: 10px;
  line-height: 1.35;
}
.home-news-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 750;
  color: #cfabff;
  transition: gap .15s ease;
}
.home-news-card:hover .home-news-action {
  gap: 6px;
}
.home-news-action svg {
  width: 12px;
  height: 12px;
}

/* 3. Преимущества сервиса (Современный лендинг Apple/Stripe-style без рамочного однообразия) */
.home-advantages-section {
  margin-top: 26px;
}

/* Крупный доверительный блок-херо со статистикой */
.home-trust-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 24px 20px 20px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(145deg, rgba(29, 23, 44, 0.78) 0%, rgba(15, 12, 24, 0.92) 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  text-align: center;
  backdrop-filter: blur(16px);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1), transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-trust-hero.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.home-trust-hero::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(196, 120, 255, 0.22) 0%, transparent 70%);
  pointer-events: none;
  filter: blur(28px);
}

.trust-hero-stat {
  position: relative;
  z-index: 2;
}
.trust-stat-num {
  display: block;
  font-size: 44px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1.6px;
  background: linear-gradient(135deg, #ffffff 25%, #e2dafc 65%, #ffc847 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.trust-stat-label {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  font-weight: 650;
  color: rgba(226, 228, 245, 0.72);
  letter-spacing: -0.1px;
}

.trust-hero-badges {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.trust-hero-badges span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 700;
  color: #eae7fa;
}

.status-pulse {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2ed573;
  box-shadow: 0 0 8px #2ed573;
  animation: showcasePulse 2s infinite ease-in-out;
}
@keyframes showcasePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

/* Бесшовный поток преимуществ */
.home-feature-flow {
  margin-top: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(22, 18, 34, 0.55) 0%, rgba(14, 11, 22, 0.75) 100%);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  backdrop-filter: blur(14px);
}

.feature-flow-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 18px 18px;
  transition: background 0.22s ease;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease;
}
.feature-flow-item.is-revealed {
  opacity: 1;
  transform: translateY(0);
}
.feature-flow-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.feature-flow-item:active,
.feature-flow-item:hover {
  background: rgba(255, 255, 255, 0.035);
}

.feature-flow-glyph {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.feature-flow-glyph img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.item-speed .feature-flow-glyph {
  background: linear-gradient(135deg, rgba(255, 180, 0, 0.18), rgba(255, 180, 0, 0.04));
  border-color: rgba(255, 180, 0, 0.28);
  box-shadow: 0 6px 20px rgba(255, 180, 0, 0.16);
}
.item-shield .feature-flow-glyph {
  background: linear-gradient(135deg, rgba(46, 213, 115, 0.18), rgba(46, 213, 115, 0.04));
  border-color: rgba(46, 213, 115, 0.28);
  box-shadow: 0 6px 20px rgba(46, 213, 115, 0.16);
}
.item-payment .feature-flow-glyph {
  background: linear-gradient(135deg, rgba(184, 107, 255, 0.18), rgba(184, 107, 255, 0.04));
  border-color: rgba(184, 107, 255, 0.28);
  box-shadow: 0 6px 20px rgba(184, 107, 255, 0.16);
}
.item-support .feature-flow-glyph {
  background: linear-gradient(135deg, rgba(56, 160, 255, 0.18), rgba(56, 160, 255, 0.04));
  border-color: rgba(56, 160, 255, 0.28);
  box-shadow: 0 6px 20px rgba(56, 160, 255, 0.16);
}

.feature-flow-body {
  flex: 1;
  min-width: 0;
}
.feature-flow-body h3 {
  margin: 0 0 5px;
  font-size: 14.5px;
  font-weight: 850;
  color: #ffffff;
  line-height: 1.25;
  letter-spacing: -0.2px;
}
.feature-flow-body p {
  margin: 0;
  font-size: 11.8px;
  color: rgba(225, 228, 245, 0.72);
  line-height: 1.48;
}

/* 4. Частые вопросы (FAQ) */
.home-faq-section {
  margin-top: 24px;
}
.home-faq-section .faq-list {
  display: grid;
  gap: 8px;
}
.home-faq-section .faq-list details {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: linear-gradient(145deg, #161320, #110e18);
  padding: 0 14px;
  transition: border-color .2s ease, background .2s ease;
}
.home-faq-section .faq-list details:hover {
  border-color: rgba(255, 255, 255, 0.14);
}
.home-faq-section .faq-list details[open] {
  border-color: rgba(196, 120, 255, 0.3);
  background: linear-gradient(145deg, #1b1527, #130f1b);
}
.home-faq-section .faq-list summary {
  position: relative;
  padding: 14px 28px 14px 0;
  font-size: 12.5px;
  font-weight: 780;
  color: #f6f3ff;
  cursor: pointer;
  list-style: none;
}
.home-faq-section .faq-list summary::-webkit-details-marker {
  display: none;
}
.home-faq-section .faq-list summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #cda3fb;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s ease, color .2s ease;
}
.home-faq-section .faq-list details[open] summary::after {
  content: '−';
  color: #e5ceff;
}
.home-faq-section .faq-list p {
  margin: 0 0 14px;
  color: rgba(225, 228, 240, 0.68);
  font-size: 11px;
  line-height: 1.5;
}
.stars-sale-note{position:relative;margin:0 0 14px;padding:0;border:none;background:none;box-shadow:none}
.catalog-promo-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:86px;padding:10px 14px 9px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#261638 0%,#461d56 46%,#211431 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.14),0 8px 24px rgba(35,22,51,.35);overflow:hidden;cursor:pointer;transition:border-color .25s ease,transform .2s ease}
.catalog-promo-banner:hover{border-color:rgba(255,255,255,.22);transform:translateY(-1px)}
.catalog-promo-content{display:flex;flex-direction:column;align-items:flex-start;max-width:calc(100% - 78px);z-index:2}
.catalog-promo-topline{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.catalog-promo-topline .eyebrow{color:rgba(233,237,247,.75);font-size:8px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.catalog-promo-content h3{margin:1px 0 2px;font-size:14.5px;font-weight:850;line-height:1.15;letter-spacing:-.3px;color:#fff}
.catalog-promo-content p{margin:0;color:rgba(225,231,241,.65);font-size:9.5px;line-height:1.3}
.catalog-promo-bottom{display:flex;align-items:center;gap:4px;margin-top:4px}
.catalog-promo-bottom strong{font-size:11.5px;font-weight:850;color:#fff;letter-spacing:-.2px}
.catalog-promo-bottom small{color:rgba(227,232,241,.6);font-size:9px;font-weight:600}
.catalog-promo-art{position:absolute;top:50%;transform:translateY(-50%);right:38px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.catalog-promo-art .home-promo-3d-asset{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));animation:homePromoFloat 3.8s ease-in-out infinite;transform-origin:center bottom}
.catalog-promo-dismiss{position:absolute;top:0;right:0;width:32px;height:30px;display:grid;place-items:center;padding:0;border:none;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-top-right-radius:17px;border-bottom-left-radius:12px;border-top-left-radius:0;border-bottom-right-radius:0;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.6);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease;z-index:4}
.catalog-promo-dismiss:hover{background:rgba(255,255,255,.18);color:#fff}
.catalog-promo-dismiss:active{transform:scale(.92);background:rgba(255,255,255,.25)}
.catalog-promo-dismiss svg{width:13px;height:13px}
.stars-promo-offer{cursor:default}
@media(min-width:700px){.home-promo-card{min-width:calc(50% - 6px)}.home-promo-track{gap:12px}.home-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-shortcuts{max-width:560px}}
@media(max-width:380px){.home-promo-card{min-height:108px;padding:10px 12px 9px}.home-promo-card h3{font-size:14.5px;max-width:68%}.home-promo-card p{font-size:9.5px;max-width:68%}.home-promo-art{right:8px;transform:translateY(-50%) scale(.9)}.home-promo-bottom>strong{font-size:11px}.home-shortcuts{gap:5px}.home-shortcuts button{min-height:75px}.home-shortcuts strong{font-size:9px}}

@media(max-width:700px){#screen-giveaways .raffle-dashboard-tabs button{padding-inline:7px;font-size:10px}}
.raffle-overview-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 16px;padding:20px 18px;border:1px solid #c58af52b;border-radius:22px;background:radial-gradient(circle at 88% 18%,#a466dc2e,transparent 37%),linear-gradient(135deg,#21182e,#15131b 68%);overflow:hidden}.raffle-overview-hero h1{margin:7px 0 5px;font-size:27px;letter-spacing:-.05em}.raffle-overview-hero p{max-width:470px;margin:0;color:#aaa1b2;font-size:12px;line-height:1.5}.raffle-overview-orb{display:grid;place-items:center;flex:none;width:68px;height:68px;border:1px solid #d3a5ff55;border-radius:24px;background:linear-gradient(145deg,#9e5bdc55,#3b205255);box-shadow:0 0 32px #9a59cf33;color:#f1d9ff;font-size:34px;transform:rotate(12deg)}.raffle-overview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.raffle-quick-card{position:relative;display:grid;grid-template-columns:37px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:86px;padding:13px;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(145deg,#1b1921,#141319);color:inherit;text-align:left;cursor:pointer}.raffle-quick-card:hover{border-color:#c58af54a;transform:translateY(-1px)}.raffle-quick-primary{border-color:#bd7dec55;background:linear-gradient(135deg,#74429a55,#20172b)}.raffle-quick-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#b46ee52b;color:#e7c9ff;font-size:23px}.raffle-quick-card strong{font-size:13px}.raffle-quick-card small{margin-top:3px;color:#958c9e;font-size:10px;line-height:1.3}.raffle-quick-card>b{grid-column:3;grid-row:1/3;color:#d7b7f3;font-size:19px}.raffle-participant-hint{margin:14px 0;padding:14px 15px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff06}.raffle-participant-hint strong,.raffle-participant-hint span{display:block}.raffle-participant-hint strong{font-size:12px}.raffle-participant-hint span{margin-top:5px;color:#99909f;font-size:11px;line-height:1.4}.raffle-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.raffle-stat-row>div{padding:12px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff05}.raffle-stat-row strong,.raffle-stat-row span{display:block}.raffle-stat-row strong{font-size:20px;letter-spacing:-.04em}.raffle-stat-row span{margin-top:4px;color:#938b9b;font-size:10px}.raffle-howto{margin:16px 0;padding:15px;border:1px solid #ffffff0d;border-radius:17px;background:linear-gradient(145deg,#18161e,#131218)}.raffle-howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.raffle-howto-grid>div{display:grid;gap:5px}.raffle-howto-grid i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#a569d42b;color:#d9b5f5;font-size:11px;font-style:normal;font-weight:800}.raffle-howto-grid strong{font-size:11px}.raffle-howto-grid span{color:#918897;font-size:10px;line-height:1.4}.raffle-create-intro{margin:-3px 0 4px;padding:14px;border:1px solid #bf86ef35;border-radius:15px;background:linear-gradient(135deg,#a061d51b,#ffffff04)}.raffle-create-intro strong{display:block;margin-top:9px;font-size:14px}.raffle-create-intro p{margin:5px 0 0;color:#9d94a5;font-size:10px;line-height:1.45}.raffle-create-progress{display:flex;align-items:center;gap:6px}.raffle-create-progress span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff16;border-radius:50%;background:#ffffff08;color:#94899e;font-size:10px;font-weight:800}.raffle-create-progress span.active{border-color:#c88af36b;background:#a869d52b;color:#f1d8ff}.raffle-create-progress i{width:22px;height:1px;background:#ffffff18}.raffle-create-progress span.active+i{background:#b477db66}@media(max-width:600px){.raffle-overview-hero{padding:17px 15px}.raffle-overview-hero h1{font-size:23px}.raffle-overview-orb{width:54px;height:54px;border-radius:19px;font-size:28px}.raffle-overview-actions{grid-template-columns:1fr}.raffle-howto-grid{gap:7px}.raffle-howto-grid span{font-size:9px}.raffle-stat-row strong{font-size:18px}}

/* Betbom-inspired order history: full-width ticket banners and compact, useful facts. */
#screen-orders{width:100%;max-width:none;margin-inline:0}
#screen-orders .orders-list{grid-template-columns:minmax(0,1fr);gap:13px}
#screen-orders .orders-filters{width:100%;box-sizing:border-box;background:linear-gradient(145deg,#191a20,#121318);border-color:#30313a}
#screen-orders .order-card{width:100%;box-sizing:border-box;padding:0;overflow:hidden;border:1px solid #34343c;border-radius:20px;background:linear-gradient(155deg,#191a20,#111216 75%);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff08}
#screen-orders .order-detail summary{padding:0;cursor:pointer}
#screen-orders .order-ticket-banner{display:grid;gap:9px;min-height:0;margin:11px 12px 0;padding:15px 18px;border:1px solid #ffffff12;border-radius:17px;background:radial-gradient(ellipse at 100% 0%,#c3324a66,transparent 50%),linear-gradient(115deg,#292a31,#1d1e24 58%,#341b23)}
#screen-orders .order-ticket-topline{display:flex;align-items:center;gap:9px;min-width:0;color:#a9a8b0;font-size:11px}
#screen-orders .order-ticket-topline>button{padding:0;border:0;background:none;color:#d5d4d9;font:inherit;font-size:10px;letter-spacing:.025em;cursor:pointer}
#screen-orders .order-ticket-bottom{display:grid;grid-template-columns:auto 32px 1fr;align-items:center;gap:12px;min-height:32px}
#screen-orders .order-ticket-bottom time{color:#adabb4;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
#screen-orders .order-ticket-bottom img,#screen-orders .order-ticket-bottom .order-product-emoji{display:grid;width:30px;height:30px;place-items:center;object-fit:contain}
#screen-orders .order-ticket-bottom .order-product-emoji{font-size:27px;line-height:1}
#screen-orders .order-ticket-bottom>strong{justify-self:end;color:#fff;font-size:23px;line-height:1.1;letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
#screen-orders .order-status{padding:5px 9px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff0d;color:#f4f2f5;font-size:10px;font-weight:800;line-height:1.25}
#screen-orders .order-status.status-final{padding:0;border:0;border-radius:0;background:none;color:#8de0ae;font-size:11px}
#screen-orders .order-ticket-banner.status-completed,#screen-orders .order-ticket-banner.status-settled{background:radial-gradient(ellipse at 100% 0%,#24946e45,transparent 52%),linear-gradient(115deg,#1b2925,#1b1e22 58%,#182721)}
#screen-orders .order-ticket-banner.status-failed,#screen-orders .order-ticket-banner.status-review_required,#screen-orders .order-ticket-banner.status-manual_review{background:radial-gradient(ellipse at 100% 0%,#d7465b55,transparent 52%),linear-gradient(115deg,#302126,#1c1b20 58%,#311b22)}
#screen-orders .order-ticket-banner.status-awaiting_customer_payment,#screen-orders .order-ticket-banner.status-queued,#screen-orders .order-ticket-banner.status-processing{background:radial-gradient(ellipse at 100% 0%,#d88f3f42,transparent 52%),linear-gradient(115deg,#29251f,#1c1c20 58%,#30251b)}
#screen-orders .order-card-content{padding:15px 18px 17px}
#screen-orders .order-product-line{display:flex;align-items:center;gap:9px;min-width:0}
#screen-orders .order-product-line strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
#screen-orders .order-card-facts{display:grid;grid-template-columns:1.1fr .65fr 1fr;gap:10px;margin-top:13px;color:#92929b;font-size:10px}
#screen-orders .order-card-facts span{min-width:0}
#screen-orders .order-card-facts b{display:block;margin-top:4px;color:#e6e4e8;font-size:11px;font-weight:700;overflow-wrap:anywhere}
#screen-orders .order-more{display:block;box-sizing:border-box;width:100%;margin:0;padding:14px 18px;border:0;border-top:1px solid #ffffff12;border-radius:0 0 19px 19px;background:linear-gradient(100deg,#24252b,#303138 52%,#24252b);background-size:200% 100%;background-position:0 50%;color:#f1eff2;text-align:center;font-size:13px;font-weight:850;letter-spacing:.02em;transition:background-position .45s ease,color .35s ease,border-color .35s ease,filter .35s ease}
#screen-orders .order-more:hover,#screen-orders .order-more:focus-visible{background-position:100% 50%;filter:brightness(1.12)}
#screen-orders .order-detail[open] .order-more{display:none}
#screen-orders .order-detail-body{margin:0;padding:14px 18px 18px;border-top:1px solid #ffffff12}
#screen-orders .order-detail-body>p{margin:0 0 12px;color:#aaa9b1;font-size:12px;line-height:1.5}
#screen-orders .order-detail-body dl{gap:0;margin:0}
#screen-orders .order-detail-body dl div{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(0,1.3fr);align-items:start;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0c;font-size:11px;line-height:1.4}
#screen-orders .order-detail-body dt{color:#92919a}
#screen-orders .order-detail-body dd{color:#eeedf0;text-align:right;overflow-wrap:anywhere}
#screen-orders .order-detail-body dd a{color:#f08b9a;text-decoration:none;font-weight:750}
#screen-orders .order-detail-body .order-total-row dd{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}
#screen-orders .order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
#screen-orders .order-actions button,#screen-orders .order-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid #ffffff18;border-radius:13px;background:#25262d;color:#f1eff2;text-decoration:none;text-align:center;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#screen-orders .order-actions .order-support{border-color:#ef667844;background:linear-gradient(120deg,#9c263b,#d84258);box-shadow:0 7px 20px #b52d4330}
#screen-orders .order-actions .order-repeat{background:#282930}
#screen-orders .order-actions .order-pay-link{grid-column:1/-1;border-color:#e9aa5844;color:#ffd296;background:#36291d}
@media(max-width:480px){
  #screen-orders .orders-list{gap:11px}
  #screen-orders .order-ticket-banner{margin:9px 9px 0;padding:13px 12px;border-radius:15px}
  #screen-orders .order-ticket-bottom{grid-template-columns:auto 28px 1fr;gap:9px}
  #screen-orders .order-ticket-bottom img,#screen-orders .order-ticket-bottom .order-product-emoji{width:27px;height:27px}
  #screen-orders .order-ticket-bottom .order-product-emoji{font-size:25px}
  #screen-orders .order-ticket-bottom>strong{font-size:20px}
  #screen-orders .order-ticket-bottom time{font-size:10px}
  #screen-orders .order-status{font-size:9px;padding:5px 7px}
  #screen-orders .order-status.status-final{padding:0;font-size:10px}
  #screen-orders .order-card-content{padding:13px 14px 15px}
  #screen-orders .order-card-facts{grid-template-columns:1fr 1fr;gap:9px 14px}
  #screen-orders .order-more{padding:14px;border-radius:0 0 18px 18px}
  #screen-orders .order-detail-body{padding:13px 14px 15px}
  #screen-orders .order-detail-body dl div{grid-template-columns:88px minmax(0,1fr);gap:9px}
  #screen-orders .order-actions{gap:7px}
  #screen-orders .order-actions button,#screen-orders .order-actions a{min-height:44px;padding:9px 8px;font-size:11px}
}

/* Mobile polish: keep decorative elements out of input and primary checkout actions. */
#screen-catalog #recipient-pendant,
#floating-checkout .checkout-theme-object{display:none!important}
:root[data-app-style="crimson"] #screen-catalog #recipient-pendant{display:block!important}
#screen-catalog .recipient-input-wrap{padding-right:12px}
#floating-checkout{gap:10px!important}
#floating-checkout>span:first-child{align-items:flex-start}

/* BetBoom-style rules card: compact hierarchy, numbered rows and clear safe-play note. */
#screen-cases[data-detail="case"] .cases-detail-note{display:grid!important;gap:10px!important;margin:16px 0 22px!important;padding:18px 16px!important;border:1px solid #3a3d46!important;border-radius:20px!important;background:linear-gradient(145deg,#24262c,#191b20 75%)!important;box-shadow:0 14px 34px #0005,inset 0 1px #ffffff0b!important;color:#eef0f4!important}
#screen-cases[data-detail="case"] .cases-detail-note-kicker{display:flex;align-items:center;gap:9px;color:#aeb4c0!important;font-size:10px!important;letter-spacing:.16em!important}
#screen-cases[data-detail="case"] .cases-detail-note-kicker:before{content:'i';display:grid;place-items:center;width:24px;height:24px;border:1px solid #747b8d;border-radius:8px;color:#e7ebf4;font-size:14px;font-weight:900;letter-spacing:0}
#screen-cases[data-detail="case"] .cases-detail-note>strong{margin-top:-2px;color:#fff!important;font-size:22px!important;letter-spacing:-.04em}
#screen-cases[data-detail="case"] .cases-detail-note ul{display:grid;gap:0;margin:4px 0 0!important;border-top:1px solid #ffffff12}
#screen-cases[data-detail="case"] .cases-detail-note li{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:14px 0!important;border-bottom:1px solid #ffffff0e;color:#b8bdc7!important;font-size:11px!important;line-height:1.5!important}
#screen-cases[data-detail="case"] .cases-detail-note li:before{position:static;display:grid;place-items:center;width:28px;height:28px;border:1px solid #555b6a;border-radius:9px;content:counter(rules);counter-increment:rules;color:#b99be0;font-size:11px;font-weight:850}
#screen-cases[data-detail="case"] .cases-detail-note ul{counter-reset:rules}
#screen-cases[data-detail="case"] .cases-detail-note li:last-child{border-bottom:0}
#screen-cases[data-detail="case"] .cases-detail-note:after{content:'Все открытия бесплатные. Покупка попыток и денежные ставки недоступны.';padding-top:12px;border-top:1px solid #ffffff12;color:#8e949f;font-size:10px;line-height:1.45}

/* Customer order details modal: status first, then evidence and next action. */
.order-detail-backdrop{position:fixed;inset:0;z-index:80;background:#050509b8;backdrop-filter:blur(10px)}
.order-detail-modal{position:fixed;z-index:81;left:50%;top:50%;width:min(520px,calc(100vw - 24px));max-height:min(88vh,760px);overflow:auto;transform:translate(-50%,-50%);padding:18px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(155deg,#202127,#111216 76%);box-shadow:0 24px 80px #0009;color:#f2f0f4}
body.order-detail-open{overflow:hidden}
.order-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.order-modal-head h2{margin:4px 0 0;font-size:23px;letter-spacing:-.03em}.order-modal-head button{width:34px;height:34px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff0b;color:#e8e6ec;font-size:25px;line-height:1;cursor:pointer}
.order-modal-status{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #d79a4b38;border-radius:17px;background:linear-gradient(120deg,#49331d,#2d241c);}.order-modal-status.is-success{border-color:#55c99142;background:linear-gradient(120deg,#1d4033,#202a28)}.order-modal-status.is-danger{border-color:#e75c704d;background:linear-gradient(120deg,#48232d,#292027)}.order-modal-status>span{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:10px;background:#f0b35a22;color:#ffd18d;font-size:17px;font-weight:900}.order-modal-status.is-success>span{background:#71d6a027;color:#91e6b5}.order-modal-status.is-danger>span{background:#ff647b29;color:#ff9cac}.order-modal-status strong{display:block;font-size:14px}.order-modal-status small{display:block;margin-top:4px;color:#c2b9c1;font-size:11px;line-height:1.45}
.order-modal-product{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff08}.order-modal-product-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:13px;background:#ffffff0b;font-size:25px}.order-modal-product-icon img{width:29px;height:29px;object-fit:contain}.order-modal-product>div{min-width:0;flex:1}.order-modal-product strong{display:block;overflow-wrap:anywhere;font-size:13px}.order-modal-product small{display:block;margin-top:4px;color:#9e9ca5;font-size:10px}.order-modal-product>b{color:#f4d9ff;font-size:15px;text-align:right;white-space:nowrap}
.order-modal-section{margin-top:18px}.order-modal-section h3{margin:0 0 9px;color:#aaa7b2;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.order-modal-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.order-modal-timeline li{position:relative;display:flex;gap:10px;padding:0 0 14px}.order-modal-timeline li:not(:last-child):after{position:absolute;left:12px;top:25px;bottom:0;width:1px;background:#ffffff18;content:''}.order-modal-timeline i{z-index:1;display:grid;width:25px;height:25px;flex:none;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:#24252b;color:#898791;font-size:11px;font-style:normal;font-weight:800}.order-modal-timeline li.is-done i{border-color:#64d09b66;background:#214134;color:#a2ebbf}.order-modal-timeline li.is-current i{border-color:#eab25b66;background:#4a351d;color:#ffd58e}.order-modal-timeline li.is-danger i{border-color:#ef6d7b66;background:#4b242d;color:#ffb0b9}.order-modal-timeline strong{display:block;font-size:12px}.order-modal-timeline small{display:block;margin-top:3px;color:#9997a0;font-size:10px;line-height:1.35}
.order-modal-facts{display:grid;gap:0;margin:0;padding:0;border-top:1px solid #ffffff0e}.order-modal-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0e;font-size:11px}.order-modal-facts dt{color:#92919a}.order-modal-facts dd{margin:0;color:#efedf2;text-align:right;overflow-wrap:anywhere}.order-modal-facts a{color:#ff9aad;text-decoration:none;font-weight:750}.order-modal-copy{padding:0;border:0;background:none;color:#f1d8ff;font:inherit;font-size:11px;cursor:pointer}.order-modal-copy span{margin-left:5px;color:#a994ad;font-size:9px}
.order-modal-help{margin-top:15px;padding:13px;border:1px solid #ef667833;border-radius:14px;background:#8d2b3b22}.order-modal-help strong{font-size:12px}.order-modal-help p{margin:5px 0 0;color:#cfc0c7;font-size:11px;line-height:1.45}.order-modal-help b{color:#fff}
.order-detail-modal .order-actions{margin-top:18px}.order-detail-modal .order-actions button,.order-detail-modal .order-actions a{min-height:45px}.order-detail-modal .order-more{display:none}
@media(max-width:480px){.order-detail-modal{top:auto;bottom:0;max-height:88vh;transform:translateX(-50%);padding:16px 14px 20px;border-radius:24px 24px 0 0}.order-modal-product>b{font-size:13px}.order-modal-facts div{grid-template-columns:96px minmax(0,1fr);gap:8px}}
@media(max-width:620px){#screen-cases[data-detail="case"] .cases-detail-note{padding:16px 14px!important;border-radius:18px!important}#screen-cases[data-detail="case"] .cases-detail-note>strong{font-size:20px!important}}

/* Order actions are full-width, thumb-friendly calls to action on phones. */
.order-detail-modal .order-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin-top:18px!important}
.order-detail-modal .order-actions button,.order-detail-modal .order-actions a{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px!important;align-items:center!important;
  justify-content:stretch!important;gap:11px!important;width:100%!important;min-height:68px!important;
  box-sizing:border-box!important;padding:10px 13px!important;border:1px solid #ffffff18!important;
  border-radius:16px!important;background:linear-gradient(145deg,#242630,#1c1e26)!important;
  color:#f5f3f8!important;text-align:left!important;font-size:14px!important;font-weight:800!important;
}
.order-detail-modal .order-actions button>span:nth-child(2){display:grid;gap:4px;min-width:0}
.order-detail-modal .order-actions button strong{font-size:14px;line-height:1.15}
.order-detail-modal .order-actions button small{color:#aaaab5;font-size:10px;font-weight:550;line-height:1.25}
.order-detail-modal .order-actions button>b{color:#aaa8b4;font-size:23px;font-weight:500;text-align:center}
.order-action-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #aa86ee3d;border-radius:13px;background:#9865d522;color:#d9bdff;font-size:23px;font-weight:750;line-height:1}
.order-detail-modal .order-actions .order-repeat{border-color:#a681d84d!important;background:linear-gradient(120deg,#302340,#22202b)!important;box-shadow:inset 0 1px #ffffff0c!important}
.order-detail-modal .order-actions .order-support{border-color:#f06a795e!important;background:linear-gradient(110deg,#a72c42,#d54459)!important;box-shadow:0 8px 22px #af2e4338,inset 0 1px #ffffff2a!important}
.order-detail-modal .order-actions .order-support .order-action-symbol{border-color:#ffffff48;background:#ffffff18;color:#fff}
.order-detail-modal .order-actions .order-support small,.order-detail-modal .order-actions .order-support>b{color:#ffe5e8}
.order-detail-modal .order-cart-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
.order-detail-modal .order-cart-actions button{grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;min-height:52px!important;padding:8px 9px!important;border-radius:13px!important;font-size:11px!important}
.order-detail-modal .order-cart-actions button>b{display:none}
.order-detail-modal .order-cart-actions button strong{font-size:11px!important;line-height:1.15}
.order-detail-modal .order-cart-actions button small{font-size:9px!important;line-height:1.2}
.order-detail-modal .order-cart-actions .order-action-symbol{width:27px;height:27px;border-radius:9px;font-size:16px}
.order-detail-modal .order-actions .order-pay-link{grid-template-columns:42px minmax(0,1fr) 22px!important;grid-column:auto!important;border-color:#e9aa5844!important;color:#ffd296!important;background:#36291d!important}
.order-recipient-tools{display:grid;justify-items:end;gap:5px;margin-top:6px}
.order-recipient-tools a,.order-recipient-tools button{color:#e3c8ff!important;font-size:10px!important;font-weight:750!important;text-decoration:none}
.order-recipient-tools button{padding:0;border:0;background:transparent;font-family:inherit;cursor:pointer}
.order-recipient-tools small{max-width:240px;color:#8f8d98;font-size:9px;line-height:1.35;text-align:right}
.order-action-backdrop{position:fixed;inset:0;z-index:92;background:#050509c9;backdrop-filter:blur(8px)}
.order-action-modal{position:fixed;z-index:93;left:50%;top:50%;width:min(430px,calc(100vw - 28px));box-sizing:border-box;transform:translate(-50%,-50%);padding:22px;border:1px solid #ffffff20;border-radius:23px;background:linear-gradient(150deg,#252630,#17181f 74%);box-shadow:0 24px 80px #000b;color:#f4f2f6}
.order-action-kicker{color:#c0a6da;font-size:9px;font-weight:850;letter-spacing:.15em}
.order-action-modal h2{margin:8px 0 10px;font-size:23px;letter-spacing:-.035em}
.order-action-modal>div>p{margin:0;color:#bbb9c3;font-size:12px;line-height:1.55}
.order-action-reference{display:grid;grid-template-columns:1fr 1.4fr;gap:7px 12px;margin:16px 0;padding:12px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff06;font-size:11px}
.order-action-reference span{color:#92909b}.order-action-reference strong{text-align:right}
.order-action-buttons{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr);gap:8px;margin-top:16px}
.order-action-buttons button{min-height:48px;padding:10px;border:1px solid #ffffff1c;border-radius:13px;background:#ffffff0a;color:#e8e6ed;font:inherit;font-size:12px;font-weight:800}
.order-action-buttons [data-order-action-continue]{border-color:#ba5a6e;background:linear-gradient(115deg,#a32b43,#d24157);color:#fff}
.order-action-buttons [data-order-action-continue].is-repeat{border-color:#a584db;background:linear-gradient(115deg,#51357f,#7044a0)}
body.order-action-open{overflow:hidden}
@media(max-width:480px){
  .order-detail-modal .order-actions button,.order-detail-modal .order-actions a{min-height:66px!important;padding:10px 11px!important}
  .order-detail-modal .order-cart-actions button{min-height:50px!important;padding:7px 6px!important}
  .order-action-modal{top:auto;bottom:max(10px,env(safe-area-inset-bottom));left:50%;width:calc(100% - 20px);transform:translateX(-50%);padding:20px 17px max(17px,env(safe-area-inset-bottom));border-radius:23px}
  .order-action-modal h2{font-size:21px}
}

/* Referral growth hub: balances, link controls, verified activity, and rewards. */
#screen-referrals.referral-dashboard-screen{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.referral-dashboard-screen>.page-heading{margin-bottom:17px}
.referral-dashboard-screen>.page-heading h1{font-size:clamp(29px,8vw,38px);letter-spacing:-.055em}
.referral-dashboard-screen>.page-heading p{max-width:390px}
.referral-dashboard-hero{position:relative;isolation:isolate;display:grid;gap:11px;overflow:hidden;padding:20px 17px 16px;border:1px solid #a58cff2d;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#8e61df45,transparent 38%),linear-gradient(145deg,#242034,#191920 74%);box-shadow:0 15px 38px #0004,inset 0 1px #ffffff12}
.referral-dashboard-hero:after{position:absolute;z-index:-1;top:-115px;right:-86px;width:225px;height:225px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 24px #ffffff05,0 0 0 52px #ffffff03;content:'';pointer-events:none}
.referral-dashboard-hero>.eyebrow{color:#d2b1f3;font-size:9px;font-weight:900;letter-spacing:.18em}
.referral-dashboard-hero h2{max-width:330px;margin:0;color:#faf7ff;font-size:clamp(23px,6vw,29px);font-weight:900;line-height:1.04;letter-spacing:-.045em}
.referral-dashboard-hero>p{margin:0;color:#b8b1c2;font-size:11px;line-height:1.5}
.referral-dashboard-balances{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:5px}
.referral-dashboard-balances>div{display:grid;gap:5px;min-width:0;padding:13px 12px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff08}
.referral-dashboard-balances>div:first-child{border-color:#62ce9c38;background:linear-gradient(140deg,#164432,#1b302c)}
.referral-dashboard-balances small{color:#c5bdce;font-size:9px;font-weight:700;line-height:1.35}
.referral-dashboard-balances strong{overflow-wrap:anywhere;color:#fff;font-size:clamp(22px,6vw,29px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.referral-dashboard-balances strong i{font-size:.72em;font-style:normal}
.referral-dashboard-balances span{color:#aaa4b1;font-size:9px;line-height:1.35}
.referral-case-progress{display:grid;gap:7px;margin-top:3px;padding:12px;border:1px solid #ffffff12;border-radius:14px;background:#11111659}
.referral-case-progress>div{display:flex;justify-content:space-between;gap:9px;color:#dad3e2;font-size:10px}
.referral-case-progress>div b{color:#e2c4ff;font-variant-numeric:tabular-nums}
.referral-case-progress>i{display:block;height:6px;overflow:hidden;border-radius:99px;background:#ffffff12}
.referral-case-progress>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d65df,#f082ae);transition:width .35s ease}
.referral-case-progress>small{color:#a39cae;font-size:9px}
.referral-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 22px}
.referral-dashboard-metrics article{display:grid;gap:4px;min-width:0;padding:11px 9px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(145deg,#1d1e24,#17181d)}
.referral-dashboard-metrics strong{overflow:hidden;color:#f7f4fa;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;text-overflow:ellipsis}
.referral-dashboard-metrics small{color:#9994a1;font-size:8px;line-height:1.25}
.referral-dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:21px 1px 11px}
.referral-dashboard-section-head .eyebrow{color:#a89bb9;font-size:8px;font-weight:850;letter-spacing:.15em}
.referral-dashboard-section-head h2{margin:4px 0 0;color:#f4f1f6;font-size:19px;font-weight:850;letter-spacing:-.035em}
.referral-dashboard-section-head>small{max-width:130px;color:#96919d;font-size:8px;line-height:1.35;text-align:right}
.referral-dashboard-programs{display:grid;gap:10px}
.referral-dashboard-program{display:grid;gap:9px;min-width:0;padding:14px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(145deg,#1d1d24,#16171c 78%);box-shadow:inset 0 1px #ffffff08}
.referral-dashboard-program-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.referral-dashboard-program-head .eyebrow{overflow:hidden;color:#c7a9df;font-size:8px;font-weight:900;letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap}
.referral-dashboard-program-count{flex:none;padding:5px 7px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff06;color:#b9b2c0;font-size:8px;font-weight:750}
.referral-dashboard-program h3{margin:0;color:#f5f2f7;font-size:16px;font-weight:850;letter-spacing:-.025em}
.referral-dashboard-program>p{margin:0;color:#aaa5b0;font-size:10px;line-height:1.5}
.referral-dashboard-program.referral-dashboard-profit{border-color:#dc66803b;background:linear-gradient(145deg,#302029,#1a191f 70%)}
.referral-dashboard-program.referral-dashboard-stars{border-color:#6687df3b;background:linear-gradient(145deg,#1d2840,#181920 70%)}
.referral-dashboard-program.referral-dashboard-case{border-color:#a05bc33b;background:linear-gradient(145deg,#2b2037,#191920 70%)}
.referral-dashboard-program.referral-dashboard-giveaway{border-color:#df99503b;background:linear-gradient(145deg,#34251f,#191920 70%)}
.referral-dashboard-link{display:grid;gap:6px;min-width:0;margin-top:2px}
.referral-dashboard-link>span{color:#b5afbb;font-size:9px;font-weight:750}
.referral-dashboard-link input{width:100%;min-width:0;height:39px;box-sizing:border-box;padding:0 10px;border:1px solid #ffffff16;border-radius:10px;background:#101116;color:#ded9e2;font:inherit;font-size:9px;user-select:all}
.referral-dashboard-link>small{color:#9d96a5;font-size:9px;font-variant-numeric:tabular-nums}
.referral-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.referral-dashboard-actions button{min-height:39px;border:1px solid #9b6bc545;border-radius:11px;background:#8f5ab51b;color:#e7d2fa;font:inherit;font-size:10px;font-weight:800;cursor:pointer;touch-action:manipulation}
.referral-dashboard-actions button:last-child{border-color:#ffffff18;background:#ffffff0a;color:#e1dce5}
.referral-dashboard-tabs{display:flex;gap:5px;padding:3px;border:1px solid #ffffff10;border-radius:99px;background:#ffffff06}
.referral-dashboard-tabs button{min-height:28px;padding:0 9px;border:0;border-radius:99px;background:transparent;color:#aaa3b1;font:inherit;font-size:8px;font-weight:750;white-space:nowrap}
.referral-dashboard-tabs button.is-active{background:#655173;color:#fff}
.referral-dashboard-history{display:grid;gap:7px}
.referral-dashboard-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #ffffff10;border-radius:13px;background:#191a20}
.referral-row-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:10px;background:#8e61d921;color:#cfaff4;font-size:15px;font-weight:850}
.referral-row-icon.is-earned{background:#61c9911c;color:#8ce0ad}
.referral-dashboard-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
.referral-dashboard-row strong{overflow:hidden;color:#ece8f0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.referral-dashboard-row small{color:#948e9b;font-size:8px}
.referral-dashboard-row>b{font-size:8px;font-weight:800;text-align:right}
.referral-dashboard-row .is-qualified{color:#8ce0ad}.referral-dashboard-row .is-review{color:#efc67d}.referral-dashboard-row .is-pending{color:#aaa2b3}.referral-dashboard-row .is-rejected{color:#e78e97}
.referral-dashboard-row .referral-commission-amount{color:#8ce0ad;font-size:11px;font-variant-numeric:tabular-nums}
.referral-dashboard-empty,.referral-dashboard-loading{display:grid;gap:5px;padding:19px 14px;border:1px dashed #ffffff1c;border-radius:14px;color:#eee8f2;text-align:center}
.referral-dashboard-empty span,.referral-dashboard-loading{color:#9f99a6;font-size:10px;line-height:1.5}
.referral-dashboard-footnote{margin:13px 2px;color:#89848f;font-size:9px;line-height:1.5}
@media(min-width:650px){.referral-dashboard-programs{grid-template-columns:1fr 1fr}.referral-dashboard-program{align-content:start}.referral-dashboard-hero{padding:23px}.referral-dashboard-metrics article{padding:13px}}
@media(max-width:360px){.referral-dashboard-balances{gap:6px}.referral-dashboard-balances>div{padding:11px 9px}.referral-dashboard-metrics{gap:5px}.referral-dashboard-metrics article{padding:9px 6px}.referral-dashboard-metrics strong{font-size:17px}.referral-dashboard-tabs button{padding:0 7px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.referral-case-progress>i span{transition:none}}



/* Case availability banner: make the countdown the visual focal point. */
#screen-cases .cases-ready-banner{position:relative;overflow:hidden;min-height:64px!important;padding:14px 16px!important;border-color:#4f5564!important;background:linear-gradient(110deg,#222633,#171b24 60%,#282238)!important;box-shadow:0 10px 28px #0005,inset 0 1px #ffffff12!important}
#screen-cases .cases-ready-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff0d 50%,transparent 75%);transform:translateX(-100%);animation:caseBannerSheen 4.8s ease-in-out infinite}
#screen-cases .cases-ready-banner strong{position:relative;z-index:1;color:#f8f6fb!important;font-size:13px!important;font-weight:850!important}
#screen-cases .cases-ready-banner span{position:relative;z-index:1;color:#b7c0ce!important;font-size:12px!important;font-variant-numeric:tabular-nums}
@keyframes caseBannerSheen{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#screen-cases .cases-ready-banner:after{animation:none}}
.raffle-result-page{width:min(100%,680px);margin:0 auto;padding:clamp(20px,5vw,34px);border:1px solid #ffffff16;border-radius:24px;background:radial-gradient(circle at 50% 0,#a56bc22b,transparent 42%),linear-gradient(155deg,#211a2b,#141319);box-shadow:0 20px 70px #0005;text-align:center}.raffle-result-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 13px;border:1px solid #d6a34a44;border-radius:22px;background:#d69a2922;font-size:34px}.raffle-result-kicker{color:#cfa5ef;font-size:9px;font-weight:900;letter-spacing:.16em}.raffle-result-page h1{margin:9px 0 6px;font-size:27px;letter-spacing:-.045em}.raffle-result-subtitle{margin:0;color:#aaa1b1;font-size:12px;line-height:1.45}.raffle-result-meta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0}.raffle-result-meta span{padding:7px 10px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff07;color:#c8bfce;font-size:10px}.raffle-result-section{margin-top:18px;padding:14px;border:1px solid #ffffff12;border-radius:18px;background:#ffffff05;text-align:left}.raffle-result-section h2{margin:0 0 10px;font-size:14px}.raffle-result-winners{display:grid;gap:7px}.raffle-result-winner{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff05}.raffle-result-winner.current{border-color:#bb83ec66;background:#a36bc51c}.raffle-result-winner>span{font-size:21px}.raffle-result-winner>div{display:grid;gap:2px;flex:1}.raffle-result-winner strong{font-size:12px}.raffle-result-winner small{color:#aaa1af;font-size:10px}.raffle-result-winner>b{color:#9de7b6;font-size:9px}.raffle-result-empty{display:grid;justify-items:center;gap:6px;padding:16px;color:#cfc6d5;text-align:center}.raffle-result-empty span{font-size:26px}.raffle-result-empty small{color:#9e96a5;font-size:10px}.raffle-result-reward{display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px;border:1px solid #71d1a541;border-radius:14px;background:#57bd8520;text-align:left}.raffle-result-reward>span{font-size:23px}.raffle-result-reward>div{display:grid;gap:3px}.raffle-result-reward strong{color:#c9f5d8;font-size:12px}.raffle-result-reward small{color:#a9d0b6;font-size:10px;line-height:1.4}.raffle-result-page>.raffle-primary,.raffle-result-page>.raffle-secondary{margin-top:10px}.raffle-result-note{margin-top:14px;padding:12px;border-radius:13px;background:#ffffff06;color:#aaa1af;font-size:11px;line-height:1.45}.raffle-result-foot{display:block;margin-top:15px;color:#786e82;font-size:8px;font-weight:800;letter-spacing:.12em}@media(max-width:600px){.raffle-result-page{width:100%;padding:20px 15px;border-radius:20px}.raffle-result-page h1{font-size:24px}}
.raffle-create-primary{position:relative;isolation:isolate;min-height:108px!important;margin:18px 0!important;padding:18px 20px!important;border:1px solid #d7a6ff8c!important;border-radius:22px!important;background:radial-gradient(circle at 91% 15%,#e1baff42,transparent 31%),linear-gradient(135deg,#a95cdb,#6d35a4 54%,#3a214e)!important;box-shadow:0 15px 34px #57217966,inset 0 1px #ffffff35!important;overflow:hidden;transition:transform .18s,filter .18s,box-shadow .18s!important}.raffle-create-primary:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 23%,#ffffff1f 46%,transparent 68%);content:"";transform:translateX(-100%);animation:raffle-create-shine 4.8s ease-in-out infinite}.raffle-create-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.08);box-shadow:0 18px 40px #57217980,inset 0 1px #ffffff45!important}.raffle-create-primary>span:first-child{display:grid;place-items:center;width:52px!important;height:52px!important;border:1px solid #ffffff40;border-radius:17px!important;background:#ffffff20!important;color:#fff!important;font-size:29px!important;box-shadow:0 8px 20px #3a144d55}.raffle-create-primary>span:nth-child(2){gap:5px!important}.raffle-create-primary strong{font-size:17px!important;letter-spacing:-.02em}.raffle-create-primary small{color:#f0dcfa!important;font-size:11px!important}.raffle-create-primary>b{color:#fff!important;font-size:27px!important}@keyframes raffle-create-shine{0%,45%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@media(max-width:600px){.raffle-create-primary{min-height:92px!important;padding:14px!important;border-radius:19px!important}.raffle-create-primary>span:first-child{width:44px!important;height:44px!important;font-size:24px!important}.raffle-create-primary strong{font-size:15px!important}.raffle-create-primary>b{font-size:23px!important}}
.raffle-extra-ticket{cursor:default!important;transition:none!important}.raffle-extra-ticket:hover,.raffle-extra-ticket:active,.raffle-extra-ticket:focus{border-color:rgba(255,255,255,.14)!important;box-shadow:none!important;transform:none!important;outline:none!important}.raffle-extra-ticket-disabled{opacity:.72}.raffle-extra-ticket em{flex:none;padding:5px 7px;border:1px solid #e0ae5c55;border-radius:7px;color:#e8bd72;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.06em}.raffle-v2-actions,.raffle-type-stage-actions{position:fixed;z-index:30;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(640px,calc(100% - 24px));margin:0!important;padding:8px;border:1px solid #ffffff18;border-radius:18px;background:rgba(26,22,32,.88);box-shadow:0 14px 42px #0009,0 0 0 1px #9b63c51a inset;backdrop-filter:blur(18px);transform:translateX(-50%)}.raffle-v2-actions button{margin:0!important}.raffle-v2-settings,.raffle-type-stage{padding-bottom:96px!important}.raffle-type-stage-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.raffle-type-stage-actions .raffle-primary,.raffle-type-stage-actions .raffle-secondary{width:100%!important}@media(max-width:600px){.raffle-v2-actions,.raffle-type-stage-actions{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);padding:7px;border-radius:16px}.raffle-v2-settings,.raffle-type-stage{padding-bottom:88px!important}}
.raffle-review{padding-bottom:100px}.raffle-review-actions{grid-template-columns:1fr 1fr 1.25fr;gap:7px}.raffle-review-actions button{min-width:0;padding-inline:8px;font-size:11px}@media(max-width:600px){.raffle-review{padding-bottom:90px}.raffle-review-actions{grid-template-columns:1fr 1fr 1.15fr}.raffle-review-actions button{font-size:10px;padding-inline:5px}}
.raffle-v2-actions,.raffle-type-stage-actions{bottom:calc(78px + env(safe-area-inset-bottom))}@media(max-width:600px){.raffle-v2-actions,.raffle-type-stage-actions{bottom:calc(72px + env(safe-area-inset-bottom))}}
#raffles-app[data-view="create-type"] .raffle-dashboard-tabs{display:none!important}
.raffle-overview-hero .eyebrow{display:none!important}
.raffle-channels-section{margin-top:18px}.raffle-channel-card{display:flex;align-items:center;gap:11px;margin:8px 0;padding:11px 12px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(145deg,#1b1a20,#141318)}.raffle-channel-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;overflow:hidden;border:1px solid #b47be744;border-radius:13px;background:linear-gradient(145deg,#9b5bd44d,#422957);color:#ead5ff;font-size:17px;font-weight:850}.raffle-channel-avatar img{width:100%;height:100%;object-fit:cover}.raffle-channel-copy{display:grid;gap:4px;min-width:0;flex:1}.raffle-channel-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.raffle-channel-copy small{overflow:hidden;color:#9d96a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.raffle-channel-card .raffle-channel-check{color:#8be0aa;font-size:14px}
.raffle-main-types{display:grid;gap:9px}.raffle-type-card-disabled{opacity:.62}.raffle-type-card-disabled em{flex:none;padding:5px 7px;border:1px solid #e0ae5c55;border-radius:7px;color:#e8bd72;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.06em}.raffle-type-stage-actions,.raffle-v2-actions{border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}.raffle-type-stage-actions{gap:8px!important}
.raffle-type-stage-actions button,.raffle-v2-actions button{gap:8px!important;white-space:nowrap}.raffle-type-stage-actions .raffle-cancel-action{border:1px solid #ff557655!important;background:linear-gradient(135deg,#e93d5c,#b51f48)!important;color:#fff!important;box-shadow:0 8px 20px #b51f4838!important}
.raffle-v2-actions .raffle-secondary:not(.raffle-cancel-action):not(.raffle-review-cancel){border:1px solid #c394ec55!important;background:linear-gradient(135deg,#8549b9,#633493)!important;color:#fff!important;box-shadow:0 7px 20px #6b34782b!important}.raffle-v2-actions .raffle-secondary:not(.raffle-cancel-action):not(.raffle-review-cancel)::before{content:'←';font-size:17px;line-height:1}

/* Manrope is self-hosted from Google Fonts (OFL); keep this treatment local to the case guide. */
@font-face{font-family:"Manrope Local";src:url("/static/fonts/manrope-cyrillic.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope Local";src:url("/static/fonts/manrope-latin.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
#screen-cases[data-detail="case"] #cases-content .bonus-spin-card{padding-bottom:8px!important}
#screen-cases[data-detail="case"] .cases-detail-note{position:relative;isolation:isolate;display:grid!important;gap:0!important;overflow:hidden;margin:10px 0 24px!important;padding:19px 17px 15px!important;border:1px solid #e5aa3344!important;border-radius:22px!important;background:radial-gradient(ellipse at 100% 0%,#ffbf241a,transparent 43%),linear-gradient(150deg,#202124 0%,#17181b 62%,#1e1b18 100%)!important;box-shadow:0 16px 38px #0007,inset 0 1px #ffffff12!important;color:#f7f5f0!important;font-family:"Manrope Local",Manrope,Arial,sans-serif!important}
#screen-cases[data-detail="case"] .cases-detail-note:before{position:absolute;z-index:-1;top:0;left:18px;right:18px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#f3c64d,#f2a817 48%,#e45230);content:""}
#screen-cases[data-detail="case"] .cases-detail-note:after{content:none!important;display:none!important}
#screen-cases[data-detail="case"] .cases-rules-heading{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #ffffff16}
#screen-cases[data-detail="case"] .cases-rules-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid #f6c84970;border-radius:14px;background:linear-gradient(145deg,#f9cb4930,#f19a1720);color:#ffd45d;font-size:12px;font-weight:900;letter-spacing:-.04em;box-shadow:0 0 22px #ffb82118}
#screen-cases[data-detail="case"] .cases-rules-heading-copy{display:grid;gap:4px;min-width:0}
#screen-cases[data-detail="case"] .cases-detail-note-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 7px;border:1px solid #f3c4493d;border-radius:6px;background:#f3bd2612;color:#ffd45d!important;font-size:8px!important;font-weight:850!important;letter-spacing:.13em!important;line-height:1.2}
#screen-cases[data-detail="case"] .cases-detail-note-kicker:before{display:none!important;content:none!important}
#screen-cases[data-detail="case"] .cases-detail-note .cases-rules-heading h3{margin:1px 0 0;color:#fff!important;font-family:"Manrope Local",Manrope,Arial,sans-serif!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.035em;line-height:1.18}
#screen-cases[data-detail="case"] .cases-detail-note .cases-rules-heading p{margin:0;color:#aaa9a5!important;font-size:11px!important;font-weight:500;line-height:1.4}
#screen-cases[data-detail="case"] .cases-rules-list{display:grid;gap:0;margin:2px 0 0!important;padding:0!important;border:0!important;list-style:none}
#screen-cases[data-detail="case"] .cases-rules-list li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;margin:0;padding:14px 0!important;border-bottom:1px solid #ffffff12!important;color:#e7e5df!important;font-size:12px!important;line-height:1.48!important}
#screen-cases[data-detail="case"] .cases-rules-list li:before{display:none!important;content:none!important}
#screen-cases[data-detail="case"] .cases-rules-list li>span{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:10px;background:linear-gradient(145deg,#ffd84f,#e6a922);color:#221d12;font-size:10px;font-weight:900;box-shadow:0 4px 12px #e4a91d26}
#screen-cases[data-detail="case"] .cases-rules-list li>div{min-width:0}
#screen-cases[data-detail="case"] .cases-rules-list li strong{display:block;margin:1px 0 4px;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:-.015em;line-height:1.3}
#screen-cases[data-detail="case"] .cases-rules-list li p{margin:0;color:#aaa9a5!important;font-size:11.5px!important;font-weight:450;line-height:1.48!important}
#screen-cases[data-detail="case"] .cases-rules-list li:last-child{border-bottom:0!important}
#screen-cases[data-detail="case"] .cases-rules-footer{display:flex;flex-wrap:wrap;gap:7px;padding-top:13px;border-top:1px solid #ffffff14}
#screen-cases[data-detail="case"] .cases-rules-footer span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff08;color:#d1d0ca;font-size:9px;font-weight:650;line-height:1.2}
#screen-cases[data-detail="case"] .cases-rules-footer i{display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#f1bd2930;color:#ffd552;font-size:9px;font-style:normal;font-weight:900}
@media(max-width:620px){#screen-cases[data-detail="case"] .cases-detail-note{margin-top:8px!important;margin-bottom:19px!important;padding:16px 14px 13px!important;border-radius:19px!important}#screen-cases[data-detail="case"] .cases-rules-heading{grid-template-columns:42px minmax(0,1fr);gap:10px;padding-bottom:13px}#screen-cases[data-detail="case"] .cases-rules-mark{width:40px;height:40px;border-radius:13px}#screen-cases[data-detail="case"] .cases-detail-note .cases-rules-heading h3{font-size:17px!important}#screen-cases[data-detail="case"] .cases-rules-list li{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:12px 0!important}#screen-cases[data-detail="case"] .cases-rules-list li>span{width:28px;height:28px;border-radius:9px;font-size:9px}#screen-cases[data-detail="case"] .cases-rules-list li strong{font-size:12px!important}#screen-cases[data-detail="case"] .cases-rules-list li p{font-size:11px!important}#screen-cases[data-detail="case"] .cases-rules-footer span{font-size:8px}}

/* Gift catalogue: let a short final row fill its available width cleanly. */
@media(min-width:900px) and (max-width:1199px){
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog>.gift-card{grid-column:span 2}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog:has(>.gift-card:nth-child(3n + 2):last-child)>.gift-card:nth-last-child(-n + 2){grid-column:span 3}
}
@media(min-width:1200px){
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog>.gift-card{grid-column:span 2}
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog:has(>.gift-card:nth-child(4n + 2):last-child)>.gift-card:nth-last-child(-n + 2){grid-column:span 4}
}
.bonus-club-back{top:8px!important;left:0!important;width:44px!important;height:44px!important;box-sizing:border-box!important;place-items:center!important;transform:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
#screen-cases .cases-ready-banner{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:88px!important;margin:0 0 16px!important;padding:14px 16px!important;border:1px solid #7c60a65c!important;border-radius:21px!important;background:radial-gradient(ellipse at 0% 0%,#a052d733,transparent 52%),linear-gradient(115deg,#211a2e,#171820 68%,#202538)!important;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff13!important;color:#f6f3f9;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#screen-cases .cases-heading-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#screen-cases .cases-ready-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff0d 50%,transparent 75%);transform:translateX(-100%);animation:caseBannerSheen 5.5s ease-in-out infinite}
.cases-ready-visual{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border:1px solid #b178e24a;border-radius:15px;background:linear-gradient(145deg,#9b53d94a,#6748a932);color:#e3b1ff;font-size:26px;box-shadow:0 0 24px #9a55d526}
.cases-ready-copy{position:relative;z-index:1;display:grid;gap:3px;min-width:0}
.cases-ready-copy>small{color:#c8a6df;font-size:8px;font-weight:850;letter-spacing:.14em}
#screen-cases .cases-ready-copy strong{color:#fbf8ff!important;font-size:15px!important;font-weight:850!important;line-height:1.1}
#screen-cases .cases-ready-copy>span{overflow:hidden;color:#b7b0c2!important;font-size:10px!important;text-overflow:ellipsis;white-space:nowrap}
.cases-ready-action{position:relative;z-index:1;display:grid;min-width:95px;min-height:38px;place-items:center;padding:0 10px;border:1px solid #a977d45c;border-radius:12px;background:#a25ed01d;color:#e7c2ff;font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.cases-ready-action .cases-countdown-time{display:block;color:inherit!important;font-size:12px!important;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:.025em}
#screen-cases .cases-ready-banner.ready{border-color:#48bd8c68!important;background:radial-gradient(ellipse at 0% 0%,#35c8883b,transparent 52%),linear-gradient(115deg,#142b26,#171a20 68%,#1d2930)!important}
.cases-ready-banner.ready .cases-ready-visual{border-color:#59d9a15c;background:#35bd8330;color:#9bf0c4}
.cases-ready-banner.ready .cases-ready-copy>small{color:#8ee4b5}
.cases-ready-banner.ready .cases-ready-action{border-color:#53c99370;background:#2cb77b23;color:#91edbd}
.cases-inventory-balance{display:flex;align-items:center;gap:9px;min-height:50px;padding:7px 11px;border:1px solid #ffffff20;border-radius:17px;background:linear-gradient(145deg,#24212d,#171820);color:#f5f2fa;cursor:pointer}
.cases-inventory-balance-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff0a;color:#c6a5df}
.cases-inventory-balance-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cases-inventory-balance-icon i{position:absolute;right:-5px;top:-5px;min-width:15px;padding:1px 3px;border:1px solid #1a1720;border-radius:8px;background:#8f60b6;color:white;font-size:8px;font-style:normal;font-weight:850;text-align:center}
.cases-inventory-balance-copy{display:grid;gap:3px;text-align:left}
.cases-inventory-balance-copy>small{color:#aaa1b2;font-size:7px;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.cases-inventory-balance-copy>b{display:flex;align-items:center;gap:5px;font-size:14px;line-height:1;font-variant-numeric:tabular-nums}
.cases-inventory-balance-copy>b img{width:17px;height:17px;object-fit:contain}
.cases-inventory-balance-arrow{color:#9c8da8;font-size:15px}
@media(max-width:600px){#screen-cases .cases-ready-banner{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;min-height:79px!important;padding:11px 12px!important;border-radius:18px!important}#screen-cases .cases-ready-visual{width:40px;height:40px;border-radius:13px;font-size:23px}.cases-ready-copy>small{font-size:7px}.cases-ready-action{min-width:82px;min-height:35px;padding-inline:7px;font-size:8px}#screen-cases .cases-ready-action .cases-countdown-time{font-size:11px!important}.cases-inventory-balance{gap:7px;min-height:45px;padding:6px 8px;border-radius:15px}.cases-inventory-balance-icon{width:29px;height:29px}.cases-inventory-balance-copy>b{font-size:12px}.cases-inventory-balance-copy>b img{width:15px;height:15px}}
@media(max-width:360px){#screen-cases .cases-ready-banner{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:10px!important}.cases-ready-visual{width:35px!important;height:35px!important}.cases-ready-action{min-width:75px;padding-inline:5px}.cases-ready-copy>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){#screen-cases .cases-ready-banner:after{animation:none}}
.stars-sale-note[role="button"]{cursor:pointer;outline:none}
.stars-sale-note-main{display:contents;border:0;background:none;color:inherit;text-align:left}
.storefront-promo-backdrop{position:fixed;z-index:118;inset:0;background:#050409c9;backdrop-filter:blur(8px)}
.storefront-promo-dialog{position:fixed;z-index:119;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start;gap:13px;width:min(440px,calc(100% - 28px));max-height:min(82dvh,650px);overflow:auto;padding:27px;border:1px solid #bd82d550;border-radius:25px;background:radial-gradient(ellipse at 90% 0%,#673d782c,transparent 45%),linear-gradient(155deg,#201a28,#15151b 78%);box-shadow:0 26px 90px #000c;color:#f7f4fa}
.storefront-promo-close{position:absolute;top:16px;right:16px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #ffffff22;border-radius:50%;background:#ffffff0c;color:#fff;font-size:25px;line-height:1}
.storefront-promo-dialog>.eyebrow{padding-right:46px;color:#d6a8ed}.storefront-promo-dialog h2{margin:0;font-size:clamp(23px,6vw,30px);line-height:1.12;letter-spacing:-.04em}.storefront-promo-percent{display:inline-flex;padding:7px 13px;border:1px solid #d789ff55;border-radius:12px;background:#a447be24;color:#f1caff;font-size:24px}.storefront-promo-dialog>p{margin:0;color:#b6b3bd;font-size:14px;line-height:1.55}.storefront-promo-countdown{display:flex;align-items:center;justify-content:center;min-height:66px;width:100%;padding:10px 13px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff08}.storefront-promo-countdown .offer-detail-countdown{margin:0;color:#f1caff;font-size:clamp(24px,7vw,34px);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:.06em;line-height:1;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}.storefront-promo-scope{font-size:12px!important}.storefront-promo-decline{width:100%;min-height:50px;margin-top:4px;border:1px solid #dd68724d;border-radius:14px;background:#a3293724;color:#ffc4ca;font-size:14px;font-weight:800}.storefront-promo-decline:disabled{opacity:.65}.storefront-promo-no-expiry{color:#aaa7b1;font-size:13px}.storefront-promo-open{overflow:hidden}
@media(max-width:600px){.storefront-promo-dialog{top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 20px);max-height:min(78dvh,620px);padding:25px 19px 18px;border-radius:24px}.storefront-promo-close{top:13px;right:13px}}
.raffle-builder-settings{margin:18px 0;padding:18px;border:1px solid rgba(178,126,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(45,28,67,.7),rgba(24,20,35,.86));}
.raffle-builder-heading h3{margin:5px 0 4px;font-size:19px}.raffle-builder-heading p{margin:0;color:var(--muted,#a7a0b2);font-size:13px;line-height:1.45}
.raffle-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 12px}.raffle-type-card{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer}.raffle-type-card input{position:absolute;opacity:0}.raffle-type-card.active{border-color:#a46aff;background:rgba(137,73,214,.18);box-shadow:0 0 0 1px rgba(164,106,255,.24) inset}.raffle-type-card strong{font-size:14px}.raffle-type-card small{color:#aaa0b5;line-height:1.35}.raffle-inline-settings{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:12px 0}.raffle-inline-settings label{font-size:12px;color:#aaa0b5}.raffle-inline-settings input,.raffle-inline-settings select{display:block;width:100%;margin-top:6px}.raffle-option-compact{margin-top:12px}.raffle-coming-settings{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.045);color:#d8c8e6}.raffle-coming-settings small{color:#9990a5;line-height:1.4}@media(max-width:560px){.raffle-type-grid,.raffle-inline-settings{grid-template-columns:1fr}}
.raffle-type-stage{max-width:680px;margin:18px auto 40px}.raffle-type-stage-card,.raffle-extra-ticket{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.045);color:inherit;padding:16px;cursor:pointer}.raffle-type-stage-card.active{border-color:#a46aff;background:rgba(137,73,214,.2);box-shadow:0 0 0 1px rgba(164,106,255,.3) inset}.raffle-stage-icon,.raffle-extra-ticket>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(164,106,255,.15);font-size:22px;flex:none}.raffle-type-stage-card>span:nth-child(2),.raffle-extra-ticket>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.raffle-type-stage-card strong,.raffle-extra-ticket strong{font-size:16px}.raffle-type-stage-card small,.raffle-extra-ticket small{color:#aaa0b5;line-height:1.35}.raffle-type-stage-card i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#a46aff;font-style:normal}.raffle-extra-tickets,.raffle-type-more{margin-top:24px}.raffle-extra-tickets h3,.raffle-type-more h3{font-size:14px;margin:0 0 10px;color:#c8bdd3}.raffle-extra-ticket{margin:8px 0;background:rgba(255,255,255,.025)}.raffle-extra-ticket:hover{border-color:rgba(164,106,255,.55)}.raffle-extra-ticket>i{font-style:normal;color:#a99bb5;font-size:24px}.raffle-type-stage-note{margin:18px 0;color:#aaa0b5;font-size:13px;line-height:1.45}.raffle-type-stage>.raffle-primary,.raffle-type-stage>.raffle-secondary{width:100%;margin-top:8px}
.raffle-v2-heading{margin:24px 0 18px}.raffle-v2-heading h2{margin:7px 0;font-size:30px}.raffle-v2-settings{max-width:620px;margin:0 auto 40px;padding:20px 0}.raffle-v2-progress{display:flex;align-items:center;justify-content:center;gap:5px;width:min(100%,560px);min-height:16px;padding:0;margin:0 auto 22px;border:0;background:transparent;border-radius:0}.raffle-v2-progress i{display:block;flex:1;height:5px;min-width:4px;border-radius:999px;background:rgba(255,255,255,.18);opacity:.7;transition:flex .35s ease,background .35s ease,opacity .35s ease,box-shadow .35s ease}.raffle-v2-progress i.done{background:#9d65ec;opacity:1}.raffle-v2-progress i.active{flex:2.8;background:linear-gradient(90deg,#b976ff,#e6baff);opacity:1;box-shadow:0 0 14px rgba(178,111,255,.42);animation:raffle-progress-glow 2.2s ease-in-out infinite}.raffle-create-progress{margin-top:2px;margin-bottom:24px;animation:raffle-progress-enter .45s ease both}@keyframes raffle-progress-enter{from{opacity:0;transform:translateY(-5px) scaleX(.88)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes raffle-progress-glow{0%,100%{filter:saturate(1);opacity:.88}50%{filter:saturate(1.3);opacity:1}}.raffle-v2-row,.raffle-v2-button-block{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);color:inherit;text-align:left}.raffle-v2-input-row span,.raffle-v2-button-block>span{color:#aaa0b5}.raffle-v2-input-row input,.raffle-v2-button-block input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font-size:16px;outline:0}.raffle-v2-select-row{justify-content:space-between;cursor:pointer}.raffle-v2-select-row strong{color:#fff}.raffle-v2-select-row b{font-size:25px;color:#aaa0b5}.raffle-v2-button-block{display:block}.raffle-v2-button-block>span{display:block;margin-bottom:10px}.raffle-v2-button-block>span strong{color:#fff}.raffle-v2-presets{display:flex;gap:8px}.raffle-v2-presets button,.raffle-v2-choice{border:0;border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.08);color:#eae5ef;cursor:pointer}.raffle-v2-presets button.active,.raffle-v2-choice.active{background:#237fe9;color:#fff}.raffle-v2-hint{margin:12px;color:#aaa0b5;font-size:12px}.raffle-v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.raffle-v2-actions button{width:100%}.raffle-v2-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.64)}.raffle-v2-modal-card{position:relative;width:min(520px,100%);max-height:80vh;overflow:auto;padding:20px;border-radius:22px;background:#211c2b;box-shadow:0 20px 70px #0008}.raffle-v2-modal-card h3{margin:0 0 14px}.raffle-v2-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.raffle-v2-post-option{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;text-align:left;cursor:pointer}.raffle-v2-post-option>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.raffle-v2-post-option small{color:#aaa0b5}.raffle-v2-post-option b{color:#70e1a1}.raffle-v2-choice{display:block;width:100%;margin:8px 0;text-align:left}
.raffle-v2-settings .raffle-v2-input-row{border-color:transparent;background:rgba(255,255,255,.045)}.raffle-v2-settings .raffle-v2-input-row:focus-within{border-color:rgba(166,103,255,.55);box-shadow:0 0 0 3px rgba(166,103,255,.12)}.raffle-v2-settings .raffle-v2-input-row input::placeholder{color:#81788d;transition:opacity .16s ease}.raffle-v2-settings .raffle-v2-input-row input:focus::placeholder{opacity:0}.raffle-v2-presets{flex-wrap:wrap;gap:6px}.raffle-v2-presets button{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:750;transition:.18s ease}.raffle-v2-presets button:hover{border-color:#b47be7;background:rgba(164,106,255,.16)}.raffle-v2-presets button.active{border-color:#c18aff;background:linear-gradient(135deg,#8b52c7,#63358f);color:#fff}.raffle-telegram-edit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:9px 0;padding:12px 14px;border:1px solid #a96be755;border-radius:13px;background:linear-gradient(135deg,#7844a53d,#3c235a55);color:#f1dcff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.raffle-telegram-edit span{font-size:18px}.raffle-post-draft-preview{display:flex;align-items:center;gap:10px;margin:9px 0;padding:12px;border:1px solid #69cb9055;border-radius:14px;background:#56bd8414}.raffle-post-draft-preview>div{display:grid;gap:4px;min-width:0;flex:1}.raffle-post-draft-preview strong{font-size:12px}.raffle-post-draft-preview small{overflow:hidden;color:#a9ceb5;font-size:10px;line-height:1.4;text-overflow:ellipsis}.raffle-post-draft-preview button{border:0;background:transparent;color:#ff9dac;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.raffle-v2-modal-note{margin:-5px 0 12px;color:#aaa0b5;font-size:11px;line-height:1.4}.raffle-button-preview{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:10px;border-radius:11px;font-size:12px;font-weight:850;transition:.2s ease}.raffle-button-preview-primary{background:linear-gradient(135deg,#8549b9,#633493);color:#fff}.raffle-button-preview-success{background:linear-gradient(135deg,#27b879,#16835a);color:#fff}.raffle-button-preview-danger{background:linear-gradient(135deg,#e54262,#a91f48);color:#fff}.raffle-color-choice-success{border-left:4px solid #27b879!important}.raffle-color-choice-danger{border-left:4px solid #e54262!important}
.raffle-v2-settings .raffle-v2-input-row{border:0!important;box-shadow:none!important;background:rgba(255,255,255,.045)}.raffle-v2-settings .raffle-v2-input-row input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.raffle-v2-button-block{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,.9fr);align-items:center;column-gap:12px}.raffle-v2-button-block>span{grid-column:1;margin:0!important}.raffle-v2-button-block>input{grid-column:2;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;text-align:right}.raffle-v2-button-block>.raffle-v2-presets,.raffle-v2-button-block>.raffle-button-preview{grid-column:1/-1}.raffle-v2-button-block>.raffle-button-preview{width:100%}
.raffle-v2-settings .raffle-v2-input-row:focus-within,.raffle-v2-settings .raffle-v2-button-block:focus-within{border-color:transparent!important;outline:none!important;box-shadow:none!important}.raffle-v2-settings input:focus,.raffle-v2-settings textarea:focus,.raffle-v2-settings select:focus{outline:none!important;border-color:transparent!important;box-shadow:none!important}
.raffle-channel-picker{display:grid;gap:9px}.raffle-channel-choice{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);cursor:pointer}.raffle-channel-choice:has(input:checked){border-color:#a46aff;background:rgba(137,73,214,.18)}.raffle-channel-choice input{position:absolute;opacity:0}.raffle-channel-choice-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(164,106,255,.16);color:#c99bff}.raffle-channel-choice>span:nth-of-type(2){display:flex;flex:1;flex-direction:column;gap:4px}.raffle-channel-choice small{color:#aaa0b5}.raffle-channel-choice i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:transparent;color:transparent;font-style:normal}.raffle-channel-choice:has(input:checked) i{background:#a46aff;color:#fff}.raffle-channel-add{width:100%;margin-top:12px}
.raffle-v2-heading-centered{text-align:center}.raffle-v2-heading-centered h2{font-size:24px;line-height:1.12}.raffle-v2-hero-icon{font-size:54px;line-height:1;margin:10px 0 6px}
.raffle-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);color:#aaa0b5}.raffle-switch-row input{position:absolute;opacity:0}.raffle-switch-row i{position:relative;width:48px;height:28px;border-radius:20px;background:#38363e;flex:none}.raffle-switch-row i:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#b7b4bc;transition:.18s}.raffle-switch-row:has(input:checked) i{background:#2d8cf0}.raffle-switch-row:has(input:checked) i:after{left:23px;background:#fff}.raffle-channel-choice.is-selected{border-color:rgba(45,140,240,.55)}
.raffle-dates-settings{max-width:640px;margin:0 auto}.raffle-v2-heading-centered{text-align:center}.raffle-v2-heading-centered .raffle-v2-hero-icon{font-size:3.2rem;margin:.35rem 0}.raffle-date-start-toggle{margin-bottom:.7rem}.raffle-date-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;position:relative;padding:1rem 1.1rem;margin:.55rem 0;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045);color:var(--text-primary,#f5f4fb);cursor:pointer}.raffle-date-row span{color:var(--text-secondary,#a9a6b7)}.raffle-date-row b{font-weight:600;color:var(--text-primary,#f5f4fb);white-space:nowrap}.raffle-date-row input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.raffle-date-row input:disabled{cursor:not-allowed}.raffle-date-row:has(input:disabled){opacity:.62}.raffle-date-row:focus-within{border-color:rgba(166,103,255,.75);box-shadow:0 0 0 3px rgba(166,103,255,.14)}
 .raffle-published-card{max-width:680px;margin:0 auto;padding:28px;border:1px solid #b47be744;border-radius:22px;background:radial-gradient(circle at 50% 0,#a56bc225,transparent 44%),linear-gradient(145deg,#211b2b,#151319);text-align:center;box-shadow:0 18px 60px #0004}.raffle-published-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#45bd7c25;border:1px solid #76e2a566;color:#8ce3ad;font-size:30px;font-weight:900}.raffle-published-card h2{margin:9px 0 8px;font-size:25px}.raffle-published-card p{margin:0;color:#aaa2b3;font-size:13px;line-height:1.55}.raffle-published-card p strong{color:#e9d9f6}.raffle-published-flow{display:grid;gap:8px;margin:22px 0;text-align:left}.raffle-published-flow div{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff06;color:#ded7e5;font-size:12px}.raffle-published-flow b{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#a36bc52b;color:#d5b1f2}.raffle-published-card .raffle-primary,.raffle-published-card .raffle-secondary{margin-top:8px}
.raffle-v2-actions.raffle-step-3-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin:20px 0 0!important}.raffle-v2-actions.raffle-step-3-actions button{display:flex!important;position:static!important;visibility:visible!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;white-space:nowrap!important;opacity:1!important}
.raffle-channel-tools{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.raffle-channel-tools .raffle-channel-add{margin-top:0!important}

/* Всплывающее окно первого подтверждения получателя */
.recipient-coach-backdrop {
  position: fixed;
  inset: 0;
  z-index: 150;
  background: rgba(6, 4, 12, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: coachBackdropIn 0.25s ease-out;
}
.recipient-coach-dialog {
  position: fixed;
  z-index: 151;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(390px, calc(100vw - 32px));
  padding: 26px 22px 22px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(165deg, rgba(30, 23, 46, 0.96) 0%, rgba(15, 12, 24, 0.98) 100%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  text-align: center;
  animation: coachDialogIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.recipient-coach-backdrop.hidden,
.recipient-coach-dialog.hidden {
  display: none !important;
}

@keyframes coachBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes coachDialogIn {
  from { opacity: 0; transform: translate(-50%, -46%) scale(0.94); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.recipient-coach-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.65);
  font-size: 20px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}
.recipient-coach-close:hover,
.recipient-coach-close:active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.recipient-coach-visual {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.recipient-coach-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(100, 219, 170, 0.18) 0%, rgba(100, 219, 170, 0.04) 70%);
  border: 1px solid rgba(100, 219, 170, 0.32);
  display: grid;
  place-items: center;
  box-shadow: 0 0 24px rgba(100, 219, 170, 0.22);
}
.recipient-coach-ring img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.recipient-coach-dialog h2 {
  margin: 6px 0 14px;
  font-size: 21px;
  font-weight: 850;
  color: #ffffff;
  letter-spacing: -0.3px;
}

.recipient-coach-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
}
.recipient-coach-card .avatar-coach {
  width: 38px;
  height: 38px;
  border-radius: 50% !important;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.recipient-coach-info {
  flex: 1;
  min-width: 0;
}
.coach-name-line {
  display: flex;
  align-items: center;
  gap: 5px;
}
.coach-name-line strong {
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#recipient-coach-handle {
  display: block;
  font-size: 11px;
  color: rgba(220, 222, 245, 0.65);
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recipient-coach-copy {
  margin: 0 0 18px;
  font-size: 12px;
  color: rgba(225, 228, 245, 0.74);
  line-height: 1.48;
}

.recipient-coach-done {
  width: 100%;
  height: 46px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  color: #ffffff;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(138, 58, 237, 0.35);
  transition: transform 0.16s ease, filter 0.16s ease;
}
.recipient-coach-done:active {
  transform: scale(0.98);
}

/* ============================================================
   РЕДИЗАЙН РАЗДЕЛА «УВЕДОМЛЕНИЯ» (GMAIL / APPLE MAIL STYLE)
   ============================================================ */

/* Шапка раздела входящих */
.profile-notifications-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  margin-bottom: 12px;
}
.notif-header-title h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 850;
  color: #ffffff;
  letter-spacing: -0.3px;
}
.notif-header-meta {
  display: block;
  font-size: 11.5px;
  color: rgba(220, 222, 240, 0.68);
  margin-top: 3px;
}
.unread-highlight {
  color: #c084fc;
  font-weight: 800;
}

/* Кнопка "Прочитать всё" */
.notif-mark-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border-radius: 99px;
  background: rgba(192, 132, 252, 0.12);
  border: 1px solid rgba(192, 132, 252, 0.28);
  color: #f3e8ff;
  font-size: 11.5px;
  font-weight: 750;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.18s, transform 0.16s;
}
.notif-mark-all-btn:active {
  transform: scale(0.96);
  background: rgba(192, 132, 252, 0.22);
}
.notif-mark-all-btn svg {
  width: 14px;
  height: 14px;
}

/* Фильтры категорий в виде iOS-пилюль */
.profile-notification-filters {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 2px 14px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.profile-notification-filters::-webkit-scrollbar {
  display: none;
}
.notif-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d8d3e2;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.notif-filter-pill:active {
  transform: scale(0.96);
}
.notif-filter-pill.is-active {
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  border-color: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(168, 85, 247, 0.35);
}
.notif-filter-pill .filter-count {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
}
.notif-filter-pill.is-active .filter-count {
  background: rgba(255, 255, 255, 0.24);
}

/* Группировка по дате */
.mail-group-header {
  padding: 10px 4px 6px;
}
.mail-group-header span {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: rgba(220, 222, 240, 0.5);
}

/* Список писем */
.profile-mail-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.profile-mail-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: left;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, transform 0.16s;
}
.profile-mail-row:active {
  background: rgba(255, 255, 255, 0.06);
  transform: scale(0.99);
}
.profile-mail-row.unread {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.12) 0%, rgba(255, 255, 255, 0.035) 100%);
  border-color: rgba(168, 85, 247, 0.26);
}

.mail-row-unread-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: transparent;
  flex-shrink: 0;
}
.profile-mail-row.unread .mail-row-unread-dot {
  background: #c084fc;
  box-shadow: 0 0 10px #c084fc;
}

.profile-mail-row .profile-mail-avatar {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.profile-mail-row .profile-mail-avatar img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.mail-row-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}
.profile-mail-sender {
  font-size: 11.5px;
  font-weight: 750;
  color: rgba(220, 222, 245, 0.72);
}
.mail-row-time {
  font-size: 10.5px;
  color: rgba(220, 222, 240, 0.48);
  white-space: nowrap;
}

.mail-row-subject {
  display: block;
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-row-snippet {
  display: block;
  font-size: 11.5px;
  color: rgba(220, 222, 240, 0.65);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-row-chevron {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.22);
  margin-left: 2px;
}

/* ============================================================
   ПРОСМОТР УВЕДОМЛЕНИЯ (CLEAN MOBILE NATIVE VIEW)
   ============================================================ */
.profile-settings-sheet.is-notifications {
  display: flex !important;
  flex-direction: column !important;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(620px, 100%) !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  border-radius: 0 !important;
  border: none !important;
  padding: calc(max(10px, env(safe-area-inset-top)) + 4px) 14px calc(max(16px, env(safe-area-inset-bottom)) + 12px) !important;
  background: #12101b !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 120 !important;
}
.profile-settings-sheet.is-notifications .sheet-handle {
  display: none !important;
}
.profile-settings-sheet.is-notifications .profile-settings-sheet-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  padding-bottom: 16px !important;
  box-sizing: border-box !important;
}

.profile-settings-sheet.is-notifications .sheet-heading {
  margin-bottom: 10px !important;
  padding: 0 !important;
}

.profile-notif-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 2px;
}
.notif-unread-count-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 99px;
  background: rgba(168, 85, 247, 0.16);
  border: 1px solid rgba(168, 85, 247, 0.28);
  color: #d8b4fe;
  font-size: 11px;
  font-weight: 750;
}
.notif-mark-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #dedbe8;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all .16s ease;
}
.notif-mark-all-btn:active {
  background: rgba(255, 255, 255, 0.1);
}
.notif-mark-all-btn svg {
  width: 14px;
  height: 14px;
}

.profile-mail-row {
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  text-align: left;
  cursor: pointer;
  transition: background 0.16s, transform 0.16s;
}
.profile-mail-row:active {
  background: rgba(255, 255, 255, 0.07);
  transform: scale(0.99);
}
.profile-mail-row.unread {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(168, 85, 247, 0.3);
}

/* ============================================================
   ПРОСМОТР УВЕДОМЛЕНИЯ (MOBILE OPTIMIZED NATIVE MAIL VIEW)
   ============================================================ */
.profile-mail-detail,
.profile-mail-detail.gmail-style-view {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 0 0 20px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Toolbar: Back button and category pill */
.mail-view-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-bottom: 14px;
  padding-bottom: 2px;
}
.mail-view-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  flex-shrink: 0;
}
.mail-view-back:active {
  transform: scale(0.96);
  background: rgba(255, 255, 255, 0.16);
}
.mail-view-back svg {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  flex-shrink: 0 !important;
  display: block !important;
  stroke: currentColor;
}
.mail-view-back .mail-back-text,
.mail-view-back span {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}

.mail-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.mail-cat-pill.cat-blue {
  background: rgba(56, 189, 248, 0.14);
  border: 1px solid rgba(56, 189, 248, 0.28);
  color: #7dd3fc;
}
.mail-cat-pill.cat-purple,
.mail-cat-pill.cat-violet {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
  color: #d8b4fe;
}
.mail-cat-pill.cat-green {
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #86efac;
}

/* Sender Header */
.mail-view-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mail-sender-block {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  width: 100%;
  min-width: 0;
}
.mail-sender-avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.mail-sender-avatar .profile-mail-avatar {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  display: grid;
  place-items: center;
  font-size: 19px;
}
.mail-sender-avatar img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.mail-sender-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.mail-sender-name-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  line-height: 1.3;
}
.mail-sender-name,
.mail-sender-name-row strong {
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  white-space: nowrap;
}
.mail-verified-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  flex-shrink: 0 !important;
  color: #2ed573 !important;
  vertical-align: middle !important;
}
.mail-verified-icon svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  fill: #2ed573 !important;
  color: #2ed573 !important;
  flex-shrink: 0 !important;
  display: block !important;
}
.mail-sender-address {
  font-size: 11px;
  color: rgba(220, 222, 245, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mail-recipient-line {
  font-size: 11.5px;
  color: rgba(220, 222, 245, 0.55);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-recipient-line span {
  color: rgba(220, 222, 245, 0.85);
  font-weight: 600;
}
.mail-view-time {
  font-size: 10.5px;
  color: rgba(220, 222, 245, 0.45);
  white-space: nowrap;
  flex-shrink: 0;
  padding-top: 2px;
  text-align: right;
}
.mail-view-subject {
  margin: 2px 0 0;
  font-size: clamp(16px, 4.2vw, 20px);
  font-weight: 850;
  line-height: 1.3;
  color: #ffffff;
  letter-spacing: -0.015em;
  word-break: break-word;
}

/* Mail Body */
.mail-view-body {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.mail-greeting {
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(225, 225, 245, 0.88);
}
.mail-greeting p {
  margin: 0 0 8px;
}
.mail-greeting p:last-child {
  margin-bottom: 0;
}
.mail-greeting strong {
  color: #ffffff;
  font-weight: 750;
}

.mail-info-box {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.mail-info-box h4 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
}
.mail-info-box p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(220, 222, 245, 0.72);
}
.mail-sub-detail {
  margin-top: 8px !important;
  font-size: 12px !important;
  color: rgba(220, 222, 245, 0.65) !important;
}

.mail-bullet-list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(220, 222, 245, 0.75);
}
.mail-bullet-list li::marker {
  color: #c084fc;
}

.mail-feature-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
  margin-top: 2px;
}
.mail-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.mail-feat-icon {
  font-size: 18px;
  line-height: 1.2;
  flex-shrink: 0;
  margin-top: 1px;
}
.mail-feature-item div {
  flex: 1;
  min-width: 0;
}
.mail-feature-item strong {
  display: block;
  font-size: 12.5px;
  font-weight: 750;
  color: #ffffff;
  margin-bottom: 2px;
}
.mail-feature-item p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.4;
  color: rgba(220, 222, 245, 0.65);
}

.mail-security-note {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(34, 197, 94, 0.06);
  border: 1px solid rgba(34, 197, 94, 0.2);
  width: 100%;
  box-sizing: border-box;
}
.mail-sec-badge {
  font-size: 11.5px;
  font-weight: 800;
  color: #86efac;
}
.mail-security-note p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.45;
  color: rgba(220, 245, 230, 0.75);
}

/* Cards: Promo & Receipt */
.mail-promo-card {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.16) 0%, rgba(120, 50, 200, 0.08) 100%);
  border: 1px solid rgba(168, 85, 247, 0.32);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mail-promo-badge {
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d8b4fe;
}
.mail-promo-code-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: rgba(0, 0, 0, 0.35);
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(168, 85, 247, 0.45);
}
#mail-promo-code-text {
  font-family: monospace, -apple-system, sans-serif;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: 0.08em;
  color: #ffffff;
}
.mail-copy-btn {
  padding: 7px 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, #a855f7, #8b5cf6);
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 750;
  border: none;
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  flex-shrink: 0;
}
.mail-copy-btn:active {
  transform: scale(0.96);
  filter: brightness(1.1);
}
.mail-promo-expiry {
  font-size: 11px;
  color: rgba(220, 222, 245, 0.6);
}

.mail-receipt-card {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.mail-receipt-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mail-receipt-head span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #c084fc;
}
.mail-receipt-head strong {
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
}
.mail-receipt-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mail-receipt-rows div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}
.mail-receipt-rows span {
  color: rgba(220, 222, 245, 0.6);
}
.mail-receipt-rows strong {
  color: #ffffff;
  font-weight: 700;
  text-align: right;
}
.mail-receipt-rows strong.status-online {
  color: #4ade80;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.mail-receipt-rows strong.status-online::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 8px #4ade80;
}

/* Footer */

/* Inline action link formatting */
.mail-action-lead {
  margin: 10px 0 0 !important;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(230, 230, 248, 0.9);
}
.mail-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  margin: 0 2px;
  border-radius: 8px;
  background: rgba(168, 85, 247, 0.18);
  border: 1px solid rgba(168, 85, 247, 0.38);
  color: #d8b4fe !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  vertical-align: baseline;
  transition: all 0.16s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  box-shadow: 0 1px 4px rgba(168, 85, 247, 0.15);
}
.mail-inline-link:active {
  transform: scale(0.96);
  background: rgba(168, 85, 247, 0.32);
  border-color: rgba(168, 85, 247, 0.6);
}
.mail-inline-link .mail-link-arrow {
  font-size: 11px;
  font-weight: 900;
  opacity: 0.9;
  display: inline-block;
  transform: translateY(-0.5px);
  color: #c084fc;
}
.mail-inline-link-subtle {
  padding: 1px 7px;
  font-size: 12px;
}

.mail-view-footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  width: 100%;
}
.profile-notification-action {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #9333ea, #7c3aed);
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(147, 51, 234, 0.35);
  transition: transform 0.16s ease, filter 0.16s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.profile-notification-action:active {
  transform: scale(0.98);
  filter: brightness(1.1);
}
.mail-legal-footer {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 6px;
}
.mail-legal-footer span {
  font-size: 11px;
  font-weight: 750;
  color: rgba(220, 222, 245, 0.55);
}
.mail-legal-footer small {
  font-size: 10px;
  color: rgba(220, 222, 245, 0.38);
  line-height: 1.35;
}
/* Clean recipient controls: in-heading self button, in-prefix Telegram picker, recents chips */
.self-recipient-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 11px;
  border: 1px solid rgba(195, 150, 255, 0.28);
  background: linear-gradient(135deg, rgba(142, 70, 225, 0.22), rgba(90, 40, 160, 0.32));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #f1e4fd;
  font-size: 11.5px;
  font-weight: 750;
  cursor: pointer;
  transition: all .16s ease;
  user-select: none;
}
.self-recipient-pill:active {
  transform: scale(0.96);
  background: rgba(160, 95, 250, 0.38);
}
.self-recipient-pill svg {
  width: 14px;
  height: 14px;
  stroke: #d8b4fe;
}

.recipient-prefix-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #2aabee, #229ed9);
  color: #ffffff;
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 6px;
  box-shadow: 0 2px 8px rgba(34, 158, 217, 0.35);
  transition: transform .16s ease, filter .16s ease;
}
.recipient-prefix-btn:active {
  transform: scale(0.92);
  filter: brightness(1.15);
}
.recipient-prefix-btn svg {
  width: 16px;
  height: 16px;
}

.recipient-premium-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 3px;
}
.recipient-premium-badge img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: none !important;
}

/* Recent recipients bar under input */
.recipient-recents-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 1px 2px;
}
.recipient-recents-bar::-webkit-scrollbar {
  display: none;
}
.recents-bar-label {
  font-size: 10.5px;
  font-weight: 750;
  color: #a497b2;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.recents-bar-chips {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.recent-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #ede7f6;
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
  white-space: nowrap;
  transition: all .16s ease;
}
.recent-chip:active {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.4);
  transform: scale(0.96);
}
.recent-chip-name {
  color: #c084fc;
  font-weight: 750;
}


/* === INTERACTIVE CATALOG ORDER WALKTHROUGH & TELEGRAM DELIVERY === */
#screen-catalog .catalog-how.catalog-how-interactive {
  display: block !important;
  margin: 18px 0 22px !important;
  padding: 18px 16px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  background: linear-gradient(160deg, #1d172a, #13101c) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
  position: relative;
  overflow: hidden;
}

#screen-catalog .catalog-how.catalog-how-interactive::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -30px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.18), transparent 70%);
  pointer-events: none;
  border-radius: 50%;
}

.how-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.how-header-row .eyebrow {
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #a78bfa;
  font-weight: 800;
  display: block;
  margin-bottom: 3px;
}

.how-header-row h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #f5f3f9 !important;
  letter-spacing: -0.4px;
}

.how-replay-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all .18s ease;
  flex-shrink: 0;
}

.how-replay-btn:active {
  background: rgba(168, 85, 247, 0.2);
  transform: scale(0.96);
}

.how-nav-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}

.how-nav-tab {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #9ca3af;
  cursor: pointer;
  text-align: left;
  transition: all .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.how-nav-tab.active {
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.35);
  color: #fff;
}

.how-tab-bar {
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  position: relative;
}

.how-tab-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #a855f7, #60a5fa);
  border-radius: 2px;
  transition: width 0.1s linear;
}

.how-nav-tab.completed .how-tab-fill {
  width: 100% !important;
  background: #a855f7;
}

.how-tab-meta {
  display: flex;
  align-items: center;
  gap: 5px;
}

.how-tab-num {
  font-size: 10px;
  font-weight: 800;
  color: #c084fc;
  opacity: 0.85;
}

.how-nav-tab.active .how-tab-num {
  opacity: 1;
}

.how-tab-meta strong {
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* VIEWPORT & SCENES */
.how-viewport {
  position: relative;
  min-height: 326px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(10, 8, 16, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 10px;
}

.how-scene {
  position: absolute;
  inset: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.985);
  transition: opacity .32s ease, transform .35s cubic-bezier(0.16, 1, 0.3, 1);
}

.how-scene.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

/* SCENE 1: FORM SIMULATION */
.how-mockup-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.how-mockup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.how-mockup-badge {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #a78bfa;
}

.how-mockup-status {
  font-size: 10px;
  color: #34d399;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.how-mockup-status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #34d399;
  display: inline-block;
}

.how-input-sim {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(168, 85, 247, 0.3);
  box-shadow: 0 0 14px rgba(168, 85, 247, 0.12);
}

.how-sim-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  font-size: 13px;
  font-weight: 750;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}

.how-sim-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.how-sim-input-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.how-sim-label {
  font-size: 9.5px;
  color: #94a3b8;
  font-weight: 600;
}

.how-sim-val-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.how-sim-val {
  font-size: 12.5px;
  font-weight: 750;
  color: #fff;
  font-family: monospace;
}

.how-sim-check {
  flex-shrink: 0;
}

.how-package-sim {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(99, 102, 241, 0.08));
  border: 1px solid rgba(168, 85, 247, 0.35);
}

.how-pkg-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.how-pkg-icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.how-pkg-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.how-pkg-copy strong {
  font-size: 12.5px;
  font-weight: 800;
  color: #f1f5f9;
}

.how-pkg-copy span {
  font-size: 10px;
  color: #a78bfa;
}

.how-pkg-tag {
  padding: 4px 10px;
  border-radius: 9px;
  background: rgba(168, 85, 247, 0.25);
  border: 1px solid rgba(168, 85, 247, 0.4);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}

/* SCENE 2: PAYMENT */
.how-payment-card {
  gap: 13px;
}

.how-pay-badge-live {
  font-size: 9px;
  font-weight: 850;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(52, 211, 153, 0.2);
  color: #34d399;
  letter-spacing: 0.04em;
}

.how-pay-methods-sim {
  display: flex;
  gap: 6px;
  overflow-x: auto;
}

.how-pay-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 10.5px;
  font-weight: 700;
  color: #cbd5e1;
  white-space: nowrap;
}

.how-pay-chip img {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.how-pay-chip.active {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.5);
  color: #fff;
}

.how-pay-status-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.how-pay-check-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.18);
  border: 2px solid #10b981;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 0 16px rgba(16, 185, 129, 0.35);
  animation: pay-pulse 2s infinite ease-in-out;
}

@keyframes pay-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 12px rgba(16, 185, 129, 0.25); }
  50% { transform: scale(1.08); box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); }
}

.how-pay-status-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.how-pay-status-text strong {
  font-size: 12.5px;
  font-weight: 800;
  color: #e2e8f0;
}

.how-pay-status-text span {
  font-size: 10px;
  color: #6ee7b7;
}

.how-pay-progress-track {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  position: relative;
}

.how-pay-progress-bar {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #10b981, #3b82f6);
  border-radius: 2px;
  animation: pay-bar 2.5s infinite linear;
}

@keyframes pay-bar {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* SCENE 3: REAL TELEGRAM SERVICE DELIVERY CARD (MATCHING SCREENSHOTS) */
.how-tg-chat-frame {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: #141c16;
  background-image: radial-gradient(circle at 50% 10%, rgba(35, 75, 45, 0.45), transparent 75%);
  border: 1px solid rgba(80, 160, 100, 0.22);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.how-tg-header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  background: rgba(14, 23, 16, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.how-tg-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AABEE, #229ED9);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(34, 158, 217, 0.35);
}

.how-tg-header-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.how-tg-name-row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.how-tg-name {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
}

.tg-verified-badge {
  flex-shrink: 0;
}

.how-tg-sub {
  font-size: 9.5px;
  color: #8da495;
  font-weight: 500;
}

.how-tg-time {
  font-size: 9.5px;
  color: #728a7a;
  font-weight: 600;
}

.how-tg-body {
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.how-tg-bubble-caption {
  font-size: 11px;
  line-height: 1.35;
  color: #e5f3e8;
  background: rgba(30, 52, 36, 0.75);
  padding: 6px 10px;
  border-radius: 11px;
  align-self: flex-start;
  max-width: 95%;
  border: 1px solid rgba(95, 165, 115, 0.2);
}

/* Telegram Gift Card (from screenshots 1 & 2) */
.how-tg-card {
  border-radius: 14px;
  background: rgba(38, 59, 44, 0.9);
  border: 1px solid rgba(110, 180, 130, 0.3);
  padding: 12px 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.how-tg-card-art {
  margin-bottom: 6px;
  position: relative;
  display: grid;
  place-items: center;
}

.how-tg-gift-container {
  position: relative;
  width: 90px;
  height: 68px;
  display: grid;
  place-items: center;
}

.how-tg-box-base {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.how-tg-star-floating {
  position: absolute;
  top: -4px;
  z-index: 3;
  width: 42px;
  height: 42px;
  animation: star-float 2.4s ease-in-out infinite;
}

.how-tg-star-floating img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(255, 215, 64, 0.85));
}

.how-tg-star-glow {
  position: absolute;
  top: 4px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 220, 80, 0.6), transparent 70%);
  z-index: 2;
  pointer-events: none;
  animation: glow-pulse 2.4s ease-in-out infinite;
}

.how-tg-sparkles {
  position: absolute;
  inset: -10px -15px;
  pointer-events: none;
  z-index: 4;
}

.how-tg-sparkles i {
  position: absolute;
  font-style: normal;
  color: #ffe066;
  font-size: 11px;
  text-shadow: 0 0 6px rgba(255, 224, 102, 0.9);
  animation: sparkle-twinkle 1.8s infinite ease-in-out;
}

.how-tg-sparkles .sp-1 { top: 6px; left: 6px; animation-delay: 0s; }
.how-tg-sparkles .sp-2 { top: 2px; right: 8px; animation-delay: 0.45s; font-size: 10px; }
.how-tg-sparkles .sp-3 { bottom: 18px; left: 2px; animation-delay: 0.9s; }
.how-tg-sparkles .sp-4 { bottom: 20px; right: 4px; animation-delay: 1.35s; font-size: 10px; }

@keyframes star-float {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-7px) scale(1.08); }
}

@keyframes glow-pulse {
  0%, 100% { opacity: 0.4; transform: scale(0.9); }
  50% { opacity: 0.9; transform: scale(1.2); }
}

@keyframes sparkle-twinkle {
  0%, 100% { opacity: 0.2; transform: scale(0.7) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(15deg); }
}

.how-tg-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
}

.how-tg-gift-title {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.2px;
}

.how-tg-gift-desc {
  margin: 0 0 8px !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  color: #b5d5be !important;
  max-width: 250px;
}

.how-tg-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all .16s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.how-tg-view-btn:active {
  background: rgba(255, 255, 255, 0.28);
  transform: scale(0.96);
}

/* BOTTOM CAPTION */
.how-interactive-caption {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 4px 6px 0;
  font-size: 11px;
  font-weight: 650;
  color: #c4b5fd;
}

.how-caption-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a855f7;
  flex-shrink: 0;
  box-shadow: 0 0 8px #a855f7;
  animation: dot-pulse 1.8s infinite ease-in-out;
}

@keyframes dot-pulse {
  0%, 100% { opacity: 0.5; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.25); }
}

@media(min-width: 900px) {
  #screen-catalog .catalog-how.catalog-how-interactive {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
    margin: 14px 0 0 !important;
  }
}

/* Distinctive 'Я' chip in recent recipients bar */
.recent-chip.recent-chip-self {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.22), rgba(99, 102, 241, 0.16)) !important;
  border: 1px solid rgba(168, 85, 247, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.2);
}
.recent-chip-self .recent-chip-self-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  border-radius: 6px;
  background: rgba(168, 85, 247, 0.4);
  color: #f5f3ff;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0.02em;
}
.recent-chip-self .recent-chip-handle {
  color: #e9d5ff;
  font-weight: 750;
}
.recent-chip.recent-chip-self:active {
  background: rgba(168, 85, 247, 0.35) !important;
  transform: scale(0.95);
}

.recent-chip.is-selected {
  border-color: #a855f7 !important;
  background: rgba(168, 85, 247, 0.28) !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.35) !important;
}
.recent-chip.recent-chip-self.is-selected {
  border-color: #c084fc !important;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.38), rgba(99, 102, 241, 0.28)) !important;
  box-shadow: 0 0 14px rgba(168, 85, 247, 0.45) !important;
}


/* === LIVE STREAMING WALKTHROUGH SIMULATION (СБЕРБАНК + TELEGRAM GIFTS) === */
.how-dot-live {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
  display: inline-block;
  animation: live-blink 1.2s infinite ease-in-out;
}

@keyframes live-blink {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.85); }
}

/* SCENE 1: TG MINI APP ORDER FORM */
.how-sim-form-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(165deg, rgba(26, 21, 38, 0.95), rgba(15, 12, 23, 0.98));
  border: 1px solid rgba(168, 85, 247, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.4);
}

.how-sim-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.how-sim-brand {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.how-sim-logo {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.35);
}

.how-sim-brand-title {
  font-size: 11.5px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.2px;
}

.how-sim-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.3);
  font-size: 9px;
  font-weight: 750;
  color: #4ade80;
}

.how-sim-live-pulse {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #22c55e;
  animation: live-blink 1.2s infinite ease-in-out;
}

.how-sim-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.how-sim-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.how-sim-label {
  font-size: 9.5px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #a78bfa;
}

.how-sim-status-label {
  font-size: 9px;
  font-weight: 700;
  color: #94a3b8;
}

/* Recipient Input Box */
.how-sim-input-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(168, 85, 247, 0.35);
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.1);
  transition: border-color 0.25s, box-shadow 0.25s;
}

.how-sim-at-sign {
  font-size: 13px;
  font-weight: 850;
  color: #3b82f6;
  flex-shrink: 0;
}

.how-sim-text-flow {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.how-sim-typed-text {
  font-size: 12.5px;
  font-weight: 750;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.how-sim-cursor {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #a855f7;
  margin-left: 2px;
  animation: blink-cursor 0.7s infinite;
}

@keyframes blink-cursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.how-sim-state-badge {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.how-sim-spinner {
  display: inline-flex;
  align-items: center;
  gap: 2.5px;
}

.how-sim-spinner i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a855f7;
  display: inline-block;
  animation: spinner-dot 1s infinite ease-in-out;
}

.how-sim-spinner i:nth-child(2) { animation-delay: 0.2s; }
.how-sim-spinner i:nth-child(3) { animation-delay: 0.4s; }

@keyframes spinner-dot {
  0%, 100% { transform: scale(0.6); opacity: 0.35; }
  50% { transform: scale(1.2); opacity: 1; }
}

.how-sim-ok {
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.4);
}

/* User Found Result Card */
.how-sim-user-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  border-radius: 10px;
  background: rgba(34, 197, 94, 0.09);
  border: 1px solid rgba(34, 197, 94, 0.35);
  animation: card-pop-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes card-pop-in {
  0% { opacity: 0; transform: translateY(5px) scale(0.97); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

.how-sim-user-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  font-size: 11.5px;
  flex-shrink: 0;
  overflow: hidden;
}

.how-sim-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.how-sim-user-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.how-sim-user-name-row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.how-sim-user-name-row strong {
  font-size: 11px;
  color: #fff;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.how-sim-user-handle {
  font-size: 9.5px;
  color: #94a3b8;
  font-family: monospace;
}

.how-sim-user-badge {
  font-size: 9px;
  font-weight: 800;
  color: #34d399;
  flex-shrink: 0;
}

/* Package Selection Grid */
.how-sim-pkg-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.how-sim-pkg-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 8px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  cursor: default;
}

.how-sim-pkg-item.selected {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), rgba(126, 34, 206, 0.12));
  border-color: rgba(168, 85, 247, 0.6);
  box-shadow: 0 0 14px rgba(168, 85, 247, 0.25);
}

.how-sim-pkg-icon-wrap {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.how-sim-pkg-icon-wrap img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.how-sim-pkg-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.how-sim-pkg-details strong {
  font-size: 10.5px;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
}

.how-sim-pkg-details span {
  font-size: 8.5px;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.how-sim-pkg-price {
  font-size: 10.5px;
  font-weight: 850;
  color: #c084fc;
  flex-shrink: 0;
}

.how-sim-pkg-radio {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: all 0.2s;
}

.how-sim-pkg-item.selected .how-sim-pkg-radio {
  border-color: #a855f7;
  background: #a855f7;
  box-shadow: 0 0 6px #a855f7;
}

.how-sim-pkg-item.selected .how-sim-pkg-radio::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
}

/* Simulated Checkout Button */
.how-sim-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  border: none;
  color: #fff;
  box-shadow: 0 4px 14px rgba(168, 85, 247, 0.4);
  cursor: pointer;
  pointer-events: none;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
}

.how-sim-submit-btn.is-pressed {
  transform: scale(0.96);
  filter: brightness(1.25);
  box-shadow: 0 1px 6px rgba(168, 85, 247, 0.6);
}

.how-sim-btn-text {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: -0.1px;
}

/* SCENE 2: SBERBANK MOBILE PAYMENT */
.how-sber-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(14, 40, 22, 0.96), rgba(8, 22, 13, 0.98));
  border: 1px solid rgba(34, 197, 94, 0.35);
  padding: 11px 13px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45);
}

.how-sber-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.how-sber-logo-group {
  display: flex;
  align-items: center;
  gap: 7px;
}

.sber-logo-mark {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.how-sber-title-col {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.how-sber-title-col strong {
  font-size: 11.5px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}

.how-sber-secure {
  font-size: 8.5px;
  color: #86efac;
  font-weight: 600;
}

.how-sber-pay-badge {
  font-size: 9px;
  font-weight: 850;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(34, 197, 94, 0.22);
  color: #4ade80;
  border: 1px solid rgba(34, 197, 94, 0.35);
}

/* Sber Card Row */
.how-sber-card-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.how-sber-minichip {
  width: 14px;
  height: 11px;
  border-radius: 2.5px;
  background: linear-gradient(135deg, #facc15, #ca8a04);
  border: 1px solid #eab308;
  flex-shrink: 0;
}

.how-sber-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}

.how-sber-card-name {
  font-size: 9.5px;
  font-weight: 750;
  color: #f1f5f9;
}

.how-sber-card-num {
  font-size: 9.5px;
  font-family: monospace;
  color: #94a3b8;
}

.how-sber-card-balance {
  font-size: 10px;
  font-weight: 800;
  color: #86efac;
  flex-shrink: 0;
}

.how-sber-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 2px 0;
}

.how-sber-bill-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.how-sber-label {
  font-size: 9.5px;
  color: #86efac;
}

.how-sber-merchant {
  font-size: 11.5px;
  color: #f8fafc;
  font-weight: 750;
}

.how-sber-amount {
  font-size: 23px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.5px;
  margin: 1px 0;
}

.how-sber-commission {
  font-size: 9px;
  color: #94a3b8;
}

.how-sber-action-box {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: 10px;
  background: rgba(34, 197, 94, 0.14);
  border: 1px solid rgba(34, 197, 94, 0.28);
  font-size: 10px;
  color: #bbf7d0;
  font-weight: 650;
}

.how-sber-biometric-circle {
  display: grid;
  place-items: center;
  animation: sber-pulse-bio 1.5s infinite ease-in-out;
}

@keyframes sber-pulse-bio {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.1); opacity: 1; filter: drop-shadow(0 0 6px #22c55e); }
}

/* Sber Success View */
.how-sber-success-view {
  animation: card-pop-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.how-sber-success-icon {
  margin-bottom: 2px;
  animation: sber-check-pop 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
  filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.5));
}

@keyframes sber-check-pop {
  0% { transform: scale(0); opacity: 0; }
  70% { transform: scale(1.15); }
  100% { transform: scale(1); opacity: 1; }
}

.how-sber-success-title {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.2px;
}

.how-sber-success-receipt {
  font-size: 10px;
  color: #86efac;
  font-weight: 650;
}

.how-sber-next-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  color: #94a3b8;
  margin-top: 2px;
}

.sber-next-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #22c55e;
  animation: live-blink 1s infinite alternate;
}

/* TELEGRAM LIVE PUSH BANNER */
.how-tg-push-banner {
  position: absolute;
  top: 6px;
  left: 10px;
  right: 10px;
  z-index: 25;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-radius: 13px;
  background: rgba(22, 34, 46, 0.96);
  border: 1px solid rgba(64, 142, 219, 0.4);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
  transform: translateY(-130%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.how-tg-push-banner.is-dropped {
  transform: translateY(0);
}

.tg-push-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AABEE, #229ED9);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.tg-push-content {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.tg-push-content strong {
  font-size: 10.5px;
  color: #fff;
  font-weight: 800;
}

.tg-push-content span {
  font-size: 9.5px;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* TELEGRAM GIFT STAGE & ANIMATED BOX */
.tg-confetti-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.how-tg-chat-frame {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  background: #0f1115;
  background-image: radial-gradient(circle at 50% 25%, rgba(32, 28, 42, 0.7), transparent 85%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.how-tg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: rgba(18, 19, 25, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.how-tg-back-pill {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #3e90ec;
  font-size: 13px;
  font-weight: 500;
  cursor: default;
}

.how-tg-avatar-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AABEE, #229ED9);
  display: grid;
  place-items: center;
  box-shadow: 0 2px 6px rgba(42, 171, 238, 0.35);
}

.how-tg-name-row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.how-tg-name {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.how-tg-body {
  padding: 10px 12px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.how-tg-date-bubble {
  background: rgba(0, 0, 0, 0.45);
  color: #8e8e93;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 12px;
}

.how-tg-bubble-caption {
  font-size: 11px;
  line-height: 1.35;
  color: #dedede;
  background: rgba(28, 24, 36, 0.88);
  padding: 5px 12px;
  border-radius: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  max-width: 95%;
}

.how-tg-card {
  position: relative;
  width: 100%;
  max-width: 310px;
  border-radius: 18px;
  background: linear-gradient(180deg, #18121a 0%, #221622 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.55);
  padding: 12px 10px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.how-tg-card-art {
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
}

.how-tg-real-box-wrap {
  width: 100%;
  max-width: 250px;
  height: 145px;
  display: grid;
  place-items: center;
  position: relative;
  transition: transform 0.25s ease;
}

.how-tg-real-gift {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.4));
  pointer-events: none;
}

/* Shake anticipation */
.how-tg-real-box-wrap.is-shaking {
  animation: real-box-shake 0.4s ease-in-out infinite;
}

@keyframes real-box-shake {
  0%, 100% { transform: scale(1) rotate(0deg); }
  25% { transform: scale(1.04) rotate(-3deg); }
  75% { transform: scale(1.04) rotate(3deg); }
}

.how-tg-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  margin-top: 4px;
}

.how-tg-gift-title {
  font-size: 15px;
  font-weight: 750;
  color: #fff;
  letter-spacing: -0.2px;
}

.how-tg-gift-desc {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.35;
  margin: 0;
  max-width: 260px;
}

.how-tg-view-btn {
  margin-top: 8px;
  background: rgba(255, 255, 255, 0.14);
  border: none;
  border-radius: 20px;
  padding: 7px 26px;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

.how-tg-view-btn:hover {
  background: rgba(255, 255, 255, 0.22);
}

.how-tg-view-btn:active {
  transform: scale(0.96);
}

.how-tg-counter-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  background: linear-gradient(90deg, #f59e0b, #e11d48);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.5);
  animation: badge-pop 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
  margin-bottom: 2px;
}

@keyframes badge-pop {
  0% { transform: scale(0); opacity: 0; }
  70% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}


/* ==========================================================================
   ENHANCED ORDER FORM & LIVE ORDER SUMMARY CARD
   ========================================================================== */

/* Enhanced Form Panel */
#screen-catalog .form-panel {
  border: 1px solid rgba(168, 85, 247, 0.22) !important;
  border-radius: 24px !important;
  background: linear-gradient(165deg, rgba(29, 22, 42, 0.88) 0%, rgba(17, 13, 26, 0.96) 100%) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(20px);
}

.field-number {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 7px;
  background: linear-gradient(135deg, #a855f7, #6366f1);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  box-shadow: 0 2px 8px rgba(168, 85, 247, 0.4);
  margin-right: 6px;
  flex-shrink: 0;
}

/* Enhanced Packages Grid */
.stars-packages {
  gap: 9px !important;
}

.star-package {
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.038) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 10px !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.star-package:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(168, 85, 247, 0.3) !important;
  transform: translateY(-1px);
}

.star-package.selected {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.24), rgba(88, 28, 135, 0.32)) !important;
  border-color: #c084fc !important;
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-2px);
}

.star-package.selected .pack-radio {
  border-color: #c084fc !important;
  background: #a855f7 !important;
  box-shadow: 0 0 10px #c084fc;
}

.star-package strong {
  font-weight: 800 !important;
  letter-spacing: -0.2px;
}

.star-package .pack-price {
  font-weight: 750 !important;
  color: #e9d5ff !important;
}

/* Enhanced Order Review Card */
.order-review {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 580px !important;
  margin: 22px auto 0 !important;
  padding: 22px 20px !important;
  border-radius: 24px !important;
  background: linear-gradient(165deg, rgba(30, 23, 44, 0.9) 0%, rgba(18, 14, 27, 0.97) 100%) !important;
  border: 1px solid rgba(168, 85, 247, 0.24) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(20px);
}

.order-review-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.order-review-title {
  font-size: 19px !important;
  font-weight: 850 !important;
  color: #fff !important;
  margin: 2px 0 0 !important;
  letter-spacing: -0.3px;
}

.review-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #4ade80;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.review-live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
  animation: pulse-live 1.8s infinite;
}

@keyframes pulse-live {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

.review-product-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 15px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
}

.review-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.35), rgba(124, 58, 237, 0.18));
  border: 1px solid rgba(168, 85, 247, 0.32);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(168, 85, 247, 0.25);
}

.review-icon-wrap img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.review-product-meta {
  flex: 1;
  min-width: 0;
}

.review-product-name-line {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#review-product {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 !important;
  letter-spacing: -0.2px;
}

.review-instant-pill {
  padding: 2px 7px;
  border-radius: 8px;
  background: rgba(234, 179, 8, 0.16);
  border: 1px solid rgba(234, 179, 8, 0.35);
  color: #facc15;
  font-size: 10px;
  font-weight: 750;
}

.review-product-item {
  font-size: 12.5px !important;
  color: #c4b5fd !important;
  margin: 3px 0 0 !important;
  font-weight: 550;
}

.review-receipt-card {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(14, 11, 21, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.review-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.review-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #a19bb1;
  font-weight: 500;
}

.review-val {
  font-size: 12.5px;
  color: #f5f3ff;
  font-weight: 700;
  text-align: right;
  max-width: 60%;
  overflow-wrap: anywhere;
}

.review-val.text-green {
  color: #4ade80 !important;
}

.review-receipt-divider {
  height: 1px;
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
  margin: 4px 0;
}

.review-total-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 2px;
}

.review-total-title {
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
}

.review-note-caption {
  font-size: 11px !important;
  color: #a19bb1 !important;
  margin: 2px 0 0 !important;
}

.review-total-sum {
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px;
  background: linear-gradient(135deg, #f5d0fe, #c084fc 60%, #e879f9);
  -webkit-background-clip: text;
  color: transparent !important;
  text-shadow: 0 0 20px rgba(192, 132, 252, 0.3);
}

.review-security-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border-radius: 12px;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  font-size: 11px;
  color: #86efac;
  margin: 12px 0 14px;
}

.review-checkout-action {
  width: 100%;
  height: 50px;
  border-radius: 16px;
  border: none;
  background: linear-gradient(135deg, #9333ea, #7c3aed 55%, #4f46e5);
  color: #fff;
  font-size: 14.5px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(147, 51, 234, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.16s, box-shadow 0.2s, filter 0.2s;
}

.review-checkout-action:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.review-checkout-action:active {
  transform: scale(0.98);
}

.review-checkout-action:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  filter: grayscale(0.5);
}

/* Floating Checkout Modernization */
.floating-checkout {
  border-radius: 18px !important;
  background: linear-gradient(135deg, #9333ea, #7c3aed 55%, #4f46e5) !important;
  box-shadow: 0 12px 32px rgba(147, 51, 234, 0.45), 0 2px 8px rgba(0,0,0,0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.floating-checkout strong {
  background: rgba(0, 0, 0, 0.25) !important;
  padding: 4px 11px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}


/* ── Franchise form (inside referral dashboard) ── */
.franchise-form-inline { margin-top: 14px; }
.franchise-field { display: block; margin-bottom: 12px; }
.franchise-field span { display: block; font-size: 12px; color: #b0a8cc; margin-bottom: 4px; font-weight: 500; }
.franchise-field input {
  width: 100%; padding: 10px 12px; font-size: 14px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 10px;
  background: rgba(255,255,255,.06); color: #faf8ff;
  outline: none; transition: border-color .2s;
}
.franchise-field input:focus { border-color: #a78bfa; }
.franchise-field input::placeholder { color: #5e5880; }
.franchise-create-btn {
  width: 100%; padding: 12px; font-size: 14px; font-weight: 600;
  border: none; border-radius: 12px; cursor: pointer;
  background: linear-gradient(135deg, #7c3aed, #3b82f6);
  color: #fff; transition: opacity .2s; margin-top: 4px;
}
.franchise-create-btn:hover { opacity: .9; }
.franchise-create-btn:disabled { opacity: .5; cursor: wait; }
.franchise-result {
  margin-top: 12px; padding: 12px; border-radius: 10px;
  font-size: 13px; line-height: 1.5;
}
.franchise-ok { background: rgba(52,211,153,.1); color: #34d399; border: 1px solid rgba(52,211,153,.2); }
.franchise-error { background: rgba(248,113,113,.1); color: #f87171; border: 1px solid rgba(248,113,113,.2); }


/* === MODERN MOBILE-OPTIMIZED HOW-IT-WORKS SECTION (2026) === */
.how-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.how-toggle-demo-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.22), rgba(124, 58, 237, 0.16));
  border: 1px solid rgba(168, 85, 247, 0.45);
  color: #f3e8ff;
  font-size: 11.5px;
  font-weight: 750;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(168, 85, 247, 0.15);
  flex-shrink: 0;
}

.how-toggle-demo-btn:hover {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.32), rgba(124, 58, 237, 0.25));
  border-color: rgba(168, 85, 247, 0.65);
  transform: translateY(-1px);
}

.how-toggle-demo-btn:active {
  transform: scale(0.96);
}

.how-toggle-demo-btn.is-open {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: #cbd5e1;
}

.how-toggle-icon-wrap {
  display: grid;
  place-items: center;
  color: #c084fc;
}

.how-toggle-demo-btn.is-open .how-toggle-icon-wrap {
  color: #94a3b8;
}

/* STEP CARDS (CLEAR READABLE TEXT BY DEFAULT) */
.how-step-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
}

.how-step-card {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  box-sizing: border-box;
}

.how-step-card:hover {
  background: rgba(168, 85, 247, 0.09);
  border-color: rgba(168, 85, 247, 0.3);
  transform: translateY(-1px);
}

.how-step-card:active {
  transform: scale(0.985);
  background: rgba(168, 85, 247, 0.15);
}

.how-step-card-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  flex-shrink: 0;
  padding-right: 6px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.how-step-number {
  font-size: 13px;
  font-weight: 900;
  color: #c084fc;
  letter-spacing: -0.3px;
  line-height: 1.1;
}

.how-step-time {
  font-size: 8.5px;
  font-weight: 700;
  color: #94a3b8;
  white-space: nowrap;
  margin-top: 2px;
}

.how-step-card-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.how-step-card-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.how-step-mini-icon {
  font-size: 11px;
  color: #c084fc;
  font-weight: 800;
}

.how-step-card-main strong {
  font-size: 12px;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: -0.2px;
}

.how-step-card-main p {
  font-size: 10.5px;
  line-height: 1.35;
  color: #94a3b8;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.how-step-arrow {
  font-size: 16px;
  color: #a855f7;
  font-weight: 800;
  opacity: 0.6;
  flex-shrink: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.how-step-card:hover .how-step-arrow {
  opacity: 1;
  transform: translateX(2px);
}

/* INTERACTIVE DEMO PLAYER (EXPANDABLE DRAWER) */
.how-demo-player {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: block;
  animation: how-player-slide-down 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.how-demo-player.collapsed {
  display: none !important;
}

@keyframes how-player-slide-down {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.how-player-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 2px;
}

.how-player-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 750;
  color: #4ade80;
}

.how-player-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.how-close-demo-btn {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  cursor: pointer;
  transition: all 0.18s ease;
}

.how-close-demo-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

/* FIX OVERFLOW IN SCENE 1 (PACKAGE SELECTION GRID) */
.how-sim-pkg-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.how-sim-pkg-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.how-sim-pkg-item.selected {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(126, 34, 206, 0.15)) !important;
  border-color: rgba(168, 85, 247, 0.65) !important;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.25) !important;
}

.how-sim-pkg-icon-wrap {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: grid !important;
  place-items: center !important;
}

.how-sim-pkg-icon-wrap img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
}

.how-sim-pkg-details {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.how-sim-pkg-details strong {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.how-sim-pkg-details span {
  font-size: 8px !important;
  color: #94a3b8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.how-sim-pkg-price {
  font-size: 9.5px !important;
  font-weight: 850 !important;
  color: #c084fc !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  padding: 2px 5px !important;
  background: rgba(168, 85, 247, 0.12) !important;
  border-radius: 6px !important;
}

/* FIX SCENE 3 TELEGRAM CHAT VIEW & VISIBILITY */
.how-tg-chat-frame {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 14px !important;
  background: #0f1610 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(35, 75, 45, 0.35), transparent 70%) !important;
  border: 1px solid rgba(80, 160, 100, 0.25) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.how-tg-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  background: rgba(14, 23, 16, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.how-tg-avatar-circle {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2AABEE, #229ED9) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}

.how-tg-header-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.how-tg-name-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.how-tg-name {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #fff !important;
}

.how-tg-sub {
  font-size: 9px !important;
  color: #8da495 !important;
}

.how-tg-push-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 7px !important;
  border-radius: 8px !important;
  background: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  font-size: 8.5px !important;
  font-weight: 750 !important;
  color: #4ade80 !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.how-tg-push-pill.is-active {
  background: rgba(34, 197, 94, 0.3) !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.35) !important;
}

.how-tg-push-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
}

.how-tg-body {
  padding: 8px 10px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.how-tg-bubble-caption {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  color: #e5f3e8 !important;
  background: rgba(30, 52, 36, 0.8) !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
  align-self: flex-start !important;
  max-width: 100% !important;
  border: 1px solid rgba(95, 165, 115, 0.2) !important;
  box-sizing: border-box !important;
}

.how-tg-bubble-author {
  font-weight: 750 !important;
  color: #4ade80 !important;
}

.how-tg-card {
  border-radius: 12px !important;
  background: rgba(32, 52, 38, 0.9) !important;
  border: 1px solid rgba(110, 180, 130, 0.25) !important;
  padding: 8px 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.how-tg-card-art {
  margin-bottom: 4px !important;
  display: grid !important;
  place-items: center !important;
  height: 64px !important;
  position: relative !important;
}

.how-tg-real-box-wrap {
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
}

.how-tg-card-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  width: 100% !important;
}

.how-tg-counter-badge {
  display: inline-block !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
}

.how-tg-gift-title {
  font-size: 13px !important;
  font-weight: 850 !important;
  color: #fff !important;
}

.how-tg-gift-desc {
  font-size: 9.5px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}


/* === PREMIUM 2026 COSMIC SPLASH LOADER === */
body.app-ready .app-shell,
body.app-ready .bottom-nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#app-loader {
  position: fixed !important;
  z-index: 9999999 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #090714 !important;
  background-image: 
    radial-gradient(circle at 50% 38%, rgba(139, 92, 246, 0.28), transparent 60%),
    radial-gradient(circle at 80% 75%, rgba(59, 130, 246, 0.18), transparent 50%),
    radial-gradient(circle at 20% 20%, rgba(236, 72, 153, 0.14), transparent 45%),
    linear-gradient(180deg, #0d0a1b 0%, #06050d 100%) !important;
  color: #f3f6fb !important;
  opacity: 1 !important;
  transition: opacity 0.42s cubic-bezier(0.16, 1, 0.3, 1), transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.42s ease !important;
  overflow: hidden !important;
  pointer-events: all !important;
}

#app-loader.is-leaving {
  opacity: 0 !important;
  transform: scale(1.04) !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.loader-backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.loader-glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(55px);
  opacity: 0.65;
  animation: loader-orb-pulse 4.5s ease-in-out infinite alternate;
}

.loader-glow-1 {
  width: 280px;
  height: 280px;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(168, 85, 247, 0.45), transparent 70%);
}

.loader-glow-2 {
  width: 240px;
  height: 240px;
  bottom: 18%;
  right: 12%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.3), transparent 70%);
  animation-delay: -2.2s;
}

@keyframes loader-orb-pulse {
  0% { transform: scale(0.9) translate(0, 0); opacity: 0.45; }
  50% { transform: scale(1.18) translate(8px, -10px); opacity: 0.8; }
  100% { transform: scale(1) translate(-8px, 6px); opacity: 0.55; }
}

.loader-stars-field {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.loader-stars-field i {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
  animation: loader-twinkle 2.5s ease-in-out infinite alternate;
}
.loader-stars-field i:nth-child(1) { top: 15%; left: 20%; animation-delay: 0.2s; }
.loader-stars-field i:nth-child(2) { top: 25%; right: 25%; width: 3px; height: 3px; animation-delay: 0.8s; }
.loader-stars-field i:nth-child(3) { top: 40%; left: 12%; animation-delay: 1.4s; }
.loader-stars-field i:nth-child(4) { top: 60%; right: 18%; animation-delay: 0.4s; }
.loader-stars-field i:nth-child(5) { top: 75%; left: 30%; width: 3px; height: 3px; animation-delay: 1.9s; }
.loader-stars-field i:nth-child(6) { top: 82%; right: 35%; animation-delay: 1.1s; }
.loader-stars-field i:nth-child(7) { top: 30%; left: 80%; animation-delay: 0.6s; }
.loader-stars-field i:nth-child(8) { top: 70%; left: 75%; animation-delay: 1.6s; }

@keyframes loader-twinkle {
  0% { opacity: 0.2; transform: scale(0.7); }
  100% { opacity: 1; transform: scale(1.3); }
}

.loader-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
}

.loader-emblem-wrap {
  position: relative;
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
}

.loader-ring {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2.5px solid transparent;
  border-top-color: #c084fc;
  border-right-color: #60a5fa;
  border-bottom-color: rgba(192, 132, 252, 0.15);
  animation: loader-spin-ring 1.8s linear infinite;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.4);
}

.loader-ring-pulse {
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border: 1px solid rgba(168, 85, 247, 0.25);
  animation: loader-ring-pulse-anim 2s ease-out infinite;
}

@keyframes loader-spin-ring {
  to { transform: rotate(360deg); }
}

@keyframes loader-ring-pulse-anim {
  0% { transform: scale(0.85); opacity: 0.8; }
  100% { transform: scale(1.25); opacity: 0; }
}

#app-loader .startup-emblem {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  border-radius: 23px;
  background: linear-gradient(145deg, #8b5cf6, #4f46e5);
  display: grid;
  place-items: center;
  box-shadow: 
    0 12px 32px rgba(124, 58, 237, 0.55),
    inset 0 1px 1.5px rgba(255, 255, 255, 0.6),
    inset 0 -3px 6px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.28);
  animation: loader-emblem-levitate 2.4s ease-in-out infinite alternate;
}

#app-loader .startup-emblem span {
  font-size: 34px;
  color: #fbbf24;
  filter: drop-shadow(0 2px 10px rgba(245, 158, 11, 0.75));
  animation: loader-star-pulse 2s ease-in-out infinite alternate;
}

@keyframes loader-emblem-levitate {
  0% { transform: translateY(0) scale(1); }
  100% { transform: translateY(-6px) scale(1.025); }
}

@keyframes loader-star-pulse {
  0% { filter: drop-shadow(0 2px 6px rgba(245, 158, 11, 0.5)); transform: scale(0.97); }
  100% { filter: drop-shadow(0 2px 16px rgba(251, 191, 36, 0.95)); transform: scale(1.07); }
}

.loader-text-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.loader-brand {
  font-size: 23px;
  font-weight: 850;
  letter-spacing: -0.5px;
  background: linear-gradient(135deg, #ffffff 30%, #e9d5ff 70%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 18px rgba(168, 85, 247, 0.3);
}

.loader-status {
  font-size: 11.5px;
  font-weight: 600;
  color: #c4b5fd;
  letter-spacing: 0.02em;
  min-height: 18px;
}

.loader-progress-track {
  width: 146px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  position: relative;
  margin-top: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.loader-progress-bar {
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7c3aed, #a855f7, #38bdf8);
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.8);
  animation: loader-bar-flow 1.4s ease-in-out infinite;
}

@keyframes loader-bar-flow {
  0% { transform: translateX(-120%) scaleX(0.7); }
  50% { transform: translateX(70%) scaleX(1.1); }
  100% { transform: translateX(260%) scaleX(0.7); }
}


/* === COMPACT HOW BANNER CARD ON CATALOG SCREEN === */
#screen-catalog .catalog-how {
  display: block !important;
  margin: 16px 0 20px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.how-compact-card {
  position: relative;
  overflow: hidden;
  padding: 16px 16px 14px;
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(29, 23, 46, 0.95), rgba(17, 14, 27, 0.98));
  border: 1px solid rgba(168, 85, 247, 0.32);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.how-compact-glow {
  position: absolute;
  top: -40px;
  right: -30px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.25), transparent 70%);
  pointer-events: none;
}

.how-compact-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.how-compact-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.how-compact-info .eyebrow {
  font-size: 9.5px;
  letter-spacing: 0.08em;
  color: #a78bfa;
  font-weight: 800;
  margin: 0;
}

.how-compact-title {
  margin: 0;
  font-size: 17px;
  font-weight: 850;
  color: #f8fafc;
  letter-spacing: -0.3px;
}

.how-compact-desc {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: #94a3b8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.how-demo-trigger-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 13px;
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(168, 85, 247, 0.4);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.how-demo-trigger-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(168, 85, 247, 0.55);
}

.how-demo-trigger-btn:active {
  transform: scale(0.96);
}

.how-play-circle {
  display: grid;
  place-items: center;
}

.how-compact-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.how-compact-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 10.5px;
  color: #e2e8f0;
  cursor: pointer;
  transition: all 0.18s ease;
  flex: 1;
  min-width: 0;
  justify-content: center;
}

.how-compact-pill:hover {
  background: rgba(168, 85, 247, 0.14);
  border-color: rgba(168, 85, 247, 0.4);
}

.how-compact-pill:active {
  transform: scale(0.96);
}

.how-pill-num {
  font-size: 10.5px;
  font-weight: 900;
  color: #c084fc;
}

.how-pill-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.how-compact-arrow {
  color: #a855f7;
  font-size: 11px;
  font-weight: 800;
  opacity: 0.5;
  flex-shrink: 0;
}

/* === HOW DEMO MODAL POPUP (AUTHENTIC TELEGRAM SHEET) === */
.how-demo-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  background: rgba(6, 4, 12, 0.82) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 1 !important;
  transition: opacity 0.25s ease !important;
}

.how-demo-backdrop.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.how-demo-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10001 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.how-demo-modal.hidden {
  display: none !important;
}

.how-modal-sheet {
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 480px !important;
  max-height: 92dvh !important;
  overflow-y: auto !important;
  border-radius: 26px 26px 0 0 !important;
  background: linear-gradient(175deg, #1b1429 0%, #110d1c 100%) !important;
  border: 1px solid rgba(168, 85, 247, 0.4) !important;
  border-bottom: none !important;
  box-shadow: 0 -14px 45px rgba(0, 0, 0, 0.8) !important;
  padding: 12px 16px calc(24px + env(safe-area-inset-bottom)) !important;
  animation: how-modal-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

@keyframes how-modal-slide-up {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media(min-width: 600px) {
  .how-demo-modal {
    align-items: center !important;
  }
  .how-modal-sheet {
    border-radius: 24px !important;
    border-bottom: 1px solid rgba(168, 85, 247, 0.4) !important;
    max-height: 85vh !important;
  }
}

.how-modal-handle {
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto 4px;
  flex-shrink: 0;
}

.how-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.how-modal-title-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.how-modal-title-col .eyebrow {
  font-size: 9.5px;
  letter-spacing: 0.08em;
  color: #a78bfa;
  font-weight: 800;
  margin: 0;
}

.how-modal-title-col h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 850;
  color: #fff;
  letter-spacing: -0.3px;
}

.how-modal-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.how-modal-close {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.18s ease;
}

.how-modal-close:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}


/* Gift cards: original icons and new drop badge */
.gift-card.is-new{border-color:#ff950066;background:linear-gradient(145deg,#32213a,#1a1624)}
.gift-card.is-new:hover{border-color:#ff9500aa}
.gift-card-badge{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:7px;background:linear-gradient(135deg,#ff5e3a,#ff9500);box-shadow:0 2px 8px #ff5e3a66;color:#fff;font-size:9px;font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase;transition:right .2s ease}
.gift-card.selected .gift-card-badge{right:38px}
.gift-card-icon{width:44px;height:44px;object-fit:contain;display:block}
#screen-catalog .gift-card.is-new{border-color:#ff950066;background:linear-gradient(145deg,#32213a,#1a1624)}
#screen-catalog .gift-card.is-new:hover{border-color:#ff9500aa}
#screen-catalog .gift-card-badge{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:7px;background:linear-gradient(135deg,#ff5e3a,#ff9500);box-shadow:0 2px 8px #ff5e3a66;color:#fff;font-size:9px;font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase;transition:right .2s ease}
#screen-catalog .gift-card.selected .gift-card-badge{right:38px}
#screen-catalog .gift-card-icon{width:44px;height:44px;object-fit:contain;display:block}


/* =========================================================
   MINIMALIST ELEGANT LUXURY LOADER (APPLE & LINEAR WITH 0-100%)
   ========================================================= */

#app-loader {
  position: fixed !important;
  z-index: 9999999 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #08070d !important;
  background-image: radial-gradient(circle at 50% 48%, rgba(212, 175, 55, 0.07) 0%, rgba(8, 7, 13, 0.98) 70%) !important;
  color: #faf8ff !important;
  opacity: 1 !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s ease !important;
  overflow: hidden !important;
  pointer-events: all !important;
}

#app-loader.is-leaving {
  opacity: 0 !important;
  transform: scale(1.025) !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.elegant-ambient-glow {
  position: absolute;
  width: 280px;
  height: 280px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(212, 175, 55, 0.09) 0%, transparent 70%);
  filter: blur(40px);
  pointer-events: none;
  animation: elegant-glow-breathe 3.5s ease-in-out infinite alternate;
}

@keyframes elegant-glow-breathe {
  0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.92); }
  100% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.15); }
}

.elegant-loader-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  user-select: none;
}

.elegant-emblem {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 
    0 16px 36px rgba(0, 0, 0, 0.5),
    inset 0 1px 1px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: grid;
  place-items: center;
  animation: elegant-emblem-float 3s ease-in-out infinite alternate;
}

@keyframes elegant-emblem-float {
  0% { transform: translateY(0); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.5); }
  100% { transform: translateY(-3px); box-shadow: 0 20px 42px rgba(0, 0, 0, 0.65), 0 0 24px rgba(212, 175, 55, 0.15); }
}

.elegant-emblem svg {
  animation: elegant-star-sheen 3s ease-in-out infinite alternate;
}

@keyframes elegant-star-sheen {
  0% { filter: drop-shadow(0 2px 8px rgba(212, 175, 55, 0.25)); transform: scale(0.97); }
  100% { filter: drop-shadow(0 4px 18px rgba(212, 175, 55, 0.55)); transform: scale(1.03); }
}

.elegant-brand {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.6px;
  color: #ffffff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8);
}

.elegant-progress-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.elegant-percent-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(250, 224, 132, 0.9);
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: baseline;
  gap: 1px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.elegant-percent-symbol {
  font-size: 11px;
  opacity: 0.75;
}

.elegant-hairline-track {
  width: 110px;
  height: 2px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 99px;
  overflow: hidden;
  position: relative;
}

.elegant-hairline-fill {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #aa8214, #d4af37, #fae084);
  box-shadow: 0 0 8px rgba(250, 224, 132, 0.75);
  transition: width 0.15s ease-out;
}