#game .timer-zone{display:none!important}
#game .play-layout,#game .play-layout:has(.players.many):not(.timers-off){grid-template-columns:minmax(0,1fr)}
#timer-notifications{margin:0 0 22px;padding:18px 20px;border:2px solid var(--tavern-gold,#d8b56c);border-radius:12px;background:#30283b;box-shadow:4px 4px #08060d;color:#f4eacf}
#timer-notifications[hidden],#check-timers[hidden]{display:none}
.timer-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
#timer-notice-title{font-size:12px;color:var(--tavern-gold,#d8b56c);margin:0;line-height:1.8}
#dismiss-timers{font-size:10px;flex-shrink:0}
#timer-notice-list{max-height:25vh;overflow:auto}
#timer-notice-list p{font-size:11px;line-height:1.9;margin:12px 0 0;overflow-wrap:anywhere}
#timer-countdowns{width:min(480px,92vw);max-height:85svh;overflow:auto}
#timer-countdowns h2{font-size:18px;line-height:1.8;color:var(--tavern-gold,#d8b56c)}
#timer-countdowns p,#timer-countdowns li{font-size:11px;line-height:1.9}
#timer-countdown-list{list-style:none;padding:0;margin:20px 0}
#timer-countdown-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #655071}
#timer-countdown-list span{overflow-wrap:anywhere;min-width:0}
#timer-countdown-list strong{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px){#timer-notifications{padding:14px}#timer-notice-title{font-size:10px}#game .tools{flex-wrap:wrap}}

#timer-notice-list p{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.notice-cheers{width:72px;height:58px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}

/* Compact summary-style popup, outside the game layout. */
#timer-notifications{position:fixed;inset:0;width:min(460px,calc(100vw - 32px));max-height:80svh;box-sizing:border-box;margin:auto;padding:24px;border:2px solid var(--tavern-gold,#d8b56c);background:#30283b;box-shadow:0 18px 70px #0009;overflow:auto}
#timer-notifications:not([open]){display:none}
#timer-notifications::backdrop{background:#090610b3;backdrop-filter:blur(3px)}
#timer-notifications .timer-notice-heading{display:contents}
#timer-notice-title{font-size:15px;text-align:center;margin:0 0 18px}
#timer-notice-list{max-height:45svh;overflow:auto}
#timer-notice-list p{justify-content:center;text-align:center;font-size:12px;padding:10px 0;margin:0}
#timer-notifications #dismiss-timers{display:block;width:100%;margin:20px 0 0;padding:13px;float:none}
#timer-notifications{display:flex;flex-direction:column}
#timer-notice-title{order:0}#timer-notice-list{order:1}#dismiss-timers{order:2}
