:root {
  --hhat-bg: #0a0718;
  --hhat-panel: rgba(25, 17, 52, .84);
  --hhat-panel-2: rgba(45, 28, 86, .86);
  --hhat-line: rgba(255,255,255,.12);
  --hhat-text: #fbfaff;
  --hhat-muted: rgba(244,240,255,.68);
  --hhat-gold: #ffd65d;
  --hhat-pink: #ff4ca6;
  --hhat-purple: #8c5cff;
  --hhat-cyan: #33ddff;
}
* { box-sizing: border-box; }
html { background: var(--hhat-bg); }
body { min-width: 0; margin: 0; color: var(--hhat-text); background: radial-gradient(circle at 12% 2%, rgba(140,92,255,.19), transparent 30%), radial-gradient(circle at 96% 20%, rgba(255,76,166,.13), transparent 26%), var(--hhat-bg); font-family: ui-rounded, "Nunito", "Segoe UI", system-ui, sans-serif; overflow-x: hidden; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.hha-arena-home, .hha-arena-document { background: #090716; }
.hha-arena-home #wpadminbar, .hha-arena-document #wpadminbar { z-index: 10050; }
.hha-arena-main { display: block; width: 100%; min-width: 0; }
/* Override plugin legacy page-width rules so browser zoom never creates horizontal drift. */
.hha-arena-home .hha-app,
.hha-arena-document .hha-app { width: 100%; min-width: 0; min-height: 100dvh; margin: 0; overflow: clip; }
.hha-arena-home .hha-shell,
.hha-arena-document .hha-shell { min-height: 100dvh; padding: clamp(8px, 1.2vw, 18px); }
.hha-arena-home .hha-topbar,
.hha-arena-document .hha-topbar { position: relative; z-index: 1000; }
.hha-arena-home .hha-main-grid,
.hha-arena-document .hha-main-grid { position: relative; z-index: 1; }
.hha-arena-home .hha-notification-wrap,
.hha-arena-document .hha-notification-wrap { isolation: isolate; z-index: 1001; }
.hha-arena-home .hha-notification-popover,
.hha-arena-document .hha-notification-popover { z-index: 1002; }
.hha-fullscreen-toggle { position: relative; width: 39px; min-width: 39px; height: 39px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; color: #fff; background: rgba(255,255,255,.075); box-shadow: none; cursor: pointer; font: inherit; font-size: 19px; line-height: 1; transition: transform .18s ease, background .18s ease; }
.hha-fullscreen-toggle:hover { background: rgba(255,255,255,.16); transform: translateY(-1px); }
.hha-fullscreen-toggle:focus-visible, .hha-menu-toggle:focus-visible, .hha-site-play:focus-visible, .hha-site-menu-link:focus-visible, .hha-theme-button:focus-visible { outline: 3px solid var(--hhat-cyan); outline-offset: 3px; }
.hha-fullscreen-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hha-site-shell { min-height: 100vh; display: flex; flex-direction: column; }
.hha-site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid var(--hhat-line); background: rgba(11,7,27,.83); backdrop-filter: blur(20px); }
.hha-site-header__inner { width: min(1440px, calc(100% - 32px)); min-height: 72px; display: grid; grid-template-columns: minmax(150px,1fr) auto minmax(150px,1fr); gap: 18px; align-items: center; margin: auto; }
.hha-site-brand { min-width: 0; display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.hha-site-brand__mark, .hha-site-footer__mark { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 37px; border-radius: 13px; color: #24183d; background: linear-gradient(135deg, var(--hhat-gold), #ff9c77); box-shadow: 0 9px 23px rgba(255,214,93,.22); font-weight: 1000; }
.hha-site-brand__copy { min-width: 0; display: grid; gap: 3px; }
.hha-site-brand__copy strong { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; letter-spacing: -.03em; }
.hha-site-brand__copy small { color: var(--hhat-gold); font-size: 9px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.hha-site-brand__logo .custom-logo-link { display: block; max-height: 42px; }
.hha-site-brand__logo img { width: auto; max-width: 240px; max-height: 42px; object-fit: contain; }
.hha-site-nav { justify-self: center; }
.hha-site-menu, .hha-site-footer-menu { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; padding: 0; margin: 0; list-style: none; }
.hha-site-menu a, .hha-site-footer-menu a { display: block; padding: 9px 11px; border-radius: 10px; color: rgba(255,255,255,.82); text-decoration: none; font-size: 12px; font-weight: 800; transition: .18s ease; }
.hha-site-menu a:hover, .hha-site-menu .current-menu-item > a, .hha-site-footer-menu a:hover { color: #fff; background: rgba(255,255,255,.09); }
.hha-site-account { justify-self: end; }
.hha-site-user { max-width: 220px; display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; border: 1px solid var(--hhat-line); border-radius: 14px; color: #fff; background: rgba(255,255,255,.06); text-decoration: none; }
.hha-site-user img { display: block; width: 30px; height: 30px; border-radius: 10px; }
.hha-site-user b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.hha-site-play, .hha-theme-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border-radius: 12px; color: #241434; background: var(--hhat-gold); text-decoration: none; font-size: 12px; font-weight: 950; }
.hha-menu-toggle { display: none; }
.hha-site-main { flex: 1; }
.hha-content-wrap { width: min(1100px, calc(100% - 32px)); margin: 0 auto; padding: clamp(42px, 7vw, 92px) 0; }
.hha-content-card { overflow: hidden; border: 1px solid var(--hhat-line); border-radius: 26px; background: linear-gradient(145deg, rgba(48,33,88,.82), rgba(18,12,42,.9)); box-shadow: 0 28px 75px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.08); }
.hha-content-card__header { padding: clamp(25px, 5vw, 54px) clamp(22px, 5vw, 62px) 19px; border-bottom: 1px solid rgba(255,255,255,.09); background: radial-gradient(circle at 88% 0, rgba(51,221,255,.19), transparent 30%), radial-gradient(circle at 12% 0, rgba(255,76,166,.2), transparent 33%); }
.hha-content-card__eyebrow, .hha-list-header > span { display: block; color: var(--hhat-gold); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; font-weight: 950; }
.hha-content-card h1, .hha-list-header h1 { margin: 10px 0 0; color: #fff; font-size: clamp(32px, 5vw, 60px); line-height: .98; letter-spacing: -.06em; }
.hha-content-card__body { padding: clamp(22px, 5vw, 62px); color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.78; }
.hha-content-card__body > :first-child { margin-top: 0; }
.hha-content-card__body h2, .hha-content-card__body h3 { color: #fff; line-height: 1.15; }
.hha-content-card__body a { color: var(--hhat-cyan); }
.hha-content-card__body .wp-block-button__link { color: #221536; background: var(--hhat-gold); font-weight: 900; }
.hha-post-card__image img { display: block; width: 100%; max-height: 600px; object-fit: cover; }
.hha-post-card__footer { padding: 15px clamp(22px,5vw,62px); border-top: 1px solid rgba(255,255,255,.09); color: var(--hhat-muted); font-size: 12px; }
.hha-post-card__footer a { color: var(--hhat-cyan); }
.hha-list-header { margin-bottom: 20px; }
.hha-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.hha-post-preview { overflow: hidden; border: 1px solid var(--hhat-line); border-radius: 21px; background: rgba(30,20,62,.72); }
.hha-post-preview__image { display: block; aspect-ratio: 16/10; background: rgba(255,255,255,.06); }
.hha-post-preview__image img { width: 100%; height: 100%; object-fit: cover; }
.hha-post-preview > div { padding: 18px; }
.hha-post-preview small { color: var(--hhat-gold); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.hha-post-preview h2 { margin: 8px 0; font-size: 20px; letter-spacing: -.04em; }
.hha-post-preview h2 a { color: #fff; text-decoration: none; }
.hha-post-preview p { color: var(--hhat-muted); font-size: 13px; line-height: 1.55; }
.hha-read-more { color: var(--hhat-cyan); font-size: 12px; font-weight: 900; text-decoration: none; }
.hha-pagination { margin-top: 32px; }
.hha-pagination .nav-links { display: flex; gap: 7px; flex-wrap: wrap; }
.hha-pagination a, .hha-pagination span { min-width: 36px; min-height: 36px; display: grid; place-items: center; padding: 0 8px; border: 1px solid var(--hhat-line); border-radius: 10px; color: #fff; background: rgba(255,255,255,.06); text-decoration: none; font-size: 12px; }
.hha-pagination .current { color: #25153a; background: var(--hhat-gold); }
.hha-not-found { min-height: 400px; display: grid; place-content: center; justify-items: center; padding: 40px; text-align: center; }
.hha-not-found > span { font-size: 52px; }
.hha-not-found h1 { margin: 15px 0 8px; }
.hha-not-found p { margin: 0 0 22px; color: var(--hhat-muted); }
.hha-comments { margin-top: 18px; padding: 25px; border: 1px solid var(--hhat-line); border-radius: 21px; background: rgba(255,255,255,.04); }
.hha-comments h2, .hha-comments label { color: #fff; }
.hha-comments textarea, .hha-comments input[type="text"], .hha-comments input[type="email"], .hha-comments input[type="url"] { width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid var(--hhat-line); border-radius: 10px; color: #fff; background: rgba(6,4,17,.45); }
.hha-comments input[type="submit"] { border: 0; border-radius: 10px; padding: 10px 14px; color: #241434; background: var(--hhat-gold); font-weight: 900; cursor: pointer; }
.hha-site-footer { margin-top: auto; border-top: 1px solid var(--hhat-line); background: rgba(6,4,18,.65); }
.hha-site-footer__inner { width: min(1440px, calc(100% - 32px)); display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 110px; margin: auto; }
.hha-site-footer__inner > div { display: flex; align-items: center; gap: 9px; }
.hha-site-footer__inner strong { font-size: 13px; }
.hha-site-footer__inner small { display: block; margin-top: 2px; color: var(--hhat-muted); font-size: 10px; }
.hha-site-footer__inner p { justify-self: end; margin: 0; color: var(--hhat-muted); font-size: 10px; }
.hha-site-footer__mark { width: 31px; height: 31px; flex-basis: 31px; border-radius: 11px; }
.hha-theme-plugin-missing { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: 11px; padding: 30px; text-align: center; background: radial-gradient(circle at 25% 20%, rgba(255,76,166,.32), transparent 29%), radial-gradient(circle at 78% 75%, rgba(51,221,255,.24), transparent 33%), #090716; }
.hha-theme-plugin-missing__orb { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 24px; color: #231537; background: linear-gradient(135deg, var(--hhat-gold), #ff9a7a); font-size: 31px; box-shadow: 0 20px 60px rgba(255,214,93,.25); }
.hha-theme-plugin-missing p { margin: 9px 0 0; color: var(--hhat-gold); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 950; }
.hha-theme-plugin-missing h1 { max-width: 650px; margin: 0; font-size: clamp(37px,6vw,72px); letter-spacing: -.06em; }
.hha-theme-plugin-missing > span { max-width: 520px; color: var(--hhat-muted); line-height: 1.6; }
.hha-theme-plugin-missing .hha-theme-button { margin-top: 9px; }
@media (max-width: 900px) {
  .hha-site-header__inner { grid-template-columns: 1fr auto; min-height: 64px; }
  .hha-site-nav { display: none; grid-column: 1 / -1; grid-row: 2; width: 100%; padding: 0 0 11px; }
  .hha-site-nav.is-open { display: block; }
  .hha-site-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hha-site-menu a { text-align: center; background: rgba(255,255,255,.055); }
  .hha-menu-toggle { display: inline-grid; grid-template-columns: 17px auto; grid-template-rows: repeat(3, 3px); column-gap: 7px; align-content: center; width: 78px; height: 38px; padding: 0 8px; border: 1px solid var(--hhat-line); border-radius: 11px; color: #fff; background: rgba(255,255,255,.06); cursor: pointer; }
  .hha-menu-toggle span { grid-column: 1; height: 2px; border-radius: 3px; background: currentColor; }
  .hha-menu-toggle b { grid-area: 1 / 2 / 4 / 3; align-self: center; font-size: 10px; }
  .hha-site-account { display: none; }
  .hha-post-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hha-site-footer__inner { grid-template-columns: 1fr; justify-items: center; padding: 23px 0; text-align: center; }
  .hha-site-footer__inner > div { justify-content: center; }
  .hha-site-footer__inner p { justify-self: center; }
}
@media (max-width: 580px) {
  .hha-site-header__inner, .hha-site-footer__inner, .hha-content-wrap { width: min(100% - 20px, 1100px); }
  .hha-site-menu { grid-template-columns: 1fr; }
  .hha-site-brand__copy strong { max-width: 160px; }
  .hha-site-brand__logo img { max-width: 180px; }
  .hha-content-wrap { padding: 32px 0; }
  .hha-content-card { border-radius: 20px; }
  .hha-post-grid { grid-template-columns: 1fr; }
  .hha-fullscreen-toggle { width: 34px; min-width: 34px; height: 34px; border-radius: 11px; font-size: 17px; }
}

/* Two private arena landing page */
.hha-choose-hero { position:relative; isolation:isolate; min-height:calc(100dvh - 72px); overflow:hidden; padding:clamp(52px,9vw,112px) max(16px,calc((100% - 1240px)/2)); background:radial-gradient(circle at 10% 20%,rgba(255,214,93,.24),transparent 26%),radial-gradient(circle at 86% 22%,rgba(255,76,166,.24),transparent 30%),radial-gradient(circle at 52% 94%,rgba(51,221,255,.2),transparent 31%),linear-gradient(142deg,#0e1237,#281443 52%,#070916); }
.hha-choose-hero:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.24; background-image:radial-gradient(rgba(255,255,255,.38) .7px,transparent .9px); background-size:12px 12px; }
.hha-choose-hero__intro { max-width:760px; margin:0 auto 38px; text-align:center; }
.hha-choose-eyebrow { display:inline-block; padding:8px 12px; border:1px solid rgba(255,255,255,.17); border-radius:999px; color:#ffe79c; background:rgba(255,255,255,.07); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.14em; }
.hha-choose-hero h1 { max-width:800px; margin:17px auto 14px; color:#fff; font-size:clamp(42px,7vw,88px); line-height:.91; letter-spacing:-.075em; }
.hha-choose-hero h1 em { color:#ffd65d; font-style:normal; }
.hha-choose-hero__intro p { max-width:620px; margin:0 auto; color:rgba(255,255,255,.76); font-size:clamp(15px,2vw,19px); line-height:1.55; }
.hha-choose-current { display:inline-flex; margin-top:19px; padding:12px 16px; border-radius:14px; color:#241536; background:#ffd65d; font-size:13px; font-weight:950; text-decoration:none; }
.hha-arena-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:min(1080px,100%); margin:auto; }
.hha-arena-choice { position:relative; overflow:hidden; min-height:420px; padding:clamp(25px,4vw,42px); border:1px solid rgba(255,255,255,.16); border-radius:30px; box-shadow:0 28px 65px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.11); }
.hha-arena-choice:after { content:""; position:absolute; right:-70px; bottom:-80px; width:270px; aspect-ratio:1; border-radius:50%; opacity:.36; filter:blur(12px); }
.hha-arena-choice--kids { background:linear-gradient(145deg,rgba(61,129,213,.85),rgba(113,64,166,.9)); }
.hha-arena-choice--kids:after { background:#fbd961; }
.hha-arena-choice--adult { background:linear-gradient(145deg,rgba(76,35,124,.9),rgba(32,22,74,.92)); }
.hha-arena-choice--adult:after { background:#ff4ca6; }
.hha-arena-choice__orbit { position:relative; z-index:1; display:flex; align-items:center; gap:12px; font-size:44px; }
.hha-arena-choice__orbit span { transform:translateY(-14px) rotate(13deg); font-size:31px; }.hha-arena-choice__orbit i { transform:translateY(8px); font-style:normal; font-size:28px; }
.hha-arena-choice__kicker { position:relative; z-index:1; display:block; margin-top:24px; color:#fff4bb; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.15em; }
.hha-arena-choice h2 { position:relative; z-index:1; margin:8px 0 10px; color:#fff; font-size:clamp(31px,4vw,48px); line-height:.96; letter-spacing:-.065em; }.hha-arena-choice p { position:relative; z-index:1; max-width:460px; color:rgba(255,255,255,.82); font-size:14px; line-height:1.6; }.hha-arena-choice ul { position:relative; z-index:1; display:grid; gap:8px; padding:0; margin:21px 0 28px; color:#fff; list-style:none; font-size:13px; font-weight:750; }.hha-arena-choice a { position:relative; z-index:1; display:inline-flex; gap:12px; align-items:center; padding:12px 15px; border-radius:14px; color:#261638; background:#fff; font-size:12px; font-weight:950; text-decoration:none; }.hha-arena-choice--kids a { color:#1d405b; background:#ffe375; }.hha-choose-note { width:min(800px,100%); margin:24px auto 0; color:rgba(255,255,255,.62); font-size:11px; line-height:1.55; text-align:center; }.hha-choose-hero__star { position:absolute; opacity:.55; color:#fff4ad; font-size:clamp(42px,7vw,98px); filter:drop-shadow(0 0 20px rgba(255,230,103,.28)); }.hha-choose-hero__star--one { top:10%; left:5%; }.hha-choose-hero__star--two { top:26%; right:6%; }
@media(max-width:720px){ .hha-choose-hero { min-height:100dvh; padding-top:50px; }.hha-arena-choice-grid { grid-template-columns:1fr; }.hha-arena-choice { min-height:0; border-radius:25px; }.hha-choose-hero__star { display:none; } }

/* Built-in Hidden Hunt Arena logo */
.hha-site-brand__logo--built-in { display:block; line-height:0; }
.hha-site-brand__logo--built-in img { width:190px; max-width:38vw; max-height:56px; object-fit:contain; }
@media(max-width:580px){ .hha-site-brand__logo--built-in img { width:155px; max-width:54vw; max-height:47px; } }