/* StrikeLine Arena 3D v5.1.7 — Premium Reference R7
   Desktop landing rebuilt to visually match the approved cinematic reference.
   Game logic, networking, settings, career and loadout modal internals are unchanged. */

:root{
  --r7-orange:#ff642f;
  --r7-orange-hi:#ff7a49;
  --r7-bg:#07090b;
  --r7-panel:rgba(9,12,15,.955);
  --r7-field:#161a1f;
  --r7-line:rgba(255,255,255,.115);
  --r7-line-soft:rgba(255,255,255,.07);
  --r7-text:#f1f2f2;
  --r7-muted:#8d9299;
}

/* Keep the refined product typography everywhere while using the cinematic skin only on desktop. */
#menu{
  font-family:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;
  font-feature-settings:"kern" 1,"liga" 1,"tnum" 1!important;
}
#menu button,#menu select,#menu input,#menu output{font-family:inherit!important}
#menu .sl-terminal-head h2{font-family:"Rajdhani","Barlow Condensed",Bahnschrift,"Arial Narrow",sans-serif!important}

@media (min-width:861px) and (pointer:fine){
  html,body{overflow:hidden!important}
  #menu{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;
    background:#07090b!important;
    isolation:isolate!important;
  }
  #menu:before{
    content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
    background-image:url("ui/landing-premium-r7.webp")!important;
    background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;
  }
  #menu:after{
    content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),transparent 68%,rgba(0,0,0,.06)),
      radial-gradient(ellipse at 77% 34%,transparent 0 18%,rgba(0,0,0,.04) 55%,rgba(0,0,0,.14) 100%)!important;
  }
  #menu .sl-cinematic-bg{display:none!important}

  /* Header: recreate the useful dynamic UI on top of the approved background. */
  #menu .sl-nav{
    position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:40!important;
    height:clamp(60px,8.75vh,86px)!important;min-height:0!important;padding:0 clamp(34px,3.3vw,64px)!important;
    display:flex!important;align-items:center!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;
    background:linear-gradient(90deg,rgba(4,7,9,.94),rgba(5,8,10,.91) 55%,rgba(5,8,10,.985) 72%,rgba(5,8,10,.99))!important;
    backdrop-filter:blur(13px) saturate(110%)!important;box-shadow:none!important;
  }
  #menu .sl-brand{height:100%!important;min-height:0!important;gap:14px!important;display:flex!important;align-items:center!important}
  #menu .sl-brand-mark{width:47px!important;height:38px!important;flex:0 0 47px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  #menu .sl-brand-mark img{width:47px!important;height:auto!important;display:block!important;filter:drop-shadow(0 6px 13px rgba(0,0,0,.28))!important}
  #menu .sl-brand-copy{display:flex!important;flex-direction:column!important;gap:2px!important;padding-left:14px!important;border-left:1px solid rgba(255,255,255,.18)!important}
  #menu .sl-brand-copy b{
    color:#f4f4f2!important;font-family:"Rajdhani","Barlow Condensed",Bahnschrift,"Arial Narrow",sans-serif!important;
    font-size:clamp(18px,1.55vw,26px)!important;font-weight:700!important;letter-spacing:.045em!important;line-height:.92!important;
  }
  #menu .sl-brand-copy small{display:block!important;color:#b0a69e!important;font-size:clamp(7px,.58vw,10px)!important;font-weight:650!important;letter-spacing:.31em!important;line-height:1!important}
  #menu .sl-nav-right{display:none!important}
  #menu .sl-nav-hooks{display:none!important}

  #menu .r7-header-console{
    margin-left:auto!important;height:100%!important;display:flex!important;align-items:center!important;gap:0!important;padding-right:58px!important;color:#e8e8e7!important;
  }
  #menu .r7-net{
    display:grid!important;grid-template-columns:10px auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;
    min-width:118px!important;padding:0 20px 0 0!important;border-right:1px solid rgba(255,255,255,.15)!important;
  }
  #menu .r7-net>i{grid-row:1/3!important;align-self:center!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#16d879!important;box-shadow:0 0 0 3px rgba(22,216,121,.13),0 0 12px rgba(22,216,121,.42)!important}
  #menu .r7-net.offline>i{background:#7c838d!important;box-shadow:0 0 0 3px rgba(124,131,141,.10)!important}
  #menu .r7-net.waiting>i{background:#e1ad49!important;box-shadow:0 0 0 3px rgba(225,173,73,.10)!important}
  #menu .r7-net b,#menu .r7-level b,#menu .r7-credit b{font-size:clamp(9px,.74vw,12px)!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1.1!important}
  #menu .r7-net span{color:#727983!important;font-size:clamp(7px,.55vw,9px)!important;font-weight:600!important;letter-spacing:.075em!important;line-height:1.2!important;margin-top:3px!important}
  #menu .r7-level{width:108px!important;padding:0 20px!important;border-right:1px solid rgba(255,255,255,.15)!important}
  #menu .r7-level b{display:block!important;margin-bottom:7px!important}
  #menu .r7-level>i{display:block!important;width:100%!important;height:4px!important;background:#2b2f34!important;border-radius:99px!important;overflow:hidden!important}
  #menu .r7-level>i>em{display:block!important;height:100%!important;width:22%!important;background:var(--r7-orange)!important}
  #menu .r7-credit{height:38px!important;padding:0 20px!important;display:flex!important;align-items:center!important;gap:8px!important;border-right:1px solid rgba(255,255,255,.15)!important}
  #menu .r7-credit i{width:15px!important;height:15px!important;border:1px solid #949aa2!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#b8bdc3!important;font-size:11px!important;font-style:normal!important;line-height:1!important}
  #menu .r7-avatar{width:40px!important;height:40px!important;margin-left:22px!important;border:1px solid #9aa0a7!important;border-radius:50%!important;position:relative!important;box-shadow:inset 0 0 0 5px rgba(255,255,255,.025)!important}
  #menu .r7-avatar:before{content:""!important;position:absolute!important;left:50%!important;top:8px!important;transform:translateX(-50%)!important;width:8px!important;height:8px!important;border:1.5px solid #e3e4e5!important;border-radius:50%!important}
  #menu .r7-avatar:after{content:""!important;position:absolute!important;left:50%!important;bottom:7px!important;transform:translateX(-50%)!important;width:18px!important;height:9px!important;border:1.5px solid #e3e4e5!important;border-radius:12px 12px 7px 7px!important}

  /* Move the existing real Settings action into the reference header. */
  #menu #settingsBtn{
    position:fixed!important;z-index:55!important;top:clamp(12px,1.7vh,20px)!important;right:clamp(18px,2.1vw,38px)!important;
    width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:50%!important;background:#171b20!important;color:transparent!important;font-size:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.25)!important;
  }
  #menu #settingsBtn:before{
    content:""!important;position:absolute!important;inset:11px!important;background:#d8dbdd!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 15.2A3.2 3.2 0 1 0 12 8.8a3.2 3.2 0 0 0 0 6.4ZM19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.86 2.86-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.5v-.1a1.7 1.7 0 0 0-.4-1.1 1.7 1.7 0 0 0-1-.6 1.7 1.7 0 0 0-1.88.34l-.06.06L3.3 16.74l.06-.06A1.7 1.7 0 0 0 3.7 14.8a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H2V9.3h.1a1.7 1.7 0 0 0 1.1-.4 1.7 1.7 0 0 0 .6-1 1.7 1.7 0 0 0-.34-1.88L3.4 5.96 6.26 3.1l.06.06A1.7 1.7 0 0 0 8.2 3.5a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V1.7h4.1v.1a1.7 1.7 0 0 0 .4 1.1 1.7 1.7 0 0 0 1 .6 1.7 1.7 0 0 0 1.88-.34l.06-.06 2.86 2.86-.06.06A1.7 1.7 0 0 0 19.5 7.9a1.7 1.7 0 0 0 .6 1 1.7 1.7 0 0 0 1.1.4h.1v4.1h-.1a1.7 1.7 0 0 0-1.1.4 1.7 1.7 0 0 0-.7 1.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 15.2A3.2 3.2 0 1 0 12 8.8a3.2 3.2 0 0 0 0 6.4ZM19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.86 2.86-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21H9.5v-.1a1.7 1.7 0 0 0-.4-1.1 1.7 1.7 0 0 0-1-.6 1.7 1.7 0 0 0-1.88.34l-.06.06L3.3 16.74l.06-.06A1.7 1.7 0 0 0 3.7 14.8a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H2V9.3h.1a1.7 1.7 0 0 0 1.1-.4 1.7 1.7 0 0 0 .6-1 1.7 1.7 0 0 0-.34-1.88L3.4 5.96 6.26 3.1l.06.06A1.7 1.7 0 0 0 8.2 3.5a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V1.7h4.1v.1a1.7 1.7 0 0 0 .4 1.1 1.7 1.7 0 0 0 1 .6 1.7 1.7 0 0 0 1.88-.34l.06-.06 2.86 2.86-.06.06A1.7 1.7 0 0 0 19.5 7.9a1.7 1.7 0 0 0 .6 1 1.7 1.7 0 0 0 1.1.4h.1v4.1h-.1a1.7 1.7 0 0 0-1.1.4 1.7 1.7 0 0 0-.7 1.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  #menu #settingsBtn:hover{background:#20252b!important;transform:none!important;filter:none!important}

  /* Main stage uses the approved key art. Existing semantic content stays in the DOM but does not duplicate it. */
  #menu .sl-page{position:absolute!important;inset:0!important;z-index:4!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  #menu .sl-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}
  #menu .sl-hero-copy{position:absolute!important;inset:0 auto 0 0!important;width:64.25%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}
  #menu .sl-title-lockup,#menu .sl-showcase-top,#menu .sl-showcase-main,#menu .sl-showcase-stats,#menu .sl-session-strip{opacity:0!important;pointer-events:none!important}
  #menu .sl-showcase{position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  #menu .sl-showcase:before,#menu .sl-showcase:after{display:none!important}
  #menu .sl-showcase-actions{
    position:fixed!important;z-index:22!important;left:8.2vw!important;top:75.45vh!important;
    width:45.6vw!important;height:9.35vh!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr .98fr!important;gap:1.5vw!important;
  }
  #menu .sl-mini-action{
    width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;
    background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none!important;overflow:hidden!important;
  }
  #menu .sl-mini-action span,#menu .sl-mini-action i{opacity:0!important}
  #menu .sl-mini-action:hover{border-color:rgba(255,111,66,.30)!important;background:rgba(255,255,255,.018)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;transform:none!important}

  /* Deployment panel — same coordinates/proportions as the approved reference. */
  #menu .sl-terminal{
    position:fixed!important;z-index:20!important;top:13.75vh!important;right:1.85vw!important;bottom:auto!important;
    width:34.25vw!important;min-width:430px!important;max-width:575px!important;height:71.15vh!important;min-height:500px!important;max-height:none!important;
    margin:0!important;padding:clamp(26px,3.1vh,34px) clamp(27px,2.55vw,39px) clamp(26px,3vh,34px)!important;
    overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;
    background:
      radial-gradient(circle at 91% 2%,rgba(255,92,40,.06),transparent 34%),
      linear-gradient(180deg,rgba(17,20,24,.965),rgba(8,11,14,.975))!important;
    backdrop-filter:blur(14px) saturate(108%)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  #menu .sl-terminal:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle,rgba(255,255,255,.028) 1px,transparent 1.2px)!important;background-size:7px 7px!important;mask-image:linear-gradient(90deg,transparent 55%,#000 100%)!important;opacity:.35!important}
  #menu .sl-terminal:after{display:none!important}
  #menu .sl-terminal>*{position:relative!important;z-index:1!important}
  #menu .sl-terminal-glow{display:none!important}
  #menu .sl-terminal-head{height:auto!important;margin:0 0 clamp(20px,2.8vh,27px)!important;padding:0 0 clamp(17px,2.25vh,21px)!important;border-bottom:1px solid rgba(255,255,255,.105)!important;display:block!important}
  #menu .sl-terminal-head>div>p.sl-terminal-eyebrow{display:block!important;margin:0 0 7px!important;color:var(--r7-orange)!important;font-size:clamp(8px,.62vw,10px)!important;font-weight:750!important;letter-spacing:.16em!important}
  #menu .sl-terminal-head h2{margin:0!important;color:#f4f4f2!important;font-size:clamp(35px,3.15vw,49px)!important;font-weight:700!important;letter-spacing:.01em!important;line-height:.9!important;text-transform:uppercase!important}
  #menu .sl-terminal-head h2:after{content:""!important;display:block!important;width:49px!important;height:2px!important;margin-top:18px!important;background:var(--r7-orange)!important}
  #menu .sl-terminal-head>div>p:last-child,#menu .admin-crown{display:none!important}

  #menu .play-path-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important;height:58px!important;margin:0 0 clamp(18px,2.4vh,24px)!important;padding:0!important;border:0!important;background:none!important}
  #menu .play-path{
    height:58px!important;min-height:58px!important;margin:0!important;padding:0 17px!important;border:1px solid #2d3238!important;border-radius:7px!important;
    background:linear-gradient(180deg,#12161a,#0e1115)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#9fa4aa!important;
  }
  #menu .play-path:first-child{border-right:1px solid #2d3238!important}
  #menu .play-path:after{display:none!important}
  #menu .play-path i{width:17px!important;height:17px!important;margin:0!important;border:0!important;background:#899099!important;box-shadow:none!important;opacity:.74!important}
  #menu #playOnline i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2.4 2.4 3.6 5.4 3.6 9s-1.2 6.6-3.6 9M12 3C9.6 5.4 8.4 8.4 8.4 12s1.2 6.6 3.6 9' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2.4 2.4 3.6 5.4 3.6 9s-1.2 6.6-3.6 9M12 3C9.6 5.4 8.4 8.4 8.4 12s1.2 6.6 3.6 9' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat!important}
  #menu #playOffline i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6h10l2 4v8H5v-8l2-4Zm2 12v2m6-2v2M8 10h2m4 0h2m-8 4h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6h10l2 4v8H5v-8l2-4Zm2 12v2m6-2v2M8 10h2m4 0h2m-8 4h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
  #menu .play-path span b{color:#aeb2b7!important;font-size:clamp(10px,.8vw,12px)!important;font-weight:650!important;letter-spacing:.015em!important;text-transform:uppercase!important}
  #menu .play-path span small,#menu .play-path em{display:none!important}
  #menu .play-path.active{border-color:#5d392f!important;background:linear-gradient(180deg,rgba(105,42,26,.50),rgba(44,23,18,.78))!important;box-shadow:inset 0 -3px 0 var(--r7-orange),inset 0 1px 0 rgba(255,255,255,.035)!important}
  #menu .play-path.active i{background:var(--r7-orange)!important;opacity:1!important}
  #menu .play-path.active span b{color:#f0e8e5!important}

  #menu .room-full-hint{display:none!important}
  #menu .sl-terminal-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 14px!important;margin:0!important}
  #menu .sl-terminal-fields label{position:relative!important;color:#92979e!important;font-size:clamp(8px,.58vw,9px)!important;font-weight:700!important;letter-spacing:.085em!important;text-transform:uppercase!important}
  #menu .sl-terminal-fields select{
    width:100%!important;height:43px!important;min-height:43px!important;margin-top:7px!important;padding:0 33px 0 38px!important;
    border:1px solid #343a41!important;border-radius:6px!important;background-color:#15191e!important;color:#e5e6e6!important;
    font-size:clamp(9px,.72vw,11px)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
  }
  #menu .sl-terminal-fields label:before{content:""!important;position:absolute!important;left:13px!important;bottom:12px!important;width:15px!important;height:15px!important;background:#7f858c!important;opacity:.62!important;pointer-events:none!important;z-index:2!important}
  #menu .sl-terminal-fields label:nth-child(1):before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 16 16M20 4 4 20M8 4l2 5M16 4l-2 5M8 20l2-5M16 20l-2-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 16 16M20 4 4 20M8 4l2 5M16 4l-2 5M8 20l2-5M16 20l-2-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
  #menu .sl-terminal-fields label:nth-child(2):before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='9' r='2.3' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='9' r='2.3' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important}
  #menu .sl-terminal-fields label:nth-child(3):before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11h9l3-3h6v5h-6l-3 3H9l-1 4H5l1-5H3v-4Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11h9l3-3h6v5h-6l-3 3H9l-1 4H5l1-5H3v-4Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important}
  #menu .sl-terminal-fields label:nth-child(4):before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Zm8 8-8 4-8-4m16 4-8 4-8-4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Zm8 8-8 4-8-4m16 4-8 4-8-4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat!important}

  /* Bot segmented control mirrors the reference; the original range remains as the source of truth. */
  #menu .sl-bots{display:block!important;margin:19px 0 0!important;color:#92979e!important;font-size:clamp(8px,.58vw,9px)!important;font-weight:700!important;letter-spacing:.085em!important;text-transform:uppercase!important}
  #menu .sl-bots output,#menu .sl-bots input{display:none!important}
  #menu .r7-bot-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin-top:8px!important}
  #menu .r7-bot-grid button{
    height:39px!important;min-height:39px!important;border:1px solid #343a41!important;border-radius:6px!important;background:linear-gradient(180deg,#181c21,#13171b)!important;
    color:#d2d5d8!important;font-size:11px!important;font-weight:650!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  #menu .r7-bot-grid button.active{border-color:#d55d38!important;background:linear-gradient(180deg,rgba(102,44,29,.70),rgba(40,24,20,.88))!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,99,47,.20),inset 0 0 17px rgba(255,91,42,.07)!important}
  #menu .r7-bot-grid button:hover{border-color:#535b64!important}

  #menu .sl-terminal-actions{display:block!important;margin:22px 0 0!important}
  #menu .sl-terminal-actions #deploy{
    position:relative!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;
    border:1px solid #ff8b5e!important;border-radius:6px!important;background:linear-gradient(180deg,#ff793f,#ff582d)!important;color:#080a0c!important;
    font-size:clamp(11px,.92vw,14px)!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important;
    box-shadow:0 10px 26px rgba(255,78,33,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  body[data-play-path="offline"] #menu #deploy:before{content:"▶"!important;display:inline-block!important;margin-right:13px!important;font-size:.95em!important}
  body[data-play-path="offline"] #menu #deploy:after{content:" MATCH"!important}
  #menu .sl-terminal-actions #deploy:hover:not(:disabled){filter:brightness(1.045)!important;transform:none!important;box-shadow:0 12px 30px rgba(255,78,33,.28),inset 0 1px 0 rgba(255,255,255,.3)!important}
  #menu .sl-terminal-actions #deploy:disabled{background:#1a1e23!important;border-color:#30363d!important;color:#777e86!important;box-shadow:none!important}

  /* Online room controls: compact enough to remain one screen, but all original operations remain available. */
  #menu .sl-online-panel{margin:13px 0 0!important;padding:13px 0 0!important;border-top:1px solid rgba(255,255,255,.07)!important}
  #menu .sl-online-identity{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  #menu .sl-field-head{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#8f959c!important;font-size:7px!important;font-weight:700!important;letter-spacing:.075em!important;text-transform:uppercase!important}
  #menu .sl-field-head em{display:none!important}
  #menu .sl-online-panel input,#menu .sl-online-panel select{height:38px!important;min-height:38px!important;margin-top:5px!important;border:1px solid #32383f!important;border-radius:6px!important;background:#15191e!important;color:#e0e2e4!important;font-size:9px!important;font-weight:600!important}
  #menu .room-access-v452{display:grid!important;grid-template-columns:1fr .72fr .72fr!important;gap:8px!important;margin-top:9px!important}
  #menu .room-access-v452 label{min-width:0!important}
  #menu .room-access-v452 button{height:38px!important;min-height:38px!important;margin-top:17px!important;border-radius:6px!important;border:1px solid #343a41!important;background:#181c21!important;color:#d9dbdd!important;font-size:9px!important;font-weight:700!important}
  #menu .room-access-v452 #createRoomBtn{border-color:#7b402d!important;background:#2a1b17!important;color:#ffb297!important}
  #menu .sl-online-status-grid{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:9px!important}
  #menu .lan-status-row,#menu .pre-match-network-v452{min-height:30px!important;padding:7px 9px!important;border:1px solid #2b3036!important;border-radius:6px!important;background:#12161a!important;color:#858b92!important;font-size:8px!important}
  #menu .pre-match-network-v452{display:none!important}
  #menu .field-hint,#menu .field-error{display:none!important}
  body[data-play-path="online"] #menu .sl-terminal{top:10.5vh!important;height:80vh!important;padding-top:24px!important;padding-bottom:22px!important}
  body[data-play-path="online"] #menu .sl-terminal-head{margin-bottom:13px!important;padding-bottom:11px!important}
  body[data-play-path="online"] #menu .sl-terminal-head h2{font-size:38px!important}
  body[data-play-path="online"] #menu .play-path-switch{margin-bottom:12px!important}
  body[data-play-path="online"] #menu .sl-terminal-fields{gap:9px 11px!important}
  body[data-play-path="online"] #menu .sl-terminal-fields select{height:39px!important;min-height:39px!important;margin-top:5px!important}
  body[data-play-path="online"] #menu .sl-bots{display:none!important}
  body[data-play-path="online"] #menu .sl-terminal-actions{margin-top:10px!important}
  body[data-play-path="online"] #menu #deploy{height:43px!important;min-height:43px!important}

  /* Hide reference artwork labels beneath the real panel edge as viewport shapes vary. */
  #menu .sl-terminal-runtime{display:none!important}
}

/* Laptop-height refinement: preserve the same geometry with no scrollbars. */
@media (min-width:861px) and (pointer:fine) and (max-height:760px){
  #menu .sl-terminal{top:11.8vh!important;height:75.5vh!important;padding:22px 28px 20px!important}
  #menu .sl-terminal-head{margin-bottom:15px!important;padding-bottom:13px!important}
  #menu .sl-terminal-head h2{font-size:36px!important}.sl-terminal-head h2:after{margin-top:12px!important}
  #menu .play-path-switch{height:49px!important;margin-bottom:13px!important}.play-path{height:49px!important;min-height:49px!important}
  #menu .sl-terminal-fields{gap:9px 11px!important}.sl-terminal-fields select{height:39px!important;min-height:39px!important;margin-top:5px!important}
  #menu .sl-bots{margin-top:12px!important}.r7-bot-grid{margin-top:6px!important}.r7-bot-grid button{height:35px!important;min-height:35px!important}
  #menu .sl-terminal-actions{margin-top:14px!important}.sl-terminal-actions #deploy{height:45px!important;min-height:45px!important}
  #menu .sl-showcase-actions{top:75.3vh!important;height:9.1vh!important}
  body[data-play-path="online"] #menu .sl-terminal{top:9.6vh!important;height:84vh!important}
}