:root {
  --bg:#15091f;
  --bg2:#1e102b;
  --card:#2a173b;
  --card2:#342047;
  --line:#ffffff1a;
  --text:#f7f3fb;
  --muted:#b9aac7;
  --purple:#b923f2;
  --purple2:#7d20df;
  --green:#33e39c;
  --ink:#100719;
  --max:1280px
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  background:var(--bg);
  color:var(--text);
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;
  font-size:16px;
  line-height:1.65
}
a {
  color:inherit;
  text-decoration:none
}
img {
  max-width:100%;
  height:auto
}
button,input,textarea {
  font:inherit
}
.shell {
  width:min(var(--max),calc(100% - 40px));
  margin-inline:auto
}
.narrow {
  max-width:900px
}
.site-header {
  z-index:50;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  background:#15091feb;
  position:sticky;
  top:0
}
.header-inner {
  align-items:center;
  gap:28px;
  min-height:74px;
  display:flex
}
.brand {
  align-items:center;
  margin-right:auto;
  display:flex
}
.brand img {
  width:190px
}
.desktop-nav {
  align-items:center;
  gap:24px;
  display:flex
}
.desktop-nav a {
  color:#d9cfdf;
  font-size:14px;
  font-weight:750
}
.desktop-nav a:hover,.text-link:hover,.breadcrumbs a:hover {
  color:var(--green)
}
.header-actions {
  gap:10px;
  display:flex
}
.button {
  border:1px solid #0000;
  border-radius:12px;
  justify-content:center;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 22px;
  font-weight:800;
  transition:all .2s;
  display:inline-flex
}
.button:hover {
  filter:brightness(1.06);
  transform:translateY(-1px)
}
.button.compact {
  min-height:38px;
  padding:0 16px;
  font-size:14px
}
.button-green {
  background:var(--green);
  color:#082319
}
.button-purple {
  background:linear-gradient(135deg,var(--purple),var(--purple2));
  color:#fff
}
.button-ghost {
  border-color:var(--line);
  background:#ffffff0f
}
.button-dark {
  background:var(--ink);
  color:#fff
}
.button-light {
  color:var(--ink);
  background:#fff
}
.mobile-menu {
  display:none;
  position:relative
}
.mobile-menu summary {
  background:var(--card);
  cursor:pointer;
  border-radius:11px;
  place-content:center;
  gap:5px;
  width:44px;
  height:44px;
  list-style:none;
  display:grid
}
.mobile-menu summary::-webkit-details-marker {
  display:none
}
.mobile-menu summary span {
  background:#fff;
  border-radius:2px;
  width:20px;
  height:2px
}
.mobile-menu-panel {
  border:1px solid var(--line);
  background:#241332;
  border-radius:18px;
  gap:4px;
  width:min(320px,100vw - 28px);
  padding:14px;
  display:grid;
  position:absolute;
  top:54px;
  right:0;
  box-shadow:0 20px 50px #08030d
}
.mobile-menu-panel>a:not(.button) {
  border-radius:9px;
  padding:11px
}
.mobile-menu-panel>a:hover {
  background:#ffffff0f
}
.home-hero {
  background:radial-gradient(circle at 20% 10%,#ab16f033,#0000 36%),radial-gradient(circle at 85% 15%,#29e39c1a,#0000 25%),linear-gradient(#15091f,#1a0d26);
  padding:72px 0 56px;
  position:relative;
  overflow:hidden
}
.home-hero:after {
  content:"M";
  color:#ffffff04;
  pointer-events:none;
  font-size:54vw;
  font-weight:1000;
  line-height:1;
  position:absolute;
  bottom:-22vw;
  right:-3vw
}
.hero-grid {
  z-index:1;
  grid-template-columns:1.25fr .75fr;
  align-items:center;
  gap:64px;
  display:grid;
  position:relative
}
.kicker,.eyebrow {
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#d68cf4;
  font-size:12px;
  font-weight:900
}
.status-dot {
  background:var(--green);
  border-radius:50%;
  width:9px;
  height:9px;
  margin-right:7px;
  display:inline-block;
  box-shadow:0 0 0 5px #33e39c1a
}
.hero-copy h1,.listing-hero h1,.article-hero h1,.provider-hero h1,.author-profile-hero h1 {
  letter-spacing:-.055em;
  margin:22px 0;
  font-size:clamp(42px,5.5vw,78px);
  line-height:.98
}
.hero-copy h1 em {
  color:#a391b4;
  font-style:normal
}
.hero-copy>p {
  color:#d1c5d9;
  max-width:740px;
  font-size:19px;
  line-height:1.65
}
.hero-actions,.article-actions,.center-actions {
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
  display:flex
}
.hero-trust {
  color:#9f8ead;
  flex-wrap:wrap;
  gap:22px;
  margin-top:25px;
  font-size:13px;
  display:flex
}
.hero-panel {
  background:linear-gradient(160deg,#352147,#251433);
  border:1px solid #ffffff1f;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 80px #06020a59
}
.hero-panel-head {
  gap:4px;
  padding:22px 24px 16px;
  display:grid
}
.hero-panel-head b {
  font-size:20px
}
.hero-panel nav a {
  border-top:1px solid var(--line);
  grid-template-columns:36px 1fr 20px;
  align-items:center;
  gap:12px;
  padding:15px 24px;
  display:grid
}
.hero-panel nav>a>span {
  color:var(--green);
  font-size:12px;
  font-weight:900
}
.hero-panel nav div {
  display:grid
}
.hero-panel nav small {
  color:var(--muted)
}
.hero-panel nav i {
  color:#a486b3;
  font-style:normal
}
.hero-panel nav a:hover {
  background:#ffffff0e
}
.hero-panel-foot {
  color:#dfc6ea;
  background:#0000002e;
  justify-content:space-between;
  gap:14px;
  padding:17px 24px;
  font-size:13px;
  display:flex
}
.section-index {
  border:1px solid var(--line);
  background:#20112d;
  border-radius:16px;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
  padding:16px 18px;
  display:flex
}
.section-index span {
  color:var(--muted);
  margin-right:6px;
  font-size:13px
}
.section-index a,.tag-row a {
  background:#ffffff0f;
  border-radius:9px;
  padding:7px 11px;
  font-size:13px
}
.section-index a:hover,.tag-row a:hover {
  background:var(--purple2)
}
.section {
  padding:88px 0
}
.section-tint,.knowledge-section,.faq-section {
  background:#1a0d25;
  border-block:1px solid #ffffff0e
}
.section-heading {
  margin-bottom:34px
}
.section-heading.split {
  grid-template-columns:1.25fr .75fr;
  align-items:end;
  gap:56px;
  display:grid
}
.section-heading h2,.security-copy h2,.provider-explain h2,.process-section h2 {
  letter-spacing:-.04em;
  margin:10px 0;
  font-size:clamp(32px,4vw,52px);
  line-height:1.06
}
.section-heading p {
  color:var(--muted);
  max-width:680px;
  margin:0
}
.summary-wrap {
  border:1px solid var(--line);
  border-radius:18px;
  overflow:auto
}
.summary-table {
  border-collapse:collapse;
  background:#20112d;
  width:100%;
  min-width:780px
}
.summary-table th,.summary-table td {
  text-align:left;
  border-bottom:1px solid var(--line);
  padding:16px 18px
}
.summary-table tr:last-child th,.summary-table tr:last-child td {
  border-bottom:0
}
.summary-table th {
  color:#aa93b8;
  width:14%;
  font-size:13px;
  font-weight:800
}
.summary-table td {
  font-weight:720
}
.summary-table a {
  color:var(--green)
}
.provider-strip {
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  display:grid
}
.provider-logo {
  background:var(--card);
  border:1px solid var(--line);
  text-align:center;
  border-radius:16px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  min-height:180px;
  padding:20px 14px 16px;
  display:flex;
  position:relative
}
.provider-logo:hover {
  border-color:#8e3cc0;
  transform:translateY(-2px)
}
.provider-logo img {
  object-fit:contain;
  width:150px;
  height:62px
}
.provider-logo strong {
  font-size:15px
}
.provider-logo small {
  color:var(--muted)
}
.provider-logo>span,.priority-badge {
  background:var(--green);
  color:#0b271c;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-radius:30px;
  padding:4px 8px;
  font-size:10px;
  font-weight:900;
  position:absolute;
  top:9px;
  left:9px
}
.provider-logo.featured {
  background:linear-gradient(145deg,#402152,#2a173b);
  border-color:#7f3aa6
}
.game-grid {
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  display:grid
}
.game-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:17px;
  min-width:0;
  overflow:hidden
}
.game-card:hover {
  border-color:#8148a4;
  transform:translateY(-2px)
}
.game-image {
  aspect-ratio:287/193;
  background:#35184a;
  position:relative;
  overflow:hidden
}
.game-image img {
  object-fit:cover;
  transition:all .25s
}
.game-card:hover .game-image img {
  transform:scale(1.025)
}
.game-copy {
  padding:14px 15px 16px
}
.game-copy>span {
  color:#d38bf2;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:10px;
  font-weight:900
}
.game-copy h3 {
  margin:6px 0 9px;
  font-size:18px;
  line-height:1.15
}
.game-copy p {
  color:var(--muted);
  margin:0 0 12px;
  font-size:13px;
  line-height:1.45
}
.game-copy a {
  color:var(--green);
  font-size:12px;
  font-weight:800
}
.center-actions {
  justify-content:center;
  margin-top:34px
}
.article-feature-grid {
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  display:grid
}
.article-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:17px;
  flex-direction:column;
  padding:25px;
  display:flex
}
.article-card-large {
  background:linear-gradient(140deg,#472057,#2d173c);
  grid-column:span 2
}
.article-card>span {
  color:#d28dee;
  font-size:12px;
  font-weight:800
}
.article-card h3 {
  margin:12px 0;
  font-size:22px;
  line-height:1.18
}
.article-card-large h3 {
  font-size:32px
}
.article-card p {
  color:var(--muted);
  flex:1;
  font-size:14px
}
.text-link {
  color:var(--green);
  font-size:14px;
  font-weight:850
}
.security-grid {
  grid-template-columns:1fr 390px;
  align-items:stretch;
  gap:36px;
  display:grid
}
.security-copy {
  padding:8px 0
}
.security-copy>p {
  color:var(--muted);
  max-width:760px;
  font-size:18px
}
.security-copy ul {
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:28px 0;
  padding:0;
  list-style:none;
  display:grid
}
.security-copy li {
  background:var(--card);
  border-radius:11px;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  display:flex
}
.security-copy li span {
  color:var(--green);
  font-size:11px;
  font-weight:900
}
.security-panel {
  background:linear-gradient(145deg,#a519d9,#5d159d);
  border-radius:23px;
  flex-direction:column;
  justify-content:center;
  padding:34px;
  display:flex
}
.shield {
  color:#6c1bab;
  background:#fff;
  border-radius:20px 20px 30px 30px;
  place-items:center;
  width:62px;
  height:72px;
  font-size:32px;
  font-weight:1000;
  display:grid;
  box-shadow:0 12px 30px #0003
}
.security-panel h3 {
  margin:25px 0 10px;
  font-size:28px;
  line-height:1.1
}
.security-panel p {
  color:#eedff5
}
.security-panel a {
  font-weight:900;
  text-decoration:underline
}
.faq-list {
  gap:10px;
  display:grid
}
.faq-list details {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:13px;
  padding:0 18px
}
.faq-list summary {
  cursor:pointer;
  justify-content:space-between;
  gap:20px;
  padding:17px 0;
  font-weight:800;
  list-style:none;
  display:flex
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary span {
  color:var(--green);
  font-size:22px
}
.faq-list p {
  color:var(--muted);
  margin:0 0 18px
}
.final-cta {
  color:#fff;
  background:linear-gradient(110deg,#a918e7,#c65cff);
  border-radius:24px;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  margin-top:72px;
  margin-bottom:72px;
  padding:34px 40px;
  display:flex
}
.final-cta .eyebrow {
  color:#250a35
}
.final-cta h2 {
  margin:8px 0;
  font-size:34px;
  line-height:1.08
}
.final-cta p {
  color:#381545;
  margin:0
}
.final-cta>div:last-child {
  flex-wrap:wrap;
  gap:10px;
  display:flex
}
.site-footer {
  border-top:1px solid var(--line);
  background:#100718;
  padding:54px 0 24px
}
.footer-grid {
  grid-template-columns:1.3fr repeat(3,1fr);
  gap:42px;
  display:grid
}
.footer-brand p {
  color:var(--muted);
  max-width:420px
}
.age-badge {
  border:1px solid #8647aa;
  border-radius:50%;
  place-items:center;
  width:45px;
  height:45px;
  font-weight:900;
  display:inline-grid
}
.footer-grid nav {
  flex-direction:column;
  gap:8px;
  display:flex
}
.footer-grid nav strong {
  margin-bottom:8px
}
.footer-grid nav a {
  color:var(--muted);
  font-size:14px
}
.footer-grid nav a:hover {
  color:var(--green)
}
.footer-note {
  border-top:1px solid var(--line);
  color:#887a93;
  justify-content:space-between;
  gap:30px;
  margin-top:42px;
  padding-top:20px;
  font-size:12px;
  display:flex
}
.footer-note p {
  max-width:780px;
  margin:0
}
.breadcrumbs {
  color:#907fa0;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  font-size:13px;
  display:flex
}
.breadcrumbs>span {
  align-items:center;
  gap:9px;
  display:flex
}
.breadcrumbs i {
  font-style:normal
}
.breadcrumbs b {
  color:#b7a8c2;
  font-weight:650
}
.listing-hero,.article-hero {
  padding-top:58px;
  padding-bottom:42px
}
.listing-hero h1,.article-hero h1 {
  max-width:1060px;
  margin-top:24px;
  font-size:clamp(40px,5.5vw,70px)
}
.listing-hero>p,.article-hero>p {
  color:var(--muted);
  max-width:900px;
  font-size:19px
}
.tag-row {
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
  display:flex
}
.category-block {
  margin-bottom:62px;
  scroll-margin-top:90px
}
.category-head {
  border-bottom:1px solid var(--line);
  justify-content:space-between;
  align-items:end;
  margin-bottom:20px;
  padding-bottom:12px;
  display:flex
}
.category-head h2 {
  margin:0;
  font-size:34px
}
.category-head span {
  color:var(--muted);
  font-size:13px
}
.article-list-grid {
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  display:grid
}
.article-list-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:17px;
  flex-direction:column;
  padding:23px;
  display:flex
}
.article-list-meta {
  color:#b69dc6;
  text-transform:uppercase;
  letter-spacing:.06em;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
  display:flex
}
.article-list-card h3 {
  margin:13px 0;
  font-size:21px;
  line-height:1.2
}
.article-list-card>p {
  color:var(--muted);
  flex:1;
  font-size:14px
}
.mini-author {
  border-top:1px solid var(--line);
  align-items:center;
  gap:10px;
  margin-top:15px;
  padding-top:15px;
  display:flex
}
.mini-author>b {
  background:#6b2192;
  border-radius:50%;
  place-items:center;
  width:34px;
  height:34px;
  font-size:11px;
  display:grid
}
.mini-author>span {
  display:grid
}
.mini-author a {
  font-size:13px;
  font-weight:800
}
.mini-author small {
  color:var(--muted);
  font-size:11px
}
.article-byline {
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:28px;
  display:flex
}
.author-avatar {
  background:linear-gradient(135deg,#c123f1,#6522a7);
  border-radius:50%;
  place-items:center;
  width:44px;
  height:44px;
  font-size:12px;
  font-weight:950;
  display:grid
}
.article-byline>div {
  margin-right:auto;
  display:grid
}
.article-byline>div span,.article-byline>time,.article-byline>span {
  color:var(--muted);
  font-size:12px
}
.article-layout {
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:start;
  gap:34px;
  display:grid
}
.article-body {
  border:1px solid var(--line);
  background:#1f102c;
  border-radius:20px;
  padding:10px 38px
}
.article-body>section {
  border-bottom:1px solid var(--line);
  padding:38px 0;
  scroll-margin-top:100px
}
.article-body>section:last-child {
  border-bottom:0
}
.article-number {
  color:var(--green);
  font-size:12px;
  font-weight:950
}
.article-body h2 {
  letter-spacing:-.025em;
  margin:8px 0 18px;
  font-size:32px;
  line-height:1.15
}
.article-body p {
  color:#c8bbd1
}
.article-body ul {
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid
}
.article-body li {
  background:#ffffff0b;
  border-radius:10px;
  align-items:flex-start;
  gap:11px;
  padding:11px 13px;
  display:flex
}
.article-body li span {
  color:var(--green);
  font-weight:950
}
.article-toc {
  background:var(--card);
  border-radius:14px;
  margin:28px 0 8px;
  padding:20px 22px
}
.article-toc ol {
  gap:5px;
  margin:10px 0 0;
  padding-left:22px;
  display:grid
}
.article-toc a {
  color:#c9bdd1;
  font-size:14px
}
.takeaway {
  background:linear-gradient(135deg,#33e39c14,#0000);
  margin-inline:-20px;
  padding-inline:20px!important
}
.article-aside {
  gap:14px;
  display:grid;
  position:sticky;
  top:94px
}
.article-aside>div,.article-aside>nav {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:21px
}
.article-aside nav {
  flex-direction:column;
  gap:11px;
  display:flex
}
.article-aside nav strong {
  margin-bottom:3px
}
.article-aside nav a {
  color:#c8b7d2;
  font-size:13px;
  line-height:1.35
}
.article-aside p {
  color:var(--muted);
  font-size:13px
}
.author-aside {
  justify-items:start;
  display:grid
}
.author-avatar.large {
  width:58px;
  height:58px;
  margin-bottom:12px
}
.aside-warning {
  background:#32153b!important;
  border-color:#6d2b7b!important
}
.aside-warning b {
  color:#ffb9ec
}
.compact-faq details {
  padding:0 14px
}
.provider-directory {
  gap:18px;
  display:grid
}
.provider-directory-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
  position:relative
}
.featured-provider {
  background:linear-gradient(140deg,#3b1d4b,#29163a);
  border-color:#9347b9
}
.provider-card-top {
  grid-template-columns:220px 1fr;
  gap:28px;
  display:grid
}
.provider-card-logo {
  background:#ffffff0b;
  border-radius:14px;
  place-items:center;
  min-height:140px;
  display:grid
}
.provider-card-logo img {
  object-fit:contain
}
.provider-card-top h2 {
  margin:5px 0;
  font-size:30px
}
.provider-card-top p {
  color:var(--muted);
  margin:0
}
.provider-card-top span {
  color:#cc83ed;
  font-size:12px;
  font-weight:850
}
.focus-row {
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
  display:flex
}
.focus-row span {
  color:#d6c7df;
  background:#fff1;
  border-radius:30px;
  padding:6px 10px;
  font-size:11px
}
.mini-games {
  gap:9px;
  margin-top:19px;
  display:flex;
  overflow:auto
}
.mini-games>div {
  background:#1e102a;
  border-radius:10px;
  align-items:center;
  gap:9px;
  min-width:190px;
  padding:7px;
  font-size:12px;
  font-weight:750;
  display:flex
}
.mini-games img {
  object-fit:cover;
  border-radius:7px;
  width:74px;
  height:50px
}
.provider-card-actions {
  align-items:center;
  gap:18px;
  margin-top:19px;
  display:flex
}
.principle-grid {
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  display:grid
}
.principle-grid>div {
  background:var(--card);
  border-radius:16px;
  padding:23px
}
.principle-grid b {
  color:var(--green);
  font-size:12px
}
.principle-grid h3 {
  margin:9px 0;
  font-size:19px
}
.principle-grid p {
  color:var(--muted);
  margin:0;
  font-size:13px
}
.provider-hero,.author-profile-hero {
  background:radial-gradient(circle at 80% 0,#b923f233,#0000 35%),#1a0d25;
  padding:55px 0
}
.provider-hero-grid {
  grid-template-columns:1fr 360px;
  align-items:center;
  gap:50px;
  margin-top:35px;
  display:grid
}
.provider-hero-grid h1 {
  margin:12px 0
}
.provider-hero-grid p {
  color:var(--muted);
  max-width:780px;
  font-size:18px
}
.provider-hero-logo {
  border:1px solid var(--line);
  background:#ffffff0e;
  border-radius:22px;
  place-items:center;
  height:220px;
  display:grid
}
.provider-hero-logo img {
  width:266px
}
.provider-explain,.process-section {
  grid-template-columns:.7fr 1.3fr;
  gap:60px;
  display:grid
}
.provider-explain ol,.process-section ol {
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.provider-explain li,.process-section li {
  background:var(--card);
  border-radius:12px;
  gap:18px;
  padding:17px;
  display:flex
}
.provider-explain li>b,.process-section li>b {
  color:var(--green);
  font-size:11px
}
.provider-explain li span,.process-section li span {
  color:var(--muted);
  font-size:13px;
  display:grid
}
.provider-explain li strong,.process-section li strong {
  color:#fff;
  font-size:16px
}
.game-catalog .game-grid {
  grid-template-columns:repeat(5,1fr)
}
.author-grid {
  grid-template-columns:1fr 1fr;
  gap:16px;
  display:grid
}
.author-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  grid-template-columns:90px 1fr;
  gap:22px;
  padding:25px;
  display:grid
}
.author-avatar.xl {
  width:86px;
  height:86px;
  font-size:22px
}
.author-card>div>span {
  color:#bc9bca;
  text-transform:uppercase;
  font-size:11px
}
.author-card h2 {
  margin:4px 0 0;
  font-size:28px
}
.author-card strong {
  color:#d293eb;
  font-size:13px
}
.author-card p {
  color:var(--muted);
  font-size:14px
}
.author-profile-grid {
  grid-template-columns:150px 1fr;
  align-items:center;
  gap:34px;
  margin-top:38px;
  display:grid
}
.hero-avatar {
  width:140px;
  height:140px;
  font-size:38px
}
.author-profile-grid h1 {
  margin:8px 0
}
.author-profile-grid>div>strong {
  color:#d698f1
}
.author-profile-grid p {
  color:var(--muted);
  max-width:800px;
  font-size:17px
}
.comparison-grid {
  grid-template-columns:1fr 1fr;
  gap:18px;
  display:grid
}
.comparison-grid article {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:30px
}
.comparison-grid article>span {
  color:var(--green);
  font-weight:950
}
.comparison-grid h2 {
  margin:8px 0;
  font-size:34px
}
.comparison-grid p,.comparison-grid li {
  color:var(--muted)
}
.comparison-grid ul {
  padding-left:20px
}
.aml-layout {
  margin-top:0
}
.contact-grid {
  grid-template-columns:1fr 1fr;
  gap:18px;
  display:grid
}
.contact-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:35px
}
.contact-card.primary {
  background:linear-gradient(140deg,#5d1e82,#2d183e)
}
.contact-card>span {
  color:#d998f3;
  text-transform:uppercase;
  font-size:12px;
  font-weight:850
}
.contact-card h2 {
  overflow-wrap:anywhere;
  font-size:clamp(25px,3vw,38px);
  line-height:1.1
}
.contact-card p {
  color:var(--muted)
}
.contact-card b {
  color:var(--green)
}
.ticket-template {
  grid-template-columns:.8fr 1.2fr;
  align-items:center;
  gap:50px;
  display:grid
}
.ticket-template h2 {
  font-size:44px;
  line-height:1.1
}
.ticket-template p {
  color:var(--muted)
}
.ticket-template pre {
  white-space:pre-wrap;
  border:1px solid var(--line);
  color:#d8c9e1;
  background:#100718;
  border-radius:16px;
  padding:24px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}
.do-dont-grid {
  grid-template-columns:1fr 1fr;
  gap:18px;
  display:grid
}
.do-dont-grid article {
  background:#33e39c14;
  border:1px solid #33e39c40;
  border-radius:18px;
  padding:28px
}
.do-dont-grid article.danger {
  background:#ff46a012;
  border-color:#ff46a040
}
.do-dont-grid>article>span {
  font-weight:900
}
.do-dont-grid ul {
  color:var(--muted);
  padding-left:20px
}
.sitemap-grid {
  grid-template-columns:1fr 1fr 2fr 1fr;
  align-items:start;
  gap:18px;
  display:grid
}
.sitemap-column {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:17px;
  padding:23px
}
.sitemap-column h2 {
  font-size:22px
}
.sitemap-column h3 {
  color:#d48ff0;
  margin-top:24px;
  font-size:14px
}
.sitemap-column ul {
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.sitemap-column li {
  display:grid
}
.sitemap-column a {
  color:#d4c7db;
  font-size:13px
}
.sitemap-column a:hover {
  color:var(--green)
}
.sitemap-column small {
  color:#8f7d9b;
  font-size:10px
}
.article-actions+small {
  color:#9d8aa9;
  margin-top:18px;
  display:block
}
@media (width<=1100px) {
  .desktop-nav {
    display:none
  }
  .mobile-menu {
    display:block
  }
  .header-actions {
    margin-left:auto
  }
  .hero-grid {
    grid-template-columns:1fr 420px;
    gap:28px
  }
  .provider-strip,.game-grid,.home-games {
    grid-template-columns:repeat(3,1fr)
  }
  .article-list-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .sitemap-grid {
    grid-template-columns:1fr 1fr
  }
  .sitemap-column.wide {
    grid-row:span 2
  }
  .game-catalog .game-grid {
    grid-template-columns:repeat(4,1fr)
  }
}
@media (width<=850px) {
  .shell {
    width:min(100% - 28px,var(--max))
  }
  .header-inner {
    min-height:66px
  }
  .brand img {
    width:158px
  }
  .header-actions {
    display:flex
  }
  .header-registration {
    display:none
  }
  .hero-grid,.section-heading.split,.security-grid,.article-layout,.provider-hero-grid,.provider-explain,.process-section,.ticket-template {
    grid-template-columns:1fr
  }
  .home-hero {
    padding-top:48px
  }
  .hero-copy h1 {
    font-size:52px
  }
  .hero-panel {
    max-width:620px
  }
  .section {
    padding:66px 0
  }
  .provider-strip {
    grid-template-columns:repeat(2,1fr)
  }
  .game-grid,.home-games,.game-catalog .game-grid {
    grid-template-columns:repeat(3,1fr)
  }
  .article-feature-grid {
    grid-template-columns:1fr 1fr
  }
  .article-card-large {
    grid-column:span 2
  }
  .security-panel {
    min-height:300px
  }
  .article-aside {
    grid-template-columns:1fr 1fr;
    position:static
  }
  .article-aside .aside-warning {
    grid-column:1/-1
  }
  .article-body {
    padding-inline:26px
  }
  .provider-hero-logo {
    grid-row:1;
    max-width:420px
  }
  .principle-grid {
    grid-template-columns:1fr 1fr
  }
  .author-grid {
    grid-template-columns:1fr
  }
  .footer-grid {
    grid-template-columns:1.5fr 1fr 1fr
  }
  .footer-grid nav:last-child {
    grid-column:2/-1
  }
  .footer-note {
    flex-direction:column
  }
  .final-cta {
    flex-direction:column;
    align-items:flex-start
  }
  .comparison-grid {
    grid-template-columns:1fr
  }
  .sitemap-grid {
    grid-template-columns:1fr 1fr
  }
}
@media (width<=600px) {
  body {
    font-size:15px
  }
  .shell {
    width:min(100% - 20px,var(--max))
  }
  .header-inner {
    gap:10px
  }
  .hero-copy h1,.listing-hero h1,.article-hero h1 {
    font-size:39px
  }
  .hero-copy>p,.listing-hero>p,.article-hero>p {
    font-size:16px
  }
  .hero-trust {
    flex-direction:column;
    gap:9px
  }
  .hero-actions .button,.article-actions .button {
    width:100%
  }
  .hero-panel nav a {
    padding-inline:18px
  }
  .hero-panel-foot {
    flex-direction:column
  }
  .section-index {
    flex-wrap:nowrap;
    overflow:auto
  }
  .section-index>* {
    white-space:nowrap
  }
  .section {
    padding:52px 0
  }
  .section-heading h2,.security-copy h2 {
    font-size:34px
  }
  .summary-wrap {
    border-inline:0;
    border-radius:0;
    margin-inline:-10px
  }
  .provider-strip {
    grid-template-columns:1fr 1fr;
    gap:9px
  }
  .provider-logo {
    min-height:145px;
    padding:14px 8px
  }
  .provider-logo img {
    width:125px;
    height:50px
  }
  .game-grid,.home-games,.game-catalog .game-grid {
    grid-template-columns:1fr 1fr;
    gap:9px
  }
  .game-copy {
    padding:11px
  }
  .game-copy h3 {
    font-size:15px
  }
  .game-copy p {
    display:none
  }
  .article-feature-grid,.article-list-grid {
    grid-template-columns:1fr
  }
  .article-card-large {
    grid-column:auto
  }
  .article-card-large h3 {
    font-size:24px
  }
  .security-copy ul {
    grid-template-columns:1fr
  }
  .article-body {
    border-radius:15px;
    padding:5px 19px
  }
  .article-body h2 {
    font-size:26px
  }
  .article-toc {
    margin-inline:-4px;
    padding:16px
  }
  .article-aside,.author-profile-grid {
    grid-template-columns:1fr
  }
  .hero-avatar {
    width:105px;
    height:105px
  }
  .provider-card-top {
    grid-template-columns:1fr
  }
  .provider-card-logo {
    min-height:110px
  }
  .provider-card-actions {
    flex-direction:column;
    align-items:flex-start
  }
  .provider-hero-logo {
    height:150px
  }
  .provider-hero-logo img {
    width:210px
  }
  .principle-grid {
    grid-template-columns:1fr
  }
  .author-card {
    grid-template-columns:64px 1fr;
    gap:14px;
    padding:18px
  }
  .author-avatar.xl {
    width:62px;
    height:62px;
    font-size:16px
  }
  .author-card h2 {
    font-size:23px
  }
  .contact-grid,.do-dont-grid {
    grid-template-columns:1fr
  }
  .ticket-template h2 {
    font-size:34px
  }
  .sitemap-grid {
    grid-template-columns:1fr
  }
  .sitemap-column.wide {
    grid-row:auto
  }
  .footer-grid {
    grid-template-columns:1fr 1fr
  }
  .footer-brand,.footer-grid nav:last-child {
    grid-column:1/-1
  }
  .final-cta {
    margin:45px 10px;
    padding:28px 23px
  }
  .final-cta h2 {
    font-size:27px
  }
  .category-head h2 {
    font-size:28px
  }
  .article-byline>div {
    width:calc(100% - 60px);
    margin-right:0
  }
  .article-byline time {
    margin-left:58px
  }
  .listing-hero,.article-hero {
    padding-top:38px
  }
  .section-index {
    margin-top:10px
  }
}
:root {
  --line:#ffffff1f;
  --text:#fcf9ff;
  --muted:#cbbfd4
}
body {
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  line-height:1.68
}
h1,h2,h3,p,a,strong,span {
  overflow-wrap:break-word
}
h1,h2,h3 {
  text-wrap:balance
}
strong {
  color:#fff;
  font-weight:850
}
.home-hero {
  overflow:hidden
}
.home-hero .hero-grid {
  grid-template-columns:minmax(0,1.05fr) 330px 360px;
  align-items:end;
  gap:24px
}
.hero-copy,.hero-panel,.hero-character {
  min-width:0
}
.hero-copy,.hero-panel {
  z-index:2;
  position:relative
}
.home-hero .hero-copy h1 {
  font-size:clamp(48px,4.4vw,60px)
}
.hero-character {
  z-index:1;
  isolation:isolate;
  background:linear-gradient(150deg,#ffffff14,#0000 30%),radial-gradient(circle at 50% 38%,#ca42ff6b,#0000 31%),linear-gradient(170deg,#4c1767 0%,#261035 52%,#100719 100%);
  border:1px solid #ffffff24;
  border-radius:30px;
  justify-content:center;
  align-items:flex-end;
  height:560px;
  display:flex;
  position:relative;
  overflow:hidden;
  box-shadow:0 30px 80px #06010a6b,inset 0 1px #ffffff14
}
.hero-character:before {
  content:"";
  z-index:-1;
  aspect-ratio:1;
  background:radial-gradient(circle,#b923f247,#55188e12 55%,#0000 72%);
  border:1px solid #e296ff2e;
  border-radius:50%;
  width:130%;
  position:absolute;
  bottom:-8%;
  left:50%;
  transform:translate(-50%);
  box-shadow:0 0 65px #b923f233
}
.hero-character:after {
  content:"";
  z-index:-1;
  background:linear-gradient(135deg,#33e39c29,#b923f217);
  border:1px solid #ffffff21;
  border-radius:22px;
  width:72px;
  height:72px;
  position:absolute;
  top:25px;
  right:25px;
  transform:rotate(13deg)
}
.hero-character img {
  z-index:1;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 26px 34px #05010980);
  transform-origin:bottom;
  width:100%;
  max-width:360px;
  height:560px;
  display:block;
  position:relative;
  transform:translateY(190px)scale(1.55)
}
#summary .task-links,#providers .provider-strip,#games .home-games,#knowledge .article-feature-grid,#reviews .home-review-grid {
  grid-auto-rows:1fr;
  align-items:stretch
}
#summary .task-links>a,#providers .provider-strip>a,#games .home-games>article,#knowledge .article-feature-grid>article,#reviews .home-review-grid>article {
  width:100%;
  height:100%
}
#games .home-games .game-card,#games .home-games .game-copy,#knowledge .article-feature-grid .article-card {
  flex-direction:column;
  display:flex
}
#games .home-games .game-copy,#games .home-games .game-copy p,#knowledge .article-feature-grid .article-card p {
  flex:1
}
#games .home-games .game-card-links,#knowledge .article-feature-grid .article-card>.text-link {
  margin-top:auto
}
.promo-backdrop[hidden] {
  display:none!important
}
.promo-backdrop {
  z-index:2000;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  background:#08020d8f;
  place-items:center;
  padding:18px;
  animation:.22s both promo-fade;
  display:grid;
  position:fixed;
  inset:0
}
.promo-dialog {
  background:radial-gradient(circle at 100% 0,#33e39c26,#0000 34%),linear-gradient(145deg,#3c1552,#1b0c27 72%);
  border:1px solid #ffffff2e;
  border-radius:22px;
  width:min(390px,100%);
  padding:27px;
  animation:.25s both promo-rise;
  position:relative;
  overflow:hidden;
  box-shadow:0 28px 90px #0400089e
}
.promo-dialog:after {
  content:"";
  filter:blur(1px);
  pointer-events:none;
  background:#b923f233;
  border-radius:50%;
  width:180px;
  height:180px;
  position:absolute;
  bottom:-60px;
  right:-45px
}
.promo-close {
  z-index:2;
  color:#fff;
  width:38px;
  height:38px;
  font:inherit;
  cursor:pointer;
  background:#ffffff12;
  border:1px solid #ffffff24;
  border-radius:11px;
  font-size:24px;
  line-height:1;
  position:absolute;
  top:12px;
  right:12px
}
.promo-close:hover,.promo-close:focus-visible {
  outline-offset:2px;
  background:#ffffff21;
  outline:2px solid #33e39c8c
}
.promo-mark {
  color:#fff;
  background:linear-gradient(135deg,#b923f2,#7422bd);
  border-radius:14px;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:17px;
  font-size:20px;
  font-weight:950;
  display:grid;
  box-shadow:0 12px 30px #b923f24d
}
.promo-label {
  color:#d999f4;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900
}
.promo-dialog h2 {
  z-index:1;
  margin:7px 0 10px;
  font-size:31px;
  line-height:1.05;
  position:relative
}
.promo-dialog p {
  z-index:1;
  color:var(--muted);
  margin:0 0 19px;
  font-size:14px;
  line-height:1.55;
  position:relative
}
.promo-action {
  z-index:1;
  justify-content:center;
  min-width:145px;
  position:relative
}
.promo-dialog small {
  z-index:1;
  color:#9f8cac;
  margin-top:13px;
  font-size:10px;
  display:block;
  position:relative
}
@keyframes promo-fade {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes promo-rise {
  0% {
    opacity:0;
    transform:translateY(12px)scale(.97)
  }
  to {
    opacity:1;
    transform:translateY(0)scale(1)
  }
}
.telegram-header {
  background:linear-gradient(135deg,#2aadeb,#218fd2);
  border:0;
  border-radius:12px;
  flex:none;
  justify-content:center;
  align-items:center;
  gap:6px;
  min-width:44px;
  height:40px;
  padding:0 7px;
  transition:transform .2s,filter .2s;
  display:inline-flex;
  box-shadow:0 9px 24px #1487be38
}
.telegram-header:hover,.telegram-header:focus-visible {
  filter:brightness(1.08);
  transform:translateY(-2px)
}
.telegram-header:focus-visible {
  outline-offset:2px;
  outline:3px solid #33e39c61
}
.telegram-header img {
  object-fit:cover;
  border-radius:9px;
  width:27px;
  height:27px;
  display:block
}
.telegram-header-label {
  color:#fff;
  font-size:13px;
  font-weight:850;
  line-height:1;
  display:none
}
.game-image {
  width:100%;
  display:block
}
.task-links {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
  display:grid
}
.task-links>a {
  border:1px solid var(--line);
  background:linear-gradient(145deg,#b923f217,#ffffff09);
  border-radius:15px;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:148px;
  padding:20px;
  transition:all .2s;
  display:flex
}
.task-links>a:hover {
  border-color:#33e39c8c;
  transform:translateY(-2px)
}
.task-links span {
  color:#db99f5;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900
}
.task-links strong {
  margin-top:7px;
  font-size:18px;
  line-height:1.2
}
.task-links small {
  color:var(--muted);
  margin-top:7px;
  font-size:13px;
  line-height:1.45
}
.intent-links {
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:16px;
  display:flex
}
.intent-links>span {
  color:var(--muted);
  font-size:12px
}
.intent-links a {
  border:1px solid var(--line);
  background:#ffffff0b;
  border-radius:10px;
  padding:8px 11px;
  font-size:12px;
  font-weight:800
}
.intent-links a:hover {
  color:var(--green);
  border-color:#33e39c80
}
.game-card-links,.provider-hero-actions {
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:18px;
  display:flex
}
.game-card-links a {
  align-items:center;
  min-height:34px;
  display:inline-flex
}
.game-card-links a:first-child {
  background:var(--green);
  color:#082319;
  border-radius:9px;
  padding:0 12px
}
.game-card-links a:last-child {
  color:#ddcbe7
}
.provider-reading-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  display:grid
}
.provider-reading-grid article,.provider-mobile-note,.catalog-editorial>article,.catalog-editorial>div {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  min-width:0;
  padding:28px
}
.provider-reading-grid h2,.provider-mobile-note h2,.catalog-editorial h2 {
  margin:8px 0 15px;
  font-size:clamp(25px,3vw,38px);
  line-height:1.15
}
.provider-reading-grid p,.provider-mobile-note p,.provider-editorial-text p,.catalog-editorial p {
  color:var(--muted)
}
.provider-reading-grid ul,.feature-checklist {
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid
}
.provider-reading-grid li,.feature-checklist>div {
  background:#ffffff0d;
  border-radius:11px;
  align-items:flex-start;
  gap:11px;
  padding:12px 14px;
  display:flex
}
.provider-reading-grid li:before {
  content:"✓";
  color:var(--green);
  font-weight:950
}
.provider-mobile-note {
  background:linear-gradient(135deg, #b923f226, var(--card));
  margin-top:18px
}
.provider-editorial-text {
  max-width:920px
}
.catalog-editorial {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
  display:grid
}
.catalog-editorial>article:first-child,.catalog-editorial>div:first-child {
  background:linear-gradient(140deg,#3e1e50,#29163a);
  grid-column:1/-1
}
.game-detail-hero {
  background:radial-gradient(circle at 78% 5%,#b923f238,#0000 38%),#1a0d25;
  padding:55px 0 48px
}
.game-detail-hero-grid {
  grid-template-columns:minmax(340px,520px) minmax(0,1fr);
  align-items:center;
  gap:50px;
  margin-top:34px;
  display:grid
}
.game-detail-cover {
  aspect-ratio:287/193;
  background:#321844;
  border:1px solid #ffffff29;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  box-shadow:0 28px 70px #0401086b
}
.game-detail-cover img {
  object-fit:cover
}
.game-detail-intro h1 {
  letter-spacing:-.05em;
  margin:15px 0 18px;
  font-size:clamp(42px,5.2vw,70px);
  line-height:1
}
.game-detail-intro>p {
  color:var(--muted);
  font-size:18px
}
.game-detail-actions {
  flex-wrap:wrap;
  gap:12px;
  margin:26px 0;
  display:flex
}
.version-alert {
  border-left:3px solid var(--green);
  background:#33e39c12;
  border-radius:0 12px 12px 0;
  padding:15px 17px;
  font-size:14px!important
}
.game-spec-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:24px;
  display:grid
}
.game-spec-grid>div {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  gap:4px;
  min-width:0;
  padding:18px;
  display:grid
}
.game-spec-grid span {
  color:#d5c5df;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:850
}
.game-spec-grid strong {
  font-size:17px;
  line-height:1.25
}
.game-toc {
  border:1px solid var(--line);
  background:#21112e;
  border-radius:15px;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  padding:16px 18px;
  display:flex
}
.game-toc strong {
  margin-right:5px
}
.game-toc a {
  background:#ffffff0f;
  border-radius:9px;
  padding:7px 11px;
  font-size:13px
}
.game-toc a:hover {
  background:var(--purple2)
}
.game-longread {
  border:1px solid var(--line);
  background:#1f102c;
  border-radius:22px;
  max-width:940px;
  margin-inline:auto;
  padding:8px 42px
}
.game-longread>section {
  border-bottom:1px solid var(--line);
  padding:42px 0;
  scroll-margin-top:96px
}
.game-longread>section:last-child {
  border-bottom:0
}
.game-longread h2 {
  letter-spacing:-.025em;
  margin:8px 0 20px;
  font-size:clamp(28px,3.4vw,39px);
  line-height:1.14
}
.game-longread p {
  color:var(--muted);
  font-size:16.5px
}
.feature-checklist {
  grid-template-columns:1fr 1fr
}
.feature-checklist span {
  color:var(--green);
  font-weight:950
}
.feature-checklist strong {
  font-size:14px
}
.game-bottom-cta {
  background:linear-gradient(115deg,#9f18dd,#c44dff);
  border-radius:21px;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  margin-top:28px;
  padding:30px 34px;
  display:flex
}
.game-bottom-cta h2 {
  margin:7px 0;
  font-size:32px;
  line-height:1.1
}
.game-bottom-cta p {
  color:#321041;
  margin:0
}
.home-review-grid,.review-criteria-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  display:grid
}
.home-review-grid article,.review-criteria-grid article {
  border:1px solid var(--line);
  background:linear-gradient(145deg,#b923f21c,#ffffff09);
  border-radius:17px;
  min-width:0;
  padding:24px
}
.home-review-grid article>span,.review-criteria-grid article>span {
  color:var(--green);
  font-size:11px;
  font-weight:950
}
.home-review-grid h3,.review-criteria-grid h3 {
  margin:10px 0 9px;
  font-size:21px;
  line-height:1.2
}
.home-review-grid p,.review-criteria-grid p {
  color:var(--muted);
  margin:0;
  font-size:14px
}
.home-player-review {
  flex-direction:column;
  display:flex
}
.home-review-head,.review-card-head {
  align-items:center;
  gap:12px;
  display:flex
}
.home-review-head>div:nth-child(2),.review-card-head>div:nth-child(2) {
  min-width:0
}
.home-review-head h3,.review-card-head h3 {
  margin:0;
  font-size:18px
}
.home-review-head span {
  color:var(--muted);
  margin-top:2px;
  font-size:12px;
  display:block
}
.review-avatar {
  background:linear-gradient(135deg, var(--purple), #592097);
  color:#fff;
  border-radius:50%;
  flex:none;
  place-items:center;
  width:43px;
  height:43px;
  font-size:12px;
  font-weight:950;
  display:grid
}
.home-stars {
  color:#ffc857;
  letter-spacing:.08em;
  margin:15px 0 10px;
  font-size:14px
}
.home-stars b {
  color:#f5edf9;
  letter-spacing:0;
  margin-left:5px;
  font-size:12px
}
.home-player-review>p {
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  flex:1;
  line-height:1.55;
  display:-webkit-box;
  overflow:hidden
}
.home-player-review .text-link {
  margin-top:16px
}
.review-home-note {
  background:#33e39c12;
  border:1px solid #33e39c40;
  border-radius:17px;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:16px;
  padding:24px 26px;
  display:flex
}
.review-home-note strong {
  font-size:20px
}
.review-home-note p {
  color:var(--muted);
  margin:4px 0 0
}
.reviews-hero {
  background:radial-gradient(circle at 82% 10%,#33e39c1c,#0000 26%),radial-gradient(circle at 20% 0,#b923f233,#0000 38%),#1a0d25;
  padding:58px 0 52px
}
.reviews-hero-grid {
  grid-template-columns:minmax(0,1fr) 390px;
  align-items:center;
  gap:52px;
  margin-top:36px;
  display:grid
}
.reviews-hero h1 {
  letter-spacing:-.05em;
  max-width:920px;
  margin:13px 0 21px;
  font-size:clamp(42px,5.2vw,70px);
  line-height:1.01
}
.reviews-hero-grid>div>p {
  max-width:850px;
  color:var(--muted);
  font-size:18px
}
.rating-status {
  background:linear-gradient(150deg,#33e39c1f,#2a173b 58%);
  border:1px solid #33e39c4d;
  border-radius:22px;
  padding:30px
}
.rating-status>span {
  color:var(--green);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900
}
.rating-status>strong {
  margin-top:10px;
  font-size:31px;
  line-height:1.1;
  display:block
}
.rating-status p {
  color:var(--muted)
}
.rating-status small {
  border-top:1px solid var(--line);
  color:#ab9ab6;
  padding-top:16px;
  display:block
}
.review-score {
  align-items:center;
  gap:18px;
  margin:12px 0 18px;
  display:flex
}
.review-score>strong {
  font-size:58px;
  line-height:1
}
.review-score>div {
  gap:1px;
  display:grid
}
.review-score small {
  border:0;
  padding:0
}
.rating-status dl {
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:0;
  display:grid
}
.rating-status dl>div {
  background:#ffffff0e;
  border-radius:10px;
  padding:11px 12px
}
.rating-status dt {
  color:var(--muted);
  font-size:11px
}
.rating-status dd {
  color:#fff;
  margin:3px 0 0;
  font-size:18px;
  font-weight:900
}
.reviews-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  display:grid
}
.player-review-card {
  border:1px solid var(--line);
  background:linear-gradient(145deg, #b923f217, var(--card));
  border-radius:18px;
  min-width:0;
  padding:23px;
  scroll-margin-top:90px
}
.review-card-head {
  margin-bottom:14px
}
.review-card-head h3 {
  overflow-wrap:anywhere
}
.review-card-head p {
  color:var(--muted);
  margin:3px 0 0;
  font-size:12px
}
.review-number {
  color:#9d86aa;
  align-self:flex-start;
  margin-left:auto;
  font-size:11px;
  font-weight:900
}
.review-stars {
  color:#7e6b88;
  align-items:center;
  gap:2px;
  font-size:16px;
  display:inline-flex
}
.review-stars .filled {
  color:#ffc857
}
.review-stars b {
  color:#fff;
  margin-left:7px;
  font-size:12px
}
.player-review-card blockquote {
  color:#cec0d7;
  margin:15px 0 0;
  font-size:14px;
  line-height:1.62
}
.review-criteria-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.reviews-editorial {
  grid-template-columns:.7fr 1.3fr;
  gap:58px;
  display:grid
}
.reviews-editorial h2,.rating-method-grid h2,.review-submit-grid h2,.reviews-longread h2 {
  letter-spacing:-.035em;
  margin:10px 0 18px;
  font-size:clamp(31px,4vw,49px);
  line-height:1.08
}
.review-process {
  gap:12px;
  display:grid
}
.review-process article {
  border:1px solid var(--line);
  background:var(--card);
  border-radius:14px;
  grid-template-columns:40px 1fr;
  gap:17px;
  padding:19px;
  display:grid
}
.review-process b {
  color:var(--green);
  font-size:12px
}
.review-process h3 {
  margin:0 0 5px;
  font-size:18px
}
.review-process p,.rating-method-grid p,.review-submit-grid p,.reviews-longread p {
  color:var(--muted);
  margin-top:0
}
.rating-method-grid,.review-submit-grid {
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  align-items:start;
  gap:42px;
  display:grid
}
.rating-method-grid aside,.review-template {
  border:1px solid var(--line);
  background:var(--card);
  border-radius:18px;
  padding:27px
}
.rating-method-grid aside>strong,.review-template>strong {
  font-size:21px
}
.rating-method-grid ul {
  color:var(--muted);
  padding-left:20px
}
.review-template {
  background:#12081b;
  gap:7px;
  display:grid
}
.review-template p {
  border-bottom:1px solid var(--line);
  margin:0;
  padding:9px 0;
  font-size:14px
}
.review-template small {
  color:#a893b5;
  margin-top:8px
}
.reviews-longread {
  max-width:940px
}
.reviews-longread p {
  font-size:16.5px
}
@media (width<=850px) {
  .header-inner {
    gap:8px
  }
  .task-links {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .header-actions {
    gap:8px;
    margin-left:auto;
    display:flex
  }
  .header-registration {
    display:none
  }
  .header-login {
    min-height:40px;
    padding:0 16px
  }
  .telegram-header {
    min-width:100px;
    padding-inline:10px
  }
  .telegram-header-label {
    display:inline
  }
  .game-detail-hero-grid,.provider-reading-grid,.catalog-editorial,.reviews-hero-grid,.reviews-editorial,.rating-method-grid,.review-submit-grid {
    grid-template-columns:1fr
  }
  .home-review-grid,.review-criteria-grid,.reviews-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .catalog-editorial>article:first-child,.catalog-editorial>div:first-child {
    grid-column:auto
  }
  .game-detail-cover {
    max-width:620px
  }
  .game-spec-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media (width<=600px) {
  .task-links {
    grid-template-columns:1fr
  }
  .task-links>a {
    min-height:0
  }
  .header-inner,.header-actions {
    gap:6px
  }
  .brand img {
    width:120px
  }
  .header-login {
    min-height:38px;
    padding:0 12px;
    font-size:13px
  }
  .telegram-header {
    border-radius:12px;
    min-width:92px;
    height:38px;
    padding:0 8px
  }
  .telegram-header img {
    border-radius:7px;
    width:22px;
    height:22px
  }
  .telegram-header-label {
    font-size:12px
  }
  .mobile-menu summary {
    width:40px;
    height:40px
  }
  .game-grid,.home-games,.game-catalog .game-grid {
    grid-template-columns:1fr;
    gap:12px
  }
  .game-copy {
    padding:15px
  }
  .game-copy h3 {
    font-size:18px
  }
  .game-copy p {
    font-size:13px;
    display:block
  }
  .game-card-links {
    gap:9px
  }
  .game-card-links a {
    font-size:12px
  }
  .game-detail-hero {
    padding-top:38px
  }
  .game-detail-hero-grid {
    gap:26px
  }
  .game-detail-intro h1 {
    font-size:39px
  }
  .game-detail-intro>p {
    font-size:16px
  }
  .game-detail-actions .button {
    width:100%
  }
  .game-spec-grid {
    grid-template-columns:1fr
  }
  .game-longread {
    border-radius:16px;
    padding:5px 18px
  }
  .game-longread>section {
    padding:32px 0
  }
  .game-longread p {
    font-size:15px
  }
  .feature-checklist {
    grid-template-columns:1fr
  }
  .game-bottom-cta {
    flex-direction:column;
    align-items:flex-start;
    padding:27px 22px
  }
  .game-bottom-cta .button {
    width:100%
  }
  .provider-reading-grid article,.provider-mobile-note,.catalog-editorial>article,.catalog-editorial>div {
    padding:22px
  }
  .home-review-grid,.review-criteria-grid,.reviews-grid {
    grid-template-columns:1fr
  }
  .home-review-grid article,.review-criteria-grid article {
    padding:21px
  }
  .review-home-note {
    flex-direction:column;
    align-items:flex-start;
    padding:22px
  }
  .review-home-note .button {
    width:100%
  }
  .reviews-hero {
    padding-top:38px
  }
  .reviews-hero h1 {
    font-size:39px
  }
  .reviews-hero-grid {
    gap:28px
  }
  .rating-status,.rating-method-grid aside,.review-template {
    padding:22px
  }
  .player-review-card {
    padding:20px
  }
  .review-score>strong {
    font-size:50px
  }
  .review-process article {
    grid-template-columns:30px 1fr;
    padding:16px
  }
  .reviews-longread p {
    font-size:15px
  }
}
@media (width<=360px) {
  .header-inner,.header-actions {
    gap:4px
  }
  .brand img {
    width:88px
  }
  .telegram-header {
    gap:4px;
    min-width:82px;
    height:36px;
    padding-inline:6px
  }
  .telegram-header-label {
    font-size:11px
  }
  .header-login {
    min-height:36px;
    padding-inline:9px;
    font-size:12px
  }
  .mobile-menu summary {
    width:36px;
    height:36px
  }
}
@media (width<=1100px) {
  .home-hero .hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(230px,310px);
    gap:26px
  }
  .home-hero .hero-copy {
    grid-area:1/1
  }
  .home-hero .hero-character {
    border-radius:26px;
    grid-area:1/2;
    height:455px
  }
  .home-hero .hero-character img {
    height:455px;
    transform:translateY(135px)scale(1.45)
  }
  .home-hero .hero-panel {
    grid-area:2/1/auto/-1;
    width:100%;
    max-width:none
  }
  #providers .provider-strip {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  #games .home-games {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media (width<=720px) {
  .home-hero .hero-copy h1 {
    font-size:clamp(42px,8vw,54px)
  }
  .home-hero .hero-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .home-hero .hero-copy,.home-hero .hero-character,.home-hero .hero-panel {
    grid-column:1
  }
  .home-hero .hero-copy {
    grid-row:1
  }
  .home-hero .hero-character {
    border-radius:24px;
    grid-row:2;
    width:100%;
    height:280px;
    margin:0
  }
  .home-hero .hero-character:before {
    width:78%;
    bottom:-82%;
    left:72%
  }
  .home-hero .hero-character:after {
    border-radius:18px;
    width:58px;
    height:58px;
    top:22px;
    left:24px;
    right:auto
  }
  .home-hero .hero-character img {
    transform-origin:top;
    width:380px;
    max-width:none;
    height:520px;
    position:absolute;
    top:-20px;
    bottom:auto;
    right:1%;
    transform:none
  }
  .home-hero .hero-panel {
    grid-row:3
  }
  #games .home-games {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media (width<=600px) {
  .home-hero .hero-copy h1 {
    font-size:39px
  }
  .home-hero .hero-character {
    border-radius:20px;
    width:100%;
    height:250px
  }
  .home-hero .hero-character img {
    width:330px;
    height:470px;
    top:-12px;
    bottom:auto;
    right:-3%;
    transform:none
  }
  #providers .provider-strip,#games .home-games {
    grid-template-columns:1fr
  }
  .promo-backdrop {
    padding:12px
  }
  .promo-dialog {
    border-radius:18px;
    width:min(360px,100%);
    padding:23px
  }
  .promo-mark {
    width:44px;
    height:44px;
    margin-bottom:14px
  }
  .promo-dialog h2 {
    max-width:250px;
    font-size:28px
  }
  .promo-action {
    width:100%
  }
}
@media (prefers-reduced-motion:reduce) {
  .promo-backdrop,.promo-dialog {
    animation:none
  }
}