.advent-calendar{--ac-gap:1rem;--ac-border:#b51e2b;--ac-surface:#fff;--ac-ink:#1d1d1f}.ac-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ac-gap)}.ac-door{min-width:0}.ac-door__action{position:relative;box-sizing:border-box;display:grid;place-items:center;aspect-ratio:1.45/1;width:100%;overflow:hidden;border:2px solid var(--ac-border);border-radius:.35rem;background:var(--ac-surface);color:var(--ac-ink);font:inherit;text-decoration:none;cursor:pointer}.ac-door.is-locked .ac-door__action{cursor:not-allowed;filter:grayscale(.25);opacity:.72}.ac-door__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ac-door__number{z-index:1;color:#fff;font-size:clamp(1.25rem,3vw,2.5rem);font-weight:800;text-shadow:0 1px 5px #000}.ac-door:not(:has(.ac-door__image)) .ac-door__number{color:var(--ac-ink);text-shadow:none}.ac-door__title{z-index:1;position:absolute;inset:auto .3rem .25rem;font-size:.75rem;text-align:center;color:#fff;text-shadow:0 1px 4px #000}.ac-portrait .ac-door__action{aspect-ratio:.75/1}.ac-layout-playful .ac-door:nth-child(3n){transform:rotate(-2deg)}.ac-layout-playful .ac-door:nth-child(4n){transform:rotate(2deg)}.ac-layout-playful .ac-door__action{border-radius:10% 4% 12% 3%}.ac-layout-mosaic .ac-door:nth-child(7n+1){grid-column:span 2;grid-row:span 2}.ac-dialog{max-width:min(42rem,calc(100% - 2rem));border:0;border-radius:.5rem;padding:2rem;box-shadow:0 1rem 3rem #0006}.ac-dialog::backdrop{background:#0009}.ac-dialog__close{position:absolute;top:.35rem;right:.5rem;border:0;background:transparent;font-size:2rem;cursor:pointer}@media(max-width:700px){.ac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.ac-layout-mosaic .ac-door:nth-child(7n+1){grid-column:span 1;grid-row:span 1}}@media(max-width:380px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}