.boredsy-footer,
.boredsy-footer * { box-sizing: border-box; }

.boredsy-footer {
  --footer-ink: #17231d;
  --footer-paper: #f5f0e4;
  --footer-blue: #5e77ff;
  --footer-line: rgba(23, 35, 29, .18);
  position: relative;
  z-index: 20;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.boredsy-footer__brand { color: inherit; font-weight: 950; letter-spacing: -.04em; text-decoration: none; }
.boredsy-footer__brand strong { color: var(--footer-blue); }
.boredsy-footer__identity p, .boredsy-footer__copyright { margin: 0; }
.boredsy-footer__nav { display: flex; justify-content: center; flex-wrap: wrap; }
.boredsy-footer__nav a { color: inherit; font-weight: 800; text-underline-offset: .22em; }
.boredsy-footer a:focus-visible { outline: 3px solid var(--footer-blue); outline-offset: 3px; }

.boredsy-footer[data-variant="main"] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  gap: 1.5rem;
  margin: 0 clamp(1.25rem, 4vw, 4rem);
  padding: 1.6rem 0 2rem;
  border-top: 1px solid var(--footer-line);
  color: var(--footer-ink);
}
.boredsy-footer[data-variant="main"] .boredsy-footer__identity { display: flex; align-items: baseline; gap: .9rem; }
.boredsy-footer[data-variant="main"] .boredsy-footer__identity p,
.boredsy-footer[data-variant="main"] .boredsy-footer__copyright { color: rgba(23, 35, 29, .62); font-size: .74rem; }
.boredsy-footer[data-variant="main"] .boredsy-footer__brand { font-size: .92rem; }
.boredsy-footer[data-variant="main"] .boredsy-footer__nav { gap: .7rem 1.25rem; }
.boredsy-footer[data-variant="main"] .boredsy-footer__nav a { font-size: .76rem; }
.boredsy-footer[data-variant="main"] .boredsy-footer__copyright { justify-self: end; white-space: nowrap; }

.boredsy-footer[data-variant="page"] {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(130px, 1fr);
  align-items: center;
  gap: 1.25rem;
  width: min(1180px, calc(100% - 32px));
  margin: 16px auto 24px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(9, 12, 22, .72);
  color: #f4f7ff;
}
.boredsy-footer[data-variant="page"] .boredsy-footer__identity { display: grid; gap: 3px; }
.boredsy-footer[data-variant="page"] .boredsy-footer__identity p,
.boredsy-footer[data-variant="page"] .boredsy-footer__copyright { color: rgba(244, 247, 255, .6); font-size: .7rem; }
.boredsy-footer[data-variant="page"] .boredsy-footer__brand { font-size: 1rem; }
.boredsy-footer[data-variant="page"] .boredsy-footer__brand strong { color: #70f0bd; }
.boredsy-footer[data-variant="page"] .boredsy-footer__nav { gap: 7px 14px; }
.boredsy-footer[data-variant="page"] .boredsy-footer__nav a { font-size: .72rem; }
.boredsy-footer[data-variant="page"] .boredsy-footer__copyright { justify-self: end; white-space: nowrap; }

.boredsy-footer[data-variant="compact"] {
  position: fixed;
  inset: auto 0 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 7px clamp(10px, 2vw, 20px);
  border-top: 1px solid rgba(255, 255, 255, .16);
  background: rgba(10, 9, 24, .96);
  color: #fff9ee;
  backdrop-filter: blur(12px);
}
.boredsy-footer[data-variant="compact"] .boredsy-footer__identity p { display: none; }
.boredsy-footer[data-variant="compact"] .boredsy-footer__brand { font-size: .78rem; }
.boredsy-footer[data-variant="compact"] .boredsy-footer__brand strong { color: #ffd85a; }
.boredsy-footer[data-variant="compact"] .boredsy-footer__nav { gap: 4px 12px; }
.boredsy-footer[data-variant="compact"] .boredsy-footer__nav a { font-size: .63rem; }
.boredsy-footer[data-variant="compact"] .boredsy-footer__copyright { color: rgba(255, 249, 238, .55); font-size: .6rem; white-space: nowrap; }
body:has(> .boredsy-footer[data-variant="compact"]) { padding-bottom: 44px !important; }
body:has(> .boredsy-footer[data-variant="compact"]) > .game { min-height: calc(100svh - 44px) !important; }

@media (max-width: 760px) {
  .boredsy-footer[data-variant="main"],
  .boredsy-footer[data-variant="page"] { grid-template-columns: 1fr; justify-items: center; gap: 1rem; text-align: center; }
  .boredsy-footer[data-variant="main"] { margin-inline: 1rem; }
  .boredsy-footer[data-variant="main"] .boredsy-footer__identity,
  .boredsy-footer[data-variant="page"] .boredsy-footer__identity { display: grid; justify-items: center; gap: .35rem; }
  .boredsy-footer[data-variant="main"] .boredsy-footer__copyright,
  .boredsy-footer[data-variant="page"] .boredsy-footer__copyright { justify-self: center; }
  .boredsy-footer[data-variant="compact"] { grid-template-columns: auto 1fr; }
  .boredsy-footer[data-variant="compact"] .boredsy-footer__copyright { display: none; }
  .boredsy-footer[data-variant="compact"] .boredsy-footer__nav { justify-content: flex-end; gap: 4px 9px; }
  .boredsy-footer[data-variant="compact"] .boredsy-footer__nav a:nth-child(2),
  .boredsy-footer[data-variant="compact"] .boredsy-footer__nav a:nth-child(3) { display: none; }
}

@media (max-width: 420px) {
  .boredsy-footer[data-variant="compact"] .boredsy-footer__nav a { font-size: .58rem; }
  .boredsy-footer[data-variant="compact"] .boredsy-footer__nav a:first-child { display: none; }
}