#app .advent-layout{grid-template-columns:minmax(0,1fr)}
#app .advent-detail{display:none}
.advent-popup{width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:2px solid #17151c;background:#faf9f6;box-shadow:7px 7px 0 #17151c;color:#17151c}
.advent-popup .advent-detail{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);border:0;width:100%}
.advent-popup .detail-image{height:auto;min-height:160px}
.advent-popup .detail-body{padding:18px;overflow-wrap:anywhere}
.advent-popup .detail-body h2{margin:8px 0;font-size:26px}
.advent-popup .detail-body h3{margin:8px 0;font-size:18px}
.advent-popup .detail-body p{margin:8px 0;line-height:1.4}
.advent-popup .advent-stats{margin:12px 0;padding:10px 0}
.advent-popup .detail-body .btn{min-height:44px;padding:10px}
.advent-popup .countdown{font-size:30px;margin:8px 0}
.advent-popup .advent-popup-close{display:flex;justify-content:center;margin:12px auto;min-width:160px;min-height:44px;padding:10px 18px}
.advent-popup .advent-prize-hidden img{filter:blur(16px);image-rendering:pixelated;transform:scale(1.12)}
.advent-popup .advent-prize-hidden strong{inset:0;display:grid;place-items:center;font-size:120px;text-shadow:4px 4px 0 #17151c}
.advent-door .advent-entry-badge{position:absolute;top:6px;left:6px;padding:6px 9px;background:#17151c;color:#fff!important;font:800 15px/1.2 Inter,system-ui,sans-serif;box-shadow:2px 2px 0 #fff;border:1px solid #fff;z-index:2}
.advent-door.entered{padding-top:38px}
@media(max-width:600px){.advent-door .advent-entry-badge{font-size:12px;padding:5px;top:3px;left:3px}.advent-popup .advent-detail{grid-template-columns:1fr}.advent-popup .detail-image{height:72px;min-height:0}.advent-popup .detail-image strong{font-size:26px}.advent-popup .advent-prize-hidden strong{font-size:54px}.advent-popup .detail-body{padding:12px 16px}.advent-popup .detail-body h2{font-size:23px}.advent-popup .detail-body p{font-size:14px;margin:6px 0}.advent-popup .advent-stats{margin:8px 0;padding:8px 0}.advent-popup .advent-stats strong{font-size:23px}.advent-popup .advent-popup-close{margin:6px auto 12px}}
@media(max-height:600px) and (min-width:601px){.advent-popup .detail-body{padding:12px 16px}.advent-popup .detail-body p{margin:5px 0}.advent-popup .advent-stats{margin:6px 0;padding:6px 0}}
@media(max-width:600px) and (max-height:700px){.advent-popup .detail-image{height:44px}.advent-popup .detail-body{padding:8px 14px}.advent-popup .detail-body p{margin:4px 0}.advent-popup .detail-body h2,.advent-popup .detail-body h3{margin:5px 0}.advent-popup .advent-stats{margin:6px 0;padding:6px 0}.advent-popup .advent-popup-close{margin:4px auto 8px}}