:root {
  --gz26de-bg: #090b0d;
  --gz26de-panel: #111416;
  --gz26de-panel-2: #181c1f;
  --gz26de-line: #56616a;
  --gz26de-silver: #d8dde3;
  --gz26de-muted: #aeb7be;
  --gz26de-ice: #9de7ef;
  --gz26de-cyan: #3a9ca9;
  --gz26de-text: #f4f7f8;
  --gz26de-max: 1320px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--gz26de-bg); }
body { margin: 0; overflow-x: hidden; color: var(--gz26de-text); background: radial-gradient(circle at 50% 0,#243038 0,transparent 25%),linear-gradient(180deg,#0d1012,#080a0c 720px); font: 16px/1.72 Arial, Helvetica, sans-serif; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
.gz26de-skip-link { position: fixed; top: -80px; left: 12px; z-index: 100; padding: 10px 14px; color: #081013; background: var(--gz26de-ice); font-weight: 800; }
.gz26de-skip-link:focus { top: 12px; }
.gz26de-site-header { position: sticky; top: 0; z-index: 50; background: rgba(8,10,12,.97); border-bottom: 1px solid #4d5960; box-shadow: 0 12px 30px rgba(0,0,0,.52); backdrop-filter: blur(14px); }
.gz26de-header-inner { width: min(100%,var(--gz26de-max)); min-height: 70px; margin: auto; padding: 7px 22px; display: flex; align-items: center; gap: 18px; }
.gz26de-logo { flex: 0 0 auto; }
.gz26de-logo img { width: 130px; height: 56px; object-fit: contain; }
.gz26de-site-nav { flex: 1 1 auto; display: flex; justify-content: center; gap: 2px; font-size: 12px; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.gz26de-site-nav a, .gz26de-footer-menu a { text-decoration: none; }
.gz26de-site-nav a { padding: 10px 12px; color: #cbd2d7; border: 1px solid transparent; white-space: nowrap; }
.gz26de-site-nav a:hover, .gz26de-site-nav a:focus-visible { color: #fff; background: #1d2327; border-color: #657078; }
.gz26de-header-actions { display: flex; gap: 9px; flex: 0 0 auto; }
.gz26de-btn, .gz26de-header-actions a { min-height: 43px; padding: 11px 23px; display: inline-flex; align-items: center; justify-content: center; color: #071012; background: linear-gradient(180deg,#d8fbff 0,#7bd3df 14%,#318e9c 55%,#174c55 100%); border: 1px solid #dffcff; border-radius: 0; clip-path: polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px); box-shadow: inset 0 0 0 2px rgba(6,22,25,.38),inset 0 1px rgba(255,255,255,.72),0 0 18px rgba(96,222,235,.26); font-size: 12px; font-weight: 900; letter-spacing: .04em; line-height: 1; text-decoration: none; text-transform: uppercase; transition: filter .2s ease,transform .2s ease; }
.gz26de-btn:hover, .gz26de-header-actions a:hover { filter: brightness(1.15); transform: translateY(-1px); }
.gz26de-btn-secondary { color: #eaf1f4 !important; background: linear-gradient(180deg,#3a4147,#171b1e 54%,#0c0e10) !important; border-color: #929ba1 !important; box-shadow: inset 0 0 0 2px #111518,0 0 14px rgba(194,214,223,.14) !important; }
.gz26de-menu-toggle { display: none; width: 44px; height: 42px; padding: 8px; color: #d8e2e6; background: #15191c; border: 1px solid #7b858b; border-radius: 0; clip-path: polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px); }
.gz26de-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: currentColor; }
.gz26de-hero { position: relative; min-height: 640px; display: grid; place-items: center; isolation: isolate; overflow: hidden; background: #07090a; border-bottom: 1px solid #69747a; }
.gz26de-hero-media { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.92) contrast(1.03); }
.gz26de-hero::before { position: absolute; inset: 0; z-index: 1; content: ""; background: linear-gradient(90deg,rgba(6,8,9,.78),rgba(8,10,11,.58),rgba(6,8,9,.74)),linear-gradient(180deg,rgba(7,9,10,.2),rgba(7,9,10,.88)); }
.gz26de-hero::after { position: absolute; inset: auto 0 0; z-index: 2; height: 2px; content: ""; background: linear-gradient(90deg,transparent,#b7c7cd 30%,#69d8e7 50%,#b7c7cd 70%,transparent); }
.gz26de-hero-inner { position: relative; z-index: 3; width: min(100%,var(--gz26de-max)); min-height: 640px; margin: auto; padding: 84px 22px; display: flex; align-items: center; justify-content: center; text-align: center; }
.gz26de-hero-copy { width: min(100%,850px); padding: clamp(27px,5vw,52px); display: flex; flex-direction: column; align-items: center; background: rgba(8,11,13,.76); border: 1px solid rgba(196,212,219,.58); box-shadow: 0 24px 70px rgba(0,0,0,.62),inset 0 0 40px rgba(125,222,233,.035); backdrop-filter: blur(4px); }
.gz26de-hero h1 { margin: 0; font-size: clamp(46px,6vw,78px); font-weight: 900; line-height: 1; letter-spacing: -.045em; text-shadow: 0 4px 26px #000; text-wrap: balance; }
.gz26de-hero p { max-width: 780px; margin: 23px 0 30px; color: #e0e6e8; font-size: 17px; line-height: 1.65; text-shadow: 0 2px 14px #000; }
.gz26de-container { width: min(100%,var(--gz26de-max)); margin: auto; padding-inline: 22px; }
.gz26de-games { padding: 58px 0 66px; background: linear-gradient(180deg,#101416,#090b0d); border-bottom: 1px solid #445159; }
.gz26de-game-row + .gz26de-game-row { margin-top: 54px; }
.gz26de-game-row-head { margin-bottom: 18px; display: flex; align-items: end; gap: 18px; }
.gz26de-game-row-head > div { display: flex; align-items: center; gap: 13px; }
.gz26de-game-row-head span { padding: 4px 9px; color: #aeeef5; background: #162328; border: 1px solid #3f7780; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.gz26de-game-row-head h2 { margin: 0; font-size: clamp(30px,3vw,42px); line-height: 1; }
.gz26de-game-row-head > a { margin-left: auto; color: #b9edf3; font-size: 13px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.gz26de-game-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.gz26de-game-card { min-width: 0; overflow: hidden; color: #fff; background: #14181b; border: 1px solid #566168; border-radius: 5px; box-shadow: 0 15px 30px rgba(0,0,0,.4); text-decoration: none; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.gz26de-game-card:hover { border-color: #b7e6eb; box-shadow: 0 18px 36px rgba(0,0,0,.58),0 0 16px rgba(94,204,218,.16); transform: translateY(-4px); }
.gz26de-game-card img { width: 100%; aspect-ratio: 184/279; object-fit: cover; }
.gz26de-game-card > span { min-height: 70px; padding: 11px 12px; display: grid; align-content: center; gap: 3px; }
.gz26de-game-card strong { overflow: hidden; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.gz26de-game-card small { color: var(--gz26de-muted); font-size: 11px; }
.gz26de-content-nav { padding: 26px 0; background: #111416; border-bottom: 1px solid #465159; }
.gz26de-contents { overflow: hidden; background: #0b0e10; border: 1px solid #505b62; }
.gz26de-contents summary { min-height: 62px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 900; list-style: none; }
.gz26de-contents summary::-webkit-details-marker { display: none; }
.gz26de-contents-icon { width: 12px; height: 12px; border-right: 2px solid var(--gz26de-ice); border-bottom: 2px solid var(--gz26de-ice); transform: rotate(45deg); transition: transform .2s ease; }
.gz26de-contents[open] .gz26de-contents-icon { transform: rotate(225deg); }
.gz26de-contents nav { padding: 0 22px 22px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 30px; }
.gz26de-contents nav a { padding: 9px 0; color: #d6dde0; border-bottom: 1px solid #30373b; font-size: 14px; text-decoration: none; }
.gz26de-contents nav a:hover { color: var(--gz26de-ice); }
.gz26de-contents .gz26de-toc-subitem { padding-left: 16px; color: #aeb8bd; font-size: 13px; }
.gz26de-section { padding: 58px 0 88px; background: linear-gradient(180deg,#0d1012,#080a0c 420px); }
.gz26de-review-content { max-width: 1060px; margin: auto; padding: clamp(24px,4vw,54px); background: linear-gradient(180deg,#14181b,#0d1012); border: 1px solid #4b555b; border-top: 3px solid #9aa6ad; box-shadow: 0 24px 58px rgba(0,0,0,.48); }
.gz26de-review-content > p:first-of-type { margin-top: 0; }
.gz26de-review-content h2, .gz26de-review-content h3 { scroll-margin-top: 96px; color: #fff; line-height: 1.22; text-wrap: balance; }
.gz26de-review-content h2 { margin: 56px 0 18px; padding-bottom: 11px; border-bottom: 1px solid #626d73; font-size: clamp(28px,3vw,39px); }
.gz26de-review-content h3 { margin: 36px 0 11px; color: #e5f4f6; font-size: 23px; }
.gz26de-review-content p, .gz26de-review-content li { color: #d5dbde; }
.gz26de-review-content strong { color: #fff; }
.gz26de-review-content ul, .gz26de-review-content ol { padding-left: 25px; }
.gz26de-review-content li { margin: 7px 0; }
.gz26de-review-content table { width: 100%; margin: 28px 0; table-layout: fixed; border-collapse: collapse; border: 1px solid #566168; }
.gz26de-review-content th, .gz26de-review-content td { min-width: 145px; padding: 13px 15px; text-align: left; vertical-align: top; border: 1px solid #4b555a; }
.gz26de-review-content th { color: #0a0d0f; background: linear-gradient(180deg,#ecf2f4,#aeb9bf); font-size: 12px; text-transform: uppercase; }
.gz26de-review-content tr:nth-child(even) td { background: #1b2023; }
.gz26de-article-figure { margin: 42px 0 28px; padding: 7px; background: #090b0c; border: 1px solid #59656b; box-shadow: 0 18px 38px rgba(0,0,0,.38); }
.gz26de-article-figure img { width: 100%; max-height: 580px; object-fit: cover; object-position: top center; }
.gz26de-article-figure figcaption { padding: 10px 7px 3px; color: #aeb8bd; font-size: 13px; }
.gz26de-updated { margin-top: 52px !important; padding-top: 19px; color: #99a4aa !important; border-top: 1px solid #444d52; font-size: 13px; }
.gz26de-site-footer { padding: 48px 22px 24px; background: #050708; border-top: 1px solid #59636a; }
.gz26de-footer-inner { width: min(100%,var(--gz26de-max)); margin: auto; display: grid; grid-template-columns: minmax(280px,650px) 1fr; gap: 44px; align-items: start; }
.gz26de-footer-inner img { width: 132px; height: auto; }
.gz26de-footer-inner p { max-width: 650px; color: #aeb7bc; font-size: 13px; }
.gz26de-footer-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 20px; font-size: 13px; font-weight: 800; }
.gz26de-footer-menu a:hover { color: var(--gz26de-ice); }
.gz26de-footer-note { width: min(100%,var(--gz26de-max)); margin: 30px auto 0; padding-top: 20px; color: #7f898e; border-top: 1px solid #2f3538; font-size: 12px; }
@media (max-width: 1120px) {
  .gz26de-header-inner { flex-wrap: wrap; }
  .gz26de-menu-toggle { display: block; margin-left: auto; }
  .gz26de-site-nav { order: 5; display: none; flex-basis: 100%; padding: 8px 0 12px; flex-wrap: wrap; justify-content: flex-start; }
  .gz26de-site-nav.gz26de-is-open { display: flex; }
}
@media (max-width: 1040px) { .gz26de-game-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 680px) {
  .gz26de-header-inner { padding-inline: 13px; gap: 9px; }
  .gz26de-logo img { width: 104px; height: 46px; }
  .gz26de-header-actions { margin-left: auto; }
  .gz26de-header-actions a { min-height: 38px; padding: 9px 12px; font-size: 10px; }
  .gz26de-header-actions .gz26de-btn-secondary { display: none; }
  .gz26de-hero, .gz26de-hero-inner { min-height: 590px; }
  .gz26de-hero-inner { padding: 54px 14px; }
  .gz26de-hero-media { object-position: 59% center; }
  .gz26de-hero-copy { padding: 26px 18px; }
  .gz26de-hero h1 { font-size: clamp(40px,13vw,56px); }
  .gz26de-hero p { font-size: 14px; }
  .gz26de-container { padding-inline: 12px; }
  .gz26de-game-row-head { align-items: center; flex-wrap: wrap; }
  .gz26de-game-row-head > div { width: 100%; flex-wrap: wrap; }
  .gz26de-game-row-head > a { margin-left: 0; }
  .gz26de-game-grid { margin-right: -12px; padding-right: 12px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .gz26de-game-grid::-webkit-scrollbar { display: none; }
  .gz26de-game-card { flex: 0 0 156px; scroll-snap-align: start; }
  .gz26de-contents nav { grid-template-columns: 1fr; }
  .gz26de-review-content { padding: 24px 17px; }
  .gz26de-review-content table { display: block; table-layout: auto; overflow-x: auto; }
  .gz26de-footer-inner { grid-template-columns: 1fr; }
  .gz26de-footer-menu { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }