.mode-picker{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;color:hsl(var(--hud-fg));font-family:var(--hud-font);overflow-y:auto;background:radial-gradient(60rem 30rem at 50% -10%,hsl(var(--hud-primary)/.14),transparent 70%),hsl(var(--hud-canvas))}.mode-picker:before{content:"Arena";font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:hsl(var(--hud-muted-fg));margin-bottom:-16px}.mode-picker-title{margin:0;font-size:clamp(28px,5vw,40px);font-weight:700;letter-spacing:-.02em}.mode-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;max-width:44rem}.mode-picker-card{display:flex;flex-direction:column;gap:8px;min-height:44px;padding:20px;border-radius:var(--hud-radius-lg);border:1px solid var(--hud-border-color);background:var(--hud-wash);color:inherit;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.mode-picker-card:hover{background:var(--hud-wash-strong);border-color:hsl(217.2 32.6% 28%)}.mode-picker-card:focus-visible{border-color:hsl(var(--hud-primary));outline:none}.mode-picker-card-title{font-size:20px;font-weight:600;letter-spacing:-.01em}.mode-picker-card-title:after{content:" \2192";color:hsl(var(--hud-muted-fg))}.mode-picker-card-blurb{line-height:1.5}.mode-picker-back,.mode-picker-card-blurb{color:hsl(var(--hud-muted-fg));font-size:14px}.mode-picker-back{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--hud-radius);padding:0 12px;border:1px solid transparent}.mode-picker-back:hover{color:hsl(var(--hud-fg));background:var(--hud-wash-strong)}.mode-picker-back:focus-visible{outline:none;border-color:hsl(var(--hud-primary))}