.cheats {
  --bg: #111321;
  --ink: #f8f5f1;
  --accent: #ff648c;
  --muted: #a4a5b5;
  --line: #ffffff20;
  color-scheme: dark;
  overflow-x: clip;
  background:
    radial-gradient(ellipse at 78% 10%, #5141a52c, transparent 34%),
    radial-gradient(ellipse at 8% 53%, #fa648c0c, transparent 30%),
    var(--bg);
  color: var(--ink);
  overflow-x: hidden;
}

.cheats .wrap { max-width: 1480px; }
.cheats .nav { height: 84px; border-color: var(--line); }
.cheats .logo { display: inline-flex; align-items: center; gap: 9px; font-size: 17px; letter-spacing: 1px; }
.cheats .brand-mark { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px 9px 9px 2px; background: var(--accent); color: #171421; font-family: Unbounded, sans-serif; font-size: 16px; }
.cheats .brand-period { color: var(--accent); margin-left: -9px; }
.cheats .navlinks { gap: 28px; color: #c8c6d2; font-size: 12px; }
.cheats .navlinks a, .cheats .text-link { transition: color .2s ease; }
.cheats .navlinks a:hover, .cheats .text-link:hover { color: var(--accent); }
.cheats .online { display: flex; align-items: center; gap: 9px; color: #b7b6c4; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; }
.cheats .online i, .cheats .console-bottom i { width: 7px; height: 7px; border-radius: 50%; background: #8ef0b5; box-shadow: 0 0 12px #8ef0b599; }
.cheats .btn { gap: 24px; padding: 14px 19px; border-radius: 5px; background: var(--accent); color: #1c1722; font-size: 11px; transition: transform .2s ease, box-shadow .2s ease; }
.cheats .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px #ff648c35; }
.cheats .btn span { font-size: 16px; }
.cheats .eyebrow { gap: 12px; color: #d4d0dc; font-size: 9px; letter-spacing: 1.8px; }
.cheats .eyebrow-index { color: var(--accent); font-family: Unbounded, sans-serif; letter-spacing: 0; }
.cheats .accent { color: var(--accent); }
.cheats .lead { color: var(--muted); font-size: 13px; line-height: 1.9; }
.cheats h1, .cheats h2 { font-weight: 500; letter-spacing: -3px; }
.cheats .hero { min-height: 600px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(36px, 7vw, 100px); padding: 70px 0 76px; }
.cheats .hero-copy { padding: 18px 0; }
.cheats .hero-copy .eyebrow { margin-bottom: 27px; }
.cheats h1 { font-size: clamp(56px, 7vw, 95px); line-height: 1.02; }
.cheats .hero .lead { max-width: 410px; margin: 25px 0 27px; }
.cheats .actions { display: flex; align-items: center; gap: 24px; }
.cheats .text-link { color: #d6d1df; font-size: 11px; font-weight: 700; }
.cheats .text-link span { margin-left: 7px; color: var(--accent); }
.cheats .hero-foot { display: flex; gap: 22px; margin-top: 54px; color: #747688; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }
.cheats .hero-art { position: relative; min-height: 440px; overflow: hidden; isolation: isolate; border: 1px solid #ffffff2e; border-radius: 10px 90px 10px 10px; background: #313345; box-shadow: 0 28px 100px #0005; }
.cheats .hero-game-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.cheats .hero-art:hover .hero-game-image { transform: scale(1.055); }
.cheats .art-wash { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #1113213a 0%, #11132105 32%, #111321ed 100%), linear-gradient(90deg, #11132155, transparent 75%); }
.cheats .art-index { position: absolute; top: 22px; left: 23px; right: 23px; display: flex; justify-content: space-between; color: #fff; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; text-shadow: 0 1px 8px #0009; }
.cheats .art-index b { color: var(--accent); }
.cheats .art-title { position: absolute; left: 34px; bottom: 64px; display: flex; flex-direction: column; gap: 8px; color: #fff; text-shadow: 0 2px 15px #0008; }
.cheats .art-title span { font-size: 8px; font-weight: 800; letter-spacing: 2px; }
.cheats .art-title strong { font-family: Unbounded, sans-serif; font-size: clamp(34px, 5vw, 65px); letter-spacing: -3px; }
.cheats .art-stamp { position: absolute; top: 50%; right: 25px; padding: 15px 12px; transform: translateY(-50%) rotate(7deg); border: 1px solid #ffffffa8; border-radius: 50%; color: #fff; font-family: Unbounded, sans-serif; font-size: 9px; line-height: 1.5; text-align: center; text-shadow: 0 1px 7px #0008; }
.cheats .art-stamp span { color: var(--accent); font-size: 16px; }
.cheats .art-caption { position: absolute; right: 22px; bottom: 20px; left: 22px; display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid #ffffff57; color: #e8e4ed; font-size: 9px; }
.cheats .ticker { width: auto; margin-left: 0; padding: 0; overflow: hidden; border-block: 1px solid var(--line); background: #ffffff06; }
.cheats .ticker div { width: max-content; padding: 17px 0; color: #d2cfdb; font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 2px; animation: phantom-marquee 28s linear infinite; }
.cheats .ticker span { margin: 0 27px; color: var(--accent); }
@keyframes phantom-marquee { to { transform: translateX(-30%); } }
.cheats section { padding: 88px 0; }
.cheats .section-head { align-items: end; margin-bottom: 30px; }
.cheats .section-head .eyebrow { margin-bottom: 18px; }
.cheats h2 { font-size: clamp(36px, 4.5vw, 60px); line-height: 1.12; }
.cheats .section-head .lead { max-width: 300px; padding-bottom: 4px; }
.cheats .filters { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 20px; }
.cheats .filter { padding: 10px 15px; border: 1px solid var(--line); border-radius: 30px; background: transparent; color: #aaa8b8; font-size: 10px; transition: .2s ease; }
.cheats .filter:hover, .cheats .filter.active { border-color: var(--accent); background: var(--accent); color: #1c1722; }
.cheats .filter span { margin-left: 8px; opacity: .7; }
.cheats .game-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.cheats .game-card { min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #191b2b; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.cheats .game-card:hover { transform: translateY(-7px); border-color: #ff648c85; background: #191b2b; box-shadow: 0 18px 45px #0004; }
.cheats .game-art { position: relative; height: clamp(150px, 19vw, 245px); overflow: hidden; background: linear-gradient(135deg, #47355c, #24283e); }
.cheats .game-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.cheats .game-card:hover .game-art img { transform: scale(1.09); filter: saturate(1.12); }
.cheats .game-number { position: absolute; top: 13px; left: 13px; padding: 7px 9px; border: 1px solid #ffffff55; border-radius: 3px; background: #17152280; color: #fff; font-size: 8px; font-weight: 800; letter-spacing: 1px; backdrop-filter: blur(8px); }
.cheats .game-arrow { position: absolute; top: 12px; right: 13px; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #ffffff70; border-radius: 50%; color: white; transition: color .2s, background .2s; }
.cheats .game-card:hover .game-arrow { background: var(--accent); color: #171421; }
.cheats .game-overlay { position: absolute; inset: 35% 0 0; display: flex; flex-direction: column; justify-content: end; padding: 18px; background: linear-gradient(transparent, #111321d9); color: white; }
.cheats .game-overlay span { color: #f4a1b5; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; }
.cheats .game-overlay h3 { margin-top: 7px; font-family: Unbounded, sans-serif; font-size: clamp(15px, 1.6vw, 20px); font-weight: 500; letter-spacing: -.5px; }
.cheats .game-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 15px; color: #f1eef4; font-size: 8px; font-weight: 800; letter-spacing: .7px; }
.cheats .game-meta > span:nth-child(2) { margin-left: auto; color: var(--accent); white-space: nowrap; }
.cheats .game-meta small { color: #858496; font-size: 7px; }
.cheats .game-select { width: 100%; padding: 10px 0 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: #d8d4e2; font-size: 9px; font-weight: 800; text-align: left; transition: color .2s; }
.cheats .game-select:hover { color: var(--accent); }
.cheats .hidden { display: none !important; }
.cheats .console-section { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(38px, 8vw, 110px); }
.cheats .console-copy .eyebrow { margin-bottom: 19px; }
.cheats .console-copy .lead { max-width: 340px; margin-top: 20px; }
.cheats .console-note { display: flex; align-items: center; gap: 13px; margin-top: 32px; color: #aaa8b8; font-size: 10px; line-height: 1.7; }
.cheats .console-stage { display: grid; min-width: 0; align-items: center; perspective: 1600px; }
.cheats .note-icon { color: var(--accent); font-size: 25px; }
.cheats .console-window { position: relative; overflow: hidden; border: 1px solid #ffffff30; border-radius: 8px; background: linear-gradient(145deg, #222333, #191a29 58%, #151622); box-shadow: 24px 38px 90px #0008, -10px -8px 35px #ff648c12, inset 1px 1px #ffffff18; transform: perspective(1300px) rotateX(8deg) rotateY(-17deg); transform-origin: center; transform-style: preserve-3d; animation: phantom-console-spin 36s linear infinite; transition: transform 1.25s cubic-bezier(.2,.8,.2,1), box-shadow 1.25s ease; will-change: transform; }
.cheats .console-window::after { position: absolute; z-index: 2; inset: 0; border: 1px solid #ffffff30; border-radius: inherit; background: radial-gradient(ellipse at 50% 45%, #ff648c26, transparent 35%), linear-gradient(145deg, #27283a, #171825 65%, #242035); box-shadow: inset 0 0 75px #ff648c0d; content: ""; transform: rotateY(180deg) translateZ(1px); backface-visibility: hidden; pointer-events: none; }
.cheats .console-body { backface-visibility: hidden; }
.cheats .console-stage:hover .console-window { animation: none; box-shadow: 8px 48px 115px #0009, 0 0 45px #ff648c18, inset 1px 1px #ffffff20; transform: perspective(1300px) rotateX(0) rotateY(0) translateY(-12px) scale(1.12); }
@keyframes phantom-console-spin { from { transform: perspective(1300px) rotateX(8deg) rotateY(-17deg) rotateY(0); } to { transform: perspective(1300px) rotateX(8deg) rotateY(-17deg) rotateY(360deg); } }
.cheats .console-top, .cheats .console-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 47px; padding: 0 17px; color: #9a99aa; font-family: monospace; font-size: 8px; letter-spacing: .7px; }
.cheats .console-top { border-bottom: 1px solid var(--line); }
.cheats .console-top b { color: var(--accent); }
.cheats .console-version { color: #858396; }
.cheats .window-controls { display: flex; gap: 5px; }
.cheats .window-controls i { width: 7px; height: 7px; border-radius: 50%; background: #ff6b7b; }
.cheats .window-controls i:nth-child(2) { background: #ffc76a; }
.cheats .window-controls i:nth-child(3) { background: #80d6aa; }
.cheats .console-body { display: grid; grid-template-columns: 105px minmax(0, 1fr); min-height: 320px; }
.cheats .terminal-side { display: flex; flex-direction: column; gap: 7px; padding: 18px 11px; border-right: 1px solid var(--line); }
.cheats .tab { padding: 11px 10px; border: 0; border-radius: 4px; background: transparent; color: #9392a4; font-family: monospace; font-size: 10px; text-align: left; transition: .2s ease; }
.cheats .tab:hover, .cheats .tab.active { background: #ff648c1c; color: var(--accent); }
.cheats .tab.active { box-shadow: inset 2px 0 var(--accent); }
.cheats .terminal-panel { padding: 24px clamp(16px, 3vw, 32px); }
.cheats .panel-heading { display: flex; justify-content: space-between; align-items: center; }
.cheats .panel-kicker { color: var(--accent); font-family: monospace; font-size: 8px; letter-spacing: 1px; }
.cheats .panel-heading h3 { margin-top: 8px; font-family: Unbounded, sans-serif; font-size: 15px; font-weight: 500; }
.cheats .panel-mark { color: #ff648c75; font-size: 27px; }
.cheats .terminal-panel > p { margin: 9px 0 18px; color: #8e8d9d; font-size: 10px; }
.cheats .setting { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; border-top: 1px solid #ffffff13; color: #d7d4df; font-family: monospace; font-size: 10px; }
.cheats .switch { position: relative; width: 31px; height: 17px; flex: 0 0 auto; border: 0; border-radius: 20px; background: #414150; transition: background .2s ease; }
.cheats .switch::after { position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #e9e6ed; content: ""; transition: transform .2s ease; }
.cheats .switch[aria-pressed="true"] { background: var(--accent); }
.cheats .switch[aria-pressed="true"]::after { transform: translateX(14px); background: #191421; }
.cheats .range-setting { display: block; padding-top: 11px; }
.cheats .range-setting[hidden] { display: none; }
.cheats .range-setting label { display: flex; justify-content: space-between; margin-bottom: 9px; color: #d7d4df; }
.cheats input[type="range"] { width: 100%; height: 4px; accent-color: var(--accent); }
.cheats .console-bottom { min-height: 39px; border-top: 1px solid var(--line); font-size: 7px; }
.cheats .console-bottom > span:first-child { display: flex; align-items: center; gap: 7px; }
.cheats .console-bottom i { width: 6px; height: 6px; }
.cheats .manifesto { position: relative; padding: 28px !important; overflow: hidden; border: 1px solid #ffffff24; border-radius: 9px; background: linear-gradient(115deg, #27223a, #211e31 58%, #302139); }
.cheats .manifesto::after { position: absolute; right: -70px; bottom: -240px; width: 420px; height: 420px; border: 1px solid #ff648c2a; border-radius: 50%; box-shadow: 0 0 0 38px #ff648c08, 0 0 0 78px #ff648c06; content: ""; pointer-events: none; }
.cheats .manifesto-top, .cheats .manifesto-bottom { display: flex; justify-content: space-between; color: #a8a2b5; font-size: 8px; font-weight: 800; letter-spacing: 1.4px; }
.cheats .manifesto-content { display: grid; grid-template-columns: 1fr .55fr; align-items: end; gap: 40px; padding: 72px 4% 76px; }
.cheats .manifesto-content p { max-width: 340px; color: #b7b1c1; font-size: 12px; line-height: 1.9; }
.cheats .manifesto-bottom { padding-top: 20px; border-top: 1px solid #ffffff26; }
.cheats .manifesto-bottom a { color: #eeeaf2; }
.cheats .manifesto-bottom b { margin-left: 8px; color: var(--accent); }
.cheats .faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; }
.cheats .faq-section .section-head { margin: 0; }
.cheats .faq { border-top: 1px solid var(--line); }
.cheats .faq details { border-bottom: 1px solid var(--line); }
.cheats .faq summary { display: flex; justify-content: space-between; gap: 15px; padding: 19px 0; cursor: pointer; color: #ebe8f0; font-size: 12px; font-weight: 700; list-style: none; }
.cheats .faq summary::-webkit-details-marker { display: none; }
.cheats .faq summary span { color: var(--accent); font-size: 18px; transition: transform .2s; }
.cheats .faq details[open] summary span { transform: rotate(45deg); }
.cheats .faq details p { max-width: 540px; padding: 0 25px 19px 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.cheats footer { border-color: var(--line); color: #898899; font-size: 8px; letter-spacing: .7px; }
.cheats footer .logo { color: var(--ink); }
.cheats .portfolio-link { border-color: #ffffff20; background: #1b1c2c; color: #eeeaf2; }
.cheats dialog { border: 1px solid #ffffff24; background: #191a29; color: var(--ink); }
.cheats dialog::backdrop { background: #080910d9; }
.cheats dialog h2 { font-size: 23px; letter-spacing: -1px; }
.cheats dialog label { color: #d7d4df; }
.cheats dialog input, .cheats dialog select { border-color: var(--line); background: #111321; color: var(--ink); }
.cheats dialog .success { color: #a8e8c1; }
.cheats .mobile-toggle { display: none; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--ink); padding: 8px 10px; }

@media (max-width: 950px) {
  .cheats .hero { min-height: auto; grid-template-columns: 1fr 1fr; gap: 30px; padding: 65px 0; }
  .cheats .hero-art { min-height: 390px; }
  .cheats .online { display: none; }
  .cheats .console-section { grid-template-columns: 1fr; gap: 35px; }
  .cheats .console-window { transform: perspective(1300px) rotateX(5deg) rotateY(-11deg); }
  .cheats .console-stage:hover .console-window { transform: perspective(1300px) rotateX(0) rotateY(0) translateY(-8px) scale(1.07); }
  .cheats .console-copy .lead { max-width: 520px; }
}

@media (max-width: 700px) {
  .cheats .wrap { padding-inline: 5%; }
  .cheats .hero-copy { min-width: 0; }
  .cheats .nav { height: 72px; }
  .cheats .navlinks { position: absolute; z-index: 10; top: 72px; right: 5%; left: 5%; display: none; flex-direction: column; gap: 0; padding: 9px 17px; border: 1px solid var(--line); border-radius: 7px; background: #191a29; }
  .cheats .navlinks.open { display: flex; }
  .cheats .navlinks a { padding: 13px 0; border-bottom: 1px solid var(--line); }
  .cheats .navlinks a:last-child { border: 0; }
  .cheats .nav-end > .btn { display: none; }
  .cheats .mobile-toggle { display: block; }
  .cheats .hero { grid-template-columns: 1fr; gap: 34px; padding: 52px 0 42px; }
  .cheats h1 { font-size: clamp(48px, 12vw, 76px); }
  .cheats .hero-foot { margin-top: 34px; }
  .cheats .hero-art { min-height: 340px; border-top-right-radius: 65px; }
  .cheats .ticker { width: auto; margin-left: 0; }
  .cheats section { padding: 66px 0; }
  .cheats .section-head { align-items: start; flex-direction: column; gap: 18px; }
  .cheats .section-head .lead { max-width: 400px; }
  .cheats .game-grid { grid-template-columns: 1fr; gap: 12px; }
  .cheats .game-art { height: clamp(210px, 58vw, 340px); }
  .cheats .game-overlay h3 { font-size: 21px; }
  .cheats .console-body { grid-template-columns: 82px minmax(0, 1fr); min-height: 310px; }
  .cheats .console-window { transform: perspective(1000px) rotateX(3deg) rotateY(-5deg); }
  .cheats .console-stage:hover .console-window { transform: perspective(1000px) rotateX(0) rotateY(0) translateY(-5px) scale(1.04); }
  .cheats .terminal-side { padding-inline: 7px; }
  .cheats .tab { padding: 10px 7px; }
  .cheats .console-top, .cheats .console-bottom { padding-inline: 10px; font-size: 7px; }
  .cheats .console-version { display: none; }
  .cheats .console-bottom > span:last-child { display: none; }
  .cheats .manifesto { padding: 20px !important; }
  .cheats .manifesto-content { grid-template-columns: 1fr; gap: 20px; padding: 48px 0; }
  .cheats .manifesto-bottom { gap: 14px; font-size: 7px; }
  .cheats .faq-section { grid-template-columns: 1fr; gap: 25px; }
  .cheats footer { flex-wrap: wrap; gap: 15px; }
  .cheats footer > span { order: 3; width: 100%; }
}

@media (max-width: 380px) {
  .cheats .actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .cheats .hero-foot { flex-wrap: wrap; }
  .cheats .game-meta { flex-direction: column; }
  .cheats .console-bottom > span:nth-child(2) { font-size: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .cheats *, .cheats *::before, .cheats *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .cheats .console-window, .cheats .console-stage:hover .console-window { animation: none; transform: none; }
}