/* SQUAD shell: an intentional desktop workspace while preserving the mobile launcher. */
:root{--shell-ink:#f8f2df;--shell-muted:#a9b5bf;--shell-ice:#a9eaff;--shell-panel:#12192ae8;--shell-line:#9fefff33}

@media (min-width: 900px){
  body:has(.phone-home[style*="grid"]){background:#090b13}
  .phone-home{max-width:none!important;min-height:100vh;padding:34px clamp(42px,6vw,112px) 44px!important;grid-template-rows:auto auto 1fr auto!important;background:radial-gradient(circle at 82% 8%,#44366f55,transparent 30%),radial-gradient(circle at 8% 88%,#123e5d66,transparent 36%),#0b0e18!important}
  .phone-home:before{background:radial-gradient(circle at 13% 18%,#b9efff88 0 2px,transparent 3px),radial-gradient(circle at 76% 42%,#c69cff66 0 1px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 6px,#ffffff04 7px)!important;background-size:210px 210px,160px 160px,100% 100%!important}
  .phone-status{display:none}
  .squad-header{max-width:1360px;width:100%;margin:0 auto;padding:22px 0 44px!important;align-items:flex-end;border-bottom:1px solid var(--shell-line)}
  .mini-brand{font-size:12px;color:var(--shell-ice)}
  .squad-header h1{font-size:clamp(5rem,9vw,9rem)!important;line-height:.72!important;margin:20px 0 22px!important;letter-spacing:-.1em!important}
  .squad-header p{max-width:520px!important;font-size:20px!important;line-height:1.35!important}
  .install-icon{width:auto!important;min-width:184px;height:48px!important;padding:0 20px!important;border-radius:999px!important;font:700 12px 'DM Mono',monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .install-icon:after{content:'desktop app guide'}
  .install-icon{font-size:0!important}
  .phone-home .app-grid{display:flex!important;gap:0!important;max-width:1360px;width:100%;margin:30px auto 14px;padding:0!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important}
  .app-section{display:grid!important;grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);align-items:stretch;gap:24px;min-height:330px;padding:24px!important;border-radius:30px}
  .app-section .section-atmosphere{height:100%;width:34%;border:0;border-right:1px solid #ffffff12}.app-section .section-atmosphere b{right:auto;left:-.07em;bottom:.02em;writing-mode:vertical-rl;transform:rotate(180deg);font-size:105px}.app-section .section-atmosphere i{right:18%;top:12%}
  .app-section .section-header{align-self:center;min-height:0;padding:28px 20px}.app-section .section-header h2{font-size:clamp(58px,6vw,92px)}.app-section .section-header p{font-size:15px;line-height:1.5}.app-section .section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(132px,1fr));gap:14px}
  .phone-home .home-icon{min-height:132px;padding:17px!important;display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;row-gap:6px;align-items:center;text-align:left;border:1px solid var(--shell-line);border-radius:20px;background:linear-gradient(145deg,#172038e8,#111624d9);box-shadow:inset 0 1px #fff1,0 20px 50px #0003;opacity:1!important;transform:none!important;animation:none!important}
  .phone-home .home-icon:hover{transform:translateY(-5px)!important;border-color:#9fefff88;box-shadow:inset 0 1px #fff2,0 25px 60px #0006,0 0 28px #82dfff25}
  .phone-home .home-icon i{grid-row:1 / span 2;width:60px!important;height:60px!important;margin:0!important}
  .phone-home .app-name{justify-content:flex-start!important;min-height:auto!important;align-self:end}
  .phone-home .app-name b{font-size:15px!important;line-height:1.15}
  .phone-home .home-icon small{display:block;max-width:44ch!important;min-height:0!important;font-size:12px!important;line-height:1.4!important;color:#c3dce5!important;opacity:.92!important;align-self:start;text-align:left}
  .launcher-controls{max-width:1360px;width:100%;margin:0 auto!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;justify-content:space-between!important;align-items:center!important}
  .launcher-pager{display:flex!important;grid-column:2}
  .launcher-swipe{justify-self:end}
  .reorder-toggle{padding:10px 16px!important}
  .phone-dock{display:none!important}
  .phone-footer{max-width:1240px;width:100%;margin:30px auto 0;padding-top:18px;border-top:1px solid var(--shell-line);text-align:left!important;font-size:11px!important}
  .app-movers{grid-column:2;justify-self:end;align-self:start;margin-top:-3px}
  .home-icon .tooltip-trigger{display:none!important}
  .landing-inner{width:min(1160px,100%);display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:70px;align-items:center}
  .landing-inner h2{font-size:clamp(5rem,10vw,10rem)!important;line-height:.8!important;margin:.18em 0!important}
  .landing-value{max-width:55ch!important;font-size:19px!important;line-height:1.55!important}
  .heroes{min-height:420px!important}
  .install-banner{width:min(100%,540px)!important;font-size:14px!important}
}

@media (min-width:900px) and (max-width:1160px){.app-section{grid-template-columns:230px minmax(0,1fr);gap:14px;padding:18px!important}.app-section .section-grid{gap:10px}.phone-home .home-icon{grid-template-columns:50px minmax(0,1fr);padding:13px!important}.phone-home .home-icon i{width:48px!important;height:48px!important}.phone-home .home-icon small{font-size:11px!important}}

/* Mobile tooltips become a bottom sheet, so no launcher description can clip. */
.app-tip-sheet[hidden]{display:none}.app-tip-sheet{position:fixed;inset:auto 12px 14px;z-index:10000;padding:18px 18px 16px;border:1px solid #9fefffaa;border-radius:18px;background:#101521f5;color:var(--shell-ink);box-shadow:0 18px 60px #000c,0 0 36px #82dfff33;font:16px/1.45 'Space Grotesk',sans-serif}.app-tip-sheet b{display:block;margin-bottom:7px;color:var(--shell-ice);font:700 12px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.app-tip-sheet button{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff12;color:var(--shell-ice);font-size:19px}.app-tip-sheet p{margin:0;padding-right:20px}
@media (max-width:899px){.tooltip-trigger.open .app-tooltip{display:none!important}}

/* Shared local navigation affordance across SQUAD apps. */
.squad-home-shortcut{display:inline-flex!important;align-items:center;gap:7px;min-height:42px;padding:0 13px!important;border:1px solid #9fefff55!important;border-radius:999px!important;background:#101624e8!important;color:#b9efff!important;font:700 11px 'DM Mono',monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important}.squad-home-shortcut:hover{border-color:#b9efff!important;box-shadow:0 0 20px #82dfff33}.signal-top .squad-home-shortcut{margin-right:auto}.signal-top>span{margin:0 auto}.levelup-top .levelup-back,.crowned-top .crowned-back{font-size:0!important}.levelup-top .levelup-back:after,.crowned-top .crowned-back:after{content:'⌂ Home';font-size:11px}.top .squad-home-shortcut{margin-right:8px}
@media(max-width:560px){.squad-home-shortcut{min-width:42px;padding:0 11px!important;font-size:0!important}.squad-home-shortcut:before{content:'⌂';font-size:18px}.top .squad-home-shortcut{margin-right:4px}.app-tip-sheet{left:10px;right:10px;bottom:10px}}

/* Landing copy intentionally starts with the SQUAD mark only. */
.landing-inner h2 + p:not(.landing-value){display:none!important}

.external-app-modal[hidden]{display:none}.external-app-modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:22px;background:#050713b8;backdrop-filter:blur(12px)}.external-app-dialog{width:min(460px,100%);padding:28px;border:1px solid #9fefff77;border-radius:24px;background:linear-gradient(145deg,#182039,#101522);box-shadow:0 30px 80px #000d,0 0 40px #82dfff28;color:var(--shell-ink)}.external-kicker{font:12px 'DM Mono',monospace;letter-spacing:.11em;color:var(--shell-ice)}.external-app-dialog h2{margin:10px 0;font-size:28px;letter-spacing:-.04em}.external-app-dialog p{margin:0 0 14px;color:#bdc9d2;line-height:1.5}.external-app-dialog code{display:inline-block;padding:8px 10px;border:1px solid #9fefff33;border-radius:9px;background:#0a1020;color:#a9eaff;font:12px 'DM Mono',monospace}.external-app-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.external-app-dialog button{min-height:44px;padding:0 15px;border-radius:999px;font-weight:700}.external-cancel{border:1px solid #9fefff44;background:transparent;color:var(--shell-ink)}.external-confirm{border:0;background:var(--shell-ice);color:#07101a}