:root{--bg:#080808;--panel:#11110f;--panel-2:#181714;--gold:#f8bd4e;--gold-2:#d98e19;--text:#f7f5ef;--muted:#8f8e88;--line:rgba(255,255,255,.09);--good:#61d790;--danger:#ff6969;--nav-height:74px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(248,189,78,.08),transparent 28%),#080808;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}.is-hidden{display:none!important}
.page-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.012) 50%,transparent 50.2%)}
.boot{position:fixed;z-index:90;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#080808;transition:.3s ease}.boot strong{font-size:17px;letter-spacing:.21em}.boot strong em{color:var(--gold);font-style:normal}.boot small{color:var(--muted);font-size:11px}.shield-mark,.shield-mini{display:grid;place-items:center;color:white;background:linear-gradient(145deg,#252523,#111);border:2px solid var(--gold);clip-path:polygon(50% 0,92% 16%,86% 73%,50% 100%,14% 73%,8% 16%)}.shield-mark{width:62px;height:72px;margin-bottom:7px}.shield-mark span{font-size:23px}.shield-mini{width:35px;height:41px;font-size:12px}
.app{width:min(100%,760px);margin:auto;padding:17px 16px calc(var(--nav-height) + 38px);min-height:100vh}.topbar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand-lockup{display:flex;gap:11px;align-items:center}.brand-lockup span,.eyebrow{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.brand-lockup h1{font-size:18px;margin:2px 0 0;letter-spacing:-.04em}.icon-button{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#111}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7}.count{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:2px 4px;border-radius:9px;background:var(--gold);color:#14100a;font-size:10px}
.view{display:none;animation:viewIn .35s ease}.view.is-active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(7px)}}
.market-hero,.cases-hero{position:relative;overflow:hidden;min-height:255px;padding:27px 24px;border:1px solid var(--line);background:#0e0e0d}.market-hero:before,.cases-hero:before{content:"";position:absolute;width:260px;height:260px;right:-95px;top:-86px;border:1px solid rgba(248,189,78,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(248,189,78,.025),0 0 0 60px rgba(248,189,78,.018)}.market-hero>div:first-child{position:relative;z-index:2;max-width:68%}.market-hero h2,.cases-hero h2{margin:16px 0 12px;font-size:35px;line-height:1.05;letter-spacing:-.055em}.market-hero h2 em,.cases-hero h2 em{font-style:normal;color:var(--gold)}.market-hero p,.cases-hero p{max-width:390px;margin:0;color:#a5a49e;font-size:12px;line-height:1.65}.hero-shield{position:absolute;right:17px;top:50px;width:105px;height:122px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 16%,86% 73%,50% 100%,14% 73%,8% 16%);background:linear-gradient(145deg,#3a2a13,#151410);border:1px solid #5b3d14;filter:drop-shadow(0 20px 35px rgba(248,189,78,.12))}.hero-shield:before{content:"";position:absolute;inset:9px;clip-path:inherit;background:#141412;border:1px solid var(--gold)}.hero-shield span{position:relative;font-size:37px;color:white}.hero-facts{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.hero-facts b{color:var(--text);font-size:11px}.cases-hero{min-height:210px}.cases-hero h2{font-size:33px;margin-top:13px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 1px 14px}.section-heading h3{font-size:20px;margin:4px 0 0;letter-spacing:-.04em}.subtle{font-size:10px;color:var(--muted)}
.catalog-tools{position:relative;display:grid;gap:9px;margin-bottom:14px}.search-box{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);background:#10100f}.search-box:focus-within{border-color:rgba(248,189,78,.5)}.search-box svg{width:18px;fill:none;stroke:var(--muted);stroke-width:1.7}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px}.search-box input::placeholder{color:#686863}.collection-results{position:absolute;z-index:20;top:52px;left:0;right:0;max-height:230px;overflow:auto;padding:6px;background:#171714;border:1px solid #363329;box-shadow:0 16px 40px #000}.collection-results button{width:100%;display:flex;justify-content:space-between;padding:11px;border:0;background:transparent;text-align:left;font-size:12px}.collection-results button:hover{background:rgba(248,189,78,.08)}.collection-results small{color:var(--muted)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.select-field{display:grid;gap:5px;padding:8px 11px;border:1px solid var(--line);background:#10100f}.select-field span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.select-field select{width:100%;border:0;outline:0;background:transparent;font-size:11px}.select-field option{background:#151514}.select-field.wide{grid-column:1/-1}
.gift-grid,.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gift-card{min-width:0;border:1px solid var(--line);background:#10100f;padding:8px;transition:.2s}.gift-card:active{transform:scale(.98)}.gift-image{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(248,189,78,.12),transparent 65%),#151513}.gift-image img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 12px 15px #000)}.gift-placeholder{font-size:54px}.gift-number,.status-pill{position:absolute;top:7px;left:7px;padding:4px 6px;border:1px solid rgba(255,255,255,.09);background:rgba(8,8,8,.75);font-size:8px}.status-pill{left:auto;right:7px;color:var(--good)}.status-pill.pending{color:var(--gold)}.gift-info{padding:9px 2px 5px}.gift-info h4{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.gift-info p{margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px}.gift-price{display:flex;align-items:end;justify-content:space-between;margin:8px 2px}.gift-price strong{font-size:15px}.gift-price small{font-size:8px;color:var(--gold)}.card-actions{display:grid;grid-template-columns:1fr 37px;gap:6px}.buy-button,.cart-add,.inventory-action{height:35px;border:0;background:var(--gold);color:#1a1308;font-size:10px;font-weight:800}.cart-add{background:#282721;color:var(--text);font-size:17px}.inventory-action{width:100%;background:#282721;color:var(--text)}.inventory-action:disabled{opacity:.45}.secondary-button,.primary-button{width:100%;height:49px;border:1px solid var(--line);background:#171714;font-weight:800;font-size:12px}.primary-button{border-color:transparent;background:var(--gold);color:#1d1407}.primary-button:disabled{background:#36342e;color:#777;cursor:not-allowed}.secondary-button{margin-top:14px}.skeleton{height:260px;background:linear-gradient(100deg,#10100f 25%,#1b1a17 45%,#10100f 65%);background-size:220% 100%;animation:skeleton 1.2s infinite}@keyframes skeleton{to{background-position:-220% 0}}.empty-state{grid-column:1/-1;padding:28px;border:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.empty-state b{display:block;color:var(--text);margin-bottom:5px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-card{position:relative;overflow:hidden;min-height:260px;padding:12px;border:1px solid var(--line);background:rgba(18,18,16,.82);text-align:center}.case-card.is-enabled{grid-column:1/-1;min-height:330px;border-color:rgba(248,189,78,.28);background:radial-gradient(circle at 50% 37%,rgba(248,189,78,.12),transparent 42%),rgba(18,18,16,.88)}.case-card img{display:block;width:100%;height:162px;object-fit:contain;mix-blend-mode:screen;animation:caseFloat 3.6s ease-in-out infinite;filter:drop-shadow(0 15px 18px rgba(0,0,0,.65))}.case-card.is-enabled img{height:210px}.case-card h4{margin:2px 0 4px;font-size:14px;letter-spacing:.06em}.case-card p{min-height:30px;margin:0;color:var(--muted);font-size:9px;line-height:1.45}.case-badge{position:absolute;right:10px;top:10px;padding:4px 7px;background:var(--gold);color:#191106;font-size:8px;font-weight:800}.case-badge.soon{background:#252522;color:#9c9b95;border:1px solid var(--line)}.case-open{height:42px;width:100%;margin-top:11px;border:0;background:var(--gold);color:#181106;font-size:11px;font-weight:800}.case-open:disabled{background:#272622;color:#777}.case-timer{display:block;margin-top:7px;color:var(--gold);font-size:9px}@keyframes caseFloat{50%{transform:translateY(-6px)}}
.profile-card{display:grid;grid-template-columns:66px 1fr;gap:15px;padding:20px;border:1px solid var(--line);background:#10100f}.avatar{width:66px;height:66px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--gold);background:#29271f;font-size:25px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.profile-copy h2{margin:5px 0 3px;font-size:20px}.profile-copy p{margin:0;color:var(--muted);font-size:9px}.balance-card{grid-column:1/-1;padding:17px;background:#191814;border-left:2px solid var(--gold)}.balance-card span{display:block;color:var(--muted);font-size:9px}.balance-card strong{display:block;margin:5px 0;font-size:27px}.balance-card small{color:var(--gold);font-size:10px}.profile-card .primary-button{grid-column:1/-1}.inventory-count{display:grid;place-items:center;width:27px;height:27px;background:#20201c;color:var(--gold);font-size:11px}
.liquid-nav{position:fixed;z-index:40;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),520px);height:var(--nav-height);display:grid;grid-template-columns:repeat(3,1fr);padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:23px;background:rgba(20,20,18,.78);box-shadow:0 18px 55px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(24px) saturate(145%)}.nav-button{position:relative;z-index:2;display:grid;place-content:center;justify-items:center;gap:4px;border:0;background:transparent;color:#777}.nav-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-button b{font-size:9px}.nav-button.is-active{color:#171006}.liquid-nav>i{position:absolute;z-index:1;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/3);border-radius:18px;background:linear-gradient(145deg,#ffd276,#e99d28);box-shadow:0 7px 25px rgba(248,189,78,.22);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.sheet,.modal{position:fixed;z-index:70;inset:0;display:grid;pointer-events:none;opacity:0;transition:.22s}.sheet.is-open,.modal.is-open{pointer-events:auto;opacity:1}.sheet{align-items:end}.sheet-backdrop,.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.74);backdrop-filter:blur(5px)}.sheet-panel{position:relative;z-index:2;max-height:82vh;padding:14px 18px calc(18px + env(safe-area-inset-bottom));overflow:auto;background:#151513;border-top:1px solid #39352a;transform:translateY(100%);transition:.27s}.sheet.is-open .sheet-panel{transform:none}.sheet-handle{width:40px;height:4px;margin:0 auto 17px;background:#494944}.sheet-title,.cart-total{display:flex;align-items:center;justify-content:space-between}.sheet-title h3{margin:4px 0 0}.close-button{width:35px;height:35px;border:0;background:#272622;color:#aaa;font-size:22px}.cart-items{display:grid;gap:8px;margin:18px 0}.cart-row{display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:10px;padding:8px;background:#1c1b18}.cart-row img{width:52px;height:52px;object-fit:contain}.cart-row h4{margin:0;font-size:11px}.cart-row small{color:var(--gold);font-size:9px}.cart-remove{height:34px;border:0;background:#292824;color:#aaa}.cart-total{padding:16px 0;border-top:1px solid var(--line)}
.modal{place-items:center;padding:15px}.modal-card,.conditions-card{position:relative;z-index:2;width:min(100%,430px);padding:24px;background:#171816;border:1px solid #36352f;transform:scale(.95);transition:.22s}.modal.is-open .modal-card,.modal.is-open .conditions-card{transform:none}.modal-close{position:absolute;right:12px;top:12px}.modal-card h3,.conditions-card h3{margin:8px 0 18px;font-size:22px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#22211d}.segmented button{height:39px;border:0;background:transparent;color:var(--muted);font-size:10px}.segmented button.is-active{background:var(--gold);color:#1b1308;font-weight:800}.input-field{display:grid;gap:6px;margin:14px 0}.input-field>span{font-size:9px;color:var(--muted)}.input-field>div{display:flex;padding:0 12px;border:1px solid var(--line);background:#111}.input-field input{width:100%;height:45px;border:0;outline:0;background:transparent}.hint{color:var(--muted);font-size:9px;line-height:1.55}.conditions-card h3{text-align:center;margin-bottom:3px}.modal-lead{text-align:center;margin:0 0 18px;color:var(--muted);font-size:10px}.condition-list{display:grid;gap:8px}.condition-row{display:grid;grid-template-columns:40px 1fr 10px;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid var(--line);background:#20211e;text-align:left}.condition-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#30312c;color:var(--gold);font-style:normal;font-size:17px}.condition-row span b{display:flex;justify-content:space-between;font-size:11px}.condition-row span b em{font-style:normal;color:var(--gold)}.condition-row small{display:block;margin-top:3px;color:#878780;font-size:8px}.condition-row>strong{color:#777;font-size:18px}.condition-row.is-done{border-color:rgba(97,215,144,.35)}.condition-row.is-done .condition-icon{background:rgba(97,215,144,.14);color:var(--good)}.conditions-note{min-height:14px;color:var(--muted);font-size:8px;text-align:center}.conditions-note.error{color:var(--danger)}
.opening-stage{position:relative;z-index:2;width:min(100%,480px);height:min(76vh,620px);display:grid;place-content:center;justify-items:center;overflow:hidden;text-align:center}.opening-stage img{position:relative;z-index:2;width:min(86vw,390px);height:340px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 25px 30px #000)}.opening-rays{position:absolute;width:130%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(248,189,78,.16) 0 8deg,transparent 8deg 21deg);opacity:0;transform:scale(.5);transition:.5s}.opening-stage.is-spinning img{animation:openShake 1.25s ease}.opening-stage.is-spinning .opening-rays{opacity:1;transform:scale(1);animation:rays 9s linear infinite}.opening-stage.is-revealed img{animation:caseReveal .7s ease forwards}.opening-copy{position:relative;z-index:3}.opening-copy h3{margin:8px 0 4px;font-size:28px}.opening-copy p{margin:0;color:var(--muted);font-size:11px}.opening-copy.is-prize h3{color:var(--gold);font-size:38px}.opening-close{position:absolute;z-index:5;right:5px;top:5px}@keyframes openShake{0%,100%{transform:none}15%{transform:rotate(-2deg) translateX(-6px)}30%{transform:rotate(2deg) translateX(6px)}50%{transform:scale(1.05)}70%{transform:rotate(-1deg)}}@keyframes rays{to{transform:rotate(360deg)}}@keyframes caseReveal{50%{transform:scale(1.13);filter:drop-shadow(0 0 55px var(--gold))}to{transform:scale(.82) translateY(-30px);filter:drop-shadow(0 12px 25px #000)}}
.toast{position:fixed;z-index:100;left:50%;bottom:100px;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);padding:11px 15px;border:1px solid #39362e;background:#1c1b18;box-shadow:0 15px 40px #000;font-size:10px;opacity:0;pointer-events:none;transition:.22s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:560px){.gift-grid,.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-card.is-enabled{grid-column:span 2}.market-hero{min-height:285px}.market-hero h2{font-size:43px}.hero-shield{width:136px;height:158px;right:40px}.filter-row{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.app{padding-left:11px;padding-right:11px}.market-hero{padding:21px 17px}.market-hero>div:first-child{max-width:72%}.market-hero h2{font-size:29px}.hero-shield{right:-2px;width:88px}.gift-grid{gap:7px}.gift-card{padding:6px}.case-card{min-height:235px}.case-card img{height:140px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.case-odds{display:flex;justify-content:center;gap:8px;margin:8px 0 0;color:#777;font-size:8px}.case-odds b{color:#c9c6bc;font-weight:600}
#opening-modal{background:rgba(5,5,5,.94);backdrop-filter:blur(12px)}

/* Soft UI pass */
.market-hero,.cases-hero,.gift-card,.case-card,.profile-card,.balance-card,.empty-state{border-radius:22px}
.icon-button,.search-box,.filter-button,.select-field,.buy-button,.cart-add,.inventory-action,.secondary-button,.primary-button,.case-open,.close-button,.segmented,.segmented button,.input-field>div,.condition-row,.toast{border-radius:15px}
.sheet-panel{border-radius:28px 28px 0 0}.modal-card,.conditions-card{border-radius:24px}.cart-row{border-radius:16px}
.search-actions{display:grid;grid-template-columns:1fr 48px;gap:9px}.filter-button{position:relative;display:grid;place-items:center;border:1px solid var(--line);background:#171714}.filter-button svg{width:20px;fill:none;stroke:var(--gold);stroke-width:1.8}.filter-button b{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;display:grid;place-items:center;border-radius:9px;background:var(--gold);color:#171006;font-size:8px}.active-filter-summary{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.active-filter-summary::-webkit-scrollbar{display:none}.filter-chip{flex:none;padding:7px 10px;border:1px solid rgba(248,189,78,.2);border-radius:13px;background:rgba(248,189,78,.07);color:#d9c08c;font-size:9px}
.gift-image{border-radius:17px}.gift-image img{width:auto;height:auto;max-width:92%;max-height:92%;object-fit:contain;image-rendering:auto;transform:translateZ(0)}
.case-card{display:flex;flex-direction:column;align-items:center}.case-card img{width:auto;height:auto;max-width:100%;max-height:172px;aspect-ratio:auto;object-fit:contain;image-rendering:auto;transform:translateZ(0)}.case-card.is-featured img{max-height:215px}.case-card h4{margin-top:auto}.case-card.is-enabled{grid-column:auto;min-height:280px}.case-card.is-featured{grid-column:1/-1;min-height:360px}.case-card.is-featured .case-open{margin-top:14px}.case-open{border-radius:15px}.case-odds{flex-wrap:wrap}
.filter-panel{max-height:92vh}.sheet-search{margin:16px 0 10px}.filter-collection-list{display:flex;gap:7px;max-height:92px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}.filter-collection-list button{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:#20201d;color:#a4a39d;font-size:9px}.filter-collection-list button.is-active{border-color:rgba(248,189,78,.5);background:rgba(248,189,78,.12);color:var(--gold)}.filter-section{display:grid;gap:7px;margin:13px 0}.filter-section>span{color:#777;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.filter-section .select-field{padding:11px 13px;border-radius:16px}.filter-footer{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.35fr;gap:9px;padding-top:12px;background:linear-gradient(transparent,#151513 18%)}.filter-footer .secondary-button{margin:0}
.balances-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.balance-card{grid-column:auto;min-width:0}.balance-card strong{font-size:21px;white-space:nowrap}.star-card{border-left-color:#fff;background:radial-gradient(circle at 90% 10%,rgba(248,189,78,.18),transparent 45%),#191814}.star-card strong{color:var(--gold)}.profile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-actions .secondary-button{margin:0}.wallet-balance{margin:17px 0;padding:20px;border:1px solid rgba(248,189,78,.25);border-radius:20px;background:radial-gradient(circle at 85% 0,rgba(248,189,78,.18),transparent 55%),#1a1915}.wallet-balance span,.wallet-balance small{display:block;color:var(--muted);font-size:9px}.wallet-balance strong{display:block;margin:5px 0;color:var(--gold);font-size:32px}.wallet-tabs{margin-bottom:14px}.star-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.star-presets button{height:39px;border:1px solid var(--line);border-radius:13px;background:#23221e;color:var(--gold);font-size:10px;font-weight:700}
.roulette-shell{position:relative;z-index:4;width:min(92vw,450px);margin:10px auto 18px}.roulette-window{overflow:hidden;padding:7px;border:1px solid rgba(248,189,78,.35);border-radius:18px;background:#161713;box-shadow:0 18px 45px rgba(0,0,0,.55)}.roulette-track{display:flex;gap:8px;will-change:transform;transform:translateX(0)}.roulette-item{flex:0 0 104px;height:116px;display:grid;place-content:center;justify-items:center;gap:6px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#2a2b28,#1b1c19);box-shadow:inset 0 1px rgba(255,255,255,.05)}.roulette-item i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffd677,#d9931e);color:#fff;font-size:25px;font-style:normal;filter:drop-shadow(0 8px 12px rgba(248,189,78,.2))}.roulette-item b{font-size:13px}.roulette-item small{color:var(--muted);font-size:8px}.roulette-item.is-winner{border-color:var(--gold);box-shadow:0 0 24px rgba(248,189,78,.25),inset 0 0 20px rgba(248,189,78,.09)}.roulette-pointer{position:absolute;z-index:5;left:50%;width:0;height:0;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.roulette-pointer.top{top:-3px;border-top:10px solid var(--gold)}.roulette-pointer.bottom{bottom:-3px;border-bottom:10px solid var(--gold)}.opening-stage.has-roulette>img{width:150px;height:140px}.opening-stage.has-roulette{align-content:center}.opening-stage.has-roulette .opening-copy h3{font-size:25px}
@media(max-width:370px){.balances-grid,.profile-actions{grid-template-columns:1fr}.balance-card strong{font-size:24px}.roulette-item{flex-basis:92px}.case-card.is-enabled{min-height:260px}}
.wallet-pill{min-width:76px;height:36px;padding:0 13px;border:1px solid rgba(248,189,78,.3);border-radius:15px;background:rgba(248,189,78,.1);color:var(--gold);font-size:12px;font-weight:800}.filter-collection-list button small{margin-left:4px;color:#777}.case-badge{border-radius:11px}.case-odds{min-height:34px;align-content:center}.case-card:not(.is-featured) .case-odds span:nth-child(2n){display:none}.case-card:not(.is-featured) .case-odds span{padding:4px 6px;border-radius:9px;background:rgba(255,255,255,.035)}.profile-actions .primary-button{grid-column:auto}

/* 2026-08-13 case preview, visual filters and admin-only Lucky Buy demo */
.gift-image img{max-width:98%;max-height:98%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.72))}.gift-card{cursor:pointer}.gift-card button{cursor:pointer}.filter-panel{height:min(94vh,760px);max-height:94vh}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0;padding:4px;border:1px solid var(--line);border-radius:17px;background:#0e0e0d}.filter-tabs button{height:38px;padding:0 4px;border:0;border-radius:13px;background:transparent;color:#777;font-size:9px;font-weight:800}.filter-tabs button.is-active{background:linear-gradient(135deg,#f8bd4e,#d98b21);color:#1c1306}.filter-pane{display:none;min-height:250px;max-height:46vh;overflow:auto;padding-right:2px}.filter-pane.is-active{display:block}.filter-pane.is-loading:before{content:"Загружаем официальные флоры…";display:block;padding:15px;color:var(--gold);font-size:10px;text-align:center}.attribute-option-list{display:grid;gap:7px}.attribute-option{width:100%;min-height:68px;display:grid;grid-template-columns:22px 48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:17px;background:#1c1c1a;text-align:left}.attribute-option.is-active{border-color:rgba(248,189,78,.5);background:rgba(248,189,78,.08)}.attribute-option .option-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #484743;border-radius:8px;color:var(--gold);font-size:11px}.attribute-option.is-active .option-check{border-color:var(--gold);background:var(--gold);color:#1a1206}.attribute-option img,.filter-swatch,.filter-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;object-fit:contain;background:radial-gradient(circle,rgba(248,189,78,.16),transparent 72%),#252522}.filter-swatch{background:radial-gradient(circle at 40% 35%,var(--c1),var(--c2))}.filter-symbol{color:var(--gold);font-size:20px;font-style:normal}.attribute-option>span:nth-of-type(2){min-width:0}.attribute-option b,.attribute-option small{display:block}.attribute-option b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.attribute-option small{margin-top:4px;color:#6f6e69;font-size:8px}.attribute-option>strong{color:#f2f0e9;font-size:10px;text-align:right}.attribute-option>strong small{color:var(--gold)}.filter-section.compact{margin:10px 0 0}.filter-footer{z-index:5}.collection-option{grid-template-columns:22px 48px minmax(0,1fr) auto}

.case-preview-card,.gift-detail-card,.lucky-card{position:relative;z-index:2;width:min(calc(100% - 20px),470px);max-height:92vh;overflow:auto;padding:20px;border:1px solid #3b372d;border-radius:28px;background:linear-gradient(155deg,#191917,#10100f 62%);box-shadow:0 30px 90px #000}.case-preview-hero{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:13px}.case-preview-hero img{width:116px;height:105px;object-fit:contain;filter:drop-shadow(0 13px 20px #000)}.case-preview-hero h3{margin:6px 0 3px;font-size:22px}.case-preview-hero p{margin:0;color:var(--muted);font-size:9px}.preview-notice{margin:13px 0;padding:11px;border:1px solid rgba(248,189,78,.18);border-radius:15px;background:rgba(248,189,78,.055);color:#8f8c84;font-size:9px;line-height:1.5}.preview-notice b{color:#e1c27f}.case-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto}.showcase-gift{min-width:0;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:7px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#1c1c1a}.showcase-gift>img,.showcase-gift>.gift-placeholder{width:52px;height:52px;display:grid;place-items:center;object-fit:contain;border-radius:12px;background:radial-gradient(circle,rgba(248,189,78,.15),transparent 70%)}.showcase-gift span{min-width:0}.showcase-gift b,.showcase-gift small,.showcase-gift em{display:block}.showcase-gift b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.showcase-gift small{margin:3px 0;color:var(--gold);font-size:8px}.showcase-gift em{color:#bd745d;font-size:6px;font-style:normal;letter-spacing:.04em}.case-star-pool{margin:13px 0;padding:12px;border-radius:17px;background:#1c1c19}.case-star-pool>span,.case-count-control>span{display:block;margin-bottom:8px;color:#75736e;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.case-star-pool>div{display:flex;gap:6px;overflow:auto}.case-star-pool b{flex:none;padding:8px 10px;border:1px solid rgba(248,189,78,.22);border-radius:12px;background:rgba(248,189,78,.07);color:var(--gold);font-size:10px}.case-count-control{margin:12px 0}.case-count-control>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.case-count-control button{height:39px;border:1px solid var(--line);border-radius:13px;background:#24231f;font-weight:800}.case-count-control button.is-active{border-color:var(--gold);background:var(--gold);color:#1a1206}

.gift-detail-card{padding-top:28px}.gift-detail-visual{position:relative;min-height:265px;display:grid;place-items:center;align-content:center;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 50% 45%,rgba(248,189,78,.24),transparent 62%),linear-gradient(135deg,#5d4b20,#161511)}.gift-detail-visual>img,.gift-detail-visual>.gift-placeholder{width:210px;height:210px;display:grid;place-items:center;object-fit:contain;font-size:80px;filter:drop-shadow(0 20px 22px rgba(0,0,0,.7))}.gift-detail-visual span:not(.gift-placeholder){position:absolute;left:15px;top:15px;padding:6px 9px;border-radius:10px;background:rgba(0,0,0,.45);font-size:9px}.gift-detail-visual h3{position:absolute;left:18px;bottom:13px;margin:0;font-size:22px}.gift-attribute-table{margin:12px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.gift-attribute-table>div{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.gift-attribute-table>div:last-child{border:0}.gift-attribute-table span{color:#777;font-size:9px}.gift-attribute-table b{color:#e9c06d;font-size:10px}.gift-attribute-table small{padding:4px 6px;border-radius:8px;background:rgba(248,189,78,.08);color:var(--gold);font-size:8px}.gift-detail-price{display:grid;grid-template-columns:1fr auto;align-items:end;margin:13px 1px}.gift-detail-price span{grid-row:1/3;color:#777;font-size:9px}.gift-detail-price strong{font-size:20px;text-align:right}.gift-detail-price small{color:var(--gold);font-size:9px;text-align:right}.lucky-button{width:100%;height:49px;margin-top:8px;border:1px solid rgba(71,182,111,.5);border-radius:16px;background:linear-gradient(135deg,rgba(47,131,76,.65),rgba(24,65,39,.7));color:#b7f3c9;font-size:11px;font-weight:800}

.lucky-card{overflow:hidden;text-align:center}.demo-badge{display:inline-block;margin-bottom:10px;padding:6px 9px;border:1px solid rgba(248,189,78,.25);border-radius:10px;background:rgba(248,189,78,.08);color:var(--gold);font-size:8px;font-weight:800}.lucky-wheel-wrap{position:relative;width:min(78vw,310px);margin:4px auto 12px;aspect-ratio:1}.lucky-wheel{--chance-angle:180deg;position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from -90deg,rgba(248,189,78,.95) 0 var(--chance-angle),#344242 var(--chance-angle) 360deg);box-shadow:inset 0 0 0 34px rgba(9,10,10,.23),0 18px 55px #000;transition:transform 1.7s cubic-bezier(.12,.72,.08,1)}.lucky-wheel:after{content:"";position:absolute;inset:36%;border-radius:50%;background:#222a29;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.lucky-wheel-gift{position:absolute;z-index:2;left:50%;top:12%;width:62px;height:62px;display:grid;place-items:center;transform:translateX(-50%)}.lucky-wheel-gift img{max-width:62px;max-height:62px;object-fit:contain;filter:drop-shadow(0 6px 8px #000)}.lucky-wheel-gift .gift-placeholder{font-size:37px}.lucky-fail{position:absolute;z-index:2;left:50%;bottom:19%;transform:translateX(-50%) rotate(-5deg);color:#87908d;font-size:16px;font-weight:800;font-style:italic}.lucky-pointer{position:absolute;z-index:4;left:50%;top:0;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:21px solid #fff;filter:drop-shadow(0 3px 4px #000)}.lucky-wheel.is-spinning{transform:rotate(1510deg)}.lucky-wheel.is-win{transform:rotate(1440deg);filter:drop-shadow(0 0 22px rgba(248,189,78,.5))}.lucky-wheel.is-fail{transform:rotate(1620deg);filter:grayscale(.35)}.lucky-card h3{margin:5px 0;font-size:20px}.lucky-card>p{margin:0 0 13px;color:#777;font-size:9px}.chance-heading,.lucky-stake{display:flex;justify-content:space-between;align-items:center;margin:12px 2px 7px;font-size:10px}.chance-heading strong{padding:6px 9px;border-radius:10px;background:#242421;color:var(--gold)}#lucky-chance{width:100%;accent-color:var(--gold)}.chance-scale{display:flex;justify-content:space-between;color:#666;font-size:8px}.lucky-stake{padding:12px;border-radius:15px;background:#1c1c19}.lucky-stake strong{color:var(--gold);font-size:15px}.lucky-result{min-height:44px;margin-top:9px}.lucky-result b,.lucky-result small{display:block}.lucky-result b{color:var(--gold);font-size:14px}.lucky-result small{margin-top:4px;color:#777;font-size:8px}

.opening-stage{height:min(92vh,760px);overflow:auto}.roulette-lanes{display:grid;gap:7px;width:100%;min-width:0}.roulette-lane{position:relative;min-width:0}.roulette-lane .roulette-pointer{position:absolute}.roulette-lanes.count-2,.roulette-lanes.count-3{grid-template-columns:1fr}.roulette-lanes.count-4,.roulette-lanes.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}.roulette-lanes.count-4 .roulette-window,.roulette-lanes.count-5 .roulette-window{width:100%;min-width:0}.roulette-lanes.count-4 .roulette-item,.roulette-lanes.count-5 .roulette-item{flex-basis:78px;height:86px}.roulette-lanes.count-4 .roulette-item i,.roulette-lanes.count-5 .roulette-item i{width:34px;height:34px;font-size:18px}.roulette-lanes.count-4 .roulette-item b,.roulette-lanes.count-5 .roulette-item b{font-size:9px}.roulette-lanes.count-4 .roulette-item small,.roulette-lanes.count-5 .roulette-item small{font-size:6px}.roulette-item>img,.roulette-item>.gift-placeholder{width:50px;height:50px;display:grid;place-items:center;object-fit:contain;font-size:28px}.roulette-item.is-showcase{border-color:rgba(173,104,82,.35);opacity:.78}.roulette-item.is-showcase small{color:#c47e65}.opening-stage.count-4 .roulette-shell,.opening-stage.count-5 .roulette-shell{width:min(96vw,500px)}

.filter-pane,.case-preview-card,.gift-detail-card,.lucky-card,.case-showcase,.case-star-pool>div,.opening-stage{scrollbar-width:none}.filter-pane::-webkit-scrollbar,.case-preview-card::-webkit-scrollbar,.gift-detail-card::-webkit-scrollbar,.lucky-card::-webkit-scrollbar,.case-showcase::-webkit-scrollbar,.case-star-pool>div::-webkit-scrollbar,.opening-stage::-webkit-scrollbar{display:none}

.case-section-title{display:block;margin:14px 2px 8px;color:#777;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.showcase-gift.is-real-prize{border-color:rgba(248,189,78,.25);background:linear-gradient(145deg,rgba(248,189,78,.08),#1b1b19)}.showcase-gift.is-real-prize em{color:var(--gold)}.roulette-item.is-gift{border-color:rgba(248,189,78,.28);background:radial-gradient(circle at 50% 34%,rgba(248,189,78,.14),transparent 62%),linear-gradient(155deg,#2a2924,#191916)}.roulette-item.is-gift small{color:var(--gold)}

.gift-detail-visual>video,.gift-detail-visual>.gift-detail-animation{width:210px;height:210px;display:grid;place-items:center;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.7));animation:giftDetailFloat 3.8s ease-in-out infinite}.gift-detail-animation{overflow:hidden}.gift-detail-animation svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%}

.roulette-item.is-showcase{border-color:var(--line);opacity:1}.roulette-item.is-showcase small{color:var(--muted)}

.gift-detail-visual>img{animation:giftDetailFloat 3.8s ease-in-out infinite}.gift-detail-card{animation:giftDetailEnter .32s cubic-bezier(.2,.8,.2,1)}@keyframes giftDetailEnter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes giftDetailFloat{50%{transform:translateY(-7px) rotate(1.2deg);filter:drop-shadow(0 28px 28px rgba(0,0,0,.72))}}

@media(max-width:370px){.filter-tabs button{font-size:8px}.attribute-option{grid-template-columns:20px 42px minmax(0,1fr) auto}.attribute-option img,.filter-swatch,.filter-symbol{width:40px;height:40px}.case-preview-card,.gift-detail-card,.lucky-card{width:calc(100% - 10px);padding:15px}.case-preview-hero{grid-template-columns:92px 1fr}.case-preview-hero img{width:92px}.showcase-gift{grid-template-columns:42px 1fr}.showcase-gift>img,.showcase-gift>.gift-placeholder{width:42px;height:42px}.roulette-lanes.count-4,.roulette-lanes.count-5{gap:4px}}

/* Official Telegram backdrop + pattern composition. */
.gift-art{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 42% 34%,var(--gift-center),var(--gift-edge) 76%);border-radius:inherit}.gift-art:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 42%,rgba(0,0,0,.2));pointer-events:none}.gift-art-pattern{position:absolute;z-index:1;inset:-8px;background-position:center;background-repeat:repeat;background-size:30px;opacity:.12;filter:grayscale(1) brightness(2.1);mix-blend-mode:screen;transform:rotate(-5deg) scale(1.08)}.gift-art>img,.gift-art>.gift-placeholder{position:relative;z-index:2;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(0,0,0,.72))}.gift-card-art{width:100%;height:100%}.gift-image{background:#161614}.gift-image>.gift-art{position:absolute;inset:0}.gift-image>.gift-art img{max-width:none;max-height:none}.gift-number{z-index:4}.gift-traits{display:flex;gap:5px;margin-top:6px;overflow:hidden}.gift-traits span{min-width:0;max-width:50%;padding:4px 6px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#1a1a18;color:#85837c;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-info{padding-bottom:2px}

/* Compact, visual filter sheets similar to Telegram's collectible browser. */
.filter-panel{background:linear-gradient(180deg,#191918,#111110)}.filter-tabs{position:sticky;top:-14px;z-index:6;padding-top:6px;background:#151513}.attribute-option{min-height:72px;padding:9px 10px;background:#20201e;transition:border-color .16s,background .16s,transform .16s}.attribute-option:active{transform:scale(.988)}.attribute-option .filter-art{width:50px;height:50px;border-radius:15px}.attribute-option .filter-art>img{width:88%;height:88%}.attribute-option>strong{min-width:76px}.attribute-option>strong small.floor-pending{max-width:76px;margin:0;color:#777;line-height:1.25}.attribute-option.is-active>strong small.floor-pending{color:var(--gold)}.filter-pane.is-loading:before{content:"Обновляем варианты…"}.filter-footer{padding-bottom:2px}.filter-footer button{border-radius:18px}.collection-option{min-height:76px}

/* Gift detail keeps the same real backdrop and tiled Telegram pattern. */
.gift-detail-visual{--gift-center:#9a7627;--gift-edge:#453817;isolation:isolate;background:radial-gradient(circle at 42% 34%,var(--gift-center),var(--gift-edge) 76%)}.gift-detail-visual:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 43%,rgba(0,0,0,.25));pointer-events:none}.gift-detail-pattern{position:absolute;z-index:1;inset:-12px;background-position:center;background-repeat:repeat;background-size:45px;opacity:.13;filter:grayscale(1) brightness(2.1);mix-blend-mode:screen;transform:rotate(-5deg) scale(1.08)}.gift-detail-visual>img,.gift-detail-visual>video,.gift-detail-visual>.gift-detail-animation{position:relative;z-index:2}.gift-detail-visual>span,.gift-detail-visual>h3{z-index:4}

/* Case previews reuse cached official offers and never stretch the first paint. */
.cases-hero{min-height:176px}.cases-hero h2{margin-bottom:9px}.case-skeleton{grid-column:auto!important;min-height:270px!important}.showcase-gift>.gift-art{width:52px;height:52px;border-radius:12px}.roulette-item>.gift-art{width:100%;height:86px;border-radius:13px}.lucky-wheel-gift>.gift-art{width:86px;height:86px;border-radius:24px}

@media(max-width:370px){.attribute-option .filter-art{width:42px;height:42px}.showcase-gift>.gift-art{width:42px;height:42px}.gift-traits span{font-size:6px}.attribute-option>strong{min-width:66px}}

/* Fragment thumbnails and TGS files already include the real backdrop and pattern. */
.gift-image{
  border-radius:18px;
  background:#111;
}
.gift-art.is-full-preview{
  background:#111;
}
.gift-art.is-full-preview:after,
.gift-art.is-full-preview .gift-art-pattern{
  display:none;
}
.gift-art.is-full-preview>img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  border-radius:inherit;
  filter:none;
  transform:none;
}

/* Inventory transfer state stays visible while reconciliation is running. */
.inventory-card .gift-art{
  transition:filter .25s ease,opacity .25s ease;
}
.inventory-card.is-processing .gift-art{
  filter:grayscale(1) brightness(.58);
  opacity:.72;
}
.inventory-card.is-sent .gift-art{
  filter:grayscale(.85) brightness(.72);
  opacity:.78;
}
.inventory-card.is-processing .gift-info,
.inventory-card.is-sent .gift-info{
  opacity:.62;
}
.inventory-state-overlay{
  position:absolute;
  z-index:10;
  inset:0;
  display:grid;
  place-items:center;
  padding:12px;
  border-radius:inherit;
  background:rgba(13,14,14,.42);
  pointer-events:none;
}
.inventory-state-overlay.is-sent{
  background:rgba(10,14,11,.32);
}
.inventory-state-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(24,25,24,.9);
  box-shadow:0 9px 24px rgba(0,0,0,.35);
  color:#eeeae0;
  font-size:9px;
  letter-spacing:.02em;
  white-space:nowrap;
}
.inventory-state-overlay.is-sent .inventory-state-badge{
  border-color:rgba(97,215,144,.28);
  color:#b9edcb;
}
.inventory-state-icon{
  flex:none;
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-style:normal;
  font-size:10px;
  line-height:1;
}
.inventory-state-icon.is-processing{
  border:2px solid rgba(248,189,78,.28);
  border-top-color:var(--gold);
  animation:inventoryClockSpin 1s linear infinite;
}
.inventory-state-icon.is-processing:after{
  content:"";
  width:2px;
  height:4px;
  border-radius:2px;
  background:var(--gold);
  box-shadow:2px 2px 0 -1px var(--gold);
}
.inventory-state-icon.is-sent{
  background:rgba(97,215,144,.18);
  color:var(--good);
  font-weight:900;
}
@keyframes inventoryClockSpin{to{transform:rotate(360deg)}}

/* The native collectible animation fills one rounded square without a second frame. */
.gift-detail-card{
  overflow-x:hidden;
}
.gift-detail-card>.modal-close{
  z-index:40;
  top:10px;
  right:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(25,25,23,.9);
  box-shadow:0 6px 18px rgba(0,0,0,.4);
  backdrop-filter:blur(10px);
}
.gift-detail-visual{
  z-index:1;
  width:100%;
  min-height:0;
  aspect-ratio:1;
  align-content:stretch;
  border-radius:25px;
  background:#111;
}
.gift-detail-visual:after,
.gift-detail-pattern{
  display:none;
}
.gift-detail-visual>img,
.gift-detail-visual>video,
.gift-detail-visual>.gift-detail-animation{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  border-radius:inherit;
  filter:none;
  animation:none;
  transform:none;
}
.gift-detail-animation{
  overflow:hidden;
  background:#111;
}
.gift-detail-animation svg{
  width:100%!important;
  height:100%!important;
}

/* 2026-08 case pass: equal cards, restrained tier glows and stable multi-lane reels. */
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.case-card,.case-card.is-enabled,.case-card.is-featured{grid-column:auto;min-height:302px;height:100%;padding:11px}
.case-card img,.case-card.is-enabled img,.case-card.is-featured img{width:100%;height:142px;max-height:142px;object-fit:contain}
.case-card h4{margin-top:auto}.case-card p{min-height:39px}.case-card .case-odds{min-height:42px;justify-content:center}
.case-card .case-odds span:nth-child(n){display:block}
.case-card.is-beginner{border-color:rgba(248,189,78,.72);box-shadow:inset 0 0 22px rgba(248,189,78,.07),0 0 20px rgba(248,189,78,.09)}
.case-card.is-promo{border-color:rgba(171,97,255,.45);box-shadow:inset 0 0 24px rgba(136,74,255,.08),0 0 22px rgba(136,74,255,.08)}
.case-card.is-sapphire{border-color:rgba(69,144,255,.5);box-shadow:inset 0 0 24px rgba(45,120,255,.08),0 0 22px rgba(45,120,255,.08)}
.case-card.is-ruby{border-color:rgba(224,67,76,.48);box-shadow:inset 0 0 24px rgba(224,46,65,.08),0 0 22px rgba(224,46,65,.08)}
.case-card.is-beginner img{filter:drop-shadow(0 13px 19px rgba(248,189,78,.22))}
.case-card.is-promo img{filter:drop-shadow(0 13px 20px rgba(143,76,255,.24))}
.case-card.is-sapphire img{filter:drop-shadow(0 13px 20px rgba(47,122,255,.22))}
.case-card.is-ruby img{filter:drop-shadow(0 13px 20px rgba(224,46,65,.2))}
.case-open{margin-top:9px}.case-timer{min-height:22px}

.opening-stage.is-spinning{overflow:hidden}.opening-stage.is-spinning img{animation:openShake 1.42s cubic-bezier(.36,.07,.19,.97) both}
.roulette-track{backface-visibility:hidden;transform:translate3d(0,0,0)}
.roulette-lanes.count-4,.roulette-lanes.count-5{grid-template-columns:1fr;gap:7px}
.roulette-lanes.count-4 .roulette-item,.roulette-lanes.count-5 .roulette-item{flex-basis:96px;height:100px}
.roulette-lanes.count-4 .roulette-item i,.roulette-lanes.count-5 .roulette-item i{width:40px;height:40px;font-size:21px}
.roulette-lanes.count-4 .roulette-item b,.roulette-lanes.count-5 .roulette-item b{font-size:10px}
.roulette-lanes.count-4 .roulette-item small,.roulette-lanes.count-5 .roulette-item small{font-size:7px}
.roulette-item.is-winner{animation:winnerPulse .9s ease-in-out infinite alternate}
#promo-code-field{margin:12px 0}
@media(min-width:520px){.roulette-lanes.count-4,.roulette-lanes.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.case-card,.case-card.is-enabled,.case-card.is-featured{min-height:284px}.case-card img,.case-card.is-enabled img,.case-card.is-featured img{height:126px;max-height:126px}.roulette-lanes.count-4,.roulette-lanes.count-5{grid-template-columns:1fr}}
@keyframes openShake{0%{transform:translate3d(0,0,0) rotate(0) scale(.96)}12%{transform:translate3d(-4px,1px,0) rotate(-1deg) scale(.99)}24%{transform:translate3d(5px,-1px,0) rotate(1.2deg) scale(1.01)}38%{transform:translate3d(-6px,0,0) rotate(-1.4deg) scale(1.025)}54%{transform:translate3d(6px,-2px,0) rotate(1.2deg) scale(1.035)}70%{transform:translate3d(-3px,0,0) rotate(-.6deg) scale(1.05)}84%{transform:translate3d(2px,-1px,0) rotate(.4deg) scale(1.06)}100%{transform:translate3d(0,0,0) rotate(0) scale(1.04);filter:drop-shadow(0 0 36px rgba(248,189,78,.42))}}
@keyframes winnerPulse{to{transform:translateY(-2px);box-shadow:0 0 30px rgba(248,189,78,.34),inset 0 0 24px rgba(248,189,78,.12)}}
.filter-help{margin:0 2px 10px;color:var(--muted);font-size:12px;line-height:1.45}
.lucky-wheel{transition:none}
.lucky-wheel.is-arming{animation:luckyArm .65s ease-in-out infinite alternate}
.lucky-wheel.is-settling{transform:rotate(var(--lucky-final-turn,1620deg));transition:transform 3.2s cubic-bezier(.08,.68,.08,1)}
.lucky-wheel.is-settling.is-win{filter:drop-shadow(0 0 22px rgba(248,189,78,.5))}
.lucky-wheel.is-settling.is-fail{filter:grayscale(.35)}
@keyframes luckyArm{to{filter:brightness(1.16);box-shadow:inset 0 0 0 34px rgba(9,10,10,.18),0 18px 64px rgba(248,189,78,.12)}}

/* Lightweight SAFE STARS launch screen. No video or additional runtime assets. */
.boot{
  z-index:120;
  isolation:isolate;
  overflow:hidden;
  place-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 46%,rgba(248,189,78,.17),transparent 26%),
    radial-gradient(circle at 50% 48%,rgba(143,91,20,.12),transparent 48%),
    linear-gradient(180deg,#0b0b0a,#050505 72%);
  opacity:1;
  filter:blur(0);
  transform:scale(1);
  transition:opacity .38s ease,filter .4s ease,transform .42s cubic-bezier(.2,.8,.2,1);
}
.boot:before{
  content:"";
  position:absolute;
  z-index:-2;
  width:min(86vw,420px);
  aspect-ratio:1;
  left:50%;
  top:46%;
  border:1px solid rgba(248,189,78,.08);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(248,189,78,.018),0 0 0 82px rgba(248,189,78,.012);
  transform:translate(-50%,-50%);
  animation:bootAura 4.8s ease-in-out infinite;
}
.boot:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at center,#000,transparent 72%);
}
.boot.is-leaving{
  opacity:0;
  filter:blur(12px);
  transform:scale(1.055);
  pointer-events:none;
}
.boot-stage{
  width:min(76vw,290px);
  display:grid;
  justify-items:center;
  text-align:center;
}
.boot-logo{
  position:relative;
  width:154px;
  height:184px;
  display:grid;
  place-items:center;
  margin-bottom:2px;
  animation:bootFloat 2.65s ease-in-out infinite;
}
.boot-logo:after{
  content:"";
  position:absolute;
  width:88px;
  height:18px;
  left:50%;
  bottom:4px;
  border-radius:50%;
  background:rgba(0,0,0,.72);
  filter:blur(8px);
  transform:translateX(-50%);
  animation:bootShadow 2.65s ease-in-out infinite;
}
.boot-shield{
  position:relative;
  z-index:3;
  width:102px;
  height:119px;
  display:grid;
  place-items:center;
  clip-path:polygon(50% 0,92% 16%,86% 73%,50% 100%,14% 73%,8% 16%);
  background:linear-gradient(145deg,#ffd273,#d48a1c 42%,#604010 78%,#f5b840);
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.66)) drop-shadow(0 0 22px rgba(248,189,78,.22));
}
.boot-shield:before{
  content:"";
  position:absolute;
  inset:3px;
  clip-path:inherit;
  background:linear-gradient(145deg,#2b2923,#090909 72%);
}
.boot-shield>div{
  position:absolute;
  inset:12px;
  display:grid;
  place-items:center;
  clip-path:inherit;
  border:1px solid rgba(248,189,78,.62);
  background:radial-gradient(circle at 42% 30%,rgba(248,189,78,.14),transparent 45%),#121210;
}
.boot-shield span{
  position:relative;
  color:#fff8e8;
  font-size:37px;
  text-shadow:0 0 18px rgba(248,189,78,.72);
  animation:bootStar 1.8s ease-in-out infinite;
}
.boot-logo-orbit{
  position:absolute;
  z-index:1;
  width:142px;
  height:142px;
  border:1px solid rgba(248,189,78,.19);
  border-radius:50%;
  transform:rotate(-18deg);
}
.boot-logo-orbit:after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  right:7px;
  top:23px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 16px var(--gold);
}
.boot-logo-spark{
  position:absolute;
  z-index:4;
  color:var(--gold);
  font-size:13px;
  text-shadow:0 0 12px var(--gold);
  animation:bootSpark 1.9s ease-in-out infinite;
}
.boot-logo-spark-one{left:10px;top:52px}
.boot-logo-spark-two{right:10px;bottom:38px;animation-delay:-.9s}
.boot-wordmark{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:0;
  font-size:27px;
  line-height:1;
  letter-spacing:.17em;
}
.boot-wordmark strong{font-size:inherit;letter-spacing:inherit}
.boot-wordmark em{color:var(--gold);font-style:normal}
.boot-stage>p{
  margin:9px 0 34px;
  color:#77736b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.22em;
}
.boot-progress{
  position:relative;
  width:100%;
  height:6px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:99px;
  background:#1c1b18;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 24px rgba(248,189,78,.045);
}
.boot-progress i{
  position:absolute;
  inset:0 auto 0 0;
  width:8%;
  border-radius:inherit;
  background:linear-gradient(90deg,#cb7f16,#ffcc68,#fff0b3);
  box-shadow:0 0 12px rgba(248,189,78,.52);
  transition:width .32s cubic-bezier(.2,.8,.2,1);
}
.boot-progress i:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
  transform:translateX(-100%);
  animation:bootShimmer 1.25s linear infinite;
}
.boot-status{
  width:100%;
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  color:#77736b;
  font-size:8px;
  letter-spacing:.04em;
}
.boot-status b{color:#b99a5e;font-size:8px}
.boot-ambient i{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 10px rgba(248,189,78,.7);
  opacity:.2;
  animation:bootParticle 4.5s ease-in-out infinite;
}
.boot-ambient i:nth-child(1){left:18%;top:29%}
.boot-ambient i:nth-child(2){right:17%;top:23%;animation-delay:-1.6s}
.boot-ambient i:nth-child(3){left:24%;bottom:24%;animation-delay:-2.7s}
.boot-ambient i:nth-child(4){right:22%;bottom:28%;animation-delay:-.8s}
.boot-ambient i:nth-child(5){left:50%;top:16%;animation-delay:-3.4s}
.boot.is-error .boot-logo{animation:none}
.boot.is-error .boot-progress{display:none}
.boot.is-error .boot-wordmark{font-size:18px;letter-spacing:.1em}
.boot.is-error .boot-status{justify-content:center;max-width:260px;color:#a4a098;line-height:1.55}
@keyframes bootFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-10px)}}
@keyframes bootShadow{0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}50%{opacity:.38;transform:translateX(-50%) scale(.78)}}
@keyframes bootStar{50%{transform:scale(1.08);color:#fff;text-shadow:0 0 24px rgba(248,189,78,.92)}}
@keyframes bootSpark{0%,100%{opacity:.18;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(90deg)}}
@keyframes bootAura{50%{opacity:.62;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes bootShimmer{to{transform:translateX(100%)}}
@keyframes bootParticle{0%,100%{opacity:.12;transform:translateY(9px) scale(.7)}50%{opacity:.55;transform:translateY(-10px) scale(1)}}
@media(max-height:610px){.boot-logo{height:148px;transform:scale(.88);margin-bottom:-5px}.boot-stage>p{margin-bottom:22px}.boot-wordmark{font-size:24px}}