/* StrikeLine Arena 3D v5.2.1 — Crisp Landing / Viewport Lock R9
   Fixes two presentation issues reported after R8:
   1) the desktop landing must never create a page scrollbar;
   2) baked typography in the approved key art must remain sharp.
   No gameplay/network/server behavior is changed. */

@media (min-width:861px) and (pointer:fine){
  /* True one-viewport desktop shell. Fixed root prevents stray document overflow
     from dormant overlays, viewport rounding, or browser zoom from surfacing a rail. */
  html,
  body{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  #menu::-webkit-scrollbar,
  #menu .sl-page::-webkit-scrollbar,
  #menu .sl-hero::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  #menu{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100vw!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    margin:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
    contain:layout paint!important;
  }
  #menu .sl-page,
  #menu .sl-hero,
  #menu .sl-hero-copy{
    max-height:100%!important;
    overflow:hidden!important;
  }

  /* R8 blurred the whole approved image, including typography that is physically
     part of that image. R9 keeps pixels sharp and softens realism with grading
     instead: lower saturation/contrast/brightness + the existing cinematic masks. */
  #menu:before{
    inset:0!important;
    filter:saturate(.76) contrast(.90) brightness(.86)!important;
    transform:none!important;
    transform-origin:center!important;
    backface-visibility:hidden!important;
  }

  /* Keep the atmosphere subdued without filtering any visible text. */
  #menu:after{
    background:
      linear-gradient(180deg,rgba(3,5,7,.055) 0%,transparent 17%,transparent 75%,rgba(4,6,8,.30) 91%,rgba(4,6,8,.98) 100%),
      radial-gradient(ellipse at 89% 88%,rgba(5,7,9,.93) 0 8%,rgba(5,7,9,.62) 12%,transparent 22%),
      linear-gradient(90deg,rgba(0,0,0,.055),transparent 55%,rgba(0,0,0,.10))!important;
  }

  /* Cleanup masks stay opaque/graded rather than blur-backed. */
  #menu .v52-art-cleanup:before{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:linear-gradient(180deg,rgba(5,7,9,0),rgba(5,7,9,.92) 42%,#050709 76%)!important;
  }
  #menu .v52-art-cleanup:after{
    filter:none!important;
    background:radial-gradient(ellipse at 78% 63%,rgba(5,7,9,.99) 0 29%,rgba(5,7,9,.82) 50%,transparent 74%)!important;
  }

  /* Defensive cap: no desktop landing child is allowed to enlarge the root box. */
  #menu > *,
  #menu .sl-page > *,
  #menu .sl-hero > *{
    box-sizing:border-box!important;
  }
}

/* ======================================================================
   v6.4 MOBILE REBUILD R4 — responsive mobile shell for real phones and viewport emulation.
   Desktop/fine-pointer presentation remains unchanged.
   ====================================================================== */
@media (max-width:1000px), (pointer:coarse){
  html,body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none!important;background:#05080c!important}
  body{font-family:"Manrope","Inter","Segoe UI",system-ui,sans-serif!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  #gl{width:100vw!important;height:100dvh!important}
  button,select,input{font:inherit}
  button{touch-action:manipulation}
  #mobileOrientation{background:radial-gradient(circle at 50% 42%,rgba(52,133,151,.18),transparent 34%),linear-gradient(155deg,#05080c,#07111a 58%,#030609)!important}
  .orientation-card{width:min(390px,86vw)!important;padding:24px 22px!important;border:1px solid rgba(138,201,217,.22)!important;border-radius:16px!important;background:linear-gradient(150deg,rgba(12,21,29,.98),rgba(5,10,16,.99))!important;box-shadow:0 20px 60px rgba(0,0,0,.52)!important}
  .orientation-card i{font-size:40px!important;color:#8dddea!important;filter:none!important}
  .orientation-card h2{font:800 20px/1 "Barlow Condensed",sans-serif!important;letter-spacing:.09em!important}
  .orientation-card p{margin-top:8px!important;color:#8da0ad!important;font-size:10px!important}
}

@media (max-width:1000px) and (orientation:landscape), (pointer:coarse) and (orientation:landscape){
  :root{--mp-left:max(12px,env(safe-area-inset-left));--mp-right:max(12px,env(safe-area-inset-right));--mp-top:max(8px,env(safe-area-inset-top));--mp-bottom:max(9px,env(safe-area-inset-bottom));--mp-header:48px}

  /* -------- Mobile landing / match setup -------- */
  #menu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#070b10!important;contain:layout paint!important}
  #menu:before{filter:saturate(.70) contrast(.92) brightness(.72)!important;transform:none!important}
  #menu:after{background:linear-gradient(90deg,rgba(3,6,9,.70),rgba(3,6,9,.30) 48%,rgba(3,6,9,.48)),linear-gradient(180deg,rgba(3,6,9,.20),transparent 45%,rgba(3,6,9,.78))!important}
  #menu .sl-cinematic-bg{opacity:.26!important;filter:none!important}
  #menu .sl-nav{position:absolute!important;z-index:60!important;top:0!important;left:0!important;right:0!important;height:var(--mp-header)!important;min-height:var(--mp-header)!important;padding:0 calc(var(--mp-right) + 48px) 0 var(--mp-left)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(180deg,rgba(5,9,13,.94),rgba(5,9,13,.72))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #menu .sl-brand{gap:7px!important}
  #menu .sl-brand-mark{width:32px!important;height:25px!important;flex-basis:32px!important}
  #menu .sl-brand-mark img{width:32px!important;height:auto!important}
  #menu .sl-brand-copy b{font-size:10px!important;letter-spacing:.14em!important}
  #menu .sl-brand-copy small{font-size:5px!important;letter-spacing:.22em!important}
  #menu .sl-nav-right{gap:0!important;margin-left:auto!important}
  #menu .sl-live-pill{height:27px!important;min-width:88px!important;padding:0 9px!important;border:1px solid rgba(142,194,207,.15)!important;border-radius:8px!important;background:rgba(13,24,31,.72)!important;box-shadow:none!important}
  #menu .sl-live-pill small{display:none!important}
  #menu .sl-live-pill b{font-size:7px!important;letter-spacing:.06em!important;white-space:nowrap!important}
  #menu .sl-nav-right #profile{display:none!important}
  #menu .r7-header-console{position:static!important;width:0!important;height:0!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  #menu .r7-header-console>*:not(#settingsBtn){display:none!important}
  #menu #settingsBtn.v52-header-settings{position:fixed!important;z-index:90!important;top:calc(var(--mp-top) + 4px)!important;right:var(--mp-right)!important;left:auto!important;inset:auto var(--mp-right) auto auto!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;margin:0!important;padding:0!important;border:1px solid rgba(158,205,217,.20)!important;border-radius:10px!important;background:#101820!important;color:#d8e7eb!important;box-shadow:0 5px 14px rgba(0,0,0,.28)!important;overflow:hidden!important;transform:none!important}
  #menu #settingsBtn.v52-header-settings svg{display:block!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;transform:none!important;filter:none!important}
  #menu #settingsBtn.v52-header-settings:active{transform:scale(.94)!important;background:#17232d!important}

  #menu .sl-page{position:absolute!important;inset:var(--mp-header) 0 0!important;width:100%!important;height:calc(100dvh - var(--mp-header))!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  #menu .sl-hero{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:7px var(--mp-right) 8px var(--mp-left)!important;overflow:hidden!important}
  #menu .sl-hero-copy{display:none!important}
  #matchTerminal{position:relative!important;inset:auto!important;transform:none!important;width:min(740px,calc(100vw - var(--mp-left) - var(--mp-right)))!important;max-width:740px!important;height:auto!important;max-height:calc(100dvh - var(--mp-header) - 14px)!important;margin:0!important;padding:11px 13px 12px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important;border:1px solid rgba(139,190,203,.18)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(10,18,25,.97),rgba(6,12,18,.985))!important;box-shadow:0 18px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #matchTerminal::-webkit-scrollbar{display:none!important}
  #matchTerminal:before,#matchTerminal:after,.sl-terminal-glow{filter:none!important}
  #matchTerminal .sl-terminal-head{min-height:0!important;margin:0 0 7px!important;padding:0!important;border:0!important}
  #matchTerminal .sl-terminal-head>div>p{display:none!important}
  #matchTerminal .sl-terminal-head h2{margin:0!important;font-size:18px!important;line-height:1!important;letter-spacing:-.02em!important}
  #matchTerminal .sl-terminal-head h2:after{display:none!important}
  #matchTerminal .admin-crown{display:none!important}
  #matchTerminal .play-path-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;height:auto!important;margin:0 0 8px!important;padding:3px!important;border:1px solid rgba(152,193,203,.12)!important;border-radius:10px!important;background:#091119!important}
  #matchTerminal .play-path{height:38px!important;min-height:38px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}
  #matchTerminal .play-path.active{border-color:rgba(94,205,226,.38)!important;background:linear-gradient(180deg,rgba(19,57,70,.74),rgba(10,31,41,.78))!important;box-shadow:none!important}
  #matchTerminal .play-path i{width:6px!important;height:6px!important}
  #matchTerminal .play-path span b{font-size:9px!important;letter-spacing:.06em!important}
  #matchTerminal .play-path span small{margin-top:1px!important;font-size:6px!important;line-height:1!important}
  #matchTerminal .play-path em{font-size:6px!important}
  #matchTerminal .sl-terminal-fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0!important}
  #matchTerminal .sl-terminal-fields label{min-width:0!important;margin:0!important;color:#7e919d!important;font-size:6px!important;letter-spacing:.08em!important}
  #matchTerminal .sl-terminal-fields select,#matchTerminal .sl-online-panel select,#matchTerminal .sl-online-panel input:not([type=range]){width:100%!important;height:34px!important;min-height:34px!important;margin-top:4px!important;padding:0 25px 0 9px!important;border:1px solid #263741!important;border-radius:8px!important;background-color:#0b151d!important;color:#e8f0f2!important;font-size:8px!important;font-weight:650!important;box-shadow:none!important}

  /* One bot-count control on touch: segmented buttons only. The hidden range remains the game data source. */
  #matchTerminal .sl-bots{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#80939e!important;font-size:7px!important;letter-spacing:.08em!important}
  #matchTerminal .sl-bots>output,#matchTerminal .sl-bots>input[type=range]{display:none!important}
  #matchTerminal #bots,#matchTerminal #botsOut{display:none!important;visibility:hidden!important;pointer-events:none!important}
  #matchTerminal .r7-bot-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:0!important}
  #matchTerminal .r7-bot-grid button{height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:1px solid #2b3a43!important;border-radius:7px!important;background:#0d171f!important;color:#bfcbd0!important;font-size:9px!important;font-weight:750!important;box-shadow:none!important;transform:none!important}
  #matchTerminal .r7-bot-grid button.active{border-color:rgba(87,211,235,.62)!important;background:linear-gradient(180deg,rgba(25,79,94,.92),rgba(12,42,54,.96))!important;color:#f2fdff!important;box-shadow:inset 0 0 0 1px rgba(145,232,247,.08)!important}

  #matchTerminal .sl-terminal-actions{display:block!important;margin:9px 0 0!important}
  #matchTerminal .sl-terminal-actions #deploy{width:100%!important;height:39px!important;min-height:39px!important;margin:0!important;padding:0!important;border:1px solid rgba(110,223,241,.54)!important;border-radius:9px!important;background:linear-gradient(100deg,#83e6f4,#47c9df)!important;color:#061219!important;font-size:9px!important;font-weight:850!important;letter-spacing:.09em!important;box-shadow:0 7px 18px rgba(44,185,211,.12)!important}
  #matchTerminal .sl-terminal-actions #deploy:after{display:none!important}
  #matchTerminal .sl-terminal-actions #settingsBtn{position:fixed!important}
  #matchTerminal .v52-sheen{display:none!important}
  #matchTerminal .sl-terminal-runtime{display:none!important}
  #matchTerminal .sl-online-panel{margin:8px 0 0!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.07)!important}
  #matchTerminal .sl-online-identity{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  #matchTerminal .room-access-v452{display:grid!important;grid-template-columns:1.2fr .8fr .8fr!important;gap:6px!important;align-items:end!important}
  #matchTerminal .room-access-v452 button{height:34px!important;min-height:34px!important;margin:0!important;padding:0 7px!important;border-radius:8px!important;font-size:7px!important}
  #matchTerminal .sl-online-status-grid{gap:5px!important;margin-top:6px!important}
  #matchTerminal .lan-status-row,#matchTerminal .pre-match-network-v452{min-height:26px!important;padding:5px 7px!important;border-radius:7px!important;font-size:6px!important}
  #matchTerminal .field-hint,#matchTerminal .field-error{font-size:6px!important;line-height:1.2!important}

  /* -------- Settings rebuilt as a native mobile screen -------- */
  #settings.active{display:flex!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;background:#05090d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #settings .settings-shell{display:grid!important;grid-template-rows:48px minmax(0,1fr)!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#080d12!important;box-shadow:none!important;overflow:hidden!important}
  #settings .settings-v44-head{display:flex!important;align-items:center!important;justify-content:space-between!important;height:48px!important;min-height:48px!important;flex-basis:48px!important;padding:0 var(--mp-right) 0 var(--mp-left)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#0b1117!important}
  #settings .settings-title-group{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #settings .settings-title-group .eyebrow{display:none!important}
  #settings .settings-title-group h2{margin:0!important;font-size:16px!important;line-height:1!important;letter-spacing:-.02em!important}
  #settings .settings-device-badge{height:20px!important;padding:0 7px!important;border-radius:6px!important;font-size:6px!important;letter-spacing:.07em!important}
  #settings .settings-close-v44{position:static!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:#141b22!important;color:#dbe3e7!important;font-size:20px!important;line-height:1!important;box-shadow:none!important}
  #settings .settings-v44-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:42px minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important}
  #settings .settings-tabs-v44{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;height:42px!important;min-height:42px!important;padding:0 var(--mp-right) 0 var(--mp-left)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:#090e13!important;overflow:hidden!important}
  #settings .settings-tabs-v44 button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#75838c!important;box-shadow:none!important;transform:none!important}
  #settings .settings-tabs-v44 button:after{content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:0!important;height:2px!important;border-radius:2px!important;background:transparent!important}
  #settings .settings-tabs-v44 button.active{color:#e9f5f7!important;background:rgba(255,255,255,.02)!important}
  #settings .settings-tabs-v44 button.active:after{background:#6dd7e7!important}
  #settings .settings-tabs-v44 button b{display:none!important}
  #settings .settings-tabs-v44 button span{font-size:7px!important;font-weight:800!important;letter-spacing:.05em!important;white-space:nowrap!important}
  #settings .settings-tabs-v44 button small{display:none!important}
  #settings .settings-pages-v44{min-height:0!important;overflow:hidden!important;background:#080d12!important}
  #settings .settings-page-v44{display:none!important;height:100%!important;min-height:0!important;padding:10px var(--mp-right) 13px var(--mp-left)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
  #settings .settings-page-v44::-webkit-scrollbar{display:none!important}
  #settings .settings-page-v44.active{display:block!important}
  #settings .settings-page-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 7px!important;padding:0 0 7px!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
  #settings .settings-page-title small{display:none!important}
  #settings .settings-page-title h3{margin:0!important;font-size:13px!important;line-height:1!important}
  #settings .settings-page-title>p{margin:0!important;font-size:6px!important;color:#72818a!important}
  #settings .settings-control-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;border:0!important;background:none!important}
  #settings .setting-tile,#settings .setting-switch-tile{min-width:0!important;min-height:64px!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:#0d141a!important;box-shadow:none!important}
  #settings .setting-tile:nth-child(odd){border-right:1px solid rgba(255,255,255,.075)!important}
  #settings .setting-tile span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  #settings .setting-tile b,#settings .setting-switch-tile b{font-size:8px!important;letter-spacing:.015em!important}
  #settings .setting-tile output{font-size:7px!important;color:#82dceb!important}
  #settings .setting-tile p,#settings .setting-switch-tile p{margin:2px 0 0!important;font-size:6px!important;line-height:1.25!important;color:#65747e!important}
  #settings .setting-tile input[type=range]{height:18px!important;min-height:18px!important;margin:5px 0 0!important;padding:0!important;accent-color:#65cfdf!important}
  #settings .setting-tile select{width:100%!important;height:28px!important;min-height:28px!important;margin:5px 0 0!important;padding:0 8px!important;border:1px solid #293943!important;border-radius:7px!important;background:#101a22!important;color:#e7f0f2!important;font-size:7px!important}
  #settings .setting-switch-tile{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important}
  #settings .setting-switch-tile input[type=checkbox]{width:38px!important;height:22px!important;min-width:38px!important}
  #settings .settings-feature-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:58px!important;margin:0!important;padding:9px 11px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:#0d141a!important;box-shadow:none!important}
  #settings .settings-feature-card b{font-size:9px!important}
  #settings .settings-feature-card p{margin:2px 0 0!important;font-size:6px!important;color:#65747e!important}
  #settings .settings-feature-card select,#settings .settings-primary-small{height:31px!important;min-height:31px!important;margin:0!important;border-radius:7px!important;font-size:7px!important}
  #settings .settings-info-strip{margin-top:7px!important;padding:7px 9px!important;border-radius:8px!important;background:#0b1218!important}
  #settings .settings-info-strip p{font-size:6px!important}
  #settings .audio-preview-v44{display:none!important}
  #settings .mobile-control-callout{display:flex!important}
  #settings .controls-v44-desktop{display:none!important}
  #settings .hud-summary-v44{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-bottom:7px!important}
  #settings .hud-summary-v44>div{min-height:55px!important;padding:8px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:#0d141a!important}
  #settings .hud-summary-v44 span,#settings .hud-summary-v44 small{font-size:6px!important}
  #settings .hud-summary-v44 b{margin:3px 0!important;font-size:10px!important}
  #settings .hud-quick-actions-v44{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:7px!important}
  #settings .hud-quick-actions-v44 button{height:31px!important;min-height:31px!important;margin:0!important;border-radius:7px!important;font-size:7px!important}

  /* -------- Mobile HUD: clean thumb zones and cheaper effects -------- */
  #hud{--mobile-top:var(--mp-top)!important;--mobile-right:var(--mp-right)!important;--mobile-weapon-w:174px!important}
  #mobileControls{display:block!important;position:fixed!important;inset:0!important;z-index:70!important;pointer-events:none!important;text-shadow:none!important}
  #mobileLookZone{position:fixed!important;left:42%!important;right:0!important;top:44px!important;bottom:0!important;z-index:1!important;background:none!important;pointer-events:auto!important;touch-action:none!important}
  #mobileLookZone span{display:none!important}
  .mobile-action{display:grid!important;place-items:center!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid rgba(176,216,226,.28)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(24,46,58,.78),rgba(7,17,24,.84))!important;color:#e8f6f8!important;box-shadow:0 4px 11px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;opacity:.84;pointer-events:auto!important;touch-action:none!important;transition:transform .06s ease,opacity .06s ease,border-color .06s ease!important}
  .mobile-action .mobile-icon{width:51%!important;height:51%!important;stroke-width:2!important;filter:none!important}
  .mobile-action:active,.mobile-action.active{transform:scale(.93)!important;opacity:1!important;border-color:rgba(115,226,242,.78)!important;background:linear-gradient(145deg,rgba(31,91,108,.88),rgba(8,33,43,.92))!important;box-shadow:0 3px 9px rgba(0,0,0,.30)!important}
  .mobile-action>small,.mobile-action>b{display:none!important}
  .mobile-pad{z-index:5!important;opacity:.80!important;pointer-events:auto!important;touch-action:none!important}
  .mobile-pad-ring{border:1px solid rgba(159,209,221,.21)!important;background:radial-gradient(circle,rgba(22,45,56,.13),rgba(5,12,17,.20) 68%,transparent)!important;box-shadow:none!important}
  #mobileMoveKnob{width:42%!important;height:42%!important;border:1px solid rgba(153,220,232,.48)!important;background:linear-gradient(145deg,rgba(55,115,133,.76),rgba(8,30,39,.90))!important;box-shadow:0 4px 10px rgba(0,0,0,.28)!important}
  #mobileMoveKnob u{width:8px!important;height:8px!important;border-width:1px!important;box-shadow:none!important}
  .mobile-pad>span{display:none!important}
  #mobileFire{color:#fff!important;border-color:rgba(248,112,129,.58)!important;background:linear-gradient(145deg,rgba(152,48,66,.78),rgba(55,13,22,.88))!important;opacity:.91!important}
  #mobileFire:active,#mobileFire.active{border-color:rgba(255,151,164,.88)!important;background:linear-gradient(145deg,rgba(192,64,84,.92),rgba(74,17,29,.95))!important}
  #mobileInteract{position:fixed!important;right:calc(var(--mp-right) + 78px)!important;bottom:calc(var(--mp-bottom) + 118px)!important;width:58px!important;height:40px!important;min-width:58px!important;min-height:40px!important;border-radius:11px!important;border-color:rgba(235,194,91,.44)!important;background:linear-gradient(145deg,rgba(113,81,25,.80),rgba(42,29,8,.90))!important;font-size:7px!important;font-weight:850!important;letter-spacing:.11em!important;color:#fff7d8!important}
  #mobilePing{border:0!important;border-radius:6px!important;background:rgba(5,12,17,.67)!important;box-shadow:none!important;font-size:5px!important;color:#9fb0b8!important}
  #mobilePing span{display:none!important}
  #mobilePing b{font-size:8px!important;font-weight:750!important}

  .bottom{position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important}
  .bottom .ammo{position:fixed!important;right:var(--mp-right)!important;top:var(--mp-top)!important;width:174px!important;min-width:174px!important;max-width:174px!important;height:50px!important;padding:5px 40px 5px 56px!important;border:1px solid rgba(147,196,208,.18)!important;border-radius:9px!important;background:linear-gradient(110deg,rgba(5,12,18,.84),rgba(9,24,32,.88))!important;box-shadow:0 5px 14px rgba(0,0,0,.24)!important;clip-path:none!important;overflow:hidden!important;pointer-events:auto!important}
  .bottom .ammo:before{width:2px!important;opacity:.55!important}
  .weapon-silhouette{left:7px!important;top:9px!important;width:42px!important;height:28px!important;opacity:.68!important}
  .bottom .ammo .hud-label small{font-size:5px!important;letter-spacing:.08em!important;color:#91cfda!important}
  .bottom .ammo .hud-label em{display:none!important}
  .bottom .ammo .ammo-row{gap:3px!important}
  .bottom .ammo .ammo-row b{font-size:21px!important;line-height:.92!important}
  .bottom .ammo .ammo-row span{font-size:8px!important}
  .bottom .ammo #reload{left:56px!important;right:40px!important;bottom:3px!important;height:5px!important;font-size:5px!important}
  .weapon-reload-track{left:5px!important;right:5px!important;height:2px!important}
  #mobileReload{display:grid!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(26,75,89,.84),rgba(6,22,29,.94))!important}
  #mobileReload .mobile-icon{width:55%!important;height:55%!important}
  #mobilePause,#mobileScore{border-radius:7px!important;background:rgba(6,14,19,.78)!important;opacity:.78!important}

  #minimapWrap{display:block!important;left:var(--mp-left)!important;top:var(--mp-top)!important;transform:scale(.40)!important;transform-origin:top left!important;z-index:73!important;border-color:rgba(130,190,204,.20)!important;background:rgba(3,8,12,.62)!important;box-shadow:none!important}
  #mapName{font-size:7px!important}
  .hudtop{top:var(--mp-top)!important;left:50%!important;gap:3px!important;transform:translateX(-50%) scale(.72)!important;transform-origin:top center!important;z-index:74!important}
  .hudtop>div{min-width:60px!important;padding:5px 8px!important;border-color:rgba(149,205,219,.10)!important;background:rgba(4,11,16,.64)!important;box-shadow:none!important}
  .clock b{font-size:18px!important}.clock span{font-size:6px!important}
  #objective{top:43px!important;padding:3px 6px!important;border-radius:5px!important;background:rgba(4,11,16,.48)!important;font-size:6px!important;letter-spacing:.07em!important}
  #killfeed{top:39px!important;right:calc(var(--mp-right) + 58px)!important;width:170px!important;font-size:7px!important;line-height:1.2!important;opacity:.84!important}
  .feed{margin:2px!important}
  .bottom .health{position:fixed!important;left:50%!important;bottom:var(--mp-bottom)!important;transform:translateX(-50%)!important;width:116px!important;min-width:116px!important;max-width:116px!important;height:34px!important;padding:5px 7px!important;border:1px solid rgba(143,193,205,.13)!important;border-radius:8px!important;background:rgba(4,12,17,.68)!important;box-shadow:none!important;opacity:.88!important}
  .bottom .health .hud-label,.bottom .health .hud-sub{display:none!important}
  .bottom .health .health-row{display:flex!important;align-items:center!important;gap:6px!important}
  .bottom .health .health-row b{min-width:29px!important;font-size:18px!important;line-height:1!important}
  .bottom .health .health-track{width:68px!important;height:4px!important}
  #slidebar{display:none!important}
  #inputStatus{display:none!important}
  #announce{top:18%!important;font-size:18px!important;text-shadow:0 2px 8px #000!important}
  #combatConfirm{top:60%!important;transform:translate(-50%,-50%) scale(.86)!important}
  #crosshair,#hitmarker{z-index:76!important}
  #damageNumbers,#combatConfirm,#announce{z-index:77!important}

  /* Other mobile overlays stay inside the viewport. */
  .modal{padding:var(--mp-top) var(--mp-right) var(--mp-bottom) var(--mp-left)!important;background:rgba(2,6,9,.79)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .modal-card,.board,.end-card{max-width:calc(100vw - var(--mp-left) - var(--mp-right))!important;max-height:calc(100dvh - var(--mp-top) - var(--mp-bottom))!important;border-radius:12px!important;overflow:auto!important;box-shadow:0 14px 48px rgba(0,0,0,.48)!important}
  #pause .modal-card{width:min(390px,76vw)!important;padding:15px!important}
  #pause .modal-card h2{margin-bottom:8px!important;font-size:22px!important}
  #pause .modal-card button{height:36px!important;min-height:36px!important;margin-top:5px!important;border-radius:8px!important}
  #scoreboard .board{width:min(760px,96vw)!important;padding:10px!important}
  #scoreboard .score-row{padding:4px!important;font-size:7px!important}
  #death{padding:8px var(--mp-right) var(--mp-bottom) var(--mp-left)!important}

  /* HUD editor also uses the full mobile viewport, avoiding nested off-screen panels. */
  #hudEditor.active{padding:0!important;background:#05090d!important}
  #hudEditor .hud-editor-shell{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#080d12!important;box-shadow:none!important;overflow:hidden!important}
  #hudEditor .hud-editor-head{height:48px!important;min-height:48px!important;padding:0 var(--mp-right) 0 var(--mp-left)!important}
  #hudEditor .hud-editor-head .eyebrow{display:none!important}
  #hudEditor .hud-editor-head h2{font-size:15px!important}
  #hudEditor .hud-editor-head-actions{gap:6px!important}
  #hudEditor .hud-editor-head-actions select,#hudEditor #hudEditorDone{height:31px!important;min-height:31px!important;font-size:7px!important}
  #hudEditor .hud-editor-main{grid-template-columns:minmax(0,1fr) 190px!important;min-height:0!important;height:calc(100dvh - 48px)!important}
  #hudEditor .hud-editor-canvas-wrap{min-width:0!important;min-height:0!important;padding:8px!important}
  #hudEditor .hud-editor-stage{width:100%!important;height:100%!important;min-height:0!important;border-radius:10px!important}
  #hudEditor .hud-editor-help{display:none!important}
  #hudEditor .hud-editor-inspector{width:190px!important;min-width:190px!important;padding:8px!important;overflow:auto!important}
  #hudEditor .hud-editor-inspector label{margin-top:7px!important}
  #hudEditor .hud-editor-inspector input[type=range]{margin-top:4px!important}
  #hudEditor .hud-selected-card{padding:8px!important}
  #hudEditor .hud-editor-buttons button{height:30px!important;min-height:30px!important;font-size:6px!important}
}

@media (max-width:1000px) and (orientation:landscape) and (max-height:410px), (pointer:coarse) and (orientation:landscape) and (max-height:410px){
  #matchTerminal{max-height:calc(100dvh - 56px)!important;padding:8px 11px 9px!important}
  #matchTerminal .sl-terminal-head{display:none!important}
  #matchTerminal .play-path{height:34px!important;min-height:34px!important}
  #matchTerminal .sl-terminal-fields select,#matchTerminal .sl-online-panel select,#matchTerminal .sl-online-panel input:not([type=range]){height:31px!important;min-height:31px!important}
  #matchTerminal .r7-bot-grid button{height:29px!important;min-height:29px!important}
  #matchTerminal .sl-terminal-actions #deploy{height:34px!important;min-height:34px!important}
  #settings .settings-v44-head{height:44px!important;min-height:44px!important;flex-basis:44px!important}
  #settings .settings-shell{grid-template-rows:44px minmax(0,1fr)!important}
  #settings .settings-v44-layout{grid-template-rows:38px minmax(0,1fr)!important}
  #settings .settings-tabs-v44{height:38px!important;min-height:38px!important}
  #settings .settings-tabs-v44 button{height:38px!important;min-height:38px!important}
  #settings .settings-page-v44{padding-top:7px!important;padding-bottom:8px!important}
  #settings .settings-page-title{margin-bottom:5px!important;padding-bottom:5px!important}
  #settings .setting-tile{min-height:56px!important;padding:6px 8px!important}
  #settings .setting-tile p{display:none!important}
  #settings .setting-tile input[type=range]{margin-top:3px!important}
  #settings .settings-info-strip{display:none!important}
  #settings .hud-summary-v44>div{min-height:48px!important;padding:6px!important}
  #hudEditor .hud-editor-head{height:44px!important;min-height:44px!important}
  #hudEditor .hud-editor-main{height:calc(100dvh - 44px)!important}
  #hudEditor .hud-editor-inspector{width:176px!important;min-width:176px!important;padding:6px!important}
  .bottom .ammo{width:160px!important;min-width:160px!important;max-width:160px!important;height:46px!important;padding-left:52px!important}
  .bottom .health{height:31px!important}
  #minimapWrap{transform:scale(.36)!important}
  .hudtop{transform:translateX(-50%) scale(.67)!important}
}


/* ======================================================================
   v6.4 MOBILE REBUILD R4 — PORTRAIT SHELL
   The menu/settings must be usable in portrait. Gameplay still requests
   landscape after Deploy, but the setup screen no longer falls back to the
   legacy desktop/tablet cascade.
   ====================================================================== */
@media (max-width:1000px) and (orientation:portrait), (pointer:coarse) and (orientation:portrait){
  :root{--mp-left:max(12px,env(safe-area-inset-left));--mp-right:max(12px,env(safe-area-inset-right));--mp-top:max(8px,env(safe-area-inset-top));--mp-bottom:max(10px,env(safe-area-inset-bottom));--mp-header:58px}
  html,body{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#05080c!important;overscroll-behavior:none!important}
  body{touch-action:manipulation!important}
  #menu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#070b10!important;contain:layout paint!important}
  #menu:before{inset:0!important;filter:saturate(.64) contrast(.94) brightness(.50)!important;transform:none!important}
  #menu:after{background:linear-gradient(180deg,rgba(3,6,9,.68),rgba(3,6,9,.36) 38%,rgba(3,6,9,.84))!important}
  #menu .sl-cinematic-bg{opacity:.16!important;filter:none!important}

  /* Compact native-app header. */
  #menu .sl-nav{position:absolute!important;z-index:80!important;top:0!important;left:0!important;right:0!important;height:var(--mp-header)!important;min-height:var(--mp-header)!important;padding:0 calc(var(--mp-right) + 92px) 0 var(--mp-left)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;background:rgba(5,9,13,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #menu .sl-brand{gap:8px!important;min-width:0!important}
  #menu .sl-brand-mark{width:32px!important;height:28px!important;flex:0 0 32px!important}
  #menu .sl-brand-mark img{width:32px!important;height:auto!important}
  #menu .sl-brand-copy b{font-size:11px!important;letter-spacing:.14em!important}
  #menu .sl-brand-copy small{font-size:5px!important;letter-spacing:.20em!important}
  #menu .sl-nav-right{display:none!important}
  #menu .r7-header-console{position:absolute!important;z-index:90!important;top:0!important;right:var(--mp-right)!important;width:88px!important;height:var(--mp-header)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  #menu .r7-header-console>*{display:none!important}
  #menu .r7-header-console .r7-level{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:30px!important;min-width:38px!important;margin:0!important;padding:0!important;border:1px solid rgba(150,191,202,.14)!important;border-radius:8px!important;background:#0d141a!important;color:#d4dde1!important;box-shadow:none!important}
  #menu .r7-header-console .r7-level b{font-size:7px!important;line-height:1!important;letter-spacing:.05em!important;white-space:nowrap!important}
  #menu .r7-header-console .r7-level i{display:none!important}
  #menu #settingsBtn.v52-header-settings{position:static!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border:1px solid rgba(158,205,217,.20)!important;border-radius:10px!important;background:#101820!important;color:#dbe7eb!important;box-shadow:0 5px 14px rgba(0,0,0,.28)!important;overflow:hidden!important;transform:none!important}
  #menu #settingsBtn.v52-header-settings:before{display:none!important}
  #menu #settingsBtn.v52-header-settings svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;transform:none!important;filter:none!important}
  #menu #settingsBtn.v52-header-settings:active{transform:scale(.94)!important;background:#17232d!important}

  /* Scroll only the setup content, never the whole browser viewport. */
  #menu .sl-page{position:absolute!important;inset:var(--mp-header) 0 0!important;width:100%!important;height:calc(100dvh - var(--mp-header))!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
  #menu .sl-page::-webkit-scrollbar{display:none!important}
  #menu .sl-hero{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100%!important;display:block!important;padding:12px var(--mp-right) calc(18px + var(--mp-bottom)) var(--mp-left)!important;overflow:visible!important}
  #menu .sl-hero-copy{display:none!important}
  #matchTerminal{position:relative!important;inset:auto!important;transform:none!important;width:min(100%,560px)!important;max-width:560px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:16px!important;overflow:visible!important;border:1px solid rgba(139,190,203,.18)!important;border-radius:16px!important;background:linear-gradient(155deg,rgba(10,18,25,.985),rgba(6,12,18,.995))!important;box-shadow:0 18px 48px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #matchTerminal:before,#matchTerminal:after,.sl-terminal-glow{filter:none!important}
  #matchTerminal .sl-terminal-head{min-height:0!important;margin:0 0 12px!important;padding:0 0 11px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  #matchTerminal .sl-terminal-head>div>p{display:none!important}
  #matchTerminal .sl-terminal-head h2{margin:0!important;font-size:21px!important;line-height:1!important;letter-spacing:-.02em!important}
  #matchTerminal .sl-terminal-head h2:after{display:none!important}
  #matchTerminal .admin-crown{display:none!important}
  #matchTerminal .play-path-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;height:auto!important;margin:0 0 12px!important;padding:4px!important;border:1px solid rgba(152,193,203,.12)!important;border-radius:11px!important;background:#091119!important}
  #matchTerminal .play-path{height:44px!important;min-height:44px!important;margin:0!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}
  #matchTerminal .play-path.active{border-color:rgba(94,205,226,.35)!important;background:linear-gradient(180deg,rgba(19,57,70,.76),rgba(10,31,41,.82))!important;box-shadow:none!important}
  #matchTerminal .play-path i{width:6px!important;height:6px!important}
  #matchTerminal .play-path span b{font-size:10px!important;letter-spacing:.04em!important}
  #matchTerminal .play-path span small{display:none!important}
  #matchTerminal .play-path em{font-size:6px!important}
  #matchTerminal .sl-terminal-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
  #matchTerminal .sl-terminal-fields label{min-width:0!important;margin:0!important;color:#8496a0!important;font-size:7px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important}
  #matchTerminal .sl-terminal-fields select,#matchTerminal .sl-online-panel select,#matchTerminal .sl-online-panel input:not([type=range]){width:100%!important;height:44px!important;min-height:44px!important;margin-top:5px!important;padding:0 30px 0 11px!important;border:1px solid #273741!important;border-radius:9px!important;background-color:#0b151d!important;color:#edf4f5!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important}

  /* Exactly one mobile bot selector: five compact choices, no range slider. */
  #menu #matchTerminal .sl-bots{display:block!important;margin:13px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#8798a2!important;font-size:7px!important;font-weight:750!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  #menu #matchTerminal .sl-bots>output,#menu #matchTerminal .sl-bots>input[type=range],#menu #matchTerminal #bots,#menu #matchTerminal #botsOut{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
  #menu #matchTerminal .r7-bot-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:7px 0 0!important}
  #menu #matchTerminal .r7-bot-grid button{display:grid!important;place-items:center!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid #2c3c45!important;border-radius:9px!important;background:#0d171f!important;color:#becbd0!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important;transform:none!important}
  #menu #matchTerminal .r7-bot-grid button.active{border-color:rgba(87,211,235,.60)!important;background:linear-gradient(180deg,rgba(25,79,94,.92),rgba(12,42,54,.96))!important;color:#f4fdff!important;box-shadow:inset 0 0 0 1px rgba(145,232,247,.07)!important}

  #matchTerminal .sl-terminal-runtime{display:none!important}
  #matchTerminal .sl-terminal-actions{display:block!important;margin:14px 0 0!important;padding:0!important}
  #matchTerminal .sl-terminal-actions #deploy{display:block!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;border:1px solid #ff765e!important;border-radius:10px!important;background:linear-gradient(180deg,#ff684b,#f65336)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;box-shadow:0 10px 24px rgba(255,78,46,.16)!important}
  #matchTerminal .sl-terminal-actions #settingsBtn{display:none!important}
  #matchTerminal .sl-terminal-note{display:none!important}

  /* Online fields remain usable without exploding the card height. */
  #matchTerminal .sl-online-panel{margin-top:12px!important;padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.07)!important;background:none!important}
  #matchTerminal .sl-online-identity{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  #matchTerminal .room-access-v452{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:9px!important}
  #matchTerminal .room-access-v452 label{grid-column:1/-1!important}
  #matchTerminal .room-access-v452 button{height:42px!important;min-height:42px!important;margin:0!important;border-radius:9px!important;font-size:8px!important}
  #matchTerminal .sl-online-status-grid,#matchTerminal .field-hint{display:none!important}

  /* Settings is a full-screen mobile page in portrait too. */
  #settings.active{display:flex!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;background:#05090d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #settings .settings-shell{display:grid!important;grid-template-rows:56px minmax(0,1fr)!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#080d12!important;box-shadow:none!important;overflow:hidden!important}
  #settings .settings-v44-head{display:flex!important;align-items:center!important;justify-content:space-between!important;height:56px!important;min-height:56px!important;padding:0 var(--mp-right) 0 var(--mp-left)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#0b1117!important}
  #settings .settings-title-group{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #settings .settings-title-group .eyebrow{display:none!important}
  #settings .settings-title-group h2{margin:0!important;font-size:18px!important;line-height:1!important}
  #settings .settings-device-badge{height:22px!important;padding:0 7px!important;border-radius:6px!important;font-size:6px!important}
  #settings .settings-close-v44{position:static!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:#141b22!important;color:#e1e8eb!important;font-size:21px!important;box-shadow:none!important}
  #settings .settings-v44-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:48px minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important}
  #settings .settings-tabs-v44{display:flex!important;gap:5px!important;height:48px!important;min-height:48px!important;padding:6px var(--mp-right) 6px var(--mp-left)!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:#091017!important;scrollbar-width:none!important}
  #settings .settings-tabs-v44::-webkit-scrollbar{display:none!important}
  #settings .settings-tabs-v44 button{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:auto!important;min-width:72px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#84959e!important;text-align:center!important}
  #settings .settings-tabs-v44 button.active{border-color:rgba(92,202,222,.34)!important;background:#10212a!important;color:#edf8fa!important}
  #settings .settings-tabs-v44 button b,#settings .settings-tabs-v44 button small{display:none!important}
  #settings .settings-tabs-v44 button span{font-size:7px!important;letter-spacing:.04em!important}
  #settings .settings-pages-v44{min-height:0!important;overflow:hidden!important}
  #settings .settings-page-v44{height:100%!important;min-height:0!important;padding:15px var(--mp-right) calc(18px + var(--mp-bottom)) var(--mp-left)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important}
  #settings .settings-page-v44::-webkit-scrollbar{display:none!important}
  #settings .settings-page-title{margin:0 0 11px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  #settings .settings-page-title small{font-size:6px!important}.settings-page-title h3{font-size:19px!important}.settings-page-title>p{display:none!important}
  #settings .settings-control-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  #settings .setting-tile,#settings .settings-control-card{min-height:72px!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:11px!important;background:#0d141a!important;box-shadow:none!important}
  #settings .setting-tile span b,#settings .settings-control-card b{font-size:9px!important}.setting-tile p{margin:4px 0!important;font-size:7px!important;line-height:1.35!important}
  #settings .setting-tile input[type=range]{margin-top:8px!important}
  #settings .settings-info-strip{margin-top:9px!important;padding:9px!important;border-radius:9px!important}
  #settings .hud-summary-v44{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #settings .hud-quick-actions-v44{grid-template-columns:1fr!important;gap:7px!important}
  #settings .hud-quick-actions-v44 button{height:40px!important;min-height:40px!important}

  /* Portrait HUD editor: stage first, inspector below instead of off-screen side rail. */
  #hudEditor.active{padding:0!important;background:#05090d!important}
  #hudEditor .hud-editor-shell{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#080d12!important;box-shadow:none!important;overflow:hidden!important}
  #hudEditor .hud-editor-head{height:56px!important;min-height:56px!important;padding:0 var(--mp-right) 0 var(--mp-left)!important}
  #hudEditor .hud-editor-head .eyebrow{display:none!important}
  #hudEditor .hud-editor-main{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(230px,42dvh) minmax(0,1fr)!important;height:calc(100dvh - 56px)!important;min-height:0!important;overflow:hidden!important}
  #hudEditor .hud-editor-canvas-wrap{min-width:0!important;min-height:0!important;padding:9px!important}
  #hudEditor .hud-editor-stage{width:100%!important;height:100%!important;min-height:0!important;border-radius:10px!important}
  #hudEditor .hud-editor-help{display:none!important}
  #hudEditor .hud-editor-inspector{width:100%!important;min-width:0!important;max-width:none!important;padding:10px var(--mp-right) calc(12px + var(--mp-bottom)) var(--mp-left)!important;overflow:auto!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important}
}

@media (max-width:430px) and (orientation:portrait){
  #menu .sl-nav{padding-left:10px!important;padding-right:96px!important}
  #menu .sl-brand-copy b{font-size:10px!important}
  #menu .sl-brand-copy small{display:none!important}
  #menu .sl-hero{padding-left:10px!important;padding-right:10px!important}
  #matchTerminal{padding:13px!important;border-radius:14px!important}
  #matchTerminal .sl-terminal-fields{gap:8px!important}
  #matchTerminal .sl-terminal-fields select{font-size:9px!important;padding-left:9px!important}
  #menu #matchTerminal .r7-bot-grid{gap:5px!important}
  #menu #matchTerminal .r7-bot-grid button{height:38px!important;min-height:38px!important}
}


/* STRIKELINE v9.0.2 — PRE-LAUNCH GAMEPLAY READABILITY
   A single sniper sight picture. Preserve original optical zoom and aim logic;
   replace the full black cutout with a low-cost charcoal peripheral vignette. */
#scopeOverlay.scope-sniper .scope-mask{
  background:radial-gradient(circle closest-side at 50% 50%,
    transparent 0%,transparent 66%,rgba(4,10,15,.32) 72%,
    rgba(4,10,15,.78) 88%,rgba(4,10,15,.93) 100%)!important;
}
#scopeOverlay.scope-sniper .scope-body{
  width:min(70vh,70vw)!important;height:min(70vh,70vw)!important;
  border:1px solid rgba(222,237,239,.38)!important;
  border-radius:50%!important;overflow:hidden!important;
  box-shadow:0 0 0 3px rgba(9,17,23,.73),inset 0 0 17px rgba(1,7,12,.44)!important;
}
#scopeOverlay.scope-sniper .scope-glass{
  display:block!important;inset:0!important;border-radius:50%!important;
  background:radial-gradient(circle at 47% 43%,rgba(78,169,180,.018) 0%,
    rgba(3,10,16,.028) 73%,rgba(3,9,14,.18) 100%)!important;
}
#scopeOverlay.scope-sniper .reticle-lines i{
  background:rgba(229,242,238,.82)!important;filter:none!important;
}
#scopeOverlay.scope-sniper .reticle-lines b{
  width:3px!important;height:3px!important;background:#e9fbef!important;
  box-shadow:0 0 3px rgba(181,242,225,.6)!important;
}
/* The presentation overlay cannot take input from controls or HUD. */
#scopeOverlay{pointer-events:none!important}
/* Kill feedback remains readable, but occupies less of the target plane. */
#hud.active #combatConfirm{padding:5px 11px!important;max-width:44vw!important}
#hud.active #combatConfirm b{font-size:clamp(9px,1vw,11px)!important}
#hud.active #combatConfirm span{font-size:clamp(7px,.75vw,9px)!important}
@media (pointer:coarse){
  #scopeOverlay.scope-sniper .scope-body{width:min(71vh,77vw)!important;height:min(71vh,77vw)!important}
  #hud.active #combatConfirm{max-width:50vw!important}
}
@media (prefers-reduced-motion: reduce){
 #scopeOverlay,#scopeOverlay.active{transition:none!important}
}