/* ARKAN CO production presentation refinement, Oct 10 2026. No gameplay logic. */
html,body{max-width:100%;overflow-x:clip}
body{background-image:linear-gradient(90deg,rgba(4,8,16,.34),rgba(4,8,16,.17),rgba(4,8,16,.39)),url('/prelaunch/hero-wide.webp?v=arkanc')!important}
body::before{background:linear-gradient(180deg,rgba(5,9,18,.22),rgba(6,10,18,.42) 55%,rgba(4,7,13,.82))!important}
.brand .arkan-crest{object-fit:contain!important}
.head .brand{gap:10px;min-width:0;max-width:80%;line-height:1.1}
.hero{min-width:0!important}
.intro,.glass{min-width:0!important}
.intro p,.glass p{overflow-wrap:anywhere}
@media(max-width:820px){
  body{background-image:linear-gradient(180deg,rgba(4,8,15,.20),rgba(5,9,17,.58) 42%,rgba(5,9,17,.92)),url('/prelaunch/hero-mobile.webp?v=arkanc')!important;background-size:100% auto!important;background-position:center top!important;background-attachment:scroll!important}
  .wrap{width:calc(100% - 24px)!important}
  .head .brand{font-size:clamp(14px,4.3vw,19px)!important;flex:1}
  .head .brand .arkan-crest{width:46px!important;height:46px!important;flex:none}
  .hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .intro,.glass{max-width:100%!important;width:100%!important;padding:clamp(15px,4vw,20px)!important}
  .intro h1{font-size:clamp(24px,6.5vw,35px)!important}
  .intro p{font-size:14px!important;line-height:1.75!important}
  .clock{gap:5px!important}.clock div{flex:0 1 68px!important;min-width:0!important;padding:8px 4px!important}.clock strong{font-size:clamp(19px,6vw,26px)}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}