/*
Theme Name: Harbor Index
Theme URI: https://tonplay-official.cam/
Author: Harbor Studio
Description: Mobile-first reference theme with compact information architecture.
Version: 13.0.0
Text Domain: harbor-index
*/

/* merged: fonts.css */
/* Local-first typography: no external font request. */
:root{--font-ui:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:ui-rounded,"Segoe UI",system-ui,sans-serif}


/* merged: frame.css */
/* skinC — служебные страницы (о проекте, редакция, правовые, FAQ, 404) */
.hx-aa150bd{padding-top:28px}
.g0szxx{display:grid;grid-template-columns:236px minmax(0,1fr);gap:36px;align-items:start}
.g0szxx.c5ba7f{grid-template-columns:minmax(0,1fr);max-width:880px}
.g0szxx>.e18slg{grid-column:1;grid-row:1}
.g0szxx>.hx-043c369{grid-column:2;grid-row:1}
.g0szxx.c5ba7f>.hx-043c369{grid-column:1}
.e18slg{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px}
.e18slg h2{padding:0 10px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.e18slg a{padding:8px 10px;border-radius:10px;font-size:13.5px;line-height:1.35;color:var(--muted);text-decoration:none}
.e18slg a:hover{background:var(--panel);color:var(--text)}

.hx-043c369{min-width:0;padding:26px 28px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-soft);font-size:15.5px;line-height:1.72;color:var(--body)}
.hx-043c369>*+*{margin-top:14px}
.hx-043c369 h2{margin-top:30px;font-size:22px;line-height:1.3;font-weight:700;color:var(--text);scroll-margin-top:86px}
.hx-043c369>h2:first-child{margin-top:0}
.hx-043c369 h3{margin-top:22px;font-size:17px;font-weight:600;color:var(--text)}
.hx-043c369 h3+p{margin-top:8px}
.hx-043c369 ul,.hx-043c369 ol{padding-left:22px}
.hx-043c369 li+li{margin-top:6px}
.hx-043c369 li::marker{color:var(--blue)}
.hx-043c369 a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.hx-043c369 strong{font-weight:600;color:var(--text)}
.hx-043c369 blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:var(--panel-2)}

.hx-9b3d690{display:flex;gap:12px;padding:15px 16px;border-radius:14px;background:var(--panel-2);border-left:3px solid var(--blue)}
.hx-628a106{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--glow);font-size:14px;font-weight:700;line-height:28px;text-align:center;color:var(--blue)}
.hx-9b3d690.hx-f601dcd{border-left-color:var(--orange)}
.hx-9b3d690.hx-f601dcd .hx-628a106{background:rgba(254,138,43,.16);color:var(--orange)}
.hx-9b3d690 p{margin:0;font-size:14px;line-height:1.6}
.hx-358c7b0{padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,var(--glow),transparent);border:1px solid var(--line)}
.hx-358c7b0 strong{display:block;margin-bottom:4px;font-size:15px;color:var(--text)}
.hx-358c7b0 p{margin:0;font-size:14px}

.hx-6f055e2,.hx-d4f5250,.hx-caaf0df,.hx-d4e5550{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hx-535151c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hx-7d933b6,.hx-3ca246e,.hx-e248ee3,.hx-d4e5550>div,.hx-535151c>div{padding:16px;border-radius:14px;background:var(--panel-2)}
.hx-7d933b6 h3,.hx-3ca246e h3{margin:0 0 6px;font-size:15px;color:var(--text)}
.hx-7d933b6 p,.hx-3ca246e p,.hx-d4e5550 p,.hx-535151c p{margin:0;font-size:13.5px;line-height:1.55}
.hx-3ca246e{display:flex;gap:12px;align-items:flex-start}
.hx-47697e6{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--panel-3);color:var(--blue)}
.hx-3ca246e a.hx-47683fe{display:inline-block;margin-top:8px;font-weight:600;text-decoration:none}
.hx-e248ee3 span{display:block;margin-bottom:4px;font-size:12px;color:var(--muted)}
.hx-e248ee3 strong{font-size:14px;line-height:1.45}
.hx-d4e5550 strong,.hx-535151c strong{display:block;margin-bottom:4px;font-size:14px;color:var(--text)}
.hx-535151c span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-bottom:10px;border-radius:8px;background:var(--glow);font-size:12px;font-weight:700;color:var(--blue)}
.hx-bb62967{overflow:hidden;border-radius:14px;border:1px solid var(--line)}
.hx-bb62967>div{display:grid;grid-template-columns:minmax(150px,.6fr) 1fr;gap:18px;padding:12px 16px;background:var(--panel-2);border-bottom:1px solid var(--line-soft)}
.hx-bb62967>div:last-child{border-bottom:0}
.hx-bb62967 dt{font-size:13px;color:var(--muted)}
.hx-bb62967 dd{font-size:14px;color:var(--text)}

.hx-93dc5da{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hx-011b399{padding:14px;border-radius:14px;background:var(--panel-2)}
.hx-7dfada2{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:start}
.hx-93b6d6a{position:relative;width:108px;height:130px;overflow:hidden;border-radius:12px;background:var(--panel-3)}
.hx-14e43a2{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.hx-913fbd6{position:absolute;left:6px;right:6px;bottom:6px;padding:3px 4px;border-radius:7px;background:rgba(0,0,0,.65);font-size:10px;font-weight:600;line-height:1.2;text-align:center;color:#fdffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-bf10f47{min-width:0}
.hx-3ec4097{display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}
.hx-011b399 h3{margin:0 0 6px;font-size:15px;line-height:1.3;color:var(--text)}
.hx-011b399 p{margin:0;font-size:13px;line-height:1.55}
.hx-043c369 .hx-191b055{margin-top:8px;padding-left:16px;font-size:12.5px;line-height:1.45}
.hx-043c369 .hx-191b055 li+li{margin-top:3px}
.hx-47c0f48{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hx-a7ff3cd{position:relative;padding:16px 16px 16px 54px;border-radius:14px;background:var(--panel-2)}
.hx-a7ff3cd>span{position:absolute;left:14px;top:15px;width:28px;height:28px;border-radius:9px;background:var(--glow);font-size:12px;font-weight:700;line-height:28px;text-align:center;color:var(--blue)}
.hx-a7ff3cd h3{margin:0 0 4px;font-size:15px}
.hx-a7ff3cd p{margin:0;font-size:13.5px;line-height:1.55}
.hx-043c369 .x099mh{padding:0;list-style:none}
.hx-043c369 .x099mh li{position:relative;padding:11px 14px 11px 42px;border-radius:12px;background:var(--panel-2);font-size:14px;line-height:1.5}
.hx-043c369 .x099mh li+li{margin-top:8px}
.x099mh li::before{content:"✓";position:absolute;left:14px;top:12px;width:19px;height:19px;border-radius:50%;background:rgba(47,207,140,.16);font-size:11px;font-weight:700;line-height:19px;text-align:center;color:var(--green)}

.hx-1524ac9{display:flex;flex-direction:column;gap:8px}
.hx-488c13c{border-radius:14px;background:var(--panel-2);border:1px solid var(--line-soft)}
.hx-488c13c summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;font-size:15px;font-weight:600;line-height:1.4;color:var(--text);cursor:pointer;list-style:none}
.hx-488c13c summary::-webkit-details-marker{display:none}
.hx-488c13c summary::after{content:"+";flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--panel-3);font-size:17px;font-weight:500;line-height:26px;text-align:center;color:var(--blue)}
.hx-488c13c[open] summary::after{content:"−"}
.hx-488c13c p{margin:0;padding:0 16px 15px;font-size:14.5px;line-height:1.65}

.hx-1af43dc{display:flex;flex-direction:column;gap:8px}
.hx-426b109{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:12px 14px;border-radius:12px;background:var(--panel-2)}
.hx-5319343{font-size:14px;font-weight:600;color:var(--text)}
.hx-7d05cb6{font-size:13.5px}
.hx-426b109 a{margin-left:auto;font-size:13.5px;font-weight:600;text-decoration:none}

.hx-64164d6{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hx-64164d6 a{padding:10px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line-soft);font-size:14px;font-weight:500;color:var(--text);text-decoration:none}
.hx-64164d6 a:hover{border-color:var(--blue);color:var(--blue)}

.hx-aa150bd>.lv0rr8{max-width:880px;padding:22px 26px;border-radius:var(--radius);background:var(--panel)}
.hx-aa150bd>.lv0rr8 ul{padding-left:20px;font-size:15.5px;line-height:1.9}

@media (max-width:980px){
  .g0szxx{grid-template-columns:1fr;gap:14px}
  .g0szxx>.e18slg,.g0szxx>.hx-043c369{grid-column:1;grid-row:auto}
  .e18slg{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
  .e18slg h2{display:none}
  .e18slg a{padding:8px 12px;background:var(--panel);border:1px solid var(--line-soft);font-size:13px}
}
@media (max-width:640px){
  .hx-aa150bd{padding-top:18px}
  .hx-043c369{padding:18px 16px;font-size:15px}
  .hx-6f055e2,.hx-d4f5250,.hx-caaf0df,.hx-d4e5550,.hx-535151c,.hx-93dc5da,.hx-47c0f48{grid-template-columns:1fr}
  .hx-7dfada2{grid-template-columns:88px minmax(0,1fr);gap:12px}
  .hx-93b6d6a{width:88px;height:108px}
  .hx-913fbd6{display:none}
  .hx-bb62967>div{grid-template-columns:1fr;gap:2px}
}

/* Slot demos: responsive publisher iframe; no changes to theme footer */
.hx-e326940{margin:28px 0;border:1px solid var(--line-soft);border-radius:14px;padding:18px;background:var(--panel)}
.hx-e326940 h2{margin:0 0 12px}.hx-e326940 p{margin:12px 0}
.hz-e7i59b{position:relative;width:100%;aspect-ratio:16/9;min-height:260px;background:#070d14;border-radius:10px;overflow:hidden}
.hz-e7i59b iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.hz-jsmf5d a{text-decoration:underline;font-weight:600}
@media(max-width:640px){.hx-e326940{padding:12px}.hz-e7i59b{min-height:260px;aspect-ratio:9/11}}


/* merged: components.css */
/* skinC — каркас и компоненты */
:root{
  --bg:#090f14;--panel:#101a22;--panel-2:#16232d;--panel-3:#1b2b37;
  --line:#29404d;--line-soft:#1d2d36;
  --text:#f4fbff;--body:#b9cbd5;--muted:#89a0ad;--muted-2:#627b88;
  --blue:#24c7b7;--blue-dark:#129f92;--green:#5fd394;--orange:#ff8a62;--gold:#f1c75b;
  --accent-a:#3db7e7;--accent-b:#786ff2;--glow:rgba(36,199,183,.22);
  --radius:20px;--container:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);
  font-family:var(--font-ui);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
.hx-d4d6c26{width:min(100% - 32px,var(--container));margin-inline:auto}
.a2t609{position:absolute;left:-9999px}
.a2t609:focus{left:16px;top:10px;z-index:300;background:var(--blue);color:#fffffd;padding:8px 14px;border-radius:10px}

/* ---------- шапка ---------- */
.hx-32460a5{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line-soft)}
.hx-493a9db{display:flex;align-items:center;gap:20px;height:66px}
.hx-76e6a06{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.hx-76e6a06 img{width:99px;height:24px}
.hx-607de2b{font-size:11px;font-weight:500;line-height:1;color:var(--muted);padding:5px 9px;border:1px solid var(--line);border-radius:999px}
.hx-7d35564{display:flex;gap:2px;padding:4px;margin:0 auto;background:var(--panel);border:1px solid var(--line-soft);border-radius:13px}
.hx-7d35564 a{padding:8px 15px;border-radius:10px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.hx-7d35564 a:hover{color:var(--text)}
.hx-7d35564 a.r6xvzn{background:var(--panel-3);color:var(--text)}
.hx-ddb37a9{display:flex;gap:8px;flex:0 0 auto;margin-left:auto}
.hx-7d35564+.hx-ddb37a9{margin-left:0}

/* ---------- кнопки ---------- */
.nxm7h1{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:0;border-radius:12px;
  font:inherit;font-size:14.5px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,transform .1s}
.nxm7h1:active{transform:translateY(1px)}
.p23r5u{background:var(--blue);color:#feffff}
.p23r5u:hover{background:var(--blue-dark)}
.xc9ywx{background:var(--panel-3);color:var(--text)}
.xc9ywx:hover{background:var(--line)}

/* ---------- hero-полоса ---------- */
.hx-3dacbf7{position:relative;padding:26px 0 40px;border-bottom:1px solid var(--line-soft);
  background:radial-gradient(760px 380px at 88% -8%,var(--glow),transparent 70%),linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%)}
.hx-0aa67a4{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:44px;align-items:start}
.hx-0336047 .hx-0aa67a4{grid-template-columns:minmax(0,1fr)}
.hx-0336047{padding-bottom:32px}
.hx-fd94ef8{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:13px;color:var(--muted-2)}
.hx-fd94ef8 a{color:var(--muted);text-decoration:none}
.hx-fd94ef8 a:hover{color:var(--text)}
.hx-fd94ef8 .hx-8a4b150{color:var(--body)}
.hx-17a2681 .hx-163fe12{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--muted)}
.hx-17a2681 h1{margin:16px 0 14px;max-width:780px;font-size:42px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.hx-17a2681 .hx-085aafc{max-width:690px;font-size:17px;line-height:1.6;color:var(--body)}
.hx-17a2681 .b44hyg{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 14px}
.hx-17a2681 .b44hyg .nxm7h1{height:48px;padding:0 26px;font-size:15px}
.hx-17a2681 .hx-1be4ab1{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--muted-2)}
.hx-17a2681 .hx-1be4ab1::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}

/* карточка-сводка */
.jiz188{position:relative;padding:18px;border-radius:calc(var(--radius) + 6px);background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.z8gay5{display:flex;align-items:center;gap:14px}
.u6dbkt{display:flex;align-items:baseline;justify-content:center;width:76px;height:76px;padding-top:20px;border-radius:20px;
  background:linear-gradient(140deg,var(--accent-a),var(--accent-b));color:#fdffff;flex:0 0 auto}
.u6dbkt b{font-size:30px;font-weight:700;line-height:1}
.u6dbkt span{font-size:13px;opacity:.85}
.vmjdsn strong{display:block;font-size:19px;font-weight:700}
.vmjdsn span{font-size:13px;color:var(--muted)}
.ueytwo{margin:16px 0 4px;padding:14px;border-radius:14px;background:var(--panel-2)}
.ok2ec8{display:block;margin-bottom:10px;font-size:13px;color:var(--body)}
.r726gj{margin:10px 0 14px}
.r726gj div{display:flex;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1px solid var(--line-soft);font-size:13px}
.r726gj div:last-child{border-bottom:0}
.r726gj dt{color:var(--muted);flex:0 0 auto}
.r726gj dd{color:var(--text);text-align:right}
.c76tbn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c76tbn .nxm7h1{padding:0 10px}

/* ---------- вводный блок ---------- */
.io9l8g{margin-top:28px}
.io9l8g>*+*{margin-top:18px}
.hx-647b905{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.hx-17e29fe{display:flex;flex-direction:column;gap:4px;padding:14px 14px 13px;border-radius:14px;background:var(--panel);border:1px solid var(--line-soft);font-size:13px;line-height:1.35;color:var(--muted)}
.hx-17e29fe b{font-size:16.5px;font-weight:600;color:var(--text)}
.hx-17e29fe .hx-36dbacb{width:24px;height:4px;margin-bottom:6px;border-radius:4px;background:var(--blue)}
.hx-17e29fe:nth-child(2) .hx-36dbacb{background:var(--gold)}
.hx-17e29fe:nth-child(3) .hx-36dbacb{background:var(--accent-b)}
.hx-17e29fe:nth-child(4) .hx-36dbacb{background:var(--green)}
.hx-17e29fe:nth-child(5) .hx-36dbacb{background:var(--orange)}
.nsdfv9{max-width:860px;font-size:15.5px;line-height:1.7;color:var(--body)}

/* рейтинг */
.hx-77ab123{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;padding:22px 24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-soft)}
.hx-5809211{text-align:center;padding:18px 10px;border-radius:14px;background:var(--panel-2)}
.hx-0e94f4a{font-size:48px;font-weight:700;line-height:1;color:var(--text)}
.hx-0e94f4a span{font-size:18px;color:var(--muted)}
.hx-6a56945{margin-top:8px;font-size:15px;letter-spacing:3px;color:var(--gold)}
.hx-592f356{margin-top:6px;font-size:12px;color:var(--muted)}
.hx-d246ccb{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.hx-01adbe4{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;font-size:13.5px;color:var(--body)}
.hx-01adbe4 b{font-weight:600;color:var(--text)}
.hx-05f5a78{grid-column:1/3;height:5px;border-radius:5px;background:var(--panel-3);overflow:hidden}
.hx-09ddebf{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--accent-b))}
.hx-2b7b439{width:84%}.kss0u1{width:86%}.c0ocad{width:88%}.hx-bedd3b2{width:90%}.hx-ac73441{width:92%}.hx-963ef92{width:94%}.hx-c99f2bb{width:96%}.hx-f820aa1{width:98%}

/* ---------- раскладка с рельсом оглавления ---------- */
.hx-9f175f1{display:grid;grid-template-columns:236px minmax(0,1fr);gap:36px;align-items:start;margin-top:30px}
.hx-7de374c{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:none}
.hx-839ed2b{padding:0 10px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.hx-7de374c a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;line-height:1.35;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}
.hx-7de374c a i{flex:0 0 20px;padding-top:1px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted-2)}
.hx-7de374c a:hover,.hx-7de374c a[data-m420j]{background:var(--panel);color:var(--text)}
.hx-7de374c a[data-m420j] i{color:var(--blue)}
.hx-eb3d1e4{min-width:0;max-width:840px}
.hx-5fe57cf{display:none}

/* раздел-карточка */
.hx-0aabefd{margin:0 0 16px;padding:26px 28px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-soft);scroll-margin-top:86px}
.hx-0ebdcec{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.hx-ce2ade2{flex:0 0 auto;margin-top:3px;padding:4px 8px;border-radius:8px;background:var(--glow);font-size:12.5px;font-weight:600;line-height:1.2;color:var(--blue)}
.hx-0aabefd h2{font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.hx-14f019c{font-size:15.5px;line-height:1.72;color:var(--body)}
.hx-14f019c>*+*{margin-top:14px}
.hx-14f019c h3{margin-top:24px;font-size:17.5px;line-height:1.35;font-weight:600;color:var(--text)}
.hx-14f019c h3+p{margin-top:8px}
.hx-14f019c a:not(.nxm7h1){color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hx-14f019c a:not(.nxm7h1):hover{color:var(--text)}
.hx-14f019c strong{color:var(--text);font-weight:600}
.hx-14f019c ul,.hx-14f019c ol{padding-left:22px}
.hx-14f019c li+li{margin-top:7px}
.hx-14f019c ul li::marker{color:var(--blue)}
.hx-14f019c ol li::marker{color:var(--blue);font-weight:600}
.hx-eb3d1e4>.bjjbon{margin-top:6px}

/* скриншот */
.hx-7a351ce{display:grid;grid-template-columns:214px minmax(0,1fr);gap:22px;align-items:center;max-width:620px;padding:14px;border-radius:var(--radius);background:var(--panel-2)}
.hx-70d0952{display:block;overflow:hidden;border-radius:18px;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.4)}
.hx-70d0952 img,.hx-70d0952 amp-img{display:block;width:100%;height:auto}
.hx-a0fee52{font-size:14px;line-height:1.55;color:var(--body)}
.hx-5e54075{display:block;margin-bottom:6px;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}

/* таблица */
.hx-9c8d4eb{overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:var(--panel-2)}
.hx-26c44ab{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.hx-26c44ab th{padding:12px 16px;background:var(--panel-3);font-size:12.5px;font-weight:600;text-align:left;color:var(--muted);white-space:nowrap}
.hx-26c44ab td{padding:12px 16px;border-top:1px solid var(--line-soft);vertical-align:top;color:var(--body)}
.hx-26c44ab td:first-child{font-weight:600;color:var(--text)}
.hx-9c8d4eb .hx-54ebe2d{font-weight:600;color:var(--green)}
.hx-9c8d4eb .hx-340f992{font-weight:600;color:var(--orange)}

/* промокоды */
.f6tthv{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:12px}
.k2hkzd{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line)}
.ty9cam{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--panel-3);font-size:12px;font-weight:600;color:var(--muted)}
.v18vus{font-size:18px;font-weight:700;line-height:1.3;color:var(--text)}
.rxlae2{flex:1;font-size:13.5px;line-height:1.55;color:var(--body)}
.o3ejq0{font-size:12.5px;color:var(--muted)}
.pck7zu{border:0;background:linear-gradient(135deg,var(--accent-a),var(--accent-b))}
.pck7zu .ty9cam{background:rgba(0,0,0,.22);color:#fff}
.pck7zu .v18vus,.pck7zu .rxlae2{color:#fdffff}
.pck7zu .o3ejq0{color:rgba(255,255,254,.82)}
.hec5o6{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 9px 9px 14px;border:1.5px dashed var(--blue);border-radius:12px;
  background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.qjh7q8{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:700;letter-spacing:.04em}
.v1nyts{flex:0 0 auto;padding:7px 11px;border-radius:9px;background:var(--blue);font-size:12px;font-weight:600;line-height:1;color:#fffcff}
.hec5o6[data-kwdao]{border-color:var(--green)}
.hec5o6[data-kwdao] .v1nyts{background:var(--green)}
.pck7zu .hec5o6{background:rgba(0,0,2,.25);border-color:rgba(255,255,255,.75)}
.pck7zu .v1nyts{background:var(--panel-3);color:#fff}

/* факты */
.hx-b463b82{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--line)}
.hx-b463b82 div{padding:12px 16px;background:var(--panel-2)}
.hx-b463b82 dt{font-size:12px;color:var(--muted)}
.hx-b463b82 dd{margin-top:2px;font-size:14px;font-weight:500;line-height:1.45;color:var(--text)}

/* плюсы / минусы */
.hx-3ac9c11{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hx-8f4fc8e{padding:18px 20px;border-radius:var(--radius);background:var(--panel-2)}
.hx-14f019c .hx-8f4fc8e h3{margin:0 0 12px;font-size:16px}
.hx-8f4fc8e ul{padding:0;list-style:none}
.hx-14f019c .hx-8f4fc8e li{position:relative;padding-left:28px;font-size:14px;line-height:1.5}
.hx-14f019c .hx-8f4fc8e li+li{margin-top:9px}
.hx-8f4fc8e li::before{position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;font-size:12px;font-weight:700;line-height:19px;text-align:center}
.hx-6f863cc li::before{content:"✓";background:rgba(46,207,138,.16);color:var(--green)}
.hx-4ac2cca li::before{content:"!";background:rgba(253,138,43,.16);color:var(--orange)}

/* CTA-блок */
.qmzwyz{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:22px;border-radius:var(--radius);background:linear-gradient(120deg,var(--blue-dark),var(--accent-b))}
.luu4xh{flex:1 1 280px;color:rgba(255,253,255,.88);font-size:14px;line-height:1.5}
.luu4xh b{display:block;margin-bottom:4px;font-size:18px;font-weight:700;color:#fcffff}
.luu4xh span{display:block}
.qmzwyz .p23r5u{background:var(--panel-3);color:var(--text)}
.qmzwyz .p23r5u:hover{background:var(--panel-2)}
.qmzwyz .xc9ywx{background:rgba(0,0,0,.28);color:#fffeff}

/* плашки */
.hx-0e42132{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:14px;background:var(--panel-2);border-left:3px solid var(--blue)}
.hx-79d8629{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--glow);font-size:14px;font-weight:700;line-height:28px;text-align:center;color:var(--blue)}
.hx-0e42132 p{font-size:14px;line-height:1.6;color:var(--body)}
.jf5lvw{border-left-color:var(--orange)}
.jf5lvw .hx-79d8629{background:rgba(255,138,44,.16);color:var(--orange)}
.ju3q67{font-size:12.5px;line-height:1.55;color:var(--muted)}
.bjjbon{display:flex;flex-wrap:wrap;gap:6px 20px;padding:16px 4px 4px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--muted)}
.bjjbon b{font-weight:600;color:var(--text)}
.phugo8{display:grid;gap:10px}
.hy58y0{padding:16px;border-radius:14px;background:var(--panel-2)}
.lmsxrl{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.dkqazc{color:var(--gold)}

/* ---------- футер ---------- */
.hx-94836b5{margin-top:48px;padding:28px 0 26px;background:var(--panel);border-top:1px solid var(--line-soft)}
.hx-f891281{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--radius);background:var(--panel-2)}
.hx-d83ac26{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--orange);font-size:14px;font-weight:700;color:var(--orange)}
.hx-f891281 p{font-size:13.5px;line-height:1.55;color:var(--body)}
.nu25o4{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;margin:28px 0 22px}
.xdpq60 img,.xdpq60 amp-img{width:99px;height:24px;margin-bottom:12px}
.xdpq60 p{max-width:340px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.ngqo16{display:block;margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.gu1u2v a{display:block;padding:4px 0;font-size:14px;color:var(--muted);text-decoration:none}
.gu1u2v a:hover{color:var(--text)}
.i7vo4b{padding-top:18px;border-top:1px solid var(--line-soft);font-size:12.5px;line-height:1.6;color:var(--muted-2)}
.sowt1u{margin-top:10px;font-size:12.5px;color:var(--muted-2)}

/* ---------- нижний таб-бар и меню-шторка (телефон) ---------- */
.g4ha7z,.dvp07o{display:none}
.aidb5p{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}

@media (max-width:1100px){
  .hx-0aa67a4{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
  .hx-647b905{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hx-9f175f1{grid-template-columns:200px minmax(0,1fr);gap:24px}
}
@media (max-width:980px){
  .hx-7d35564{display:none}
  .hx-493a9db{height:58px}
  .hx-ddb37a9 .xc9ywx{display:inline-flex}
  .hx-ddb37a9 .nxm7h1{height:38px;padding:0 16px;font-size:14px}
  .hx-0aa67a4{grid-template-columns:1fr;gap:22px}
  .hx-17a2681 h1{font-size:34px}
  .hx-9f175f1{display:block}
  .hx-7de374c{display:none}
  .hx-5fe57cf{display:block;margin-bottom:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line-soft)}
  .hx-5fe57cf summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none}
  .hx-5fe57cf summary::-webkit-details-marker{display:none}
  .hx-5fe57cf summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 4px 0 0}
  .hx-5fe57cf[open] summary::after{transform:rotate(-135deg);margin-top:4px}
  .hx-d68a3e2{display:flex;flex-direction:column;padding:0 8px 10px}
  .hx-d68a3e2 a{display:flex;gap:10px;padding:9px 8px;border-radius:9px;font-size:14px;color:var(--body);text-decoration:none}
  .hx-d68a3e2 a i{flex:0 0 20px;font-style:normal;font-size:12px;font-weight:600;color:var(--blue)}
  .hx-eb3d1e4{max-width:none}
  body{padding-bottom:78px}
  .g4ha7z{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:130;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}
  .op7mcs{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:500;line-height:1.1;color:var(--muted);text-decoration:none;cursor:pointer}
  .op7mcs.r6xvzn{color:var(--blue)}
  .sk62w0{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;line-height:1.1;color:var(--text);text-decoration:none}
  .hx-b111eac{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;
    background:var(--blue);color:#fffcff;box-shadow:0 0 0 5px var(--panel),0 10px 24px var(--glow)}
  .dvp07o{display:block;position:fixed;inset:0;z-index:120;visibility:hidden}
  .jo2rjx{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
  .me1fc5{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(92px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;
    background:var(--panel);transform:translateY(100%);transition:transform .25s ease}
  .s8rxyl{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:4px;background:var(--line)}
  .k65ony{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .k65ony a{padding:13px 14px;border-radius:12px;background:var(--panel-2);font-size:14.5px;color:var(--text);text-decoration:none}
  .k65ony a.r6xvzn{box-shadow:inset 0 0 0 1px var(--blue)}
  .k8rfn2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
  .aidb5p:checked~.dvp07o{visibility:visible}
  .aidb5p:checked~.dvp07o .jo2rjx{opacity:1}
  .aidb5p:checked~.dvp07o .me1fc5{transform:none}
  .nu25o4{grid-template-columns:1fr 1fr}
  .xdpq60{grid-column:1/-1}
}
@media (max-width:640px){
  .hx-d4d6c26{width:min(100% - 28px,var(--container))}
  .hx-3dacbf7{padding:18px 0 26px}
  .hx-17a2681 h1{font-size:28px;margin:12px 0 10px}
  .hx-17a2681 .hx-085aafc{font-size:15.5px}
  .hx-17a2681 .b44hyg .nxm7h1{flex:1 1 140px;height:46px;padding:0 14px}
  .jiz188{padding:14px;box-shadow:none}
  .hx-647b905{display:flex;overflow-x:auto;margin-inline:-14px;padding-inline:14px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hx-647b905::-webkit-scrollbar{display:none}
  .hx-17e29fe{flex:0 0 46%;scroll-snap-align:start}
  .hx-77ab123{grid-template-columns:1fr;gap:16px;padding:16px}
  .hx-d246ccb{grid-template-columns:1fr}
  .hx-0aabefd{padding:18px 16px;margin-bottom:12px}
  .hx-0aabefd h2{font-size:20px}
  .hx-14f019c{font-size:15px}
  .hx-7a351ce{grid-template-columns:1fr;gap:12px;padding:12px;text-align:center}
  .hx-70d0952{width:100%;max-width:240px;margin:0 auto}
  .hx-9c8d4eb{overflow:visible;border:0;background:none}
  .hx-26c44ab,.hx-26c44ab tbody,.hx-26c44ab tr,.hx-26c44ab td{display:block;width:100%}
  .hx-26c44ab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hx-26c44ab tr{margin-bottom:10px;overflow:hidden;border-radius:12px;background:var(--panel-2);border:1px solid var(--line-soft)}
  .hx-26c44ab td{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;text-align:right}
  .hx-26c44ab td:first-child{border-top:0;background:var(--panel-3);text-align:left}
  .hx-26c44ab td::before{content:attr(data-ftqog);flex:0 0 auto;max-width:46%;font-size:12px;font-weight:500;text-align:left;color:var(--muted)}
  .hx-b463b82,.hx-3ac9c11{grid-template-columns:1fr}
  .qmzwyz{padding:18px}
  .qmzwyz .nxm7h1{flex:1 1 130px}
  .hx-f891281{align-items:flex-start}
}
@media (max-width:420px){
  .nu25o4{grid-template-columns:1fr}
  .hx-607de2b{display:none}
}

/* Скриншоты на ПК: картинка слева, текст обтекает справа, короткая подпись под картинкой */
@media (min-width:760px){
  .hx-14f019c .hx-7a351ce{display:block;float:left;clear:left;width:190px;max-width:none;margin:4px 26px 12px 0;padding:0;background:none;border-radius:0}
  .hx-c735d0b .hx-14f019c .hx-7a351ce.hx-819421d,.hx-14f019c .hx-7a351ce.hx-819421d{width:190px}
  .hx-14f019c .hx-7a351ce + *{margin-top:0}
  .hx-14f019c .hx-7a351ce .hx-70d0952{max-height:360px}
  .hx-14f019c .hx-7a351ce .hx-70d0952 img{object-fit:cover;object-position:top;max-height:360px}
  .hx-14f019c .hx-7a351ce .hx-a0fee52{margin-top:9px;font-size:12.5px;line-height:1.4;color:var(--muted);text-align:center}
  .hx-14f019c ul,.hx-14f019c ol,.hx-14f019c .hx-9c8d4eb{overflow:hidden}
  .hx-14f019c .hx-9c8d4eb{overflow-x:auto}
  .hx-14f019c::after{content:"";display:block;clear:both}
}
/* Короткие подписи: служебная метка над подписью не нужна */
.hx-7a351ce .hx-5e54075{display:none}


/* merged: article.css */
/* WordPress / Gutenberg integration without changing the original design. */
.g0szxx>.wp-block-group.hx-043c369{grid-column:2;grid-row:1}
.g0szxx.c5ba7f>.wp-block-group.hx-043c369{grid-column:1}
.wp-block-group.hx-043c369{min-width:0}
:is(.hx-24b4b53,.playhub-pagination){margin:20px 0}
:is(.hx-24b4b53,.playhub-pagination) .page-numbers{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0}
:is(.hx-24b4b53,.playhub-pagination) .page-numbers a,:is(.hx-24b4b53,.playhub-pagination) .page-numbers span{display:inline-block;padding:8px 12px;border:1px solid var(--line-soft);border-radius:9px;text-decoration:none}
:is(.hx-24b4b53,.playhub-pagination) .page-numbers .current{background:var(--panel-2);color:var(--text)}
.hx-043c369 .wp-block-heading{color:var(--text)}
.hx-426b109 a{color:var(--blue)}
@media(max-width:900px){.g0szxx>.wp-block-group.hx-043c369{grid-column:1;grid-row:auto}}

/* Nav items are managed in WordPress; mobile quick menu may contain more/fewer items. */
@media (max-width: 900px) {
  .g4ha7z { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); }
}

/*
 * WordPress block layout compatibility (Harbor Index 1.5.0).
 * Imported pages use the original site grid inside Gutenberg Group blocks.
 * Core's constrained/flex layout styles may shrink the grid to the intrinsic
 * width of its first child. Explicitly keep the page container and article
 * stretched to their grid areas on desktop, tablet and mobile.
 */
.hx-e878311 > .hx-d4d6c26.hx-aa150bd {
  display: block !important;
  width: min(calc(100% - 32px), var(--container, 1180px)) !important;
  max-width: var(--container, 1180px) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
.hx-e878311 .hx-d4d6c26.hx-aa150bd > .g0szxx {
  display: grid !important;
  grid-template-columns: 236px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.hx-e878311 .g0szxx > .hx-043c369 {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-self: stretch !important;
}
.hx-e878311 .g0szxx > .e18slg {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}
/* Gutenberg may assign a default 620px max-width to direct children. */
.hx-e878311 .wp-block-group.hx-043c369 > :where(*) {
  max-width: 100% !important;
  min-width: 0;
  margin-inline: 0 !important;
}
.hx-e878311 .hx-043c369 :is(:is(.hx-e326940,.playhub-demo-section), :is(.hz-e7i59b,.playhub-demo-frame), .hx-bb62967, table) {
  max-width: 100%;
  min-width: 0;
}
.hx-e878311 .g0szxx.c5ba7f {
  grid-template-columns: minmax(0, 1fr) !important;
}
.hx-e878311 .g0szxx.c5ba7f > .hx-043c369 {
  grid-column: 1 !important;
}
@media (max-width: 980px) {
  .hx-e878311 .hx-d4d6c26.hx-aa150bd > .g0szxx {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .hx-e878311 .g0szxx > .hx-043c369,
  .hx-e878311 .g0szxx > .e18slg {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
@media (max-width: 640px) {
  .hx-e878311 > .hx-d4d6c26.hx-aa150bd {
    width: min(calc(100% - 28px), var(--container, 1180px)) !important;
  }
}

/* Harbor Index 1.5.0: imported full-width content and sidebar grids.
   WordPress block supports can otherwise constrain a Group to theme.json
   contentSize even when the site's original HTML grid is wider. */
.hx-e878311 > :is(.wp-block-group, div).hx-d4d6c26.hx-aa150bd {
  box-sizing: border-box !important;
  flex: none !important;
  align-self: stretch !important;
}
.hx-e878311 > .hx-d4d6c26.hx-aa150bd > .wp-block-group.g0szxx,
.hx-e878311 > .hx-d4d6c26.hx-aa150bd > .g0szxx {
  box-sizing: border-box !important;
  justify-self: stretch !important;
  margin-inline: 0 !important;
}
.hx-e878311 .g0szxx > :is(.wp-block-group, article, div).hx-043c369 {
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
}
/* Gutenberg's default constrained group layout must not clip paragraphs,
   headings, lists, tables or the demo player inside the original article. */
.hx-e878311 .hx-043c369.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.hx-e878311 .hx-043c369.wp-block-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: auto;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hx-e878311 .hx-043c369 iframe,
.hx-e878311 .hx-043c369 :is(.hz-e7i59b,.playhub-demo-frame) { max-width: 100%; }
/* Do not reserve an empty sidebar column on templates with no sidebar. */
@supports selector(:has(> .e18slg)) {
  .hx-e878311 .g0szxx:not(:has(> .e18slg)) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .hx-e878311 .g0szxx:not(:has(> .e18slg)) > .hx-043c369 {
    grid-column: 1 !important;
  }
}

/* The intro Group appears only on the two published catalog pages. The
 * default Gutenberg constrained-layout paragraph max-width (620px) would
 * otherwise make the introduction narrower than the card grid. */
.hx-e878311 > .wp-block-group.hx-d4d6c26:not(.hx-aa150bd) > :where(*) {
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Harbor Index 1.6.0: full-width hub/catalog/provider/sitemap pages.
 * The original g0szxx grid ALWAYS reserves a 236px sidebar column.
 * Catalogs have no sidebar, so render their own single-column wrapper rather
 * than relying on :has() to override a more specific !important rule. */
.hx-e878311 :is(.hx-19fe590,.tonplay-directory) {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px), var(--container, 1180px)) !important;
  max-width: var(--container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0 !important;
}
.hx-e878311 :is(.hx-19fe590,.tonplay-directory) > :is(.hx-13242bd,.tonplay-directory-content) {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.hx-e878311 :is(.hx-13242bd,.tonplay-directory-content) > .hx-043c369 {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
/* Do not let a shortcode wrapper constrain the directory to Gutenberg's
 * default 620px contentSize if one is emitted by the active WordPress build. */
.hx-e878311 > .wp-block-shortcode:has(> :is(.hx-19fe590,.tonplay-directory)) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
@media (max-width: 640px) {
  .hx-e878311 :is(.hx-19fe590,.tonplay-directory) {
    width: min(calc(100% - 28px), var(--container, 1180px)) !important;
  }
}

/* Harbor Index 1.8.0: Gutenberg posts inherit the exact numbered-card
 * design of editorial pages. The data is read from editable H2 blocks. */
.hx-e8c463d {
  margin-bottom: 36px;
  min-width: 0;
}
.hx-e8c463d .hx-9f175f1 {
  width: 100%;
  min-width: 0;
}
.hx-e8c463d .hx-eb3d1e4 {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.hx-e8c463d .hx-22779b7 {
  margin: 0 0 18px;
  color: var(--body);
  font-size: 15.5px;
  line-height: 1.72;
}
.hx-e8c463d .hx-0aabefd { min-width: 0; }
.hx-e8c463d .hx-14f019c > :where(*) {
  max-width: 100%;
  min-width: 0;
}
.hx-e8c463d .hx-14f019c :is(iframe, img, video, table) {
  max-width: 100%;
}
.hx-e8c463d .hx-14f019c :is(:is(.hz-e7i59b,.playhub-demo-frame), .hx-bb62967, .hx-9c8d4eb) {
  max-width: 100%;
  min-width: 0;
}
.hx-e8c463d .hx-14f019c :is(.hx-e326940,.playhub-demo-section) {
  margin: 16px 0 0;
}
.hx-e8c463d .hx-14f019c :is(.hx-e326940,.playhub-demo-section):first-child { margin-top: 0; }
.hx-e8c463d .hx-64164d6 { margin-top: 22px; }
@media (max-width: 980px) {
  .hx-e8c463d .hx-9f175f1 { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .hx-e8c463d .hx-7de374c {
    position: static;
    max-height: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
  }
  .hx-e8c463d .hx-7de374c .hx-839ed2b { flex-basis: 100%; }
  .hx-e8c463d .hx-7de374c a {
    padding: 8px 10px;
    border-radius: 10px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
  }
}
@media (max-width: 640px) {
  .hx-e8c463d .hx-0aabefd { padding: 18px 16px; }
  .hx-e8c463d .hx-0aabefd h2 { font-size: 20px; }
}

/* Harbor Index 2.0.0: page bodies are editable Gutenberg blocks, not imported page shells. */
.hx-c735d0b { margin-top: 22px; margin-bottom: 40px; }
.hx-c735d0b .hx-9f175f1 { min-width: 0; }
.hx-c735d0b .hx-eb3d1e4 { min-width: 0; }
.hx-c735d0b .hx-14f019c > * { max-width: 100%; }
.hx-c735d0b .hx-22779b7 { margin-bottom: 20px; }
.hx-c735d0b .hx-819421d { width: 100%; }
.hx-c735d0b .hx-6d76f03 { width: 100%; min-width: 0; margin: 15px 0; }
.hx-c735d0b .hx-6d76f03 .f6tthv { width: 100%; }
.hx-c735d0b .hx-6d76f03 .qmzwyz { max-width: 100%; }
.hx-c735d0b .hx-6d76f03 button[data-u56wh] { cursor: pointer; }
.hx-c735d0b img,.hx-c735d0b table,.hx-c735d0b video,.hx-c735d0b iframe { max-width: 100%; }
.hx-c735d0b .hx-0aabefd .wp-block-table { margin: 16px 0; }
.hx-c735d0b .hx-0aabefd .wp-block-list { padding-left: 22px; }
@media (max-width: 760px) {
  .hx-c735d0b .hx-9f175f1 { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .hx-c735d0b .hx-7de374c { display: none; }
  .hx-c735d0b .hx-5fe57cf { display: block; }
  .hx-c735d0b .hx-0aabefd { padding: 18px 16px; }
}

/* Harbor Index 2.3.1: original compact rating panel, both as hero sidebar and shortcode.
   The two-column hero must NOT carry .hx-0336047 (which forces a full-width grid). */
.hz-klw8qa .hz-fhqzz-rating-card { width: 100%; min-width: 0; max-width: 560px; margin: 0; }
.hz-klw8qa .hz-fhqzz-rating-card > .jiz188 { width: 100%; }
/* Standalone Gutenberg rating copies should never expand across the whole article. */
.hx-c735d0b .hz-fhqzz-rating-card,
.hx-e8c463d .hz-fhqzz-rating-card { max-width: 560px; }
@media (max-width: 980px) {
  .hz-klw8qa .hx-0aa67a4 { grid-template-columns: minmax(0, 1fr); }
}



/* ===== Harbor Index 13.0.0 — single dark frontend system ===== */
:root{
  --bg:#080d13;--bg-2:#0d141d;--panel:#121c28;--panel-2:#182536;--panel-3:#203147;
  --line:#31445a;--line-soft:#25364a;--text:#ffffff;--body:#f3f7ff;--muted:#d8e1ee;--muted-2:#b9c6d6;
  --blue:#d09342;--blue-dark:#9a5d18;--green:#68d7a2;--orange:#ff956f;--gold:#f3c766;
  --accent-a:#9a5d18;--accent-b:#b8752a;--glow:rgba(208,147,66,.16);--radius:18px;
  --site-accent:#9a5d18;--site-accent-hover:#b8752a;--site-panel:#121c28;--site-panel-2:#182536;--site-border:#31445a;
}
html{background:var(--bg)!important;color:var(--text)!important;scroll-behavior:smooth}
body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.68}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
.hb-shell,.hb-wrap,.hx-d4d6c26{width:min(1180px,calc(100% - 40px));margin-inline:auto}
main,.site-main,.wp-site-blocks{background:var(--bg)!important;color:var(--text)!important}
main :where(p,li,h1,h2,h3,h4,h5,h6,span,strong,em,dt,dd,summary,th,td,figcaption,label){color:var(--text)!important;opacity:1!important}
main a{color:#79e7dc!important}.hx-14f019c a:not(.nxm7h1){color:#79e7dc!important}
main [style*="background-color"]{background-color:var(--panel-2)!important}
main :where(.has-background,.wp-block-group.has-background,.wp-block-columns.has-background,.wp-block-table.has-background){background:var(--panel-2)!important;color:var(--text)!important}

/* header */
.hb-top{position:sticky;top:0;z-index:9000;background:#0a1119!important;border-bottom:1px solid var(--line)!important;color:#fff!important}
.hb-top-row{min-height:70px;display:flex;align-items:center;gap:18px}
.hb-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;flex:0 0 auto}
.hb-brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--site-accent)!important;color:#fff!important;font:700 18px Georgia,serif}
.hb-brand-copy strong{display:block;color:#fff!important;font-size:15px;letter-spacing:.08em;line-height:1}.hb-brand-copy small{display:block;margin-top:5px;color:#e8cfa7!important;font-size:9px;letter-spacing:.16em}
.hb-desktop-nav{margin-left:auto}.hb-desktop-nav ul,.hb-head-actions ul{display:flex;align-items:center;gap:7px;list-style:none;margin:0;padding:0}.hb-desktop-nav a{display:block;padding:9px 10px;color:#fff!important;text-decoration:none;border-radius:9px;font-size:13px}.hb-desktop-nav a:hover{background:var(--panel-2)!important}
.hb-head-actions{display:flex;align-items:center}.hb-head-actions a,.hb-btn,.hb-actions a,.hb-mobile-cta a,.hb-mobile-actions a,.hb-inline-actions a,.wp-block-button__link{display:flex;align-items:center;justify-content:center;background:var(--site-accent)!important;border:1px solid var(--site-accent)!important;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:none!important}
.hb-head-actions a{min-height:40px;padding:9px 13px;border-radius:10px;font-size:12px;white-space:nowrap}.hb-head-actions a:hover,.hb-btn:hover,.hb-actions a:hover,.hb-mobile-cta a:hover,.hb-mobile-actions a:hover,.hb-inline-actions a:hover{background:var(--site-accent-hover)!important;border-color:var(--site-accent-hover)!important;color:#fff!important}
.hb-menu-trigger{display:none;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--panel)!important;cursor:pointer}.hb-menu-trigger span{display:block;width:20px;height:2px;margin:3px auto;background:#fff!important;border-radius:2px}

/* hero + first-screen promos */
.hb-hero{padding:42px 0 32px;background:linear-gradient(145deg,#0c151f 0%,#111b28 56%,#171d26 100%)!important;border-bottom:1px solid var(--line)!important;color:#fff!important}
.hb-hero-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:34px;align-items:start}.hb-hero h1{font:700 clamp(38px,5vw,66px)/1.03 Georgia,"Times New Roman",serif;color:#fff!important;margin:14px 0 16px;letter-spacing:-.03em}.hb-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(208,147,66,.14)!important;border:1px solid rgba(208,147,66,.34);color:#ffe2b6!important;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hb-lead{max-width:760px;margin:0;color:#fff!important;font-size:17px}.hb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hb-btn{min-height:46px;padding:0 18px;border-radius:10px}.hb-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hb-facts span{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)!important;color:#fff!important;font-size:12px}
.hb-promo-rail{display:grid;gap:12px}.hb-promo-card{padding:19px;border:1px solid var(--line)!important;border-top:3px solid var(--site-accent)!important;border-radius:16px;background:var(--panel)!important;box-shadow:0 14px 32px rgba(0,0,0,.24)}.hb-promo-card h2{margin:8px 0;font:700 22px/1.2 Georgia,serif;color:#fff!important}.hb-promo-card p{margin:0 0 14px;color:#fff!important}.hb-promo-tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffd8a0!important}.hb-copy,.hx-3aa7013{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px dashed #d7a45c!important;border-radius:10px;background:#0b131d!important;color:#fff!important;font-weight:800;cursor:pointer}.hb-copy small,.hx-3aa7013 small{color:#fff!important;opacity:1!important}

/* content shell, TOC, sections, tables, FAQ */
.hx-e8c463d{padding-top:28px}.hx-9f175f1{grid-template-columns:236px minmax(0,1fr);gap:34px}.hx-7de374c a{color:#e7eef7!important}.hx-7de374c a:hover,.hx-7de374c a[data-m420j]{background:var(--panel)!important;color:#fff!important}.hx-eb3d1e4{max-width:none!important}.hx-22779b7,.hx-043c369,.hx-0aabefd,.hx-488c13c,.hx-011b399,.hx-a7ff3cd,.hx-7d933b6,.hx-3ca246e,.hx-e248ee3,.hx-d4e5550>div,.hx-535151c>div,.hx-426b109,.hx-64164d6 a,.hy58y0,.hx-0e42132{background:var(--panel)!important;border-color:var(--line)!important;color:#fff!important}.hx-22779b7,.hx-043c369{padding:26px 28px!important;border:1px solid var(--line)!important;border-radius:18px!important}.hx-0aabefd{padding:25px 27px!important;border:1px solid var(--line)!important;border-radius:18px!important}.hx-14f019c{color:#fff!important}.hx-14f019c p,.hx-14f019c li,.hx-14f019c h2,.hx-14f019c h3,.hx-14f019c strong{color:#fff!important;opacity:1!important}.hx-488c13c summary,.hx-488c13c p{color:#fff!important}.hx-9c8d4eb{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:14px!important}.hx-26c44ab{background:var(--panel)!important;color:#fff!important}.hx-26c44ab th{background:var(--panel-3)!important;color:#fff!important}.hx-26c44ab td{background:var(--panel)!important;color:#fff!important;border-color:var(--line-soft)!important}.hx-bb62967>div,.hx-b463b82 div{background:var(--panel-2)!important;color:#fff!important}.hx-7a351ce{background:var(--panel-2)!important}.hx-a0fee52{color:#fff!important}.hx-77ab123,.hx-5809211{background:var(--panel)!important;border-color:var(--line)!important}.hx-5809211{background:var(--panel-2)!important}.hx-0e94f4a,.hx-01adbe4,.hx-01adbe4 b,.hx-592f356{color:#fff!important}

/* promo shortcode cards */
.hx-02ef61fpromo-codes{margin:18px 0}.hx-97dee38{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.hx-97dee38 article{display:flex!important;flex-direction:column!important;min-width:0;padding:18px!important;border:1px solid var(--line)!important;border-top:3px solid var(--site-accent)!important;border-radius:15px!important;background:var(--panel-2)!important;color:#fff!important}.hx-97dee38 article>b{font-size:18px!important;color:#fff!important}.hx-97dee38 article p{flex:1;margin:7px 0 14px!important;color:#fff!important;line-height:1.55}.hx-97dee38 .hx-3aa7013{margin-top:auto}.hx-6bff0f0,.hx-52742d1{padding:18px!important;border:1px solid var(--line)!important;border-left:4px solid var(--site-accent)!important;border-radius:14px!important;background:var(--panel-2)!important;color:#fff!important}
.hb-inline-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:16px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel-2)!important;color:#fff!important}.hb-inline-actions>div{display:grid;gap:3px}.hb-inline-actions>div>*{color:#fff!important}.hb-inline-actions a{min-height:42px;padding:0 15px;border-radius:10px}

/* game catalogue */
.hb-games{width:min(1180px,calc(100% - 40px));margin:32px auto 70px}.hb-game-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)!important}.hb-game-tools label{display:grid;gap:7px;min-width:260px;color:#fff!important}.hb-game-tools input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0a121b!important;color:#fff!important;outline:none}.hb-game-tools>div{display:flex;gap:7px;flex-wrap:wrap}.hb-game-tools button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)!important;color:#fff!important;cursor:pointer}.hb-game-tools button.is-active,.hb-game-tools button:hover{background:var(--site-accent)!important;border-color:var(--site-accent)!important;color:#fff!important}.hb-game-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.hb-game-card{min-width:0;overflow:hidden;border:1px solid var(--line)!important;border-radius:18px;background:var(--panel)!important;box-shadow:0 14px 32px rgba(0,0,0,.22)}.hb-game-card>a{display:block;aspect-ratio:16/7;overflow:hidden;background:#05090e!important}.hb-game-card>a img{display:block;width:100%;height:100%;object-fit:cover}.hb-game-body{padding:17px}.hb-game-provider{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#ffd8a0!important}.hb-game-card h3{margin:6px 0 8px;font:700 20px/1.2 Georgia,serif}.hb-game-card h3 a{color:#fff!important;text-decoration:none}.hb-game-card p{margin:0;color:#fff!important;line-height:1.58}.hb-game-meta{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.hb-game-meta span{padding:6px 9px;border-radius:8px;background:var(--panel-3)!important;color:#fff!important}.hb-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hb-game-actions a{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--site-accent)!important;border:1px solid var(--site-accent)!important;color:#fff!important;text-decoration:none;font-weight:800}

/* single game pages */
.hb-game-page{padding:34px 0 76px;background:var(--bg)!important;color:#fff!important}.hb-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:#fff!important;font-size:13px}.hb-breadcrumbs a{color:#79e7dc!important}.hb-game-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px;align-items:center;padding:26px;border:1px solid var(--line)!important;border-radius:22px;background:var(--panel)!important}.hb-game-head h1{margin:10px 0 13px;font:700 clamp(36px,5vw,58px)/1.03 Georgia,serif;color:#fff!important}.hb-game-head p{color:#fff!important}.hb-game-head img{width:100%;border-radius:15px}.hb-game-head-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.hb-game-head-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)!important;color:#fff!important}.hb-game-jump{display:flex;gap:8px;overflow-x:auto;padding:14px 0 2px;scrollbar-width:none}.hb-game-jump a{white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)!important;color:#fff!important;text-decoration:none}.hb-game-page section{margin-top:20px;padding:24px;border:1px solid var(--line)!important;border-radius:18px;background:var(--panel)!important;color:#fff!important}.hb-game-page section :where(p,li,h2,h3,span,strong,dt,dd,summary,label){color:#fff!important;opacity:1!important}.hb-section-title{display:flex;gap:11px;align-items:baseline;margin-bottom:14px}.hb-section-title>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:var(--site-accent)!important;color:#fff!important;font-weight:800}.hb-section-title h2{margin:0;font:700 clamp(23px,3vw,30px) Georgia,serif;color:#fff!important}.hb-demo-frame{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#020508!important}.hb-demo-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hb-demo-external,.hb-note{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)!important}.hb-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hb-specs>div,.hb-info-grid article{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)!important}.hb-specs dt,.hb-info-grid span{color:#fff!important}.hb-specs dd{margin:4px 0 0;color:#fff!important;font-weight:800}.hb-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hb-info-grid strong{display:block;margin:5px 0;font-size:20px;color:#fff!important}.hb-calc-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) auto;gap:10px;align-items:end}.hb-calc-row label,.hb-calc-row>div{display:grid;gap:6px}.hb-calc-row input{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#09111a!important;color:#fff!important}.hb-game-page details{border-top:1px solid var(--line);padding:12px 0}.hb-game-page summary{cursor:pointer;font-weight:800;color:#fff!important}.hb-demo-fallback a{color:#79e7dc!important}

/* footer + mobile menu */
.hb-footer{margin-top:56px;background:#070c12!important;color:#fff!important;border-top:1px solid var(--line)}.hb-footer .hb-shell{padding-top:38px}.hb-footer-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.hb-footer-intro p{max-width:680px;margin:0;color:#fff!important}.hb-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:25px 0}.hb-footer nav ul{list-style:none;margin:10px 0 0;padding:0}.hb-footer nav li{margin:7px 0}.hb-footer nav a{display:block;color:#fff!important;text-decoration:none}.hb-footer nav a:hover{color:#ffd8a0!important}.hb-footer-line{display:flex;justify-content:space-between;gap:16px;padding:18px 0 26px;border-top:1px solid var(--line);font-size:12px;color:#fff!important}.hb-footer-line a{color:#fff!important}.hb-mobile-cta,.hb-mobile-menu,.hb-menu-toggle{display:none}
.hb-mobile-panel{background:#0b131d!important;color:#fff!important}.hb-mobile-panel a{color:#fff!important}.hb-mobile-head{border-bottom:1px solid var(--line)!important}

@media(max-width:980px){
  .hb-shell,.hb-wrap,.hx-d4d6c26{width:min(100% - 24px,760px)}
  .hb-desktop-nav{display:none!important}.hb-top-row{min-height:62px;gap:7px}.hb-brand{min-width:0}.hb-brand-icon{width:32px;height:32px}.hb-brand-copy strong{font-size:12px}.hb-brand-copy small{display:none!important}.hb-head-actions{margin-left:auto!important;display:flex!important}.hb-head-actions ul{display:flex!important;gap:4px!important}.hb-head-actions li{display:block!important}.hb-head-actions a{min-height:34px!important;padding:7px 8px!important;font-size:10px!important;border-radius:9px!important}.hb-menu-trigger{display:block!important}
  .hb-hero{padding:24px 0 20px}.hb-hero-layout{grid-template-columns:1fr;gap:16px}.hb-hero h1{font-size:clamp(32px,9vw,45px)}.hb-lead{font-size:15px}.home .hb-actions,.home .hb-facts{display:none!important}.hb-promo-rail{grid-template-columns:1fr;gap:9px}.hb-promo-card{padding:14px}.hb-promo-card h2{font-size:19px}
  .hx-9f175f1{grid-template-columns:1fr!important;gap:14px}.hx-7de374c{display:none!important}.hx-5fe57cf{display:block!important}.hx-22779b7,.hx-043c369,.hx-0aabefd{padding:20px 18px!important}.hx-97dee38{grid-template-columns:1fr!important}.hb-inline-actions{grid-template-columns:1fr 1fr!important}.hb-inline-actions>div{grid-column:1/-1!important}
  .hb-games{width:min(100% - 24px,760px);margin-top:24px}.hb-game-tools{flex-direction:column;align-items:stretch}.hb-game-tools label{min-width:0}.hb-game-tools>div{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.hb-game-tools button{white-space:nowrap}.hb-game-grid{grid-template-columns:1fr!important}
  .hb-game-head{grid-template-columns:1fr;padding:19px}.hb-game-head img{order:-1}.hb-game-page section{padding:19px}.hb-specs{grid-template-columns:1fr 1fr}.hb-info-grid{grid-template-columns:1fr}.hb-calc-row{grid-template-columns:1fr}.hb-demo-frame{min-height:68vh}
  .hb-mobile-cta{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:8px;right:8px;bottom:8px;z-index:9998;padding:7px;border:1px solid var(--line);border-radius:15px;background:rgba(8,13,19,.94)!important;backdrop-filter:blur(10px)}.hb-mobile-cta a{min-height:44px;border-radius:10px;background:var(--site-accent)!important;border-color:var(--site-accent)!important;color:#fff!important}.hb-menu-toggle{position:absolute;opacity:0;pointer-events:none}.hb-mobile-menu{display:block}.hb-mobile-shade{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden}.hb-mobile-panel{position:fixed;z-index:10001;top:0;right:0;bottom:0;width:min(86vw,360px);padding:18px;transform:translateX(105%);transition:.2s;overflow:auto}.hb-menu-toggle:checked~.hb-mobile-menu .hb-mobile-panel{transform:none}.hb-menu-toggle:checked~.hb-mobile-menu .hb-mobile-shade{opacity:1;visibility:visible}.hb-mobile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px}.hb-mobile-head label{font-size:30px}.hb-mobile-panel ul{list-style:none;padding:0;margin:0}.hb-mobile-panel a{display:block;padding:10px 2px;border-bottom:1px solid var(--line);text-decoration:none}.hb-mobile-actions{margin-top:16px}.hb-mobile-actions ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:0}.hb-mobile-actions a{min-height:42px;border-radius:9px}
  .hb-footer-intro{display:block}.hb-footer-intro p{margin-top:14px}.hb-footer-links{grid-template-columns:1fr 1fr}.hb-footer-line{flex-direction:column;gap:6px}body{padding-bottom:76px}
}
@media(max-width:430px){
  .hb-shell,.hb-wrap,.hx-d4d6c26{width:calc(100% - 20px)}.hb-top-row{gap:5px}.hb-brand-icon{width:30px;height:30px}.hb-brand-copy strong{font-size:11px}.hb-head-actions a{padding:6px 6px!important;font-size:9px!important;min-height:32px!important}.hb-menu-trigger{width:34px;height:34px;flex-basis:34px;padding:6px}.hb-menu-trigger span{width:18px}.hb-game-head h1{font-size:32px}.hb-specs{grid-template-columns:1fr}.hb-game-page section{padding:17px}.hb-inline-actions{grid-template-columns:1fr 1fr!important}.hb-inline-actions a{padding:9px 7px!important;font-size:12px}.hb-footer-links{grid-template-columns:1fr}
}

/* Header navigation repair: renderer outputs direct <a> children, not ul/li. */
@media (min-width:981px){
  .hb-top-row{display:flex!important;align-items:center!important;min-height:70px!important;gap:18px!important}
  .hb-desktop-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
  .hb-desktop-nav>a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:9px 10px!important}
  .hb-head-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:10px!important}
  .hb-head-actions>a{display:inline-flex!important;white-space:nowrap!important}
  .hb-menu-trigger{display:none!important}
}