@media(max-width:1050px){
 .main-nav{gap:14px}.nav-link{font-size:12px}.header-inner{gap:15px}.brand-name{font-size:17px}
 .hero-layout{gap:25px}.hero-visual{height:410px}.hero-image-wrap{height:340px}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .games-layout{gap:38px}.about-layout{gap:55px}
 .footer-main{gap:25px}
}
@media(max-width:800px){
 .container{width:min(var(--container),calc(100% - 42px))}
 .section{padding-block:82px}
 .header-inner{height:70px}
 .menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--line);border-radius:4px;background:transparent;cursor:pointer;order:3}
 .menu-toggle span{height:1px;width:18px;background:white;transition:.2s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
 .header-cta{margin-right:auto}
 .main-nav{position:absolute;top:69px;right:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 21px 16px;background:#0c0d16f7;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s}
 .main-nav.open{visibility:visible;opacity:1;transform:translateY(0)}
 .nav-link{padding:11px 5px;font-size:14px;border-bottom:1px solid #ffffff0b}
 .nav-link.active:after{display:none}
 .hero{padding-block:57px 25px}
 .hero-layout{grid-template-columns:1fr;gap:12px}
 .hero-copy{text-align:center}
 .hero-copy .eyebrow{justify-content:center}
 .hero-description{margin-inline:auto}
 .hero-actions{justify-content:center}
 .hero-note{justify-content:center;margin-top:20px}
 .hero-visual{height:min(68vw,390px);min-height:270px}
 .hero-image-wrap{width:80%;height:84%;top:8%;left:10%}
 .chip-top{right:2%;top:4%}.chip-bottom{right:10%;bottom:2%}
 .hero-bottom{margin-top:18px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:28px}
 .section-heading>p{max-width:550px}
 .category-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
 .product-toolbar{align-items:flex-start;flex-direction:column}
 .search-box{width:100%;max-width:360px}
 .games-layout{grid-template-columns:1fr;gap:30px}
 .games-intro{max-width:540px}
 .game-grid{max-width:650px}
 .services-grid{grid-template-columns:1fr 1fr}
 .about-layout{grid-template-columns:1fr;gap:40px}
 .about-visual{height:390px;max-width:600px;width:100%}
 .about-visual>img{width:88%}
 .about-copy{max-width:600px}
 .faq-layout{grid-template-columns:1fr;gap:30px}
 .faq-intro>p:not(.eyebrow){max-width:500px}
 .contact-panel{padding:40px 34px}
 .contact-details{position:relative;right:auto;bottom:auto;flex-basis:100%;padding-top:14px}
 .contact-mark{width:150px;height:150px;font-size:49px}
 .footer-main{grid-template-columns:1.2fr 1fr 1fr;row-gap:35px}
 .footer-contact{grid-column:2 / 4}
 .gallery-grid{grid-template-rows:160px 160px}
}
@media(max-width:560px){
 .container{width:calc(100% - 36px)}
 .section{padding-block:67px}
 .header-inner{height:64px;gap:10px}
 .brand-mark{width:28px}.brand-name{font-size:15px}.brand-name span{font-size:9px}
 .main-nav{top:63px}
 .header-cta{min-height:36px;padding:0 11px;font-size:11px}
 .menu-toggle{width:38px;height:38px}
 .hero{padding-top:48px}
 .hero h1{font-size:clamp(42px,12vw,60px);letter-spacing:-1px}
 .hero-description{font-size:13px;line-height:1.9}
 .hero-actions .button{min-height:47px;padding-inline:15px;font-size:12px}
 .hero-visual{height:290px;min-height:0}
 .hero-image-wrap{width:89%;left:5%;height:82%}
 .hero-tag{left:18px;bottom:24px}
 .floating-chip{padding:9px 11px}
 .chip-top{right:-2%}.chip-bottom{right:2%;bottom:0}
 .hero-bottom{font-size:9px}.hero-scroll{font-size:10px}
 .section-heading h2,.games-intro h2,.about-copy h2,.faq-intro h2{font-size:35px}
 .category-grid{grid-template-columns:1fr 1fr;grid-auto-rows:155px;gap:9px}
 .category-card{min-height:150px}
 .category-featured{grid-column:auto;grid-row:span 2}
 .category-featured{grid-row:span 2}
 .category-number{top:10px;left:10px;font-size:8px}
 .category-info{right:12px;left:12px;bottom:12px}
 .category-info b{font-size:14px}.category-info small{font-size:9px}
 .circle-arrow{width:28px;height:28px;font-size:13px}
 .category-pills{gap:6px}.category-pills span{padding:5px 8px;font-size:9px}
 .filter-tabs{gap:5px}.filter-button{padding:7px 10px;font-size:10px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .product-image{height:155px}
 .product-info{padding:12px 10px}
 .product-info h3{font-size:13px}.product-info p{font-size:10px;min-height:52px}
 .availability,.inquiry-link{font-size:9px}
 .pc-banner{min-height:420px}
 .pc-banner-image{inset:0 8% 0 0}
 .pc-banner-overlay{background:linear-gradient(270deg,#0b0c13 0%,#0b0c13df 30%,#0b0c1399 100%),linear-gradient(0deg,#0b0c13,transparent)}
 .banner-index{left:18px}
 .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .game-details{bottom:8px;right:7px;left:7px}
 .game-details span{font-size:8px}.game-details h3{font-size:10px}
 .services-grid{gap:9px}
 .service-card{min-height:188px;padding:17px 14px}
 .service-no{top:16px;left:13px}.service-card h3{font-size:14px;margin-top:14px}.service-card p{font-size:10px}
 .about-visual{height:300px}
 .about-stamp{width:95px;height:95px;bottom:20px}.about-stamp b{font-size:27px}
 .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:155px 125px 125px;gap:8px}
 .gallery-item.gallery-large{grid-row:span 2}
 .gallery-item:last-child{grid-column:2}
 .faq-item summary{font-size:12px;padding:16px 0}
 .faq-item>p{font-size:11px}
 .contact-section{padding-block:55px 70px}
 .contact-panel{min-height:auto;padding:32px 22px}
 .contact-details{gap:16px}
 .contact-mark{display:none}
 .contact-copy h2{font-size:33px}
 .contact-copy>p:not(.eyebrow):not(.config-hint){font-size:12px}
 .contact-actions{flex-direction:column;align-items:stretch}
 .contact-actions .button{min-height:46px}
 .footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:42px 30px}
 .footer-brand{grid-column:1 / 3}
 .footer-contact{grid-column:auto}
 .footer-bottom{flex-wrap:wrap;justify-content:space-between;padding-block:13px;font-size:9px}
 .footer-bottom>span:nth-child(2){margin-right:0}
 .back-to-top{margin-right:auto}
 .lightbox{padding:30px 10px}
 .lightbox img{max-height:75vh}
 .lightbox-prev{left:8px}.lightbox-next{right:8px}
}
@media(max-width:360px){
 .container{width:calc(100% - 28px)}
 .brand{gap:6px}.brand-name{font-size:13px;letter-spacing:.5px}.brand-name span{letter-spacing:3px}
 .header-cta{padding-inline:8px;font-size:10px}
 .hero h1{font-size:40px}
 .category-info{right:9px;left:9px}.category-info b{font-size:12px}
 .product-image{height:132px}
 .product-meta{gap:3px}
 .service-card{padding-inline:11px}
}
