﻿/* â”€â”€ MOBILE â”€â”€ */
@media(max-width:900px){
  .vip-grid{grid-template-columns:1fr}
  .vip-hikari{transform:none}
  .vip-hikari:hover{transform:translateY(-8px) scale(1.02)}
  .hana-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .policy-grid{grid-template-columns:1fr}
  .page-hero-grid{grid-template-columns:1fr;gap:1.25rem}
  .commands-module-header{flex-direction:column}
  .about-grid,.profile-grid{grid-template-columns:1fr;gap:2.5rem}
  .profile-showcase{width:100%;margin-right:0}
  .cta-inner-ranking{grid-template-columns:1fr;text-align:center}
  .cta-copy{max-width:none}
  .cta-discord-showcase{max-width:780px;margin:0 auto}
  #about .container{max-width:1100px}
  .about-copy{max-width:none}
  .about-visual{padding:0.5rem 0 0;justify-content:stretch}
  .discord-showcase{width:100%;margin-right:0}
  .footer-top{grid-template-columns:1fr 1fr;gap:2.25rem}
  .footer-brand{max-width:none;grid-column:1 / -1}
  .footer-links-group{justify-self:start}
}
@media(max-width:640px){
  nav .nav-links{display:none}
  nav .nav-links.open{
    display:flex;flex-direction:column;gap:1.5rem;
    position:fixed;top:70px;left:0;right:0;bottom:0;
    background:rgba(10,6,17,0.97);backdrop-filter:blur(20px);
    align-items:center;justify-content:center;
    z-index:999;
  }
  .hamburger{display:flex}
  .page-hero{padding:7.75rem 1.5rem 3.5rem}
  .hero-char{width:160px;height:160px}
  .hana-store-shell{padding:1.25rem}
  .hana-store-grid{grid-template-columns:1fr}
  .hana-store-title{font-size:1.6rem}
  .hana-mini-card{padding:0.95rem}
  .hana-mini-price{font-size:1.45rem}
  .commands-shell{padding:1rem}
  .commands-filter-btn{font-size:0.82rem;padding:0.55rem 0.85rem}
  .commands-grid{grid-template-columns:1fr}
  .policy-card{padding:1.2rem}
  .policy-contact-card{padding:1.45rem}
  .policy-contact-card h3{font-size:1.55rem}
  .faq-question{padding:1rem 1rem;font-size:0.95rem}
  .faq-answer{padding:0 1rem 1.1rem;font-size:0.9rem}
  .cta-discord-showcase .discord-avatar{width:50px;height:50px}
  .cta-discord-showcase .discord-command{font-size:1.04rem}
  .cta-discord-showcase .discord-thread{padding-right:1rem}
  .cta-discord-showcase .discord-message-copy{font-size:0.9rem}
  .discord-followup-spacer{width:50px}
  .ranking-header,.rank-row{grid-template-columns:40px 1fr 90px}
  .rank-badge{display:none}
  .profile-showcase::before{inset:auto 5% 10px 5%;height:120px}
  .profile-showcase-slide,
  .profile-showcase-image{border-radius:22px}
  .about-visual{padding:1rem 0 0}
  .discord-shell-top{padding:0.85rem 1rem}
  .discord-thread{padding:1.05rem 1rem 1rem}
  .discord-message{gap:0.75rem}
  .discord-avatar{width:42px;height:42px}
  .discord-command{font-size:1rem}
  .discord-embed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}
  .discord-embed-title{font-size:0.95rem}
  .discord-showcase-note{font-size:0.82rem}
  footer{padding:3rem 1.5rem 2rem}
  .footer-top{grid-template-columns:1fr;gap:2rem}
  .footer-links-group{min-width:0}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-copy,.footer-tagline{text-align:left}
}
