.cascade-bar{display:flex;align-items:center;gap:14px;min-height:54px;padding:9px 15px;background:linear-gradient(95deg,#123449,#0e2432);border:1px solid #407f99;border-bottom:0;color:#b4f2ff;font-size:11px}
.cascade-symbol{font-size:30px;color:#7be4ff;text-shadow:0 0 14px #62d3ff88}
.cascade-bar div{flex:1;min-width:0}.cascade-bar b{font-size:12px;letter-spacing:1px}.cascade-bar small{display:block;font-size:10px;color:#8eb8ce;margin-top:4px}
.cascade-bar>span:not(.cascade-symbol){white-space:nowrap;padding:5px 8px;border:1px solid #407b91;border-radius:3px;background:#0b1f2d}
.cascade-bar.active{border-color:#86efff;box-shadow:inset 0 0 25px #52cfff22}.cascade-bar.active #cascade-value{color:#e6ffff;box-shadow:0 0 15px #50d9ff33}
.landing-instruction{padding:9px 11px;border-left:2px solid #78def7;background:#112e40;color:#b0e9f7;font-size:11px;line-height:1.7;margin:10px 0}
.pause-overlay{inset:65px 12px auto auto;padding:10px 14px;background:#092536e8;border:1px solid #6ac5df;border-radius:4px;gap:7px;backdrop-filter:blur(3px)}.pause-overlay>span{font-size:14px}.pause-overlay .primary-button{min-height:32px;padding:5px 12px;font-size:11px}
@media(max-width:700px){.cascade-bar{gap:8px;padding:8px;font-size:10px;flex-wrap:wrap}.cascade-bar div{flex-basis:65%}.cascade-bar small{line-height:1.4}.cascade-symbol{font-size:24px}.cascade-bar>span:not(.cascade-symbol){margin-left:32px;padding:3px 6px}.cascade-bar>span:last-child{margin-left:0}}