.launch-panel { width: min(440px, 100%); margin-top: 28px; padding: 16px 19px 13px; border: 1px solid #a893ff3d; border-radius: 16px; background: repeating-linear-gradient(112deg, transparent 0 5px, #a794ff03 5px 6px), linear-gradient(125deg, #201832e0, #0b0b13f5); box-shadow: 0 15px 40px #7f51ff0c; color: #f1ecff; }
.launch-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; }
.launch-panel-head strong { font-weight: 550; }
.launch-panel [data-launch-state] { color: #b8abc9; font: 8px var(--font-mono, monospace); }
.launch-digits { display: flex; align-items: flex-start; justify-content: center; gap: 16px; margin-block: 12px 9px; font: 38px/1 var(--font-mono, monospace); font-variant-numeric: tabular-nums; letter-spacing: -.06em; color: #d7c9ff; }
.launch-digits > span { display: flex; flex-direction: column; align-items: center; min-width: 58px; }
.launch-digits small { margin-top: 7px; color: #8a7d9b; font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.launch-digits b { font-weight: 400; }
.launch-digits i { padding-top: 0; color: #9074da; font-style: normal; }
.launch-panel-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 11px; border-top: 1px solid #a18acb18; color: #a496b7; font: 8px/1.6 var(--font-mono, monospace); }
.launch-panel-foot a { color: #d3c5ee; text-decoration: none; }
.launch-panel[data-expired=true] .launch-digits { opacity: .55; }
@media(max-width:480px){.launch-panel{padding:15px 16px 13px}.launch-digits{font-size:33px}.launch-panel-foot{font-size:7px}}