:root { --site-ink: #fff5ff; --site-surface: radial-gradient(circle at 82% 34%,#a943c64d,transparent 30%),linear-gradient(118deg,#170a27,#351047 55%,#641879); --site-line: #ffffff24; --site-accent:#e879f2; --site-paper:#fbf8ff; --site-text:#321d3d; --site-muted:#6d5a77; }
.site-header, .site-footer { width: 100%; padding-inline: clamp(14px, 4vw, 34px); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-header { position:relative !important; z-index:50 !important; width:100% !important; min-height: 58px !important; display: flex !important; visibility:visible !important; opacity:1 !important; align-items: center; justify-content: space-between; gap: 16px; padding-inline:max(16px,calc((100vw - 1160px)/2)); padding-top: env(safe-area-inset-top); color: var(--site-ink) !important; background: var(--site-surface) !important; border-bottom: 1px solid var(--site-line) !important; box-shadow:0 5px 18px #13051c24; }
.site-brand, .site-back { color: inherit; text-decoration: none; font-weight: 800; }
.site-back { min-height:44px; display:inline-flex; align-items:center; padding:0 13px; border:1px solid #ffffff22; border-radius:999px; background:#ffffff09; }
.site-header-actions { display: flex; align-items: center; gap: clamp(8px,2vw,18px); }
.site-help { min-height: 44px; display: inline-flex; align-items: center; color: #dcecf7; font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.site-brand { min-height:44px !important; display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center; gap:9px; font-size:0 !important; letter-spacing:.01em; }
.site-brand::before,.policy-header>a:first-child::before { content:"V"; display:inline-grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:9px; color:#351047; background:linear-gradient(145deg,#f5a2ff,#d764ed); box-shadow:0 5px 14px #08010e66; transform:rotate(-4deg); font-size:14px; font-weight:900; }
.site-brand::after,.policy-header>a:first-child::after { content:"Play on Glov Games"; color:#fff5ff; font-size:17px; font-weight:800; white-space:nowrap; }
.site-brand b,.policy-header b { color: var(--site-accent) !important; }
.site-back { font-size: 14px; }
.site-footer { min-height: 70px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px 20px; padding: 12px max(16px,calc((100vw - 1160px)/2)) calc(12px + env(safe-area-inset-bottom)); color: #dfcfe7 !important; background: var(--site-surface) !important; border-top: 1px solid var(--site-line) !important; font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 12px; line-height: 1.4; text-align: center; overflow-x: auto; }
.site-footer-nav { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 6px 14px; white-space: nowrap; }
/* The policy page shell does not load home.css, whose mobile rule allowed the
   footer links to wrap. Without this the nowrap nav stays ~713px wide on
   narrow and mid-size screens and pushes the whole page sideways. Allow
   wrapping up to 900px so tablets are covered too, not only phones. */
@media (max-width: 900px) {
  .site-footer { flex-wrap: wrap; justify-content: center; overflow-x: visible; }
  .site-footer-nav { flex-wrap: wrap; white-space: normal; justify-content: center; gap: 4px 12px; }
  .site-footer a { padding-inline: .3rem; }
}
.site-footer a { min-height:44px; display:inline-flex; align-items:center; color: #f9efff !important; text-decoration: none; text-underline-offset: 4px; font-weight:700; }
.site-footer a:hover,.site-footer a:focus-visible,.site-back:hover,.site-back:focus-visible { color:#f2a2ff !important; text-decoration:underline; outline:none; }
.policy-header { min-height:58px !important; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:env(safe-area-inset-top) max(16px,calc((100vw - 1160px)/2)) 0 !important; color:var(--site-ink) !important; background:var(--site-surface) !important; border-bottom:1px solid var(--site-line); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.policy-header>a { min-height:44px; display:inline-flex; align-items:center; gap:9px; color:inherit !important; text-decoration:none; font-weight:800; }
.policy-header>a:first-child{font-size:0}.policy-header>a:first-child::before{font-size:14px}
.game-info { width: min(920px,calc(100% - 32px)); margin: 28px auto; padding: clamp(22px,4vw,38px); color: var(--site-text); background:linear-gradient(155deg,#fff,var(--site-paper)); border: 1px solid #e0d2e7; border-radius: 24px; box-shadow: 0 12px 35px #32103c14; font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.game-info h1,.game-info h2 { margin: 0 0 12px; font-size: clamp(25px,4vw,36px); line-height: 1.1; }
.game-info h3 { margin: 24px 0 8px; font-size: 18px; }
.game-info h1,.game-info h2,.game-info h3 { color:var(--site-text); }.game-info p,.game-info li { color: var(--site-muted); line-height: 1.65; }.game-info strong{color:#6d237a}
.game-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 34px; }
.game-info ul { margin: 8px 0 0; padding-left: 20px; }
.related-games { width: min(920px,calc(100% - 32px)); margin: 0 auto 28px; padding: 20px clamp(22px,4vw,38px); color: var(--site-text); background: #f3ebf7; border: 1px solid #ddcde5; border-radius: 18px; font-family: Inter,system-ui,sans-serif; }
.related-games h2 { margin: 0 0 8px; font-size: 21px; }
.related-games p { margin: 6px 0; color: var(--site-muted); line-height: 1.55; }
.related-games a { color: #7b2789; font-weight: 800; text-underline-offset: 3px; }
body.with-game-info { height: auto !important; min-height: 100dvh; overflow-x: hidden !important; overflow-y: auto !important; }
body.with-game-info>.site-footer { position:relative !important; inset:auto !important; z-index:30 !important; }
body.with-game-info.site-page { grid-template-rows: auto minmax(420px,calc(100dvh - 116px)) auto auto !important; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) { .site-footer { min-height: 60px; align-items:center; justify-content:flex-start; gap:0 12px; font-size: 11px; overflow-x:auto; } .site-footer>span { width:auto; white-space:nowrap; } }
@media (max-width: 420px) { .site-header,.policy-header { min-height: 54px; } .site-brand::after,.policy-header>a:first-child::after { font-size: 14px; } .site-brand::before,.policy-header>a:first-child::before{width:28px;height:28px;flex-basis:28px}.site-back { font-size: 12px; } }
@media (max-width: 480px) { .site-header-actions { gap: 8px; } .site-help,.site-back { font-size: 11px; } }
@media (max-width: 640px) { .game-info-grid { grid-template-columns: 1fr; gap: 0; } .game-info { margin-block: 20px; } body.with-game-info.site-page { grid-template-rows: auto minmax(390px,calc(100dvh - 108px)) auto auto !important; } }