:root{--green:#1475e1;--green2:#0d5fbd;--blue:#1475e1;--blue2:#2389f4}
button{border-radius:15px!important;cursor:pointer}
.brand{letter-spacing:0}
.wordmark{color:#fff;font-family:Inter,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:900;line-height:1;letter-spacing:.8px}
.balance button{background:var(--blue)}
.star-icon{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:-3px;flex:0 0 auto}
.balance>.star-icon{width:18px;height:18px}
.page{padding:14px 11px 24px}

.channel-banner{position:relative;display:flex;align-items:center;min-height:86px;padding:15px 88px 15px 18px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(120deg,#242b34,#1b222a);border:1px solid #303b46;border-radius:21px;box-shadow:0 8px 24px #0003}
.channel-banner:active{transform:scale(.985)}
.channel-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 50%,#1475e130,transparent 40%);pointer-events:none}
.channel-copy{position:relative;z-index:2;display:grid;gap:5px}
.channel-copy strong{font-size:18px;line-height:1.05}
.channel-copy span{font-size:12px;line-height:1.25;color:#c6ced7}
.channel-banner img{position:absolute;right:9px;bottom:-25px;width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 14px #60b4ff77)}
.channel-arrow{position:absolute;right:8px;top:7px;color:#8e9aa7;font-size:20px;z-index:3}

.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;height:220px;padding:13px;overflow:hidden;background:linear-gradient(160deg,#202a33,#171e25);border:1px solid #2e3944;border-radius:24px;box-shadow:0 8px 22px #0003}
.active-case{cursor:pointer;background:linear-gradient(160deg,#263641,#19242d)}
.active-case::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:70px;background:#1475e1;filter:blur(25px);opacity:.7}
.active-case:active{transform:scale(.98)}
.case-price{position:absolute;top:12px;left:12px;z-index:3;padding:6px 9px;background:#111922dd;border:1px solid #344453;border-radius:11px;font-size:11px;font-weight:900}
.case-price{display:flex;align-items:center;gap:4px}
.tile-rocket{position:absolute;z-index:2;top:25px;left:50%;width:155px;height:155px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 13px 13px #0007)}
.tile-copy{position:relative;z-index:3;display:grid;gap:3px}
.tile-copy strong{font-size:15px}.tile-copy span{font-size:10px;color:#aeb9c3}
.soon-case{align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#20262d,#151a20)}
.soon-mark{display:grid;place-items:center;width:88px;height:88px;margin-bottom:18px;border:2px dashed #475463;border-radius:50%;color:#647180;font-size:48px;font-weight:900;box-shadow:inset 0 0 28px #0004}
.soon-case .tile-copy span{color:#687581}

nav{bottom:12px;width:min(430px,calc(100% - 22px));height:66px;padding:5px;background:#171f29eF;border:1px solid #2b3744;border-radius:25px;box-shadow:0 10px 35px #0008;overflow:hidden}
nav button{height:54px;border-radius:20px!important;transition:.2s}
nav button span{font-size:20px;margin-bottom:2px}
nav button.active{color:#58aaff;background:#17385b}

.case-info button,.primary,.promo-box button,.win-card button,.profile-deposit,.promo-row button{color:#fff;background:linear-gradient(180deg,var(--blue2),var(--blue));box-shadow:0 5px 0 #0b56ac;border:0;font-weight:900}
.roll-item.winner{border-color:var(--blue);box-shadow:0 0 28px #1475e188}
.modal{background:#06101ee8}.win-card{border-color:#35658f;box-shadow:0 0 70px #1475e155}

.profile-head{display:flex;flex-direction:column;align-items:center;padding:20px 0 6px;text-align:center}
.profile-avatar{width:104px;height:104px;object-fit:cover;border-radius:50%;border:3px solid #2b83e8;background:linear-gradient(145deg,#2389f4,#0d4e94);box-shadow:0 0 0 7px #1475e118,0 16px 35px #0007}
.profile-head h1{margin:16px 0 2px;font-size:25px}.profile-head>span{color:#8695a3;font-size:12px}
.profile-balance{display:flex;align-items:center;justify-content:space-between;width:100%;margin:22px 0 10px;padding:14px 16px;background:#18232d;border:1px solid #2b3a47;border-radius:18px;text-align:left}
.profile-balance span{color:#9dacb8;font-size:12px}.profile-balance strong{font-size:18px}.profile-balance strong span{color:#fff;font-size:18px}
.profile-balance strong{display:flex;align-items:center;gap:5px}.profile-balance .star-icon{width:19px;height:19px}
.primary span{display:flex;align-items:center;gap:5px}.primary span .star-icon{width:17px;height:17px}
.prize small .star-icon{width:12px;height:12px;vertical-align:-2px}
.profile-deposit{width:100%;padding:15px;font-size:15px}
.profile-card{margin-top:18px;padding:16px;background:#18232d;border:1px solid #2b3a47;border-radius:20px}
.profile-card-title{display:flex;align-items:center;gap:11px;margin-bottom:13px;text-align:left}.profile-card-title>div{display:grid;gap:3px}.profile-card-title strong{font-size:15px}.profile-card-title small{color:#8f9daa;font-size:10px}
.promo-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1475e122;color:#58aaff;font-size:20px;font-weight:1000}
.promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.promo-row input{min-width:0;padding:13px 10px;background:#0e171f;border:1px solid #344653;border-radius:13px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px}.promo-row button{padding:0 13px;font-size:11px}
.empty-inventory{display:grid;place-items:center;min-height:180px;color:#63717d;background:#151e26;border:1px dashed #33414d;border-radius:20px}.empty-note{color:#8394a2}
.history-item{border-radius:17px}
.history-prize{display:flex;align-items:center;min-width:0;gap:11px}
.history-prize>div{min-width:0}
.history-prize b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-image{display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain;padding:3px;background:#101922;border:1px solid #30404d;border-radius:14px}
.history-prize>b{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;margin:0;background:#101922;border-radius:14px;font-size:25px}
.section-head{margin-top:22px}

@media(max-width:380px){.case-tile{height:200px}.tile-rocket{width:138px;height:138px}.channel-copy strong{font-size:16px}.promo-row{grid-template-columns:1fr}.promo-row button{padding:12px}}