/* Shared by marketing pages and the browser game; never style the host page. */
@font-face{font-family:CookieBody;src:url('/assets/body.woff2') format('woff2');font-weight:400;font-display:swap}
.cookie-banner,.cookie-dialog{font:14px/1.6 CookieBody,Arial,sans-serif;color:#f2eee2;text-align:left}
.cookie-banner *,.cookie-dialog *,.cookie-banner,.cookie-dialog{box-sizing:border-box}
.cookie-banner button,.cookie-dialog button,.cookie-dialog input{font-family:inherit}
.cookie-banner :focus-visible,.cookie-dialog :focus-visible{outline:3px solid #f7cd3b;outline-offset:4px}
.cookie-dialog h2{font-family:CookieBody,Arial,sans-serif;font-weight:700;line-height:1.15;margin:0 0 18px}
.cookie-dialog .eyebrow{display:block;color:#f7cd3b;font:11px/1.6 monospace;letter-spacing:2px;text-transform:uppercase}
.cookie-dialog p{margin:0 0 22px}
.cookie-dialog .cookie-close{font-size:24px;padding:0}
.cookie-banner {
  position: fixed;
  z-index: 20;
  bottom: max(20px, env(safe-area-inset-bottom));
  left: 20px;
  right: 20px;
  max-width: 1380px;
  margin: auto;
  padding: 25px 28px;
  display: flex;
  align-items: center;
  gap: 22px;
  background: #1b1e1c;
  border: 1px solid #626649;
  border-top: 2px solid #f7cd3b;
  border-radius: 7px;
  box-shadow: 0 12px 55px #0009;
  max-height: calc(100dvh - 40px);
  overflow: auto;
}
.cookie-icon {
  color: #f7cd3b;
  flex: 0 0 auto;
}
.cookie-copy {
  flex: 1;
}
.cookie-banner h2 {
  font-family: CookieBody, Arial, sans-serif;
  font-size: 19px;
  margin: 0 0 8px;
  letter-spacing: 0;
}
.cookie-banner p {
  font-size: 13px;
  line-height: 1.65;
  color: #f2eee2;
  margin: 0;
}
.cookie-banner .cookie-preview-note {
  font-size: 11px;
  color: #b3c1cf;
  margin-top: 5px;
}
.cookie-banner a,
.cookie-dialog a {
  color: #f7cd3b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cookie-actions button {
  min-height: 44px;
  padding: 12px 17px;
  border: 1px solid #626649;
  border-radius: 3px;
  background: #292d25;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.cookie-actions button:hover {
  border-color: #f7cd3b;
  background: #373d2e;
}
.cookie-banner .cookie-actions {
  max-width: 300px;
}
.cookie-banner .cookie-actions button {
  flex: 1;
  white-space: nowrap;
}
.cookie-banner .cookie-actions .cookie-settings-button {
  flex-basis: 100%;
  background: transparent;
}
.cookie-dialog {
  color: #f2eee2;
  background: #111313;
  border: 1px solid #626649;
  border-radius: 8px;
  width: min(650px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 30px;
}
.cookie-dialog::backdrop {
  background: #03070bd9;
  backdrop-filter: blur(5px);
}
.cookie-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.cookie-dialog h2 {
  font-size: 43px;
  margin-bottom: 18px;
}
.cookie-dialog .eyebrow {
  margin-bottom: 8px;
}
.cookie-close {
  color: white;
  background: transparent;
  border: 1px solid #373a32;
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  cursor: pointer;
}
.cookie-dialog p {
  font-size: 13px;
  line-height: 1.75;
  color: #b6b8ab;
}
.cookie-category {
  border-top: 1px solid #373a32;
  padding: 19px 0 8px;
}
.cookie-category > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.cookie-category h3 {
  font-family: CookieBody, Arial, sans-serif;
  font-size: 16px;
  margin: 0;
}
.cookie-category span {
  font-size: 12px;
  color: #f7cd3b;
}
.cookie-toggle {
  display: flex;
  gap: 9px;
  align-items: center;
  min-height: 44px;
  cursor: pointer;
}
.cookie-toggle input {
  width: 20px;
  height: 20px;
  accent-color: #f7cd3b;
  margin: 0;
}
.cookie-current {
  padding: 12px;
  background: #292d25;
  border-radius: 3px;
}
.cookie-dialog .cookie-actions {
  margin-top: 22px;
}
.cookie-dialog .cookie-actions button {
  flex: 1;
}
.cookie-banner[hidden]{display:none}
.footer-cookie-settings{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
.footer-cookie-settings:hover{color:#f7cd3b}
@media(max-width:800px){.cookie-banner{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:20px;flex-wrap:wrap;gap:12px;max-height:calc(100dvh - 24px)}.cookie-icon{display:none}.cookie-copy{flex-basis:100%}.cookie-banner .cookie-actions{max-width:none;width:100%}.cookie-banner .cookie-actions .cookie-settings-button{flex-basis:auto}}
@media(max-width:480px){.cookie-dialog{padding:20px}.cookie-dialog h2{font-size:36px}.cookie-banner .cookie-actions .cookie-settings-button{flex-basis:100%}.cookie-category>div{flex-wrap:wrap}}