@import url("/game0/cursor.css?v=2");

:root {
  --game-bg: #070810;
  --game-panel: #10121d;
  --game-panel-2: #171a29;
  --game-white: #f7f7fb;
  --game-muted: #9398ad;
  --game-line: rgba(255,255,255,.12);
  --game-violet: #836cff;
  --game-cyan: #4bd8ff;
  --game-pink: #ff5e9c;
  --game-lime: #c7ff58;
  --game-sans: "Segoe UI", Arial, sans-serif;
  --game-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
html:has(body.game-site) { max-width: 100%; overflow-x: hidden; }
body.game-site * { box-sizing: border-box; }
body.game-site { max-width: 100vw; overflow-x: hidden !important; }
body.game-site a { color: inherit; text-decoration: none !important; }
body.game-site img { max-width: 100%; }
body.game-site button, body.game-site input { font: inherit; }
body.game-site ::selection { color: #05060b; background: var(--game-cyan); }
body.game-site[data-game-page="game-fun.html"] .character { background-image: url('/game0/assets/ui/frog-color.png') !important; background-size: contain !important; background-repeat: no-repeat; }

.game-console-bar {
  position: sticky;
  z-index: 3000;
  top: 0;
  height: 68px;
  padding: 0 clamp(18px, 4vw, 68px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  color: var(--game-white);
  background: rgba(7,8,16,.92);
  border-bottom: 1px solid var(--game-line);
  backdrop-filter: blur(16px);
}
.game-brand { display: inline-flex; align-items: center; gap: 11px; font-family: var(--game-sans); font-size: 15px; font-weight: 900; letter-spacing: .04em; }
.game-brand span:last-child { white-space: nowrap; }
.game-brand em { color: var(--game-cyan); font-style: normal; }
.game-brand-mark { position: relative; width: 39px; height: 25px; display: block; background: var(--game-white); border-radius: 14px 14px 11px 11px; box-shadow: 0 0 18px rgba(75,216,255,.18); }
.game-brand-mark::before, .game-brand-mark::after { position: absolute; content: ""; }
.game-brand-mark::before { width: 13px; height: 3px; top: 11px; left: 6px; background: var(--game-bg); box-shadow: 5px 0 0 var(--game-bg); }
.game-brand-mark::after { width: 4px; height: 4px; top: 8px; right: 7px; background: var(--game-violet); border-radius: 50%; box-shadow: 5px 5px 0 var(--game-pink); }
.game-console-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.2vw, 34px); }
.game-console-nav a { position: relative; color: #b3b6c5; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.game-console-nav a::before { position: absolute; bottom: -10px; left: 50%; width: 5px; height: 5px; content: ""; background: var(--game-cyan); border-radius: 50%; opacity: 0; transform: translateX(-50%); box-shadow: 0 0 9px var(--game-cyan); }
.game-console-nav a:hover, .game-console-nav a[aria-current="page"] { color: #fff; }
.game-console-nav a:hover::before, .game-console-nav a[aria-current="page"]::before { opacity: 1; }
.game-home { padding: 8px 13px; color: #c7cad7; border: 1px solid #3c4051; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.game-home:hover { color: var(--game-bg); background: var(--game-cyan); border-color: var(--game-cyan); }
.game-menu { display: none; }

body.game-hub, body.game-article {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  color: var(--game-white) !important;
  background: var(--game-bg) !important;
  font-family: var(--game-sans) !important;
  -webkit-font-smoothing: antialiased;
}
body.game-site footer:not(.game-console-footer) { display: none !important; }
body.game-hub > header:not(.game-console-bar), body.game-article > header:not(.game-console-bar),
body.game-hub .hero-game { display: none !important; }

.game-hero {
  position: relative;
  min-height: 690px;
  padding: 80px clamp(24px, 7vw, 120px) 68px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  align-items: center;
  gap: 55px;
  overflow: hidden;
  isolation: isolate;
  background-image: linear-gradient(90deg, rgba(4,5,12,.98) 0%, rgba(4,5,12,.76) 47%, rgba(4,5,12,.2) 100%), var(--game-hero-image);
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid var(--game-line);
}
.game-hero::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(rgba(75,216,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(75,216,255,.04) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.game-hero::after { position: absolute; right: 22px; bottom: 22px; width: 76px; height: 76px; content: ""; border-right: 2px solid var(--game-cyan); border-bottom: 2px solid var(--game-cyan); opacity: .55; }
.game-hero-copy { position: relative; z-index: 2; max-width: 780px; }
.game-eyebrow { margin: 0 0 18px !important; display: flex; align-items: center; gap: 10px; color: var(--game-cyan) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .2em !important; text-transform: uppercase; }
.game-eyebrow::before { width: 8px; height: 8px; content: ""; background: var(--game-cyan); border-radius: 50%; box-shadow: 0 0 12px var(--game-cyan); animation: game-pulse 2s ease-in-out infinite; }
.game-hero h1 { margin: 0 !important; color: #fff !important; font-family: var(--game-display) !important; font-size: clamp(84px, 11.5vw, 174px) !important; font-weight: 900 !important; line-height: .75 !important; letter-spacing: -.035em !important; text-align: left !important; text-transform: uppercase; text-shadow: 0 8px 30px rgba(0,0,0,.4) !important; }
.game-hero h1 span { display: block; color: transparent; -webkit-text-stroke: 2px var(--game-cyan); }
.game-hero-description { max-width: 640px; margin: 35px 0 0 !important; color: #c6c9d5 !important; font-size: 16px !important; line-height: 1.65 !important; text-align: left !important; }
.game-hero-actions { margin-top: 30px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.game-button { min-height: 47px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; color: var(--game-bg); background: var(--game-white); border: 1px solid var(--game-white); border-radius: 4px; font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; transition: color .2s, background .2s, transform .2s; }
.game-button:hover { color: #fff; background: var(--game-violet); border-color: var(--game-violet); transform: translateY(-2px); }
.game-button--ghost { color: #fff; background: rgba(7,8,16,.45); border-color: #555a6b; }
.game-status-row { margin-top: 46px; display: flex; gap: 32px; }
.game-status-row div { padding-left: 13px; border-left: 2px solid var(--game-violet); }
.game-status-row strong { display: block; color: #fff; font-size: 21px; line-height: 1; }
.game-status-row span { display: block; margin-top: 6px; color: var(--game-muted); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.game-player-card { position: relative; z-index: 2; width: min(100%, 390px); min-height: 455px; justify-self: end; padding: 18px; color: #fff; background: linear-gradient(145deg, rgba(20,23,38,.9), rgba(7,8,16,.8)); border: 1px solid rgba(255,255,255,.22); border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,.5), inset 0 0 30px rgba(131,108,255,.08); backdrop-filter: blur(12px); }
.game-player-card::before, .game-player-card::after { position: absolute; top: 50%; width: 19px; height: 82px; content: ""; background: #090a11; border: 1px solid #323646; transform: translateY(-50%); }
.game-player-card::before { left: -20px; border-radius: 22px 0 0 22px; }
.game-player-card::after { right: -20px; border-radius: 0 22px 22px 0; }
.game-player-top { display: flex; align-items: center; justify-content: space-between; color: var(--game-muted); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.game-player-top b { color: var(--game-lime); font-weight: 800; }
.game-avatar { height: 275px; margin-top: 15px; display: grid; place-items: end center; overflow: hidden; background: radial-gradient(circle at 50% 62%, rgba(131,108,255,.5), transparent 39%), linear-gradient(135deg,#171a29,#0b0d16); border: 1px solid #35394c; border-radius: 17px; }
.game-avatar img { width: 255px; height: 255px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 18px 13px rgba(0,0,0,.5)); }
.game-player-info { padding: 16px 5px 0; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; }
.game-player-info small { color: var(--game-cyan); font-size: 8px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.game-player-info strong { display: block; margin-top: 5px; font-size: 22px; line-height: 1; }
.game-level { width: 47px; height: 47px; display: grid; place-items: center; color: var(--game-bg); background: var(--game-lime); border-radius: 50%; font-size: 11px; font-weight: 900; }
.game-hero-decal { position: absolute; z-index: 3; pointer-events: none; filter: drop-shadow(8px 10px 0 rgba(0,0,0,.28)); }
.game-hero-decal--frog { top: 32px; right: 24px; width: 90px; transform: rotate(9deg); }
.game-hero-decal--kirby { right: -12px; bottom: -17px; width: 150px; transform: rotate(-8deg); }

.game-console-tabs { padding: 0 clamp(20px, 7vw, 120px); display: flex; overflow-x: auto; background: #0b0d16; border-bottom: 1px solid var(--game-line); }
.game-console-tabs a { min-width: max-content; padding: 18px 28px; color: var(--game-muted); border-right: 1px solid var(--game-line); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.game-console-tabs a:first-child { border-left: 1px solid var(--game-line); }
.game-console-tabs a span { margin-right: 8px; color: var(--game-cyan); }
.game-console-tabs a.is-active { color: #fff; background: var(--game-violet); }

.game-library-tools { width: min(1240px, calc(100% - 40px)); margin: 72px auto 0; padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--game-panel); border: 1px solid var(--game-line); border-radius: 10px; }
.game-library-tools div { display: flex; align-items: center; gap: 12px; }
.game-library-tools strong { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.game-library-tools span { color: var(--game-cyan); font-size: 10px; }
.game-search { min-width: 280px; padding: 10px 13px; display: flex; align-items: center; gap: 8px; background: #080a12; border: 1px solid #343849; border-radius: 6px; }
.game-search input { width: 100%; color: #fff; background: transparent; border: 0; outline: 0; font-size: 12px; }
.game-search kbd { color: var(--game-muted); font-size: 9px; }

body.game-hub .main { width: min(1240px, calc(100% - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 36px 0 112px !important; overflow: visible !important; color: var(--game-white) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.game-hub .main::before, body.game-hub .main::after { display: none !important; }
body.game-hub .main > .back-btn { display: none !important; }
body.game-hub .card-grid { margin: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 22px !important; }
body.game-hub .card-link { min-width: 0; display: block !important; }
body.game-hub .card { position: relative !important; min-height: 420px; padding: 0 0 25px !important; overflow: hidden !important; color: #fff !important; background: var(--game-panel) !important; border: 1px solid #313547 !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; transition: transform .25s, border-color .25s, box-shadow .25s !important; isolation: isolate; }
body.game-hub .card::before { position: absolute !important; z-index: 4 !important; top: 14px !important; right: 14px !important; bottom: auto !important; left: auto !important; width: auto !important; height: auto !important; padding: 7px 9px; content: "SLOT " attr(data-index) !important; color: #fff !important; background: rgba(7,8,16,.76) !important; border: 1px solid rgba(255,255,255,.3) !important; border-radius: 4px !important; font-size: 8px; font-weight: 900; letter-spacing: .12em; animation: none !important; }
body.game-hub .card::after { position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 4px; content: ""; background: linear-gradient(90deg,var(--game-violet),var(--game-cyan)); }
body.game-hub .card:hover { border-color: var(--game-cyan) !important; box-shadow: 0 15px 45px rgba(0,0,0,.35), 0 0 0 1px rgba(75,216,255,.28) !important; transform: translateY(-6px) !important; }
body.game-hub .card-img { width: 100% !important; height: 242px !important; margin: 0 0 23px !important; display: block !important; object-fit: cover !important; background: #171a25 !important; border: 0 !important; border-bottom: 1px solid #313547 !important; border-radius: 0 !important; box-shadow: none !important; image-rendering: auto !important; filter: saturate(.9) contrast(1.05); transition: transform .35s !important; }
body.game-hub[data-game-page="game2.html"] .card-img { padding: 18px !important; object-fit: contain !important; background: radial-gradient(circle at 50% 45%,#22283b,#0d0f18 72%) !important; }
body.game-hub .card:hover .card-img { transform: scale(1.035); }
body.game-hub .playtime { margin: 0 21px 11px !important; color: var(--game-cyan) !important; font-family: var(--game-sans) !important; font-size: 9px !important; font-weight: 800; letter-spacing: .1em !important; text-transform: uppercase; }
body.game-hub .genre-tags { margin-inline: 21px !important; }
body.game-hub .genre-tag { color: #d9d5ff !important; background: rgba(131,108,255,.13) !important; border: 1px solid rgba(131,108,255,.4) !important; border-radius: 99px !important; font-family: var(--game-sans) !important; font-size: 8px !important; }
body.game-hub .card h3 { margin: 0 !important; padding: 0 21px !important; color: #fff !important; font-family: var(--game-sans) !important; font-size: 21px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.025em !important; text-align: left !important; text-shadow: none !important; }
body.game-hub .card-meta { margin: 15px 21px 0 !important; color: var(--game-muted) !important; font-family: var(--game-sans) !important; font-size: 8px !important; font-style: normal !important; letter-spacing: .1em !important; text-transform: uppercase; }
body.game-hub .sub-section { margin: 78px 0 0 !important; padding: 66px 0 0 !important; border: 0 !important; border-top: 1px solid var(--game-line) !important; }
body.game-hub .sub-section h2 { max-width: 780px; margin: 0 0 31px !important; color: #fff !important; font-family: var(--game-display) !important; font-size: clamp(41px,5vw,70px) !important; line-height: .92 !important; letter-spacing: .01em !important; text-align: left !important; text-shadow: none !important; text-transform: uppercase; }
body.game-hub .sub-section h2::after { display: none !important; }
body.game-hub .pagination, body.game-hub .pg-wrap { display: none !important; }
body.game-hub[data-game-page="game3.html"] main.main { display: none !important; }
.game-card-hidden { display: none !important; }

.game-captures { padding: 92px clamp(20px, 6vw, 100px) 110px; color: #fff; background: #0b0d16; border-top: 1px solid var(--game-line); }
.game-captures-head { max-width: 1240px; margin: 0 auto 34px; display: grid; grid-template-columns: 1fr 420px; align-items: end; gap: 45px; }
.game-captures-head h2 { margin: 0; font-family: var(--game-display); font-size: clamp(58px,7.6vw,116px); font-weight: 900; line-height: .76; letter-spacing: -.02em; text-transform: uppercase; }
.game-captures-head h2 span { color: transparent; -webkit-text-stroke: 1px var(--game-cyan); }
.game-captures-head p { margin: 0; padding-left: 20px; color: var(--game-muted); border-left: 3px solid var(--game-violet); font-size: 13px; line-height: 1.65; }
.game-capture-grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-auto-flow: dense; grid-auto-rows: 155px; gap: 12px; }
.game-capture { position: relative; display: block; grid-column: span 4; grid-row: span 2; overflow: hidden; background: var(--game-panel); border: 1px solid #343849; border-radius: 8px; cursor: zoom-in; }
.game-capture:nth-child(7n + 1) { grid-column: span 7; grid-row: span 3; }
.game-capture:nth-child(7n + 2) { grid-column: span 5; grid-row: span 2; }
.game-capture:nth-child(7n + 3) { grid-column: span 5; grid-row: span 2; }
.game-capture:nth-child(7n) { grid-column: span 12; grid-row: span 3; }
.game-capture img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s, filter .4s; }
.game-capture:hover img { transform: scale(1.035); filter: brightness(1.08); }
.game-capture span { position: absolute; right: 10px; bottom: 10px; padding: 6px 8px; color: #fff; background: rgba(7,8,16,.78); border: 1px solid rgba(255,255,255,.3); border-radius: 3px; font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.game-capture::before { position: absolute; z-index: 2; top: 10px; left: 10px; content: "REC"; color: var(--game-pink); font-size: 8px; font-weight: 900; letter-spacing: .1em; text-shadow: 0 0 8px var(--game-pink); }
.game-lightbox { position: fixed; z-index: 5000; inset: 0; padding: 60px; display: none; place-items: center; background: rgba(3,4,8,.94); backdrop-filter: blur(13px); }
.game-lightbox.is-open { display: grid; }
.game-lightbox img { max-width: min(1500px, 100%); max-height: calc(100vh - 120px); border: 1px solid #4b5167; box-shadow: 0 30px 90px #000; }
.game-lightbox button { position: absolute; top: 20px; right: 22px; width: 42px; height: 42px; color: #fff; background: #151824; border: 1px solid #474c60; border-radius: 50%; cursor: pointer; }

.game-article-head { padding: 23px clamp(20px,6vw,95px); display: flex; justify-content: space-between; color: var(--game-muted); background: #0a0c14; border-bottom: 1px solid var(--game-line); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.game-article-head a:hover { color: var(--game-cyan); }
body.game-article .game-article-hero { position: relative !important; min-height: 500px !important; padding: 80px clamp(25px,7vw,120px) !important; display: flex !important; align-items: flex-end !important; overflow: hidden !important; color: #fff !important; background-position: center !important; background-size: cover !important; border: 0 !important; border-bottom: 1px solid var(--game-line) !important; isolation: isolate; }
body.game-article .game-article-hero::before { position: absolute !important; z-index: -1 !important; inset: 0 !important; display: block !important; content: "" !important; background: linear-gradient(0deg,rgba(7,8,16,.97),rgba(7,8,16,.15) 75%) !important; }
body.game-article .game-article-hero > div { width: min(1100px,100%) !important; max-width: 1100px !important; margin: 0 !important; text-align: left !important; }
body.game-article .game-article-hero h1 { max-width: 1000px !important; margin: 0 !important; color: #fff !important; font-family: var(--game-display) !important; font-size: clamp(58px,8vw,116px) !important; font-weight: 900 !important; line-height: .85 !important; letter-spacing: .01em !important; text-align: left !important; text-shadow: 0 8px 28px rgba(0,0,0,.6) !important; text-transform: uppercase; animation: none !important; }
body.game-article .game-article-hero p { max-width: 700px !important; margin: 17px 0 0 !important; color: #c4c7d3 !important; font-size: 14px !important; letter-spacing: .05em !important; text-align: left !important; text-shadow: none !important; animation: none !important; }
body.game-article .container { width: min(1180px,calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 65px 0 110px !important; display: grid !important; grid-template-columns: minmax(0,1fr) 250px !important; gap: 65px !important; color: #fff !important; background: transparent !important; }
body.game-article .container > aside { grid-column: 2; grid-row: 1; }
body.game-article .container > main { grid-column: 1; grid-row: 1; }
body.game-article main.main { min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #e7e8ee !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.game-article main.main::before, body.game-article main.main::after { display: none !important; }
body.game-article main.main .back-btn { display: none !important; }
body.game-article main.main p { margin: 0 0 24px !important; padding: 0 !important; color: #bec2d1 !important; background: transparent !important; border: 0 !important; font-family: var(--game-sans) !important; font-size: 16px !important; line-height: 1.78 !important; letter-spacing: 0 !important; text-align: left !important; }
body.game-article main.main h1, body.game-article main.main h2, body.game-article main.main h3 { margin: 54px 0 19px !important; padding: 0 0 13px !important; color: #fff !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--game-line) !important; font-family: var(--game-sans) !important; font-size: clamp(26px,3vw,38px) !important; font-weight: 800 !important; line-height: 1.14 !important; letter-spacing: -.03em !important; text-align: left !important; text-shadow: none !important; }
body.game-article main.main h1:first-of-type, body.game-article main.main h2:first-of-type { margin-top: 0 !important; }
body.game-article main.main h1::after, body.game-article main.main h2::after { width: 60px !important; height: 3px !important; display: block !important; margin-top: 13px; content: "" !important; background: linear-gradient(90deg,var(--game-violet),var(--game-cyan)) !important; }
body.game-article main.main img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 32px 0 !important; display: block !important; border: 1px solid #3a3e50 !important; border-radius: 9px !important; box-shadow: 8px 9px 0 rgba(131,108,255,.15) !important; filter: none !important; animation: none !important; }
body.game-article main.main ul, body.game-article main.main ol { margin: 20px 0 28px !important; padding-left: 23px !important; color: #bec2d1 !important; }
body.game-article main.main li { margin: 9px 0 !important; padding-left: 3px !important; list-style: inherit !important; }
body.game-article main.main li::before { display: none !important; }
body.game-article aside.sidebar { position: sticky !important; top: 92px !important; height: fit-content !important; padding: 21px !important; color: #fff !important; background: var(--game-panel) !important; border: 1px solid var(--game-line) !important; border-radius: 10px !important; box-shadow: none !important; }
body.game-article aside.sidebar h3 { margin: 0 0 10px !important; padding: 0 0 9px !important; color: var(--game-cyan) !important; border: 0 !important; border-bottom: 1px solid var(--game-line) !important; font-family: var(--game-sans) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .11em !important; text-transform: uppercase; }
body.game-article aside.sidebar ul { margin: 0 0 22px !important; padding: 0 !important; list-style: none !important; }
body.game-article aside.sidebar li { margin: 0 !important; }
body.game-article aside.sidebar a { padding: 8px 0 !important; display: block !important; color: #aaafc1 !important; background: transparent !important; border: 0 !important; border-bottom: 1px dashed var(--game-line) !important; border-radius: 0 !important; font-size: 11px !important; line-height: 1.4; transform: none !important; }
body.game-article aside.sidebar a:hover { color: #fff !important; padding-left: 5px !important; }

.game-playable .game-console-bar { position: relative; width: 100%; min-height: 68px; flex: 0 0 68px; align-self: stretch; }
.game-feature .game-console-bar { position: sticky; }
.game-feature-tag, .game-play-tag { position: fixed; z-index: 2500; right: 15px; bottom: 15px; padding: 7px 10px; color: #fff; background: rgba(7,8,16,.82); border: 1px solid #42475b; border-radius: 999px; font-family: var(--game-sans); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(8px); }
.game-feature-tag::before, .game-play-tag::before { content: "●"; margin-right: 7px; color: var(--game-cyan); }

.game-console-footer { min-height: 145px; padding: 30px clamp(20px,6vw,100px); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 25px; color: var(--game-muted); background: #05060b; border-top: 1px solid var(--game-line); font-family: var(--game-sans); }
.game-footer-brand { display: flex; align-items: center; gap: 13px; }
.game-footer-brand strong { display: block; color: #fff; font-size: 13px; }
.game-footer-brand span { display: block; margin-top: 5px; font-size: 9px; letter-spacing: .05em; }
.game-footer-meta { font-size: 8px; font-weight: 800; letter-spacing: .13em; text-align: right; text-transform: uppercase; }
.game-footer-meta b { color: var(--game-cyan); }
.game-top { position: fixed; z-index: 2600; right: 20px; bottom: 55px; width: 39px; height: 39px; display: grid; place-items: center; color: #fff; background: var(--game-violet); border: 0; border-radius: 50%; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; transform: translateY(8px); }
.game-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }

@keyframes game-pulse { 50% { opacity: .35; box-shadow: 0 0 3px var(--game-cyan); } }

@media (max-width: 940px) {
  .game-console-bar { grid-template-columns: 1fr auto; }
  .game-home { display: none; }
  .game-menu { width: 39px; height: 39px; padding: 10px; display: flex; flex-direction: column; justify-content: center; gap: 5px; color: #fff; background: transparent; border: 1px solid #454a5d; border-radius: 50%; cursor: pointer; }
  .game-menu span { height: 2px; display: block; background: currentColor; transition: transform .2s; }
  .game-menu[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .game-menu[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .game-console-nav { position: absolute; top: 68px; right: 0; left: 0; padding: 16px 23px 23px; display: none; align-items: stretch; flex-direction: column; gap: 0; background: rgba(7,8,16,.98); border-bottom: 1px solid #3b4052; }
  .game-console-nav.is-open { display: flex; }
  .game-console-nav a { padding: 11px 0; border-bottom: 1px solid var(--game-line); }
  .game-console-nav a::before { display: none; }
  .game-hero { grid-template-columns: 1fr .68fr; padding-inline: 45px; }
  .game-player-card { min-height: 390px; }
  .game-avatar { height: 225px; }
  .game-avatar img { width: 210px; height: 210px; }
  body.game-hub .card-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .game-captures-head { grid-template-columns: 1fr; }
  body.game-article .container { grid-template-columns: 1fr !important; }
  body.game-article .container > aside, body.game-article .container > main { grid-column: 1 !important; grid-row: auto !important; }
  body.game-article .container > aside { order: 2; }
  body.game-article aside.sidebar { position: static !important; }
}

@media (max-width: 620px) {
  .game-console-bar { height: 60px; padding-inline: 14px; }
  .game-brand { font-size: 13px; }
  .game-brand-mark { width: 34px; height: 23px; }
  .game-console-nav { top: 60px; }
  .game-hero { min-height: 0; padding: 58px 18px 56px; display: block; background-image: linear-gradient(0deg,rgba(4,5,12,.98),rgba(4,5,12,.42)),var(--game-hero-image); }
  .game-hero h1 { font-size: clamp(72px,24vw,112px) !important; }
  .game-hero-description { margin-top: 27px !important; font-size: 14px !important; }
  .game-status-row { margin-top: 37px; gap: 19px; }
  .game-player-card { width: calc(100% - 34px); min-height: 400px; margin: 60px auto 0; justify-self: auto; }
  .game-avatar { height: 235px; }
  .game-hero-decal--frog { width: 65px; }
  .game-hero-decal--kirby { width: 105px; }
  .game-console-tabs { padding: 0; }
  .game-console-tabs a { padding: 15px 18px; }
  .game-library-tools { width: calc(100% - 28px); margin-top: 48px; align-items: stretch; flex-direction: column; }
  .game-search { min-width: 0; width: 100%; }
  body.game-hub .main { width: calc(100% - 28px) !important; padding: 25px 0 80px !important; }
  body.game-hub[data-game-page="game2.html"] main.main { width: auto !important; max-width: none !important; margin: 0 14px !important; }
  body.game-hub .card-grid { grid-template-columns: 1fr !important; }
  body.game-hub .card { min-height: 395px; }
  body.game-hub .card-img { height: 235px !important; }
  body.game-hub .sub-section { margin-top: 55px !important; padding-top: 48px !important; }
  body.game-hub .sub-section h2 { font-size: 43px !important; }
  .game-captures { padding: 70px 14px 82px; }
  .game-captures-head { gap: 25px; }
  .game-captures-head h2 { font-size: 62px; }
  .game-capture-grid { display: grid; grid-template-columns: 1fr; grid-auto-rows: 240px; }
  .game-capture:nth-child(n) { grid-column: auto; grid-row: auto; }
  .game-lightbox { padding: 15px; }
  .game-article-head { padding: 18px 15px; }
  .game-article-head span:last-child { display: none; }
  body.game-article .game-article-hero { min-height: 390px !important; padding: 55px 18px !important; }
  body.game-article .game-article-hero h1 { font-size: clamp(48px,15vw,72px) !important; }
  body.game-article .container { width: calc(100% - 30px) !important; padding: 45px 0 80px !important; gap: 45px !important; }
  body.game-article main.main p { font-size: 15px !important; line-height: 1.72 !important; }
  body.game-article main.main h1, body.game-article main.main h2, body.game-article main.main h3 { font-size: 27px !important; }
  .game-console-footer { padding: 28px 17px; grid-template-columns: 1fr; }
  .game-footer-meta { text-align: left; }

  body.game-site[data-game-page="game-fun.html"] .game-box { width: calc(100vw - 24px) !important; padding: 16px !important; }
  body.game-site[data-game-page="game-fun.html"] .dialog-box { width: calc(100vw - 30px) !important; }

  body.game-site[data-game-page="game-fun2.html"] .wrap { width: 100% !important; margin: 0 auto !important; padding: 16px !important; }
  body.game-site[data-game-page="game-fun2.html"] .wrap > header { flex-wrap: wrap !important; }
  body.game-site[data-game-page="game-fun2.html"] .controls,
  body.game-site[data-game-page="game-fun2.html"] .hud { min-width: 0; flex-wrap: wrap; }
  body.game-site[data-game-page="game-fun2.html"] #gameCanvas { width: calc(100vw - 32px) !important; height: auto !important; border-width: 2px !important; }
  body.game-site[data-game-page="game-fun2.html"] .healthbar { width: 140px !important; }
  body.game-site[data-game-page="game-fun2.html"] .wrap > div[style] { flex-wrap: wrap; }

  body.game-site[data-game-page="game-fun3.html"] .container { width: 100% !important; padding: 8px !important; }
  body.game-site[data-game-page="game-fun3.html"] .container > header,
  body.game-site[data-game-page="game-fun3.html"] .topbar,
  body.game-site[data-game-page="game-fun3.html"] .hpwrap { flex-wrap: wrap; }
  body.game-site[data-game-page="game-fun3.html"] .hpbox { width: 120px !important; }
  body.game-site[data-game-page="game-fun3.html"] .grid { grid-template-columns: repeat(15,22px) !important; grid-template-rows: repeat(15,22px) !important; gap: 1px !important; }
  body.game-site[data-game-page="game-fun3.html"] .cell { width: 22px !important; height: 22px !important; }
  body.game-site[data-game-page="game-fun3.html"] .pac,
  body.game-site[data-game-page="game-fun3.html"] .ghost { width: 18px !important; height: 18px !important; font-size: 8px !important; }

  body.game-feature[data-game-page="game-nang-cao-bai1.html"] .header-content { width: calc(100% - 32px) !important; }
  body.game-feature[data-game-page="game-nang-cao-bai1.html"] .header-content h1 { max-width: 100%; font-size: clamp(2.4rem,15vw,4rem) !important; overflow-wrap: anywhere; }
  body.game-feature[data-game-page="game-nang-cao-bai1.html"] .header-content p { font-size: 1rem !important; letter-spacing: .2em !important; }
  body.game-feature[data-game-page="game-nang-cao-bai1.html"] .cyber-btn { max-width: 100%; padding-inline: 20px !important; }

  body.game-playable[data-game-page="1.html"] { display: block !important; width: 100% !important; }
  body.game-playable[data-game-page="1.html"] canvas { max-width: 100vw !important; display: block !important; }
  body.game-playable[data-game-page="1.html"] #windmill { left: auto !important; right: 0 !important; width: 120px !important; height: 150px !important; }
  body.game-playable[data-game-page="1.html"] #wind-info { left: auto !important; right: 8px !important; }

  body.game-playable[data-game-page="6.html"] .center-screen { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; padding: 24px 16px !important; }
  body.game-playable[data-game-page="6.html"] .title { font-size: clamp(3rem,18vw,6rem) !important; }
  body.game-playable[data-game-page="6.html"] .subtitle { font-size: clamp(1.35rem,8vw,2.5rem) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.game-site *, body.game-site *::before, body.game-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}