.obs-cal{--gold:#c9a227;display:inline-block;color:#f3e9cf;font-family:var(--font-inter),system-ui,sans-serif;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.7)}.obs-cal ul{margin:0;padding:0;list-style:none}.obs-cal.bg-panel{padding:.75em .95em;border-radius:.7em;border:1px solid rgba(201,162,39,.45);background:linear-gradient(160deg,rgba(24,17,48,.92),rgba(8,5,26,.88));box-shadow:0 .4em 1.6em rgba(0,0,0,.45)}.obs-title{margin:0 0 .5em;font:700 .72em/1 var(--font-manrope),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,233,207,.7)}.obs-title b{color:var(--gold)}.obs-cal .ec-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;flex-shrink:0}.obs-cal .ec-dot.k-reset{background:#c9a227;box-shadow:0 0 .4em #c9a227}.obs-cal .ec-dot.k-pvp{background:#e0675a;box-shadow:0 0 .4em #e0675a}.obs-cal .ec-dot.k-boss{background:#a78bfa;box-shadow:0 0 .4em #a78bfa}.obs-cal .ec-dot.k-rift{background:#5aaeff;box-shadow:0 0 .4em #5aaeff}.obs-cal .ec-dot.k-event{background:#f08cc0;box-shadow:0 0 .4em #f08cc0}.obs-cal .ec-dot.k-date{background:#6fbf73;box-shadow:0 0 .4em #6fbf73}.obs-name{font:700 1em var(--font-manrope),sans-serif;color:#fff7e3}.obs-name small{display:block;margin-top:.15em;font:400 .72em var(--font-inter),sans-serif;color:rgba(243,233,207,.72)}.obs-when{font-size:.8em;color:rgba(243,233,207,.7);white-space:nowrap}.obs-count{font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.obs-cal li.is-live .obs-count{color:#8fd493}.obs-cal li.is-live .ec-dot,.obs-cal li.is-soon .obs-count{animation:obsPulse 1.4s ease-in-out infinite}@keyframes obsPulse{50%{opacity:.4}}.obs-cal.l-list{min-width:21em}.obs-cal.l-list li{display:grid;grid-template-columns:.6em 1fr auto;grid-template-areas:"dot name count" "dot when count";column-gap:.7em;row-gap:.1em;align-items:center;padding:.45em 0}.obs-cal.l-list li+li{border-top:1px solid rgba(201,162,39,.18)}.obs-cal.l-list .ec-dot{grid-area:dot;align-self:start;margin-top:.35em}.obs-cal.l-list .obs-name{grid-area:name}.obs-cal.l-list .obs-when{grid-area:when}.obs-cal.l-list .obs-count{grid-area:count;padding-left:.8em;font-size:1.05em;text-align:right}.obs-cal.l-bar{display:inline-flex;align-items:center;gap:1em}.obs-cal.l-bar .obs-title{margin:0;white-space:nowrap}.obs-cal.l-bar ul{display:flex;flex-wrap:nowrap;gap:1.4em}.obs-cal.l-bar li{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap}.obs-cal.l-bar .obs-name small{display:none}.obs-cal.l-single{min-width:16em}.obs-cal.l-single li{display:grid;grid-template-columns:.6em 1fr;column-gap:.7em;align-items:center}.obs-cal.l-single li:not(:first-child){display:none}.obs-cal.l-single .obs-name{font-size:1.3em}.obs-cal.l-single .obs-when{grid-column:2}.obs-cal.l-single .obs-count{grid-column:2;margin-top:.15em;font-size:2.2em;line-height:1.05}@media (prefers-reduced-motion:reduce){.obs-cal li .ec-dot,.obs-cal li .obs-count{animation:none!important}}.obs-credit{margin:.55em 0 0;font-size:.62em;letter-spacing:.04em;text-align:right;color:rgba(243,233,207,.55)}.obs-credit b{font-weight:600;color:rgba(201,162,39,.9)}.obs-cal.l-bar .obs-credit{margin:0 0 0 .4em;padding-left:1em;border-left:1px solid rgba(201,162,39,.3);white-space:nowrap;font-size:.7em}.obs-cal.l-bar .obs-vp{position:relative;display:flex;align-items:center;gap:.8em;min-width:0;overflow:hidden}.obs-cal.l-bar .obs-measure{position:absolute;left:0;top:0;width:max-content;visibility:hidden;pointer-events:none}.obs-cal.l-bar .obs-vp.is-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.2em,#000 calc(100% - 1.2em),transparent);mask-image:linear-gradient(90deg,transparent,#000 1.2em,#000 calc(100% - 1.2em),transparent)}.obs-cal.l-bar .obs-track{display:flex;gap:1.4em;width:max-content;will-change:transform}.obs-cal.l-bar .obs-page{flex:1 1 auto;min-width:0;animation:obsPage linear both}@keyframes obsPage{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}.obs-dots{display:inline-flex;gap:.3em;flex-shrink:0;margin-left:auto}.obs-dots i{width:.38em;height:.38em;border-radius:50%;background:rgba(243,233,207,.3)}.obs-dots i.on{background:var(--gold)}.obs-cal.l-bar .obs-vp.is-over{flex-shrink:0}