.imposo-timebar{position:relative;display:block;box-sizing:border-box;width:100%;height:32px;min-height:28px;min-width:0;padding:0;border:1px solid #e2ff8880;border-radius:11px;background:#14121e;box-shadow:inset 0 2px 7px #0007,0 2px 7px #0003;overflow:hidden;isolation:isolate;vertical-align:middle}
.imposo-timebar .imposo-timebar-fill{position:absolute;display:block;box-sizing:border-box;inset:0 auto 0 0;height:100%;min-width:0;max-width:100%;width:var(--time-left,100%);background:linear-gradient(100deg,#f8d95e,#e2ff88);border-radius:9px;box-shadow:inset 0 1px 0 #ffffff88,inset -2px 0 0 #ffffc1;animation:imposo-time-drain var(--time-duration,0s) linear forwards}
.imposo-timebar .imposo-timebar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff24,transparent 48%,#0002)}
.imposo-timebar[data-tone="orange"]{border-color:#ffd783}.imposo-timebar[data-tone="red"]{border-color:#ff7899}
.imposo-timebar .imposo-timebar-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:900 12px/1 Arial,sans-serif;letter-spacing:.15em;text-shadow:0 1px 2px #000,0 0 5px #000;pointer-events:none}
.imposo-timebar.symbols-clock{flex:0 1 160px;width:160px;margin-left:auto}
.imposo-timebar.four-timer,.imposo-timebar.classic-clock{width:100%;max-width:490px;padding:0;gap:0}
.imposo-timebar.guess-countdown{max-width:490px;margin:10px auto}
.tower-stats>.tower-time{grid-column:1/-1;min-width:0}.tower-time .imposo-timebar{height:28px}
.slf-countdown:has(.imposo-timebar){padding:0;background:none}
#symbols-interim-clock{max-width:260px;margin:16px auto}
#splash-countdown .imposo-timebar{width:min(72vw,280px);margin:16px auto}
@media(orientation:landscape){body.game-active .imposo-timebar.classic-clock,body.game-active .imposo-timebar.four-timer{height:28px;padding:0;min-height:28px}.symbols-top .imposo-timebar{height:28px}}
@media(prefers-reduced-motion:reduce){.imposo-timebar .imposo-timebar-fill{animation:none;transition:none}}

@keyframes imposo-time-drain{from{width:var(--time-start,100%)}to{width:0%}}

/* Invisible computer countdown retains its exact layout box and CSS selectors. */
.imposo-timebar.countdown-reserved{visibility:hidden!important;pointer-events:none}