/* Warm-paper outer frame, quiet mission-control display. */
.countdown-hero{margin:0 0 24px}
.countdown{gap:30px;align-items:stretch;min-height:248px}
.countdown-main{display:flex;flex-direction:column;justify-content:center;min-width:175px}
.countdown-main h2{margin:8px 0 6px;font-size:26px}
.countdown-edit{align-self:flex-start;min-height:38px;text-decoration:none;border-bottom:1px solid #b69572;border-radius:0}
.countdown-instrument{position:relative;overflow:hidden;flex:0 1 475px;min-width:0;padding:20px 24px 18px;border:1px solid #405a54;border-radius:8px;background:linear-gradient(145deg,#1d3336,#263d3b);color:#e3e6d8;box-shadow:inset 0 1px #ffffff0a,0 6px 15px #65533a16}
.countdown-instrument::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff05 6px);pointer-events:none}
.countdown-topline,.countdown-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#a9bfb2}
.countdown-live{white-space:nowrap;color:#bbc9b7}.countdown-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c8a778;box-shadow:0 0 9px #d6b387;animation:countdown-breathe 3.5s ease-in-out infinite}
.countdown-readout{display:flex;align-items:flex-end;gap:12px;margin:15px 0}.countdown-digits{display:flex;gap:5px;min-width:0}
.countdown-digits>span{width:clamp(66px,7vw,78px);height:94px;font:500 76px/.95 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
.flip-digit{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d6c9ad;border-radius:3px;background:linear-gradient(#ede6d6 0 49%,#d9cfb9 50%,#e8ddc7 51% 100%);color:#41504a;box-shadow:0 2px 4px #0003;font-variant-numeric:tabular-nums}
.flip-digit>b{font:inherit;font-weight:500;position:relative;z-index:1}
.flip-digit::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#5a58412b;z-index:3}
.digit-flap{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#eee7d8 0 49%,#d7ccb6 50%,#e6dcc6 51% 100%);font:inherit;font-style:normal;transform-origin:50% 50%;animation:scoreboard-flip .48s ease-in forwards;clip-path:inset(0 0 50% 0);pointer-events:none}
.countdown-digits .digit-flap{animation-duration:.18s}
.countdown-week{display:flex;align-items:center;gap:7px;margin-top:12px;color:#bdcbbd;font-size:12px}.countdown-week b{font-weight:500}.week-number .flip-digit{width:24px;height:27px;font:600 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.countdown-day-unit{padding-bottom:4px;font:600 10px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#d4bc98}.countdown-day-unit small{display:block;font:12px/1.5 sans-serif;letter-spacing:0;color:#b6c7b9}
.countdown-bottom{border-top:1px solid #a7bfa52d;padding-top:9px;letter-spacing:0;font-size:11px;display:block}.countdown-status{display:block;color:#a9bfb2}.countdown-status-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.countdown-sound{position:relative;z-index:4;min-height:30px;padding:4px 9px;border:1px solid #9aaf9b50;border-radius:4px;background:#ffffff08;color:#d4d8c7;font-size:11px;white-space:nowrap}.countdown-sound:hover{background:#ffffff16}.countdown-sound:focus-visible{outline:2px solid #e6c89c;outline-offset:2px}.countdown-datetime{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;white-space:nowrap}.countdown-date{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:#dec8a8;font-variant-numeric:tabular-nums}.countdown-clock{display:inline-flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums}.countdown-clock .flip-digit{width:13px;height:18px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.clock-separator{color:#d0b997;font-size:11px}
@keyframes countdown-breathe{50%{opacity:.52;box-shadow:0 0 3px #d6b387}}
@keyframes scoreboard-flip{0%{transform:perspective(220px) rotateX(0);opacity:1}100%{transform:perspective(220px) rotateX(-90deg);opacity:.25}}
@media(max-width:640px){.countdown{padding:18px;gap:14px;flex-direction:column;align-items:stretch}.countdown-main{min-width:0}.countdown-main h2{font-size:22px}.countdown-instrument{flex:auto;width:100%;padding:17px}.countdown-digits>span{width:61px;height:76px;font-size:61px}.countdown-readout{margin:13px 0}.countdown-bottom{font-size:10px}}
@media(max-width:360px){.countdown-topline{font-size:8px}.countdown-digits>span{width:54px;height:70px;font-size:55px}.countdown-date{font-size:11px}.countdown-clock .flip-digit{width:12px;height:17px;font-size:10px}}
.countdown-digits[data-length="4"]>span{width:clamp(35px,10vw,62px);font-size:48px}
.countdown-digits[data-length="5"]>span,.countdown-digits[data-length="6"]>span,.countdown-digits[data-length="7"]>span{width:clamp(23px,5vw,38px);font-size:30px}
@media(prefers-reduced-motion:reduce){.countdown-live i,.digit-flap{animation:none}.digit-flap{display:none}}