@charset "UTF-8";

#cookie-consent [hidden]{display:none!important}
.cookie-banner,.cookie-preferences,.media-consent-placeholder{
    color:var(--ink,#f4f4ee);
    background:var(--surface,#111313);
    border:1px solid var(--line,#42453e);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.5
}
.cookie-banner{
    --surface:#0b0d0d;
    --ink:#f4f4ee;
    --muted:#bdc4ba;
    --line:#3e4541;
    color-scheme:dark;
    background-color:var(--surface);
    background-image:linear-gradient(90deg,#0b0d0d 0%,#0b0d0d 42%,rgba(11,13,13,.94) 52%,rgba(11,13,13,.8) 72%,rgba(11,13,13,.58) 100%),url('/monster-header.png');
    background-size:100% 100%,50% auto;
    background-position:left top,right center;
    background-repeat:no-repeat;
    position:fixed;
    z-index:1100;
    inset:auto 18px 18px;
    width:min(1120px,calc(100% - 36px));
    max-height:calc(100dvh - 36px);
    overflow-y:auto;
    margin-inline:auto;
    padding:23px 26px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px 28px;
    border-top:5px solid var(--lime,#d4f000);
    box-shadow:0 12px 55px #0006
}
.cookie-eyebrow{
    margin:0 0 5px;
    color:var(--muted,#a7aaa2);
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em
}
.cookie-banner h2,.cookie-preferences h2{
    margin:0;
    color:var(--ink,#f4f4ee);
    font-family:var(--display,Impact,'Arial Narrow',Arial,sans-serif);
    font-size:30px;
    font-weight:400;
    line-height:1.12;
    text-transform:uppercase;
    letter-spacing:.025em
}
.cookie-banner-copy>p:last-child{margin:10px 0 0;max-width:720px;font-size:13px}
.cookie-banner a,.cookie-preferences a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.cookie-button{
    min-height:44px;
    border:1px solid var(--ink,#f4f4ee);
    padding:11px 16px;
    background:var(--surface,#111313);
    color:var(--ink,#f4f4ee);
    font:700 13px/1.25 Arial,Helvetica,sans-serif;
    cursor:pointer;
    text-align:center;
    white-space:normal
}
.cookie-button-choice{background:var(--lime,#d4f000);border-color:var(--lime,#d4f000);color:#10120a}
.cookie-button-plain{grid-column:1/-1;background:transparent;border-color:var(--line,#42453e)}
.cookie-button:hover{box-shadow:inset 0 0 0 1px currentColor}
.cookie-button:disabled{cursor:wait;opacity:.6}
.cookie-button:focus-visible,.cookie-close:focus-visible,.cookie-settings:focus-visible,
.cookie-option input:focus-visible,.cookie-banner a:focus-visible,.cookie-preferences a:focus-visible,
.media-consent-placeholder button:focus-visible{outline:3px solid var(--pink,#ff2285);outline-offset:3px}
.cookie-noscript{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted,#a7aaa2)}
.cookie-preferences{
    width:min(600px,calc(100% - 32px));
    max-width:600px;
    max-height:calc(100dvh - 32px);
    margin:auto;
    padding:26px;
    overflow-y:auto;
    border-top:5px solid var(--lime,#d4f000);
    box-shadow:0 20px 80px #0009
}
.cookie-preferences:not([open]){display:none}
.cookie-preferences[open]{display:block}
.cookie-preferences::backdrop{background:#000b}
.cookie-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.cookie-close{
    flex:0 0 44px;
    width:44px;
    height:44px;
    border:1px solid var(--line,#42453e);
    background:transparent;
    color:var(--ink,#f4f4ee);
    font:28px/1 Arial,Helvetica,sans-serif;
    cursor:pointer
}
#cookie-preferences-intro{font-size:14px;color:var(--muted,#a7aaa2);margin:16px 0 20px}
.cookie-options{border-top:1px solid var(--line,#42453e)}
.cookie-option{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line,#42453e);cursor:pointer}
.cookie-option>span{display:block;min-width:0}
.cookie-option-title{display:block;font-weight:700;font-size:15px}
.cookie-always-on{display:inline-block;margin-left:7px;color:var(--muted,#a7aaa2);font-size:11px;font-weight:400}
.cookie-option-description{display:block;margin-top:6px;font-size:13px;color:var(--muted,#a7aaa2)}
.cookie-option input{flex:0 0 22px;width:22px;height:22px;margin:2px 1px 0;accent-color:var(--pink,#ff2285);cursor:pointer}
.cookie-option input:disabled{cursor:default}
.cookie-details{font-size:12px;color:var(--muted,#a7aaa2);margin:18px 0}
.cookie-preferences-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-consent-status{padding:12px;border-left:3px solid var(--pink,#ff2285);background:var(--soft,#1c201a);font-size:13px}
.footer-actions .cookie-settings,.cookie-settings{
    padding:8px 0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:4px
}
.media-consent-placeholder{
    min-height:210px;
    min-width:0;
    width:100%;
    padding:28px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-align:center;
    border-top:3px solid var(--pink,#ff2285)
}
.video-frame>.media-consent-placeholder{position:absolute;inset:0;height:100%;min-height:0;overflow:auto}
.media-consent-placeholder>strong,.media-consent-placeholder>span{font-family:var(--display,Impact,'Arial Narrow',Arial,sans-serif);font-size:26px;font-weight:400;text-transform:uppercase;line-height:1.15}
.media-consent-placeholder p{max-width:540px;margin:0;font-size:14px;color:var(--muted,#a7aaa2)}
.media-consent-placeholder button{min-height:44px;padding:10px 16px;background:var(--lime,#d4f000);color:#10120a;border:1px solid var(--lime,#d4f000);font:700 13px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
.media-consent-placeholder noscript{font-size:12px;color:var(--muted,#a7aaa2)}
@media(max-width:850px){
    .cookie-banner{grid-template-columns:1fr;gap:16px;padding:20px}
    .cookie-banner-actions{grid-template-columns:1fr 1fr 1fr}
    .cookie-button-plain{grid-column:auto}
}
@media(max-width:480px){
    .cookie-banner{inset:auto 10px 10px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:17px}
    .cookie-banner h2,.cookie-preferences h2{font-size:26px}
    .cookie-banner-actions{grid-template-columns:1fr 1fr}
    .cookie-button-plain{grid-column:1/-1}
    .cookie-preferences{padding:20px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
    .cookie-option{gap:12px}
    .cookie-button{padding:11px 12px}
    .media-consent-placeholder{padding:18px;gap:8px}
    .media-consent-placeholder>strong,.media-consent-placeholder>span{font-size:21px}
    .media-consent-placeholder p{font-size:12px}
}