.d4wb{--d4wb-ink: #eff0f5;--d4wb-copy: #cfd3e2;--d4wb-muted: #a9afc8;--d4wb-gold: #f0b866;--d4wb-red: #ff5a5f;--d4wb-tile: #12131b;--d4wb-cd: 1;box-sizing:border-box;display:flex;align-items:center;min-height:40px;margin:0 0 5px;padding:0 16px;color:var(--d4wb-ink);font:inherit;font-size:13px;line-height:1.2;border-radius:4px;background:rgb(16 17 26 / .62)}.d4wb *,.d4wb *::before,.d4wb *::after{box-sizing:border-box}.d4wb[hidden]{display:none!important}.d4wb.is-docked{position:relative;margin:0;padding:0;border-radius:0;background:none;box-shadow:inset 0 1px rgb(239 240 245 / .07)}.d4wb__row{display:flex;align-items:center;width:100%;height:40px}.d4wb__timer{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}.d4wb__tile{position:relative;flex:none;display:grid;place-items:center;width:26px;height:26px;overflow:hidden;border:1px solid rgb(225 168 86 / .26);border-radius:3px;background:radial-gradient(circle at 50% 38%,#2a2b38,var(--d4wb-tile) 72%)}.d4wb__sigil{position:relative;z-index:0;width:16px;height:16px;color:var(--d4wb-muted);transition:color .4s ease-out,filter .4s ease-out}.d4wb__shade,.d4wb__hand{position:absolute;z-index:1;pointer-events:none}.d4wb__shade{inset:-1px;background:conic-gradient(transparent 0 calc((1 - var(--d4wb-cd)) * 1turn),rgb(6 7 11 / .7) 0)}.d4wb__hand{left:calc(50% - .5px);bottom:50%;width:1px;height:75%;transform-origin:50% 100%;transform:rotate(calc((1 - var(--d4wb-cd)) * 1turn));background:linear-gradient(to top,transparent,rgb(255 216 150 / .85))}.d4wb__name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--d4wb-ink)}.d4wb__at{color:var(--d4wb-muted);font-size:12px}.d4wb__at::before{content:"·";margin:0 6px 0 -4px}.d4wb__live{position:relative;display:none;align-items:center;gap:6px;color:var(--d4wb-red);font-weight:700}.d4wb__live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.d4wb__live::after{content:"";position:absolute;inset-block-start:calc(50% - 3.5px);inset-inline-start:0;inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;opacity:0}.d4wb__clock{display:inline-flex;align-items:baseline;gap:6px}.d4wb__in{color:var(--d4wb-muted)}.d4wb__digits{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:color .4s ease-out}.d4wb.is-pending .d4wb__clock,.d4wb.is-pending .d4wb__at{visibility:hidden}.d4wb__note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.d4wb.is-warning .d4wb__sigil{color:var(--d4wb-gold);filter:drop-shadow(0 0 3px rgb(240 184 102 / .55))}.d4wb.is-warning .d4wb__tile{border-color:rgb(240 184 102 / .5)}.d4wb.is-warning .d4wb__digits{color:var(--d4wb-gold)}.d4wb.is-live{--d4wb-cd: 0}.d4wb.is-live .d4wb__hand{opacity:0}.d4wb.is-live .d4wb__tile{border-color:rgb(255 90 95 / .6);background:radial-gradient(circle at 50% 42%,#4a1a20,var(--d4wb-tile) 75%)}.d4wb.is-live .d4wb__sigil{color:#ff8a7a;filter:drop-shadow(0 0 4px rgb(255 90 95 / .7))}.d4wb.is-live .d4wb__at,.d4wb.is-live .d4wb__clock{display:none}.d4wb.is-live .d4wb__live{display:inline-flex}@keyframes d4wb-glow{0%,100%{filter:drop-shadow(0 0 2px rgb(240 184 102 / .35))}50%{filter:drop-shadow(0 0 5px rgb(240 184 102 / .8))}}@keyframes d4wb-ready{0%{box-shadow:0 0 0 0 rgb(255 120 110 / .75),inset 0 0 12px rgb(255 214 170 / .9)}100%{box-shadow:0 0 0 9px rgb(255 120 110 / 0),inset 0 0 0 rgb(255 214 170 / 0)}}@keyframes d4wb-pulse{0%{scale:1;opacity:.6}70%,100%{scale:2.71;opacity:0}}@media(prefers-reduced-motion:no-preference){.d4wb.is-warning .d4wb__sigil{animation:d4wb-glow 2.8s ease-in-out infinite}.d4wb.is-ready .d4wb__tile{animation:d4wb-ready 1.1s cubic-bezier(.16,1,.3,1) both}.d4wb.is-live .d4wb__live::after{animation:d4wb-pulse 1.8s ease-out infinite}}@media(max-width:600px){.d4wb{min-height:34px;padding:0 12px;font-size:12px}.d4wb.is-docked{padding:0}.d4wb__row{height:34px}.d4wb__timer{gap:8px}.d4wb__tile{width:22px;height:22px}.d4wb__sigil{width:14px;height:14px}.d4wb__digits{font-size:15px}}