html.toros-prize-open,
body.toros-prize-open {
overflow: hidden;
}
.toros-prize-overlay {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(0, 0, 0, 0.82);
backdrop-filter: blur(7px);
}
.toros-prize-box {
width: min(520px, 100%);
position: relative;
padding: 34px 28px 28px;
border: 1px solid rgba(224, 180, 54, 0.85);
border-radius: 8px;
background:
linear-gradient(
145deg,
rgba(28, 25, 18, 0.99),
rgba(5, 5, 5, 0.99)
);
box-shadow:
0 24px 70px rgba(0, 0, 0, 0.72),
0 0 45px rgba(218, 171, 44, 0.12);
color: #e7dcc2;
text-align: center;
}
.toros-prize-close {
position: absolute;
top: 10px;
right: 12px;
width: 36px;
height: 36px;
border: 0;
background: transparent;
color: #cdb56f;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.toros-prize-kicker {
margin-bottom: 7px;
color: #d9ad3e;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.17em;
text-transform: uppercase;
}
.toros-prize-title {
margin: 0 0 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(2rem, 7vw, 3.1rem);
font-weight: normal;
color: #efc85e;
}
.toros-prize-text {
margin: 0 auto 22px;
max-width: 390px;
line-height: 1.55;
color: #d7c9aa;
}
.toros-prize-pin-label {
margin-bottom: 7px;
color: #9f9276;
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.toros-prize-pin {
margin: 0 auto 20px;
padding: 15px 18px;
border: 1px solid rgba(225, 181, 53, 0.62);
border-radius: 5px;
background: rgba(211, 165, 47, 0.08);
color: #ffe394;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: clamp(1.45rem, 6vw, 2.2rem);
font-weight: 800;
letter-spacing: 0.08em;
overflow-wrap: anywhere;
user-select: all;
}
.toros-prize-hint {
margin: 0;
color: #b8ab90;
font-size: 0.84rem;
line-height: 1.45;
}
.toros-prize-terms {
display: inline-block;
margin-top: 15px;
color: #f0cf6a;
font-size: 0.86rem;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.toros-prize-terms:hover {
color: #ffe69a;
}
.toros-prize-close-note {
margin: 14px auto 0;
max-width: 410px;
color: #8f846c;
font-size: 0.76rem;
line-height: 1.45;
}
.toros-prize-close:focus-visible,
.toros-prize-terms:focus-visible,
.toros-prize-reopen:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
}
.toros-prize-reopen {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 99990;
min-height: 43px;
padding: 10px 15px;
border: 1px solid rgba(219, 174, 51, 0.78);
border-radius: 4px;
background: rgba(8, 8, 8, 0.94);
color: #e7c868;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
font: inherit;
font-size: 0.82rem;
font-weight: 700;
cursor: pointer;
}
@media (max-width: 520px) {
.toros-prize-box {
padding: 31px 19px 23px;
}
.toros-prize-reopen {
right: 10px;
bottom: 10px;
}
}