:root{--lp-a:#ff4fd8;--lp-b:#ff91ea;--lp-c:#562c5b;}

/* NEXUS 2.0 — Part 11 generated override */
/* Domain: www.salongoahead.net */
/* Landing palette: midnight-rose | Feature palette: electric-mint */

:root {
  --n2-bg: #140b16;
  --n2-surface: #231027;
  --n2-surface-2: #32173a;
  --n2-card: #2e1c32;
  --n2-card-2: #422a4a;
  --n2-text: #fff2fb;
  --n2-muted: #d0a9c7;
  --n2-line: #562c5b;
  --n2-accent: #ff4fd8;
  --n2-accent-2: #ff91ea;
  --n2-accent-soft: #612259;
  --n2-shadow: rgba(0,0,0,.35);
  --n2-overlay: rgba(8,12,18,.78);

  --n2-feature-bg: #071712;
  --n2-feature-surface: #0e241d;
  --n2-feature-surface-2: #163229;
  --n2-feature-card: #1c312b;
  --n2-feature-card-2: #29423a;
  --n2-feature-text: #f2fff8;
  --n2-feature-muted: #a7d9c4;
  --n2-feature-line: #275848;
  --n2-feature-accent: #16f2b3;
  --n2-feature-accent-2: #70ffd4;
  --n2-feature-accent-soft: #105541;
  --n2-feature-glow: rgba(22,242,179,.38);
  --n2-feature-shadow: rgba(0,0,0,.40);
  --n2-feature-overlay: rgba(10,10,16,.72);
}

html, body {
  color: var(--n2-text);
}

a {
  color: var(--n2-accent);
}

a:hover {
  color: var(--n2-accent-2);
}

.n2-breadcrumb {
  width: min(1180px, calc(100% - 28px));
  margin: 16px auto 0;
  color: var(--n2-muted);
  font-size: 13px;
}
.n2-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.n2-breadcrumb li { display: flex; align-items: center; gap: 6px; }
.n2-breadcrumb li:not(:last-child)::after { content: "/"; color: var(--n2-line); }
.n2-breadcrumb a { color: var(--n2-accent-2); text-decoration: none; }
.n2-breadcrumb [aria-current="page"] { color: var(--n2-text); }

/* ===== Review ===== */
.n2-review {
  background: linear-gradient(180deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  padding: 20px;
  color: var(--n2-text);
  box-shadow: 0 10px 30px var(--n2-shadow);
}
.n2-review .n2-review-title,
.n2-review h2,
.n2-review h3 {
  color: var(--n2-accent-2);
}
.n2-review-card {
  background: linear-gradient(180deg, var(--n2-card), var(--n2-card-2));
  border: 1px solid var(--n2-line);
  border-radius: 16px;
  padding: 16px;
  margin: 14px 0;
}
.n2-review-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--n2-accent-soft);
  color: var(--n2-text);
  border: 1px solid var(--n2-line);
  font-weight: 700;
}

/* ===== FAQ ===== */
.n2-faq {
  background: linear-gradient(180deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  padding: 18px;
  color: var(--n2-text);
  box-shadow: 0 10px 30px var(--n2-shadow);
}
.n2-faq details {
  background: var(--n2-card);
  border: 1px solid var(--n2-line);
  border-radius: 14px;
  padding: 0;
  margin: 12px 0;
  overflow: hidden;
}
.n2-faq summary {
  list-style: none;
  cursor: pointer;
  padding: 15px 18px;
  font-weight: 700;
  color: var(--n2-accent-2);
  position: relative;
}
.n2-faq summary::-webkit-details-marker { display: none; }
.n2-faq summary::after {
  content: '+';
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  line-height: 1;
  color: var(--n2-accent);
}
.n2-faq details[open] summary::after { content: '−'; }
.n2-faq .n2-faq-answer,
.n2-faq .faq-answer,
.n2-faq details > div {
  padding: 0 18px 16px 18px;
  color: var(--n2-text);
  opacity: .96;
}

/* ===== Generic Feature Shell ===== */
[data-n2-feature],
.n2-feature-block,
.n2-feature-surface,
.n2-live-wins,
.n2-hot-hours,
.n2-trend-matrix,
.n2-provider-ranking,
.n2-lucky-calendar,
.n2-game-selector,
.n2-rtp-dashboard {
  background: linear-gradient(180deg, var(--n2-feature-surface), var(--n2-feature-card));
  border: 1px solid var(--n2-feature-line);
  color: var(--n2-feature-text);
  border-radius: 18px;
  box-shadow: 0 14px 34px var(--n2-feature-shadow), 0 0 0 1px rgba(255,255,255,.02) inset;
}

[data-n2-feature] .n2-feature-head,
.n2-feature-title,
.n2-live-wins h2,
.n2-hot-hours h2,
.n2-trend-matrix h2,
.n2-provider-ranking h2,
.n2-lucky-calendar h2,
.n2-game-selector h2,
.n2-rtp-dashboard h2 {
  color: var(--n2-feature-accent-2);
}

[data-n2-feature] .badge,
.n2-feature-badge,
.n2-live-badge,
.n2-jackpot-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--n2-feature-accent-soft);
  border: 1px solid var(--n2-feature-line);
  color: var(--n2-feature-text);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 24px var(--n2-feature-glow);
}

[data-n2-feature] .card,
[data-n2-feature] .item,
[data-n2-feature] .row,
.n2-feature-card,
.n2-live-card,
.n2-provider-card,
.n2-game-card,
.n2-jackpot-card {
  background: linear-gradient(180deg, var(--n2-feature-card), var(--n2-feature-card-2));
  border: 1px solid var(--n2-feature-line);
  border-radius: 14px;
}

[data-n2-feature] .btn,
.n2-feature-btn,
.n2-feature-button,
.n2-live-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--n2-feature-accent), var(--n2-feature-accent-2));
  color: #081119 !important;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 10px 24px var(--n2-feature-glow);
}

[data-n2-feature] table,
[data-n2-feature] .table {
  width: 100%;
  border-collapse: collapse;
}
[data-n2-feature] th,
[data-n2-feature] td {
  border-bottom: 1px solid var(--n2-feature-line);
  padding: 10px 12px;
}
[data-n2-feature] th {
  color: var(--n2-feature-accent-2);
  background: rgba(255,255,255,.02);
}

/* progress */
[data-n2-feature] .progress,
.n2-feature-progress {
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  overflow: hidden;
}
[data-n2-feature] .progress > span,
.n2-feature-progress > span,
.n2-feature-progress-bar {
  display: block;
  min-height: 8px;
  background: linear-gradient(90deg, var(--n2-feature-accent), var(--n2-feature-accent-2));
  box-shadow: 0 0 18px var(--n2-feature-glow);
}

/* small utilities */
.n2-text-muted { color: var(--n2-muted) !important; }
.n2-feature-muted { color: var(--n2-feature-muted) !important; }
.n2-border-line { border-color: var(--n2-line) !important; }
.n2-feature-border { border-color: var(--n2-feature-line) !important; }

/* ===== LANDING THEME OVERRIDES (loaded last by P13) ===== */
html body { background-color: var(--n2-bg) !important; color: var(--n2-text); }
body :is(header, nav, .navbar, .site-header, .main-header) { border-color: var(--n2-line); }
body :is(.navbar, .site-header, .main-header, .page-wrapper, .main-wrapper) { background-color: var(--n2-bg); }
body :is(.card, .panel, .box, .content-box):not(.n2f-shell):not([data-n2-feature]) { border-color: var(--n2-line); }
body :is(a:not(.btn), .nav-link):hover { color: var(--n2-accent-2); }
body :is(.btn-primary, button.primary, .button-primary) { background-color: var(--n2-accent) !important; border-color: var(--n2-accent) !important; }

/* ===== Article editorial treatment ===== */
.n2-article { box-sizing:border-box; max-width:100%; margin:28px auto; padding:clamp(18px,3.2vw,34px); border:1px solid var(--n2-line); border-radius:20px; background:linear-gradient(150deg,var(--n2-surface),var(--n2-card)); box-shadow:0 16px 40px var(--n2-shadow); color:var(--n2-text); font-size:clamp(15px,1.15vw,17px); line-height:1.85; overflow-wrap:anywhere; display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); gap:18px; align-items:start; }
.n2-article:has(.seo-grid) { display:block; }
.n2-article .seo-grid { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); gap:18px; }
.n2-article aside, .n2-article .seo-toc { background:var(--n2-surface-2); border:1px solid var(--n2-line); border-radius:14px; padding:14px 16px; position:sticky; top:12px; }
.n2-article aside h2, .n2-article .seo-toc h2 { margin-top:0; font-size:16px; border:0; padding:0; }
.n2-article aside ol, .n2-article aside ul, .n2-article .seo-toc ul { margin:0; padding-inline-start:1.15em; color:var(--n2-muted); }
.n2-article .n2-callout, .n2-article blockquote { margin:1.25em 0; padding:14px 16px; border-radius:12px; border:1px solid var(--n2-line); background:color-mix(in srgb,var(--n2-accent) 12%, var(--n2-surface-2)); }
.n2-article .n2-table-wrap { overflow-x:auto; margin:0 0 1.25em; }
.n2-article :is(h1,h2,h3,h4) { color:var(--n2-text) !important; font-weight:800; line-height:1.35; letter-spacing:-.015em; margin:1.65em 0 .65em; overflow-wrap:break-word; }
.n2-article :is(h1,h2) { border-bottom:1px solid var(--n2-line); padding-bottom:.55em; }
.n2-article h1 { font-size:clamp(24px,3vw,34px); margin-top:0; }
.n2-article h2 { font-size:clamp(21px,2.4vw,28px); }
.n2-article h3 { font-size:clamp(18px,2vw,23px); color:var(--n2-accent-2) !important; }
.n2-article p { margin:0 0 1.25em; line-height:1.85; color:var(--n2-text); }
.n2-article :is(ul,ol) { padding-inline-start:1.6em; margin:0 0 1.35em; }
.n2-article li { margin:.42em 0; padding-inline-start:.2em; }
.n2-article li::marker { color:var(--n2-accent); }
.n2-article a { color:var(--n2-accent-2) !important; text-decoration:underline; text-underline-offset:3px; }
.n2-article :is(table,.table) { display:table; width:100%; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:20px 0; }
.n2-article :is(th,td) { border:1px solid var(--n2-line); padding:12px 14px; vertical-align:top; }
.n2-article th { background:var(--n2-surface-2); color:var(--n2-accent-2); text-align:start; }
.n2-article tr:nth-child(even) td { background:var(--n2-surface-2); }
.n2-article img { max-width:100%; height:auto; border-radius:12px; }
.n2-article :is(pre,code) { max-width:100%; overflow-x:auto; }
@media(max-width:860px) { .n2-article, .n2-article .seo-grid { grid-template-columns:1fr; } .n2-article aside { position:static; } }
@media(max-width:640px) { .n2-article { border-radius:14px; padding:16px; margin:16px 0; font-size:15px; line-height:1.75; } .n2-article :is(th,td) { padding:9px; } }

/* domain marker */
body[data-n2-domain="www-salongoahead-net"] {
  --n2-domain-ready: 1;
}


/* NEXUS Part 11 V5: editorial landing article layout */
html, body {
  background-color: var(--n2-bg) !important;
  color: var(--n2-text);
}
body {
  background-attachment: fixed;
}
.n2-article {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: clamp(18px, 3vw, 32px);
  margin: 24px auto;
  color: var(--n2-text);
  background: linear-gradient(160deg, var(--n2-surface), var(--n2-card));
  border: 1px solid var(--n2-line);
  border-radius: 18px;
  box-shadow: 0 12px 30px var(--n2-shadow);
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.85;
  overflow-wrap: anywhere;
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.n2-article:has(.seo-grid) { display: block; }
.n2-article .seo-grid {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 18px;
}
.n2-article *, .n2-article *::before, .n2-article *::after { box-sizing: border-box; }
.n2-article aside, .n2-article .seo-toc {
  background: var(--n2-surface-2);
  border: 1px solid var(--n2-line);
  border-radius: 14px;
  padding: 14px 16px;
  position: sticky;
  top: 12px;
}
.n2-article aside h2, .n2-article .seo-toc h2 {
  margin-top: 0;
  font-size: 16px;
  border: 0;
  padding-bottom: 0;
}
.n2-article :is(h1,h2,h3,h4) {
  color: var(--n2-accent-2);
  line-height: 1.4;
  letter-spacing: normal;
  margin: 1.5em 0 0.65em;
  font-weight: 800;
}
.n2-article :is(h1,h2,h3,h4):first-child { margin-top: 0; }
.n2-article h1 { font-size: clamp(23px, 2.2vw, 32px); }
.n2-article h2 { font-size: clamp(21px, 1.9vw, 28px); padding-bottom: .45em; border-bottom: 1px solid var(--n2-line); }
.n2-article h3 { font-size: clamp(18px, 1.5vw, 23px); }
.n2-article h4 { font-size: 17px; }
.n2-article p { margin: 0 0 1.25em; color: var(--n2-text); }
.n2-article :is(ul,ol) { padding-inline-start: 1.6em; margin: 0 0 1.25em; }
.n2-article li { padding-inline-start: .2em; margin-bottom: .5em; }
.n2-article li::marker { color: var(--n2-accent); }
.n2-article a { color: var(--n2-accent-2); text-decoration: underline; text-underline-offset: 3px; }
.n2-article a:hover { color: var(--n2-text); }
.n2-article strong, .n2-article b { color: var(--n2-text); font-weight: 750; }
.n2-article .n2-callout, .n2-article blockquote {
  margin: 1.25em 0;
  padding: 14px 16px;
  border: 1px solid var(--n2-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--n2-accent) 12%, var(--n2-surface-2));
}
.n2-article table { display: table; width: 100%; border-collapse: collapse; margin: 1.25em 0; }
.n2-article :is(th,td) { padding: 11px 13px; border: 1px solid var(--n2-line); vertical-align: top; }
.n2-article th { color: var(--n2-accent-2); background: var(--n2-surface-2); text-align: start; }
.n2-article tr:nth-child(even) td { background: var(--n2-surface-2); }
.n2-article img { display: block; height: auto; max-width: 100%; margin: 16px auto; border-radius: 12px; }
.n2-article :is(iframe,video) { max-width: 100%; }
.n2-article hr { border: 0; border-top: 1px solid var(--n2-line); margin: 24px 0; }
@media (max-width: 860px) {
  .n2-article, .n2-article .seo-grid { grid-template-columns: 1fr; }
  .n2-article aside, .n2-article .seo-toc { position: static; }
}
@media (max-width: 768px) {
  .n2-article { margin: 16px auto; padding: 16px; border-radius: 14px; font-size: 15px; line-height: 1.8; }
  .n2-article :is(th,td) { padding: 9px 10px; }
}


/* NEXUS-P11-V4: explicit website-wide recoloring */
:root {
 --background:var(--n2-bg);--background-color:var(--n2-bg);
 --bg:var(--n2-bg);--bg-color:var(--n2-bg);
 --primary:var(--n2-accent);--primary-color:var(--n2-accent);
 --secondary:var(--n2-accent-2);--secondary-color:var(--n2-accent-2);
 --accent:var(--n2-accent);--accent-color:var(--n2-accent);
 --theme-color:var(--n2-accent);--brand-color:var(--n2-accent);
 --border-color:var(--n2-line);--card-bg:var(--n2-card);
 --surface:var(--n2-surface);--surface-color:var(--n2-surface);
 --text-color:var(--n2-text);--muted-color:var(--n2-muted);
 --color-primary:var(--n2-accent);--color-secondary:var(--n2-accent-2);
}
html {background-color:var(--n2-bg) !important;}
body {background:radial-gradient(ellipse at 50% -10%,var(--n2-surface-2),transparent 56%),linear-gradient(180deg,var(--n2-bg),var(--n2-surface)) !important;
 color:var(--n2-text) !important;}
header,.header,.site-header,.main-header,.topbar,.top-bar,.nav-wrap,.navbar,.main-nav,
nav:not(.n2f-shell nav),.header-container {
 background-color:var(--n2-surface) !important;
 border-color:var(--n2-line) !important;
 color:var(--n2-text) !important;
}
header a,.header a,.site-header a,.navbar a,.main-nav a,nav a {color:var(--n2-text) !important;}
header a:hover,.header a:hover,.navbar a:hover,nav a:hover {color:var(--n2-accent-2) !important;}
main,.main-content,.page-container,.page-content,.content-wrapper,.container-main,
section.hero,.hero-section,.banner-section,.content-section,.article-section,
.article-container,.content-card,.review-section,.faq-section,
.sidebar,.widget,.info-panel,.panel,.card:not(.n2f-shell .card) {
 border-color:var(--n2-line);
 color:var(--n2-text);
}
section.hero,.hero-section,.banner-section {background-color:var(--n2-surface) !important;}
.article-container,.content-card,.content-section,.article-section,.sidebar,.widget,
.info-panel,.panel,.review-section,.faq-section {background-color:var(--n2-surface) !important;}
section:not([data-n2-feature]) h1,section:not([data-n2-feature]) h2,
article h1,article h2,.section-title,.heading-title {color:var(--n2-accent-2) !important;}
.cta,.cta-btn,.cta-button,.btn-primary,.button-primary,.register-btn,.register-button,
.btn-register,.button-register,a[href*="register"].btn,a[href*="daftar"].btn {
 background:linear-gradient(130deg,var(--n2-accent),var(--n2-accent-2)) !important;
 color:var(--n2-bg) !important;
 border-color:var(--n2-accent) !important;
}
.btn-secondary,.button-secondary,.login-btn,.btn-login,.button-login {
 background:var(--n2-surface-2) !important;
 border-color:var(--n2-accent) !important;
 color:var(--n2-text) !important;
}
.keyword-box,.keywords,.keyword-strip,.marquee,.announcement,
.stats-box,.info-card,.content-box {border-color:var(--n2-line) !important;}
.keyword-strip,.announcement,.stats-box {background:var(--n2-surface-2) !important;}
footer,.footer,.site-footer {background-color:var(--n2-surface) !important;
 border-color:var(--n2-line) !important;color:var(--n2-muted) !important;}
/* Isolate P12 feature colors so it can deliberately contrast with the main LP. */
.n2f-shell,[data-n2-feature] {--primary:var(--n2-feature-accent);--accent:var(--n2-feature-accent);
 --background:var(--n2-feature-bg);--surface:var(--n2-feature-surface);}


/* NEXUS P11 atmosphere: stars */
html, body {
  background-color: #140b16 !important;
  background-image:
    radial-gradient(ellipse at 64% 25%, color-mix(in srgb, #ff4fd8 38%, transparent), transparent 46%),
    radial-gradient(ellipse at 36% 118%, color-mix(in srgb, #ff91ea 28%, transparent), transparent 52%),
    linear-gradient(178deg, #140b16 0%, #531e4e 46%, #231027 100%) !important;
  background-attachment: fixed !important;
}
section.hero, .hero-section, .banner-section {
  background: linear-gradient(180deg, color-mix(in srgb, var(--n2-surface) 72%, transparent), var(--n2-surface)) !important;
}
.n2-fx {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 4;
}
.n2-fx span {
  position: absolute;
  top: -12vh;
  left: var(--x);
  font-size: var(--sz, 16px);
  line-height: 1;
  color: var(--c, #ff91ea);
  animation: n2-fall var(--dur, 10s) linear infinite;
  animation-delay: var(--delay, 0s);
  filter: drop-shadow(0 0 8px color-mix(in srgb, #ff4fd8 55%, transparent));
}
.n2-fx--confetti span {
  width: 7px;
  height: 11px;
  background: var(--c, #ff4fd8);
  border-radius: 1px;
  font-size: 0;
}
.n2-fx--rain::before, .n2-fx--storm::before {
  content: "";
  position: absolute;
  inset: -30% 0;
  background-image: repeating-linear-gradient(
    28deg,
    transparent 0 16px,
    color-mix(in srgb, #ff91ea 32%, transparent) 16px 18px
  );
  animation: n2-rain 420ms linear infinite;
  opacity: .38;
}
.n2-fx--storm::after {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #ff91ea 10%, transparent);
  animation: n2-flash 5.4s ease-in-out infinite;
}
.n2-fx--fireflies::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 12% 22%, #ff91ea 0 2px, transparent 3px),
    radial-gradient(circle at 78% 18%, #ff4fd8 0 2px, transparent 3px),
    radial-gradient(circle at 34% 64%, #ff91ea 0 2px, transparent 3px),
    radial-gradient(circle at 86% 72%, #ff4fd8 0 3px, transparent 4px),
    radial-gradient(circle at 52% 40%, #ff91ea 0 2px, transparent 3px),
    radial-gradient(circle at 20% 84%, #ff4fd8 0 2px, transparent 3px);
  animation: n2-glow 4.8s ease-in-out infinite alternate;
  opacity: .7;
}
.n2-fx--aurora::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #ff4fd8 34%, transparent), transparent 42%),
    radial-gradient(ellipse at 80% 10%, color-mix(in srgb, #ff91ea 28%, transparent), transparent 46%);
  filter: blur(18px);
  animation: n2-aurora 14s ease-in-out infinite alternate;
}
@keyframes n2-fall {
  to { transform: translate3d(var(--drift, 24px), 120vh, 0) rotate(var(--spin, 240deg)); }
}
@keyframes n2-rain {
  to { transform: translateY(90px); }
}
@keyframes n2-flash {
  0%, 86%, 100% { opacity: 0; }
  88% { opacity: .55; }
  92% { opacity: .08; }
  94% { opacity: .4; }
}
@keyframes n2-glow {
  from { transform: translateY(0); opacity: .45; }
  to { transform: translateY(-18px); opacity: .9; }
}
@keyframes n2-aurora {
  from { transform: translateX(-4%) rotate(-2deg); }
  to { transform: translateX(5%) rotate(3deg); }
}
@media (prefers-reduced-motion: reduce) {
  .n2-fx, .n2-fx span, .n2-fx::before, .n2-fx::after { animation: none !important; }
  .n2-fx { display: none; }
}

/* NEXUS P12 V5 — varied landing features (orbit) */
.n2f-shell{
  --n2f-bg: #071712;
  --n2f-surface: #0e241d;
  --n2f-surface2: #163229;
  --n2f-card: #1c312b;
  --n2f-card2: #29423a;
  --n2f-text: #f2fff8;
  --n2f-muted: #a7d9c4;
  --n2f-line: #275848;
  --n2f-accent: #16f2b3;
  --n2f-accent2: #70ffd4;
  --n2f-glow: rgba(22,242,179,.38);
  --n2f-shadow: rgba(0,0,0,.40);
  width:min(1180px,calc(100% - 28px));
  margin:28px auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  font-family:inherit;
}
.n2f-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.n2f-stats>div{padding:12px;border:1px solid var(--n2f-line);border-radius:14px;background:linear-gradient(145deg,var(--n2f-surface),var(--n2f-bg));color:var(--n2f-text)}
.n2f-stats strong{display:block;color:var(--n2f-accent2);font-size:1.05rem}
.n2f-stats span{display:block;margin-top:4px;color:var(--n2f-muted);font-size:.78rem}
.n2f-feature{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:18px;
  border:1px solid var(--n2f-line);
  border-radius:18px;
  color:var(--n2f-text);
  background:linear-gradient(145deg,var(--n2f-surface),var(--n2f-bg));
  box-shadow:0 18px 46px var(--n2f-shadow);
}
.n2f-head{position:relative;z-index:1;margin-bottom:14px}
.n2f-head h2{margin:8px 0 6px;color:var(--n2f-accent2);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.25}
.n2f-head p{margin:0;color:var(--n2f-muted);line-height:1.55;font-size:.9rem}
.n2f-badge{display:inline-flex;padding:5px 10px;border-radius:999px;border:1px solid var(--n2f-line);background:color-mix(in srgb,var(--n2f-accent) 16%,transparent);color:var(--n2f-accent2);font-size:.72rem;font-weight:800}
.n2f-notice{position:relative;z-index:1;margin:0 0 12px;padding:8px 10px;border:1px dashed var(--n2f-line);border-radius:10px;color:var(--n2f-muted);background:rgba(0,0,0,.13);font-size:.75rem;line-height:1.5}
.n2f-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.n2f-card{min-width:0;padding:11px;border:1px solid var(--n2f-line);border-radius:15px;background:linear-gradient(145deg,var(--n2f-card),var(--n2f-card2));color:var(--n2f-text)}
.n2f-card img,.n2f-cover img,.n2f-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;background:rgba(255,255,255,.04)}
.n2f-value{margin-top:4px;color:var(--n2f-accent2);font-weight:800;font-size:.82rem}
.n2f-actions{position:relative;z-index:1;margin-top:14px;display:flex;justify-content:flex-end}
.n2f-btn{border:0;border-radius:999px;padding:10px 14px;background:var(--n2f-accent);color:#071015;font-weight:900;cursor:pointer}
.n2f-progress{height:7px;margin-top:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.n2f-progress>span{display:block;height:100%;border-radius:inherit;background:var(--n2f-accent2)}
.n2f-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.n2f-game{appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0}
.n2f-cover{display:block;position:relative;margin-bottom:8px}
.n2f-cover em{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;background:#d94a2a;color:#fff;padding:2px 6px;border-radius:999px}
.n2f-game strong{display:block;font-size:.82rem;line-height:1.3}
.n2f-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.n2f-tags span{font-size:.68rem;color:var(--n2f-muted);border:1px solid var(--n2f-line);border-radius:999px;padding:2px 7px}
.n2f-game.is-on .n2f-cover{outline:2px solid var(--n2f-accent2);border-radius:12px}
.n2f-pick{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--n2f-line);background:rgba(0,0,0,.16);position:relative;z-index:1}
.n2f-pick strong,.n2f-pick span{display:block}
.n2f-pick span{margin-top:4px;color:var(--n2f-muted);font-size:.82rem}
.n2f-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;position:relative;z-index:1}
.n2f-filters label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:6px 10px;border:1px solid var(--n2f-line);border-radius:999px;background:var(--n2f-card);cursor:pointer}
.n2f-filters label:has(input:checked){border-color:var(--n2f-accent2);color:var(--n2f-accent2)}
.n2f-meters{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative;z-index:1}
.n2f-meters li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;border:1px solid var(--n2f-line);background:rgba(0,0,0,.14)}
.n2f-thumb{width:44px}
.n2f-thumb img{width:44px;height:44px;aspect-ratio:1;border-radius:10px;margin:0}
.n2f-meters strong,.n2f-meters span{display:block}
.n2f-meters span{color:var(--n2f-muted);font-size:.75rem}
.n2f-meters b{color:var(--n2f-accent2);font-size:.82rem}
.n2f-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.n2f-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
.n2f-steps span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--n2f-accent);color:#071015;font-weight:800}
.n2f-steps p{margin:4px 0 0;color:var(--n2f-muted);font-size:.82rem;line-height:1.5}
.n2f-hours{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.n2f-hour{border:1px solid var(--n2f-line);background:var(--n2f-card);color:inherit;border-radius:12px;padding:12px 8px;font-weight:800;cursor:pointer}
.n2f-hour.is-on{background:var(--n2f-accent);color:#071015;border-color:var(--n2f-accent)}
.n2f-hour-out{margin:12px 0 0;color:var(--n2f-muted);position:relative;z-index:1}
.n2f-faq details{border:1px solid var(--n2f-line);border-radius:12px;padding:10px 12px;margin-bottom:8px;background:rgba(0,0,0,.12)}
.n2f-faq summary{cursor:pointer;font-weight:700}
.n2f-faq p{margin:8px 0 0;color:var(--n2f-muted);font-size:.82rem;line-height:1.5}
.n2f-ranked-card{display:grid;grid-template-columns:auto 62px 1fr;gap:9px;align-items:center}
.n2f-ranked-card img{width:62px;margin:0}
.n2f-rank{font-weight:900;color:var(--n2f-accent2)}
.n2f-selector-result{margin-bottom:10px;padding:10px 12px;border:1px solid var(--n2f-line);border-radius:12px;color:var(--n2f-accent2);background:rgba(0,0,0,.12);font-weight:800}
.n2f-select-card{text-align:left;cursor:pointer}
.n2f-select-card.is-active{outline:2px solid var(--n2f-accent)}
.n2f-calendar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.n2f-calendar-cell{min-height:88px;padding:9px;border:1px solid var(--n2f-line);border-radius:13px;background:var(--n2f-card);color:var(--n2f-text);cursor:pointer}
.n2f-calendar-cell.is-on{outline:2px solid var(--n2f-accent2);background:color-mix(in srgb,var(--n2f-accent) 18%,var(--n2f-card))}
.n2f-explore{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.n2f-explore-card{padding:8px;border:1px solid var(--n2f-line);border-radius:16px;background:var(--n2f-card);text-align:center}
.n2f-explore-card strong,.n2f-explore-card span,.n2f-explore-card small{display:block}
.n2f-explore-card span{margin-top:4px;color:var(--n2f-accent2);font-weight:800;font-size:.78rem}
.n2f-explore-card small{margin-top:4px;color:var(--n2f-muted);font-size:.75rem;line-height:1.4}
.n2f-compare{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.n2f-compare-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid var(--n2f-line);border-radius:14px;background:var(--n2f-card)}
.n2f-compare-card img{width:72px;margin:0}
.n2f-compare-card small{display:block;margin-top:4px;color:var(--n2f-muted);font-size:.75rem;line-height:1.4}
.n2f-compare-card:last-child:nth-child(odd){grid-column:1/-1}

.n2f-style-orbit{gap:22px}
.n2f-style-orbit .n2f-feature{border-radius:28px;box-shadow:0 0 0 1px var(--n2f-line),0 0 32px var(--n2f-glow)}
.n2f-style-orbit .n2f-badge,.n2f-style-orbit .n2f-stats>div,.n2f-style-orbit .n2f-btn{border-radius:999px}

@media(max-width:860px){
  .n2f-shell,.n2f-stats,.n2f-games,.n2f-steps,.n2f-explore,.n2f-compare,.n2f-style-rail,.n2f-style-showcase{grid-template-columns:1fr}
  .n2f-style-rail .n2f-feature:first-of-type,.n2f-style-showcase .n2f-feature:first-of-type,.n2f-style-mosaic .n2f-faq_board,.n2f-style-mosaic .n2f-wallet_steps{grid-column:auto}
  .n2f-style-showcase .n2f-games{display:grid;overflow:visible}
  .n2f-style-showcase .n2f-game{flex:none}
}
@media(max-width:560px){
  .n2f-shell{width:min(100% - 18px,1180px);gap:12px}
  .n2f-feature{padding:15px;border-radius:16px}
  .n2f-hours{grid-template-columns:repeat(2,minmax(0,1fr))}
}