/* One quiet, persistent event banner. Legacy countdowns retain DOM IDs for compatibility. */
#goldenEventBanner[hidden]{display:none!important}
#goldenEventBanner{position:absolute;z-index:10;left:50%;transform:translateX(-50%);width:min(580px,44%);height:96px;display:grid;grid-template-columns:60px minmax(0,1fr) 150px;align-items:center;gap:16px;padding:12px 26px;pointer-events:none;isolation:isolate;box-sizing:border-box;border:2px solid #f4cb65;border-radius:18px 5px 18px 5px;background:linear-gradient(115deg,#1a241deF,#0c1a21f5 62%,#263020f5);box-shadow:0 0 0 3px #5d431a,0 0 0 5px #e6b84099,inset 0 0 18px #f7cc2620,0 0 24px #ffcb3e55;color:#ffe497;overflow:hidden}
#goldenEventBanner:before{content:'';position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 20px #ffd24045;animation:geb-edge 4s ease-in-out infinite;pointer-events:none}
#goldenEventBanner .geb-icon{width:48px;height:65px;fill:none;stroke:#ffdf85;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffb60088)}#goldenEventBanner .geb-sand{fill:#edb23d;stroke-width:1}
#goldenEventBanner .geb-name{display:flex;flex-direction:column;gap:1px;min-width:0}#goldenEventBanner strong{font:900 clamp(22px,2.4vw,38px)/1.25 system-ui;color:#ffe293;text-shadow:0 2px #875019,0 0 12px #e6ac2433;white-space:nowrap}#goldenEventBanner .geb-name span{font:800 16px/1.3 F1Barlow,Arial,sans-serif;letter-spacing:2px;white-space:nowrap}
#goldenEventBanner .geb-time{display:flex;flex-direction:column;gap:9px;min-width:0;padding-left:16px;border-left:1px solid #c89e3555}#goldenEventCountdown{font:800 35px/1 F1Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px;text-align:center}
#goldenEventBanner .geb-track{height:9px;border:1px solid #f3ce63;border-radius:10px;padding:1px;background:#080f15;overflow:hidden}#goldenEventBanner .geb-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a86512,#ffc73c,#fff0ad);box-shadow:0 0 9px #ffd249;transform-origin:left center;transition:transform .2s linear;border-radius:7px}
#goldenEventBanner.is-entering{animation:geb-in .6s ease-out both}#goldenEventBanner.is-ending{animation:geb-out .65s ease-out both}#goldenEventBanner.is-urgent #goldenEventCountdown{color:#ffe1a7;animation:geb-clock 1.3s ease-in-out infinite}
@keyframes geb-in{from{opacity:0;filter:brightness(1.2)}to{opacity:1;filter:brightness(1)}}@keyframes geb-out{to{opacity:0}}@keyframes geb-edge{0%,100%{opacity:.45}50%{opacity:1}}@keyframes geb-clock{0%,100%{text-shadow:0 0 0 #ffc43b}50%{text-shadow:0 0 12px #ffc43b;color:#fff2c7}}
@media(max-width:1000px){#goldenEventBanner{width:min(530px,calc(100% - 30px));height:64px;grid-template-columns:35px minmax(0,1fr) 102px;gap:10px;padding:7px 18px;border-radius:12px 4px 12px 4px}#goldenEventBanner .geb-icon{width:31px;height:43px}#goldenEventBanner strong{font-size:25px}#goldenEventBanner .geb-name span{font-size:11px;letter-spacing:1.3px}#goldenEventBanner .geb-time{gap:6px;padding-left:10px}#goldenEventCountdown{font-size:27px}#goldenEventBanner .geb-track{height:7px}}
@media(orientation:landscape) and (max-height:600px){#goldenEventBanner{width:min(400px,46%);height:50px;grid-template-columns:25px 1fr 85px;gap:8px;padding:5px 14px}#goldenEventBanner .geb-icon{width:24px;height:34px}#goldenEventBanner strong{font-size:20px}#goldenEventBanner .geb-name span{font-size:9px}#goldenEventCountdown{font-size:23px}}
@media(prefers-reduced-motion:reduce){#goldenEventBanner,#goldenEventBanner:before,#goldenEventBanner #goldenEventCountdown{animation:none!important}#goldenEventBanner .geb-track i{transition:none}}