/* Persistent navigation; reserve room for anchor targets beneath it. */
html{scroll-padding-top:120px}
#site>.header{position:sticky;top:0;z-index:50;max-width:none;margin:0;padding:0 4%;height:96px;background:var(--bg);box-shadow:0 4px 16px #2527200a;border-bottom:1px solid #b5b8ab}
#site>.header .brand{font-size:28px;gap:12px}
#site>.header .brand img{width:40px;height:40px}
#site>.header nav{font-size:18px;gap:36px}
#site>.header .header-note{font-size:12px;letter-spacing:1px}

@media(min-width:701px){
  body{font-size:18px}
  .masthead-meta{font-size:13px}.intro-line>span{font-size:17px;line-height:1.9}
  .eyebrow,.feature .eyebrow,.detail-page .eyebrow{font-size:14px;letter-spacing:1px}
  .feature .feature-copy{font-size:18px;line-height:1.8}.feature h2>span{font-size:23px}
  .feature-action>span{font:600 15px/1.8 'Noto Sans KR',sans-serif}.feature-action{flex-wrap:wrap}
  .btn{font-size:16px;padding:17px 24px}
  .section-head>p{font-size:17px;line-height:1.8}
  .game-card{grid-template-columns:clamp(170px,17vw,250px) minmax(0,1fr) auto;gap:30px;padding:36px 0}
  .card-image{width:100%;height:170px}
  .game-card h3{font-size:34px;line-height:1.35;margin:8px 0 12px}
  .game-card h3 small{font-size:16px;line-height:1.6}
  .card-meta{font-size:15px;line-height:1.7;color:#49513e;letter-spacing:.2px}
  .card-description{font-size:20px;line-height:1.8;color:#404a35;margin:10px 0 16px}
  .detail-link{font-size:18px;padding:8px 0;gap:36px}
  .release-label{font:600 18px/1.6 'Noto Sans KR',sans-serif;letter-spacing:0;color:#46523a;white-space:nowrap}
  .card-bottom .store,.release-box .store{font-size:15px;padding:12px 15px;gap:8px}
  .card-bottom .store svg{width:18px;height:18px}
  .store:disabled{color:#646e58;border-color:#aeb5a2;opacity:1}
  .detail-page .back,.back{font-size:16px}.detail-heading p{font-size:20px;line-height:1.85}
  .release-box strong{font-size:28px}.release-box p{font-size:17px;line-height:1.8}
  .detail-page .caption,.caption{font-size:15px;line-height:1.8;color:#58654b}
  .about-game p{font-size:20px;line-height:1.95;color:#404c34}.about-game h2{font-size:32px}
  .game-facts{flex-wrap:wrap}.game-facts span{font-size:14px}.game-facts strong{font-size:17px}
  .arcade-copy p{font-size:20px}.arcade-art>p{font-size:13px}
  .arcade-page>.intro-copy{font-size:18px}.arcade-card h2{font-size:20px;line-height:1.5}.arcade-card p{font-size:15px}
  .filters button,.arcade-toolbar input{font-size:16px}.player-bar a,.player-bar button{font-size:16px}
  .contact-heading>p{font-size:17px}.contact-index{font-size:12px}
  .inquiry-form label,.inquiry-types legend,.inquiry-types label>span{font-size:16px}
  .inquiry-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.inquiry-form textarea{font-size:17px}
  .inquiry-form input::placeholder,.inquiry-form textarea::placeholder{font-size:15px}
  .inquiry-consent>label,.inquiry-consent details,.inquiry-submit-row>span{font-size:14px}.inquiry-status{font-size:16px}
  .company-info strong{font-size:18px}.company-info p,.company-info p span{font-size:14px;line-height:1.9}
  .footer-links{font-size:14px}.footer-top>button{font-size:14px}.footer-bottom>span{font-size:11px}
}
@media(min-width:701px) and (max-width:1100px){
  #site>.header .brand{font-size:24px}#site>.header nav{font-size:16px;gap:24px}
  .game-card{gap:22px}.game-card h3{font-size:29px}.card-description{font-size:18px}
  .card-bottom .stores{flex-direction:column}.release-label{font-size:16px}
  .game-card h3 small{display:block;margin:6px 0 0}.detail-heading{grid-template-columns:1fr;gap:24px}
  .release-box{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
}
@media(min-width:1660px){#site>.header{padding-left:max(4%,calc((100vw - 1416px)/2));padding-right:max(4%,calc((100vw - 1416px)/2))}}
@media(max-width:700px){
  html{scroll-padding-top:148px}
  #site>.header{height:auto;min-height:112px;margin:0;padding:16px 20px;gap:16px}
  #site>.header .brand{font-size:20px;gap:9px}#site>.header .brand img{width:30px;height:30px}
  #site>.header nav{font-size:14px;gap:12px;width:100%;justify-content:space-between}
}