calendar-page{min-inline-size:0;display:block}@layer pages{.calendar-page{--calendar-gap:2px;min-inline-size:0;max-inline-size:1560px;margin-inline:auto;position:relative;container:calendar/inline-size}.calendar-month-name{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);white-space:nowrap}.calendar-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.calendar-month{gap:var(--calendar-gap);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);min-inline-size:0;padding:8px;display:grid}.calendar-weekdays{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));padding-block:4px;display:grid}.calendar-week{column-gap:var(--calendar-gap);grid-template-rows:46px repeat(3,6px) 6px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative}.calendar-day{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);min-block-size:56px;min-inline-size:0;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;transition:background-color var(--md-sys-motion-duration-short4,.2s) ease;border:0;flex-direction:column;grid-row:1/-1;align-items:center;gap:4px;padding:4px 2px;display:flex}.calendar-day:hover{background:var(--md-sys-color-surface-container-high)}.calendar-day:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.calendar-day[data-outside]{color:var(--md-sys-color-on-surface-variant);background:0 0}.calendar-day[data-outside] .calendar-day__arena,.calendar-day[data-outside] .calendar-day__dots{opacity:.45}.calendar-day[aria-selected=true]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.calendar-day__number{border-radius:var(--md-sys-shape-corner-full);block-size:28px;inline-size:28px;font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--app-font);place-items:center;display:grid}.calendar-day[aria-current=date] .calendar-day__number{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.calendar-day__arena{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;inline-size:100%;display:none}.calendar-day__league{justify-items:center;gap:2px;min-inline-size:0;display:grid}.calendar-day__league img{object-fit:contain;block-size:16px;inline-size:16px;display:block}.calendar-day__dots{justify-content:center;gap:2px;display:flex}.calendar-day__dots i,.calendar-legend i{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline);block-size:6px;inline-size:6px}[data-mission="1"]{--calendar-mission:var(--md-sys-color-primary)}[data-mission="2"]{--calendar-mission:var(--md-sys-color-tertiary)}[data-mission="3"]{--calendar-mission:var(--md-sys-color-error)}.calendar-day__dots i[data-mission],.calendar-legend i[data-mission]{background:var(--calendar-mission,var(--md-sys-color-outline))}.calendar-day__more{display:none}.calendar-bar{z-index:1;border-radius:var(--md-sys-shape-corner-full);background:var(--calendar-tone);color:#0000;pointer-events:none;align-self:center;block-size:4px;margin-inline:3px;font-size:0;overflow:hidden}.calendar-bar[data-before]{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}.calendar-bar[data-after]{border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}.calendar-bar--event,.calendar-tone--event{--calendar-tone:var(--md-sys-color-primary);--calendar-tone-container:var(--md-sys-color-primary-container);--calendar-on-tone:var(--md-sys-color-on-primary-container)}.calendar-bar--gacha,.calendar-tone--gacha{--calendar-tone:var(--md-sys-color-tertiary);--calendar-tone-container:var(--md-sys-color-tertiary-container);--calendar-on-tone:var(--md-sys-color-on-tertiary-container)}.calendar-bar--birthday,.calendar-tone--birthday{--calendar-tone:var(--md-sys-color-error);--calendar-tone-container:var(--md-sys-color-error-container);--calendar-on-tone:var(--md-sys-color-on-error-container)}.calendar-bar--live,.calendar-tone--live{--calendar-tone:var(--md-sys-color-secondary);--calendar-tone-container:var(--md-sys-color-secondary-container);--calendar-on-tone:var(--md-sys-color-on-secondary-container)}.calendar-bar--other,.calendar-tone--other{--calendar-tone:var(--md-sys-color-outline);--calendar-tone-container:var(--md-sys-color-surface-container-highest);--calendar-on-tone:var(--md-sys-color-on-surface-variant)}.calendar-legend{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);flex-wrap:wrap;gap:4px 16px;margin:0;padding:8px 8px 4px;display:flex}.calendar-legend span{align-items:center;gap:6px;display:inline-flex}.calendar-detail{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);gap:16px;min-inline-size:0;padding:16px;display:grid}.calendar-detail header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.calendar-detail h2{font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--app-font);margin:0}.calendar-detail small{color:var(--md-sys-color-on-surface-variant)}.calendar-arena ul{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.calendar-arena a{border-radius:var(--md-sys-shape-corner-medium);min-block-size:48px;color:inherit;grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding-inline:8px;text-decoration:none;display:grid}.calendar-arena a:hover{background:var(--md-sys-color-surface-container-high)}.calendar-arena span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-list{--md-list-container-color:transparent;--md-list-item-leading-space:0;--md-list-item-trailing-space:0;background:0 0}.calendar-list-supporting{flex-wrap:wrap;gap:2px 8px;display:flex}.calendar-avatar{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);block-size:48px;inline-size:48px;color:var(--md-sys-color-on-surface-variant);place-items:center;display:grid;position:relative;overflow:hidden}.calendar-avatar img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.calendar-source-link{min-block-size:48px;color:var(--md-sys-color-primary);align-items:center;gap:4px;padding-inline:16px;text-decoration:none;display:inline-flex}.calendar-agenda{gap:8px;margin:0;padding:0;list-style:none;display:grid}.calendar-agenda__day{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);grid-template-columns:56px minmax(0,1fr);gap:12px;padding:8px;display:grid}.calendar-agenda__date{border-radius:var(--md-sys-shape-corner-medium);min-block-size:56px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;background:0 0;border:0;align-content:start;justify-items:center;padding:4px;display:grid}.calendar-agenda__date:hover{background:var(--md-sys-color-surface-container-high)}.calendar-agenda__date strong{color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--app-font)}.calendar-agenda__day[data-today] .calendar-agenda__date{background:var(--md-sys-color-primary-container)}.calendar-agenda__arena{flex-wrap:wrap;gap:4px 12px;padding-block:4px;display:flex}.calendar-agenda__arena span{align-items:center;gap:2px;display:inline-flex}.calendar-agenda__item{min-block-size:48px;color:inherit;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;text-decoration:none;display:grid}.calendar-agenda__item small{color:var(--md-sys-color-on-surface-variant);white-space:nowrap}.calendar-tone{border-radius:var(--md-sys-shape-corner-full);background:var(--calendar-tone);block-size:10px;inline-size:10px}.calendar-loading{padding-block:48px}@container calendar (inline-size>=720px){.calendar-week{grid-template-rows:44px repeat(3,22px) 18px}.calendar-day{align-items:stretch;padding:4px}.calendar-day__arena{display:grid}.calendar-day__dots{display:none}.calendar-week>.calendar-bar{border-radius:var(--md-sys-shape-corner-small);background:var(--calendar-tone-container);block-size:auto;color:var(--calendar-on-tone);font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / 22px var(--app-font);text-overflow:ellipsis;white-space:nowrap;align-self:stretch;padding-inline:6px}.calendar-week--arena{grid-template-rows:80px repeat(3,22px) 18px}.calendar-day__more{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / 16px var(--app-font);margin-block-start:auto;display:block}}@container calendar (inline-size>=880px){.calendar-layout{grid-template-columns:minmax(0,1fr) 300px}.calendar-detail{max-block-size:calc(100dvh - 112px);position:sticky;inset-block-start:16px;overflow-y:auto}}}