/* StrikeLine Arena 3D v5.1.4 — Landing Final R4
   Landing/front-end only. Gameplay and modal UI remain on the v5.1.3 baseline. */

:root{
  --r4-bg:#090a0c;
  --r4-panel:#111317;
  --r4-panel-2:#16191e;
  --r4-line:rgba(255,255,255,.085);
  --r4-line-strong:rgba(255,255,255,.14);
  --r4-text:#f4f3ef;
  --r4-muted:#7e848d;
  --r4-dim:#555b64;
  --r4-accent:#ff5c3d;
  --r4-accent-hi:#ff846c;
}

#menu{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,sans-serif!important;
  background:var(--r4-bg)!important;
}

/* Cinematic environment: no AI-style glow soup, just one controlled light source,
   one architectural diagonal, and a barely-visible SL monument. */
#menu .sl-cinematic-bg{
  display:block!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 29% 44%,rgba(255,83,52,.115) 0,rgba(255,83,52,.04) 24%,transparent 52%),
    radial-gradient(ellipse at 76% 18%,rgba(255,255,255,.025),transparent 34%),
    linear-gradient(115deg,#0b0c0f 0%,#0a0b0d 46%,#07080a 100%)!important;
}
#menu .sl-cinematic-bg:before{
  content:"SL"!important;
  position:absolute!important;
  inset:auto 32vw -12vh auto!important;
  width:auto!important;height:auto!important;
  background:none!important;
  font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:clamp(320px,39vw,690px)!important;
  font-weight:700!important;
  line-height:.72!important;
  letter-spacing:-.14em!important;
  color:rgba(255,255,255,.012)!important;
  transform:skewX(-7deg)!important;
  opacity:1!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
#menu .sl-cinematic-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  opacity:1!important;
  transform:none!important;
  background:
    linear-gradient(90deg,transparent 0 8.2%,rgba(255,255,255,.035) 8.25%,transparent 8.3%),
    linear-gradient(90deg,transparent 0 63.8%,rgba(255,255,255,.028) 63.85%,transparent 63.9%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 92px),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%,transparent 78%,rgba(0,0,0,.22))!important;
  background-size:auto!important;
  pointer-events:none!important;
}
#menu .sl-cinematic-bg i{display:block!important;position:absolute!important;border:0!important;filter:none!important;transform:none!important;pointer-events:none!important}
#menu .sl-cinematic-bg i:nth-child(1){
  left:-12vw!important;top:51%!important;width:66vw!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,92,61,.5) 48%,rgba(255,92,61,.06) 75%,transparent)!important;
  transform:rotate(-14deg)!important;transform-origin:center!important;
}
#menu .sl-cinematic-bg i:nth-child(2){
  left:5.7vw!important;top:0!important;width:1px!important;height:100%!important;
  background:linear-gradient(180deg,transparent 8%,rgba(255,92,61,.18) 28%,rgba(255,255,255,.025) 68%,transparent)!important;
}
#menu .sl-cinematic-bg i:nth-child(3){display:none!important}
#menu .sl-cinematic-bg b{
  display:block!important;right:46vw!important;top:29vh!important;width:28vw!important;height:28vw!important;
  border-radius:50%!important;background:radial-gradient(circle,rgba(255,92,61,.08),transparent 66%)!important;
  filter:blur(42px)!important;animation:none!important;
}

/* Header is deliberately quiet. Primary navigation lives in the experience, not duplicated here. */
#menu .sl-nav{
  height:64px!important;
  padding:0 clamp(24px,3.6vw,68px)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(8,9,11,.72)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  box-shadow:none!important;
}
#menu .sl-brand{gap:10px!important;min-height:40px!important}
#menu .sl-brand-mark{
  width:31px!important;height:31px!important;border-radius:5px!important;
  border:1px solid #343941!important;background:linear-gradient(145deg,#1b1e23,#101216)!important;
  color:#f3f2ef!important;font-size:9px!important;font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.26)!important;
}
#menu .sl-brand-mark:after{height:2px!important;background:var(--r4-accent)!important}
#menu .sl-brand-copy b{font-size:11px!important;letter-spacing:.105em!important;font-weight:760!important;color:#efefec!important}
#menu .sl-brand-copy small{font-size:6.5px!important;letter-spacing:.22em!important;color:#5f656d!important}
#menu .sl-nav-right{gap:0!important;margin-left:auto!important}
#menu .sl-live-pill{
  height:34px!important;margin-right:5px!important;padding:0 13px!important;
  border-right:1px solid rgba(255,255,255,.075)!important;background:transparent!important;border-radius:0!important;
}
#menu .sl-live-pill small{display:none!important}
#menu .sl-live-pill b{font-size:8.5px!important;letter-spacing:.07em!important;font-weight:680!important;color:#a7abb1!important}
#menu .sl-live-pill>span{width:5px!important;height:5px!important;margin-right:8px!important;box-shadow:none!important}
#menu .sl-nav-right #profile{
  height:34px!important;padding:0 0 0 14px!important;border:0!important;
  color:#70767e!important;font-size:8.5px!important;letter-spacing:.045em!important;
}
#menu .sl-nav-hooks{display:none!important}

/* Full-height front end: showcase left, deployment rail right. */
#menu .sl-page{height:calc(100svh - 64px)!important;overflow:auto!important}
#menu .sl-hero{
  width:100%!important;max-width:none!important;
  min-height:calc(100svh - 64px)!important;
  margin:0!important;padding:0 0 0 clamp(48px,6vw,112px)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(420px,31vw,500px)!important;
  gap:0!important;align-items:stretch!important;
}
#menu .sl-hero-copy{
  position:relative!important;max-width:none!important;min-width:0!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  padding:clamp(48px,7vh,78px) clamp(38px,5vw,82px) clamp(30px,4vh,44px) 0!important;
}
#menu .sl-title-lockup{position:relative!important;z-index:2!important;max-width:880px!important}
#menu .sl-kicker{
  display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 14px!important;
  font-size:8px!important;letter-spacing:.14em!important;font-weight:750!important;
}
#menu .sl-kicker:after{content:""!important;width:58px!important;height:1px!important;background:linear-gradient(90deg,rgba(255,92,61,.85),transparent)!important}
#menu .sl-kicker span{color:var(--r4-accent-hi)!important}
#menu .sl-kicker b{padding:0!important;border:0!important;background:none!important;color:#646a72!important;font-size:7.5px!important;font-weight:650!important;letter-spacing:.08em!important}
#menu .sl-hero h1{
  margin:0!important;
  font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:clamp(72px,7.3vw,124px)!important;
  font-stretch:condensed!important;font-weight:690!important;line-height:.78!important;
  letter-spacing:-.065em!important;color:#f5f4f0!important;
  text-shadow:0 24px 64px rgba(0,0,0,.38)!important;
}
#menu .sl-title-subline{display:flex!important;align-items:center!important;gap:11px!important;margin-top:20px!important}
#menu .sl-title-subline i{display:block!important;width:30px!important;height:2px!important;background:var(--r4-accent)!important}
#menu .sl-title-subline span{color:#767c84!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.18em!important}
#menu .sl-hero-lead{display:none!important}

/* Weapon is no longer a card. It reads as the hero object. */
#menu .sl-showcase{
  position:relative!important;z-index:2!important;
  width:min(900px,100%)!important;max-width:none!important;margin:clamp(26px,5vh,58px) 0 0!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#menu .sl-showcase:before{
  content:""!important;display:block!important;position:absolute!important;
  left:-6%!important;right:3%!important;bottom:76px!important;height:170px!important;
  border:0!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 44% 72%,rgba(255,92,61,.095),rgba(255,92,61,.02) 36%,transparent 67%)!important;
  filter:blur(5px)!important;pointer-events:none!important;
}
#menu .sl-showcase:after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:76px!important;height:1px!important;
  background:linear-gradient(90deg,rgba(255,92,61,.55),rgba(255,255,255,.12) 23%,rgba(255,255,255,.035) 70%,transparent)!important;
  pointer-events:none!important;
}
#menu .sl-showcase-top{
  position:relative!important;height:auto!important;display:flex!important;justify-content:flex-start!important;gap:18px!important;
  padding:0!important;border:0!important;background:none!important;
  color:#666c74!important;font-size:7.5px!important;font-weight:700!important;letter-spacing:.11em!important;
}
#menu .sl-showcase-top:after{content:""!important;width:1px!important;height:11px!important;background:#30343a!important;order:1!important}
#menu .sl-showcase-top span{order:0!important}
#menu .sl-showcase-top em{order:2!important;color:#8a9097!important;font-size:7.5px!important;font-style:normal!important;letter-spacing:.08em!important}
#menu .sl-showcase-main{
  position:relative!important;display:grid!important;grid-template-columns:minmax(300px,1.38fr) minmax(230px,.62fr)!important;
  align-items:end!important;gap:clamp(26px,3.5vw,52px)!important;min-height:220px!important;padding:12px 0 22px!important;background:none!important;
}
#menu .sl-showcase-weapon{
  height:190px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  color:#e7e6e1!important;filter:drop-shadow(0 28px 34px rgba(0,0,0,.5)) drop-shadow(0 0 1px rgba(255,255,255,.08))!important;
}
#menu .showcase-gun{width:min(520px,100%)!important;max-width:none!important;stroke:#0a0b0d!important;stroke-width:.9!important}
#menu .sl-showcase-copy{align-self:end!important;padding-bottom:13px!important}
#menu .sl-showcase-copy small{display:block!important;color:var(--r4-accent-hi)!important;font-size:7.5px!important;font-weight:760!important;letter-spacing:.09em!important}
#menu .sl-showcase-copy b{
  display:block!important;margin-top:6px!important;
  font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  color:#f2f1ed!important;font-size:clamp(28px,2.5vw,39px)!important;font-weight:660!important;letter-spacing:-.035em!important;line-height:.95!important;
}
#menu .sl-showcase-copy p{max-width:300px!important;margin:9px 0 0!important;color:#696f77!important;font-size:8.8px!important;line-height:1.45!important}
#menu .sl-showcase-stats{
  position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(70px,1fr))!important;gap:18px!important;
  width:min(650px,78%)!important;padding:17px 0 0!important;margin:0!important;
}
#menu .sl-showcase-stats span{display:block!important;margin:0 0 7px!important;color:#5f656d!important;font-size:6.5px!important;font-weight:740!important;letter-spacing:.11em!important}
#menu .sl-showcase-stats i{display:block!important;height:2px!important;background:#25292e!important;border-radius:0!important}
#menu .sl-showcase-stats i b{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--r4-accent),#ff8a72)!important;border-radius:0!important;box-shadow:none!important}
#menu .sl-showcase-actions{
  display:flex!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;margin-top:22px!important;
  border:0!important;background:none!important;
}
#menu .sl-mini-action{
  width:auto!important;min-width:118px!important;height:42px!important;padding:0 13px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  border:1px solid #30343a!important;border-radius:6px!important;background:rgba(20,23,27,.78)!important;
  color:#b5bac1!important;font-size:9px!important;font-weight:650!important;letter-spacing:.015em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#menu .sl-mini-action i{color:#676d75!important;font-size:11px!important;font-style:normal!important;transition:transform .16s ease,color .16s ease!important}
#menu .sl-mini-action:hover{border-color:#484e56!important;background:#1a1e23!important;color:#fff!important;transform:translateY(-1px)!important}
#menu .sl-mini-action:hover i{color:var(--r4-accent-hi)!important;transform:translate(2px,-2px)!important}

/* Live session strip anchors the bottom of the visual area without another card. */
#menu .sl-session-strip{
  position:relative!important;z-index:2!important;
  display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr) auto!important;align-items:center!important;gap:0!important;
  width:min(850px,100%)!important;min-height:56px!important;margin-top:clamp(26px,4vh,44px)!important;
  border-top:1px solid rgba(255,255,255,.085)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.015),transparent 78%)!important;
}
#menu .sl-session-strip>div{min-width:0!important;padding:0 22px!important;border-right:1px solid rgba(255,255,255,.07)!important}
#menu .sl-session-strip>div:first-child{padding-left:0!important}
#menu .sl-session-strip small{display:block!important;margin-bottom:4px!important;color:#565c64!important;font-size:6px!important;font-weight:760!important;letter-spacing:.13em!important}
#menu .sl-session-strip b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#979ca3!important;font-size:8px!important;font-weight:650!important;letter-spacing:.035em!important}
#menu .sl-session-strip strong{
  min-width:105px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
  color:#777d85!important;font-size:7px!important;font-weight:760!important;letter-spacing:.085em!important;
}
#menu .sl-session-strip strong i{width:5px!important;height:5px!important;border-radius:50%!important;background:#626870!important}
#menu .sl-session-strip strong.online{color:#9db8a9!important}
#menu .sl-session-strip strong.online i{background:#6cc596!important}
#menu .sl-session-strip strong.error{color:#d99397!important}
#menu .sl-session-strip strong.error i{background:#df747b!important}

/* Deployment rail: square, architectural, and aligned to the viewport edge. */
#menu .sl-terminal{
  position:relative!important;align-self:stretch!important;justify-self:stretch!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;max-height:none!important;
  padding:clamp(34px,5.2vh,58px) clamp(26px,2.6vw,40px) 28px!important;
  overflow:auto!important;border:0!important;border-left:1px solid rgba(255,255,255,.085)!important;border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 112px),
    linear-gradient(145deg,rgba(255,92,61,.022),transparent 36%),
    rgba(12,14,17,.91)!important;
  backdrop-filter:blur(22px) saturate(112%)!important;
  box-shadow:-24px 0 70px rgba(0,0,0,.22)!important;
}
#menu .sl-terminal:before{
  content:""!important;position:absolute!important;left:-1px!important;top:0!important;width:1px!important;height:150px!important;
  background:linear-gradient(180deg,var(--r4-accent),rgba(255,92,61,.12),transparent)!important;box-shadow:none!important;
}
#menu .sl-terminal:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  border:0!important;border-radius:0!important;opacity:.55!important;
  background:repeating-linear-gradient(90deg,transparent 0 91px,rgba(255,255,255,.012) 92px)!important;
}
#menu .sl-terminal>*{position:relative!important;z-index:1!important}
#menu .sl-terminal-head{display:flex!important;align-items:flex-start!important;margin:0 0 24px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
#menu .sl-terminal-head>div>p.sl-terminal-eyebrow{display:block!important;margin:0 0 7px!important;color:var(--r4-accent-hi)!important;font-size:6.5px!important;font-weight:760!important;letter-spacing:.16em!important}
#menu .sl-terminal-head h2{margin:0!important;color:#f2f1ed!important;font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;font-size:29px!important;font-weight:650!important;line-height:1!important;letter-spacing:-.03em!important}
#menu .sl-terminal-head>div>p:last-child{display:none!important}
#menu .admin-crown{width:32px!important;height:32px!important;flex-basis:32px!important;border:1px solid #3b3529!important;border-radius:5px!important;background:rgba(202,166,86,.045)!important;color:#9f8b60!important;box-shadow:none!important}

#menu .play-path-switch{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 22px!important;padding:0!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;
}
#menu .play-path{
  position:relative!important;height:50px!important;min-height:50px!important;padding:0 10px 11px!important;
  display:flex!important;align-items:center!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
}
#menu .play-path:first-child{border-right:1px solid rgba(255,255,255,.065)!important}
#menu .play-path:after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:-1px!important;height:2px!important;background:var(--r4-accent)!important;transition:right .18s ease!important}
#menu .play-path.active:after{right:0!important}
#menu .play-path:hover,#menu .play-path.active{background:linear-gradient(180deg,transparent,rgba(255,255,255,.022))!important}
#menu .play-path i{width:5px!important;height:5px!important;margin-right:10px!important;border:1px solid #747a82!important;background:transparent!important;box-shadow:none!important}
#menu .play-path.active i{border-color:var(--r4-accent)!important;background:var(--r4-accent)!important;box-shadow:0 0 0 4px rgba(255,92,61,.07)!important}
#menu .play-path span b{color:#d8dade!important;font-size:9.5px!important;font-weight:680!important;letter-spacing:.025em!important}
#menu .play-path span small{display:none!important}
#menu .play-path em{display:none!important}

#menu .sl-terminal-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px 12px!important;margin:0!important}
#menu .sl-terminal-fields label,#menu .sl-online-panel label{color:#666d75!important;font-size:7px!important;font-weight:700!important;letter-spacing:.075em!important;text-transform:uppercase!important}
#menu .sl-terminal-fields select,#menu .sl-terminal input:not([type=range]){
  height:44px!important;min-height:44px!important;margin-top:6px!important;padding:0 34px 0 11px!important;
  border:1px solid #2d3238!important;border-radius:5px!important;background-color:#15181c!important;
  color:#e1e2e2!important;font-family:inherit!important;font-size:9.5px!important;font-weight:620!important;letter-spacing:0!important;text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
#menu .sl-terminal-fields select:hover,#menu .sl-terminal input:not([type=range]):hover{border-color:#3c424a!important;background-color:#181c20!important}
#menu .sl-bots{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:7px!important;margin:18px 0 0!important;color:#686f77!important;font-size:7px!important;font-weight:710!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#menu .sl-bots output{color:var(--r4-accent-hi)!important;font-size:8px!important;font-weight:740!important}
#menu .sl-bots input[type=range]{grid-column:1/-1!important;width:100%!important;height:14px!important;margin:0!important;accent-color:var(--r4-accent)!important}
#menu .sl-online-panel{margin-top:18px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.07)!important}
#menu .room-full-hint{margin:0 0 14px!important}
#menu .sl-terminal-runtime{display:none!important}

#menu .sl-terminal-actions{
  display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:8px!important;margin-top:22px!important;
}
#menu .sl-terminal-actions #deploy{
  height:50px!important;border:1px solid #ff765d!important;border-radius:5px!important;
  background:linear-gradient(180deg,#ff684b,#f95234)!important;color:white!important;
  font-size:9px!important;font-weight:780!important;letter-spacing:.11em!important;text-transform:uppercase!important;
  box-shadow:0 12px 30px rgba(255,70,40,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#menu .sl-terminal-actions #deploy:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(255,70,40,.19),inset 0 1px 0 rgba(255,255,255,.2)!important}
#menu .sl-terminal-actions #settingsBtn{
  height:50px!important;min-width:0!important;border:1px solid #30353b!important;border-radius:5px!important;background:#181b1f!important;
  color:#a5aab1!important;font-size:8.5px!important;font-weight:650!important;letter-spacing:.04em!important;
}
#menu .sl-terminal-actions #settingsBtn:hover{border-color:#454b53!important;background:#1d2126!important;color:#fff!important}

/* Medium desktop/laptop */
@media(max-width:1180px){
  #menu .sl-hero{padding-left:34px!important;grid-template-columns:minmax(0,1fr) 420px!important}
  #menu .sl-hero-copy{padding-right:34px!important}
  #menu .sl-hero h1{font-size:clamp(62px,7vw,86px)!important}
  #menu .sl-showcase-main{grid-template-columns:minmax(240px,1.2fr) minmax(190px,.8fr)!important;gap:24px!important;min-height:180px!important}
  #menu .sl-showcase-weapon{height:150px!important}
  #menu .sl-showcase-stats{width:88%!important}
  #menu .sl-session-strip{grid-template-columns:1fr .7fr!important}
  #menu .sl-session-strip strong{display:none!important}
}

/* Tablet/portrait: rail becomes a conventional panel below the hero stage. */
@media(max-width:860px) and (orientation:portrait){
  #menu .sl-page{height:auto!important;min-height:calc(100svh - 64px)!important}
  #menu .sl-hero{min-height:calc(100svh - 64px)!important;padding:0 22px 30px!important;grid-template-columns:1fr!important}
  #menu .sl-hero-copy{padding:42px 0 30px!important}
  #menu .sl-showcase{width:100%!important}
  #menu .sl-terminal{height:auto!important;min-height:0!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;padding:26px!important;box-shadow:0 28px 60px rgba(0,0,0,.3)!important}
  #menu .sl-terminal:before{left:0!important;top:0!important;width:80px!important;height:1px!important;background:linear-gradient(90deg,var(--r4-accent),transparent)!important}
}

/* Narrow desktop/mobile layout */
@media(max-width:680px){
  #menu .sl-nav{height:54px!important;padding:0 14px!important}
  #menu .sl-brand-copy small{display:none!important}
  #menu .sl-live-pill{padding:0 9px!important}
  #menu .sl-nav-right #profile{padding-left:9px!important;font-size:7px!important}
  #menu .sl-page{height:auto!important;min-height:calc(100svh - 54px)!important}
  #menu .sl-hero{min-height:calc(100svh - 54px)!important;padding:0 12px 18px!important;grid-template-columns:1fr!important}
  #menu .sl-hero-copy{padding:28px 2px 20px!important}
  #menu .sl-hero h1{font-size:52px!important}
  #menu .sl-title-subline{margin-top:13px!important}
  #menu .sl-showcase{margin-top:28px!important}
  #menu .sl-showcase-main{grid-template-columns:1fr!important;gap:7px!important;min-height:0!important;padding-top:8px!important}
  #menu .sl-showcase-weapon{height:120px!important;justify-content:center!important}
  #menu .showcase-gun{width:min(360px,96%)!important}
  #menu .sl-showcase-copy{padding-bottom:0!important}
  #menu .sl-showcase-copy p{display:none!important}
  #menu .sl-showcase-stats{width:100%!important;gap:10px!important}
  #menu .sl-session-strip{display:none!important}
  #menu .sl-terminal{height:auto!important;padding:22px 16px 18px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:7px!important}
  #menu .sl-terminal:before{left:0!important;top:0!important;width:80px!important;height:1px!important;background:linear-gradient(90deg,var(--r4-accent),transparent)!important}
}

/* Actual landscape touch mode: compact but keeps 40px+ interactive targets. */
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
  #menu .sl-nav{height:46px!important;padding:0 11px!important}
  #menu .sl-brand{min-height:40px!important}.sl-brand-mark{width:28px!important;height:28px!important}
  #menu .sl-brand-copy b{font-size:9px!important}.sl-brand-copy small{display:none!important}
  #menu .sl-live-pill{height:40px!important;padding:0 8px!important}.sl-live-pill b{font-size:7px!important}
  #menu .sl-nav-right #profile{height:40px!important;padding-left:8px!important;font-size:6.8px!important}
  #menu .sl-page{height:calc(100svh - 46px)!important;min-height:0!important;overflow:hidden!important}
  #menu .sl-hero{
    min-height:calc(100svh - 46px)!important;height:calc(100svh - 46px)!important;
    padding:0 0 0 14px!important;grid-template-columns:minmax(260px,.82fr) minmax(500px,1.18fr)!important;align-items:stretch!important;
  }
  #menu .sl-hero-copy{padding:15px 16px 10px 0!important;justify-content:flex-start!important;overflow:hidden!important}
  #menu .sl-kicker{margin-bottom:7px!important;font-size:7px!important}.sl-kicker:after{width:28px!important}
  #menu .sl-hero h1{font-size:34px!important;line-height:.8!important}
  #menu .sl-title-subline{display:none!important}
  #menu .sl-showcase{margin-top:14px!important;width:100%!important}
  #menu .sl-showcase-top{display:none!important}
  #menu .sl-showcase-main{grid-template-columns:116px 1fr!important;gap:10px!important;min-height:70px!important;padding:0 0 8px!important;align-items:center!important}
  #menu .sl-showcase-weapon{height:64px!important;justify-content:flex-start!important}
  #menu .showcase-gun{width:112px!important}
  #menu .sl-showcase-copy{padding:0!important;align-self:center!important}.sl-showcase-copy small{font-size:7px!important}.sl-showcase-copy b{font-size:17px!important}.sl-showcase-copy p{display:none!important}
  #menu .sl-showcase-stats{display:none!important}
  #menu .sl-showcase:before,#menu .sl-showcase:after{display:none!important}
  #menu .sl-showcase-actions{margin-top:6px!important;gap:6px!important}
  #menu .sl-mini-action{min-width:0!important;width:104px!important;height:40px!important;padding:0 9px!important;font-size:8px!important}
  #menu .sl-session-strip{display:none!important}
  #menu .sl-terminal{
    height:100%!important;min-height:0!important;padding:10px 12px 9px!important;border:0!important;border-left:1px solid rgba(255,255,255,.085)!important;border-radius:0!important;overflow:auto!important;
  }
  #menu .sl-terminal-head{margin-bottom:6px!important;padding-bottom:6px!important}.sl-terminal-head>div>p.sl-terminal-eyebrow{display:none!important}.sl-terminal-head h2{font-size:16px!important}.admin-crown{display:none!important}
  #menu .play-path-switch{margin-bottom:7px!important}.play-path{height:40px!important;min-height:40px!important;padding:0 8px 7px!important}.play-path span b{font-size:8px!important}
  #menu .sl-terminal-fields{gap:5px 7px!important}.sl-terminal-fields label{font-size:7px!important}.sl-terminal-fields select{height:40px!important;min-height:40px!important;margin-top:3px!important;font-size:8px!important;padding-left:9px!important}
  #menu .sl-bots{margin-top:6px!important;gap:1px!important;font-size:7px!important}.sl-bots input[type=range]{height:10px!important}
  #menu .sl-online-panel{margin-top:7px!important;padding-top:7px!important}
  #menu .sl-terminal-actions{margin-top:7px!important;grid-template-columns:1fr 92px!important;gap:6px!important}.sl-terminal-actions #deploy,.sl-terminal-actions #settingsBtn{height:40px!important;min-height:40px!important;font-size:8px!important}
}

@media(prefers-reduced-motion:reduce){
  #menu .sl-mini-action,#menu .sl-mini-action i,#menu .play-path:after{transition:none!important}
}

/* Role icon is contextual: never show the admin crown in Bot Match/non-admin states. */
#menu .admin-crown{display:none!important}
#menu .admin-crown.active{display:grid!important}

/* Final readability + hero-scale pass */
#menu .sl-brand-copy small{font-size:7px!important}
#menu .sl-showcase{width:min(1000px,100%)!important}
#menu .sl-showcase-main{grid-template-columns:minmax(340px,1.45fr) minmax(230px,.55fr)!important}
#menu .sl-showcase-weapon{height:205px!important}
#menu .showcase-gun{width:min(650px,112%)!important}
#menu .sl-showcase-stats{width:min(700px,82%)!important}
#menu .sl-showcase-stats span{font-size:7px!important}
#menu .sl-session-strip{width:min(950px,100%)!important}
#menu .sl-session-strip small{font-size:7px!important}
#menu .sl-terminal-head>div>p.sl-terminal-eyebrow{font-size:7px!important}
@media(max-width:1180px){
  #menu .sl-showcase-main{grid-template-columns:minmax(240px,1.2fr) minmax(190px,.8fr)!important}
  #menu .sl-showcase-weapon{height:150px!important}
  #menu .showcase-gun{width:min(520px,100%)!important}
}
@media(max-width:680px){
  #menu .sl-showcase-main{grid-template-columns:1fr!important}
  #menu .sl-showcase-weapon{height:120px!important}
  #menu .showcase-gun{width:min(360px,96%)!important}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
  #menu .sl-terminal-head>div>p.sl-terminal-eyebrow{display:none!important}
  #menu .sl-showcase-main{grid-template-columns:116px 1fr!important}
  #menu .sl-showcase-weapon{height:64px!important}
  #menu .showcase-gun{width:112px!important}
}