body.game-page { --game-title-font: 'Polygothic', sans-serif; --game-body-font: 'Yeongdeok', sans-serif; --game-accent: #9ee4ca; background-color: #0c1215; color: #eef5f2; display: block; padding: 0; font-family: var(--game-body-font); overflow-wrap: anywhere; }
.game-page *, .game-page *::before, .game-page *::after { box-sizing: border-box; }
body.game-page::before { position: fixed; background: rgba(5, 14, 20, .78); pointer-events: none; }
body.game-page.torizon-series { --game-title-font: 'D2Coding', monospace; --game-body-font: 'D2Coding', monospace; --game-accent: #ff7777; background: radial-gradient(ellipse at 50% 0, #392020, #101215 65%); }
body.game-page.kingcrab { --game-accent: #ffb967; }
.game-nav { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(1160px, calc(100% - 40px)); margin: auto; padding-block: 22px; border-bottom: 1px solid #ffffff29; font: 13px var(--game-title-font); }
.game-nav a { text-decoration: none; color: #ecf1ef; }
.game-nav img { display: block; width: 145px; height: auto; }
.game-nav a:hover { color: var(--game-accent); }
.game-page .logo-container { position: relative; z-index: 2; max-width: 1100px; padding: 52px 40px 28px; background: #10181be8; border: 1px solid #ffffff22; border-radius: 20px; margin: 36px auto; box-shadow: 0 22px 90px #0005; text-align: center; }
.game-page .logo-container > .logo:first-child { width: min(650px, 100%); max-width: 650px; height: auto; margin: 30px auto 50px; }
.torizon-series .logo-container > .logo:first-child { background: #f4f4f0; padding: 22px; border-radius: 12px; }
.game-page .text_title { font: 400 clamp(26px, 4vw, 42px)/1.3 var(--game-title-font); letter-spacing: 0; color: var(--game-accent); margin: 60px 0 26px; }
.game-page .text_default { font: 400 18px/1.9 var(--game-body-font); color: #cfdbd6; }
.game-page .text_blog_title { font: 700 24px/1.5 var(--game-title-font); color: #eef5f2; }
.game-page .intro-kor, .game-page .intro-eng { margin: 26px auto; max-width: 860px; }
.game-page .intro-eng .text_default { color: #91a79e; font-size: 16px; }
.game-page .experience-list { display: block; max-width: 850px; padding: 28px; margin: 20px auto; border: 1px solid #ffffff22; border-radius: 12px; background: #ffffff04; }
.game-page .experience-list .text_default { font-size: 15px; }
.game-page .widget-container { margin: 20px auto; }
.game-page .widget-container iframe { flex-shrink: 0; }
.game-page iframe { border: 0; border-radius: 12px; }
.game-page .video-container { max-width: 850px; }
.game-page .text_down { margin: 60px 0 0; padding-top: 26px; border-top: 1px solid #ffffff22; color: #839b8f; font: 12px/1.8 var(--game-title-font); }
.game-page .logo { max-width: 100%; height: auto; }
.game-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-block: 28px; }
.game-page .game-gallery .logo { width: 100%; height: auto; margin: 0; border-radius: 10px; border: 1px solid #ffffff22; }
.showcase-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; }
.showcase-gallery img { background: #fff; padding: 12px; }
.game-cta { display: inline-block; margin: 26px 0 10px; padding: 14px 24px; background: var(--game-accent); border-radius: 7px; color: #101315; text-decoration: none; font: 700 15px var(--game-title-font); }
.game-cta:hover { filter: brightness(1.15); }
.game-page a:focus-visible { outline: 2px solid var(--game-accent); outline-offset: 5px; }
@media (max-width: 700px) {
  .game-page .logo-container { width: calc(100% - 28px); padding: 24px 18px; margin: 24px auto; border-radius: 12px; }
  .game-page .logo-container > .logo:first-child { margin: 25px auto; }
  .game-page .text_title { margin-top: 42px; }
  .game-page .text_default { font-size: 16px; }
  .game-page .experience-list { padding: 18px; }
  .game-gallery { grid-template-columns: 1fr; }
  .showcase-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .game-page .desktop-br { display: none; }
}