.advent-board{--xmas:var(--ludex-event-christmas);--xmas-red:var(--ludex-event-christmas-night);isolation:isolate;background:radial-gradient(ellipse 60% 40% at 85% 0%, color-mix(in srgb, var(--ludex-gold-leaf) 22%, transparent), transparent 70%), radial-gradient(ellipse 70% 50% at 0% 100%, color-mix(in srgb, var(--xmas) 12%, transparent), transparent 70%), var(--bento-solid);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 8%, transparent), 0 18px 40px -24px color-mix(in srgb, var(--ludex-shade) 45%, transparent);border-radius:1.75rem;padding:2.25rem 1rem 1rem;position:relative;overflow:hidden;container-type:inline-size}@media (min-width:768px){.advent-board{padding:2.75rem 2rem 1.5rem}}.advent-board[data-paused] *{animation-play-state:paused!important}.advent-board .ev-flake:nth-of-type(n+4){display:none}.advent-board .advent-board__scene{z-index:-1}.advent-board .ev-garland svg{stroke:color-mix(in srgb, var(--xmas) 55%, transparent)}.advent-board .ev-flake{stroke:color-mix(in srgb, var(--xmas) 40%, transparent)}.advent-board__head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.advent-board__tree{flex-shrink:0;width:3.25rem}.advent-board__title{font-size:2rem}@media (min-width:768px){.advent-board__title{font-size:2.6rem}.advent-board__tree{width:4rem}}.advent-board__sub{color:color-mix(in srgb, var(--color-black) calc(55% + var(--ludex-muted-lift)), transparent);margin-top:.25rem;font-size:.875rem;font-weight:600}.advent-board__hint{text-align:center;min-height:1.25rem;color:var(--xmas-red);margin-top:.75rem;font-size:.875rem;font-weight:600}.advent-grid{--cols:4;--gap:.5rem;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));grid-auto-flow:dense;gap:var(--gap);display:grid}@media (min-width:768px){.advent-grid{--cols:8;--gap:.75rem}}.advent-win{perspective:1100px;perspective-origin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;position:relative;container-type:size}.advent-win[data-size=wide]{grid-column:span 2}.advent-win[data-size=big]{grid-area:span 2/span 2}.advent-win:is([data-state=locked],[data-state=before]){cursor:not-allowed}.advent-win[data-state=before] .advent-win__door{opacity:.4}.advent-win:focus-visible{outline:2px solid var(--color-ludex);outline-offset:3px}.advent-win__niche{border-radius:inherit;color:var(--xmas);background:radial-gradient(ellipse at 50% 40%, color-mix(in oklab, var(--ludex-kraft), var(--ludex-shine) 55%), color-mix(in oklab, var(--ludex-kraft), var(--ludex-shine) 25%));box-shadow:inset 0 3px 8px color-mix(in srgb, var(--ludex-shade) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ludex-shade) 12%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex;position:absolute;inset:0}.advent-win__gift{--gift-pack:min(40cqmin, 6rem);place-items:center;display:grid}.advent-win__gift .coin-icon{width:min(44cqmin,5rem);height:min(44cqmin,5rem)}.advent-win__amount{font-family:var(--font-display);color:var(--ludex-ink);font-size:clamp(.72rem,15cqmin,1rem);font-weight:800;line-height:1.1}.advent-win[data-claimed]{cursor:default}.advent-win[data-claimed] :is(.advent-win__gift,.advent-win__amount){opacity:.45}.advent-win__done{color:var(--ludex-gain);display:grid;position:absolute;top:.3rem;right:.3rem}.advent-mats{display:flex}.advent-mat{aspect-ratio:1;object-fit:cover;width:min(30cqmin,4rem);box-shadow:0 0 0 1.5px var(--res), 0 3px 6px color-mix(in srgb, var(--ludex-shade) 30%, transparent);border-radius:.4rem}.advent-mat+.advent-mat{margin-left:-8cqmin}.advent-sleeve{aspect-ratio:5/4;background:var(--ludex-kraft);border-radius:.3rem;width:min(44cqmin,6rem);display:block}.advent-win__door{border-radius:inherit;transform-origin:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.advent-win__face,.advent-win__back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0}.advent-win__face{--paper:var(--ludex-cream);--ink:var(--xmas);color:var(--ink);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--ludex-shine) 18%, transparent), transparent 55%), var(--paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-shade) 14%, transparent), 0 1px 2px color-mix(in srgb, var(--ludex-shade) 18%, transparent);place-items:center;display:grid;overflow:hidden}.advent-win__face:before{content:"";border:1.5px dashed color-mix(in srgb, var(--ink) 40%, transparent);border-left:0;border-radius:0 .5rem .5rem 0;position:absolute;inset:5px 5px 5px 0}.advent-win__door[data-paper=green] .advent-win__face{--paper:var(--xmas);--ink:var(--ludex-cream)}.advent-win__door[data-paper=red] .advent-win__face{--paper:var(--xmas-red);--ink:var(--ludex-cream)}.advent-win__door[data-paper=gold] .advent-win__face{--paper:var(--ludex-gold-leaf);--ink:var(--ludex-ink)}.advent-win__back{background:color-mix(in oklab, var(--ludex-kraft), var(--ludex-shine) 20%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-shade) 15%, transparent);transform:rotateY(180deg)}.advent-win__num{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;font-size:clamp(1.4rem,34cqmin,3rem);font-weight:800;line-height:1}.advent-win[data-size=big] .advent-win__num{font-size:clamp(3rem,40cqmin,5.5rem)}.advent-win__lock{opacity:.55;position:absolute;bottom:.4rem;right:.45rem}.advent-win__late{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.6rem;font-weight:700;position:absolute;bottom:.4rem}.advent-win[data-state=today] .advent-win__num{background:linear-gradient(115deg, var(--ludex-gold-leaf-deep), var(--ludex-gold-leaf), var(--ludex-gold-leaf-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.advent-win__door[data-paper=gold] .advent-win__face .advent-win__num{color:var(--ink);background:0 0}.advent-win[data-state=today] .advent-win__door{animation:3.2s ease-in-out infinite advent-nudge}@keyframes advent-nudge{0%,80%,to{transform:rotateY(0)}86%{transform:rotateY(-16deg)}92%{transform:rotateY(-4deg)}}@media (hover:hover){.advent-win:is([data-state=today],[data-state=late]):hover .advent-win__door{animation:none;transform:rotateY(-22deg)}.advent-win:is([data-state=locked],[data-state=before]):hover .advent-win__face{filter:brightness(.96)}.advent-win[data-state=open]:not([data-claimed]):hover .advent-win__door{transform:rotateY(-70deg)}}.advent-win[data-state=open] .advent-win__door{pointer-events:none;transform:rotateY(-78deg)}.advent-win[data-state=open]{z-index:1}.advent-win:is([data-size=wide],[data-size=big])[data-state=open] .advent-win__door{transform:rotateY(-86deg)}.advent-win:is([data-size=wide],[data-size=big])[data-state=open] .advent-win__niche{padding-left:10%}.advent-win[data-shaking] .advent-win__door{animation:.42s ease-in-out advent-shake}@keyframes advent-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)rotate(-1.5deg)}40%,80%{transform:translate(4px)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.advent-win__door{transition:none}.advent-win[data-state=today] .advent-win__door,.advent-win[data-shaking] .advent-win__door{animation:none}}.advent-stage__coins{filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--ludex-shade) 45%, transparent))}.advent-stage__packs{justify-content:center;align-items:center;display:flex;position:relative}.advent-stage__pack{width:min(8.5rem,36%);filter:drop-shadow(0 20px 26px color-mix(in srgb, var(--ludex-shade) 50%, transparent))}.advent-stage__pack:nth-child(2){margin-left:-2.5rem;rotate:7deg}.advent-stage__pack:first-child:not(:only-of-type){rotate:-6deg}.advent-stage__mats .advent-mat{border-radius:.9rem;width:5.5rem}.advent-stage__mats .advent-mat+.advent-mat{margin-left:-1rem}.advent-stage__sleeve .advent-sleeve{width:10rem}.advent-stage__sleeve--beside{margin-left:-1.5rem}.advent-stage__sleeve--beside .advent-sleeve{width:6.5rem}.advent-row-gift{--gift-pack:1.35rem;place-items:center;display:grid}.advent-row-gift .coin-icon{width:1.5rem;height:1.5rem}.advent-row-gift .advent-mat{border-radius:.25rem;width:1.15rem}.advent-row-gift .advent-mat+.advent-mat{margin-left:-.45rem}.advent-row-gift .advent-sleeve{width:1.75rem}@media (max-width:767px){.advent-stage__pack{width:5.5rem}.advent-stage__coins svg{width:80px;height:80px}.advent-stage__mats .advent-mat{width:4rem}.advent-stage__sleeve .advent-sleeve{width:7rem}.advent-stage__sleeve--beside .advent-sleeve{width:4.5rem}}.app-modal-backdrop.advent-full-backdrop{background:var(--bento-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.modal__container.advent-container{padding:0}.modal__container>.modal__dialog.advent-modal{background:var(--bento-solid);border-radius:1.75rem;width:min(92vw,184dvh - 16rem);max-width:none;max-height:92dvh;padding:0;overflow:hidden}.advent-modal .advent-board{max-height:92dvh;overflow-y:auto}.modal__container>.modal__dialog.advent-full{background:var(--bento-solid);border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;animation:.28s cubic-bezier(.2,.9,.3,1) advent-rise;overflow:hidden}@keyframes advent-rise{0%{opacity:0;transform:translateY(2.5rem)}}.advent-full .advent-board{overscroll-behavior:contain;height:100%;padding:calc(env(safe-area-inset-top) + 1.75rem) .75rem max(.5rem, env(safe-area-inset-bottom));box-shadow:none;border-radius:0;flex-direction:column;display:flex;overflow-y:auto}.advent-full .advent-board__head{flex-shrink:0;margin-bottom:.6rem}.advent-full .advent-board__title{font-size:1.6rem}.advent-full .advent-board__tree{width:2.5rem}.advent-full .advent-board__sub{margin-top:.1rem;font-size:.8rem}.advent-board__close{width:2.5rem;height:2.5rem;color:var(--ludex-ink);background:color-mix(in srgb, var(--ludex-ink) 8%, var(--bento-solid));cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.advent-full .advent-grid{--cols:4;--gap:.375rem;flex:1 0 auto;grid-template-rows:repeat(8,minmax(3.5rem,1fr));grid-auto-rows:auto;min-height:0}.advent-full .advent-board__hint{flex-shrink:0;margin-top:.4rem;font-size:.8rem}.advent-preview{--xmas:var(--ludex-event-christmas);--xmas-red:var(--ludex-event-christmas-night);width:min(24rem,84%);rotate:-3deg;container-type:inline-size}.advent-preview .advent-grid{--cols:4;--gap:.5rem}.advent-preview .advent-win{cursor:default;display:block}