/* Keyzira v6.6.57 — MOBILE PRODUCTION POLISH
   Desktop guarantee: every rule in this file is inside a max-width media query.
   Purpose: stabilize public/mobile layouts without changing the PC design. */

@media (max-width:980px){
  html{max-width:100%;overflow-x:hidden}
  body:not(.admin-mode){max-width:100%;overflow-x:hidden}
  body:not(.admin-mode) .site-main{max-width:100%;overflow:hidden}
  body:not(.admin-mode) *,body:not(.admin-mode) *::before,body:not(.admin-mode) *::after{box-sizing:border-box}
  body:not(.admin-mode) img,body:not(.admin-mode) svg,body:not(.admin-mode) video{max-width:100%}
  body:not(.admin-mode) .page-container,
  body:not(.admin-mode) .page-wrap,
  body:not(.admin-mode) .v6-page,
  body:not(.admin-mode) .duel-page,
  body:not(.admin-mode) .leaderboard-page-v2,
  body:not(.admin-mode) .blog-page,
  body:not(.admin-mode) .article-page,
  body:not(.admin-mode) .trust-page,
  body:not(.admin-mode) .account-settings-page{width:100%;max-width:100%;min-width:0}

  /* Header — fixed three-zone layout, no absolute right offsets. */
  body:not(.admin-mode) .site-header{height:72px!important;padding:7px 10px 0!important;overflow:visible!important}
  body:not(.admin-mode) .header-inner{
    position:relative!important;width:100%!important;max-width:none!important;height:58px!important;
    padding:0 9px 0 12px!important;display:grid!important;
    grid-template-columns:minmax(108px,1fr) 40px auto!important;align-items:center!important;gap:6px!important;
    border-radius:13px!important;overflow:visible!important;
  }
  body:not(.admin-mode) .brand{grid-column:1!important;min-width:0!important;width:max-content!important;max-width:100%!important;justify-self:start!important}
  body:not(.admin-mode) .site-brand-logo{height:32px!important;max-width:125px!important;width:auto!important}
  body:not(.admin-mode) .mobile-menu{
    display:grid!important;position:static!important;inset:auto!important;right:auto!important;top:auto!important;
    grid-column:2!important;width:38px!important;height:38px!important;margin:0!important;border-radius:10px!important;
    place-items:center!important;font-size:16px!important;z-index:90!important;
  }
  body:not(.admin-mode) .header-actions{
    grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:5px!important;min-width:0!important;max-width:100%!important;
  }
  body:not(.admin-mode) .guest-account-chip{display:none!important}
  body:not(.admin-mode) .header-actions>.outline-btn.compact{display:none!important}
  body:not(.admin-mode) .header-actions>.primary-btn.compact{display:inline-flex!important;min-height:38px!important;height:38px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap!important}
  body:not(.admin-mode) .theme-quick-toggle{display:none!important}
  body:not(.admin-mode) .keyzira-language-picker{
    display:flex!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:38px!important;
    padding:0 5px!important;gap:2px!important;border:1px solid var(--line)!important;border-radius:10px!important;
  }
  body:not(.admin-mode) .keyzira-language-picker .language-picker-globe{display:none!important}
  body:not(.admin-mode) .keyzira-language-picker select{width:34px!important;min-width:0!important;padding:0!important;font-size:10px!important;text-overflow:clip!important}
  body:not(.admin-mode) .keyzira-language-picker .language-picker-chevron{font-size:10px!important}
  body:not(.admin-mode) .notification-trigger{width:38px!important;height:38px!important;border-radius:10px!important}
  body:not(.admin-mode) .account-trigger{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;padding:3px!important;border-radius:10px!important;justify-content:center!important}
  body:not(.admin-mode) .account-trigger-copy,body:not(.admin-mode) .account-chevron{display:none!important}
  body:not(.admin-mode) .account-trigger .account-avatar{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important}
  body:not(.admin-mode) .main-nav{
    display:none!important;position:absolute!important;z-index:89!important;top:64px!important;left:0!important;right:0!important;
    width:100%!important;height:auto!important;max-height:calc(100vh - 90px)!important;overflow-y:auto!important;
    padding:9px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;
    box-shadow:0 18px 48px rgba(8,10,24,.22)!important;backdrop-filter:none!important;
    grid-template-columns:1fr 1fr!important;gap:5px!important;
  }
  body:not(.admin-mode) .main-nav.open{display:grid!important}
  body:not(.admin-mode) .main-nav a{
    width:100%!important;min-width:0!important;height:42px!important;padding:0 11px!important;display:flex!important;
    align-items:center!important;justify-content:flex-start!important;border-radius:9px!important;font-size:11.5px!important;
    white-space:normal!important;line-height:1.2!important;
  }
  body:not(.admin-mode) .main-nav a.active::after{display:none!important}
  body:not(.admin-mode) .main-nav a.active{background:var(--primary-soft)!important;color:var(--primary)!important}
  body:not(.admin-mode) .account-dropdown{position:fixed!important;top:70px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 84px)!important;overflow:auto!important}
  body:not(.admin-mode) .notification-panel{position:fixed!important;top:70px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 84px)!important}

  /* Global touch / text safety */
  body:not(.admin-mode) button,body:not(.admin-mode) select,body:not(.admin-mode) input{max-width:100%}
  body:not(.admin-mode) .primary-btn,body:not(.admin-mode) .outline-btn{min-height:42px}
  body:not(.admin-mode) h1,body:not(.admin-mode) h2,body:not(.admin-mode) h3,body:not(.admin-mode) p,body:not(.admin-mode) strong{overflow-wrap:break-word}
  body:not(.admin-mode) .table-card{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Generic page headers */
  body:not(.admin-mode) .v6-page-head,body:not(.admin-mode) .page-heading,body:not(.admin-mode) .page-title{align-items:flex-start!important;flex-direction:column!important;gap:13px!important}
  body:not(.admin-mode) .v6-page-head>*,body:not(.admin-mode) .page-heading>*,body:not(.admin-mode) .page-title>*{min-width:0;max-width:100%}

  /* Typing test / practice / daily challenge */
  body:not(.admin-mode) .typing-tool-page{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  body:not(.admin-mode) .tool-breadcrumb{padding-inline:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.admin-mode) .premium-hero{min-height:0!important;align-items:flex-start!important;flex-direction:column!important;gap:16px!important;padding:8px 2px 20px!important}
  body:not(.admin-mode) .premium-hero .hero-copy{max-width:100%!important}
  body:not(.admin-mode) .premium-hero h1{font-size:clamp(31px,8vw,38px)!important;line-height:1.06!important;letter-spacing:-1.2px!important}
  body:not(.admin-mode) .premium-hero p{font-size:14.5px!important;line-height:1.58!important}
  body:not(.admin-mode) .hero-proof{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  body:not(.admin-mode) .hero-proof:before{display:none!important}
  body:not(.admin-mode) .proof-item{min-width:0!important;gap:7px!important;white-space:normal!important}
  body:not(.admin-mode) .proof-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
  body:not(.admin-mode) .proof-copy{min-width:0}
  body:not(.admin-mode) .proof-item strong{font-size:13px!important}
  body:not(.admin-mode) .proof-item small{font-size:9.5px!important;line-height:1.25!important}
  body:not(.admin-mode) .premium-grid{grid-template-columns:1fr!important;gap:15px!important}
  body:not(.admin-mode) .premium-typing-panel,body:not(.admin-mode) .practice-arena,body:not(.admin-mode) .challenge-arena{max-width:100%!important;overflow:hidden!important;border-radius:15px!important}
  body:not(.admin-mode) .test-config-row,body:not(.admin-mode) .tf-mode-config .test-config-row{grid-template-columns:1fr!important;gap:13px!important;padding:14px 12px 11px!important}
  body:not(.admin-mode) .segmented{max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  body:not(.admin-mode) .segmented::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .segmented .option-btn{flex:0 0 auto!important;min-width:48px!important}
  body:not(.admin-mode) .typing-language-control,body:not(.admin-mode) .tf-mode-config .typing-language-control{
    grid-template-columns:minmax(0,1fr) auto!important;margin:9px 12px 10px!important;padding:9px!important;gap:8px!important;overflow:hidden!important;
  }
  body:not(.admin-mode) .typing-language-options{grid-column:1/-1!important;grid-row:2!important;display:flex!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  body:not(.admin-mode) .typing-language-options::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .typing-lang-btn{flex:0 0 auto!important;min-width:98px!important;height:38px!important;font-size:11.5px!important}
  body:not(.admin-mode) .workspace-tools{position:static!important;right:auto!important;margin:0!important;display:flex!important;align-items:center!important;gap:5px!important}
  body:not(.admin-mode) .tf-session-head,body:not(.admin-mode) .practice-arena-head,body:not(.admin-mode) .challenge-topline{padding:11px 12px!important;gap:10px!important}
  body:not(.admin-mode) .tf-session-head>div:first-child{min-width:0}
  body:not(.admin-mode) .tf-session-time{flex:0 0 auto}
  body:not(.admin-mode) .tf-main-typing-stage .word-viewport{height:158px!important;min-height:158px!important;max-height:158px!important;padding:13px 12px!important}
  body:not(.admin-mode) .tf-main-typing-stage .word-stream{font-size:18px!important;line-height:1.58!important;gap:5px 8px!important}
  body:not(.admin-mode) .typing-entry-wrap{margin:10px 12px 0!important}
  body:not(.admin-mode) .typing-input{min-height:46px!important;font-size:16px!important}
  body:not(.admin-mode) .premium-metrics,body:not(.admin-mode) .tf-mode-test-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body:not(.admin-mode) .premium-metrics .metric,body:not(.admin-mode) .tf-mode-test-metrics .metric{min-width:0!important;min-height:70px!important;padding:9px 7px!important;justify-content:center!important;border-bottom:0!important}
  body:not(.admin-mode) .premium-metrics .metric small,body:not(.admin-mode) .tf-mode-test-metrics .metric small{font-size:9px!important}
  body:not(.admin-mode) .premium-metrics .metric strong,body:not(.admin-mode) .tf-mode-test-metrics .metric strong{font-size:18px!important}
  body:not(.admin-mode) .premium-actions,body:not(.admin-mode) .tf-mode-test-actions{padding:12px!important;gap:8px!important;flex-wrap:wrap!important}
  body:not(.admin-mode) .premium-actions .start-test,body:not(.admin-mode) .premium-actions .reset-test,body:not(.admin-mode) .tf-mode-test-actions .start-test{flex:1 1 150px!important;min-width:0!important}
  body:not(.admin-mode) .premium-side-stack{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body:not(.admin-mode) .premium-side-stack>*{margin-top:0!important}
  body:not(.admin-mode) .performance-section{max-width:100%;overflow:hidden}
  body:not(.admin-mode) .performance-premium-card{grid-template-columns:1fr!important}
  body:not(.admin-mode) .performance-premium-cta{width:100%!important;white-space:normal!important;text-align:center}
  body:not(.admin-mode) .practice-coach-summary{grid-template-columns:1fr!important}

  /* Duel */
  body:not(.admin-mode) .duel-page{padding:22px 14px 44px!important}
  body:not(.admin-mode) .duel-hero{align-items:stretch!important;flex-direction:column!important;gap:16px!important;margin-bottom:16px!important}
  body:not(.admin-mode) .duel-hero-copy{max-width:100%!important;min-width:0!important;gap:10px!important}
  body:not(.admin-mode) .duel-hero h1{font-size:clamp(31px,8.7vw,39px)!important;line-height:1.06!important;letter-spacing:-1.1px!important}
  body:not(.admin-mode) .duel-hero p{font-size:14.5px!important;line-height:1.58!important}
  body:not(.admin-mode) .duel-live-strip{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body:not(.admin-mode) .duel-live-intro{grid-column:1/-1!important;min-width:0!important;min-height:64px!important;padding:12px 14px!important}
  body:not(.admin-mode) .duel-live-card{min-height:74px!important;padding:12px!important}
  body:not(.admin-mode) .duel-live-card strong{font-size:23px!important}
  body:not(.admin-mode) .duel-season-card{width:100%!important;min-width:0!important;max-width:none!important}
  body:not(.admin-mode) .duel-lobby{grid-template-columns:1fr!important;padding:14px!important;gap:10px!important}
  body:not(.admin-mode) .v6-duel-modes{grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin-mode) .duel-mode-card{width:100%!important;min-width:0!important;padding:14px!important}
  body:not(.admin-mode) .duel-config{grid-template-columns:1fr!important;gap:10px!important}
  body:not(.admin-mode) .duel-find-btn{width:100%!important}
  body:not(.admin-mode) .duel-private-config{grid-template-columns:1fr!important;padding:12px!important}
  body:not(.admin-mode) .private-room-join{grid-template-columns:1fr!important}
  body:not(.admin-mode) .private-room-options{grid-template-columns:1fr!important}
  body:not(.admin-mode) .duel-search{padding:28px 16px!important}
  body:not(.admin-mode) .private-ready-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body:not(.admin-mode) .private-ready-versus{grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin-mode) .private-ready-vs{transform:none!important;margin:0 auto!important}
  body:not(.admin-mode) .private-ready-actions{display:grid!important;grid-template-columns:1fr!important}
  body:not(.admin-mode) .private-ready-actions>*{width:100%!important}
  body:not(.admin-mode) .duel-versus{grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin-mode) .duel-player{justify-content:flex-start!important}
  body:not(.admin-mode) .duel-player.opponent{justify-content:flex-end!important}
  body:not(.admin-mode) .duel-progress-grid{grid-template-columns:1fr!important;gap:10px!important}
  body:not(.admin-mode) .duel-word-viewport{padding:14px 12px!important}
  body:not(.admin-mode) .duel-word-stream{font-size:18px!important;line-height:1.55!important}
  body:not(.admin-mode) .duel-input-wrap{margin-inline:0!important}
  body:not(.admin-mode) .duel-live-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body:not(.admin-mode) .duel-result-grid{grid-template-columns:1fr 1fr!important}
  body:not(.admin-mode) .rating-reveal{width:100%!important;gap:10px!important;flex-wrap:wrap!important}
  body:not(.admin-mode) .ranked-season-hub-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body:not(.admin-mode) .ranked-season-layout{grid-template-columns:1fr!important}
  body:not(.admin-mode) .ranked-season-table{max-width:100%;overflow-x:auto}
  body:not(.admin-mode) .v6-two-col{grid-template-columns:1fr!important}
  body:not(.admin-mode) .season-stat-grid{grid-template-columns:1fr 1fr!important}
  body:not(.admin-mode) .season-stat-grid div:nth-child(2){border-right:0!important}
  body:not(.admin-mode) .season-stat-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)!important}

  /* Leaderboards / daily ranking */
  body:not(.admin-mode) .leaderboard-page-v2{padding:24px 14px 42px!important}
  body:not(.admin-mode) .leaderboard-hero{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}
  body:not(.admin-mode) .leaderboard-hero h1{font-size:34px!important;line-height:1.08!important}
  body:not(.admin-mode) .leaderboard-period-tabs{width:100%!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  body:not(.admin-mode) .leaderboard-period-tabs::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .period-tab{flex:1 0 auto!important;min-width:82px!important;white-space:nowrap!important}
  body:not(.admin-mode) .leaderboard-filter-card,body:not(.admin-mode) .challenge-ranking-filter{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
  body:not(.admin-mode) .leaderboard-filter-card label,body:not(.admin-mode) .challenge-ranking-filter label{min-width:0}
  body:not(.admin-mode) .leaderboard-filter-card select,body:not(.admin-mode) .challenge-ranking-filter select{width:100%!important;min-height:44px!important}
  body:not(.admin-mode) .leaderboard-filter-btn,body:not(.admin-mode) .challenge-ranking-filter-btn{width:100%!important}
  body:not(.admin-mode) .leaderboard-context-row{display:flex!important;max-width:100%;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;padding-bottom:3px}
  body:not(.admin-mode) .leaderboard-context-row::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .leaderboard-context-pill{flex:0 0 auto!important;white-space:nowrap!important}
  body:not(.admin-mode) .leaderboard-table-card,body:not(.admin-mode) .challenge-ranking-table-card{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body:not(.admin-mode) .leaderboard-table-card table{min-width:590px!important}
  body:not(.admin-mode) .challenge-ranking-table{min-width:620px!important}
  body:not(.admin-mode) .leaderboard-pagination,body:not(.admin-mode) .challenge-ranking-pagination{max-width:100%;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:4px;scrollbar-width:none!important}
  body:not(.admin-mode) .leaderboard-pagination::-webkit-scrollbar,body:not(.admin-mode) .challenge-ranking-pagination::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .challenge-ranking-hero{grid-template-columns:1fr!important;gap:12px!important;padding:18px!important}
  body:not(.admin-mode) .challenge-ranking-summary{grid-template-columns:1fr 1fr!important}

  /* Profile / statistics */
  body:not(.admin-mode) .profile-v5{padding:22px 14px 44px!important}
  body:not(.admin-mode) .profile-v5-head{align-items:flex-start!important;gap:14px!important;padding:17px!important}
  body:not(.admin-mode) .profile-v5-identity{min-width:0!important;gap:12px!important}
  body:not(.admin-mode) .profile-v5-identity h1{font-size:27px!important}
  body:not(.admin-mode) .profile-level-orb{width:72px!important;height:72px!important;flex:0 0 72px!important;border-width:5px!important}
  body:not(.admin-mode) .profile-level-orb strong{font-size:24px!important}
  body:not(.admin-mode) .profile-progress{padding:16px!important}
  body:not(.admin-mode) .profile-streak-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body:not(.admin-mode) .profile-streak-row>div{padding:10px!important}
  body:not(.admin-mode) .profile-stat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body:not(.admin-mode) .profile-stat-grid--rich .stat{min-height:98px!important;padding:14px!important}
  body:not(.admin-mode) .profile-stat-grid--rich .stat strong{font-size:25px!important}
  body:not(.admin-mode) .profile-ranked-v7{padding:16px!important}
  body:not(.admin-mode) .profile-section-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body:not(.admin-mode) .profile-ranked-head-actions{width:100%!important}
  body:not(.admin-mode) .profile-ranked-head-actions .outline-btn{flex:1!important}
  body:not(.admin-mode) .profile-ranked-showcase{grid-template-columns:1fr!important}
  body:not(.admin-mode) .profile-season-panel,body:not(.admin-mode) .profile-season-side{padding:16px!important}
  body:not(.admin-mode) .analytics-grid{grid-template-columns:1fr!important}
  body:not(.admin-mode) .analytics-card.wide{grid-column:auto!important;grid-row:auto!important}
  body:not(.admin-mode) .achievement-grid{grid-template-columns:1fr!important}
  body:not(.admin-mode) .profile-history{overflow-x:auto!important}
  body:not(.admin-mode) .profile-history table{min-width:720px!important}

  /* Blog / guides / legal pages */
  body:not(.admin-mode) .blog-page,body:not(.admin-mode) .article-page{padding:25px 14px 42px!important}
  body:not(.admin-mode) .blog-hero,body:not(.admin-mode) .article-hero{padding:6px 0 22px!important}
  body:not(.admin-mode) .blog-hero h1,body:not(.admin-mode) .article-hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-1px!important}
  body:not(.admin-mode) .blog-grid{grid-template-columns:1fr!important;gap:12px!important}
  body:not(.admin-mode) .blog-card{min-height:0!important}
  body:not(.admin-mode) .article-body{padding:22px 17px!important;border-radius:16px!important}
  body:not(.admin-mode) .rich-blog-body,body:not(.admin-mode) .rich-blog-body p{font-size:15.5px!important;line-height:1.75!important}
  body:not(.admin-mode) .rich-blog-body h2{font-size:25px!important;margin-top:31px!important}
  body:not(.admin-mode) .rich-blog-body h3{font-size:21px!important}
  body:not(.admin-mode) .rich-blog-body pre{max-width:100%;overflow:auto}
  body:not(.admin-mode) .trust-page{padding:22px 14px 42px!important}
  body:not(.admin-mode) .trust-hero{text-align:left!important;margin-bottom:18px!important}
  body:not(.admin-mode) .trust-hero h1{font-size:34px!important;line-height:1.08!important}
  body:not(.admin-mode) .trust-layout{grid-template-columns:1fr!important;gap:14px!important}
  body:not(.admin-mode) .trust-main{padding:19px!important}
  body:not(.admin-mode) .trust-side{position:static!important;top:auto!important}
  body:not(.admin-mode) .trust-nav-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
  body:not(.admin-mode) .trust-nav-card>strong{grid-column:1/-1!important}
  body:not(.admin-mode) .trust-nav-card a{padding:9px!important;font-size:11.5px!important}
  body:not(.admin-mode) .trust-form-row{grid-template-columns:1fr!important}

  /* Friends */
  body:not(.admin-mode) .v6-search{grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin-mode) .v6-search .primary-btn{width:100%!important}
  body:not(.admin-mode) .v6-user-list article{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}
  body:not(.admin-mode) .v6-user-list article>form,body:not(.admin-mode) .v6-row-actions{grid-column:1/-1!important;width:100%!important}
  body:not(.admin-mode) .v6-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body:not(.admin-mode) .v6-row-actions form,body:not(.admin-mode) .v6-row-actions button{width:100%!important}
  body:not(.admin-mode) .v6-friend-grid{grid-template-columns:1fr!important}
  body:not(.admin-mode) .v6-friend-card{min-width:0!important}

  /* Auth / account settings */
  body:not(.admin-mode) .auth-wrap{width:100%!important;max-width:100%!important;padding:24px 14px 46px!important}
  body:not(.admin-mode) .auth-card{width:100%!important;max-width:520px!important;padding:22px 18px!important}
  body:not(.admin-mode) .auth-form-links{gap:8px!important;flex-wrap:wrap!important}
  body:not(.admin-mode) .account-settings-pro{width:100%!important;max-width:100%!important;padding:20px 14px 48px!important}
  body:not(.admin-mode) .account-pro-hero{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;padding:18px!important}
  body:not(.admin-mode) .account-hero-copy h1{font-size:30px!important}
  body:not(.admin-mode) .account-overview-strip{grid-template-columns:1fr!important;padding:10px!important}
  body:not(.admin-mode) .account-overview-identity{grid-column:auto!important;border-right:0!important}
  body:not(.admin-mode) .account-pro-layout{grid-template-columns:1fr!important}
  body:not(.admin-mode) .account-settings-nav{position:static!important;display:flex!important;max-width:100%;overflow-x:auto!important;scrollbar-width:none!important}
  body:not(.admin-mode) .account-settings-nav::-webkit-scrollbar{display:none}
  body:not(.admin-mode) .account-settings-nav>a{flex:0 0 auto!important;min-width:145px!important}
  body:not(.admin-mode) .account-pro-content{grid-template-columns:1fr!important}
  body:not(.admin-mode) .account-pro-content>.account-settings-card{padding:16px!important}
  body:not(.admin-mode) .account-form-grid-pro,body:not(.admin-mode) .password-new-grid,body:not(.admin-mode) .security-process-grid{grid-template-columns:1fr!important}
  body:not(.admin-mode) .preference-row-pro{grid-template-columns:1fr!important;gap:9px!important}
  body:not(.admin-mode) .account-theme-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  body:not(.admin-mode) .account-language-control{width:100%!important}

  /* Footer / cookie dialog */
  body:not(.admin-mode) .typeflow-footer-inner{padding-left:16px!important;padding-right:16px!important}
  body:not(.admin-mode) .footer-main-grid{grid-template-columns:1fr 1fr!important;gap:22px 20px!important}
  body:not(.admin-mode) .footer-brand-column,body:not(.admin-mode) .footer-contact-column{grid-column:1/-1!important}
  body:not(.admin-mode) .footer-email-card{width:100%!important;max-width:100%!important}
  body:not(.admin-mode) .footer-email-card b{max-width:calc(100vw - 100px)!important;overflow:hidden;text-overflow:ellipsis}
  body:not(.admin-mode) .keyzira-consent{width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;transform:none!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-height:calc(100vh - 20px)!important;overflow:auto!important}
  body:not(.admin-mode) .consent-modal-card{width:100%!important;max-width:560px!important;max-height:calc(100vh - 24px)!important}
}

@media (max-width:600px){
  body:not(.admin-mode) .site-header{height:70px!important;padding-inline:8px!important}
  body:not(.admin-mode) .header-inner{grid-template-columns:minmax(102px,1fr) 38px auto!important;height:56px!important;padding-left:10px!important;padding-right:7px!important;gap:4px!important}
  body:not(.admin-mode) .site-brand-logo{height:30px!important;max-width:118px!important}
  body:not(.admin-mode) .mobile-menu{width:36px!important;height:36px!important}
  body:not(.admin-mode) .keyzira-language-picker{width:51px!important;min-width:51px!important;max-width:51px!important;height:36px!important;padding-inline:4px!important}
  body:not(.admin-mode) .header-actions>.primary-btn.compact{height:36px!important;min-height:36px!important;padding-inline:10px!important;font-size:11.5px!important}
  body:not(.admin-mode) .main-nav{top:62px!important;grid-template-columns:1fr!important}

  body:not(.admin-mode) .server-status-strip{padding:0 8px!important}
  body:not(.admin-mode) .server-status-inner{width:100%!important;min-height:38px!important;padding:5px 7px!important}
  body:not(.admin-mode) .server-clock-primary{gap:6px!important}
  body:not(.admin-mode) .server-clock-copy strong{font-size:12px!important}
  body:not(.admin-mode) .server-reset-countdown{min-width:58px!important}

  body:not(.admin-mode) .page-container,body:not(.admin-mode) .page-wrap,body:not(.admin-mode) .v6-page{padding-left:13px!important;padding-right:13px!important}
  body:not(.admin-mode) .v6-page-head h1{font-size:31px!important;line-height:1.08!important}
  body:not(.admin-mode) .v6-page-head p{font-size:14px!important;line-height:1.55!important}

  body:not(.admin-mode) .hero-proof{grid-template-columns:1fr 1fr!important}
  body:not(.admin-mode) .hero-proof .proof-item:last-child{grid-column:1/-1!important}
  body:not(.admin-mode) .premium-metrics,body:not(.admin-mode) .tf-mode-test-metrics{grid-template-columns:1fr!important}
  body:not(.admin-mode) .premium-metrics .metric,body:not(.admin-mode) .tf-mode-test-metrics .metric{min-height:56px!important;justify-content:flex-start!important;padding:8px 13px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
  body:not(.admin-mode) .premium-metrics .metric:last-child,body:not(.admin-mode) .tf-mode-test-metrics .metric:last-child{border-bottom:0!important}
  body:not(.admin-mode) .premium-actions,body:not(.admin-mode) .tf-mode-test-actions{flex-direction:column!important}
  body:not(.admin-mode) .premium-actions>* ,body:not(.admin-mode) .tf-mode-test-actions>*{width:100%!important;flex:none!important}

  body:not(.admin-mode) .duel-live-strip{grid-template-columns:1fr!important}
  body:not(.admin-mode) .duel-live-intro{grid-column:auto!important}
  body:not(.admin-mode) .duel-live-card{min-height:66px!important}
  body:not(.admin-mode) .duel-result-grid{grid-template-columns:1fr!important}
  body:not(.admin-mode) .season-stat-grid{grid-template-columns:1fr 1fr!important}

  body:not(.admin-mode) .profile-v5-head{flex-direction:column!important}
  body:not(.admin-mode) .profile-level-orb{align-self:flex-start!important}
  body:not(.admin-mode) .profile-streak-row{grid-template-columns:1fr!important}
  body:not(.admin-mode) .profile-stat-grid{grid-template-columns:1fr 1fr!important}
  body:not(.admin-mode) .profile-stat-grid--rich .stat{min-height:90px!important}
  body:not(.admin-mode) .season-stat-grid{font-size:12px}

  body:not(.admin-mode) .trust-nav-card{grid-template-columns:1fr!important}
  body:not(.admin-mode) .trust-nav-card>strong{grid-column:auto!important}

  body:not(.admin-mode) .footer-main-grid{grid-template-columns:1fr!important;gap:0!important}
  body:not(.admin-mode) .footer-brand-column{padding-bottom:20px!important}
  body:not(.admin-mode) .footer-link-column,body:not(.admin-mode) .footer-contact-column{grid-column:auto!important;border-top:1px solid var(--line)!important;padding:17px 0 7px!important}
  body:not(.admin-mode) .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  body:not(.admin-mode) .keyzira-consent{padding:14px!important;gap:12px!important}
  body:not(.admin-mode) .keyzira-consent-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:none!important}
  body:not(.admin-mode) .consent-button{width:100%!important}
  body:not(.admin-mode) .consent-modal-card{padding:16px!important;border-radius:15px!important}
}

@media (max-width:410px){
  /* Keep language switching available even on narrow phones. */
  body:not(.admin-mode) .keyzira-language-picker{
    display:flex!important;
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:36px!important;padding:0 3px!important;gap:1px!important;
  }
  body:not(.admin-mode) .keyzira-language-picker select{
    width:31px!important;min-width:31px!important;max-width:31px!important;
    font-size:10px!important;font-weight:800!important;
  }
  body:not(.admin-mode) .keyzira-language-picker .language-picker-chevron{font-size:9px!important}
  body:not(.admin-mode) .header-inner{grid-template-columns:minmax(90px,1fr) 36px auto!important;gap:3px!important}
  body:not(.admin-mode) .mobile-menu{width:34px!important;height:36px!important}
  body:not(.admin-mode) .header-actions{gap:3px!important}
  body:not(.admin-mode) .header-actions>.primary-btn.compact{padding-inline:8px!important;font-size:11px!important}
  body:not(.admin-mode) .notification-trigger{width:36px!important;height:36px!important}
  body:not(.admin-mode) .account-trigger{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}
  body:not(.admin-mode) .account-trigger .account-avatar{width:29px!important;height:29px!important;flex-basis:29px!important}
  body:not(.admin-mode) .site-brand-logo{max-width:106px!important}
  body:not(.admin-mode) .profile-stat-grid{grid-template-columns:1fr!important}
}

/* v6.6.61 — restore mobile theme control without affecting desktop */
@media (max-width:980px){
  body:not(.admin-mode) .theme-quick-toggle{
    display:inline-flex!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:10px!important;
    flex:0 0 38px!important;
  }
  body:not(.admin-mode) .theme-quick-toggle .theme-sun,
  body:not(.admin-mode) .theme-quick-toggle .theme-moon{
    font-size:12px!important;
  }
  body:not(.admin-mode) .theme-quick-toggle .theme-switch-dot{
    width:16px!important;
    height:16px!important;
  }
}

@media (max-width:430px){
  body:not(.admin-mode) .header-actions{gap:4px!important}
  body:not(.admin-mode) .keyzira-language-picker{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }
  body:not(.admin-mode) .keyzira-language-picker select{width:30px!important;font-size:9.5px!important}
  body:not(.admin-mode) .header-actions>.primary-btn.compact{
    padding:0 10px!important;
    font-size:11.5px!important;
  }
}