@media (max-width: 1510px) {
  :root { --right-w: 286px; }
  .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .top-link:nth-child(3) { display: none; }
}
@media (max-width: 1279px) {
  :root { --sidebar-w: 82px; --right-w: 270px; }
  .sidebar { padding-inline: 12px; }
  .sidebar .brand { justify-content: center; font-size: 0; }
  .sidebar .side-label, .sidebar .side-link span, .sidebar-promo { display: none; }
  .sidebar .side-link { justify-content: center; padding: 0; }
  .sidebar .side-link svg { width: 20px; }
  .desktop-grid { gap: 15px; padding-inline: 15px; }
  .topbar { padding-inline: 15px; }
  .hero { padding-inline: 28px; }
  .hero-controls { left: 28px; }
  .game-cover { height: 140px; }
}
@media (max-width: 1023px) {
  :root { --header-h: 68px; }
  .sidebar, .topbar { display: none; }
  .mobile-header { position: fixed; inset: 0 0 auto; z-index: 50; height: var(--header-h); display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 10px; padding: 0 14px; background: rgba(5,11,29,.94); border-bottom: 1px solid var(--border); backdrop-filter: blur(14px); }
  .mobile-header .brand { justify-self: center; font-size: 16px; }
  .mobile-header .brand-mark { width: 27px; height: 27px; transform: scale(.88) rotate(-10deg); }
  .mobile-actions { display: flex; gap: 7px; }
  .app-main { margin: 0; padding-top: var(--header-h); padding-bottom: 82px; }
  .desktop-grid { display: block; padding: 15px 15px 38px; }
  .right-panel { grid-template-columns: repeat(2, 1fr); margin-top: 30px; }
  .right-panel .panel-card:first-child { grid-row: span 2; }
  .mobile-only { display: initial !important; }
  .desktop-only { display: none !important; }
  .drawer-backdrop { position: fixed; inset: 0; z-index: 54; background: rgba(1,4,15,.76); opacity: 0; backdrop-filter: blur(5px); transition: opacity .24s ease; }
  .drawer { position: fixed; inset: 0 auto 0 0; z-index: 55; width: min(360px, calc(100vw - 28px)); height: 100vh; height: 100dvh; display: flex; flex-direction: column; padding: max(15px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)); overflow-y: auto; border-right: 1px solid rgba(95,117,207,.32); border-radius: 0 24px 24px 0; background: radial-gradient(circle at 12% 2%, rgba(0,229,229,.08), transparent 24%), linear-gradient(180deg, #091634 0%, #07112a 58%, #091431 100%); box-shadow: 28px 0 70px rgba(0,0,0,.5); transform: translateX(-104%); visibility: hidden; transition: transform .28s cubic-bezier(.22,.8,.24,1), visibility 0s linear .28s; }
  .drawer.open { display: flex; transform: translateX(0); visibility: visible; transition-delay: 0s; }
  .drawer.open + .drawer-backdrop { display: block; }
  .drawer.open + .drawer-backdrop { opacity: 1; }
  .drawer-head { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; padding: 0 2px 12px 4px; border-bottom: 1px solid rgba(36,55,114,.68); }
  .drawer-head .brand { font-size: 15px; letter-spacing: -.035em; }
  .drawer-head .brand-mark { width: 27px; height: 27px; transform: scale(.84) rotate(-10deg); }
  .drawer-head .icon-btn { width: 38px; height: 38px; flex: 0 0 auto; border-color: rgba(75,96,170,.68); background: rgba(16,27,63,.76); }
  .drawer-nav { display: grid; gap: 3px; }
  .drawer-section-label { display: block; margin: 10px 12px 4px; color: #6576a6; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
  .drawer .side-link { min-height: 42px; justify-content: flex-start; gap: 12px; padding: 0 13px; border: 1px solid transparent; border-radius: 11px; color: #aeb9d7; font-size: 12px; }
  .drawer .side-link svg { width: 18px; height: 18px; flex: 0 0 auto; }
  .drawer .side-link:hover { transform: none; border-color: rgba(62,82,153,.65); background: rgba(21,34,77,.72); }
  .drawer .side-link.active { background: linear-gradient(105deg, #6323f2, #a52ee5); border-color: rgba(200,151,255,.22); box-shadow: 0 9px 22px rgba(113,39,255,.24); }
  .drawer-account { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(36,55,114,.68); }
  .drawer-foot { margin-top: auto; padding: 12px 12px 2px; color: #7180a9; font-size: 9px; line-height: 1.45; }
  .drawer-foot strong { display: block; margin-bottom: 2px; color: #aab6d5; font-size: 10px; }
  .bottom-nav { position: fixed; z-index: 48; inset: auto 0 0; height: calc(67px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); padding: 7px 8px env(safe-area-inset-bottom); background: rgba(8,18,46,.97); border-top: 1px solid var(--border); border-radius: 18px 18px 0 0; backdrop-filter: blur(15px); }
  .bottom-link { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #7e8db6; font-size: 9px; font-weight: 700; border-radius: 11px; }
  .bottom-link svg { width: 19px; }
  .bottom-link.active { color: white; background: linear-gradient(145deg, rgba(113,39,255,.78), rgba(199,53,255,.46)); }
  .hero { min-height: 310px; }
  .hero-copy { width: 60%; }
  .hero h1 { font-size: 45px; }
  .game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .mobile-header { grid-template-columns: 40px minmax(0,1fr) auto; gap: 7px; padding-inline: 10px; }
  .mobile-header .brand { font-size: 13px; gap: 5px; }
  .mobile-header .brand-mark { margin-right: -2px; transform: scale(.72) rotate(-10deg); }
  .mobile-header .btn { min-height: 35px; padding-inline: 11px; font-size: 10px; }
  .mobile-header .icon-btn { width: 36px; height: 36px; }
  .mobile-actions { gap: 5px; }
  .desktop-grid { padding: 10px 11px 32px; }
  .hero { min-height: 395px; align-items: flex-start; padding: 31px 23px; border-radius: 19px; background: linear-gradient(145deg, #101743 0%, #301864 52%, #0c304f 100%); }
  .hero-copy { width: 79%; z-index: 3; }
  .hero h1 { margin-top: 4px; font-size: clamp(39px, 13vw, 58px); font-style: italic; line-height: .92; }
  .hero p { max-width: 270px; font-size: 12px; }
  .hero-art { width: 70%; height: 74%; right: -16%; bottom: 0; opacity: .72; }
  .hero-controls { left: 23px; bottom: 16px; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .hero-actions .btn { min-height: 39px; padding-inline: 12px; font-size: 10px; }
  .responsible-note { display: block; width: 100%; margin-top: 5px; color: #b9c4e2; font-size: 9px; }
  .filter-bar { margin: 13px 0 25px; padding: 7px; border: 0; background: transparent; }
  .filter-chip { min-width: 80px; min-height: 65px; flex-direction: column; justify-content: center; gap: 4px; padding: 5px 9px; border-color: var(--border); font-size: 9px; }
  .filter-chip svg { width: 19px; }
  .filter-bar .select-control { display: none; }
  .section { margin-top: 26px; }
  .section-head h2 { font-size: 17px; }
  .game-scroll { display: flex; gap: 11px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 1px 8px; }
  .game-scroll .game-card { flex: 0 0 43%; scroll-snap-align: start; }
  .game-scroll .game-cover { height: 155px; }
  .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .game-cover { height: 145px; }
  .game-info { padding: 9px; }
  .right-panel { grid-template-columns: 1fr; }
  .right-panel .panel-card:first-child { display: none; }
  .promo-grid, .list-grid { grid-template-columns: 1fr; }
  .promo-card { min-height: 160px; }
  .split-detail, .profile-layout { grid-template-columns: 1fr; }
  .detail-art, .detail-art img { min-height: 285px; }
  .detail-copy h1 { font-size: 30px; }
  .player-frame { min-height: 410px; }
  .reel { width: 63px; height: 74px; }
  .page-hero { min-height: 260px; padding: 28px 22px; }
  .page-hero .hero-copy { width: 83%; }
  .page-hero h1 { font-size: 36px; }
  .form-card { margin: 15px auto; padding: 21px 17px; }
  .toast-stack { left: 12px; right: 12px; bottom: 82px; }
  .toast { min-width: 0; }
  .dropdown { position: fixed; top: 62px; right: 10px; width: min(300px, calc(100vw - 20px)); }
  .modal-backdrop { place-items: end center; padding: 0; }
  .modal { width: 100%; max-height: 89vh; max-height: 89dvh; padding: 20px 16px max(18px, env(safe-area-inset-bottom)); border-right: 0; border-bottom: 0; border-left: 0; border-radius: 24px 24px 0 0; animation: sheetUp .25s cubic-bezier(.22,.8,.24,1); }
  .modal-head h2 { font-size: 19px; }
  .support-modal { width: 100%; height: 92vh; height: 92dvh; max-height: 92vh; max-height: 92dvh; border-radius: 24px 24px 0 0; }
  .support-modal .modal-head { min-height: 58px; padding: 0 14px 0 18px; }
  .support-modal .modal-body { min-height: 0; max-height: none; padding: 0; }
  .chat-agent-bar { min-height: 62px; padding: 9px 14px; }
  .chat-agent-avatar { width: 40px; height: 40px; }
  .chat-conversation { padding: 15px 12px 18px; }
  .chat-message-content { max-width: 82%; }
  .chat-quick-replies { flex-wrap: nowrap; margin-left: 36px; padding-bottom: 3px; overflow-x: auto; scrollbar-width: none; }
  .chat-quick-replies::-webkit-scrollbar { display: none; }
  .chat-composer { padding: 9px 10px max(8px, env(safe-area-inset-bottom)); }
  .chat-demo-caption { margin-top: 4px; }
  @keyframes sheetUp { from { transform: translateY(100%); } }
}
@media (max-width: 374px) {
  .mobile-header .brand { font-size: 11px; }
  .mobile-header .brand-mark { display: none; }
  .game-scroll .game-card { flex-basis: 48%; }
  .hero h1 { font-size: 39px; }
  .drawer { width: calc(100vw - 20px); border-radius: 0 20px 20px 0; }
  .drawer .side-link { min-height: 40px; }
  .drawer-foot { display: none; }
}