/* One continuous illustrated surface per event prevents panel slicing seams. */
.event51{position:absolute;left:calc(-1 * var(--aspect-side));top:0;width:474.75px;height:844px}
.event51-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.event51-title,.event51-day,.event51-rule{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-weight:900;line-height:1.4;color:#48250d}
.event51-title{left:29%;top:6.6%;width:40%;height:9%;font-size:52px;letter-spacing:3px;white-space:nowrap;color:#28658a;text-shadow:2px 2px 0 #fff8e3,-2px -2px 0 #fff8e3}
.event51-day{left:37%;top:15.5%;width:24%;height:3.8%;font-size:16px;letter-spacing:3px}
.event51-rule{left:17%;top:46.6%;width:66%;height:4%;font-size:21px;letter-spacing:1px}
.event51-next{position:absolute;left:24%;top:86%;width:52%;height:8%;padding:0;background:none;border:0;isolation:isolate;transition:filter .1s,transform .1s}
.event51-next>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.event51-next>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:3px;font-size:31px;line-height:1.4;letter-spacing:4px;font-weight:900;color:#fff9e9;text-shadow:0 2px 0 #c16a36;pointer-events:none}
.event51-next:hover{filter:brightness(1.06)}
.event51-next:active{transform:translateY(3px) scale(.97);filter:brightness(.70) saturate(1.2)}
.event51-next:focus-visible{outline:3px solid #4c793b;outline-offset:3px;border-radius:22px}
.event51-pause{position:absolute;right:12px;top:15px;z-index:10}
.event51-cat .event51-title{left:25%;top:7%;width:50%;height:8.5%;font-size:44px;color:#48250d}
.event51-cat .event51-rule{left:18%;top:76.65%;width:64%;height:9.5%;font-size:20px;line-height:1.8}
.event51-cat .event51-next{left:25%;top:87%;width:50%;height:8.5%}
.event51-molt .event51-title{left:21%;top:10.8%;width:62%;height:13.6%;font-size:78px;color:#48250d}
.event51-molt .event51-day{left:34%;top:27.7%;width:32%;height:6%;font-size:32px}
.event51-molt .event51-rule{left:26%;top:79%;width:51%;height:6%;font-size:25px}
.event51-molt .event51-next{left:24%;top:87.8%;width:52%;height:9%}
.event51-sports .event51-title{left:24%;top:13.7%;width:53%;height:10%;font-size:44px;color:#48250d}
.event51-sports .event51-day{left:34%;top:24%;width:32%;height:5.8%;font-size:29px}
.event51-sports .event51-rule{left:21%;top:74.7%;width:61%;height:7%;font-size:24px}
.event51-sports .event51-next{left:23%;top:84.2%;width:56%;height:9.6%}
.event51-cold .event51-title{left:25%;top:10.5%;width:50%;height:11.5%;font-size:69px;color:#48250d}
.event51-cold .event51-day{left:35%;top:21.4%;width:30%;height:5.5%;font-size:31px}
.event51-cold .event51-rule{left:37%;top:67.4%;width:43%;height:12.2%;font-size:21px;flex-direction:column;gap:0}
.event51-cold .event51-rule>span{height:50%;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.event51-rule-label{position:absolute;left:39%;top:60.7%;width:22%;height:4.2%;display:flex;align-items:center;justify-content:center;color:#fff7df;font-weight:900;font-size:26px;letter-spacing:4px}
.event51-cold .event51-next{left:25%;top:83%;width:50%;height:9%}
.event51-picky .event51-title{left:25%;top:14%;width:50%;height:12%;font-size:72px;color:#48250d}
.event51-picky .event51-day{left:35%;top:26%;width:30%;height:6%;font-size:32px}
.event51-picky .event51-rule{left:22%;top:72.4%;width:57%;height:5.7%;font-size:22px}
.event51-picky .event51-next{left:22%;top:79.2%;width:56%;height:10.8%}

/* Original mother date badge safe area, independently checked at native pixels. */
.event51-cat .event51-day{left:36%;top:13.5%;width:28%;height:5.3%;font-size:16px}
