:root{font-family:Sora,Manrope,Segoe UI,Tahoma,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-height:100%;background:#000}body{display:flex;justify-content:center}#root{width:100%;max-width:450px;min-height:100vh;background:#0d0f13;overflow:hidden}.page-nav{position:fixed;top:90px;left:50%;transform:translate(-50%);width:100%;max-width:450px;padding:0 12px;box-sizing:border-box;z-index:999;pointer-events:none}.page-nav:before{content:"";position:absolute;top:-6px;left:12px;width:92px;height:6px;border-left:1px solid rgba(255,255,255,.051);border-right:1px solid rgba(255,255,255,.051);background-color:#0a0d1099;opacity:.92}.page-nav.page-nav-enter .page-back-btn{animation:backReveal .46s cubic-bezier(.2,.9,.2,1) 60ms both}.page-back-btn{height:40px;min-width:92px;border-radius:0 0 14px 14px;border:1px solid rgba(255,255,255,.051);border-top:none;background-color:#0a0d1099;color:#fff;font-size:14px;cursor:pointer;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px #0a0d1073,inset 0 1px #ffffff0f;will-change:transform,opacity}@keyframes backReveal{0%{opacity:0;transform:translateY(-20px) scaleY(.55)}55%{opacity:1;transform:translateY(2px) scaleY(1.04)}to{opacity:1;transform:translateY(0) scaleY(1)}}.roll-main-div{display:flex;justify-content:center;align-items:center;width:100%;height:77vh;padding:80px 0 10px;--card-w: min(320px, 90vw);--card-h: clamp(72px, 9vh, 96px);--slot-gap: 14px;--slot-h: 170px;background-image:url(/assets/bg-Dgd08c1Q.png)}@media(min-height:801px){.roll-main-div{height:84vh}}.roulette-wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center}.roulette-viewport{position:relative;width:100%;height:100%;min-height:70vh;overflow:hidden}.roulette-arrows-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.roulette-arrow{padding-bottom:30px;position:absolute;top:48%;transform:translateY(-50%);width:0;height:0;z-index:5;pointer-events:none}.roulette-arrow-left{left:max(10px,calc(50% - (var(--card-w) / 2) - 22px));border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:10px solid rgb(175,216,221);border-radius:10px}.roulette-arrow-right{right:max(10px,calc(50% - (var(--card-w) / 2) - 22px));border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:10px solid rgb(175,216,221);border-radius:10px}.roulette-arrow-spin{animation:arrowBounce .6s ease-out}@keyframes arrowBounce{0%{transform:translateY(-50%) translateY(0)}30%{transform:translateY(-50%) translateY(-12px)}55%{transform:translateY(-50%) translateY(8px)}80%{transform:translateY(-50%) translateY(-3px)}to{transform:translateY(-50%) translateY(0)}}.roulette-strip{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;align-items:center;will-change:transform}.roulette-item{width:100%;height:var(--slot-h);display:flex;justify-content:center;align-items:center;--scale: 1}.card-roll,.roulette-card-roll{width:var(--card-w);height:var(--card-h);min-width:200px;border-radius:22px;display:flex;justify-content:center;align-items:center;height:170px;transform:translateZ(0) scale(var(--scale));transform-origin:center;will-change:transform;transition:transform .14s ease-out}.card-summa-usdt{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:10px;min-height:180px;padding-bottom:30px;background-size:cover;background-position:center}.card-summa{margin:0;font-size:46px;font-weight:800;line-height:1}.usdt-div img{height:40px}.usdt-div{display:flex;align-items:center;gap:6px}.tier-gold .card-summa-usdt{color:#5b4e19}.tier-purple .card-summa-usdt{color:#51214f}.tier-red .card-summa-usdt{color:#632228}.tier-common .card-summa-usdt{color:#195b5b}.case-page{min-height:100vh;box-sizing:border-box;padding:128px 14px 240px;color:#eef4ff;position:relative;overflow-x:hidden;background:radial-gradient(520px 260px at 15% 0%,rgba(92,115,255,.2),transparent 62%),radial-gradient(480px 220px at 96% 10%,rgba(84,201,255,.13),transparent 64%),linear-gradient(180deg,#11111a,#0b101a)}.case-top{text-align:center;position:relative;z-index:1}.case-kicker{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b7c3f3c7;font-weight:700}.case-title{margin:6px 0 0;font-size:34px;line-height:1.03;font-weight:800}.case-subtitle{margin:8px auto 0;max-width:340px;color:#dce6faa8;font-size:13px;line-height:1.3}.case-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}.case-card{--case-accent: #6ac9ff;min-height:240px;border-radius:16px;border:1px solid color-mix(in srgb,var(--case-accent) 40%,rgba(255,255,255,.16));background:color-mix(in srgb,var(--case-accent) 24%,#111827);color:#fff;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 18px #00000042;animation:caseCardIn .46s cubic-bezier(.18,.85,.25,1) both;animation-delay:calc(var(--card-index, 0) * 45ms);transition:transform .16s ease,border-color .16s ease}.case-card-selected{border-color:color-mix(in srgb,var(--case-accent) 72%,white 28%);box-shadow:0 0 0 2px color-mix(in srgb,var(--case-accent) 44%,transparent)}.case-card:hover{transform:translateY(-2px)}.case-card-neon{--case-accent: #39a8ff}.case-card-glacier{--case-accent: #ff9f40}.case-card-ember{--case-accent: #ff587e}.case-card-relic{--case-accent: #b869ff}.case-card-nova{--case-accent: #48cd7d}.case-card-abyss{--case-accent: #6f8bff}.case-card-head{height:24px;display:flex;align-items:center;justify-content:flex-start}.case-card-cap{height:22px;border-radius:8px;padding:0 8px;background:#0000003d;border:1px solid rgba(255,255,255,.16);font-size:10px;letter-spacing:.04em;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.case-card-cap img,.case-roll-price img{width:12px;height:12px}.case-card-main{flex:1;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0000002e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px}.case-card-art{font-size:52px;line-height:1}.case-card-title{margin:0;font-size:18px;font-weight:700;line-height:1.1}.case-card-note{margin:0;font-size:12px;color:#fffc}.case-card-foot{height:42px;border-radius:10px;background:#0003;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.case-roll-price{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:24px;font-weight:800;line-height:1;color:#fff}.case-dock{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:450px;box-sizing:border-box;padding:12px 14px 14px;background:linear-gradient(180deg,#161c28d9,#0e131ef2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;box-shadow:0 -12px 24px #03070d70;z-index:1001}.case-selected-summary{margin-bottom:10px}.case-selected-name{font-size:15px;font-weight:700;line-height:1.1}.case-selected-meta{margin-top:3px;font-size:12px;color:#ebf0fa8f}.case-dock-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.case-wallet{display:flex;align-items:center;gap:9px}.case-wallet-icon{width:42px;height:42px;border-radius:999px;background:#319d974d;border:1px solid rgba(109,239,227,.36);display:flex;align-items:center;justify-content:center}.case-wallet-icon img{width:22px;height:22px}.case-wallet-title{font-size:16px;font-weight:700;line-height:1}.case-wallet-link{margin-top:2px;border:0;padding:0;background:transparent;color:#76cbff;font-size:12px;font-weight:600;cursor:pointer}.case-wallet-link:disabled{opacity:.5;cursor:not-allowed}.case-balance{text-align:right}.case-balance-value{font-size:19px;font-weight:800;line-height:1}.case-balance-label{margin-top:3px;color:#ffffff8f;font-size:11px}.case-open-btn{width:100%;height:44px;border:1px solid rgba(138,193,236,.3);border-radius:10px;background:linear-gradient(180deg,#4080c180,#2b588e9e);color:#f2f7fff5;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff29,0 8px 16px #0a1e3b5c;transition:transform .15s ease,filter .15s ease}.case-open-btn:hover{filter:brightness(1.06)}.case-open-btn:active{transform:translateY(1px)}.case-open-btn:disabled{background:#ffffff1f;border-color:#ffffff1f;color:#ffffff80;box-shadow:none}.case-error{margin-bottom:8px;border-radius:10px;padding:7px 10px;background:#ff607529;border:1px solid rgba(255,123,142,.35);color:#ffdbe2;font-size:12px;font-weight:600}.case-drop-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:18px}.case-drop-backdrop{position:absolute;inset:0;background:#060a10b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .18s ease}.case-drop-card{position:relative;width:min(100%,340px);border-radius:16px;padding:20px 16px 16px;text-align:center;background:linear-gradient(180deg,#182030f7,#111825fa);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #00000073;animation:modalIn .28s cubic-bezier(.2,.9,.2,1)}.case-drop-icon-wrap{width:58px;height:58px;margin:0 auto 10px;border-radius:999px;border:1px solid rgba(125,214,255,.42);background:radial-gradient(circle at 30% 30%,#87daff40,#3164c433);display:flex;align-items:center;justify-content:center;animation:pulse 1.8s ease-in-out infinite}.case-drop-icon-wrap img{width:28px;height:28px}.case-drop-label{font-size:12px;color:#dbe8ffd6;text-transform:uppercase;letter-spacing:.09em}.case-drop-value{margin-top:7px;font-size:36px;font-weight:800;line-height:1;color:#f2f7ff}.case-drop-case{margin-top:8px;font-size:14px;color:#ffffffa3}.case-drop-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-drop-again,.case-drop-close{height:40px;border-radius:9px;font-size:14px;font-weight:700}.case-drop-again{border:1px solid rgba(127,191,255,.32);background:linear-gradient(180deg,#4c8aeb75,#3466bb94);color:#fff}.case-drop-again:disabled{background:#ffffff1f;border-color:#ffffff1f;color:#ffffff80}.case-drop-close{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffe6}@keyframes caseCardIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:430px){.case-title{font-size:30px}.case-subtitle{font-size:12px}.case-card{min-height:220px}.case-card-art{font-size:46px}.case-card-title{font-size:16px}.case-card-note{font-size:11px}.case-roll-price{font-size:22px}.case-wallet-title{font-size:15px}.case-wallet-link{font-size:11px}.case-balance-value{font-size:17px}.case-open-btn{font-size:13px}.case-drop-value{font-size:30px}}.home-page{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:126px 18px 40px;position:relative;overflow:hidden}.home-page:before,.home-page:after{content:"";position:absolute;border-radius:999px;filter:blur(8px);pointer-events:none}.home-page:before{width:220px;height:220px;left:-90px;top:120px;background:radial-gradient(circle,#2b97ff3d,#2b97ff00 72%)}.home-page:after{width:260px;height:260px;right:-110px;bottom:90px;background:radial-gradient(circle,#4ed6a333,#4ed6a300 70%)}.home-hero{width:100%;max-width:360px;text-align:center;z-index:1}.home-kicker{margin:0;color:#b4d0ffe6;letter-spacing:.12em;font-size:12px;text-transform:uppercase;font-weight:700}.home-title{margin:8px 0 4px;font-size:40px;line-height:1;font-weight:800;color:#f4f8ff}.home-subtitle{margin:0;color:#e8f0ffb3;font-size:15px;line-height:1.35}.home-actions{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;z-index:1}.home-action-btn{width:100%;min-height:86px;border:1px solid rgba(255,255,255,.14);border-radius:18px;text-align:left;padding:14px 16px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff1f,0 10px 22px #0000003d;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.home-action-roll{background:linear-gradient(130deg,#2b75db6b,#14275599)}.home-action-case{background:linear-gradient(130deg,#23937666,#144e5194)}.home-action-label{font-size:26px;font-weight:800;line-height:1}.home-action-meta{font-size:14px;color:#ffffffc7}.home-action-btn:hover{transform:translateY(-2px);border-color:#ffffff42;box-shadow:inset 0 1px #ffffff2e,0 14px 28px #0000004d}.home-action-btn:active{transform:translateY(1px)}@media(max-width:430px){.home-title{font-size:34px}.home-subtitle{font-size:14px}.home-action-btn{min-height:78px;border-radius:16px}.home-action-label{font-size:23px}}.header-main-div{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:450px;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(14px,5vw,22px);box-sizing:border-box;background-color:#0a0d1099;border-radius:0 0 20px 20px;box-shadow:0 0 31px 18px #0a0d109a;border:1px solid rgba(255,255,255,.051);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-radius .22s ease;z-index:1000}.header-main-div.header-main-div--with-back{border-radius:0}.header-balance-div{display:flex;justify-content:space-between;align-items:center;width:120px;height:40px;background-color:#1f293780;border-radius:20px;color:#fff;font-weight:700}.balance-two-div{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#1f293780;border-radius:20px;color:#fff;font-weight:700;padding:0 10px}.balance-three-div{display:flex;justify-content:center;align-items:center;width:100%;height:40px;font-weight:700}.header-icon-div{display:flex;justify-content:center;align-items:center;width:54px;height:54px;background-color:#1f293780;border-radius:20px;overflow:hidden}.profile-photo-div{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.profile-photo-img{width:100%;height:100%;object-fit:cover}.profile-photo-fallback{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:800;color:#ffffffe6;background:#1f2937a6}.footer-main-div{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:450px;height:90px;display:flex;justify-content:center;align-items:center;background-color:#0a0d1099;border-radius:20px 20px 0 0;box-shadow:0 0 31px 18px #0a0d109a;border:1px solid rgba(255,255,255,.051);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000}.price-for-spin-div{display:flex;justify-content:space-evenly;align-items:center;width:120px;height:48px;background-color:#1f293780;border-radius:20px 0 0 20px;color:#fff;font-weight:700}.spin-button{width:200px;height:48px;background-color:#2f377c;border-radius:4px 20px 20px 4px;color:#fff;font-weight:600;border:none;cursor:pointer}.spin-button:disabled{opacity:.6;cursor:not-allowed}.spin-button a{color:#fff;text-decoration:none;font-size:17px}