.bgd{position: relative; overflow: hidden; isolation: isolate; background: var(--red, #ce1a27) repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 16px); color: #fff; padding: clamp(40px, 6vw, 72px) 0 clamp(48px, 6vw, 80px); min-height: 60vh;}
.bgd__in{width: min(1240px, calc(100% - 40px)); margin: 0 auto; display: grid; gap: 18px;}
.bgd__ghost{position: absolute; z-index: -1; right: -20px; bottom: -60px; font: italic 900 clamp(180px, 24vw, 340px)/1 var(--font-display); color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,.1); pointer-events: none;}
.bgd__k{font: 800 13px/1 var(--font-display); letter-spacing: .24em; text-transform: uppercase; opacity: .9;}
.bgd__h{margin: 0; font: italic 900 clamp(42px, 6vw, 86px)/.88 var(--font-display); text-transform: uppercase; color: #fff;}
.bgd__form{display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin: 10px 0 12px;}
.bgd__form label{display: grid; gap: 5px;}
.bgd__form label span{font: 800 11px/1 var(--font-display); letter-spacing: .2em; text-transform: uppercase;}
.bgd__form select,.bgd__form input{height: 54px; border: 0; border-radius: 0; padding: 0 14px; background: #fff; color: #3d434b; font: italic 900 22px/1 var(--font-display); min-width: 110px;}
.bgd__form input{width: 130px;}
.bgd__form button{height: 54px; border: 0; padding: 0 26px; background: #fff; color: var(--red, #ce1a27); font: italic 900 18px/1 var(--font-display); letter-spacing: .14em; text-transform: uppercase; transform: skewX(-10deg); cursor: pointer;}
.bgd__form button:hover{background: #3d434b; color: #fff;}
.bgd__card{position: relative; overflow: hidden; isolation: isolate; padding: 30px 34px; background: #fff; color: #3d434b;}
.bgd__cghost{position: absolute; z-index: -1; right: -10px; bottom: -34px; font: italic 900 170px/1 var(--font-display); color: transparent; -webkit-text-stroke: 2px rgba(206,26,39,.1);}
.bgd__tag{display: inline-block; padding: 5px 11px; background: var(--red, #ce1a27); color: #fff; font: italic 900 12px/1 var(--font-display); letter-spacing: .18em; text-transform: uppercase; transform: skewX(-10deg);}
.bgd__day{margin: 16px 0 4px; font: 800 14px/1.3 var(--font-display); letter-spacing: .18em; text-transform: uppercase; color: #7d848d;}
.bgd__score{display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 6px 0 4px; font: italic 900 clamp(40px, 5vw, 72px)/.92 var(--font-display); text-transform: uppercase; color: #3d434b;}
.bgd__score b{color: #9aa1aa;}
.bgd__score b.is-w{color: var(--red, #ce1a27);}
.bgd__p,.bgd__lead{margin: 12px 0 0; max-width: 56ch; font: 400 16px/1.55 var(--font-serif, Georgia, serif); color: #5c636c;}
.bgd__lead{font: italic 800 26px/1.1 var(--font-display); text-transform: uppercase; color: #3d434b;}
.bgd__acts{display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; margin-top: 22px;}
.bgd__go{border: 0; padding: 14px 22px; background: var(--red, #ce1a27); color: #fff; font: italic 900 16px/1 var(--font-display); letter-spacing: .14em; text-transform: uppercase; transform: skewX(-10deg); cursor: pointer;}
.bgd__go:hover{background: #3d434b;}
.bgd__ln{display: inline-block; margin-top: 4px; font: italic 900 15px/1 var(--font-display); letter-spacing: .12em; text-transform: uppercase; color: var(--red, #ce1a27); text-decoration: none;}
.bgd__also{margin: 18px 0 0; font: 700 13px/1.4 var(--font-display); letter-spacing: .1em; text-transform: uppercase; color: #7d848d;}
.bgd__note,.bgd__src{margin: 0; font: 700 .82rem/1.4 var(--font-display); letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.88);}
@media (max-width: 800px){.bgd__card{padding: 24px 22px;}}
@media (max-width: 800px){.bgd__form label{flex: 1 1 30%;}}
@media (max-width: 800px){.bgd__form select,.bgd__form input{width: 100%; min-width: 0;}}
@media (max-width: 800px){.bgd__form button{flex: 1 1 100%;}}
@media (max-width: 800px){.bgd__form select,.bgd__form input{font-size: 18px; padding: 0 10px;}}
.bgd__rand{align-self: flex-end; height: 54px; display: inline-flex; align-items: center; padding: 0 20px; background: rgba(255,255,255,.16); color: #fff; font: italic 900 16px/1 var(--font-display); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; transform: skewX(-10deg);}
.bgd__rand:hover{background: rgba(255,255,255,.28);}
.bgd__ticket{position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 190px; filter: none;
	-webkit-mask: radial-gradient(circle 16px at 0 50%, transparent 15px, #000 16px) left / 51% 100% no-repeat, radial-gradient(circle 16px at 100% 50%, transparent 15px, #000 16px) right / 51% 100% no-repeat;
	        mask: radial-gradient(circle 16px at 0 50%, transparent 15px, #000 16px) left / 51% 100% no-repeat, radial-gradient(circle 16px at 100% 50%, transparent 15px, #000 16px) right / 51% 100% no-repeat;}
.bgd__ticket .bgd__card{padding: 34px 40px 30px 44px;}
.bgd__stub{position: relative; display: grid; align-content: center; justify-items: center; gap: 6px; padding: 24px 16px; background: linear-gradient(160deg, #eef0f2, #d9dce0); color: #3d434b; text-align: center; overflow: hidden;
	background-image: repeating-linear-gradient(180deg, #c9ccd1 0 8px, transparent 8px 16px), linear-gradient(160deg, #eef0f2, #d9dce0); background-size: 3px 100%, 100% 100%; background-position: left top, 0 0; background-repeat: no-repeat;}
.bgd__admit{padding: 4px 10px; background: var(--red, #ce1a27); color: #fff; font: italic 900 12px/1 var(--font-display); letter-spacing: .2em; text-transform: uppercase; transform: skewX(-10deg);}
.bgd__stub b{margin-top: 8px; font: italic 900 46px/.9 var(--font-display); text-transform: uppercase; color: var(--red, #ce1a27);}
.bgd__stub i{font: italic 900 30px/1 var(--font-display); color: transparent; -webkit-text-stroke: 1.5px #3d434b;}
.bgd__no{margin-top: 6px; font: 800 12px/1.2 var(--font-display); letter-spacing: .18em; text-transform: uppercase; color: #5c636c;}
.bgd__c{position: absolute; right: -14px; bottom: -40px; font: italic 900 150px/1 var(--font-display); color: rgba(206,26,39,.08);}
.bgd__ln--g{color: #7d848d;}
.bgd__tiles{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px;}
.bgd__tile{display: grid; align-content: start; gap: 4px; padding: 20px 22px; background: rgba(255,255,255,.12); color: #fff; text-decoration: none;}
.bgd__tile span{font: 800 12px/1.2 var(--font-display); letter-spacing: .18em; text-transform: uppercase; opacity: .9;}
.bgd__tile b{font: italic 900 40px/1 var(--font-display);}
.bgd__tile small{font: 700 13px/1.3 var(--font-display); letter-spacing: .06em; text-transform: uppercase; opacity: .92;}
a.bgd__tile:hover{background: rgba(255,255,255,.22);}
.bgd__tile--red{background: #fff; color: var(--red, #ce1a27);}
.bgd__tile--red small{color: #3d434b;}
a.bgd__tile--red:hover{background: #eef0f2;}
.bgd__confetti{position: fixed; inset: 0; z-index: 9999; pointer-events: none;}
.bgd__ticket.is-go{animation: bgdTicket .6s cubic-bezier(.2,1.2,.3,1) both;}
.bgd__ticket.is-go + .bgd__tiles .bgd__tile{animation: bgdUp .45s ease-out both;}
.bgd__ticket.is-go + .bgd__tiles .bgd__tile:nth-child(2){animation-delay: .1s;}
.bgd__ticket.is-go + .bgd__tiles .bgd__tile:nth-child(3){animation-delay: .2s;}
.bgd__ticket.is-go + .bgd__tiles .bgd__tile:nth-child(4){animation-delay: .3s;}
.bgd__ticket.is-go + .bgd__tiles .bgd__tile:nth-child(5){animation-delay: .4s;}
@media (max-width: 800px){.bgd__ticket{grid-template-columns: 1fr; -webkit-mask: none; mask: none;}}
@media (max-width: 800px){.bgd__ticket .bgd__card{padding: 24px 22px;}}
@media (max-width: 800px){.bgd__stub{grid-template-columns: auto auto auto; justify-content: start; align-items: baseline; gap: 10px 14px; padding: 16px 22px; background-size: 100% 3px, 100% 100%; background-image: repeating-linear-gradient(90deg, #c9ccd1 0 8px, transparent 8px 16px), linear-gradient(160deg, #eef0f2, #d9dce0);}}
@media (max-width: 800px){.bgd__stub b{margin: 0; font-size: 32px;}}
@media (max-width: 800px){.bgd__stub i{font-size: 24px;}}
@media (max-width: 800px){.bgd__no{grid-column: 1 / -1; margin: 0;}}
@media (max-width: 800px){.bgd__admit{grid-column: 1 / -1; justify-self: start;}}
@media (max-width: 800px){.bgd__tiles{grid-template-columns: 1fr 1fr;}}
@media (max-width: 800px){.bgd__tile b{font-size: 30px;}}
.bgd__tile b{text-transform: uppercase;}
.bgd__save{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 14px;}
.bgd__save button{border: 0; padding: 10px 14px; background: #eef0f2; color: #3d434b; font: italic 900 13px/1 var(--font-display); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;}
.bgd__save button:hover{background: var(--red, #ce1a27); color: #fff;}
.bgd__save small{font: 700 11px/1 var(--font-display); letter-spacing: .14em; text-transform: uppercase; color: #9aa1aa;}
.bgd__mine{margin: 14px 0 0; font: 800 12px/1 var(--font-display); letter-spacing: .18em; text-transform: uppercase; color: var(--red, #ce1a27);}
.bgd.is-result{padding-top: clamp(24px, 3vw, 40px);}
.bgd.is-result .bgd__h{font-size: clamp(30px, 3.4vw, 48px);}
.bgd.is-result .bgd__h br{display: none;}
.bgd.is-result .bgd__form{margin-bottom: 4px;}
.bgd.is-result .bgd__form select,.bgd.is-result .bgd__form input,.bgd.is-result .bgd__form button,.bgd.is-result .bgd__rand{height: 46px; font-size: 18px;}