.door{--door-number-font:"Playfair Display", Georgia, serif;--door-number-color:#f7e6c4;--door-label-font:Cinzel, Georgia, serif;--door-label-color:#f0c79a;--door-line:#f0c79a;--door-stipple:#f0c79a;--door-die:#1c020373;--door-card:#f7e6c4;--door-card-edge:#d8bc8e;--door-card-border:#d4a970;--door-slit:#1c0203eb;--door-room:#3a0506;--door-glow:255, 186, 104;--door-glow-core:255, 228, 176;--door-ready:240, 199, 154;--door-focus:#f0c79a;pointer-events:none;-webkit-tap-highlight-color:transparent;z-index:1;outline:none}.door[data-state=open]{z-index:2}.door[data-state=opening]{z-index:3}.door>*,.door__room>*,.door__front>*{pointer-events:none;position:absolute}.door__hit{pointer-events:auto;-webkit-clip-path:var(--door-hole);clip-path:var(--door-hole);inset:0}.door[data-state=ready] .door__hit,.door[data-state=open] .door__hit{cursor:pointer}.door__halo{background:radial-gradient(closest-side, rgba(var(--door-glow), .5), rgba(var(--door-glow), .16) 55%, rgba(var(--door-glow), 0));opacity:0;inset:-35%}.door__room{background:var(--door-room);-webkit-clip-path:var(--door-hole);clip-path:var(--door-hole);inset:0;overflow:hidden}.door__img{object-fit:cover;width:100%;height:100%;inset:0;transform:scale(1.06)}.door__veil{background:var(--door-room);opacity:.92;inset:0}.door[data-state=ready] .door__img,.door[data-state=opening] .door__img{will-change:transform}.door[data-state=ready] :is(.door__veil,.door__light,.door__halo),.door[data-state=opening] :is(.door__veil,.door__light,.door__halo){will-change:opacity}.door__light{background:radial-gradient(90% 80% at var(--latch-x) var(--latch-y), rgba(var(--door-glow-core), .75), rgba(var(--door-glow), .22) 45%, rgba(var(--door-glow), 0) 80%);opacity:0;inset:0}.door__peek{background:radial-gradient(circle at var(--peek-x) var(--peek-y), rgba(var(--door-glow-core), 1) 0, rgba(var(--door-glow-core), .95) calc(var(--notch-r) * .35), rgba(var(--door-glow), .8) calc(var(--notch-r) * .9), rgba(var(--door-glow), .3) calc(var(--notch-r) * 1.8), rgba(var(--door-glow), 0) calc(var(--notch-r) * 3.2));opacity:0;inset:0}.door[data-state=ready] .door__peek{animation:2.6s ease-in-out infinite door-peek}@keyframes door-peek{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .door[data-state=ready] .door__peek{opacity:.75;animation:none}}:root[data-motion=reduce] .door[data-state=ready] .door__peek{opacity:.75;animation:none}.door__cast-in{opacity:0;inset:0}.door[data-hinge=left] .door__cast-in{transform-origin:0;background:linear-gradient(90deg,#000c,#0006 55%,#0000)}.door[data-hinge=right] .door__cast-in{transform-origin:100%;background:linear-gradient(270deg,#000c,#0006 55%,#0000)}.door[data-hinge=top] .door__cast-in{transform-origin:50% 0;background:linear-gradient(#000c,#0006 55%,#0000)}.door[data-hinge=bottom] .door__cast-in{transform-origin:50% 100%;background:linear-gradient(#0000,#0006 45%,#000c)}.door__depth{top:0;left:0;overflow:visible}.door__depth path{fill:none;stroke-linejoin:round}.door__depth-1{stroke:#00000024;stroke-width:28px}.door__depth-2{stroke:#00000029;stroke-width:14px}.door__depth-3{stroke:#0003;stroke-width:6px}.door__rim{stroke:var(--door-card-edge);stroke-width:3px}.door__frame,.door__print,.door__tear{top:0;left:0;overflow:visible}.door__frame path,.door__print path,.door__tear path{fill:none;stroke-linecap:round;stroke-linejoin:round}.door__dots{stroke:var(--door-line)}.door__slit{stroke:var(--door-slit);stroke-width:4px}.door__tear{opacity:0}.door__tear .door__slit{stroke-width:1.8px}.door__die{stroke:var(--door-die);stroke-width:1.2px}.door__ring{stroke:var(--door-focus);stroke-width:3px;opacity:0;transition:opacity .2s}.door:focus-visible .door__ring{opacity:1}.door__cast-out{opacity:0;position:absolute}.door[data-hinge=left] .door__cast-out{transform-origin:100%;background:radial-gradient(farthest-side at 100%,#00000080,#0000);width:100%;height:94%;top:3%;right:100%}.door[data-hinge=right] .door__cast-out{transform-origin:0;background:radial-gradient(farthest-side at 0,#00000080,#0000);width:100%;height:94%;top:3%;left:100%}.door[data-hinge=top] .door__cast-out{transform-origin:50% 100%;background:radial-gradient(farthest-side at 50% 100%,#00000080,#0000);width:94%;height:100%;bottom:100%;left:3%}.door[data-hinge=bottom] .door__cast-out{transform-origin:50% 0;background:radial-gradient(farthest-side at 50% 0,#00000080,#0000);width:94%;height:100%;top:100%;left:3%}.door__flap{perspective:var(--door-perspective,1000px);perspective-origin:50%;inset:0}.door__face{width:100%;height:100%;-webkit-clip-path:var(--door-outline);clip-path:var(--door-outline);position:absolute;top:0;left:0}.door[data-hinge=left] .door__face{transform-origin:0}.door[data-hinge=right] .door__face{transform-origin:100%}.door[data-hinge=top] .door__face{transform-origin:50% 0}.door[data-hinge=bottom] .door__face{transform-origin:50% 100%}.door__front{overflow:hidden}.door__edge{background:var(--door-card-edge);visibility:hidden}.door__shade{opacity:0;background:#000}.door__back{--fold:90deg;background:linear-gradient(var(--fold), #3c1e0a38, #3c1e0a0a 45%, #ffffff1f), var(--door-card);visibility:hidden}.door[data-hinge=right] .door__back{--fold:270deg}.door[data-hinge=top] .door__back{--fold:180deg}.door[data-hinge=bottom] .door__back{--fold:0deg}.door__stipple{display:none;top:0;left:0}.door[data-variant=stippled] .door__stipple{display:block}.door[data-variant=stippled] .door__dots,.door[data-variant=perforated] .door__die,.door[data-perforation=art] .door__dots{display:none}.door__num{fill:var(--door-number-color);font-family:var(--door-number-font);font-variant-numeric:lining-nums}.door__label{fill:var(--door-label-color);font-family:var(--door-label-font)}.door__back-print{position:absolute;top:0;left:0;overflow:visible}.door__back-print path{fill:none;stroke:var(--door-card-border);stroke-width:1.5px}.door__back-print[data-inset=edge] path{stroke-width:3px}.door__glow{opacity:0;top:0;left:0;overflow:visible}.door__glow path{fill:none;stroke-linejoin:round}.door__glow path:first-child{stroke:rgba(var(--door-ready), .12);stroke-width:16px}.door__glow path:nth-child(2){stroke:rgba(var(--door-ready), .22);stroke-width:8px}.door__glow path:nth-child(3){stroke:rgba(var(--door-ready), .5);stroke-width:2.5px}.door[data-state=ready] .door__glow{will-change:opacity;animation:2.6s ease-in-out infinite door-glow}@keyframes door-glow{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .door[data-state=ready] .door__glow{opacity:.7;animation:none}}:root[data-motion=reduce] .door[data-state=ready] .door__glow{opacity:.7;animation:none}.door__tag{background:var(--door-number-color);color:var(--door-room);font-family:var(--door-number-font);font-variant-numeric:lining-nums;opacity:0;border-radius:50%;place-items:center;line-height:1;display:grid;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.door-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:50;color:#f7e6c4;text-align:center;opacity:0;pointer-events:none;background:#1c0203f0;border-radius:999px;width:max-content;max-width:min(480px,100vw - 32px);padding:13px 20px;font:500 14px/1.4 Inter,system-ui,sans-serif;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,12px)}.door-toast[data-show]{opacity:1;transform:translate(-50%)}.box{--box-side:#3e0607;--box-top:#5e0a0b;--box-back:#5a0909;--box-gold:#f0c79a;--box-gold-deep:#b98a55;--box-stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22'%3E%3Cg fill='%23F0C79A' fill-opacity='.85'%3E%3Cpath d='M5 2.5l.55 1.45L7 4.5l-1.45.55L5 6.5l-.55-1.45L3 4.5l1.45-.55z'/%3E%3Ccircle cx='12' cy='11' r='.65'/%3E%3Cpath d='M10 15l.4 1.1 1.1.4-1.1.4-.4 1.1-.4-1.1-1.1-.4 1.1-.4z'/%3E%3Ccircle cx='3.5' cy='17.5' r='.5'/%3E%3C/g%3E%3C/svg%3E");z-index:1;position:relative}.box__face,.box__shadow{pointer-events:none;position:absolute}.box__face{will-change:transform}.box__side--right{background:linear-gradient(90deg, transparent 1px, #f0c79abf 1px, #f0c79abf 2.2px, transparent 2.2px), linear-gradient(90deg, #ffffff0d, #0006), var(--box-stars) 0 0 / 11px 15px, var(--box-side)}.box__side--left{background:linear-gradient(270deg, transparent 1px, #f0c79abf 1px, #f0c79abf 2.2px, transparent 2.2px), linear-gradient(270deg, #ffffff0d, #0006), var(--box-stars) 0 0 / 11px 15px, var(--box-side)}.box__top{background:linear-gradient(0deg, #ffffff0f, #0000004d), var(--box-top)}.box__lip{background:linear-gradient(0deg, var(--box-gold-deep), var(--box-gold) 55%, #fbe3c0);height:max(2px,26%);position:absolute;bottom:1px;left:0;right:0}.box__lip--back{background:linear-gradient(180deg, var(--box-gold-deep), var(--box-gold) 55%, #fbe3c0);top:0;bottom:auto}.box__back{background:radial-gradient(120% 90% at 50% 40%, #ffffff0d, #00000040), var(--box-stars) 0 0 / 22px 30px, var(--box-back)}.box__rule{border:2px solid var(--box-gold);position:absolute;inset:3.4%}.box__rule--inner{border-width:1px;inset:4.7%}.box__logo{background-repeat:no-repeat;background-color:var(--box-back);box-shadow:0 0 0 3px var(--box-back), 0 0 0 4.5px var(--box-gold), 0 0 0 8px var(--box-back), 0 0 0 9px var(--box-gold);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box__shadow{opacity:0;background:radial-gradient(closest-side,#0f000099,#0f000040 55%,#0f000000);height:7%;margin-top:-3.5%;top:100%;left:2%;right:2%}